@charset "utf-8";

/* 서브탭 */
.performance-list {width:100%; max-width:1200px; margin:0 auto; justify-content:center; flex-wrap:wrap; margin-bottom:60px;}
.performance-list ul {display:flex; justify-content:center;}
.performance-list li {width:12.5%;}
.performance-list li a {display:flex; flex-direction:column; justify-content:center; font-size:17px; color:#454545; font-weight:500; text-align:center; letter-spacing:-.03em; height:150px; border:1px solid #ddd; border-left:0;}
.performance-list li:first-child a {border-left:0;}
.performance-list li .img-wrap {position:relative; width:64px; height:64px; margin:0 auto; margin-bottom:10px;}
.performance-list li .img-wrap .img {position:absolute; top:0; left:0;}
.performance-list li .img-wrap .img.hover {display:none;}
.performance-list li a:hover {background:#0f77bd; border:1px solid #0f77bd;}
.performance-list li a:hover .img-wrap .img.hover {display:block;}
.performance-list li a:hover {color:#fff; box-shadow:3px 0 15px rgba(0, 0, 0, 0.3);}
.performance-list li.active a {color:#fff; box-shadow:3px 0 15px rgba(0, 0, 0, 0.3); border:1px solid #0f77bd; background:#0f77bd;}
.performance-list li.active .img-wrap .img.hover {display:block;} 

.doc-tit {margin-bottom:7px;}
.doc-tit h3 {position:relative; font-size:18px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.667em; padding-left:20px;}
.doc-tit h3:before {position:absolute; content:""; width:15px; height:15px;background:url('../images/sub/doc-tit.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-7.5px; left:0;}

.greetings {position:relative;}
.greetings:before {width:1201px; height:110px; bottom:0; left:0; position:absolute; content:""; background:url('../images/sub/greetings-tt.png')50% 50% no-repeat; background-size:contain; }
.greetings .greeting-flex {margin-top:50px; display:flex; justify-content:space-between;}
.greetings .greeting-flex .tit {font-size:32px; color:#242424; font-weight:600; letter-spacing:-.03em; line-height:1.719em;}
.greetings .greeting-flex .tit span {position:relative; color:#1aa0f7;}
.greetings .greeting-flex .tit span:before {position:absolute; content:""; background:rgba(26, 160, 247, 0.1); width:100%; height:20px; left:0; bottom:0;}
.greetings .greeting-flex .tit span strong {color:#0f77bd;}
.greetings .greeting-flex .txt-box {}
.greetings .greeting-flex .txt-box .txt {font-size:18px; color:#454545; letter-spacing:-.03em; line-height:1.667em; margin-bottom:30px;}
.greetings .greeting-flex .txt-box .sign {font-size:20px; font-weight:500; color:#242424; letter-spacing:-.03em; line-height:1.5em;}
.greetings .greeting-flex .txt-box .sign span img {vertical-align:middle; margin-left:15px;}

.organization {text-align:center;}

.introduce {}
.introduce .introduce-list {}
.introduce .introduce-list ul {}
.introduce .introduce-list ul li {position:relative; padding:100px 0;}
.introduce .introduce-list ul li:first-child {padding-top:0;}
.introduce .introduce-list ul li:nth-child(odd):before {position:absolute; content:""; width:1565px; height:146px; left:0; bottom:0; background:url('../images/sub/introduce-tt1.png')50% 50% no-repeat; background-size:contain;}
.introduce .introduce-list ul li:nth-child(3):before {left:auto; right:0;}
.introduce .introduce-list ul li .introduce-wrap {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1260px; margin:0 auto; padding-left:30px; padding-right:30px;}
.introduce .introduce-list ul li .img {position:relative; width:46%;}
.introduce .introduce-list ul li .img:before {position:absolute; content:""; width:150px; height:2px; background:#1aa0f7; top:100px; right:-60px;}
.introduce .introduce-list ul li:nth-child(even) {background:#f8fcff;}
.introduce .introduce-list ul li:nth-child(even) .introduce-wrap {flex-direction:row-reverse;}
.introduce .introduce-list ul li:nth-child(even) .img:before {right:auto; margin-right:0; left:0; margin-left:-60px;}
.introduce .introduce-list ul li:nth-child(even) .txt-box {padding-left:0; padding-right:85px; text-align:right;}
.introduce .introduce-list ul li .txt-box {width:54%; padding-left:85px;}
.introduce .introduce-list ul li .txt-box .tit {font-size:30px; color:#242424; font-weight:600; letter-spacing:-.03em; line-height:1.3em; margin-bottom:20px;}
.introduce .introduce-list ul li .txt-box .txt {font-size:18px; color:#454545; letter-spacing:-.03em; line-height:1.667em;} 

.location {display:flex; align-items:center; justify-content:space-between;}
.location:first-child {margin-bottom:60px;}
.location .map {width:54%;}
.location .loc-list {width:46%; padding-left:60px;}
.location .loc-list .tit {font-size:22px; color:#242424; letter-spacing:-.03em; line-height:1.273em; padding-bottom:25px; margin-bottom:15px; border-bottom:2px solid #242424;}
.location .loc-list .tit strong {font-size:28px; color:#0e76bc;}
.location .loc-list dl {display:flex; padding:15px 0;}
.location .loc-list dl dt {position:relative; width:115px; font-size:18px; font-weight:500; color:#242424; letter-spacing:-.03em; margin-right:15px; } 
.location .loc-list dl dt:before {position:absolute; content:""; width:1px; height:10px; background:#ddd; top:50%; margin-top:-5px; right:0;}
.location .loc-list dl dt span {}
.location .loc-list dl dt span img {vertical-align:middle; margin-right:10px;}
.location .loc-list dl dd {}

.step {padding-bottom:90px;}
.step .tit {display:block; margin:0 auto; margin-bottom:60px; text-align:center; font-size:24px; font-weight:700; letter-spacing:-.03em; width:240px; height:50px; line-height:50px; color:#fff; background:#22a3f7; border-radius:25px;}
.step .step-list {margin-bottom:45px;}
.step .step-list ul {display:flex; justify-content:center; margin:0 -30px;}
.step .step-list ul li {position:relative; padding:0 30px;}
.step .step-list ul li:before {position:absolute; content:""; width:23px; height:40px; background:url('../images/sub/step-next.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-20px; right:-10px;}
.step .step-list ul li:last-child:before {display:none;}
.step .step-box {margin-bottom:20px;}
.step .step-box .txt {padding-left:20px;}
.step .step-box .txt span {font-weight:500; color:#22a3f7;}

.step.bg {background:#f8fcff; padding-top:90px;}
.step.bg .tit {background-color:#0e76bc;}
.step.bg .doc-tit h3:before {background-image:url('../images/sub/doc-tit2.png');}
.step.bg .step-box .txt span {color:#0e76bc;}

.step.mg {margin-top:90px;}

.field {}
.field .img {margin-bottom:60px;}
.field .tit-wrap {text-align:center; margin-bottom:25px;}
.field .tit-wrap .tit {height:60px; line-height:60px; padding:0 80px; text-align:center; display:inline-block; margin:0 auto; font-size:20px; font-weight:700; letter-spacing:0; border-radius:30px; color:#fff; background: linear-gradient(#1aa0f7, #0f77bd);}
.field .txt {text-align:center; font-size:18px; font-weight:500; color:#454545; letter-spacing:-.03em; line-height:1.667em;}

.notarization-wrap {}
.notarization-wrap .notarization-tit {font-size:22px; font-weight:500; color:#242424; letter-spacing:-.03em; line-height:1.545em; text-align:center; margin-bottom:80px;}
.notarization-wrap .notarization-tit span {font-weight:600; color:#1aa0f7;}
.notarization-wrap .notarization-tit span:last-child {color:#1079bf;}

.notarization {background:#f8fcff; padding-bottom:100px; text-align:center;}
.notarization .notarization-color-tit {font-size:18px; color:#454545; letter-spacing:-.03em; line-height:2.0em; margin-top:32px; margin-bottom:25px;}
.notarization .notarization-color-tit .blue {font-size:20px; font-weight:600; color:#1aa0f7;}
.notarization .notarization-color-tit strong {color:#242424; font-weight:600;}
.notarization .notarization-color-tit .dark {font-size:22px; color:#1079bf; font-weight:600; letter-spacing:-.03em;}
.notarization .notarization-color.tt {font-size:24px; font-weight:500; color:#242424; letter-spacing:-.03em; line-height:1.333em;}
.notarization .notarization-color.tt span {color:#1aa0f7;} 

.standard-list {width:100%; max-width:850px; margin:0 auto;}
.standard-list ul {display:flex; justify-content:center; flex-wrap:wrap; margin-left:-50px; margin-bottom:-50px;}
.standard-list ul li {width:calc(33.3333% - 50px); margin-left:50px; text-align:center; margin-bottom:50px; border:1px solid #1079bf; border-radius:20px;}
.standard-list ul li .tit {border-color:#1079bf; font-size:18px; font-weight:600; color:#fff; background:#1079bf; height:50px; line-height:50px; border-radius:20px 20px 0 0;}
.standard-list ul li .txt {display:flex; flex-direction:column; justify-content:center; font-size:15px; color:#454545; letter-spacing:-.03em; line-height:1.600em; min-height:100px;}
.standard-list .standard-tt {font-size:18px; font-weight:500; color:#454545; letter-spacing:0; text-align:center; margin-top:35px;}

.composition {background:#f8f8f8; margin-top:90px; padding-bottom:100px;}
.composition-list {}
.composition-list ul {display:flex; margin:0 -25px;}
.composition-list ul li {width:25%; padding:0 25px; text-align:center;}
.composition-list ul li .thumb {position:relative; padding-bottom:132%; overflow:hidden;}
.composition-list ul li .thumb img {border-radius:10px; 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;}
.composition-list ul li .tit {display:block; margin:0 auto; margin-top:-25px; position:relative; background:#22a3f7; border-radius:25px; width:200px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:20px; font-weight:600; letter-spacing:-.03em;}
.composition-list ul li:nth-child(even) .tit {background:#1079bf;}

.expense {}
.expense .expense-list {display:flex;}
.expense .expense-list .tit {min-width:155px; height:190px; background:#1079bf; line-height:190px; text-align:center; color:#fff; letter-spacing:-.03em; font-size:22px; font-weight:700; border-radius:10px;}
.expense .expense-list .tt-box {width:87%; margin-left:10px;}
.expense .expense-list .tt-box .tt {width:100%; margin-bottom:10px; text-align:center; font-size:22px; font-weight:700; height:60px; line-height:60px; color:#fff; background:#1079bf; border-radius:10px;}
.expense .expense-list .tt-box ul {display:flex; margin-left:-10px;}
.expense .expense-list .tt-box ul li {position:relative; display:flex; flex-direction:column; justify-content:center; width:calc(20% - 10px); border:1px solid #ddd; border-radius:10px; text-align:center; margin-left:10px; min-height:120px;}
.expense .expense-list .tt-box ul li:before {position:absolute; content:""; width:30px; height:30px; background:url('../images/sub/expense-ico.png')50% 50% no-repeat; top:50%; margin-top:-15px; right:0; margin-right:-20px; z-index:9; background-size:contain;}
.expense .expense-list .tt-box ul li:last-child:before {display:none;}
.expense .expense-list .tt-box ul li .s-tt {font-size:20px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.700em; margin-bottom:10px;}
.expense .expense-list .tt-box ul li .txt {line-height:1.500em;}

.procedure {background:#f8f8f8; margin-top:100px; padding-bottom:90px;}
.procedure-list {}
.procedure-list ul {display:flex; margin-left:-80px;}
.procedure-list ul li {position:relative; width:calc(25% - 80px); margin-left:80px;} 
.procedure-list ul li:before {position:absolute; content:""; background:url('../images/sub/procedure-next.png')50% 50% no-repeat; background-size:contain; width:29px; height:49px; margin-top:-24.5px; top:50%; right:-50px;}
.procedure-list ul li:last-child:before {display:none;}
.procedure-list ul li .tit {position:relative; background:#22a3f7; border-radius:25px; text-align:center; display:block; margin:0 auto; margin-bottom:-20px; width:200px; height:50px; line-height:50px; color:#fff; font-size:20px; font-weight:600;}
.procedure-list ul li:nth-child(even) .tit {background:#1079bf;}
.procedure-list ul li .box {display:flex; justify-content:center; padding-top:55px; border:1px solid #22a3f7; border-radius:10px; background:#fff; min-height:315px;}
.procedure-list ul li .box .list {}
.procedure-list ul li .box .list p {font-size:18px; letter-spacing:-.03em; color:#454545; margin-bottom:25px;}
.procedure-list ul li .box .list p span {font-size:18px; font-weight:700; color:#242424; letter-spacing:-.03em;}
.procedure-list .procedure-tt {margin-top:20px; line-height:1.75em;}

.ui-table {width:100%; border-collapse:collapse; border-spacing:0px; color:#505050;}
.ui-table th {padding:20px 10px; background:#0f77bd; font-size:18px; font-weight:600; border:1px solid #ddd; color:#fff;}
.ui-table strong {font-weight:600; font-size:20px; color:#242424; letter-spacing:-.03em;}
.ui-table td {padding:20px 10px; line-height:1.250em; background:#fff; border:1px solid #ddd; text-align:center;}
.ui-table td.bg {background:#f8f8f8;}
.ui-table td.color {color:#1aa0f7; font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.667em;}

.prevention {text-align:center; background:#f8f8f8; margin-top:100px; padding-bottom:100px;}
.prevention .tit {font-size:22px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.455em; margin:45px 0 20px;}
.prevention .txt {}

.companion {}
.companion .companion-list {display:flex; flex-direction:column; justify-content:center; border:1px solid #ddd; border-radius:30px; min-height:415px; padding:0 55px;}
.companion .companion-list ul {display:flex;}
.companion .companion-list ul li {width:33.3333%; text-align:center;}
.companion .companion-list ul li .tit {font-size:22px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.455em; margin:25px 0 10px; }
.companion .companion-list ul li .txt {}
.companion .companion-tt {font-size:18px; color:#22a3f7; letter-spacing:-.03em; line-height:1.556em; text-align:center; margin-top:35px;}

.calculation {}
.calculation .calculation-bg {display:flex; flex-direction:column; justify-content:center; padding:0 100px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; min-height:255px; border-radius:30px;}
.calculation .calculation-bg .tit {font-size:26px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em; margin-bottom:35px; text-align:center;}
.calculation .calculation-bg .calculation-price {}
.calculation .calculation-bg .calculation-price ul {display:flex; margin:0 -50px;}
.calculation .calculation-bg .calculation-price ul li {position:relative ;min-width:170px; color:#fff; font-size:22px; height:70px; line-height:70px; font-weight:700; letter-spacing:-.03em; background:#22a3f7; text-align:center; border-radius:10px; margin:0 50px;}
.calculation .calculation-bg .calculation-price ul li:nth-child(1):before {position:absolute; content:""; width:20px; height:14px; background:url('../images/sub/calculation2.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-7px; right:-60px;}
.calculation .calculation-bg .calculation-price ul li:nth-child(2):before,
.calculation .calculation-bg .calculation-price ul li:nth-child(3):before {position:absolute; content:""; background:url('../images/sub/calculation1.png')50% 50% no-repeat; width:16px; height:16px; background-size:contain; top:50%; margin-top:-8px; right:-60px;}
.calculation .calculation-bg .calculation-price ul li:first-child {min-width:250px; background:#0f77bd;}
.calculation .calculation-bg .calculation-price ul li:before {}

.calculation-list {padding:100px 0;}
.calculation-list ul {display:flex;}
.calculation-list ul li {width:25%; text-align:center;}
.calculation-list ul li .tit {font-size:22px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em; margin:20px 0 10px;}
.calculation-list ul li .txt {line-height:1.500em;}

.page {background:#f8f8f8; padding-bottom:100px;}

.caution {}
.caution .caution-list {width:100%; max-width:1000px; margin:0 auto;}
.caution .caution-list ul {} 
.caution .caution-list ul li {display:flex; align-items:center; background:#f3f8fc; margin-bottom:10px; height:70px; border-radius:30px; padding:0 20px;}
.caution .caution-list ul li:nth-child(even) {background:#f3faff;}
.caution .caution-list ul li:nth-child(even) span {background:#1aa0f7;}
.caution .caution-list ul li span {margin-right:15px; display:inline-block; font-weight:600; font-size:18px; min-width:38px; height:38px; border-radius:50%; color:#fff; text-align:center; line-height:38px; background:#0e76bc;}
.caution .caution-list ul li .tit {font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.333em; color:#242424;}

.common {margin-top:100px; padding-bottom:100px; background:#f8f8f8;}
.common.none {background:#fff; margin-top:0;}

.media {margin-bottom:100px;}
.media .media-bg {display:flex; flex-direction:column; align-items:flex-end; justify-content:center; background-size:cover; background-position:left; background-repeat:no-repeat; min-height:450px; border-radius:30px;}
.media .media-bg .txt-box {padding:0 45px;}
.media .media-bg .txt-box .txt {font-size:18px; line-height:1.667em; margin-bottom:25px;}
.media .media-bg .txt-box .txt span {font-size:24px; font-weight:600; color:#0f77bd; letter-spacing:-.03em;}
.media .media-bg .txt-box .lg-txt {font-size:20px; font-weight:600; color:#1aa0f7; letter-spacing:-.03em; line-height:1.5em;}

.videos {text-align:center;}
.videos .txt {font-size:20px; color:#454545; letter-spacing:-.03em; line-height:1.600em; margin:40px 0 25px;}
.videos .lg-tt {font-size:22px; color:#242424; letter-spacing:-.03em; font-weight:500; line-height:1.273em; margin-bottom:35px;}
.videos .lg-tt span {font-size:26px; font-weight:700; color:#0f77bd;}
.videos .lg-tt span:last-child {color:#1aa0f7;}
.videos .lg-tt strong {position:relative; padding-top:10px;}
.videos .lg-tt strong:before {position:absolute; content:""; width:6px; height:6px; border-radius:50%; background:#0f77bd; top:0; left:50%; margin-left:-3px;}
.videos .lg-tt span:last-child strong:before {background:#1aa0f7;}
.videos .lg-tit {padding-left:50px; display:inline-block; position:relative; font-size:30px; color:#242424; letter-spacing:-.03em; font-weight:500; line-height:1.667em;}
.videos .lg-tit:before {position:absolute; content:""; background:url('../images/sub/lg-tit1.png')50% 50% no-repeat; background-size:contain; top:0; left:0; width:32px; height:27px;}
.videos .lg-tit:after {position:absolute; content:""; background:url('../images/sub/lg-tit2.png')50% 50% no-repeat; background-size:contain; bottom:0; right:0; width:32px; height:27px;}
.videos .lg-tit span {font-weight:700; color:#0f77bd; background:#eff9fe;}
.videos .lg-tit span:last-child {color:#22a3f7;}

.buttons-flex {display:flex; align-items:center; justify-content:center;}
.buttons-flex.mgt {margin-top:50px;}
.buttons-flex .btn {display:inline-block; font-size:18px; font-weight:500; letter-spacing:-.04em; font-weight:500; width:180px; height:50px; line-height:50px; text-align:center; color:#fff; background:#0e76bc;}
 
.bankbook {padding:35px 0; padding-right:150px; background-repeat:no-repeat; background-size:cover; background-position:left; border-radius:30px; border:1px solid #ddd;}
.bankbook .bankbook-flex {display:flex; justify-content:flex-end;}
.bankbook .bankbook-flex .ico {}
.bankbook .bankbook-flex .tt-box {margin-left:30px;}
.bankbook .bankbook-flex .tt-box .tit {font-size:28px; font-weight:500; color:#454545; letter-spacing:-.03em; line-height:1.3em;}
.bankbook .bankbook-flex .tt-box .tit strong {display:inline-block; color:#1aa0f7; padding-left:5px;}
.bankbook .bankbook-flex .tt-box .txt {font-size:20px; font-weight:500; letter-spacing:-.03em; line-height:1.5em; margin:12px 0 20px}
.bankbook .bankbook-flex .tt-box .txt strong {color:#242424;}
.bankbook .bankbook-flex .tt-box .tt {font-size:15px; color:#686868; letter-spacing:-.03em; line-height:1.600em;}

.cautions {}
.cautions ul {margin-bottom:-10px;}
.cautions ul li {display:flex; align-items:center; background:#f3f8fc; border-radius:40px; padding:15px 20px; margin-bottom:10px;}
.cautions ul li:nth-child(even) {background:#f3faff;}
.cautions ul li:nth-child(even) .num {background:#1aa0f7;}
.cautions ul li .num {text-align:center; margin-right:12px; display:inline-block; background:#0e76bc; min-width:38px; height:38px; line-height:38px; color:#fff; font-size:18px; font-weight:600; letter-spacing:0; border-radius:50%;}
.cautions ul li p {font-size:18px; color:#242424; letter-spacing:-.03em; font-weight:500; line-height:1.444em;}

.account {}
.account ul {display:flex; flex-wrap:wrap;}
.account ul li {width:16.6666%; border-left:1px solid #fff; margin-left:-1px;}
.account ul li:nth-child(n+7) {border-top:1px solid #fff; margin-top:-1px;}
.account ul li .img {min-width:201px; min-height:201px;}

.languege-wrap {display:flex; margin-bottom:10px;}
.languege-wrap .input {margin:0 5px;}
.languege-wrap .txt {width:60px; margin-top:10px;}
.languege-wrap .plus {font-size:18px; font-weight:500; display:inline-block; width:100px; height:44px; line-height:44px; text-align:center; color:#fff; background:#555; }
.languege-wrap .required {margin-top:0;}

.account-number-flex {display:flex;}
.account-number-flex .languege-wrap {margin-right:35px;}

.map iframe {width:100% !important; height:480px !important;}
.map iframe .wrap_map {height:480px !important;}

.inquiry-img-flex {display:flex;}
.inquiry-img-flex .inquiry-img-wrap {width:11.67%;}
.inquiry-img-flex .inquiry-img-wrap .img {}
.inquiry-img-flex .inquiry-img-wrap .thumb {position:relative; padding-bottom:128%; overflow:hidden;}
.inquiry-img-flex .inquiry-img-wrap .thumb 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;}
.inquiry-img-flex .inquiry-boxes {margin-left:20px;}
.inquiry-img-flex .required {margin-top:20px !important;}