@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.fz18 {font-size:18px !important;}
.fz20 {font-size:20px !important;}

.member-wrap .items {margin:0 -20px;}
.member-wrap .item {padding:0 20px;}
.member-wrap .thumb {position:relative; padding-bottom:128%; overflow:hidden;}
.member-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;}
.member-wrap .name {margin:20px 0 25px; color:#242424;}
.member-wrap .name strong {font-size:36px; padding-right:10px; display:inline-block; line-height:1.3em; font-weight:600; letter-spacing:-.03em;}
.member-wrap .item .info {display:flex;}
.member-wrap .item ul {margin-right:30px;}
.member-wrap .item ul:last-child {margin-right:0;}
.member-wrap .item ul li {padding-left:10px; position:relative;}
.member-wrap .item ul li:before {position:absolute; content:'-'; left:0;}
.member-wrap .slick-arrow {/*top:240px;*/top:80px; width:24px; height:42px; position:absolute; z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; background-size:contain;}
.member-wrap .slick-prev {left:-100px; background-image:url("../images/sub/sebmem_prev.png");}
.member-wrap .slick-next {right:-100px; background-image:url("../images/sub/sebmem_next.png");}
.member-wrap .slick-prev:hover {background-image:url("../images/sub/sebmem_prev_on.png");}
.member-wrap .slick-next:hover {background-image:url("../images/sub/sebmem_next_on.png");}

.partner {margin-top:85px;}
.partner h2 {font-size:24px; margin-bottom:20px; font-weight:600; color:#242424; letter-spacing:0; line-height:1.3em; display:block;}
.partner ul {display:flex; margin:0 -5px;}
.partner ul li {padding:0 5px;}

.border-top {padding-top:40px; border-top:2px solid #242424;}
.local-top {padding:33px 10px; font-size:22px; line-height:1.5em; font-weight:600; background-color:#f4f4f4; border-radius:10px; text-align:center;}

.local .group {padding:40px 0; border-bottom:1px solid #ddd; display:flex;}
.local .group:last-child {padding-bottom:0; border-bottom:0;}
.local .col-l {font-size:24px; width:240px; letter-spacing:-.03em; color:#242424; line-height:1.6em; font-weight:600;}
.local .col-r {flex:1;}
.root_daum_roughmap {width:100% !important;}

.addr-info {margin-top:30px;}
.addr-info .item {padding-left:27px; position:relative;}
.addr-info .item:before {width:18px; height:16px; top:6px; left:0; background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.addr-info .item1:before {background-image:url('../images/sub/addrico1.png');}
.addr-info .item2:before {background-image:url('../images/sub/addrico2.png');}
.addr-info .item3:before {background-image:url('../images/sub/addrico3.png');}
.addr-info .item strong {margin-bottom:10px; color:#242424; font-weight:600; line-height:1.5em; display:block;}
.addr-info .item p {line-height:1.5em;}
.addr-info.flex {display:flex;}
.addr-info.flex .item {margin-right:150px;}
.addr-info.flex .item:last-child {margin-right:0;}

.procedure {margin:0 -30px; display:flex; flex-wrap:wrap;}
.procedure li {padding:0 30px; margin-bottom:60px; width:33.3333%; position:relative; z-index:-1;}
.procedure li:after {width:30px; height:30px; background-image:url('../images/sub/procedure.png'); background-repeat:no-repeat; position:absolute; content:'';}
.procedure li .box {min-height:310px; padding-left:50px; display:flex; flex-direction:column; justify-content:center; border-radius:30px 10px 30px 10px; border:1px solid #ddd; background-color:#fff;}
.procedure li i {width:54px; height:54px; display:block; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.procedure li i.ico1 {background-image:url('../images/sub/procedure1.png');}
.procedure li i.ico2 {background-image:url('../images/sub/procedure2.png');}
.procedure li i.ico3 {background-image:url('../images/sub/procedure3.png');}
.procedure li i.ico4 {background-image:url('../images/sub/procedure4.png');}
.procedure li i.ico5 {background-image:url('../images/sub/procedure5.png');}
.procedure li i.ico6 {background-image:url('../images/sub/procedure6.png');}
.procedure li i.ico7 {background-image:url('../images/sub/procedure7.png');}
.procedure li strong {font-size:22px; margin:30px 0 15px; color:#242424; font-weight:600; display:block; letter-spacing:-.03em; line-height:1.4em;}
.procedure li p {line-height:1.7em; color:#686868;}

.procedure li:nth-child(4) {order:6;}
.procedure li:nth-child(5) {order:5;}
.procedure li:nth-child(6) {order:4;}
.procedure li:nth-child(7) {order:7;}

.procedure li:nth-child(1):after {right:-15px; top:50%; transform:translateY(-50%);}
.procedure li:nth-child(2):after {right:-15px; top:50%; transform:translateY(-50%);}
.procedure li:nth-child(3):after {left:50%; bottom:-43px; margin-left:-15px; transform:rotate(90deg);}
.procedure li:nth-child(4):after {left:-15px; top:50%; margin-top:-15px; transform:rotate(180deg);}
.procedure li:nth-child(5):after {left:-15px; top:50%; margin-top:-15px; transform:rotate(180deg);}
.procedure li:nth-child(6):after {left:50%; bottom:-43px; margin-left:-15px; transform:rotate(90deg);}
.procedure li:nth-child(7):after {display:none;}

/* 상속세 계산기 */
.calculator {padding-top:30px; border-top:2px solid #242424; display:flex;}
.calculator .box {border-radius:20px;}
.calculator .col-l {width:770px; padding:30px 40px; margin-right:20px; background-color:#f3f4f5;}
.calculator .col-l .item {margin-bottom:20px; display:flex; align-items:center;}
.calculator .col-l .item:last-child {margin-bottom:0;}
.calculator .col-l .item p {padding-right:20px; font-weight:500;}
.calculator .col-l .item .wrap {position:relative;}
.calculator .col-l .item .wrap .input {width: 320px; padding-right:40px; border-radius:8px;}
.calculator .col-l .item .wrap span {position:absolute; right:20px; top:50%; transform:translateY(-50%);}
.calculator .col-l .item .wrap .input,
.calculator .button-wrap .btn-item {height:48px;}

.calculator .button-wrap {margin-left:10px; gap:10px; display:flex;}
.calculator .button-wrap .btn-item {min-width:90px; padding:0 9px; border-radius:8px; color:#454545; border:1px solid #ddd; background-color:#fff;}
.calculator .button-wrap .btn-item:active {border-color:#162137;}
.calculator .radiobox {padding-right:20px;}
.calculator .btns {gap:10px; display:flex; justify-content:center;}
.calculator .btns .btn-pack {min-width:100px; height:48px; line-height:46px; border-radius:8px; font-weight:500;}
.calculator .btns .btn-pack:first-child {background-color:#ddd; color:#aaa;}

.calculator .col-r {flex:1;}
.calculator .box {padding:35px 30px;}
.calculator .box .tit {margin-bottom:10px;}
.calculator .box-1 {margin-bottom:10px; background-color:#162137; color:#fff; font-weight:500;}
.calculator .box-1 .tit {opacity:.5;}
.calculator .box-1 .won {font-size:36px; letter-spacing:-.03em;}
.calculator .box-2 {border:1px solid #ddd; color:#242424;}
.calculator .box-2 p {color:#878787; letter-spacing:-.03em;}
.calculator .box-2 p b {color:#242424; font-weight:400;}

.calculator-bot {margin-top: 30px; font-weight: 500; letter-spacing: -.03em; line-height:1.5em;}
.calculator-bot li {margin-bottom: 5px; padding-left: 10px; text-indent: -10px;}
.calculator-bot li:last-child {margin-top:7px; padding-left: 20px;}