@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .item {margin-bottom:var(--margin-b-100); display:flex; align-items:center;}
.greeting .item:last-child {margin-bottom:0;}
.greeting .item:nth-child(even) .img {margin-left:60px; order:2; margin-right:0;}
.greeting .item .img {margin-right:60px;}
.greeting .item .cnt {flex:1;}
.greeting .item .title {margin-bottom:var(--margin-b-30); line-height:1.33em; font-size:var(--font-size-24); font-weight:600; color:#242424; letter-spacing:-.03em;}
.greeting .item span {font-size:var(--font-size-24); font-weight:600; color:var(--color-primary);}
.greeting .item p {font-size:var(--font-size-18); line-height:1.67em;}

.capacity {background-image:url(../images/sub/capacitybg.jpg); background-position:50% 50%; background-repeat:no-repeat;}

.sub-title.ty2 {padding-top:0;}

.cert {display:flex; text-align:center; justify-content:center;}
.cert li {padding:0 15px;}
.cert li .img {margin-bottom:20px;}
.cert li p {font-size:var(--font-size-20); letter-spacing:-.03em;}

.property {background-color:#f8f8f8;}

.nfc-cup {margin-bottom:var(--margin-b-100); display:flex;}

.tb-1 {margin-left:60px; flex:1;}
.tb-1 table {border-collapse:collapse; width:100%; text-align:center;}
.tb-1 th {font-weight:600; letter-spacing:-.03em; font-size:var(--font-size-20); background-color:#686868; color:#fff;}
.tb-1 td {line-height:1.2em; font-size:var(--font-size-18);}
.tb-1 td:first-child {border-left:1px solid #ddd;}
.tb-1 th, .tb-1 table td {height: 60px; padding:5px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tb-1 .bg-1 {background-color:var(--color-primary);}
.tb-1 .cr-1 {color:var(--color-primary);}
.tb-1.ty2 {margin-left: 0;}
.tb-1.ty2 td {background-color:#fff;}

.nfc-cup-list li {padding:8px; border:1px solid #c7d7f2; border-radius:50px; align-items:center; margin-bottom:var(--margin-b-30); display:flex;}
.nfc-cup-list li:last-child {margin-bottom:0 !important;}
.nfc-cup-list .num {width:50px; height:50px; line-height:50px; border-radius:100%; font-weight:600; text-align:center; font-size:var(--font-size-22); letter-spacing:-.03em; color:#fff; background-color:var(--color-primary);}
.nfc-cup-list .txt {padding-left:20px;}
.nfc-cup-list strong {width:330px; display:block; font-size:var(--font-size-18); font-weight:600; color:#242424;}
.nfc-cup-list p {position:relative; flex:1;}
.nfc-cup-list p:before {height:14px; position:absolute; content:''; top:50%; transform:translateY(-50%); left:0; background-color:#ddd; width:1px;}

.configuration .item {padding:100px 0; align-items:center; border-bottom:1px solid #ddd; display:flex;}
.configuration .item:first-child {padding-top:0;}
.configuration .item:last-child {border-bottom:0; padding-bottom:0;}
.configuration .col-l .txt {padding:17px 0; border-radius:0 0 20px 20px; font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; background-color:var(--color-primary); color:#fff; text-align:center;}

.configuration .col-r {padding-left:60px; flex:1;}
.configuration .col-r .tit {margin-bottom:var(--margin-b-30); font-size:var(--font-size-30); color:#242424; font-weight:600; letter-spacing:-.03em;}
.configuration .col-r li {margin-bottom:var(--margin-b-30);}
.configuration .col-r li:last-child {margin-bottom:0;}
.configuration .col-r .dot {font-size:var(--font-size-20); line-height:1.5em; position:relative; font-weight:600; color:var(--color-primary);}
.configuration .col-r .dot:before {width:10px; height:10px; top:10px; left:-20px; position:absolute; content:''; border-radius:100%; border:2px solid var(--color-primary);}
.configuration .col-r p {margin-top:5px;}

.procedures li {margin-bottom:var(--margin-b-100); display:flex; align-items:center;}
.procedures li:last-child {margin-bottom:0 !important;}
.procedures .img {margin-right:75px;}
.procedures .cnt {flex:1;}
.procedures .num {font-size:var(--font-size-30); line-height:1.3em; color:var(--color-primary); font-weight:800;}
.procedures strong {line-height:1em; margin-bottom:var(--margin-b-30); font-weight:600; color:#242424; font-size:var(--font-size-30); display:block;}
.procedures p {line-height:1.7em; letter-spacing:-.03em; font-size:var(--font-size-20);}
.procedures li:nth-child(even) .img {margin-left:75px; margin-right:0; order:2;}

.operation-img {margin-bottom:var(--margin-b-100);}

.operation-list {margin:0 -15px -55px; display:flex; flex-wrap:wrap; text-align:center;}
.operation-list li {padding:0 15px 55px; width: 33.3333%;}
.operation-list li p {margin-top:var(--margin-b-30); font-size:var(--font-size-20); font-weight:500; letter-spacing:-.03em;}
 
.information-wrap {margin-top:55px; justify-content:center; display:flex;}
.information-wrap dl {margin-right:60px; display:flex;}
.information-wrap dl img {margin:-4px 10px 0 0; vertical-align:middle;}
.information-wrap dl:last-child {margin-right:0;}
.information-wrap dt {font-size:var(--font-size-22); font-weight:600; color:#242424;}
.information-wrap dd {padding-left:30px; font-size:var(--font-size-18); position:relative;}
.information-wrap dd:after {left:14px; height:12px; position:absolute; content:''; top:50%; transform:translateY(-50%); background-color:#ddd; width:1px;}