@charset "utf-8";

#wrapper {overflow:hidden;}

.lnbs {width:100%; max-width:820px; margin:0 auto; margin-bottom:50px;}
.lnbs.wds {max-width:410px;}
.lnbs.wdswrap {max-width:620px;}
.lnbs.wd {max-width:1130px;}
.lnbs.width {max-width:1480px;}
.lnbs ul {display:flex;}
.lnbs ul li {flex:1;}
.lnbs ul li a {display:flex; flex-direction: column; justify-content: center; font-size:18px; font-weight:700; color:#333; background:#fff; height:53px; line-height:1.3em; text-align:center; border:1px solid #ddd; border-left:0; letter-spacing:-.025em;}
.lnbs ul li:first-child a {border-left:1px solid #ddd;}
.lnbs ul li.active a {border-color:#c00000; color:#c00000; background:#fff; border-left:1px solid #c00000;}


.doc-tits {}
.doc-tit {margin-bottom:5px;}
.doc-tit.mg {margin-top:40px; margin-bottom:20px;}
.doc-tit h3 {position:relative; font-size:22px; color:#000; letter-spacing:-.025em; line-height:1.545em; padding-left:30px;}
.doc-tit h3:before {position:absolute; content:""; top:50%; margin-top:-11px; left:0; width:23px; height:22px; background:url('../images/sub/doc-tit.png')50% 50% no-repeat; background-size:contain;}

.sb-tit.pd {padding-top:100px;}
.sb-tit {text-align:center; margin-bottom:30px;}
.sb-tit h3 {position:relative; font-size:30px; font-weight:700; color:#000; letter-spacing:-.05em; line-height:1.3em; padding-bottom:7px; margin-bottom:5px;}
.sb-tit h3:before {position:absolute; content:""; width:190px; height:1px; background:#000; left:50%; margin-left:-95px; bottom:0;}
.sb-tit p {font-size:14px; letter-spacing:0.2em; font-weight:300;}

.technology {display:flex; flex-direction:column; justify-content:center; min-height:calc(100vh - 100px); padding:250px 0 100px;}

.table01 {width:100%; border-collapse:collapse; border-spacing:0px; }
.table01 th {padding:4px 9px; border:1px solid #dfdfdf; border-top:0; font-size:14px; font-weight:400; color:#fff; background:#9fa5af; padding:9px;}
.table01 th.font {font-size:16px; font-weight:700;}
.table01 td {padding:1px 8px; border:1px solid #dfdfdf; text-align:center; border-top:0; font-size:14px; color:#000; line-height:1.429em;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}

.greetings {}
.greetings-flex {display:flex; justify-content:space-between; margin-bottom:140px; display: flex; 
    justify-content: center;
    min-height: calc(100vh - 100px);}
.greetings-flex .txt-box {width:50%;}
.greetings-flex .txt-box h3 {font-size:30px; font-weight:700; color:#000; letter-spacing:-.025em; line-height:1.3em; margin-bottom:20px;}
.greetings-flex .txt-box h3 strong {color:#c00000;}
.greetings-flex .txt-box .txt {font-size:18px; color:#555; letter-spacing:0; margin-bottom:40px; line-height:1.889em;}
.greetings-flex .txt-box .sign {display:flex; align-items:center; justify-content:flex-end; font-size:24px; font-weight:700; color:#000; letter-spacing:-.025em; line-height:1.083em; text-align:right;}
.greetings-flex .img {}

.history {}
.historys {display: flex; flex-direction: column; justify-content: center; min-height: calc(100vh - 100px); background:#f5f5f5; padding:120px 0;}
.history-list {width:100%; max-width:1050px; margin:0 auto; margin-bottom:100px;}
.history-list ul {display:flex; margin-left:-10px;}
.history-list ul li {width:calc(33.3333% - 10px); margin-left:10px; font-size:28px; font-weight:700; letter-spacing:-.025em; text-align:center; color:#fff;}
.history-list ul li p {height:70px; line-height:68px; border:1px solid #9299a4; border-radius:50px; background:#9299a4;}
.history-list ul li:hover p {background:#c00000; border-color:#c00000;}
.history-list ul li.active p {background:#c00000; border-color:#c00000;}

.history-list ul li span {font-size:16px; font-weight:500; letter-spacing:-.025em; color:#282828; margin-top:15px;}
.history-cnt {display:flex;}
.history-cnt .img-box {text-align:center; padding-left:80px;}
.history-cnt .img-box h3 {font-size:40px; font-weight:700; letter-spacing:-.025em; color:#c00000; line-height:1.3em; margin-bottom:10px;}
.history-cnt .img-box h3 span {font-size:24px; font-weight:500; letter-spacing:-.025em; color:#282828; line-height:1.250em;}
.history-cnt .img-box p {font-size:24px; font-weight:500; letter-spacing:-.025em; color:#282828; line-height:1.250em; margin-bottom:25px;}
.history-cnt .history-year {position:relative; padding-left:70px; margin-left:70px;}
.history-cnt .history-year:before {position:absolute; content:""; width:1px; height:95%; background:#9299a4; top:5px; left:0;}
.history-cnt .history-year dl {position:relative; display:flex; margin-bottom:15px;}
.history-cnt .history-year dl.last:before {position:absolute; content:""; top:10px; left:-70px; background:#f5f5f5; width:1px; height:100%;}
.history-cnt .history-year dl dt {position:relative; width:60px; font-size:18px; font-weight:700; color:#000; letter-spacing:-.025em; line-height:1.3em;}
.history-cnt .history-year dl dd .tt-wrap {margin:20px 0 25px;}
.history-cnt .history-year dl dd .tt-wrap h4 {position:relative; font-size:18px; font-weight:700; letter-spacing:-.025em; color:#000; margin-bottom:15px;}
.history-cnt .history-year dl dd .tt-wrap h4:before {position:absolute; content:""; width:20px; height:2px; background:#c00000; top:50%; margin-top:-1px; left:-40px;}
.history-cnt .history-year dl dd .tt-wrap ul li {margin-bottom:5px;}
.history-cnt .history-year dl dt:before {position:absolute; content:""; width:14px; height:14px; background:url('../images/sub/his-doc.png')50% 50% no-repeat; background-size:contain; top:4px; left:-76px;}
.history-cnt .history-year dl dd ul li {font-size:18px; letter-spacing:-.025em; line-height:1.3em; margin-bottom:15px;}
.history-cnt .history-year dl dd ul li:last-child {margin-bottom:0;}

.footprints {position:relative; margin:120px 0 140px;}
.footprints .slick-arrow {position:absolute; top:50%; margin-top:-27px; width:30px; height:54px; border:none; overflow:hidden; text-indent:-999em; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; z-index:50; background-size:contain;}
.footprints .slick-prev {left:-60px; background-image:url("../images/sub/slide_prevs.png");}
.footprints .slick-next {right:-60px; background-image:url("../images/sub/slide_nexts.png");}
.footprints .item .txt-box {border:1px solid #ddd; padding:20px; text-align:center;}
.footprints .item .txt-box .img {text-align:center;}
.footprints .item .txt-box .year {font-size:20px; color:#000; font-weight:700; letter-spacing:-.05em; line-height:1.5em; font-weight:700; margin:15px 0 10px;}
.footprints .item .txt-box .txts {font-size:18px; letter-spacing:-.075em; line-height:1.667em; min-height:120px;}
.footprints .item .txt-box .txts br {display:none;}
.footprints .slick-slide img {margin:0 auto;}
.footprints .slick-list {margin:0 -40px;}
.footprints .slick-slide {padding:0 40px;}

.rule-wrap {background:#f5f5f5; display: flex; flex-direction: column; justify-content: center; min-height: calc(100vh - 200px); padding:100px 0;}
.rule-wrap .rule {background:#fff; padding:0 40px 120px 80px;}
.rule-wrap .rule-list {display:flex; padding-top:100px;}
.rule-wrap .rule-list .rule-tit h3 {width:190px; position:relative; font-size:24px; font-weight:700; color:#000; letter-spacing:-.025em; line-height:1.3em; padding-bottom:10px;}
.rule-wrap .rule-list .rule-tit h3:before {position:absolute; content:""; width:28px; height:1px; background:#c00000; left:0; bottom:0;}
.rule-wrap .rule-list .txt-box .txt-box-flex.mg {margin-top:60px;}
.rule-wrap .rule-list .txt-box {width:100%;}
.rule-wrap .rule-list .txt-box .b-txt {font-size:20px; font-weight:700; color:#000; letter-spacing:0; line-height:1.300em; margin-bottom:10px;}
.rule-wrap .rule-list .txt-box .txt {font-size:17px; letter-spacing:-.025em; line-height:1.412em;}
.rule-wrap .txt-box-flex {display:flex; justify-content:space-between; align-items:flex-end;}
.rule-wrap .system-flex {display:flex; justify-content:flex-start; align-items:flex-end;}
.rule-wrap .system-flex  .img {margin-right:260px;}
.rule-wrap .btn-flex .imgs {margin-left:10px;}
.rule-wrap .btn-flex {display:flex; margin-left:-10px;}
.rule-wrap .btn-flex .btn {width:calc(50% - 10px); margin-left:10px; font-size:18px; font-weight:600; letter-spacing:-.025em; height:53px; line-height:51px; text-align:center; width:160px; display:block; color:#c00000; border:1px solid #c00000;}
.rule-wrap .btn-flex .btn span img {vertical-align:middle; padding-right:5px;}

.technology-wrap {padding:120px 0; display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 100px);}
.technology-img {padding:0 20px;}

.table-flex {display:flex; margin:0 -10px; margin-top:40px;}
.table-flex .product-table {padding:0 10px;}

.safety-wrap {background:#f5f5f5; padding:120px 0; z-index:10;}
.safety-wrap .safety-tit {font-size:26px; color:#000; letter-spacing:-.025em; line-height:1.3em; margin-bottom:10px;}
.safety-list.bg {position:relative;}
.safety-list.bg:before {position:absolute; content:""; width:303px; height:303px; background:url('../images/sub/safety.png')50% 50% no-repeat; background-size:contain; top:-160px; right:-130px; z-index:9;}
.safety-list ul {display:flex; margin-left:-30px; margin-bottom:30px;}
.safety-list ul li {width:calc(33.3333% - 30px); margin-left:30px; border:1px solid #ddd; padding:15px; max-height:185px; min-height:185px; background:#fff; z-index:10;}
.safety-list ul li:last-child {max-height:100%;}
.safety-list ul li .num {font-size:24px; color:#000; font-weight:700; letter-spacing:-.05em; line-height:1.250em; margin-bottom:10px;}
.safety-list ul li .num.mg {margin-bottom:0;}
.safety-list ul li .txt {font-size:20px; font-weight:500; letter-spacing:-.05em; line-height:1.5em; text-align:center;}
.safety-list ul li .tt-list {margin-top:20px; padding-left:30px;}
.safety-list ul li .tt-list p {font-size:18px; font-weight:500; letter-spacing:-.05em; line-height:1.667em; padding-left:0.5em; text-indent:-0.5em;}
.safety-list ul li .txt strong {font-size:24px; font-weight:700; color:#c00000;}
.safety-img {margin-top:20px;}

.customer-wrap {padding:120px 0;}
.customer-list {margin-top:100px;}
.customer-list ul {display:flex; margin-left:-50px;}
.customer-list ul li {width:calc(33.3333% - 50px); margin-left:50px; border:1px solid #ddd; padding:20px;}
.customer-list ul li .tit {font-size:24px; font-weight:700; color:#000; letter-spacing:-.05em; line-height:1.250em; text-align:center; margin-bottom:15px;}
.customer-list ul li .tt-wrap {margin-top:20px;}
.customer-list ul li .tt-wrap p {font-size:18px; letter-spacing:-.05em; line-height:1.667em;}

.traffic-wrap {display:flex; flex-direction:column; justify-content:center; min-height: calc(100vh - 100px); padding-bottom:200px;}
.traffic .tit {font-size:18px; font-weight:500; color:#010101; letter-spacing:-.025em; line-height:1.667em; text-align:center; margin-bottom:45px;}
.traffic-flex {display:flex;}
.traffic-flex.wds .tt-box {display: flex;
    flex-direction: column;
    justify-content: space-between;}
.traffic-flex .img {width:53%;}
.traffic-flex .tt-box {display: flex;
    flex-direction: column;
    justify-content: space-between; width:52%; padding-left:40px; min-height: 565px; max-height:565px; }
.traffic-flex .tt-box.height {display:flex; flex-direction:column; justify-content:space-between;}
.traffic-flex .tt-box.flex {display:flex; flex-direction: column; justify-content: space-between;}
/* .traffic-flex .tt-box .air-img {margin-bottom:30px;} */
.traffic-flex .tt-box .lg-tit {display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:700; letter-spacing:-.025em; color:#000; text-align:center; min-height:65px; line-height:1.3em; flex-wrap:wrap; margin:10px 0;}
/* .traffic-flex .tt-box .lg-tit.mg {margin-bottom:25px;} */
.traffic-flex .tt-box .lg-tit strong {font-size:34px; color:#c00000; padding:0 5px; letter-spacing:-.025em;}
.traffic-flex .tt-box .lg-tit span {font-size:20px; font-weight:500; color:#000; letter-spacing:-.025em; line-height:1.700em; padding-left:10px; width:100%;}
.traffic-flex .tt-box .traffic-list {display:flex; margin-left:-20px; line-height:1.417em; margin-bottom:10px;}
.traffic-flex .tt-box .traffic-list .box {width:calc(33.3333% - 20px); margin-left:20px; border:1px solid #ddd; border-radius:15px; text-align:center; min-height:153px; padding:0 4px;/*  padding-bottom:20px; */}
.traffic-flex .tt-box .traffic-list .box .ico img {margin-top:10px;}
.traffic-flex .tt-box .traffic-list .box .tt {position:relative; font-size:20px; font-weight:700; letter-spacing:-.04em; color:#000; line-height:1.0em; padding-top:20px;}
.traffic-flex .tt-box .traffic-list .box .tt:before {position:absolute; content:""; width:162px; height:5px; top:-2.5px; left:50%; margin-left:-81px; background:#c00000; border-radius:3px;}
.traffic-wraps dl {display:flex; align-items:stretch; margin-bottom:7px;}
.traffic-wraps dl.border {margin-bottom:20px;}
.traffic-wraps dl.border dt {border-radius:10px 0 0 10px; min-height:170px;}
.traffic-wraps dl.border dd {padding:0;}
.traffic-wraps dl.border dd ul {padding-left:15px;}
.traffic-wraps dl.border dd ul li {padding-left:0.5em; text-indent:-0.5em; margin-bottom:3px;}
.traffic-wraps dl dt {display:flex; flex-direction:column; justify-content:center; width:150px; min-height:94px; font-size:20px; font-weight:700; color:#010101; letter-spacing:-.025em; text-align:center; background:#e6e8ea; line-height:1.300em; border-radius:10px;}
.traffic-wraps dl dt.height-wrap {min-height: 114px;}
.traffic-wraps dl .height {/* min-height:85px !important;  */padding:5px 0;}
.traffic-wraps dl dt.heights {min-height:135px;}
.traffic-wraps dl dt.width {width:108px;}
.traffic-wraps dl dt.width.height {height:auto !important; line-height:auto; min-height:290px !important;}
.traffic-wraps dl dd {width:78%; border-top:1px solid #ddd; min-height:94px; margin-left:10px; display:flex; flex-direction:column; justify-content:center;}
.traffic-wraps dl:last-child dd {border-bottom:1px solid #ddd;}
.traffic-wraps dl dd.height-wrap {min-height:135px; padding:5px 0;}
.traffic-wraps dl dd.mg {margin-left:0; min-height:170px; border-right:1px solid #ddd; border-radius:0 10px 10px 0; border-bottom:1px solid #ddd}
.traffic-wraps dl dd.border-none {border-bottom:0; border-top:0; height:auto;}
.traffic-wraps dl dd .color-txt {text-align:center; font-size:20px; font-weight:700; color:#c00000; letter-spacing:-.025em; line-height:1.0em; margin-bottom:5px;}
.traffic-wraps dl dd ul li {width:100%; font-size:18px; letter-spacing:-.025em;line-height:1.111em; padding-left: 0.5em; text-indent: -0.5em;}
.traffic-wraps dl dd ul {display:flex; flex-wrap:wrap;}
.traffic-wraps dl dd ul li.wd {width:50%;}
.traffic-flex .tt-box .traffic-line h3 {position:relative; font-size:22px; font-weight:700; color:#000; letter-spacing:-.025em; padding-left:15px; margin-bottom:10px;}
.traffic-flex .tt-box .traffic-line h3:before {position:absolute; content:""; width:11px; height:4px; background:#c00000; border-radius:3px; top:11px; left:0;}
/* .traffic-flex .tra-img {margin-bottom:40px;} */
.traffic-lists dl {display:flex; align-items:center; border-top:1px solid #ddd; padding:5px 0;}
.traffic-lists dl.last {border-bottom:1px solid #ddd;}
.traffic-lists dl dt {width:155px; text-align:center; font-size:20px; font-weight:700; color:#010101; letter-spacing:-.025em; line-height:1.300em;}
.traffic-lists dl dd {font-size:18px; letter-spacing:-.025em; line-height:1.667em; padding-left:10px;}
.traffic-lists dl dd ul li {line-height:1.1111em; padding-left:0.5em; text-indent:-0.5em;}

.traffic-flex .tt-box .table01 tr th {font-size:16px;} 
.traffic-flex .tt-box .table01 tr td {font-size:14px; color:#000;}
.traffic-flex .tt-box .table01 tr td.bg {background:#f2f2f2;}
.traffic-flex .tt-box .table01 tr td.bgs {background:#d9d9d9; padding:11px;}

.intersection-list {display:flex; flex-wrap:wrap; margin:0 -10px;}
/* .intersection-list.mg {margin-bottom:15px;} */
.intersection-list .img {width:33.3333%; padding:0 10px; margin-bottom:15px;}
.intersection-list.wd {margin-bottom:40px;}
.intersection-list.wd.mgb {margin-bottom:-15px;}
.intersection-list.wd.mgb .img {margin-bottom:15px;}
.intersection-list.wd .img {width:25%;}
.intersection-list.wds {margin:0 -3px;}
.intersection-list.wds .img {width:20%; padding:0 3px;}

.tables-img {margin-top:-15px;}
.tables-img.none {margin-top:0;}

.circle-wrap {display:flex; margin-bottom:10px;}
.circle-wrap .circles {width:12.5%;}
.circle-wrap .circles .img {text-align:center; line-height:1.125em;}
.circle-wrap .circles .img img {}
.circle-wrap .circles .circle {font-weight:600; line-height:1.125em; letter-spacing:-.025em; width:80px; height:80px; color:#fff; background:#9fa5af; border-radius:50%; display:flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size:12px;}

.purchase .circle-wrap {margin:0;}
.purchase {margin-bottom:120px; padding-top:100px;}
.purchase .tit {font-size:18px; font-weight:500; color:#010101; letter-spacing:-.025em; line-height:1.667em; text-align:center; margin-bottom:45px;}
.purchase .txt-box {background:#1a1a1a; border-radius:0 0 10px 10px;}
.purchase .txt-box a {display:flex; align-items:center; justify-content:center; width:100%; min-height:69px;}
.purchase .txt-box .lg-tit {font-size:26px; color:#fff; font-weight:700; letter-spacing:0;}
.purchase .txt-box .lg-tit span img {margin-right:15px; vertical-align:middle;}
.purchase .txt-box .s-tit {font-size:18px; color:#ddd; font-weight:300; letter-spacing:0; font-weight:300; margin-left:10px;}
.purchase .txt-box .s-tit span {color:#ff0e0e; font-weight:500;}
.purchase .purchase-flex {display:flex; margin-bottom:80px;}
.purchase .purchase-flex .purchase-wrap {}
.purchase .purchase-box {width:50%; display:flex; flex-direction:column; justify-content:space-between; padding-left:40px;}
.purchase .table-flexs {display:flex; margin:0 -30px; margin-top:20px;}
.purchase .table-flexs .product-table {padding:0 30px;}
.purchase .table01 th {font-size:16px; line-height:1.125em; letter-spacing:-.05em; font-weight:700; padding:7px;}
.purchase .table01 td {font-size:16px;}
.purchase .table01 td.bg {background:#f2f2f2;}

.smart-wrap {display:flex; flex-direction:column; justify-content:center; min-height: calc(100vh - 100px); padding-bottom:200px;}
.smart-wrap {border:0;}
.smart-wrap .tit {font-size:18px; font-weight:500; color:#010101; letter-spacing:-.025em; line-height:1.667em; text-align:center; margin-bottom:45px;}
.smart-wrap .smart-flex .tt-box {padding-left:30px; width:33.3333%;}
.smart-wrap .smart-list {margin-top:30px;}
.smart-flex {display:flex; min-height:530px; border:1px solid #ddd; border-radius:15px; padding:5px; padding-top:50px;}
.smart-flex.middle {align-items: center;}
.smart-flex.middle .img {width:53% !important;}
.smart-flex.none {border:0;}
.smart-flex.mgt {padding-top:0;}
.smart-flex.mgt .img {width:69%;}
.smart-flex.mg {padding:0; align-items:center;}
.smart-list ul li {font-size:18px; letter-spacing:-.025em; line-height:1.111em; padding-left:0.5em; text-indent:-0.5em;}
.smart-lists {margin-bottom:50px;}
.smart-lists ul {display:flex; margin:0 -10px;}
.smart-lists ul li {width:50%; padding:0 10px;}
.smart-lists ul li .img {width:100%;}

.lg-tits-wrap {font-size:28px; color:#000; letter-spacing:-.025em; line-height:1.071em; text-align:center; font-weight:700;}

.smart-city-wrap {margin-left:30px; min-width:465px;}
.smart-city-wrap .lists {margin-bottom:-15px;}
.smart-city-wrap .lists .lists-num {display:flex; align-items:center; min-height:90px; border:1px solid #ddd; margin-bottom:15px; padding-left:30px;}
.smart-city-wrap .lists .lists-num .ico {min-width:40px;}
.smart-city-wrap .lists .lists-num .wrap-box {padding-left:15px;}
.smart-city-wrap .lists .lists-num .tit {font-size:18px; color:#c00000; font-weight:700; letter-spacing:-.025em; line-height:1.667em;}
.smart-city-wrap .lists .lists-num .txt {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.0em;}

.service-list {display:flex; flex-wrap:wrap; margin:30px 0 15px; margin-left:-15px;}
.service-list .service {display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; line-height:1.125em; letter-spacing:-.025em; color:#333; background:#e6e8ea; margin-bottom:10px; width:calc(33.3333% - 15px); margin-left:15px; min-height:43px; text-align:center;}

.city-wrap {display:flex; flex-direction:column; justify-content:center; min-height: calc(100vh - 100px); padding-bottom:200px;}
.city-wrap .tits {font-size:18px; font-weight:500; color:#010101; letter-spacing:-.025em; line-height:1.667em; text-align:center; margin-bottom:45px;}

.ico-list ul li {display:flex; padding:20px 0 20px 40px; border-top:1px solid #ddd;}
.ico-list ul li:last-child {border-bottom:1px solid #ddd;}
.ico-list ul li .icos {display:flex; align-items:center; min-width:220px; text-align:center;}
.ico-list ul li .icos p {min-width:130px; text-align:center; font-size:20px; font-weight:700; letter-spacing:-.025em; line-height:1.300em; color:#c00000;}
.ico-list ul li .ico-box {width:74%; display:flex; flex-wrap:wrap; margin-left:-10px; margin-bottom:-15px;}
.ico-list ul li .ico-box .boxes {width:calc(50% - 10px); margin-left:10px; margin-bottom:15px; background:#e6e8ea; text-align:center; height:50px; display:flex; align-items:center; justify-content:center;}

.doc-tit-flex {display:flex; justify-content:space-between; margin-bottom:60px;}
.doc-tit-flex .img {margin-top:20px;}


.sub-title h3 {font-size:30px; font-weight:700; color:#000; letter-spacing:-.05em; line-height:1.3em; text-align:center;}

.humans {text-align:center; margin-top:100px;}
.humans-tit {font-size:80px; color:#000; font-weight:100; letter-spacing:-.025em; line-height:1.3em;}
.humans-tit strong {font-weight:700; color:#c00000;}
.humans-txts {font-size:30px; color:#000; font-weight:700; letter-spacing:-.05em; line-height:1.3em; margin-top:20px; margin-bottom:120px;}
.humans-txts span {font-family:'Batang'; color:#c00000; font-size:50px; letter-spacing:-.05em;}

.human-list {margin-bottom:200px; padding:0 55px;}
.human-list ul {display:flex; margin-left:-80px;}
.human-list ul li {display:flex; flex-direction:column; justify-content:center; align-items:center; width:calc(20% - 80px); margin-left:80px; border:1px solid #ddd; border-radius:20px; text-align:center; min-height:280px;}
.human-list ul li h4 {font-size:60px; font-weight:800; color:#c00000; letter-spacing:-.05em; line-height:1.3em; margin-bottom:10px;}
.human-list ul li .tit {font-size:20px; color:#000; letter-spacing:-.05em; line-height:1.3em; margin-bottom:30px;}
.human-list ul li .txt {font-size:18px; color:#888; letter-spacing:-.05em; line-height:1.333em;}

.welfare-wrap .welfare:nth-child(even) {flex-direction: row-reverse;}
.welfare-wrap .welfare:nth-child(even) .wel-dot {text-align:right; padding:40px 45px 170px 0;}
.welfare-wrap .welfare:nth-child(even) .wel-dot:before {right:0; left:auto;}
.welfare-wrap .welfare:nth-child(even) .wel-dot:after {left:auto; right:0;}
.welfare-wrap .welfare:nth-child(even) .img {margin-right:-110px; margin-left:0;}
.welfare-wrap .welfare.last {padding-bottom:0; margin-bottom:0;}
.welfare-wrap .welfare.last .img {margin-right:-360px;}
.welfare-wrap .welfare.last:before {display:none; padding-bottom:0; margin-bottom:0;}

.welfare {position:relative; justify-content:space-between; display:flex; padding-bottom:100px; margin-bottom:100px;}
.welfare:before {position:absolute; content:""; background:url('../images/sub/welfare-dot.png'); width:116px; height:6px; bottom:0; left:50%; margin-left:-58px;}
.welfare .wel-dot {position:relative; padding:40px 0 170px 45px;}
.welfare .wel-dot:before {position:absolute; content:""; width:330px; height:1px; background:#c00000; top:0; left:0;}
.welfare .wel-dot:after {position:absolute; content:""; width:40px; height:2px; background:#000; top:0; left:0;}
.welfare .wel-dot p {font-size:16px; font-weight:500; color:#c00000; letter-spacing:0.3em;}
.welfare .wel-dot h4 {font-size:48px; color:#000; letter-spacing:-.025em; font-weight:100; line-height:1.250em;}
.welfare-list ul {display:flex; margin-right:-20px;}
.welfare-list ul li {background:#fff; display:flex; flex-direction:column; justify-content:center; font-size:18px; color:#888; letter-spacing:-.05em; line-height:1.333em; min-width:210px; min-height:240px; border:1px solid #ddd; text-align:center; margin-right:20px;}  
.welfare-list ul li:hover {border:1px solid #c00000;}
.welfare-list ul li:hover .ico {transform: rotateY(180deg);}
.welfare-list ul li .ico {transform:rotateY(0deg);}
.welfare-list ul li .tit {min-height:50px; margin-bottom:25px;}
.welfare .img {margin-left:-110px; z-index:-1;}

.contact-list {margin-bottom:100px;}
.contact-list ul {display:flex; flex-wrap:wrap; margin-bottom:-30px; margin-left:-50px;}
.contact-list ul li {display:flex; width:calc(33.3333% - 50px); margin-left:50px; border:1px solid #ddd; margin-bottom:30px; min-height:240px; padding-left:50px; padding-top:45px;}
.contact-list ul li .tt-box {margin-left:30px;}
.contact-list ul li .tt-box .tit {font-size:24px; font-weight:700; color:#000; letter-spacing:-.05em; line-height:1.3em; margin-bottom:5px;}
.contact-list ul li .tt-box .txt {font-size:18px; color:#888; letter-spacing:-.05em; line-height:1.333em;}
.contact-list ul li .txt-box {margin-bottom:30px;}
.contact-list ul li dl {display:flex; margin-bottom:10px;}
.contact-list ul li dl dt {width:35px;}
.contact-list ul li dl dt span img {vertical-align:middle;}
.contact-list ul li dl .mails {font-size:18px; font-weight:500; color:#c00000; letter-spacing:-.05em; text-decoration:underline;}

.loc-wrap dl {display:flex; align-items:center; margin-top:25px;}
.loc-wrap dl dt {width:110px; text-align:center;}
.loc-wrap dl dd .tit {font-size:24px; font-weight:700; color:#000; letter-spacing:-.05em; line-height:1.3em; margin-bottom:10px;}
.loc-wrap dl dd .txt {font-size:18px; color:#555; letter-spacing:-.05em; line-height:1.3em;}

.location-list {margin-top:100px;}
.location-list ul {display:flex; flex-wrap:wrap; margin:0 -20px; margin-bottom:-80px;}
.location-list ul li {width:50%; padding:0 20px; margin-bottom:80px;}


.root_daum_roughmap {width:100% !important; height:460px !important;}
.root_daum_roughmap .wrap_map {height:460px !important;}

.welfare-list ul li .containers {margin:0 auto;}
.welfare-list ul li .containers .ico {width: 70px; height: 70px; backface-visibility: hidden; transition:.5s; }
.welfare-list ul li .containers .ico.front {position: absolute; transform: rotateY(0deg); }
.welfare-list ul li .containers .ico.back {transform: rotateY(-180deg);}
.welfare-list ul li:hover .containers .ico.back {transform:rotateY(0deg);} 
.welfare-list ul li:hover .containers .ico.front {transform: rotateY(180deg);}