@charset "utf-8"; /* common */
.doc-cnt { margin-bottom: 100px; } 
.doc-cnt:last-child { margin-bottom: 0; } 
.doc-sub-cnt { margin-bottom: 70px; } 
.doc-sub-cnt:last-child { margin-bottom: 0; } 
.doc-tit { position: relative; font-size: 25px; line-height: 1.6em; letter-spacing: -.03em; color: #242424; font-weight: 600; padding-left: 12px; } 
.doc-tit::before { content: ""; position: absolute; width: 3px; height: 17px; background: #f99c33; top: 50%; transform: translateY(-50%); left: 0; } 
.doc-sub-tit { font-size: 22px; font-weight: 500; line-height: 1.8em; letter-spacing: -.03em; margin-bottom: 10px; } 
.doc-cnt p { font-size: 17px; color: #454545; letter-spacing: -.03em; margin-bottom: 40px; } 

/* content */
/* greetings */
.greetings-top ol { display: flex; justify-content: center; margin: 0 -25px; } 
.greetings-top li { width: 250px; height: 250px; margin: 0 25px; background: #f8f8f8; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
.greetings-top .new { font-size: 45px; font-weight: bold; line-height: 95px; letter-spacing: -.05em; } 
.greetings-top .ico { width: 95px; } 
.greetings-top .new, .greetings-top .ico { margin-bottom: 20px; } 
.greetings-top .sin { font-family:'Noto Sans KR'; font-size: 30px; letter-spacing: -.05em; color: #242424; line-height: 1; } 
.greetings-top .chinese { font-family:'Noto Sans KR'; } 
.greetings-txt { width: 68%; padding-left: 20px; } 
.greetings-txt .top { font-size: 30px; font-weight: 500; color: #242424; letter-spacing: -.03em; margin-bottom: 30px; } 
.greetings-txt p { font-size: 18px; line-height: 1.4em; color: #454545; letter-spacing: -.03em; margin-bottom: 20px; } 
.greetings-txt .last { margin-bottom: 52px; } 
.greetings-txt .name { font-weight: 500; text-align:end; color: #242424; letter-spacing: -.03em; margin-bottom: 0; } 

/* history */
#history .tab-title { display: flex; justify-content: center; margin-bottom: 15px; } 
#history .tab-title li { width: 50%; display: flex; align-items: center; justify-content: center; position: relative; transition: all 0.4s; border: 1px solid #ddd; } 
#history .tab-title li.on { background-color: #676566; } 
#history .tab-title li.on a { color: #fff; } 
#history .tab-title li:first-child { border-right: none; } 
#history .tab-title li a { font-size: 19px; line-height: 1.6em; letter-spacing: -.03em; width: 100%; padding: 15px 0; display: flex; justify-content: center; align-items: center; transition: all 0.4s; } 
#history .tab-box { padding-bottom: 50px; position:relative; overflow: hidden; } 
#history .history-bar, #history .history-bar > span { position:absolute; width:1px; left:50%; transform:translateX(-50%); } 
#history .history-bar { height:100%; background:#ddd; z-index:-2; } 
#history .history-bar > span { background:#f99c33; height:20px; top:0; } 
#history .tab-cnt { text-align:center; } 
#history .tab-cnt > h4 { font-size:60px; padding:80px 0; letter-spacing:-.03em; color:#ddd; line-height:1em; font-weight:700; display:block; position:relative; } 
#history .tab-cnt > h4:before { content:""; display:block; width:100%; position:absolute; top:0; bottom:0; background:#fff; z-index:-3; } 
#history .tab-box dl { width:50%; padding:0 40px 50px; text-align:left; margin:0 0 0 auto; box-sizing:border-box; } 
#history .tab-box dl.last { padding-bottom:0; } 
#history .tab-box dl dt { color:#f99c33; font-size:30px; font-weight:700; position:relative; } 
#history .tab-box dl dt:before { content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:#f99c33; position:absolute; top:50%; transform:translateY(-50%); left:-44px; } 
#history .tab-box dl dt:after { content:""; display:inline-block; width:21px; height:21px; border-radius:50%; border:1px solid #ddd; position:absolute; top:50%; transform:translateY(-50%); left:-50px; } 
#history .tab-box dl dd { padding:20px 0 0; } 
#history .tab-box dl dd p { display: inline-block; font-size: 17px; position:relative; line-height:2em; color: #454545; letter-spacing: -.03em; } 
#history .tab-box dl dd .space {padding-left: 55px;}
#history .tab-box dl dd span { display: inline-block; padding:0 15px; font-size: 19px; line-height: 1.8em; color: #242424; font-weight: 600; letter-spacing: -.03em; } 
#history .tab-box .left_point dd p { padding:11px 0 11px 20px; } 
#history .tab-box .left_point dd p:before { right:unset; left:0; } 
#history .tab-box dl.reverse { margin:0; text-align:right; } 
#history .tab-box dl.reverse dt:before { left:auto; right:-44px; } 
#history .tab-box dl.reverse dt:after { left:auto; right:-50px; } 
#history .tab-box dl.reverse dd p { flex-direction:row-reverse; } 

/* biz-1 ,2 */
#biz-1 .doc-cnt { margin-bottom: 60px; } 
#biz-1 .doc-tit, #biz-2 .doc-tit { margin-bottom: 22px; } 
.process ol { display: flex; flex-wrap: wrap; margin: 0 -25px; } 
.process ol li { position: relative; padding: 0 25px; margin-bottom: 40px; } 
.process .box { width: 260px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #f8f8f8; border-radius: 10%; } 
.process .img { padding: 0 45px; margin-top: 27px; } 
.process .img img { width: 100%; height: 100%; object-fit: cover; } 
.process ol li::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -7px; width: 14px; height: 12px; z-index: 10; background: url(../images/sub/arrow-right.png) no-repeat 100%; } 
.process ol .li05::after, .process ol .li06::after, .process ol .li07::after { background: url(../images/sub/arrow-left.png) no-repeat 100%; } 
.process ol .li04::after, .process ol .li08::after { display: none; } 
.process ol .li04::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -27px; width: 12px; height: 14px; background: url(../images/sub/arrow-btm.png) no-repeat 100%; } 
.process .txt-wrap { text-align: center; } 
.process .step { color: #f89c31; margin-bottom: 0; font-weight: 500; font-size: 16px; line-height: 1.625em; letter-spacing: -0.02em; } 
.process .txt { font-weight: 500; font-size: 20px; line-height: 1.3em; letter-spacing: -0.02em; } 
#biz-2 .process ol { justify-content: space-between; } 
#biz-2 .process ol li { margin-right: 0; } 
#biz-2 .process ol li:last-child::after { display: none; } 
#biz-2 .process ol li::after { right: -29%; } 

/* standard */
.standard .doc-tit { margin-bottom: 10px; } 
.table-style table { width: 100%; border-collapse: collapse; border-spacing: 0px; margin-bottom: 20px; } 
.table-style table th { border: 1px solid #ddd; background: #fafafa; } 
 .standard table th { line-height: 1em; padding: 20px; } 
.table-style table th { font-weight: 400; font-size: 18px; color: #242424; letter-spacing: -0.03em;; } 
.table-style table th { padding: 16px; } 
.table-style tr th:first-child, .table-style tr td:first-child { border-left: 0; } 
.table-style table td { text-align: center; border: 1px solid #ddd; border-top: 0; } 
.standard .doc-sub-cnt span { font-size: 16px; letter-spacing: -0.03em; color: #676566; font-weight: 400; padding-left: 10px; } 
.standard .table-style .backslash { text-align: left; background-image: url(../images/sub/backslash.png); background-repeat: no-repeat; background-size: 100% 100%; } 
.standard .table-style .backslash div { text-align: right; } 
.standard .range-list { display: flex; justify-content: space-between; } 
.standard .range-list li { width: calc(50% - 15px); } 
.range-list .doc-sub-cnt { margin-bottom: 0; } 
.standard .range-list .table-style { text-align: center; } 
.standard .range-list th { font-weight: 500; padding: 17px 0; } 
.range-list .table-style table td, .range-list .table-style table thead th { border-right: none; } 
.range-list .table-style tbody td { font-size: 17px; font-weight: 400; letter-spacing: -0.03em; color: #454545; }