/* @charset "utf-8"; */
@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.profile-img {margin-bottom:45px;}
.profile h3 {font-size:26px; letter-spacing:-.05em; line-height:1.462em; margin-bottom:35px;}
.profile h3 span {color:#0079c5;}
.profile p {font-size:18px; letter-spacing:-.05em; line-height:1.667em; margin-bottom:20px;}
.profile .ceo {text-align:right; margin-top:55px; font-weight:500;}
.profile .ceo img {margin-left:15px;}
.profile-list {display:flex; margin-top:50px;}
.profile-list li {width:33.3333%; color:#fff; padding-top:45px; position:relative;}
.profile-list li h4 {font-size:20px; font-weight:500; line-height:1.6em; letter-spacing:-.05em; padding-left:40px; margin-bottom:25px;}
.profile-list li p {padding-left:40px; height:7em; margin-bottom:30px; font-weight:300;}
.profile-list li .box {font-size:20px; font-weight:400; letter-spacing:-.05em; line-height:1.6em; text-align:center; padding:9px 0;}

.profile-list li:nth-child(1) {background-color:#889bd8;}
.profile-list li:nth-child(2) {background-color:#5a637e;}
.profile-list li:nth-child(3) {background-color:#7bcfe7;}
.profile-list li:nth-child(1) .box {background-color:#5169b3;}
.profile-list li:nth-child(2) .box {background-color:#35436a;}
.profile-list li:nth-child(3) .box {background-color:#2a8cb5;}

.profile-list li:after {position:absolute; content:''; width:107px; height:107px; top:50%; transform:translateY(-50%); right:30px; background-size:contain; background-repeat:no-repeat;}
.profile-list li:nth-child(1):after {background-image:url('../images/sub/icon1.png');}
.profile-list li:nth-child(2):after {background-image:url('../images/sub/icon2.png');}
.profile-list li:nth-child(3):after {background-image:url('../images/sub/icon3.png');}

.history {}
.history .group {display:flex;}
.history .group .img {width:46.6666%;}
.history .group .cnt {position:relative; padding-top:40px; width:53.3334%;}
.history .group:last-child .sub-group:last-child {padding-bottom:0;}
.history .group:last-child .sub-group:last-child:before {display:none;}

.history .sub-group {position:relative; padding-bottom:40px;}
.history .sub-group:last-child {padding-bottom:70px;}
.history .sub-group:before {content:""; position:absolute; top:-40px; bottom:-15px; width:1px; background:#dfdfdf;}
.history .sub-group h3 {position:relative;font-size:30px; letter-spacing:-.05em; color:#0079c5;}
.history .sub-group h3:before {position:absolute; content:''; width:12px; height:12px; background-color:#0079c5; top:12px; border-radius:100%;}

.history .sub-group ul li {color:#505050; position:relative; margin-bottom:10px;}
.history .sub-group ul li span.date {position:absolute; top:1px; font-weight:500; letter-spacing:-.05em; color:#2c2c2c; line-height:1.5em;}
.history .sub-group ul li p {line-height:1.3em; margin-bottom:8px;}


.history .group:nth-child(odd) .sub-group {padding-left:96px;}
.history .group:nth-child(odd) .sub-group:before {left:41px;}
.history .group:nth-child(odd) .sub-group h3 {float:left;}
.history .group:nth-child(odd) .sub-group h3:before {left:-60px;}
.history .group:nth-child(odd) .sub-group ul {padding-left:103px;}
.history .group:nth-child(odd) .sub-group ul li {padding-left:50px;}
.history .group:nth-child(odd) .sub-group ul li span.date {left:0;}

.history .group:nth-child(even) {flex-direction:row-reverse;}
.history .group:nth-child(even) .sub-group {padding-right:96px;}
.history .group:nth-child(even) .sub-group:before {right:38px;}
.history .group:nth-child(even) .sub-group h3 {float:right;}
.history .group:nth-child(even) .sub-group h3:before {right:-64px;}
.history .group:nth-child(even) .sub-group ul {padding-right:103px;}
.history .group:nth-child(even) .sub-group ul li {text-align:right; padding-right:50px;}
.history .group:nth-child(even) .sub-group ul li span.date {right:0;}

.work-place {margin-bottom:20px;}
.work-place .tabs {display:flex;}
.work-place .tabs li {width:50%; text-align:center; line-height:1.222em; border:1px solid #dfdfdf; margin-left:-1px; color:#505050;}
.work-place .tabs li:first-child {border-left:1px solid #dfdfdf;}
.work-place .tabs li.active {background-color:#0079c5; color:#fff; border-color:#0079c5;}
.work-place .tabs li a {display:block; font-weight:400; font-size:18px; line-height:50px; letter-spacing:-.05em;}

.local li {font-size:18px; letter-spacing:-.04em; line-height:1.2em; color:#797979; border-bottom:1px solid #dfdfdf; position:relative; padding:17px 0 17px 16px;}
.local li:before {position:absolute; content:''; width:6px; height:6px; background-color:#e60013; left:0; top:25px;}
.local li span {margin-right:12px; display:inline-block; color:#2c2c2c;}

.map {width:100%;}

.detail-tab {margin-bottom:50px;}
.detail-tab ul {display:flex; flex-wrap:wrap;}
.detail-tab ul > li {width:20%; text-align:center; line-height:50px; margin-top: -1px; border:1px solid #dfdfdf; border-left:0; color:#505050; min-width:150px;}
.detail-tab li:first-child {border-left:1px solid #dfdfdf;}
.detail-tab li.active {background-color:#0079c5; color:#fff;}
.detail-tab li a {display:block; font-weight:400; font-size:18px; letter-spacing:-.05em;}
.detail-tab li:last-child {/* border-top:0;  */border-left:1px solid #dfdfdf;}

.sale-tab li {width:33.3333% !important;}

.detail-tab ul > li.rtab {width:25% !important; border:none;}
.repair-tab {position:relative; margin-bottom:100px;}
.repair-tab .sub-menu {position:absolute; width:100%; background-color:#fafafa; border:1px solid #dfdfdf;}
.repair-tab .sub-menu ul {padding-left:30px;}
.repair-tab .sub-menu ul li {width:auto; border:none; margin-right:50px; padding-left:15px; position:relative; min-width:auto;}
.repair-tab .sub-menu ul li:before {position:absolute; content:''; width:6px; height:6px; top:50%; margin-top:-3px; left:0; background-color:#e60013;}
.repair-tab .sub-menu ul li a {display:block; font-size:16px; line-height:70px;}
.repair-tab .sub-menu ul li a.active {color:#e60013;}
.repair-tab .tabmenu li {background-color:#f2f2f2;}
.repair-tab .tabmenu li.active {background-color:#0079c5; color:#fff;}

.sub-tit {font-size:26px; letter-spacing:-.05em; line-height:1.462em; color:#222; text-align:center; margin-bottom:25px;}
.sub-tit span {color:#0079c5;}

.contact-table {margin-bottom:100px;}
.contact-table table {border-collapse:collapse; width:100%; border-top:2px solid #2c2c2c; font-size:18px; letter-spacing:-.05em; text-align:center;}
.contact-table table tr th {background-color:#fafafa; font-weight:500; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; padding:9px 0;}
.contact-table table tr td {color:#505050; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; padding:20px 0;}
.contact-table table tr th:first-child,
.contact-table table tr td:first-child {border-left:0;}

.contact-tit {font-size:26px; font-weight:500; letter-spacing:-.05em; line-height:1.3em; margin-bottom:15px; text-align:center;}

.contact-box {background-size:cover; background-repeat:no-repeat; background-image:url('../images/sub/contact-box.jpg'); color:#fff; text-align:center; margin-bottom:100px;}
.contact-box a {display:block; padding:43px 0;}
.contact-box p.inquiry-round {font-size:14px; letter-spacing:-.05em; width:140px; height:45px; line-height:45px; border:1px solid #fff; border-radius:20px; margin:30px auto 0;}

.customer-support {background-color:#fafafa; padding:45px 0 100px;}
.customer-support .contact-tit {margin-bottom:40px;}
.customer-support ul {display:flex; margin:0 -10px;}
.customer-support ul li {width:25%; padding:0 10px; font-size:15px;}
.customer-support .group {background-color:#fff; box-shadow:0 3px 8px rgba(0,0,0,.1); padding:30px;}
.customer-support .group .tit {font-size:22px; font-weight:700; letter-spacing:-.05em; line-height:1.364em; position:relative; margin-bottom:35px;}
.customer-support .group .tit:after {position:absolute; content:''; width:30px; height:4px; background-color:#0079c5; left:0; bottom:-20px;}
.customer-support .group dl {display:flex;}
.customer-support .group dl dt {color:#2c2c2c; position:relative; padding-left:15px; margin-right:10px;}
.customer-support .group dl dt:before {position: absolute; content: ''; width:6px; height:6px; background-color:#e60013; left:0; top:50%; margin-top:-3px;}
.customer-support .group dl dd {color:#797979;}

.swiper-container {overflow:visible;}

/* 사이트맵 */
.sitemap {*zoom:1; margin:0 0px; margin-bottom:-50px; margin-top:0px; overflow:hidden; display:flex; flex-wrap:no-wrap;}
.sitemap dl {width:25%; padding:0 10px; margin-bottom:50px; vertical-align:top; box-sizing:border-box;}
.sitemap dl:nth-child(3n+1) {clear:left;}
.sitemap dl dt {margin-bottom:5px; text-align:center; color:#fff; font-size:18px; font-weight:400; line-height:39px; letter-spacing:0; background:#0079c5;}
.sitemap dl dd {border-bottom:1px solid #ddd;}
.sitemap dl dd > a {display:block; line-height:22px; color:#555; font-size:16px; font-weight:400; background:url("../images/sub/dot.gif") 5px 16px no-repeat; padding:8px 0 8px 30px; text-decoration:none;}
.sitemap dl dd a:hover, .sitemap dl dd a:focus {text-decoration:underline;}