@charset "utf-8";

.greeting {display:flex;}
.greeting .col-l {width:50%; padding-top: 60px;}
.greeting .col-l .txt {padding:40px 0 0 50px; position: relative; font-size: var(--font-size-40); line-height: 1.35em; letter-spacing: -0.03em; font-weight: 600; color: #121212;}
.greeting .col-l .txt::before {content:""; position: absolute; left: 0; top: 0; width: 48px; height: 35px; background-image: url(../images/sub/greetings-biz.png); background-size: contain; background-repeat: no-repeat; background-position: 50%;}
.greeting .col-r {padding-top: 110px; flex:1 1 auto; min-width:0; width:1%;}
.greeting .col-r p {margin-top: 10px; font-size: var(--font-size-16); line-height: 1.75em; letter-spacing: -.03em;  color: #505050;}
.greeting .col-r p:first-child {margin-top: 0;}
.greeting .col-r .ceo {margin-top: 30px; font-size: var(--font-size-18); line-height: 1.2em; letter-spacing: -.03em; font-weight: 700; color: #121212; text-align: right;}

.history-logo {text-align: center;}
.history {position: relative;}
.history::before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); top:-75px; width:1px; height: 100%; background-color: #ddd; z-index: -1;}
.history .box {display: flex; margin-top:75px;}
.history .bin-box {width: 50%;}
.history .group {width: 50%;}
.history .year {position: relative; font-size: var(--font-size-56); font-weight: 800; color: var(--color-primary); letter-spacing: -.03em; line-height: 1.2em;}
.history .year::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 16px; height: 18px; background-image: url(../images/sub/history-biz.png); background-size: contain; background-repeat: no-repeat; background-position: 50%;}
.history li {margin-top: 25px; display: flex; align-items: center; font-size: var(--font-size-18);color:#505050; letter-spacing: -.03em; line-height: 1.2em;}
.history li span {width: 65px; font-weight: 700; color:#121212;}
.history .box:nth-child(even) {flex-direction: row-reverse; text-align: right;}
.history .box:nth-child(even) .year {padding-right: 85px;}
.history .box:nth-child(even) .year::before {right: -8px;}
.history .box:nth-child(even) ul {padding-right: 85px;}
.history .box:nth-child(even) li {flex-direction: row-reverse;}
.history .box:nth-child(odd) .year {padding-left: 85px;}
.history .box:nth-child(odd) .year::before {left: -8px;}
.history .box:nth-child(odd) ul {padding-left: 85px;}

.core {display: flex;}
.core .item {width: 33.3333%; text-align: center; padding: 0 20px;}
.core .item h3 {margin: 25px 0 15px; font-size: var(--font-size-40); color: var(--color-primary); letter-spacing: -.03em; line-height: 1.2em;}
.core .item p {font-size: var(--font-size-18); color: #505050; letter-spacing: -.03em; line-height: 1.67em;}

.direct {display: flex;}
.direct .map-img {width: 50%; text-align: center;}
.direct .info {flex:1 1 auto; min-width:0; width:1%;}
.direct .info h2 {padding-bottom: 15px; font-size: var(--font-size-32); color: #121212; letter-spacing: -.03em; line-height: 1.2em; border-bottom: 1px solid #ddd;}
.direct .info dl {margin-top: 30px; display: flex;align-items: center;}
.direct .info dl:nth-child(2) {margin-top: 40px;}
.direct .info dl:nth-child(4) {margin-bottom: 40px;}
.direct .info dt {width: 120px; display: flex;align-items: center;}
.direct .info dt span {margin-left: 15px; font-size: var(--font-size-20); font-weight: 600; color: #121212; letter-spacing: -.03em; line-height: 1.2em;}
.direct .info dd {font-size: var(--font-size-20); color: #505050; letter-spacing: -.03em; line-height: 1.2em; flex:1 1 auto; min-width:0; width:1%;}
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .cont {display: none;}
.root_daum_roughmap_landing .border2 {display: block !important;}

.business {display: flex;}
.business .left {width: 50%; padding-right: 60px;}
.business .right {width: 50%;}
.business .tit {display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.business .tit h2 {font-size: var(--font-size-32); color: #121212; letter-spacing: -.03em; line-height: 1.2em;}
.business .tit a {display: flex; align-items: center; justify-content: center; width: 230px; height: 54px; font-size: var(--font-size-16); color: #121212; letter-spacing: -.03em; line-height: 1.2em; border: 1px solid #ddd;}
.business .tit a span {margin-left: 20px;}
.business .tit a:hover {background-color: var(--color-secondary); color: #fff; border-color: var(--color-secondary);}
.business .left .tit {margin-top: 30px;}
.business .info {margin-top: 35px;}
.business .info dl {display: flex; margin-top: 15px;}
.business .info dl:first-child {margin-top: 0;}
.business .info dt {font-size: var(--font-size-18); font-weight: 700; color: #121212; letter-spacing: -.03em; line-height: 1.2em; width:90px;}
.business .info dd {font-size: var(--font-size-18); color: #505050; letter-spacing: -.03em; line-height: 1.2em;}
.business .right .tit {margin-bottom: 40px;}
.business .right ul {display: flex; flex-wrap: wrap; margin: -5px;}
.business .right ul li {width: 50%; padding:5px;}
.business .right ul li .img {width: 100%;}

.pd60 {padding: 60px 0;}
/* .pd-b0 {padding-bottom:0px;} */

.sales div:first-child {padding-top: 0;}

.deck-plate.one-page .section .intro  {padding-top: 60px;}

.deck-plate.one-page .section:not(#sec1) {border-top: 2px solid var(--color-secondary); /* margin-top: 30px; padding-top: 30px; */}

.sales .doc-tit {margin-bottom: 40px;}
.sales .doc-tit h2 {position: relative; padding-left: 45px;  font-size: var(--font-size-32); color: #121212; letter-spacing: -.03em; line-height: 1.2em;}
.sales .doc-tit h2::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; background-image: url(../images/sub/doc-ico.png); background-size: contain; background-repeat: no-repeat; background-position: 50%;}

.sales .intro {display: flex;}
.sales .intro .doc-tit {padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.sales .intro .col-l {width: 50%;}  
.sales .intro .col-r {padding-left: 80px; width: 50%; display: flex; flex-direction: column; justify-content: space-between;}
.sales .intro .col-r .txt p {font-size: var(--font-size-18); color: #505050; letter-spacing: -.07em; line-height: 1.67em;}
.sales .intro .btn-box {display: flex; margin-top: 30px;}
.sales .intro .btn-box .btn {display: inline-flex; align-items: center; justify-content: center; width:50%; height: 54px;}
.sales .intro .btn-box p {margin-left: 15px; font-size: var(--font-size-16); color: #fff; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em;}
.sales .intro .btn01 {background-color: var(--color-primary);}
.sales .intro .btn02 {background-color: var(--color-secondary);}

.sales .char ol {display: flex; flex-wrap: wrap; margin: -10px;}
.sales .char li {width: auto; padding: 10px; flex: 1;}
.sales .char .box {padding: 30px 0px 30px 30px; height: 260px; border: 1px solid var(--color-primary);}
.sales .char .box h3 {font-size:var(--font-size-20); color: var(--color-primary); letter-spacing: -.03em; line-height: 1.2em;}
.sales .char .box p {margin-top: 15px; font-size: var(--font-size-16); color: #505050; letter-spacing: -.03em; line-height: 1.63em;}
.sales .char li:nth-child(even) .box {background-color: #f9f9f9;}

.sales .table-wrap {display: flex; margin: -20px;}
.sales .table-wrap .table-l {width: 50%; padding: 20px;}
.sales .table-wrap .table-r {width: 50%; padding: 20px;}

.table-txt-box {display: flex; align-items: center; justify-content: space-between;}

.sales .table-txt {margin-bottom: 10px; font-size: var(--font-size-18); font-weight: 600; color: #008dd7; letter-spacing: -.03em; line-height: 1.2em;}
.sales .table-txt.ty2 {margin-top: 75px;}
.sales .table-txt2 {text-align: right; font-size: var(--font-size-16); color: #505050; letter-spacing: -.03em; line-height: 1.2em;}
.sales .table-txt2.ty2 {margin-bottom: 10px;}

.sales table {width: 100%; border-collapse: collapse; border-spacing: 0px;}
.sales table tr:first-child th {border-top: 2px solid #22297b;}
.sales table th, 
.sales table td {padding: 8px 10px; text-align: center; vertical-align: middle; border: 1px solid #ddd; height: 60px;}
.sales table th { font-weight: 600; font-size: var(--font-size-16); color: #121212; letter-spacing: -.03em; line-height: 1.2em; background-color: #f4f4f8;}
.sales table th:first-child,
.sales table td:first-child {border-left: 0;}
.sales table th:last-child,
.sales table td:last-child {border-right: 0;}
.sales table td {font-size: var(--font-size-16); color: #505050; letter-spacing: -.03em; line-height: 1.2em;}

.sales .picture .items {display: flex; flex-wrap: wrap; margin: -5px;}
.sales .picture .items .item {width: 33.3333%; padding: 5px;}

.one-page-nav {max-width: 1400px;  width: 100%; margin-bottom: 40px;}
.one-page-nav li {flex: 1;}
.one-page-nav li a {display: inline-flex; align-items: center; justify-content: center; width: 100%; height:60px; border: 1px solid #ddd; border-bottom: 2px solid var(--color-primary); background-color: #fff; font-size: var(--font-size-16); color: #505050; letter-spacing: -.02em;}
.one-page-nav li.active a {border: 2px solid var(--color-primary) !important; border-bottom: 0 !important; color: var(--color-primary); font-weight: 700;}
.one-page-nav li:not(:first-child) a {border-left: 0;}
.one-page-nav.fixed {z-index: 20; position: fixed; top: var(--header-height); left: 50%; width: 100%; transform: translateX(-50%);}

.btm-info {margin-top: 90px; padding: 90px 0; background-image: url(../images/sub/btm-info-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50%;}
.btm-info .contain {display: flex; align-items: center;}
.btm-info .contain .left {width: 50%;}
.btm-info .contain .right {width: 50%;}
.btm-info .contain h4 {font-size: var(--font-size-40); color: #fff; letter-spacing: -.03em; line-height: 1.2em;}
.btm-info .contain p {margin-top: 20px; font-size: var(--font-size-18); color: #fff; letter-spacing: -.03em; line-height: 1.67em;}
.btm-info .contain h5 {font-size: var(--font-size-32); color: #fff; letter-spacing: -.03em; line-height: 1.56em;}

.sales .standard table td:last-child {background-color: #f2f9fd;}

.accessories .intro li {position: relative; padding-left: 15px; margin-top: 15px; font-size: var(--font-size-18); letter-spacing: -.03em; line-height: 1.2em; color: #505050;}
.accessories .intro li:first-child {margin-top: 0;}
.accessories .intro li::before {content: ''; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; background-color: #ccc; border-radius: 50%;}
.accessories .picture .items .item {width: 25%; padding: 5px;}

.other tr td.bg {background-color: #f9f9f9; font-weight: 600;  color: #121212;}

.course ul {display: flex; flex-wrap: wrap; margin: -40px;}
.course ul li {width: 16.66%; padding: 40px; text-align: center; position: relative;}
.course ul li::before {content: ''; position: absolute; left: -20px; top: 50%; width: 40px; height: 28px; background-image: url(../images/sub/biz-arrow.png); background-size: contain; background-repeat: no-repeat; background-position: 50%;}
.course ul li:first-child::before {display: none;}
.course ul li h3 {font-size: var(--font-size-16); color: #fff; letter-spacing: -.03em; line-height: 1.2em; display: inline-flex; align-items: center; justify-content: center; width:100%; height: 40px; background-color: #505050;}
.course ul li img {margin: 35px 0 20px;}
.course ul li p {font-size: var(--font-size-18); color: #121212; letter-spacing: -.03em; line-height: 1.2em; font-weight: 700;}

.rental .picture .items .item {width: 25%;}

.blog {width: 295px; height: 54px; padding:0 30px; display: inline-flex; align-items: center; justify-content: space-between; background-color: #3bac37; color: #fff; font-size: var(--font-size-16); font-weight: 600; letter-spacing: -.03em; line-height: 1.2em;}
.blog span {margin-left: 20px;}

.inquiry-tit {margin-bottom: 30px; font-size: var(--font-size-32); color: #121212; letter-spacing: -.03em; line-height: 1.38em;}
.board-form>p {margin-bottom: 10px; font-size: var(--font-size-14); color: #878787; letter-spacing: -.03em; line-height: 1.2em; text-align: right;}
.board-form>p span {color:var(--color-primary);}
.board-form .required {position: relative; width: fit-content; margin: 0 auto;}
.board-form .required::before {content: '*'; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); color: var(--color-primary);}