@charset "UTF-8";

/**************************************************************************************/
/* 상속업무 */
/**************************************************************************************/
.step-visual-01 {
    width: 100%; margin: 30px 0 0;
}
.step-visual-01 li {
    position: relative; margin-bottom: 65px;
    background: url("../images/biz/banking/icon_inherit_03.png") no-repeat 1086px 50%;
}
.step-visual-01 li:last-child {
    margin-bottom: 0;
}
.step-visual-01 li:last-child::after {
    display: none;
}
.step-visual-01 li::after {
    content:''; display: block;
    width: 56px; height: 42px;
    background: url("../images/biz/banking/icon_inherit_01.png") no-repeat 0 0;
    position: absolute;
    left: 50%; bottom: -52px;
    transform: translateX(-50%);
}
.step-visual-01 li a {
    min-height: 88px; border: 1px solid #d2d2d2;
    display: flex;  align-items: center; 
    padding: 0 30px;
}
.step-visual-01 li a:hover {
    border: 1px solid #666;
    transition: all .5s;
}
.step-visual-01 li .num {
    width: 36px; display: block;
    font-size: 30px; color: #1e75d6;
    text-align: center; margin-right: 25px;
}
.step-visual-01 li .sub-txt-01 {
    width: 204px; 
    position: relative;
    font-size: 22px; font-weight: 700;
}
.step-visual-01 li .sub-txt-01::after {
    content:''; display: block;
    width: 1px; height: 14px;
    position: absolute; 
    right: 0; top: 50%;
    transform: translateY(-50%);
    background: url("../images/biz/banking/icon_inherit_02.png") no-repeat 0 center;
}
.step-visual-01 li .sub-txt-01 span {
    display: block; font-size: 16px;
    color: #777; margin-top: 3px;
}
.step-visual-01 li .sub-txt-02 {
    padding-left: 12px; color: #777;
    font-size: 16px;
}
.step-visual-01 li .sub-txt-02 span {
     color: #dc0004;
}
.inherit-list-wrap {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 25px; margin-bottom: 40px;
}
.inherit-list {
    width: 100%; height: 100%;
    border: 1px solid #c2c2c2; border-radius: 15px;
    padding: 23px 37px 27px;
}
.inherit-list div {
    text-align: center; font-size: 18px;
    font-weight: 700; padding-bottom: 20px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 25px;
}
.inherit-list div em {
    font-weight: 700; color: #dc0004;
}
.inherit-list li * {
    color: #777; font-size: 16px;
    line-height: 26px;
}
.inherit-list li a:hover {
    color: #444;
}
.inherit-txt-02 { 
    font-size: 14px; margin-bottom: 10px;
    padding-left: 20px;
}
.inherit-txt-02 em {
    color: #dc0004;
}
.inherit-notice {
    width: 100%; position: relative;
    border: 1px solid #e1e1e1;
    padding: 30px 85px; margin-top: 40px;
}
.inherit-notice::before {
    content:''; display: block;
    width: 30px; height: 30px;
    background: url("../images/biz/banking/icon_inherit_04.png") no-repeat 0 0;
    position: absolute;
    left: 40px; top: 30px;
}
.inherit-notice .title {
    font-size: 18px; margin-bottom: 15px;
}
.inherit-notice .dash-list li {
    color: #777; font-size: 16px;
}
.inherit-step {
    border-top: 1px solid #e7e7e7;
    margin-top: 30px;
}
.inherit-step li.list {
    padding: 30px 0;
    border-bottom: 1px solid #e7e7e7;
}
.inherit-step li > ul li {
    padding: 0;
    border-bottom: 0;      
}
.inherit-step .txt-01 {
    font-size: 20px;
}
.inherit-step .txt-01 em {
    color: #1e75d6;
}
.inherit-step .txt-01 span {
    color: #dc0004;
}
.inherit-step .txt-02 {
    margin-top: 10px; padding-left: 20px;
    font-size: 16px; color: #777;
}
.inherit-step .txt-02 .dash-list li {
    font-size: 16px; color: #777;
}
.inherit-txt-03 {
    display: flex; align-items: center;
    gap: 10px; margin-top: 10px;
}
.inherit-txt-03::before {
    content:''; display: block;
    width: 15px; height: 12px;
    background: url("../images/biz/banking/icon_inherit_05.png") no-repeat 0 0;
}
/**************************************************************************************/
/* 상속업무 */
/**************************************************************************************/

/**************************************************************************************/
/* 해외파생상품 진입규제 */
/**************************************************************************************/
.select-type-02:required:invalid {
    color: #aaa;
}
.select-type-02 option {
    color: #111;
}
.wide-contents-type-02 {
    height: 227px; position: relative;
    padding-top: 60px;
}
.wide-contents-type-02::after {
    content: ''; display: block;
    width: 100%; height: 18px;
    position: absolute;
    left: 0; bottom: 0px;
    box-shadow: 0 12px 6px #f1f5fe;
}
.header-wrap-type-02 { 
    margin: 0 0 0 !important;
}
.header-wrap .page-title-type-02 {
    line-height: 1.25; 
}
.header-wrap .header-wrap-desc-type-02 {
    margin: 12px 0 0 !important;
}
.header-wrap .header-wrap-desc .desc-tit-Xmedium {
    font-size: 18px; line-height: 1.44;  
}


.infoBox-gray-type-01 {
    background: #fbfbfb; border: 1px solid #e7e7e7;
    padding: 30px; margin: 60px 0 0;
}
.infoBox-gray-type-01 .dash-list {
    margin-top: 12px;
}
.infoBox-gray-type-01 .dash-list li {
    color: #777;
}
.modal-head-title-01 {
    text-align: center; font-size: 18px;
    padding: 28px 0 24px; position: relative;
    margin-bottom: 24px;
}
.modal-head-title-01::after {
    content:''; display: block;
    width: 100%; height: 1px; 
    background: #e7e7e7; position: absolute;
    left: 0; bottom: 0;
}
.dot-list-tit{
    font-weight: 500; margin: 16px 0 5px;
}








.investment-process-type{display: flex;gap: 10px;margin-top: 86px;}
.investment-process-type .customer-type{position: relative;flex: 1 1 50%;border-radius: 12px;padding: 67px 0 40px 0;text-align: center; border: 1px solid;}
.investment-process-type .customer-type.type01 { border-color: #d1b0e2;}
.investment-process-type .customer-type.type02 { border-color: #a1a7ff;}
.investment-process-type .customer-type h2{position:absolute;top:-26px;left: 50%;transform: translateX(-50%);width:240px;height:52px;line-height: 50px;font-size: 16px;color:#fff;border-radius: 100px;text-align: center;}
.investment-process-type .customer-type.type01 h2 {background:#a557cf}
.investment-process-type .customer-type.type02 h2 {background:#5b63da}
.investment-process-type .customer-type .list {display: flex;justify-content: center;gap: 40px;}
.investment-process-type .customer-type .list .item {text-align: center;}
.investment-process-type .customer-type .list .item .tit {font-size: 16px;margin-top: 16px;font-weight: 500;line-height: 1.5;}
.investment-process-type .customer-type .list .item .tit > em {display: block;}
.investment-process-type .customer-type.type01 .list .item .tit > em { color:#a557cf}
.investment-process-type .customer-type.type02 .list .item .tit > em { color:#5b63da}
.investment-process-type .customer-type .btn {width: 120px;height:40px;line-height: 36px;text-align: center;font-weight: 500;border: 1px solid;border-radius: 2px;margin-top: 40px;vertical-align: middle;}
.investment-process-type .customer-type.type01 .btn {color:#a557cf; border-color: #a557cf; }
.investment-process-type .customer-type.type02 .btn {color:#5b63da; border-color: #5b63da; }    
.investment-process-type .customer-type .btn > span{position: relative;display: inline-block;}
.investment-process-type .customer-type .btn > span:after {content:'';display: inline-block;width: 5.5px;height: 5.5px;border-bottom: 1.5px solid;  border-left: 1.5px solid;transform: rotate(225deg);margin: 0 0  1px 3px;}
.investment-process-type .customer-type.type01 .btn > span:after {border-color: #a557cf; }
.investment-process-type .customer-type.type02 .btn > span:after {border-color: #5b63da; }

.investment-guide {border: 1px solid #111;border-radius: 12px;margin-top: 24px;}
.investment-guide .toggle-btn {position: relative;width: 100%;padding: 18px 44px;height: 60px;font-size: 16px;text-align: left;}
.investment-guide .toggle-btn:after {content:'';position: absolute;top: 24px;right: 44px;display: inline-block;width: 7.5px;height: 7.5px;border-top: 2px solid #111;border-left: 2px solid #111;transform: rotate(225deg);margin: 0 0  1px 3px;}
.investment-guide .toggle-btn.is-active {border-bottom:1px solid #f5f5f5}
.investment-guide .toggle-btn.is-active::after {transform: rotate(45deg);}
.investment-guide .guide {padding: 44px;}
.investment-guide .guide .list {display: flex; gap:10px}
.investment-guide .guide .list .item {display: flex;flex-wrap: wrap;flex: 1 1 auto;}
.investment-guide .guide .list .item .tit{width: 200px;height: 48px;line-height: 46px;background: #edf4fc;text-align: center;border: 1px solid #d1e7ff;border-radius: 12px;color: #1e75d6;font-weight: 500;}
.investment-guide .guide .list .item:last-child .tit{width: 620px;}
.investment-guide .guide .list .item > div {width: 200px;background: #fbfbfb;background-repeat: no-repeat;background-position: right 26px top 32px;border: 1px solid #eee;border-radius: 12px;padding: 34px 26px 24px 26px;margin-top: 10px;}
.investment-guide .guide .list .item > div:not(:last-child) {margin-right:10px}
.investment-guide .guide .list .item > div > p{line-height: 1.43; letter-spacing: -0.56px;}
.investment-guide .guide .list .item div > .btn{display: block;width: 80px;height: 32px;border-color: #c2c2c2;margin: 28px auto 0 auto;text-align: center;}
.investment-guide .guide .list .item .cont01{background-image: url(../images/biz/invest/img-invest-guide01.png);}
.investment-guide .guide .list .item .cont02{background-image: url(../images/biz/invest/img-invest-guide02.png);}
.investment-guide .guide .list .item .cont03{background-image: url(../images/biz/invest/img-invest-guide03.png);}
.investment-guide .guide .list .item .cont04{background-image: url(../images/biz/invest/img-invest-guide04.png);}
.investment-guide .guide .list .item .cont05{background-image: url(../images/biz/invest/img-invest-guide05.png);}

.investment-status{margin-top: 60px;}
.investment-status.type01{margin-top: 0; border-top:2px solid #444}
.investment-status > .inner {border: 1px solid #e7e7e7; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.investment-status > h2{height:48px; line-height: 46px; font-size: 14px; font-weight: 500; color: #fff; text-align: center; background:#666; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.investment-status .inner .tit-box {display:flex;justify-content: center;align-items: center;height:140px;border-bottom: 1px solid #e7e7e7;}
.investment-status .inner .tit-box .tit {font-size: 20px;font-weight: 500;line-height: 1.3;letter-spacing: -0.4px;}
.investment-status .inner .tit-box .tit .type{display:block;font-size: 24px;color:#1e75d6;font-weight: 500;margin-top: 12px;line-height: 1.08;letter-spacing: -0.96px;}
.investment-status .inner .cont-box {display: flex;}
.investment-status .inner .cont-box .cont {display: flex;justify-content: center;align-items: center;flex: 1 1 50%;height: 180px;text-align: center;}
.investment-status .inner .cont-box .cont:not(:last-child) {border-right:1px solid #e7e7e7}
.investment-status .inner .cont-box .cont .inner .tit{font-size: 18px;font-weight: bold;line-height: 1.44;letter-spacing: -0.36px;}
.investment-status .inner .cont-box .cont .inner .sub-cont {margin-top: 20px;}
.investment-status .inner .cont-box .cont .inner .sub-cont .label{line-height: 1.71;letter-spacing: -0.28px;padding: 3px 12px;border: 1px solid;border-radius: 3px;}
.investment-status .inner .cont-box .cont .inner .sub-cont .label.blue {color:#5b63da; border-color:#5b63da;} 
.investment-status .inner .cont-box .cont .inner .sub-cont .label.pink {color:#ee137b; border-color:#ee137b;} 
.investment-status .inner .cont-box .cont .inner .sub-cont .label.red  {color:#dc0004; border-color:#dc0004;} 
.investment-status .inner .cont-box .cont .inner .sub-cont .label.darkblue {color:#181949; border-color:#181949;} 
.investment-status .inner .cont-box .cont .inner .sub-cont .desc {font-size: 16px;line-height: 1.5;}
.investment-status .inner .cont-box .cont .inner .sub-cont .label + .desc:before{content:'';display:inline-block;width: 1px;height:12px;background:#e1e1e1;margin: 0 12px;}
.investment-status > .btn-area {text-align: center; margin-top: 30px;}
.investment-status .inner .login-box {padding: 37px 0;text-align: center;background: #fbfbfb;}
.investment-status .inner .login-box .desc{color: #777;margin-top: 9px;line-height: 1.57;letter-spacing: -0.28px;}
.investment-status .inner .login-box .btn{margin-top: 23px;}

.investment-step {display: flex;justify-content: space-between;margin-top: 60px;  border-bottom: 1px solid #e7e7e7;padding-bottom: 32px;}
.investment-step h2{font-size: 18px;font-weight: 500;line-height: 1.33;letter-spacing: -0.72px;}
.investment-step .list{display: flex;gap: 52px;}
.investment-step .list .item{position: relative;width: 180px;height: 160px;background: #f4f4fc;background-repeat: no-repeat;background-position: center 20px;font-weight: 500;text-align: center;border-radius: 12px;}
.investment-step .list .item:not(:last-child)::after {content:'';position: absolute;top: 50%;transform: translateY(-50%);right: -43px;display: block;width: 32px;height: 32px;background-image: url(../images/biz/invest/img-invest-arrow.png);}
.investment-step .list .item.item01{background-image: url(../images/biz/invest/img-invest-step01.png);}
.investment-step .list .item.item02{background-image: url(../images/biz/invest/img-invest-step02.png);}
.investment-step .list .item.item03{background-image: url(../images/biz/invest/img-invest-step03.png);}
.investment-step .list .item.item04{background-image: url(../images/biz/invest/img-invest-step04.png);}
.investment-step .list .item > p{margin-top: 100px;color: #222;line-height: 1.43;letter-spacing: 0.28px;}
.investment-step .list .item > p > span{display: block;color: #1e75d6;}


.investment-link{display: flex;justify-content: space-between;align-items: center;margin-top: 32px;}
.investment-link .list {flex: 1 1 auto;display: flex;gap: 30px;width: 134px;text-align: center;}
.investment-link .list .item{width: 134px;text-align: center;background-repeat: no-repeat;background-position: center top;letter-spacing: -0.32px;}
.investment-link .list .item.item01{background-image: url(../images/biz/invest/img-invest-link01.png);}
.investment-link .list .item.item02{background-image: url(../images/biz/invest/img-invest-link02.png);}
.investment-link .list .item.item03{background-image: url(../images/biz/invest/img-invest-link03.png);}
.investment-link .list .item.item04{background-image: url(../images/biz/invest/img-invest-link04.png);}
.investment-link .list .item > a > p{padding-top: 94px;font-size: 16px;line-height: 1.5;letter-spacing: -0.32px;}

.process-box-container > ol > li .process-content {position: relative;height: calc(100% - 73px);}
.process-box-container > ol > li .process-content:has(.btn-group){padding:10px 0 80px}
.process-box-container .process-content .btn-group{position: absolute; bottom:15px; width: 100%; display: flex; gap: 10px;}
.process-box-container .process-content .btn{flex: 1; letter-spacing: -0.5px;}
.process-box-container .process-content.system-download .item {padding:20px; background: #f4f7fc; background-repeat: no-repeat;background-position: right 20px center; }
.process-box-container .process-content.system-download .item + .item {margin-top:16px}
.process-box-container .process-content.system-download .item .tit {line-height: 1.57; letter-spacing: -0.56px; padding-left:0; color:#111}
.process-box-container .process-content.system-download .item .tit::before {display: none;}
.process-box-container .process-content.system-download .item .desc {display: block; font-size: 10px; line-height: 2; letter-spacing: -0.4px; color:#777}
.process-box-container .process-content.system-download .item .btn {margin-top: 16px;}
.process-box-container .process-content.system-download .item.heroG {background-image:url(../images/biz/invest/img-invest-heroG.png);}
.process-box-container .process-content.system-download .item.heroSG {background-image:url(../images/biz/invest/img-invest-heroSG.png);}


.invest-pop-cont{display: flex;justify-content: center;align-items: center;height: 140px;text-align: center;background: #f7f7f7;}
.invest-pop-cont .tit-box .tit {font-size: 20px;font-weight: 500;line-height: 1.3;letter-spacing: -0.4px;}
.invest-pop-cont .tit-box .tit .type{display:block;font-size: 24px;color:#1e75d6;font-weight: 500;margin-top: 12px;line-height: 1.08;letter-spacing: -0.96px;}


.invest-video-box {display: flex; justify-content: center; align-items: center; height: 564px; background: #f5f5f5;}
.invest-video-box .inner{text-align: center;}
.invest-video-box .inner .tit{font-size: 28px; letter-spacing: -1.12px; margin-top:28px}
.invest-video-box .inner .desc{font-size: 14px;; letter-spacing: -0.56px; color:#777;margin-top: 7px;}
.invest-video-box .inner .btn{margin-top:35px;}
.invest-video-box + .video-desc {display: flex;align-items: center;margin-top: 24px;}
.invest-video-box + .video-desc .label{min-width: 74px;height: 28px;line-height: 16px;color: #fff;text-align: center;padding: 5px 8px;border-radius: 4px;margin-right: 4px;}
.invest-video-box + .video-desc .label.blue{background: #2b4079;}
.invest-video-box + .video-desc .label.pink{background: #ee137b;}
.invest-video-box + .video-desc > .txt{font-size: 16px;margin-left: 16px;}
.invest-video-box + .video-desc > .date{margin-left: auto;color: #777;}

.infoBox-white-type-01 {background: #fff; border: 1px solid #e7e7e7;padding: 30px; margin: 60px 0 0;}
.infoBox-white-type-01 .bg-gray {background: #fbfbfb;margin:0 -30px -30px;padding: 30px;}
.infoBox-white-type-01 .dash-list {margin-top: 12px;}
.infoBox-white-type-01 .dash-list li {color: #777;}
.trading-btn-wrap .btn {min-width: 130px;height: 30px;padding: 5px 8px;color: #fff;font-size: 13px;line-height: 16px; border:0; }
.trading-btn-wrap .btn + .btn{margin-left: 20px;}
.trading-btn-wrap .btn.blue{background:#7695d9}
.trading-btn-wrap .btn.gray{background:#898989}
/**************************************************************************************/
/* 해외파생상품 진입규제 */
/**************************************************************************************/
.global-inv-master-tiket {
    width: 400px; height: 201px;
    background: url(../images/temp/bg_master_tiket.png) no-repeat 0 0;
    margin: 0 auto; padding: 25px 35px;
}
.global-inv-master-tiket .top {
    text-align: center; font-weight: 700;
    height: 36px; margin-bottom: 30px;
}