@charset "utf-8"; 

/* 공통 */
.arr-btn { position:relative; display:block; padding:0 30px; width:100%; height:52px; background:#1893a4; color:#fff; font-size:17px; font-weight:500; letter-spacing:-.04em; display:flex; align-items:center; } 
.arr-btn:after { content:""; position:absolute; top:50%; right:30px; margin-top:-6px; background:url("../images/sub/member_arrow.png") 50% 50% no-repeat; background-size:contain; width:13px; height:12px; } 

/* greetings */
.greetings > .img { margin-bottom:50px; } 
.greetings .cnt-wrap { display:flex; } 
.greetings .logo { width:400px; } 
.greetings .cnt { width:1%; min-width:0; flex:1 1 auto; } 
.greetings .tit { margin-bottom:30px; font-size:24px; color:#2c2c2c; font-weight:700; letter-spacing:-.04em; line-height:1.667em; } 
.greetings .tit br:nth-child(2) { display:none; } 
.greetings .txt p { margin-bottom:20px; font-size:18px; font-weight:400; color:#878787; letter-spacing:-.04em; line-height:2em; } 
.greetings .last { display:flex; align-items:center; } 
.greetings .rank { font-size:16px; font-weight:500; letter-spacing:-.04em; color:#2c2c2c; line-height:1.4em; } 
.greetings .last .sign-wrap { display:flex; align-items:center; } 
.greetings .last .sign-k { margin:0 25px 0 30px; } 

/* major */
.major .cnt-list ul { display:flex; justify-content:center; flex-wrap:wrap; margin:12px -20px; } 
.major .cnt-list ul li { width:33.33%; padding:0 20px; margin:-12px 0; } 
.major .cnt-list .circle { margin:0 auto; width:373px; height:373px; padding-top:70px; border-radius:100%; background:#f8f8f8; display:flex; flex-direction:column; align-items:center; } 
.major .cnt-list .img { text-align:center; margin-bottom:27px; } 
.major .cnt-list li .tit { margin-bottom:10px; font-size:25px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#006d5a; } 
.major .cnt-list li .txt { font-size:20px; font-weight:600; letter-spacing:-.04em; color:#2c2c2c; line-height:1.7em; text-align:center; } 

/* member */
.member .sort { margin-bottom:20px; text-align:right; font-size:16px; font-weight:400; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c; } 
.member .sort span { color:#ec6008; } 
.member .wrap { border:1px solid #a8a8a8; display:flex; padding:70px 40px; margin-bottom:20px; } 
.member .wrap:last-child { margin-bottom:0; } 
.member .wrap .img { width:510px; display:flex; justify-content:center; align-items:center; } 
.member .wrap .cnt { display:flex; flex-direction:column; justify-content:center; } 
.member .wrap .cnt .tit { margin-bottom:75px; font-size:32px; font-weight:500; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c; } 
.member .wrap .cnt .tit strong { font-weight:700; } 
.member .arr-btn { max-width:266px; } 

/* ci */
.ci .section { margin-bottom:100px; } 
.ci .section:last-child { margin-bottom:0; } 
.ci .tit { margin-bottom:25px; position:relative; font-size:30px; color:#2c2c2c; letter-spacing:-.04em; font-weight:700; line-height:1.267em; } 
.ci .txt { font-size:18px; color:#878787; font-weight:400; letter-spacing:-.04em; line-height:1.889em; } 

.ci .sec1 .tit { padding-left:13px; } 
.ci .sec1 .tit:before { content:""; position:absolute; left:0; top:50%; margin-top:-13.5px; width:3px; height:27px; background:#1893a4; } 
.ci .sec1 { display:flex; } 
.ci .sec1 .wrap { width:1%; min-width:0; flex:1 1 auto; padding-top:50px; } 
.ci .sec1 .img-bg { width:583px; margin-right:74px; background:url("../images/sub/ci_grid.png"); display:flex; align-items:center; justify-content:center; border:1px solid #ddd; } 
.ci .sec1 .img { text-align:center; } 
.ci .sec1 .img img { height:172px; } 
.ci .sec1 .txt { margin-bottom:20px; } 
.ci .sec1 .txt:last-child { margin-bottom:0; } 
.ci .sec1 .arr-btn { max-width:186px; margin-top:43px; } 

.ci .sec2 .img { padding:80px; display:flex; justify-content:center; align-items:center; border:1px solid #dfdfdf; } 
.ci .sec2 .img img { margin-right:-78px; height:228px; } 
.ci .sec2 .txt { margin-bottom:45px; } 

.ci .sec3 .color-group { display:flex; } 
.ci .sec3 .txt { margin-bottom:40px; } 
.ci .sec3 .wrap-tit { font-size:16px; letter-spacing:-.04em; font-weight:700; line-height:1.4em; color:#2c2c2c; margin-bottom:35px; } 
.ci .sec3 .wrap:nth-child(1) { width:38.333%; margin-right:50px; } 
.ci .sec3 .wrap:nth-child(2) { width:57.5%; } 
.ci .sec3 .wrap:nth-child(2) ul { flex-wrap:wrap; } 
.ci .sec3 .wrap:nth-child(2) ul li { width:33.333%; } 
.ci .sec3 .c-list { height:calc(100% - 57.39px); } 
.ci .sec3 .c-list li { width:50%; padding:35px 30px 30px; } 
.ci .sec3 .c-list ul { display:flex; height:100%; } 
.ci .sec3 .c-list li { color:#fff; font-weight:700; letter-spacing:-.04em; } 
.ci .sec3 .c-list li .name { font-size:20px; line-height:1.2em; margin-bottom:19px; } 
.ci .sec3 .c-list li .code1 { font-size:17px; line-height:1.4em; margin-bottom:30px; } 
.ci .sec3 .c-list li .code2 .txt { color:#fff; font-weight:700; font-size:14px; line-height:1.4em; } 
.ci .sec3 .c-list li .code2 .bar { display:block; width:100%; height:1px; background:rgba(255,255,255,0.34); } 
.ci .sec3 .wrap:nth-child(1) li:nth-child(1) { background:#003141; } 
.ci .sec3 .wrap:nth-child(1) li:nth-child(2) { background:#21b684; } 
.ci .sec3 .wrap:nth-child(2) li:nth-child(1) { background:#006f5d; } 
.ci .sec3 .wrap:nth-child(2) li:nth-child(2) { background:#fdb933; } 
.ci .sec3 .wrap:nth-child(2) li:nth-child(3) { background:#f26b21; } 
.ci .sec3 .wrap:nth-child(2) li:nth-child(4) { background:#000727; } 
.ci .sec3 .wrap:nth-child(2) li:nth-child(5) { background:#1268b2; } 
.ci .sec3 .wrap:nth-child(2) li:nth-child(6) { background:#0060ac; } 

/* .company-data .board-view-files { opacity: 0; visibility: hidden; } */

/* overview */
.section .doc.tit::before { content:""; position:absolute; left:0; top:50%; margin-top:-13.5px; width:3px; height:27px; background:#1893a4; } 
.section .doc.tit { padding-left: 13px; } 
.arr-btn.type2 { width: 210px; margin: 0 auto; } 
button.arr-btn.type2 { border: 0px; } 
/* .overview .section:nth-child(2) { margin-bottom: 50px !important; } */

/* sub04_02 */
.report { letter-spacing: -0.04em; } 
.group-flex { display: flex; } 
.section p.underline { text-decoration: underline; } 
.box1 { background-color: #f5f5f5; border: 1px solid #ddd; padding: 20px 30px; margin-bottom: 60px; } 
.dot-list li { position: relative; padding-left: 13px; line-height: 1.625em; color: #878787; margin-bottom: 5px; } 
.dot-list li::before { content: "·"; position: absolute; top: -2px; left: 0; font-size: 20px; font-weight: 800; color: #006d5a; } 
.report .privacy > .group-flex { padding-bottom: 50px; } 
.report .declaration > .group-flex { padding-bottom: 0; } 
.privacy .group-flex .tit { width: 370px; } 
.privacy .group-flex .desc { flex: 1 1 auto; width: 1%; min-width: 0; } 
.privacy-list li { margin-bottom: 40px; line-height: 2.125em; } 
.privacy-list li:last-child { margin-bottom: 0; } 
.privacy-list li p { position: relative; padding-left: 10px; } 
.privacy-list li p::before { content: "·"; position: absolute; top: 0; left: 0; font-size: 16px; font-weight: 800; color: #2c2c2c; } 
.privacy-list strong { font-size: 18px; font-weight: 600; line-height: 1.888em; } 
.box2 { border: 1px solid #1893a4; padding: 15px 30px; } 
.box2 .group-flex { justify-content: space-between; align-items: center; } 
.box2 .check-wrap .item { display:inline-block; margin:4px 16px 4px 0; } 
.box2 .check-wrap .item:last-child { margin-right:0; } 
.box2 p { color: #686868; line-height: 1.625em; } 
.arr-btn.type2.type3 { width: 150px; justify-content: center; } 
.arr-btn.type2.type3:after { display: none; } 

/* sub04_02_02 */
.declaration { letter-spacing: -0.04em; } 
.privacy-form { display: flex; flex-wrap: wrap; margin: -15px -6px; } 
.privacy-form .col { width: 50%; padding: 15px 6px; } 
.privacy-form .col dt { margin-bottom: 10px; font-weight: 500; line-height: 1.5em; } 
.privacy-form .col dd .input { width: 100%; } 
.privacy-form .col dd .input.name { width: 230px; margin-left:3px; } 
.privacy-form .ico-required { display: inline-block; vertical-align: middle; margin: -0.3em 0 0 0; width: 16px; height: 14px; background: url(../images/sub/inquiry_required.svg) 0 50% no-repeat; background-size: contain; } 
.privacy-form .form .input { display: block; width: 100%; height: 34px; padding: 5px 8px; font-size: 14px; line-height: 1.5em; } 
.privacy-form.type2 { display: block; } 
.privacy-form.type2 .col { width: 100%; } 
.privacy-form.type2 .item { display: inline-block; margin: 4px 30px 4px 0; } 
.privacy-form.type2 .item:last-child { margin-right: 0; } 
.privacy .radiobox input:checked + label:before { background: #fff url(/images/bbs/radiobox2.png) 50% 50% no-repeat; border-color: #1893a4; } 
.privacy-form .checkbox input:checked + label:before { background: #1893a4 url(/images/bbs/checkbox.png) 50% 50% no-repeat; border-color: #1893a4; } 
.line { width: 100%; height: 1px; background-color: #ddd; margin: 60px 0; } 
.essential { color: #d2232a; } 
.privacy-form .help-text { display: inline-block; margin-top: 15px; color: #767676; } 

/* sub04_02_03 */
.completed .img { margin-top: 50px; } 
.completed .txt-wrap { padding: 100px 0; text-align: center; letter-spacing: -0.04em; } 
.completed .txt-wrap strong { font-size: 22px; font-weight: 600; line-height: 1.545em; } 
.completed .txt-wrap p { margin-top: 40px; font-weight: 500; font-size: 18px; } 
.arr-btn.type2.home { width: 180px; justify-content: center; } 
.arr-btn.type2.home:after { display: none; } 

/* sub04_03 */
.progress .box1 { margin-bottom: 0; } 
.progress-table { width: 100%; max-width: 620px; margin: 0 auto; } 
.progress-table form { display: flex; align-items: center; } 
.progress-table .order-image { width: 120px; } 
.progress-table .order-title .tit { color: #222; font-size: 17px; font-weight: 500; line-height: 1.5em; margin-bottom: 5px; } 
.progress-table .order-title .opt { color: #888; font-size: 14px; font-weight: 400; line-height: 1.5em; } 
.progress-table .btn-pack.medium { height: 95px; padding: 0 20px; line-height: 43px; font-size: 16px; } 
.progress-table .btn-pack.mint { background: #1893a4; border: 1px solid #1893a4; color: #fff; } 
.progress-table .search-area { flex:1 1 auto; min-width:0; width:1%; margin-right: 9px; } 
.progress-table .search-area h3 { color:#333; font-size:18px; font-weight:700; line-height:1.4em; letter-spacing:-.03em; margin-bottom:45px; } 
.progress-table .search-area dl { display:flex; align-items:center; } 
.progress-table .search-area dl dt { width:80px; line-height:1.4em; letter-spacing:-.04em; display: inline-block; } 
.progress-table .search-area dl dd { flex:1 1 auto; min-width:0; width:1%; } 
.progress-table .search-area input.input { width: 100%; margin-right: 9px; } 
.progress-table .search-area .btn-pack.medium { width:90px; padding:0; } 
.greendot { font-size: 20px; font-weight: 800; color: #006d5a; line-height: 2.6em; } 
.completed.box { border: 1px solid #ddd; } 
.completed.box .txt-wrap { padding: 50px 0; } 
.completed.box .current { font-weight: 600; color: #1893a4; } 
.btn-current { border: 1px solid #ddd; border-radius: 50vh; padding: 5px 40px; color: #686868; width: 100%; max-width: 250px; margin: 40px auto 0; } 

/* vasp */
.box3 { background-color: #f9f9f9; padding: 50px 70px; margin-bottom: 40px; } 

.dot-list2 li { position: relative; padding-left: 16px; color: #2c2c2c; font-size: 22px; letter-spacing: -0.02em; margin-bottom: 10px; } 
.dot-list2 li:last-child { margin-bottom:0; } 
.dot-list2 li strong { font-weight:600; } 
.dot-list2 li::before { content: "·"; position: absolute; top: 0; left: 0; font-size: 24px; font-weight: 800; color: #006d5a; letter-spacing: -0.02em; font-weight: 800; } 

.btn-down { display: inline-block; border-radius: 4px; margin-left: 16px; color: #fff; background: #006d5a; line-height: 34px; padding: 0 15px; font-size: 16px; font-weight: 500; } 
 
.vasp-list ul { display:flex; flex-wrap: wrap; margin:-10px; } 
.vasp-list ul li { width:20%; padding:10px; } 
.vasp-list ul li .inner { display: block; position: relative; min-height: 150px; overflow:hidden; } 
.vasp-list ul li .img { position: relative;  padding-bottom: 66.67%;overflow: hidden;}
.vasp-list ul li .img img {position: absolute;  top: 50%;  left: 0;  transition: .4s ease-in-out; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%;   height: auto !important; max-width: 100%;  min-height: 100%; object-fit: cover;}
/* .vasp-list ul li .inner:hover .info-list dl {font-size:1.0625em;} */
.vasp-list .hover-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(27,101,111,0.92) 0%, rgba(22,157,131,0.92) 100%); opacity: 0; -moz-transition: all .45s ease-in-out; -webkit-transition: all .45s ease-in-out; -ms-transition: all .45s ease-in-out; -o-transition: all .45s ease-in-out; transition: all .45s ease-in-out; padding:16px 20px; display: flex; flex-direction: column; justify-content: space-between; } 
.vasp-list ul li .inner:hover .hover-wrap { opacity:1; } 
.vasp-list .hover-st1 .hover-wrap {background: linear-gradient(0deg, rgba(27,101,111,.92) 0%, rgba(22,157,131,.92) 100%);}
.vasp-list .hover-st2 .hover-wrap {background: linear-gradient(0deg, rgba(48,48,48,.92) 0%, rgba(137,137,137,.92) 100%);}

.vasp-list .info-list dl { display: flex; color: #fff; letter-spacing: -0.04em; margin-bottom: 10px; } 
.vasp-list .info-list dl dt { font-weight: 700; text-align: justify; line-height: 0; width: 70px; padding-right: 17px; display: inline-block; padding-top: 5px; } 
.vasp-list .info-list dl dt::after { content: ""; display: inline-block; width: 100%; } 
.vasp-list .info-list dl dt::before { content: ""; display: inline-block; width: 100%; } 
.vasp-list .info-list dl dd { line-height: 1.25em; flex: 1 1 auto; width: 1%; min-width: 0; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; word-wrap: break-word; word-break: keep-all;} 
.vasp-list .go-link { display:flex; justify-content: center; align-items: center; width:124px; height:36px; margin:0 auto; border: 1px solid #ddd; font-weight:600; font-size: 14px; color: #ddd; } 

.vasp .point { 
 position: relative; /* padding-left:15px; */
font-size: 18px;margin-top: 50px;     text-align: right;}
/* .vasp .point::before {content: "※";    position: absolute;  top: 0; left: 0;} */
.vasp .point span {color:#006d5a}
.vasp .point a {    display: inline-block; color:#006d5a;    text-decoration: underline; }

.guide-tab {margin-bottom:60px;}
.guide-tab ul { display:flex; justify-content: center; align-items: center; margin:0 -15px; } 
.guide-tab ul li { width:25%; padding:0 15px; } 
.guide-tab ul li a {height:200px;text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:10px; border-radius: 5px; border: 1px solid #ddd; background-color: #fff; } 
.guide-tab ul li .icon { width:90px; height:90px; margin: 0 auto; background-repeat: no-repeat; background-size: contain; background-position: center; } 
.guide-tab ul li .icon.biz { background-image: url('../images/sub/icon-vasp.png'); } 
.guide-tab ul li .icon.use { background-image: url('../images/sub/icon-use.png'); } 
.guide-tab ul li .icon.customer { background-image: url('../images/sub/icon-customer.png'); } 
.guide-tab ul li .icon.center { background-image: url('../images/sub/icon-center.png'); } 
.guide-tab ul li .icon.dec { background-image: url('../images/sub/icon-dec.png'); } 
.guide-tab ul li .icon.card { background-image: url('../images/sub/icon-card.png'); } 
/* .guide-tab ul li p { font-size: 20px; line-height:1.5em; font-weight:700; color: #777777; letter-spacing: -0.04em; margin-top:20px; }  */
.guide-tab ul li p { font-size: 22px; line-height:1.5em; font-weight:700; color: #777777; letter-spacing: -0.04em; margin-top:20px; } 

.guide-tab ul li.active a {background-color: #006d5a;}
.guide-tab ul li.active .icon.biz { background-image: url('../images/sub/icon-vasp-on.png'); } 
.guide-tab ul li.active .icon.use { background-image: url('../images/sub/icon-use-on.png'); } 
.guide-tab ul li.active .icon.customer { background-image: url('../images/sub/icon-customer-on.png'); } 
.guide-tab ul li.active .icon.center { background-image: url('../images/sub/icon-center-on.png'); } 
.guide-tab ul li.active .icon.dec { background-image: url('../images/sub/icon-dec-on.png'); } 
.guide-tab ul li.active .icon.card { background-image: url('../images/sub/icon-card-on.png'); } 
.guide-tab ul li.active p {color: #fff;}

/* 수수료 공시 (20250917) */
.gong-box { margin-bottom: 100px; text-align: left;}
/* .gong-box:last-child { margin-bottom: 0;} */
.gong-box h3 { font-size: 30px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.04em; position: relative; padding-left: 20px; margin-bottom: 20px; }
.gong-box h3::before { content: ""; position: absolute; left: 0; top: 9px; width: 4px; height: 28px; background: #006d5a;}
.tbl-tr { font-size: 14px; text-align: right; margin-bottom: 10px; line-height: 1em; color: #878787; font-weight: 500; display: block; }
.gong-tbl-wrap {overflow: auto;}
.gong-tbl { width: 100%; border-collapse: collapse; }
.gong-tbl tr { border-bottom: 1px solid #ddd;}
.gong-tbl th { background: #006d5a; color: #fff; font-size: 18px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.04em; padding: 10px; border-right: 1px solid #ddd; text-align: center;}
.gong-tbl th:last-child { border-right: none;}
.gong-tbl th.border { border-right: 1px solid #ddd;}
.gong-tbl td { border-right: 1px solid #ddd; padding: 10px; line-height: 1.666em; font-size: 16px; font-weight: 400; color: #454545; text-align: center; letter-spacing: -.03em;}
.gong-tbl td.left { text-align: left; padding-left: 20px; }
.gong-tbl td:last-child { border-right: none; }
.gong-tbl td.border { border-right: 1px solid #ddd;}
.gong-span { margin-top: 10px; }
.gong-span span { display: block; color: #999; font-weight: 500; font-size: 16px; letter-spacing: -.03em;}