@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-tit {font-size:25px; margin-bottom:20px; color:#242424; letter-spacing:-.02em; line-height:1.3em; display:block; position:relative;}
.doc-tit:before {width:3px; height:24px; left:-20px; top:3px; background-image:url('../images/sub/doctit.jpg'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.doc-cnt20 {margin-bottom:20px !important;}
.doc-cnt30 {margin-bottom:30px !important;}
.doc-cnt50 {margin-bottom:50px !important;}
.doc-cnt100 {margin-bottom:100px !important;}

.fz18 {font-size:18px !important;}
.fz20 {font-size:20px !important;}
.fz22 {font-size:22px !important; color:#242424;}

.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}

.c1 {color:#cb4e3c !important;}
.c2 {color:#242424 !important;}
.cr {color:#cb4e3c !important;}

.greeting p {margin-top:35px; line-height:1.69em; letter-spacing:-.03em;}
.greeting p.last {margin-top:60px; font-weight:500; color:#242424;}
.greeting p.last strong {font-size:20px; line-height:1.6em; font-weight:700; display:block;}

.vision {display:flex; align-items:center;}
.vision .col-l {position:relative;}
.vision .col-l:after {position:absolute; content:''; z-index:-1;}
.vision .col-r {flex:1;}
.vision.ty1 {margin-bottom:150px;}
.vision.ty1 .col-l:after {width:225px; height:150px; left:-50px; bottom:-50px; background-color:#ff7d6a;}
.vision.ty1 .col-r {margin-left:80px;}
.vision.ty2 .col-l {order:2;}
.vision.ty2 .col-l:after {bottom:0; top:-50px; right:-100%; left:100px; background-color:#fccdc7;}
.vision.ty2 p {margin-bottom:30px; line-height:1.67em;}
.vision.ty2 p:last-child {margin-bottom:0;}

.history .group {margin-bottom:115px; display:flex; align-items:center;}
.history .group:last-child {margin-bottom:0;}
.history .col {width:50%;}
.history .year {font-size:40px; font-weight:700; color:#242424; letter-spacing:-.02em; line-height:1.3em; text-align:center;}
.history strong {font-size:20px; margin-bottom:15px; color:#242424; letter-spacing:-.02em; line-height:1.3em; display:block;}
.history .item {padding-bottom:40px; position:relative;}
.history .item:last-child {padding-bottom:0; border:0 !important;}
.history .item:before {width:26px; height:26px; top:0; background-image:url('../images/sub/hisdot.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.history .item:after {width:60px; top:12px; position:absolute; content:''; background-color:#ddd; height:1px; z-index:-1;}
.history .group:nth-child(odd) .item {padding-left:100px; border-left:2px dashed #ddd;}
.history .group:nth-child(odd) .item:before {left:-14px;}
.history .group:nth-child(odd) .item:after {left:12px;}
.history .group:nth-child(even) .year {order:2;}
.history .group:nth-child(even) .item {padding-right:100px; text-align:right; border-right:2px dashed #ddd;}
.history .group:nth-child(even) .item:before {right:-14px;}
.history .group:nth-child(even) .item:after {right:12px;}

.root_daum_roughmap {width:100% !important;}
.local {display:flex; align-items:center;}
.local .col {width:50%;}
.local .group {margin-left:60px; margin-bottom:50px; display:flex; align-items:center;}
.local .group:last-child {margin-bottom:0;}
.local .left {width:135px; font-weight:600; color:#242424; letter-spacing:-.02em;}
.local .left img {margin:-2px 20px 0 0; vertical-align:middle;}
.local .right {flex:1;}

.prd-menu ul {margin-bottom:50px; display:flex; justify-content:center;}
.prd-menu ul li {max-width:200px; padding:0 10px; width:33.3333%;}
.prd-menu ul li a {height:50px; line-height:1.353em; display:flex; align-items:center; justify-content:center; border-radius:30px; text-align:center; border:1px solid #ddd;}
.prd-menu ul li.active a {color:#fff; background-color:#cb4e3c; border-color:#cb4e3c;}

.imgwrap .cr {font-weight:600; text-align:center;}

.imgflex {display:flex; margin:0 -15px; font-weight:500; flex-wrap:wrap;}
.imgflex .item {padding:0 15px;}
.imgflex .img {margin-bottom:15px;}
.imgflex.ty2 .item {margin-bottom:35px;}
.imgflex .fz22 {margin-bottom:10px; display:block;}

.device-char p {line-height:1.7em;}
.device-char .num-tit {font-weight:600; color:#242424; letter-spacing:-.02em; line-height:1.5em;}

.go-top {position:fixed; bottom:30px; right:30px;}

.indent-list li {padding-left:10px; text-indent:-10px;}

.char-table {border-top:2px solid #242424;}
.char-table table {border-collapse:collapse; width:100%; text-align:center;}
.char-table thead th {background-color:#f4f4f4;}
.char-table th {color:#242424; font-weight:600;}
.char-table td {line-height:1.4em;}
.char-table th, .char-table td {padding:16px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.char-table th:last-child, .char-table td:last-child {border-right:0;}