@charset "utf-8";

.sub-tit {padding:60px 0 50px 0; text-align:center;}
.sub-tit h3 {font-size:32px; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
#sub .cnt {margin-bottom:70px;}

.table01 {width:100%; border-collapse:collapse; border-spacing:0px; font-size:18px; border-top:2px solid #a8a8a8; color:#2c2c2c;}
.table01 th {text-align:left; font-size:18px; padding:11px 20px; background:#f8f8f8; font-weight:500; line-height:1.5em; letter-spacing:-.01em; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table01 td {padding:11px 20px; text-align:left; color:#505050; border:1px solid #dfdfdf; line-height:1.750em; font-size:16px; letter-spacing:0;}
.table01 th span {font-size:12px; color:#797979; margin-left:5px;}
.table01 th.left {text-align:left;}
.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;}
.table01 tr td:first-child {color:#2c2c2c;}

.doc-tit h3 {font-family: 'Inter', sans-serif; font-size:32px; color:#2154bd; letter-spacing:-.04em; line-height:1.3em;}
.doc-tit.fz {margin-bottom:30px;}
.doc-tit.fz h3 {font-family:'Noto Sans KR','Open Sans',AppleGothic,helvetica,sans-serif; font-size:24px; color:#2c2c2c; font-weight:500; letter-spacing:-.04em;}
.doc-tit.fz.center {text-align:center;}
.doc-tit .txt {font-size:18px; font-weight:300; letter-spacing:-.04em; line-height:1.778em; margin-top:15px;}

.greetings {position:relative;}
.greetings ul {display:flex; flex-wrap:wrap;}
.greetings ul li {position:relative; width:33.3333%; border:1px solid #ddd; border-left:0; border-top:0; padding:40px; z-index:5; background:#fff; min-height:260px; overflow:hidden;}
.greetings ul li:nth-child(-n+3) {border-top:1px solid #ddd;}
.greetings ul li:nth-child(1),
.greetings ul li:nth-child(4),
.greetings ul li:nth-child(7) {border-left:1px solid #ddd;}
.greetings ul li .tit {color:#4b4fc5; font-weight:500; margin-bottom:15px;}
.greetings ul li .txt {font-size:22px; letter-spacing:-.04em; line-height:1.545em;}
.greetings ul li .img {position:absolute; bottom:-20px; right:30px; z-index:-1; overflow:hidden;}

.greeting {position:relative; text-align:center; margin-bottom:50px;}
.greeting .gree-txt {position:absolute; top:50%; left:50%; color:#fff; text-align:center; margin-left:-300px; margin-top:-50px;}
.greeting .gree-txt h3 {font-size:32px; font-weight:500; letter-spacing:-.04em; line-height:1.500em;}
.greeting .gree-txt .txt {font-size:26px; letter-spacing:-.04em; line-height:1.846em;}
.txt-box {text-align:center;}
.txt-box .txts {font-size:18px; font-weight:300; letter-spacing:-.04em; line-height:2.0em; margin-top:30px;}
.txt-box .txts.color {font-size:22px; color:#2154bd; font-weight:500; letter-spacing:-.04em; line-height:1.727em;}
.txt-box .sign {font-size:18px; font-weight:500; letter-spacing:-.04em; padding-right:15px; margin-top:30px;}
.txt-box .sign span {margin-left:15px;}

.business .business-inner {display:flex; margin:0 -15px;}
.business .business-inner .business-list {position:relative; width:33.3333%; padding:0 15px; margin-top:0;}
.business .business-inner .business-list .txts {position:absolute; bottom:-80px; left:35px;}
.business .business-inner .business-list .txts h3 {font-size:20px; color:#fff; letter-spacing:-.04em; line-height:2.0em; margin-bottom:20px;}
.business .business-inner .business-list .txts ul {background:#fff; min-height:160px; border:1px solid #ddd; padding:20px; min-width:340px;}
.business .business-inner .business-list .img img {width:100%;}

.info ul {display:flex; margin-top:60px;}
.info ul li {position:relative; width:33.3333%; text-align:center;}
.info ul li:before {position:absolute; content:""; top:0; right:0; width:1px; height:100%; background:#ddd;}
.info ul li:last-child:before {display:none;} 
.info ul li h3 {font-size:18px; color:#4b4fc5; letter-spacing:-.04em; line-height:1.0em; margin:25px 0 15px 0;}
.info ul li .txt {font-size:20px; color:#505050; letter-spacing:-.04em; line-height:1.800em;}

.organization {position:relative;}
.organization .organi-txts {position:absolute; top:80px; left:450px; text-align:center;}
.organization .organi-txts .logos {margin:30px 0 15px 0;}
.organization .organi-txts .txt {font-size:26px; color:#fff; font-weight:500; letter-spacing:-.04em; line-height:1.0em;}

.canvas {display:flex; align-items:center;}
.canvas-txt {width:75%;}
.canvas .img {width:25%;}
.canvas .tit {font-size:24px; font-weight:500; letter-spacing:-.04em; line-height:1.417em; margin-top:20px;}
.canvas .txt {font-size:18px; color:#505050; font-weight:300; letter-spacing:-.04em; line-height:1.778em; margin-top:15px;}
.canvas .txt.pd {margin-top:40px;}
.canvas-list .canvas-lists {display:flex; flex-wrap:wrap; margin-left:-30px; margin-bottom:-30px;}
.canvas-list .canvas-lists .canvas-inner {width:calc(33.3333% - 30px); margin-left:30px; margin-bottom:30px; border:1px solid #ddd; padding:40px;}
.canvas-list .canvas-lists .canvas-inner .tit {font-size:18px; color:#4b4fc5; font-weight:500; letter-spacing:-.04em; line-height:1.0em; margin-bottom:10px;}
.canvas-list .canvas-lists .canvas-inner ul li {padding-left:13px; text-indent:-13px;}

.configuration {background:#f0f0f0; padding:80px 0;}
.configuration h3 span {color:#2154bd; font-weight:700;}
.configuration ul {display:flex;}
.configuration ul li {position:relative; width:33.3333%; text-align:center; margin-top:30px;}
.configuration ul li:before {position:absolute; content:""; top:50%; right:-50px; width:104px; height:27px; background:url("../images/sub/next-ico.png")50% 50% no-repeat; background-size:contain;}
.configuration ul li:last-child:before {display:none;} 
.configuration ul li .box {display:flex; flex-direction:column; justify-content:center; background:#9d9dc6; border-radius:100%; width:200px; height:200px; margin:0 auto;}
.configuration ul li:nth-child(2) .box {background:#6e6ec7;}
.configuration ul li:nth-child(3) .box {background:#4b4fc5;}
.configuration ul li .box .tit {font-size:20px; color:#fff; font-weight:500; letter-spacing:-.04em;}
.configuration ul li .box .txt {font-size:16px; color:#fff; font-weight:300; letter-spacing:-.04em; margin-top:0;}

.play {display:flex; margin-top:40px;}

.solution {display:flex; border:1px solid #ddd; padding:80px;}
.solution .img {width:50%;}
.solution ul {width:50%;}
.solution ul li {display:flex; align-items:center; justify-content:center; position:relative; background:#9d9dc6; color:#fff; font-weight:300; margin-bottom:90px; text-align:center; min-height:90px;}
.solution ul li:nth-child(2) {background:#6e6ec7;}
.solution ul li:nth-child(3) {background:#4b4fc5;}
.solution ul li:before {position:absolute; content:""; left:50%; bottom:-70px; width:27px; height:41px; background:url("../images/sub/down-ico.png")50% 50% no-repeat; background-size:contain;}
.solution ul li:last-child:before {display:none;}

.advantages ul {display:flex; flex-wrap:wrap;}
.advantages ul li {position:relative; width:33.3333%; font-size:18px; font-weight:300; padding:20px 0; padding-left:25px; border-bottom:1px solid #ddd;}
.advantages ul li:before {position:absolute; content:""; width:15px; height:3px; background:#4b4fc5; top:50%; margin-top:-1.5px; left:0;}
.advantages ul li:last-child {border-bottom:0;}

.characteristic ul {display:flex; margin:0 -15px;}
.characteristic ul li {width:33.3333%; padding:0 15px; text-align:center;}
.characteristic ul li .img {padding-bottom:15px;}
.characteristic ul li .tit {font-size:18px; color:#4b4fc5; font-weight:500; margin-bottom:10px;}
.characteristic ul li .txt {color:#505050;}

.products {margin-top:40px;}
.products ul {display:flex; flex-wrap:wrap; margin-left:-30px; margin-bottom:-30px;}
.products ul li {width:calc(33.3333% - 30px); margin-left:30px; border:1px solid #ddd; margin-bottom:30px; padding:35px;}
.products ul li:last-child {width:calc(66.6666% - 30px);}
.products ul li .tit {font-size:18px; color:#4b4fc5; font-weight:500; letter-spacing:-.04em; line-height:1.0em; margin-bottom:10px;}

.repair ul {display:flex; margin-left:-30px;}
.repair ul li {width:calc(33.333% - 30px); margin-left:30px; border:1px solid #ddd; padding:30px;}
.repair ul li span {display:block; width:42px; font-size:18px; font-weight:700; color:#fff; line-height:42px; background:#4b4fc5; border-radius:100%; text-align:center; margin-bottom:10px;} 

.division ul {display:flex; margin-left:-30px;}
.division ul li {width:calc(50% - 30px); border:1px solid #ddd; margin-left:30px; padding:40px;}
.division ul li .tit {font-size:18px; color:#4b4fc5; font-weight:500; letter-spacing:-.04em; line-height:1.0em; margin-bottom:10px;}

.portfolio .gallery-list ul li {width:33.3333%;}
.portfolio .gallery-list ul li .thumb {padding-bottom:73.4%;}
.check-flex {display:flex; flex-wrap:wrap;}
.check-flex .checkbox {margin-bottom:10px; margin-top:5px;}
.check-flex .checkbox label {padding-right:15px;}
.check-flex .checkbox label:before {border-radius:0;}

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