/* History
    gbi : 공통
    gbi-rb : 로보잔고현황
    gbi-rj : 로보가입하기
    gbi-ab : 심플잔고현황
    gbi-at : 심플목표설계
    gbi-am : 로보목표설계
    gbi-mgz : 월간키우GO
    gbi-tlk : 키우GO톡
*/

/* Common layout */

.mgt20 {
    margin-top: 20px!important;
}
.mgb30 {
    margin-bottom: 30px!important;
}
.mgb20 {
    margin-bottom: 20px!important;
}
.mgt30 {
    margin-top: 30px!important;
}
.fs18 {
    font-size: 18px!important;
}
.fs20 {
    font-size: 20px!important;
}
.fwb {
    font-weight: bold!important;
}
.mgl5 {
    margin-left: 5px !important;
}

.border-box {
    margin: 0 0 30px;
    padding: 15px 20px;
    text-align: left;
    border: 1px solid #e7e7e7;
}
.gbi-data-area {
    margin: 10px 0px 25px;
}
.gbi-data-area .temp-txt {
    background: #ccc;
    min-height: 300px;
    height: 100%;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -.3px;
    line-height: 300px;
}
.bdr-basic{
    border:1px solid #e7e7e7;
}
.line-blue{
    border: 1px solid #1e8df9!important;
}
.bdr-none {
    border: none!important;
}
.process-result-box.shadow-none{
	box-shadow:none!important;
}

.modal-container.modal-alert .modal.x-small .modal-head{
    margin: 0px;
    border: none;
    overflow: initial;
    position: initial;
    clip: auto;
    width: 404px;
    height: auto;
    padding: inherit;
    position: relative;
}
.modal-container.modal-alert .modal.x-small .modal-head .head-title {
    font-size: 14px;
    line-height: initial;
    letter-spacing: inherit;
    padding-top: 30px;
}
.modal-container.modal-alert .modal.x-small .modal-body-container{
    padding-top: 30px;
}
.modal-container .modal .modal-body .modal-body-container.gbi{
    padding: 30px 11px 30px 27px;
}
.color-pink02 {
    color: #ee137b!important;
}
.agreement-body.overflow-none .agreement-content {
    height: inherit!important;
}

/* 로보자산관리 - 잔고현황 상세보기(공통) */

.content-wrap.gbi .progress {
    height: 20px;
    margin: 20px 0;
    overflow: hidden;
    border-radius: 0;
	background-color: #d4d4d4;
    border: 1px solid #d4d4d4;
}
.content-wrap.gbi .progress .progress-meter {
    position: relative;
    height:100%;
    text-align: left;    
    background-color: #ee137b;
}
.content-wrap.gbi .progress .progress-meter-text{
    position: absolute;
    width: 100%;
    text-align: right;
    padding-right: 20px;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    line-height: 1.5;
}
.webcontent.gbi .agreement-contents-wrap .form-area {
    padding: 0px 27px 23px 23px;   
    position: relative;
}

.webcontent.gbi .banking-transfer-area .transfer-account.amount .transfre-amount .input-wrap .input-price{
    font-size: 24px;
}

.webcontent.gbi .search-stock-info .notice-text span:last-child{
    margin-left: 5px;
}

/* 로보자산관리 - 잔고현황  */

.webcontent.gbi-rb .content-wrap .blue-btn-box {
    padding: 6px 30px 10px;
    background-color: #e9f2f7;
}

.webcontent.gbi-rb .blue-btn-box .top-area {
    font-size: 16px;
}

.webcontent.gbi-rb .blue-btn-box .top-area .right-area {
    font-size: 14px;
}

.webcontent.gbi-rb .content-wrap .notice-white-box {
    position: relative;
    border: 1px solid #e7e7e7;
    padding: 30px 30px 30px 130px;
    height: 107px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.2px;
    margin-top: 20px;
}

.webcontent.gbi-rb .notice-white-box .notice-title {
    font-size: 16px;
}

.webcontent.gbi-rb .notice-white-box .notice-text p {
    font-size: 14px;
    color: #777777;
}

.webcontent.gbi-rb .notice-white-box:before {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: -40px 0 0;
    position: absolute;
    left: 35px;
    top: 50%;
    content: "";
}

.webcontent.gbi-rb .notice-white-box.notice-purchase:before {
    background: url(../../assets/images/gbi/icon/icon-notice-rb.png) no-repeat 0 0;
}

.webcontent.gbi-rb .content-wrap .advisor-list {
    display: table;
    width: 100%;
    padding: 30px;
}

.webcontent.gbi-rb .advisor-list {
    border-top: 2px solid #444;
}

.webcontent.gbi-rb .advisor-list.dot-list>li:before {
    background-color: transparent;
}

.webcontent.gbi-rb .advisor-list.dot-list>li {
    border-bottom: 1px solid #e7e7e7;
}

.webcontent.gbi-rb .advisor-list li .dot-list>li {
    color: #777777;
}

.webcontent.gbi-rb .advisor-list li .left {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 28px;
    width: 400px;
    height: 170px;
    color: #2d7ed9;
    font-size: 20px;
}

.webcontent.gbi-rb .advisor-list li .right {
    display: table-cell;
    vertical-align: middle;
    padding-left: 50px;
}

.webcontent.gbi-rb .btn-switch.checked .icon-checked.emerald {
    background-color: #0dcac3;
}

.webcontent.gbi-rb .schedule-container .schedule-content .table-body {
    height: auto;
    overflow: inherit;
    border-bottom: none;
}

.webcontent.gbi-rb .schedule-container .schedule-content .table-body table td .schedule-box {
    min-height: 85px;
}

.webcontent.gbi-rb .schedule-container .schedule-content .table-body table td {
    height: 85px;
}

.webcontent.gbi-rb .schedule-container .schedule-list li .flag {
    width: 130px;
    border-radius: 2px;
    line-height: 19px;
    height: 20px;
    font-size: 13px;
    text-align: left;
    padding-left: 10px;
}

.webcontent.gbi-rb .schedule-container .schedule-list li .claim-flag1 {
    background: #41ad00;
}

.webcontent.gbi-rb .schedule-container .schedule-list li .claim-flag2 {
    background: #c2c2c2;
}

/* 상세 정보 이미지 컨텐츠 박스 */

.detail-image-box {
    position: relative;
  }
  
  .detail-image-box .image-guide-comment {
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
  }
  
  .detail-image-box img {
    max-width: 100%;
  }
  
  .dash-list + .status-board-container {
    margin-top: 10px;
  }
  
/* SCHEDULE */

.schedule-container .schedule-select-month {
    position: relative;
    text-align: center;
    margin-bottom: 15px;
}

.schedule-container .schedule-select-month .current-date {
    display: inline-block;
    vertical-align: middle;
    width: 170px;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -.2px;
}

.schedule-container .schedule-select-month .btn-prev-month {
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 38px;
    background: url(../../assets/images/icon/icon-arrow-left.png) no-repeat 0 0;
}

.schedule-container .schedule-select-month .btn-next-month {
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 38px;
    background: url(../../assets/images/icon/icon-arrow-right.png) no-repeat 0 0;
}

.schedule-container .schedule-select-month .btn-current-month {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 38px;
    border: 1px solid #777;
    border-radius: 2px;
    line-height: 36px;
    text-align: center;
    color: #555;
}

.schedule-container .schedule-select-month .tooltip-container {
    position: absolute;
    top: 13px;
    right: 0;
}

.schedule-container .schedule-content {
    border-top: 2px solid #444;
    border-bottom: 1px solid #cdcdcd;
}

.schedule-container .schedule-content .table-head table td {
    height: 40px;
    padding: 10px 0 0;
    text-align: center;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #777;
}

.schedule-container .schedule-content .table-head table td:first-child {
    border-left: none;
}

.schedule-container .schedule-content .table-body {
    height: 846px;
    overflow-y: auto;
    overflow-x: hidden;
}

.schedule-container .schedule-content .table-body table th {
    height: 40px;
    padding: 10px 0 0;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #777;
}

.schedule-container .schedule-content .table-body table th:first-child {
    border-left: none;
}

.schedule-container .schedule-content .table-body table td {
    height: 140px;
    border-left: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    vertical-align: top;
}

.schedule-container .schedule-content .table-body table td[rowspan] {
    border-bottom: 0;
}

.schedule-container .schedule-content .table-body table td .schedule-box {
    min-height: 140px;
    height: 100%;
    padding: 5px;
    position: relative;
}

.schedule-container .schedule-content .table-body table td .schedule-box .schedule-day {
    display: block;
    width: 28px;
    height: 28px;
    color: #111;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
}

.schedule-container .schedule-content .table-body table td .schedule-box.disabled .schedule-day {
    color: #aaa !important;
}

.schedule-container .schedule-content .table-body table td .schedule-box.has-schedule {
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
}

.schedule-container .schedule-content .table-body table td .schedule-box.has-schedule:hover {
    border: 1px solid #1e75d6;
    background: #f4f7fc;
}

.schedule-container .schedule-content .table-body table td .schedule-box.today .schedule-day {
    background: #111;
    border-radius: 30px;
    color: #fff;
}

.schedule-container .schedule-content .table-body table td .schedule-box .schedule-list {
    padding: 0;
    margin-top: 3px;
}

.schedule-container .schedule-content .table-body table td .schedule-box .schedule-list li {
    width: 100%;
    float: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-container .schedule-content .table-body table td .schedule-box .schedule-list li + li {
    margin-top: 5px;
}

.schedule-container .schedule-content .table-body table td .schedule-box .btn-search-type {
    width: 13px;
    height: 13px;
    position: absolute;
    top: 10px;
    right: 13px;
    background: url(../images/icon/icon-schedule-calendar-open-pop.png) no-repeat 50% 50%;
}

.schedule-container .schedule-content .table-body table td:first-child {
    border-left: none;
}

.schedule-container .schedule-content .table-body table td:first-child .schedule-day {
    color: #fe3b4d;
}

.schedule-container .schedule-content .table-body table td:last-child .schedule-box .schedule-day {
    color: #1e8df9;
}

.schedule-container .schedule-content .table-body table td .schedule-view-area {
    padding-left: 7px;
}

.schedule-container .schedule-content .table-body table td .schedule-view-area .schedule-list > li {
    float: none;
    width: 100%;
}

.schedule-container .schedule-content .table-body table tr:last-child td {
    border-bottom: 0;
}

.schedule-container .schedule-list {
    padding-top: 15px;
    margin-left: 8px;
}

.schedule-container .schedule-list:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    clear: both;
}

.schedule-container .schedule-list li {
    width: 50%;
    margin-top: 8px;
    float: left;
    font-size: 14px;
    line-height: 15px;
}

.schedule-container .schedule-list li .flag {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    color: #fff;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    margin-right: 7px;
}
.schedule-container .schedule-list li:first-child {
    margin-top: 0;
}

.schedule-container.channel-k .top-area .left-area {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: left;
}

.schedule-container.channel-k .top-area .right-area {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.schedule-container.channel-k .input-wrap {
    margin: 0 20px 0 0;
}

.schedule-container.channel-k .input-wrap .input-date {
    width: auto !important;
    border: 0;
}

.schedule-container.channel-k .input-wrap .input-date input {
    width: 0px;
    height: 0px;
    overflow: hidden;
    padding: 0;
}

.schedule-container.channel-k .input-wrap .input-date .btn-delete {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.schedule-container.channel-k .input-wrap .input-date .btn-calendar {
    width: 26px;
    height: 29px;
    padding: 0;
}

.schedule-container.channel-k .input-wrap .input-date .btn-calendar:before {
    width: 26px;
    height: 29px;
}

.schedule-container.channel-k .schedule-select-month {
    display: inline-block;
    margin-bottom: 5px;
}

.schedule-container.channel-k .schedule-select-month .current-date {
    width: auto;
    padding: 0 5px 0 20px;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.2px;
}

.schedule-container.channel-k .schedule-select-month .btn-current-month {
    width: auto;
    height: auto;
    margin-top: 2px;
    border: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.2px;
}

.schedule-container.channel-k .schedule-content table td {
    height: auto;
}

.schedule-container.channel-k .schedule-content table td .schedule-day {
    display: block;
    font-weight: 700;
    color: #000;
}

.schedule-container.channel-k .schedule-content table td .on-air {
    display: inline-block;
    height: 22px;
    padding: 0 7px;
    margin-left: 5px;
    font-size: 11px;
    color: #ff0000;
    border-radius: 3px;
    border: 1px solid #ff0000;
    background: #fff;
    line-height: 20px;
}

.schedule-container.channel-k .schedule-content table td .channel-info {
    margin: 10px 0;
}

.schedule-container.channel-k .schedule-content table td .channel-info .channel-name {
    display: block;
}

.schedule-container.channel-k .schedule-content table td .channel-info .channel-anchor {
    display: block;
    margin: 8px 0 11px;
}

.schedule-container.channel-k .schedule-content table td .channel-info .dash-list li {
    margin-top: 1px;
}

.schedule-container.channel-k .schedule-content.daily table tr:last-child td {
    border-bottom: 1px solid #e7e7e7;
}

.schedule-container.channel-k .schedule-content.daily table th {
    text-align: left;
    padding: 5px 8px;
    vertical-align: middle;
}

.schedule-container.channel-k .schedule-content.daily table th .bar {
    color: #e7e7e7;
    font-size: 12px;
}

.schedule-container.channel-k .schedule-content.daily table td {
    padding: 2px 8px;
    vertical-align: middle;
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
}

.schedule-container.channel-k .schedule-content.daily table td .schedule-box {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 75px;
}

.schedule-container.channel-k .schedule-content.daily table td .schedule-box .schedule-day, .schedule-container.channel-k .schedule-content.daily table td .schedule-box .channel-info {
    display: table-cell;
    vertical-align: middle;
    padding: 0 8px;
}

.schedule-container.channel-k .schedule-content.daily table td:first-child {
    border-left: none;
}

.schedule-container.channel-k .schedule-content.daily table td:last-child {
    border-left: none;
}

.schedule-container.channel-k .schedule-content.daily table td.on, .schedule-container.channel-k .schedule-content.daily table td.on ~ td {
    position: relative;
    background: #f2f8ff;
}

.schedule-container.channel-k .schedule-content.daily table td.on .time, .schedule-container.channel-k .schedule-content.daily table td.on ~ td .time {
    color: #003477;
}

.schedule-container.channel-k .schedule-content.weekly table th .btn.tiny.narrow {
    vertical-align: top;
    margin: 2px 0 0 2px;
}

.schedule-container.channel-k .schedule-content.weekly table td {
    vertical-align: top;
}

.schedule-container.channel-k .schedule-content.weekly table td .schedule-box {
    padding: 10px;
}

.schedule-container.channel-k .schedule-content.weekly table td .schedule-box .schedule-day {
    text-align: left;
}

.schedule-container.channel-k .schedule-content.weekly table td:first-child {
    text-align: center;
}

.schedule-container.channel-k .schedule-content.weekly table td:last-child .schedule-day {
    color: #000;
}

.schedule-container.channel-k .schedule-content.weekly table td .on-air {
    position: absolute;
    top: 13px;
    right: 13px;
    cursor: pointer;
}

.schedule-container.channel-k .schedule-content.weekly table td .channel-info {
    margin: 0;
}

.schedule-container.channel-k .schedule-content.weekly table td .channel-info .channel-anchor {
    margin: 0 0 5px;
}

.schedule-container.channel-k .schedule-content.weekly table td.on .schedule-box {
    background: #f2f8ff;
    border: 1px solid #1e75d6;
}

.schedule-container.channel-k .schedule-content.weekly table td[colspan="6"] {
    border-bottom: 1px solid #d2d2d2;
}

.schedule-container .schedule-content + .schedule-list {
    padding: 10px 20px;
    border-bottom: 1px solid #cdcdcd;
    margin-left: 0;
}

.schedule-container .schedule-content + .schedule-list li {
    width: 16%;
    padding: 10px 0;
    margin-top: 0;
}

.schedule-container.style-type02 .schedule-select-month .current-date {
    width: auto;
}

.schedule-container.style-type02 .schedule-select-month .current-date + .input-area.input-date {
    margin: 0 0 0 5px;
}

.schedule-container.style-type02 .schedule-select-month .input-area.input-date {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: auto;
    border: none;
    vertical-align: middle;
}

.schedule-container.style-type02 .schedule-select-month .input-area.input-date input[type="text"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.schedule-container.style-type02 .schedule-select-month .input-area.input-date .btn-delete {
    position: absolute;
    left: -9999px;
    top: 0;
}

.schedule-container.style-type02 .schedule-select-month .input-area.input-date .btn-calendar {
    width: 18px;
    height: 20px;
    padding: 0;
}

.schedule-container.style-type02 .schedule-select-month .input-area.input-date .btn-calendar:before {
    display: block;
    position: static;
    width: 100%;
    height: 100%;
    background: url("../images/icon/icon-input-calendar-d.png") no-repeat 50% 50%;
}

.schedule-container.style-type02 .schedule-select-month .btn-prev-month {
    margin: 0 10px 0 0;
}

.schedule-container.style-type02 .schedule-select-month .btn-next-month {
    margin: 0 0 0 10px;
}

.schedule-container.style-type02 .schedule-content table thead th {
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #c2c2c2;
}

.schedule-container.style-type02 .schedule-content table thead th:first-child {
    border-left: none;
}

.schedule-container.style-type02 .schedule-content table thead th:last-child {
    border-right: none;
}

.schedule-container.style-type02 .schedule-content table thead th.sat {
    color: #1e75d6;
}

.schedule-container.style-type02 .schedule-content table thead th.sun {
    color: #dc0004;
}

.schedule-container.style-type02 .schedule-content table tbody td {
    height: 100px;
    border: 1px solid #f0f0f0;
}

.schedule-container.style-type02 .schedule-content table tbody td .schedule-box {
    min-height: auto;
    padding: 2px 8px;
}

.schedule-container.style-type02 .schedule-content table tbody td .schedule-box .schedule-day {
    width: auto;
    text-align: left;
}

.schedule-container.style-type02 .schedule-content table tbody td .schedule-box .receipt-ing {
    margin: 10px 0 0;
    padding: 0 7px;
    line-height: 23px;
    color: #fff;
    border-radius: 2px;
    background-color: #41ad00;
}

.schedule-container.style-type02 .schedule-content table tbody td .schedule-box .receipt-done {
    margin: 10px 0 0;
    padding: 0 7px;
    line-height: 23px;
    color: #fff;
    border-radius: 2px;
    background-color: #c2c2c2;
}

.schedule-container.style-type02 .schedule-content table tbody td:first-child {
    border-left: none;
}

.schedule-container.style-type02 .schedule-content table tbody td:last-child {
    border-right: none;
}

.webcontent.gbi-rb .rb-search-container .rb-search-wrap .rb-search>li:first-child {
    position: relative;
    margin: 0 0 20px 0;
}

.webcontent.gbi-rb .rb-search-container .rb-search-wrap .rb-search>li:nth-child(2) {
    position: relative;
}

.webcontent.gbi-rb .rb-search-container {
    padding: 20px;
}

.webcontent.gbi-rb .rb-search-container+.rb-search-container {
    border-left: none;
}

.webcontent.gbi-rb .table-container.type02 table tbody th {
    vertical-align: top;
}

.webcontent.gbi-rb .table-container span.rb-flag {
    padding: 0px 2px;
    color: #ffffff;
}

.webcontent.gbi-rb .table-container span.rb-flag.grade1 {
    background: #85abd7;
}

.webcontent.gbi-rb .table-container span.rb-flag.grade2 {
    background: #dc0004;
}
.btn.thirdly {
    min-width: 140px;
    height: 38px;
    padding: 5px 15px;
    border: 1px solid #c2c2c2;
    border-radius: 0.14286rem;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 14px;
    color: #111;
    line-height: 26px;
}
.btn-bottom-wrap.mgr20 {
    margin: 20px 0;
    width: 100%;
    text-align: center;
}
.content-wrap.gbi-rt + .btn-bottom-wrap{
	margin: 25px 0 60px;	
}
.webcontent.gbi .agreement-contents-wrap li .agreement-title-contents .agreement-right-group{
    padding: 38px 10px;    
}

.agreement-contents-wrap li .agreement-title-contents .agreement-right-group.rb > span{
    font-size: 20px;
    vertical-align: middle;
    margin-right: 10px;
    color: #1e75d6;
}
.btn-right-arrow{
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url(../../assets/images/gbi/icon/icon-right-arrow.png) no-repeat 50% 50%;
    cursor: pointer;
}
.webcontent.gbi-rb .slider-wrap {
    position: relative;
    width: 360px;
    padding: 12px 0 30px;
}
.webcontent.gbi-rb .slider-wrap .slider-bar{
    height: 4px;
    background: #e1e1e1;
}
.webcontent.gbi-rb .slider-wrap .slider-bar .value-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.webcontent.gbi-rb .slider-wrap .slider-bar .value-list li:first-child {
    position: absolute;
    left: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    text-align: left;
}
.webcontent.gbi-rb .slider-wrap .slider-bar .value-list li:last-child {
    text-align: right
}
.webcontent.gbi-rb .slider-wrap .slider-bar .value-list li {
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    letter-spacing: -1px;
    border-top:none;
}
.webcontent.gbi-rb .slider-wrap .slider-bar .value-list li:first-child span {
    left: -19px;
}
.webcontent.gbi-rb .slider-wrap .slider-bar .value-list li span {
    position: relative;
    display: block;
    left: 52%;
    font-size: 1rem;
    color: #777;
    font-weight: 400;
}
.webcontent.gbi-rb .slider-wrap .slider-bar .slider-handle.min {
    margin-right: 163px;
}
.webcontent.gbi-rb .slider-wrap .slider-bar .slider-handle.middle {
    margin-right: 215px;
    background: #1e75d6;
    width: 15px;
    height: 15px;
    top: -7px;
}
.webcontent.gbi-rb .slider-wrap .slider-bar .slider-handle.max {
    margin-left: -52px;
}

.webcontent.gbi-rb .slider-wrap .slider-bar .slider-handle {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #c2c2c2;
    border-radius: 30px;
    z-index: 1;
    top: -10px;
    cursor: pointer;
}
.webcontent.gbi-rb .slider-wrap .slider-bar .slider-handle em {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
}

.webcontent.gbi-rb .slider-wrap.iblock{
    margin-left: 260px;
}
.webcontent.gbi-rb .slider-wrap .slider-bar .value-list li:last-child span{
    left:26px;
}
.content-wrap.gbi-rb .inner-box {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px 15px;
    text-align: left;
    border: 1px solid #e1e1e1;
}

.content-wrap.gbi-rb .rb-list-item{
    margin-bottom: 10px;
}

.content-wrap.gbi-rb .rb-list-item .day-num {
    max-width: 110px;
    width: 100%;
    line-height: 24px;
    text-align: left;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.content-wrap.gbi-rb .rb-list-item .left-info{
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.content-wrap.gbi-rb .rb-list-item .left-info span{
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    padding-right: 10px;
}
.content-wrap.gbi-rb .rb-list-item .left-info span.stock-tit{
    max-width: 305px;
    min-width: 305px;
}
.content-wrap.gbi-rb .rb-list-item .left-info span.trading{
    max-width: 140px;
    width: 140px;
}
.content-wrap.gbi-rb .rb-list-item .right-info{
    width: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center;
}

.content-wrap.gbi-rb .rb-list-item:last-child{
    margin-bottom: 50px;
}
.content-wrap.gbi-rb .basic-search-form .input-wrap .input-area {
    width: 583px;
}

.rb-infomation-area .rb-infomation-title {
    padding: 0px 0px 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.2px;
}
.rb-infomation-area .rb-infomation-title h1{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -.2px;
}
.rb-infomation-area .rb-infomation-title .fund-number{
    font-size: 16px;
    font-weight: 400;
}
.rb-infomation-area .rb-infomation-title .total-amount{
    float: right;
}
.rb-infomation-area .rb-infomation-title .total-amount .amount-title {
    font-size: 14px;
    color: #777;
    font-weight: 400;
}
.rb-infomation-area .rb-infomation-title .total-amount .amount-content{
    font-weight: 400;
    font-size: 32px;
    line-height: 24px;
    letter-spacing: -.2px;
}
.webcontent.gbi .total-search-contents .search-stock-wrap{
    border-top: 2px solid #444!important;
}
.webcontent.gbi .total-search-contents .search-stock-wrap .search-body-area{
    display: inherit;
}
.webcontent.gbi-rb .search-stock-info .notice-text span:first-child{
    margin-right: 5px;
}
.rb-infomation-area .rb-infomation-title .total-amount .rate-increase.icon-arrow,
.rb-infomation-area .rb-infomation-title .total-amount .icon-arrow{
    margin-right: 5px;
}

.banking-transfer-area.rb .transfer-account{
    box-shadow:none;
    min-height: 300px;
} 
.banking-transfer-area.rb .transfer-account .transfre-amount .btn-price-group li .btn.tiny{
 min-width: 46px;
}
.banking-transfer-area.rb .transfer-account .transfre-amount .btn-price-group li{
    width: calc((100% - 12px) / 5);
}
.banking-transfer-area.rb .search-form-area .inquiry-line-container{
    padding:0;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}
.banking-transfer-area.rb .search-form-area .inquiry-line-container .inquiry-content {
    margin: 40px 0 0 3px;
}
.banking-transfer-area.rb .search-form-area .inquiry-line-container .inquiry-content > label.depo_acc_label{
	display:block;
	margin:0 0 10px 10px;
}


.banking-transfer-area.rb .search-form-area .inquiry-line-container .inquiry-content + .btn-area {
    margin: 10px 11px;
}

.banking-transfer-area.rb .inquiry-content .input-wrap .input-area.only-text{
    position: relative;
    display: inline-block;
    width: auto;
    min-width: 345px;
}

.banking-transfer-area.rb .inquiry-content .input-wrap .input-area.only-text .fund-rank:after{
    content: '';
    color: inherit;
    padding: 0;
}

.banking-transfer-area.rb .inquiry-content .input-wrap select.select{
    min-width: 257px;
}

.banking-transfer-aresa.rb .transfer-account{
    min-height: 298px;
}
.banking-transfer-area.rb .input-wrap + .btn.primary.btn-blue{
    margin-top: 30px;
    min-width: 245px;
}
.banking-transfer-area.rb .input-wrap + .btn.primary.btn-blue::after{
    content: '';
    display: inline-block;
    margin: 0px 5px 3px;
    background: url(../../assets/images/gbi/icon/btn-right-arrow.png) no-repeat center center;
    width: 27px;
    height: 17px;
    vertical-align: middle;
}
.banking-transfer-area.rb .search-form-area .inquiry-line-container + .pay-title-area{
    display: inline-block;
    min-width: 333px;
    margin-top: 36px;
    padding: 10px 3px;
    border-bottom: 2px solid #444;
}
.banking-transfer-area.rb .transfer-account.amount .transfre-amount {
    margin: 40px 0;
}
.banking-transfer-area.rb .search-form-area .inquiry-line-container + .pay-title-area > .amount-txt{
    font-size: 20px;
}

.content-wrap.gbi-rb .agreement-contents-wrap .form-area .form-group .input-area{
    min-width: 760px;
}
.content-wrap.gbi-rb .agreement-contents-wrap .form-area .form-group .input-area.wid-mini{
    min-width: 150px;
    width: 150px;
}

.content-wrap.gbi-rb .agreement-contents-wrap .form-area .form-group .input-area.wid-half{
    width: 918px;
}

.content-wrap.gbi-rb .agreement-contents-wrap > ul > li .agreement-title-contents .agreement-left-group{
    padding: 20px 23px;
}

.content-wrap.gbi-rb .sorting-group.text-btn-type li.on button{
    background: #1e75d6;
}
.content-wrap.gbi-rb .agreement-right-group .inquiry-content{
    display: inline-block;
    vertical-align: top;
}
.content-wrap.gbi-rb .agreement-right-group .inquiry-content .text-main{
    margin-top: 8px;
    float: left;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.2px;
}
.content-wrap.gbi-rb .agreement-right-group .inquiry-content .form-group{
    max-width: 800px;
    margin-left: 10px;
    float: left;
}
.content-wrap.gbi-rb .agreement-right-group .inquiry-content .input-wrap .input-area{
    width: 200px;
}
.content-wrap.gbi-rb .agreement-left-group .input-check{
    vertical-align: middle;
    margin-top: 13px;
}
.webcontent.gbi-rb .agreement-contents-wrap li .agreement-title-contents .agreement-right-group.rb{
    padding: 26px 10px;
}

.webcontent.gbi-rb .head-title-area .add-text{
    margin-left: 25px;
}

.webcontent.gbi-rb .tab-container.gbi-rb .inner-tab-container {
    margin-top: 0;
    border: 1px solid #ededed;
    height: 380px;
}

.webcontent.gbi-rb .graph-table-wrap.small-graph .left-area.gbi-rb,
.webcontent.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb{
    width: 550px;
}

.webcontent.gbi-rb .tab-container.gbi-rb .inner-tab-list{
    padding: 5px 30px 0px;
}
.webcontent.gbi-rb .tab-container.gbi-rb .inner-tab-list li {
    margin: 0 23px;
}

.webcontent.gbi-rb .tab-container.gbi-rb .inner-tab-list li.on > a{
    color: #1e75d6;
}
.webcontent.gbi-rb .tab-container.gbi-rb .inner-tab-panel .periodic-head{
    position: relative;
    min-height: 60px;
    padding: 15px 67px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.webcontent.gbi-rb .tab-container.gbi-rb .periodic-container .periodic-head > *{
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
}
.webcontent.gbi-rb .tab-container.gbi-rb .periodic-container .periodic-head .periodic-title{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.2px;
    color: #777777;
}
.webcontent.gbi-rb .tab-container.gbi-rb .periodic-container .periodic-head .periodic-return-area{
    text-align: right;
}
.webcontent.gbi-rb .tab-container.gbi-rb .periodic-container .periodic-head .price{
    display: inline-block;
    font-size: 24px;
}
.webcontent.gbi-rb .tab-container.gbi-rb .inner-tab-panel{
    margin-top: 0;
}

.webcontent.gbi-rb .tab-container.gbi-rb .periodic-container .periodic-return-area{
    font-size: 16px;
}
.webcontent.gbi-rb .tab-container.gbi-rb .periodic-bottom.top-line > .periodic-head{
    margin-top: 10px;
}

.webcontent.gbi-rb .tab-container.gbi-rb .periodic-bottom.top-line::before{
    content: "";
    display: block;
    margin: 0 auto;
    border-top:1px solid #e7e7e7;
    width: 450px;
    height: 1px;
}
.webcontent.gbi-rb .tab-container.gbi-rb .periodic-bottom .periodic-head{
    min-height: 0;
    padding: 9px 67px;
}

.webcontent.gbi-rb .tab-container.gbi-rb .periodic-bottom{
    /*padding: 20px 67px;*/
}

.webcontent.gbi-rb .graph-area.gbi-rb{
    height: 380px;
    overflow: hidden;
}
.webcontent.gbi-rb .graph-area .graph-temp.gbi-rb{
    height: 318px;
}
.webcontent.gbi-rb .content-wrap.gbi-rb .status-board-container.rb .status-board-content .portfolio-name > span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
    margin-bottom: 15px;
    font-family: 'SpoqaHanSans';
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -.3px;
    text-align: left;
    vertical-align: top;
}
.webcontent.gbi-rb .content-wrap.gbi-rb .status-board-container.rb .status-board-content {
    height: 187px;
    padding: 23px 40px;
}
.webcontent.gbi-rb .content-wrap.gbi-rb .status-board-container.rb .status-board-content:after{
    content: '';
    display: inline-block;
    width: 480px;
    height: 1px;
    border-bottom: 1px solid #e1e1e1;
}
.webcontent.gbi-rb .content-wrap.gbi-rb .status-board-container.rb .status-board-content.cont-bottom-none:after{
    content: '';
    border-bottom: none;
}

.webcontent.gbi-rb .content-wrap.gbi-rb .portfolio-info p > span {
    font-size: 16px;
}

.webcontent.gbi-rb .content-wrap.gbi-rb .status-board-content .state-flag-group{
    margin: 0 0 10px;
}

.webcontent.gbi-rb .content-wrap.gbi-rb .portfolio-info .portfolio-tit{
    float: left;
    width: 146px;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -.3px;
    line-height: 1.2
}
.webcontent.gbi-rb .content-wrap.gbi-rb .portfolio-info .portfolio-content{
    float: left;
    width: calc(100% - 235px);
    text-align:right;
}
.webcontent.gbi-rb .content-wrap.gbi-rb .portfolio-info {
    float: left;
    width: 338px;
}
.webcontent.gbi-rb .content-wrap.gbi-rb .portfolio-info + .product-profit.rb{
    float: left;
    width: calc(100% - 338px);
    text-align: right;
}
.webcontent.gbi-rb .content-wrap.gbi-rb .product-profit.rb .product-profit-number{
    display: block;
    margin-top: 3px;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -.4px;
}

.webcontent.gbi-rb .content-wrap.gbi-rb .gbi-data-area .data-box{
    height: 336px;
    overflow: hidden;
}

.webcontent.gbi-rb .content-wrap.gbi-rb .product-profit.rb .product-profit-txt{
    font-size: 16px;
}

/*.webcontent.gbi-rb .content-wrap.gbi-rb .portfolio-info p > span.color-red{
    padding-left: 47px;
}*/

.webcontent.gbi-rb .content-wrap.gbi-rb .status-board-container.rb.line-bottom-none + .status-board-container.rb{
    border-top: none;
}
.webcontent.gbi-rb .content-wrap.gbi-rb .gbi-data-area .data-box .left-area{
    width: 563px;
    height: 336px;
    float: left;
}
.webcontent.gbi-rb .content-wrap.gbi-rb .gbi-data-area .data-box .right-area{
    width:calc(100% - 563px);
    height: 336px;
    float: right;
}
.webcontent.gbi-rb .content-wrap.gbi-rb .gbi-data-area .right-area .rb-infomation-area{
    float: left;
    margin-top: 200px;
}
.webcontent.gbi-rb .content-wrap.gbi-rb .total-amount .rate-increase{
    margin-bottom: 5px;
}

.webcontent.gbi .input-wrap.date-group.rb {
    margin-left: 15px;
}
.webcontent.gbi-rb .graph-area .graph-box img {
    width: inherit;
}
.webcontent.gbi-rb .graph-area.size-mini {
    height: 315px;
}
.webcontent.gbi-rb .graph-area.size-mini .graph-box{
    position: relative;
}
.webcontent.gbi-rb .graph-area.size-mini .graph-box > .graph-name{
    width: 100%;
    position: absolute;
    top: 41%;
    left: 0;
    text-align: center;
    font-size: 16px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.webcontent.gbi-rb .graph-area.size-mini .graph-temp.gbi-rb{
    height: 252px;
    line-height: 240px;
}
.webcontent.gbi-rb .graph-area.size-mini .info-txt{
    font-size: 16px;
    letter-spacing: -1px;
}
.modal-body-container .content-wrap.gbi-rb .gray-btn-box{
    padding: 10px 40px;
}
.content-wrap.gbi-rb .multiple-table-container.grid-2 .brp-title .color-pink02,
.content-wrap.gbi-rb .graph-area.gbi-rb .brp-title .color-pink02{
    position: relative;
}
.content-wrap.gbi-rb .multiple-table-container.grid-2 .brp-title .color-pink02::after,
.content-wrap.gbi-rb .graph-area.gbi-rb .brp-title .color-pink02::after{
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: -1px;
    background: linear-gradient(to top, #fab8d7 70%, transparent 0);
    content: "";
    z-index: -1;
}
.content-wrap.gbi-rb .multiple-table-container.grid-2 .brp-title, 
.content-wrap.gbi-rb .graph-area.gbi-rb .brp-title{
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    margin: 15px 0 10px;
    font-size: 16px;
    text-align: center;
}
.content-wrap.gbi-rb .grid-box .graph-area {
    padding: 0px 30px 0px;
}
.content-wrap.gbi-rb .grid-box .graph-area.gbi-rb {
    height: auto!important;
}
.content-wrap.gbi-rb .multiple-table-container.grid-2.brp-area{
    border: 1px solid #ededed;
    padding: 20px 0px 20px 20px;
}
.content-wrap.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb .graph-area.gbi-rb .bottom-box:before{
    content: '';
    display: inline-block;
    width: 550px;
    height: 1px;
    border-top: 1px solid #ededed;
    position: absolute;
    left: 0;
    bottom: 163px;
}
.content-wrap.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb .graph-area.gbi-rb .bottom-box {
    display: table;
    height: 170px;
    margin-top: 33px;
}
.content-wrap.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb .graph-area.gbi-rb .bottom-box .left{
    display: table-cell;
    /*width: 275px;*/
    line-height: 1.7;
}
.content-wrap.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb .graph-area.gbi-rb .bottom-box .left{
    padding: 30px 0px 0px 0px;
    /*border-right: 1px solid #ededed;*/
}
.content-wrap.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb .graph-area.gbi-rb .bottom-box .right{
    padding: 30px 0px 0px 30px;
}
.content-wrap.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb .graph-area.gbi-rb .bottom-box .left .txt-box span, 
.content-wrap.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb .graph-area.gbi-rb .bottom-box .right .txt-box span{
    display: block;
    font-size: 16px;
}
.content-wrap.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb .graph-area.gbi-rb .bottom-box .left .txt-box strong{
    font-size: 30px;
    color: #5c82d4;
}
.content-wrap.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb .graph-area.gbi-rb .bottom-box .right .txt-box strong{
    font-size: 18px;
    color: #5c82d4;
}
.content-wrap.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb .graph-area.gbi-rb .graph-box {
    width: 470px;
    margin: 20px auto;
}
.content-wrap.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb .graph-area.gbi-rb .graph-box .progress{
    height: 32px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #cccccc ;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.content-wrap.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb .graph-area.gbi-rb .graph-box .progress .progress-bar{
    position: relative;
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: left;
    padding: 0px 10px 0px;
    background-color: #5c82d4;
}
.content-wrap.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb .graph-area.gbi-rb .graph-box .progress .progress-bar .title{
    position: absolute;
    vertical-align: middle;
    line-height: 2.5;
    width: 100px;
    color: #fff;
}
.content-wrap.gbi-rb .graph-table-wrap.small-graph .right-area.gbi-rb .graph-area.gbi-rb .graph-box .progress .progress-bar.bar-pink{
    background-color: #e0436f;
}

/* 로보자산관리 - 가입하기  */

.webcontent.gbi-rj .join-contents {
    padding:60px 50px;
    text-align: left;
    border: 1px solid #e7e7e7;
}
.webcontent.gbi-rj .join-contents .join-box{
    margin-top: 0;
}
.webcontent.gbi-rj .top-area span {
    margin-left: 15px;
}
.webcontent.gbi-rj .info-text-group ul li{
    font-size: 16px;
    color: #898989;
}
.webcontent.gbi-rj .table-container table tbody .bdr-top{
    border-top:1px solid #e7e7e7;
}
.txt-area{
    margin: 10px 0;
    font-size: 16px;
}
.webcontent.gbi-rj .compound-agreement-area {
    padding: 20px;
}
.webcontent.gbi-rj .compound-agreement-area .compound-agreement .compound-content{
    font-size: 16px;
}
.btn.tiny.icon-gbi-check:before {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    content: "";
}
.btn.tiny.icon-gbi-check:before {
    margin-top: -3px;
    background: url(../../assets/images/gbi/icon/icon-gbi-check.png) no-repeat 50% 51%;
}
.btn.tiny.icon-gbi-check:after{
    width: 0!important;
}
.agreement-container .agreement .icon-gbi-check {
    height: 38px;
    color: #1e75d6;
}

.webcontent.gbi-rj .content-wrap .gbi-data-area .data-box{
    height: 300px;
    overflow: hidden;
}
.content-wrap.gbi-rj .multiple-table-container .grid-box.graph-detail{
    padding: 48px 100px 0px;
}
.content-wrap.content-wrap.gbi-rj .multiple-table-container .grid-box .view-detail {
    padding: 0px 42px 0px;
}
.content-wrap.gbi-rj .multiple-table-container .view-detail .title-contents{
    display: flex;
}
.content-wrap.gbi-rj .multiple-table-container li + li{
    border-top: 1px solid #f0f0f0;
}
.content-wrap.gbi-rj .multiple-table-container .view-detail li span.title{
    flex: 0 1 auto;
    padding: 10px 10px;
    width: 30%;
}
.content-wrap.gbi-rj .multiple-table-container .view-detail li p.txt{
    padding: 10px 10px;
    width: 70%;
    text-align: right;
    /* font-weight: bold; */
}
.content-wrap.gbi-rj .graph-area.size-mini .graph-box > .graph-name{
    top:35%!important;
    font-size: 24px!important;
}
.content-wrap.gbi-rj .graph-area.size-mini .graph-box .info-txt p:first-child{
    font-size: 20px;
    margin-bottom:10px;
}
.webcontent.gbi-rj .guide-page-wrap.wm-brp-02-guide {
    border: 1px solid #e7e1e7;
}
.webcontent.gbi-rj .guide-page-wrap.wm-brp-02-guide .brp-title{
    margin: 0px 0 10px;
}
.webcontent.gbi-rj .multiple-table-container.grid-2{
    padding: 20px 0 20px;
}

.webcontent.gbi-rj .content-wrap + .content-wrap.gbi-rj{
    padding: 1px 30px 30px;
}

.webcontent.gbi-rj .content-wrap + .content-wrap.gbi-rj > .btn-bottom-wrap{
    margin: 40px 0 0px;
}
.webcontent.gbi-rj .content-wrap.gbi-rj .status-board-container.gbi-rj{
    margin-top: 60px;
}
.webcontent.gbi-rj .table-container .table-head td{
    padding: 8px 8px;
}
.webcontent.gbi-rj .content-wrap + .content-wrap.gbi-rj > .status-board-container,
.content-wrap.gbi-rj > .status-board-container .price-area{
    text-align: center;
}
.content-wrap.gbi-rj > .status-board-container .price-area .price{
    padding-right: 0;
}
.webcontent.gbi-rj .accordion-body-contents .info-text-group ul li{
    font-size: 14px;
}
.webcontent.gbi-rj .content-wrap.gbi-rj .information .information-body{
    border-top: 1px solid #cdcdcd;
    padding: 30px 30px 30px 45px;
}
.webcontent.gbi-rj .content-wrap.gbi-rj .information .information-head{
    padding-bottom: 23px;
    margin-bottom: 0;
}
.webcontent.gbi-rj .content-wrap.gbi-rj .information-body .info-text-group{
    margin-top: 10px;
}
.webcontent.gbi-rj .content-wrap + .content-wrap.gbi-rj .inner{
    display: inline-block;
    padding: 0 30px;
    width: 1065px;
    height: auto;
    margin-top: 30px;
    background:#fff;
    z-index: 0;
}
.webcontent.gbi-rj .content-wrap + .content-wrap.gbi-rj .inner .table-product-type .table-container.max-h,
.webcontent.gbi-rj .content-wrap + .content-wrap.gbi-rj .table-product-type .table-container.max-h{
	position: relative;
}

.webcontent.gbi-rj .content-wrap + .content-wrap.gbi-rj .inner .table-product-type .table-container.max-h .table-head,
.webcontent.gbi-rj .content-wrap + .content-wrap.gbi-rj .table-product-type .table-container.max-h .table-head{
	position: absolute;
    display: inline-table;
    width: calc(100% - 17px);
}
.webcontent.gbi-rj .content-wrap + .content-wrap.gbi-rj .inner .table-product-type .table-container.max-h .table-head + .table-body,
.webcontent.gbi-rj .content-wrap + .content-wrap.gbi-rj .table-product-type .table-container.max-h .table-head + .table-body{
    max-height: 644px;
    overflow-y: scroll;
    margin-top: 40px;
}

.webcontent.gbi-rj .content-wrap.gbi-rj .head-title-area h2.head-title {
    font-size: 24px;
}
.webcontent.gbi-rj .content-wrap.gbi-rj .head-title-area + .text-sub{
    font-size: 16px;
    color: #555555;
}
.webcontent.gbi-rj .content-wrap.gbi-ab .blue-gradient-box .top-area + .amount-area .txt-title {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 18px;
}
.webcontent.gbi-rj .content-wrap.gbi-ab .head-title .add-text{
    margin-left: 15px;
    font-size: 16px;
}
.webcontent.gbi-rj .content-wrap.gbi-ab .fund-title-area .state-flag-group{
    margin: 7px 0px 10px;
    padding: 0;
}
.content-wrap.gbi-ab .card-type-container .product-info-area.gbi-rj {
    padding: 15px 33px;
}
.webcontent.gbi-rj .content-wrap.gbi-ab .txt-title .add{
    position: relative;
    background: #111111;
    width: 1px;
    height: 13px;
    display: inline-block;
    margin: 0 15px;
}
.webcontent.gbi-rj .content-wrap.gbi-ab .txt-title .add:after{
    position: absolute;
    background: #111111;
    content: '';
    top: 6px;
    left: -6px;
    width: 13px;
    height: 1px;
}
.window-popup .contract-wrap.gbi-rj .contract-box{
    margin-top: 10px;
    padding: 30px 40px;
    border: none;
}
.webcontent.gbi-rj .content-wrap .video-call-wrap .qr-code-wrap .grid-box{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}
.webcontent.gbi-rj .content-wrap .video-call-wrap .qr-code-wrap .grid-box > *:first-child{
    margin-left: 0;
}
.webcontent.gbi-rj .content-wrap .video-call-wrap .qr-code-wrap .grid-box > *{
    width: calc( (100% - 8px) / 2);
    margin-left: 7px;
}

.webcontent.gbi-rj .content-wrap .video-call-wrap .qr-code-wrap .gray-box{
    border: none;
}
.webcontent.gbi-rj .content-wrap .video-call-wrap .qr-code-wrap .gray-box .text-title-area{
    text-align: center;
}
.webcontent.gbi-rj .content-wrap .video-call-wrap .qr-code-wrap .gray-box .text-title-area .text-title{
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.2px;
}
.webcontent.gbi-rj .content-wrap .video-call-wrap .qr-code-wrap .gray-box .qr-area{
    text-align: center;
    margin-top:20px;
}
.webcontent.gbi-rj .content-wrap .video-call-wrap {
    min-height: 494px;
    padding: 100px 0 0 365px;
    background: url(../../assets/images/gbi/img/img-kiwoom-heros-phone.png?20221222) no-repeat 0 50%;
}
.webcontent.gbi-rj .join-contents.type2{
    padding: 20px 100px;
}

/* 로보자산관리 - 목표설계 */

.webcontent .content-wrap.gbi-rt .blue-btn-box {
    padding: 4px 30px 4px;
    background-color: #1e75d6;
}
.webcontent .content-wrap.gbi-rt .top-area .sub-title{
    width: 1068px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
.webcontent .content-wrap.gbi-rt .top-area .sub-title > em{
    margin-top: 10px;
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
}

.webcontent .content-wrap.gbi-rt .status-board-container .status-board-content .status-board-title-area .status-board-title,
.webcontent .content-wrap.gbi-rt .status-board-container .status-board-content .price-area .price{
    color: #777;
}
.webcontent .content-wrap.gbi-rt .status-board-container.activate .status-board-content .status-board-title-area .status-board-title,
.webcontent .content-wrap.gbi-rt .status-board-container.activate .status-board-content .price-area .price{
    color: #111;
}
.webcontent .content-wrap.gbi-rt .my-invest{
    background: #ffffff;
    border: none;
    padding: 0;
}
.webcontent .content-wrap.gbi-rt .my-area{
    padding: 40px 30px 40px;
}

/*inner-size test*/
.webcontent .content-wrap.gbi-rt .my-area.inner{
    padding: 30px 30px 40px;
}
.webcontent .content-wrap.gbi-rt .inner .multiple-table-container.grid-1 {
	margin-top:11px;
    padding: 45px 0px 50px; 
}

.webcontent .content-wrap.gbi-rt .my-area .small-text{
    padding-bottom: 20px;
    text-align: center;
}
.webcontent .content-wrap.gbi-rt .my-area .head-text + .txt, .webcontent .content-wrap.gbi-rt .assets-area .head-text + .txt{
    color: #777777;
    font-size: 16px;
}
.webcontent .content-wrap.gbi-rt .my-invest .my-grade > li{
    min-width: inherit;
    border-left: none;
}
.webcontent .content-wrap.gbi-rt .my-invest .my-grade {
    max-width: 907px;
    margin: 0 auto;
    padding: 60px;
}
.webcontent .content-wrap.gbi-rt .risk-mountain-grade{
    width: 125px;
    height: 70px;
}

.webcontent .content-wrap.gbi-rt .my-invest li .my-grade-title + .my-grade-text{
    font-size: 16px;
}
.webcontent .content-wrap.gbi-rt .link-box-area{
    display: inline-block;
    padding: 0px 197px 0px;
}
.webcontent .content-wrap.gbi-rt .link-box-area ul li:nth-child(odd){
    margin-left: 0;
}
.webcontent .content-wrap.gbi-rt .link-box-area ul li{
    width: 320px;
    height: 340px;
    margin: 30px 0 0 30px;
    float: left;
    background: #ffffff;
}
.webcontent .content-wrap.gbi-rt .link-box-area ul li.on{
    background: #1e75d6;
}
.webcontent .content-wrap.gbi-rt .link-box-area ul li a{
    display: block;
    padding: 45px 30px 0px;
}
.webcontent .content-wrap.gbi-rt .link-box-area ul li a .link-box-content .head-title{
    display: block;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.2px;
}
.webcontent .content-wrap.gbi-rt .link-box-area ul li.on .link-box-content .head-title,
.webcontent .content-wrap.gbi-rt .link-box-area ul li.on .link-box-content .text-title{
    color: #ffffff;
} 
.webcontent .content-wrap.gbi-rt .link-box-area ul li a .link-box-content .text-title{
    max-height: 72px;
    height: 72px;
    overflow: hidden;
    margin-top: 10px;
}
.webcontent .content-wrap.gbi-rt .link-box-area ul li a .link-box-content .img-area{
    display: table;
    width: 100%;
    height: 185px;
    table-layout: fixed;
    text-align: right;
}
.webcontent .content-wrap.gbi-rt .link-box-area ul li a .link-box-content .img-area span{
    display: table-cell;
    vertical-align: middle;
}
.webcontent .content-wrap.gbi-rt .link-box-area ul li a .link-box-content .img-area img{
    display: inline-block;
}
.webcontent .content-wrap.gbi-rt .my-area .head-text, .webcontent .content-wrap.gbi-rt .assets-area .head-text{
    padding-bottom: 10px;
    font-size: 24px;
}
.webcontent .content-wrap.gbi-rt .multiple-table-container.grid-2{
    background: #ffffff;
    padding: 50px 0px 0px;
    margin-top: 30px;
}
.webcontent .content-wrap.gbi-rt .grid-box .account-tip-wrap .content-title-area .title-text{
    margin: 20px 0 10px 0;
    text-align: left;
    color: #2d7ed9;
    font-size: 20px;
}
.webcontent .content-wrap.gbi-rt .grid-box .account-tip-wrap .account-tip-content .text-title-area{
    margin-bottom: 20px;
}
.webcontent .content-wrap.gbi-rt .account-tip-content .text-main{
    margin: 8px 5px 0px 0px;
    float: left;
}
.webcontent .content-wrap.gbi-rt .account-tip-content .text-main + .form-group{
    max-width: 800px;
}
.webcontent .content-wrap.gbi-rt .account-tip-content .inquiry-content{
    display: inline-block;
    width: 315px;
}
.webcontent .content-wrap.gbi-rt .account-tip-content .inquiry-content.wid-full{
    width: 350px;
}
.webcontent .content-wrap.gbi-rt .account-tip-content .inquiry-content.wid-auto{
    width: auto;
}
.webcontent .content-wrap.gbi-rt .account-tip-content li + li .inquiry-content.wid-full .form-group .input-wrap {
    margin-left: 10px;
}
.webcontent .content-wrap.gbi-rt .account-tip-content .input-wrap ul li + li{
    display: inline-block;
    margin-top: 10px;
}
.webcontent .content-wrap.gbi-rt .account-tip-content .input-wrap ul li + li .inquiry-content .form-group{
    margin-left: 20px;

}
.webcontent .content-wrap.gbi-rt .account-tip-content .inquiry-content .form-info{
    margin-top: 10px;
    color: #999;
    font-size: 12px;
}
.webcontent .content-wrap.gbi-rt .graph-area.size-mini .graph-box > .graph-name > em{
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px;
}
.webcontent .content-wrap.gbi-rt .graph-area.size-mini .graph-box > .graph-name{
    top:33%;
    font-size: 24px;
}
.webcontent.gbi-rb .graph-area.size-mini .info-txt strong {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 24px;
}
.webcontent .content-wrap.gbi-rt .multiple-table-container.grid-2 .grid-box + .grid-box{
    margin-top: 60px;
}
.webcontent .content-wrap.gbi-rt .multiple-table-container.grid-2 .grid-box + .grid-box .btn-center{
    margin-top: 15px;
    padding-right: 40px;
    text-align: center;
}
.webcontent .content-wrap.gbi-rt .fund-wrap-container .wrap-porduct-box{
    background: #ffffff;
    border: none;
}
.webcontent .content-wrap.gbi-rt .fund-wrap-container .wrap-porduct-box  ul li span{
    font-size: 16px;
}
.webcontent .content-wrap.gbi-rt .fund-wrap-container .wrap-porduct-box  ul li strong{
    font-size: 20px;
}
.webcontent .content-wrap.gbi-rt .fund-wrap-container .wrap-porduct-box  ul li strong > em{
    font-size: 14px;
    color: #777;
}
.webcontent .content-wrap.gbi-rt .fund-wrap-container > ul > li .wrap-porduct-box .title {
    height: 40px;
}
.webcontent .content-wrap.gbi-rt .fund-wrap-container ul li .type-group{
    display: inline-block;
    height: 140px; /*188px*/
    vertical-align: middle;
    list-style: none;
    margin: 30px 30px 0px;
    overflow: hidden;
}
.webcontent .content-wrap.gbi-rt .fund-wrap-container ul li .type-group li{
    padding-bottom:10px ;
    font-size: 16px;
    color: #111111;
}
.webcontent .content-wrap.gbi-rt .fund-wrap-container ul li .type-group li span.type01 {
    position: relative;
    display: inline-block;
    padding: 0 0 0 10px;
    color: #777;
}
.webcontent .content-wrap.gbi-rt .fund-wrap-container .type-group ul li span.type-01:before{
    content: '';
    position: absolute;
    margin: 6px 0 0 -20px;
    width: 12px;
    height: 12px;
    background: url(../../assets/images/gbi/icon/icon-yes.png) no-repeat 0 0;
}
/* .webcontent .content-wrap.gbi-rt .fund-wrap-container .type-group ul li span.type-02:before{
    content: '';
    position: absolute;
    margin: 6px 0 0 -20px;
    width: 12px;
    height: 13px;
    background: url(../../assets/images/gbi/icon/icon-no.png) no-repeat 0 0;
}
.webcontent .content-wrap.gbi-rt .fund-wrap-container .type-group ul li span.type-02{
    text-decoration: line-through;
    color: #777;
} */
.webcontent .content-wrap.gbi-rt .fund-wrap-container > ul > li .wrap-porduct-box {
    height: 450px; /*540px*/
}
.webcontent .content-wrap.gbi-rt .fund-wrap-container > ul > li .wrap-porduct-box.on{
	border:1px solid #1e75d6;
}
.webcontent .content-wrap.gbi-rt .wrap-porduct-box .tax-info li span{
    color: #111111;
}
.webcontent .content-wrap.gbi-rt .assets-area{
    padding: 40px 30px 0px;
}
.webcontent .content-wrap.gbi-rt .assets-area .fund-wrap-container{
    display: block;
    height: 485px; /*575px*/
    margin-top: 30px;
}
.webcontent .content-wrap.gbi-rt .assets-area .fund-wrap-container ul.grid-2 > li{
	width: calc( (100% - 25px) / 2);
} 

.webcontent .content-wrap.gbi-rt .assets-area .fund-wrap-container > ul > li .wrap-porduct-box .tax-info li {
    margin-top: 10px;
}
.webcontent .content-wrap.gbi-rt .assets-area .fund-wrap-container > ul > li .btn.primary{
    max-width: 140px;
}
.webcontent .content-wrap.gbi-rt .grade-flag.grade8{
    border: 1px solid #1e75d6 !important;
    color: #1e75d6 !important;
}
.webcontent .content-wrap.gbi-rt .multiple-table-container.grid-1 {
    background: #ffffff;
    padding: 30px 0px 30px;
    margin-top: 30px;
}
.webcontent .content-wrap.gbi-rt .multiple-table-container.grid-1 .btn-group{
    text-align: center;
    font-size: 0;
}
.webcontent .content-wrap.gbi-rt .multiple-table-container.grid-1 .btn-group + .btn-group{
    margin-top: 5px;
}
.webcontent .content-wrap.gbi-rt .multiple-table-container.grid-1 .btn-group li{
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
}
.webcontent .content-wrap.gbi-rt .multiple-table-container.grid-1 .btn-group li:last-child{
    margin-right: 0;
}
.webcontent .content-wrap.gbi-rt .multiple-table-container.grid-1 .btn-group.dis-block li{
    display: block;
}
.webcontent .content-wrap.gbi-rt .multiple-table-container.grid-1 .btn-group.dis-block li > button{
    width: 720px;
    margin-bottom: 5px;
}
.webcontent .content-wrap.gbi-rt .account-tip-content .form-group .input-wrap + .input-check {
    display: inline-block;
    margin: 10px 62px 0px 0px;
}
.webcontent .content-wrap.gbi-rt .grid-box .account-tip-wrap .account-tip-content .inquiry-content .form-group {
    display: inline-block;
    margin-left: 10px;
}
.webcontent .content-wrap.gbi-rt .grid-box .account-tip-wrap .account-tip-content li + li .inquiry-content .form-group{
    display: inline-block;
    margin-left: 20px;
}
.webcontent .content-wrap.gbi-rt .status-board-container {
    position: relative;
}
.webcontent .content-wrap.gbi-rt .status-board-content.color-balck .status-board-title-area .status-board-title, .webcontent .content-wrap.gbi-rt .status-board-content.color-balck .price-area .price{
    color: #000000;
}
.webcontent .content-wrap.gbi-rt .status-board-container .status-board-content.two-block::before {
    content: '';
    width: 200.3%;
    height: 100px;
    border: 1px solid #1e75d6;
    position: absolute;
    top: -1px;
    left: 0;
}
.webcontent .content-wrap.gbi-rt .status-board-container .status-board-content.one-block::before {
    content: '';
    width: 100%;
    height: 100px;
    border: 1px solid #1e75d6;
    position: absolute;
    top: -1px;
    left: 0;
}
.webcontent .content-wrap.gbi-rt .my-area.bg-blue .multiple-table-container.grid-1 .account-tip-content .input-wrap ul li + li .inquiry-content .form-group{
    margin-left: 10px;
}
.webcontent .content-wrap.gbi-rt .my-area.bg-blue {
    background: #1e75d6;
}
.webcontent .content-wrap.gbi-rt .my-area.bg-blue .head-text{
    color: #ffffff;
}
.webcontent .content-wrap.gbi-rt .my-area.bg-blue .multiple-table-container.grid-1 .head-sub-title-area, 
.webcontent .content-wrap.gbi-rt .my-area.bg-gray .multiple-table-container.grid-1 .head-sub-title-area{
    margin: 0 0 30px;
    text-align: center;
}
.webcontent .content-wrap.gbi-rt .my-area.bg-gray .multiple-table-container.grid-1:last-child{
    padding: 50px 30px 50px;
}
.webcontent .content-wrap.gbi-rt .my-area .btn-group li button, .webcontent .content-wrap.gbi-rt .my-area .btn-group li .answer{
    border-radius: inherit;
    height: 41px;
    font-size: 16px;
}
.webcontent .content-wrap.gbi-rt .my-area .btn-group li button.secondary.large{
	min-width:100px;
}
.webcontent .content-wrap.gbi-rt .my-area .btn-group li .answer{
    width: 480px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 5px;
}
.webcontent .content-wrap.gbi-rt .my-invest li .my-grade-title {
    font-size: 20px;
}
/* 고객의 투자성향등급(1공격투자형~5안정형) */
.webcontent .content-wrap.gbi-rt .my-grade-title.grade1{
    color: #e54c2b !important;
}
.webcontent .content-wrap.gbi-rt .my-grade-title.grade2{
    color: #e54c2b !important
}
.webcontent .content-wrap.gbi-rt .my-grade-title.grade3{
    color: #ffc500 !important;
}
.webcontent .content-wrap.gbi-rt .my-grade-title.grade4{
    color: #ffc500 !important
}
.webcontent .content-wrap.gbi-rt .my-grade-title.grade5{
    color: #a4ce50 !important
}
.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .multiple-table-container .account-tip-content .form-group .input-wrap .icon-search {
    width: 110px;
    height: 38px;
    padding: 0 16px;
    border-radius: 2px;
    line-height: 36px;
    text-align: center;
    background: #777;
    border: none;
    color: #fff;
}
.webcontent .content-wrap.gbi-rt .my-area .top-container {
    padding-top: 40px;
    background-color: #fff;
}
.webcontent .content-wrap.gbi-rt .my-area .top-container + .multiple-table-container {
    margin-top: 0;
}
.webcontent .content-wrap.gbi-rt .my-area .progress-step-bar{
    width: 600px;
    margin: 0 auto;
    height: 2px;
    background-color: #eee;
}
.webcontent .content-wrap.gbi-rt .my-area .progress-step-bar .bar{
    height: 2px;
    background-color: #1e75d6;
}
.webcontent .content-wrap.gbi-rt .my-area .txt-tag-wrap{
    margin-top: 15px;
}
.webcontent .content-wrap.gbi-rt .my-area .txt-tag{
    display: inline-block;
    padding: 0 10px;
    margin-right: 10px;
    height: 29px;
    line-height: 29px;
    border-radius: 40px;
    color: #333;
    background-color: #f5f5f5;
}
.webcontent .content-wrap.gbi-rt .my-area .txt-tag:last-child{
    margin-right: 0;
}
.webcontent .content-wrap.gbi-rt .my-area .txt-tag-wrap.sm .txt-tag{
    margin-right: 8px;
    padding: 0 8px;
    height: 25px;
    line-height: 25px;
    border-radius: 30px;
    font-size: 12px;
}
.webcontent .content-wrap.gbi-rt .my-area .etf-cont-wrap {
    padding: 0 79px;
    text-align: center;
}
.webcontent .content-wrap.gbi-rt .my-area .etf-cont-wrap li {
    height: 236px;
}
.webcontent .content-wrap.gbi-rt .my-area .etf-cont-wrap .etf-cont {
    height: 100%;
    padding: 30px;
    border: 1px solid #d7d7d7;
    text-align: left;
    position: relative;
}

.webcontent .content-wrap.gbi-rt .my-area .etf-cont-wrap .etf-cont.disabled::after {
	width: 100%; height: 100%;
	content:'';
	position: absolute; 
	left: 0; top: 0;
    background-color: rgba(0,0,0, .2);
}

.webcontent .content-wrap.gbi-rt .my-area .etf-cont-wrap .etf-cont.on {
    border-color: #1e75d6;
    border-width: 2px;
}
.webcontent .content-wrap.gbi-rt .my-area .etf-cont-wrap .etf-cont::before{
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.webcontent .content-wrap.gbi-rt .my-area .etf-cont-wrap .etf-cont.etf-ko::before{
    background-image: url(../../assets/images/gbi/icon/w-icon-korea-etf.png);
}
.webcontent .content-wrap.gbi-rt .my-area .etf-cont-wrap .etf-cont.etf-global::before{
    background-image: url(../../assets/images/gbi/icon/w-icon-global-etf.png);
}
.webcontent .content-wrap.gbi-rt .my-area .etf-cont-wrap .etf-cont.etf-overseas::before{
    background-image: url(../../assets/images/gbi/icon/w-icon-overseas-etf.png);
}
.webcontent .content-wrap.gbi-rt .my-area .etf-cont-wrap .etf-cont .title{
    margin-top: 15px;
    font-weight: 500;
    font-size: 18px;
}
.webcontent .content-wrap.gbi-rt .my-area .etf-cont-wrap .etf-cont .add-text{
    margin-top: 10px;
    color: #666;
}

.webcontent .content-wrap.gbi-rt .slider-color-type{
    padding: 0 130px;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-row {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .title {
    width: 40%;
    font-size: 16px;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .input-area {
    width: 75px !important;
    height: 32px;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .input-area .input-price {
    padding-right: 0;
    height: 32px;
    line-height: 32px;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .input-area .txt-price{
    display: inline-block;
    vertical-align: top;
    height: 32px;
    line-height: 32px;
    margin-left: 1px;
    font-size: 18px;
    color: inherit;
    font-family: 'Inter', 'SpoqaHanSansNeo';
}
.ie11 .webcontent .content-wrap.gbi-rt .slider-color-type .input-area .txt-price,
.ie10 .webcontent .content-wrap.gbi-rt .slider-color-type .input-area .txt-price{
    padding-top:3px;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .input-wrap input {
    font-size: 18px;
    font-weight: 500;
    height: 32px;
    font-family: 'Inter', 'SpoqaHanSansNeo';
}
.webcontent .content-wrap.gbi-rt .slider-color-type .range-slider-wrap {
    width: 400px;
    padding: 15px 20px;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .total {
    text-align: right;
    font-size: 16px;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .total .number {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    border: 1px solid #212266;
    width: 75px;
    height: 32px;
    padding: 0 8px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #212266;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .total .num {
    margin-right: 1px;
    font-weight: 700;
    font-family: 'Inter', 'SpoqaHanSansNeo';
}
.webcontent .content-wrap.gbi-rt .slider-color-type .ui-slider.ui-slider-horizontal .ui-state-default {
    border: 4px solid #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.22);
}
.webcontent .content-wrap.gbi-rt .slider-color-type .range-slider-bar{
    background-color: #f0f0f0;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type1 .ui-slider.ui-slider-horizontal .ui-slider-range,
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type1 .ui-slider.ui-slider-horizontal .ui-state-default {
    background-color: #20c19b;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type1 .input-area{
    border-color: #20c19b;
    color: #20c19b;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type1 .input-area input{
    color: #20c19b;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type2 .ui-slider.ui-slider-horizontal .ui-slider-range,
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type2 .ui-slider.ui-slider-horizontal .ui-state-default {
    background-color: #f38a11;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type2 .input-area{
    border-color: #f38a11;
    color: #f38a11;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type2 .input-area input{
    color: #f38a11;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type3 .ui-slider.ui-slider-horizontal .ui-slider-range,
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type3 .ui-slider.ui-slider-horizontal .ui-state-default {
    background-color: #1592e6;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type3 .input-area{
    border-color: #1592e6;
    color: #1592e6;
}
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type3 .input-area input{
    color: #1592e6;
}

/*20220722추가*/
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type4 .ui-slider.ui-slider-horizontal .ui-slider-range,
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type4 .ui-slider.ui-slider-horizontal .ui-state-default { background-color: #999; }
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type4 .input-area { border-color: #999; color: #999; }
.webcontent .content-wrap.gbi-rt .slider-color-type .slider-type4 .input-area input { color: #999; }

/* 로보자산관리 서브메인 */

.content-wrap.gbi-at .tab-container > .tab-list-group .tab-list li{
    height: 45px!important;
}
.content-wrap.gbi-at .tab-container > .tab-list-wrap .tab-list-group .tab-list li.on > a{
    border-top: 2px solid #1e75d6;
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
    color:  #1e75d6;
}

.content-wrap.gbi-at .tab-container > .tab-list-wrap .tab-list-group .tab-list li a{
    border:none;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}
.content-wrap.gbi-at .tab-container > .tab-list-wrap .tab-list-group .tab-list li:before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 15px;
    left: inherit;
    right: 0;
    width: 1px;
    height: 17px;
    background-color: #cbcbcb;
    border-left: none;
}
.content-wrap.gbi-at .tab-container > .tab-list-wrap .tab-list-group .tab-list li.changed:before{
    background-color: inherit!important;
}

.content-wrap.gbi-at .tab-container > .tab-list-wrap .tab-list-group .tab-list li.last:before{
    background-color: #ffffff;
}
.content-wrap.gbi-at .tab-container > .tab-list-wrap .tab-list-group .tab-list li.first a{
    border-left: 1px solid #cdcdcd;
}
.content-wrap.gbi-at .tab-container > .tab-list-wrap .tab-list-group .tab-list li.last a{
    border-right: none;
}
.content-wrap.gbi-at .head-sub-title .add-text {
    margin-left: 20px;
}


/* 로보자산관리-심플투자 리스트(공통) */

.content-wrap.gbi-at .tab-content:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    clear: both;
}
.content-wrap.gbi-at .tab-content .link-box-area {
    width: 100%;
    float: left;
    margin-top: 60px;
}
.content-wrap.gbi-at .tab-content .link-box-area ul li {
    width: calc( (100% - 140px) / 4);
    height: 335px;
    float: left;
    margin-left: 45px;
}

.content-wrap.gbi-at .tab-content .link-box-area.type02,
.content-wrap.gbi-at .tab-content .link-box-area.type04{
    margin-top: 80px;
}
.content-wrap.gbi-at .tab-content .link-box-area.type02 ul li,
.content-wrap.gbi-at .tab-content .link-box-area.type04 ul li {
    width: calc( (100% - 140px) / 5);
    height: 335px;
    float: left;
    margin-left: 35px;
}
.content-wrap.gbi-at .link-box-area.type02 ul li .link-box-content .img-area > a.challenge {
    width: 66px;
    height: 66px;
    bottom: 30px;
    background-color: #ffa82b;
    border-radius: 50%;
}
.content-wrap.gbi-at .link-box-area.type02 ul li .link-box-content .head-title,
.content-wrap.gbi-at .link-box-area.type04 ul li .link-box-content .head-title{
    font-size: 20px;
}
.content-wrap.gbi-at .link-box-area.type02 ul li .link-box-content .img-area > a.challenge span,
.content-wrap.gbi-at .link-box-area.type04 ul li .link-box-content .img-area > a.challenge span{
    line-height: 64px;
}
.content-wrap.gbi-at .link-box-area.type03 ul li .link-box-content .img-area > a.challenge {
    background-color: #7773cb;
    border-radius: 50%;
}

.content-wrap.gbi-at .link-box-area.type04 ul li .link-box-content .img-area > a.challenge {
    width: 66px;
    height: 66px;
    bottom: 30px;
    background-color: #529ddc;
    border-radius: 50%;
}
.content-wrap.gbi-at .link-box-area.type05 ul li .link-box-content .img-area > a.challenge,
.content-wrap.gbi-at .link-box-area.type08 ul li .link-box-content .img-area > a.challenge {
    background-color: #22cccc;
    border-radius: 50%;
}

.content-wrap.gbi-at .tab-content .link-box-area ul li:first-child{
    margin-left: 0!important;
}
.content-wrap.gbi-at .tab-content .hash-tag {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.content-wrap.gbi-at .tab-container .tab-panel{
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    padding: 40px 33px 50px;
    margin-top:-3px;
}
.content-wrap.gbi-at .tab-content .hash-tag > strong{
    padding: 2px 5px 2px;
    border-radius: 5px;
    margin-left: 5px;
    color: #ffffff;
    background-color: #2f87d8;
    font-size: 16px;
    vertical-align: -webkit-baseline-middle;
}
.content-wrap.gbi-at .link-box-area ul li .link-box-content .img-area + div{
    margin-top: 20px;
}
.content-wrap.gbi-at .link-box-area ul li .link-box-content .img-area {
    position: relative;
    display: table;
    width: 100%;
    height: 230px;
    table-layout: fixed;
    text-align: center;
}
.content-wrap.gbi-at .link-box-area ul li .link-box-content .img-area span{
    display: table-cell;
    vertical-align: middle;
}
.content-wrap.gbi-at .link-box-area ul li .link-box-content .head-title {
    display: block;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -.2px;
}
.content-wrap.gbi-at .link-box-area ul li .link-box-content .text-title{
    min-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    word-wrap:normal;
    display: inline-block;
}
.content-wrap.gbi-at .link-box-area ul li .link-box-content .text-title,
.content-wrap.gbi-at .link-box-area ul li .link-box-content .sub-title{
    font-size: 16px;
    margin-top: 10px;
}
.content-wrap.gbi-at .link-box-area ul li .link-box-content .sub-title{
    color: #777777;
}
.content-wrap.gbi-at .link-box-area ul li .link-box-content .img-area img{
    display: inline-block;
}
.content-wrap.gbi-at .link-box-area ul li .link-box-content .img-area > a.challenge {
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 80px;
    height: 80px;
    background-color: #ff516f;
    border-radius: 50%;
}
.content-wrap.gbi-at .link-box-area ul li .link-box-content .img-area > a.challenge span{
    display: inline-block;
    height: 80px;
    font-size: 14px;
    line-height: 77px;
    color: #ffffff;
    text-align: center;
    vertical-align: text-top;
}

.content-wrap.gbi-at .tab-content .link-box-area.type06 ul li {
    width: calc( (100% - 135px) / 6);
    height: 335px;
    float: left;
    margin-left: 26px;
}
.content-wrap.gbi-at .link-box-area.type06 ul li .link-box-content .img-area > a.challenge {
    width: 57px;
    height: 57px;
    bottom: 30px;
    background-color: #7773cb;
    border-radius: 50%;
}
.content-wrap.gbi-at .link-box-area.type06 ul li .link-box-content .img-area > a.challenge span{
    line-height: 57px;
}
.content-wrap.gbi-at .link-box-area.type06 ul li .link-box-content .head-title{
    font-size: 22px;
}
.content-wrap.gbi-at .link-box-area.type06 ul li .link-box-content .text-title,
.content-wrap.gbi-at .link-box-area.type06 ul li .link-box-content .sub-title{
    font-size: 15px;
    margin-top: 10px;
}
.content-wrap.gbi-at .link-box-area.type07 ul li .link-box-content .img-area > a.challenge{
    background-color: #529ddc;
}
.content-wrap.gbi-at .tab-content .link-box-area.type08 ul li,
.content-wrap.gbi-at .tab-content .link-box-area.type09 ul li {
    width: calc( (100% - 360px) / 3);
    height: 335px;
    float: left;
    margin-left: 90px;
}
.content-wrap.gbi-at .tab-content .link-box-area.type08 ul li:first-child,
.content-wrap.gbi-at .tab-content .link-box-area.type09 ul li:first-child{
    margin-left: 90px!important;
}
.content-wrap.gbi-at .link-box-area.type09 ul li .link-box-content .img-area > a.challenge{
    background-color: #ff516f;
}


/* 심플투자 - 잔고현황  */

.webcontent.gbi.ab .total-search-contents .search-stock-wrap .search-head-area{
    padding:47px;
}
.webcontent.gbi.ab .total-search-contents .search-stock-wrap .search-body-area{
    display: inherit;
    height: 160px;
}
.webcontent.gbi.ab .input-wrap + .input-wrap{
    margin-left: 15px;
}
.webcontent.gbi.ab .pdr {
    padding: 0 25px 0;
}
.webcontent.gbi.ab .process-result-box.bdr-none{
    border: none;
}
.content-wrap.gbi-ab .blue-gradient-box{
    background: linear-gradient(88deg, #5db8df, #2f87d8 );
    padding: 37px;
}
.content-wrap.gbi-ab .blue-gradient-box .top-area{
    margin:20px 170px;
}
.content-wrap.gbi-ab .blue-gradient-box .top-area h2.small-text, 
.content-wrap.gbi-ab .blue-gradient-box .top-area .sub-title {
    width: 100%;
    color: #ffffff;
    text-align: center;
}
.content-wrap.gbi-ab .blue-gradient-box .top-area .sub-title{
    display: block;
    margin-top: 10px;
    font-size: 18px;
}
.content-wrap.gbi-ab .blue-gradient-box .top-area + .amount-area{
    background: #ffffff;
    width: 405px;
    margin: 0 auto;
    padding: 20px 30px;
    font-size: 20px;
}
.content-wrap.gbi-ab .blue-gradient-box .top-area + .amount-area.gradient {
    background: linear-gradient(88deg, #82C0E8, #70ade4);
}
.content-wrap.gbi-ab .blue-gradient-box .top-area + .amount-area.gradient .txt-title{
    color: #ffffff;
}

.content-wrap.gbi-ab .blue-gradient-box .top-area + .amount-area .num{
    float: left;
}
.content-wrap.gbi-ab .blue-gradient-box .top-area + .amount-area .pay{
    float: right;
    text-align: right;
}
.content-wrap.gbi-ab .color-pink02, .content-wrap.gbi-ab .color-blue02{
    position: relative;
    z-index: 0;
}
.content-wrap.gbi-ab .color-pink02::after{
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: linear-gradient(to top, #fab8d7 70%, transparent 0);
    content: "";
    z-index: -1;
}
.content-wrap.gbi-ab .color-blue02::after{
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: 2px;
    background: linear-gradient(to top, #bbd5f3 70%, transparent 0);
    content: "";
    z-index: -1;
}
.content-wrap.gbi-ab .card-type-container .card-group > li{
    border: 1px solid #c2c2c2;
    border-radius: 10px;
}

.content-wrap.gbi-ab .card-type-container .fund-title-area .fund-name{
    font-size: 24px;
}
.content-wrap.gbi-ab .card-type-container .fund-title-area .fund-sub-name{
    font-size: 19px;
    min-height: 46px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.content-wrap.gbi-ab .card-type-container .fund-title-area .fund-bottom{
    text-align: right;
    font-size: 16px;
    padding-top:7px;
}
.content-wrap.gbi-ab .card-type-container .fund-title-area .fund-bottom p + p{
    margin-top: 5px;
}
.content-wrap.gbi-ab .card-type-container .fund-title-area .fund-bottom strong{
    font-size: 20px;
}
.content-wrap.gbi-ab .card-type-container .fund-title-area .fund-name:after{
    display: inherit;
    background: none;
    width: 0;
}
.content-wrap.gbi-ab .card-type-container .product-info-area{
    position: absolute;
    bottom: 0;
    left: 0; 
    right: 0;
    margin: 0;
    padding: 15px 11px;
    border-top:none
}
.content-wrap.gbi-ab .card-type-container .product-info-area .product-info-bottom{
    float: right;
    max-width: 220px;
    margin: 17px 10px 0px 0px;
    text-align: right;
}
.content-wrap.gbi-ab .card-type-container .product-info-area .product-info-bottom li{
    position: relative;
    padding-left: 11px;
    color: #777;
}
.content-wrap.gbi-ab .card-type-container .product-info-area .product-info-bottom li + li{
    display: inline-block;
    margin-top: 10px;
}
.content-wrap.gbi-ab .card-type-container .product-info-area .product-info-bottom li .amount-content{
    font-size: 28px;
}
.content-wrap.gbi-ab .card-type-container .product-info-area .product-profit{
    float: left;
    margin-left: 20px;
}
.content-wrap.gbi-ab .card-type-container .product-info-area .product-profit .graph-box{
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.content-wrap.gbi-ab .card-type-container .card-group > li.succeed .product-layer{
    width: 359px;
    height: 380px;
    left: 0;
    top: 0;
    position: absolute;
    background: #000;
    border-radius: 10px;   
    opacity: .8;
    z-index: 13;
}
.content-wrap.gbi-ab .card-type-container .card-group > li.succeed .product-layer .succeed-area{
    height: 100%;
    padding: 100px 30px;
    text-align: center;
}
.content-wrap.gbi-ab .card-type-container .card-group > li.succeed .product-layer .btn-close{
    position: absolute;
    right: 20px;
    top: 26px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../assets/images/gbi/icon/fund-btn-close.png) no-repeat;
}
.content-wrap.gbi-ab .card-type-container .card-group > li.succeed .product-layer .succeed-area p{
    color: #ffffff;
}
.content-wrap.gbi-ab .card-type-container .card-group > li.succeed .product-layer .succeed-area p + p{
    margin-top: 10px;
}

.content-wrap.gbi-ab .card-type-container .card-group > li.succeed .product-layer .btn-close span {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    width: 0;
    height: 0;
    margin: -1px;
    border: 0;
    padding: 0;
}
.content-wrap.gbi-ab .card-type-container .card-group > li.add{
    background: #f4f4f4;
    border: none;
}
.content-wrap.gbi-ab .card-type-container .card-group > li.add .plan-add-area{
    position: relative;
    text-align: center;
    padding: 118px 0px;
}
.content-wrap.gbi-ab .card-type-container .card-group > li.add .btn-add{
    display: block;
    width: 41px;
    height: 41px;
    margin: 0 auto;
    background: url(../../assets/images/gbi/icon/fund-plus-ico.png) no-repeat;
}
.content-wrap.gbi-ab .card-type-container .card-group > li.add .text-title{
    margin-top: 30px;
}
.content-wrap.gbi-ab .card-type-container .card-group > li.add.not-object{
    width: 100%;
    height: 220px;
}
.content-wrap.gbi-ab .card-type-container .card-group > li.add.not-object .plan-add-area{
    padding: 37px 0px;
}

.card-type-container  .product-bottom { 
    width:100%;
    position: absolute; left: 0; bottom: 0;
    padding: 0 25px 25px;
}
.card-type-container  .product-bottom .btn-wrap {
    width:100%;
    display: flex;
    margin-top: 15px;
    justify-content: space-between;
  
}
.card-type-container  .product-bottom .minimum {
    text-align: right;
    font-weight: 500;
    font-size: 20px;
    color: #111111;
}

/* 심플투자 - 목표설계  */

.content-wrap.gbi-at .fund-wrap-container ul li {
    height: auto;
}
.fund-wrap-container > ul > li .wrap-porduct-box.hgt0{
    position: relative;
    height: 260px;
}
.content-wrap.gbi-at .dash-list > li{
    color: #777;
}
.content-wrap.gbi-at .fund-wrap-container > ul > li .wrap-porduct-box .txt{
    height: 70px;
    -webkit-line-clamp:3;
}
.content-wrap.gbi-at .fund-wrap-container > ul > li .wrap-porduct-box .btn-detail{
    position: absolute; bottom: 15px; right: 25px; text-align: right; color: #777; text-decoration: underline;
}
.content-wrap.gbi-at .fund-wrap-container > ul > li .wrap-porduct-box .btn-detail::after {
    content: ' >';
}

.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray {
    background: #ededed;
}

.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .multiple-table-container .input-wrap .input-area.wid-half{
    width: 250px;
}

.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .multiple-table-container .account-tip-content .head-sub-title {
    line-height: 1.7;
}
.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .form-group .sub-txt{
    display: block;
    margin-bottom: 5px;
}
.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .form-group .icn-new-page{
    display: block;
    position: relative;
    margin-top: 25px;
    font-size: 14px;
    color:#777777;
}

.webcontent .content-wrap.gbi-rt .btn.btn-pink.linear-pink{
	min-width: 140px;
    height: 48px;
    padding: 6px 29px;
    line-height: 18px;
    border: 1px solid #e8005d;
    color: #e8005d;
    font-size: 16px;   
}
.webcontent .content-wrap.gbi-rt .mail-group{
	display: inline-block;
    text-align: left;
    width: 405px;
    margin-top: 20px;
}
.webcontent .content-wrap.gbi-rt .mail-group .inquiry-content.wid-full{
	margin-top:15px;
}

.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .form-group .icn-new-page::before{
    content: '';
    width: 140px;
    height: 1px;
    top: 23px;
    left: 467px;
    display: inline-block;
    background: #777777;
    position: absolute
}
.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .form-group .icn-new-page::after{
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #777777;
    border-right: 1px solid #777777;
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    top: 8px;
    right: 461px
}

.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .multiple-table-container .account-tip-content .form-group .input-wrap > *{
    width: 250px;
}
.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .multiple-table-container .account-tip-content .form-group .input-wrap > select.wid-half{
    width: 400px;
}
.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .multiple-table-container .account-tip-content .sub-txt + .form-group {
    display: inline-block;
    width: 400px;
    text-align: center;
    color: #aaaaaa;
    margin-bottom:10px;
}
.webcontent .content-wrap.gbi-rt .item-selected{
    margin-top: 0;
    min-width: 60px;
    max-width: 200px;
    height: 38px;
    padding-right: 30px;
    border: 1px solid #ededed;
}
.webcontent .content-wrap.gbi-rt .item-selected .input-area.only-text{
    padding: 0;
    max-width: 160px;
    height: 36px;
    border: 0;
}
.webcontent .content-wrap.gbi-rt .item-selected + button{
    width: 90px!important;
}
.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .multiple-table-container .contents-title{
    text-align: center;
    margin-bottom: 40px;
    font-size: 20px;
}
.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .multiple-table-container .contents-title *{
    color: #4b91de;
}
.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .multiple-table-container .contents-title em{
    font-size: 16px;
}
.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .multiple-table-container .contents-title .color-blue02{
    position: relative;
    z-index: 0;
}
.webcontent .content-wrap.gbi-rt .my-area.bg-darkgray .multiple-table-container .contents-title .color-blue02::after{
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: 2px;
    background: linear-gradient(to top, #bbd5f3 70%, transparent 0);
    content: "";
    z-index: -1;
}

/* 로보자산관리-심플투자 서브메인(공통) */

.webcontent .content-wrap.gbi-am .banner-area {
    padding: 60px 0 0 60px;
    width: 100%;
    height: 357px;
    background: url(../../assets/images/gbi/img/banner-am-submain.jpg) no-repeat;
}
.webcontent .content-wrap.gbi-am .banner-area .banner-title{
    letter-spacing: -1px;
    text-align:left;
}
.webcontent .content-wrap.gbi-am .banner-area .banner-title strong{
    display: block;
    margin: 6px 0 15px;
    font-size: 26px;
    color:#111111;
}
.webcontent .content-wrap.gbi-am .banner-area .banner-title span{
    display: block;
    font-size: 20px;
    line-height: 26px;
    color:#111111;
}

.webcontent .content-wrap.gbi-am .am-select{
    padding: 20px 10px 80px;
    text-align: center;
}
.webcontent .content-wrap.gbi-am .am-select .btn-group li{
    display: inline-block;
}
.webcontent .content-wrap.gbi-am .am-select .btn-group li + li{
    margin-left: 10px;
}
.webcontent .content-wrap.gbi-am .am-select .btn-group .btn.primary {
    min-width: 370px;
    height: 80px;
    font-size: 24px;
    color: #fff;
    line-height: 25px;
    background-color: #181949;
    border-radius: inherit;
    box-shadow: -2px 15px 15px #e5e5e5;
}
.webcontent .content-wrap.gbi-am .am-select .btn-group .btn.primary.max{
    width: 600px;
    max-width: 600px;
}
.webcontent .content-wrap.gbi-am .am-select .btn-group .btn.primary.linear{
    min-width: 220px!important;
    background-color: #ffffff;
    border: 1px solid #181949;
    color: #181949;
    box-shadow: none;
}
.webcontent .content-wrap.main-wrap .contents-title .color-line{
    position: relative;
    z-index: 0;
    margin-bottom: 30px;
}
.webcontent .content-wrap.main-wrap .contents-title {
    text-align: center;
    font-size: 32px;
}
.webcontent .content-wrap.main-wrap .contents-title .sub-txt{
    display: block;
    font-size: 18px;
    margin: 40px 0 40px;
    line-height: 25px;
}
.webcontent .content-wrap.main-wrap .contents-title .color-line::after {
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: 2px;
    background: linear-gradient(to top, #bbd5f3 70%, transparent 0);
    content: "";
    z-index: -1;
}
.webcontent .content-wrap.main-wrap.center .contents-title .color-line::after {
    background: linear-gradient(to top, #c0f0f3 70%, transparent 0);
}
.webcontent .content-wrap.main-wrap.bottom .contents-title .color-line::after {
    background: linear-gradient(to top, #c0f3e6 70%, transparent 0);
}
.webcontent .content-wrap.main-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 120px;
    background: url(../../assets/images/gbi/img/bg-main-top.png) no-repeat 0 23%;
}
.webcontent .content-wrap.main-wrap.center{
    background: url(../../assets/images/gbi/img/bg-main-center.png) no-repeat  0 15%;
}
.webcontent .content-wrap.main-wrap.bottom{
    background: url(../../assets/images/gbi/img/bg-main-center.png) no-repeat  0 15%;
}
.webcontent .content-wrap.main-wrap .img-desktop-case{
    height: 500px;
    background: url(../../assets/images/gbi/img/bg-desktop.png) no-repeat center center;
    margin-top:100px;
}
.webcontent .content-wrap.main-wrap .mockup{
    position: relative;
    left: 297px;
    bottom: 483px;
    z-index: 1;
}
.webcontent .content-wrap.main-wrap .img-desktop-screen{
    position: absolute;
    width: 533px;
    height: 310px;
    z-index: 2;
}

/* 애니메이션 2개  */
.webcontent .content-wrap.main-wrap .img-desktop-screen.pcim1{
    background: url(../../assets/images/gbi/img/img-pcim-screen01-01.jpg) no-repeat center center;
}
.webcontent .content-wrap.main-wrap .img-desktop-screen.pcim1-02{
    background: url(../../assets/images/gbi/img/img-pcim-screen01-02.jpg) no-repeat center center;
}
.webcontent .content-wrap.main-wrap .img-desktop-screen.pcim6{
    background: url(../../assets/images/gbi/img/img-pcim-screen06-01.jpg) no-repeat center center;
}
.webcontent .content-wrap.main-wrap .img-desktop-screen.pcim6-02{
    background: url(../../assets/images/gbi/img/img-pcim-screen06-02.jpg) no-repeat center center;
}
.webcontent .content-wrap.main-wrap .img-desktop-screen.pcim11{
    background: url(../../assets/images/gbi/img/img-pcim-screen11-01.jpg) no-repeat center center;
}
.webcontent .content-wrap.main-wrap .img-desktop-screen.pcim11-02{
    background: url(../../assets/images/gbi/img/img-pcim-screen11-02.jpg) no-repeat center center;
}

/* 애니메이션 없음 */
.webcontent .content-wrap.main-wrap .img-desktop-screen.pcim2{
    background: url(../../assets/images/gbi/img/img-pcim-screen02.jpg) no-repeat center center;
}
.webcontent .content-wrap.main-wrap .img-desktop-screen.pcim3{
    background: url(../../assets/images/gbi/img/img-pcim-screen03.jpg) no-repeat center center;
}
.webcontent .content-wrap.main-wrap .img-desktop-screen.pcim4{
    background: url(../../assets/images/gbi/img/img-pcim-screen04.jpg) no-repeat center center;
}
.webcontent .content-wrap.main-wrap .img-desktop-screen.pcim5{
    background: url(../../assets/images/gbi/img/img-pcim-screen05.jpg) no-repeat center center;
}
.webcontent .content-wrap.main-wrap .img-desktop-screen.pcim7{
    background: url(../../assets/images/gbi/img/img-pcim-screen07.jpg) no-repeat center center;
}
.webcontent .content-wrap.main-wrap .img-desktop-screen.pcim8{
    background: url(../../assets/images/gbi/img/img-pcim-screen08.jpg) no-repeat center center;
}
.webcontent .content-wrap.main-wrap .img-desktop-screen.pcim9{
    background: url(../../assets/images/gbi/img/img-pcim-screen09.jpg) no-repeat center center;
}
.webcontent .content-wrap.main-wrap .img-desktop-screen.pcim10{
    background: url(../../assets/images/gbi/img/img-pcim-screen10.jpg) no-repeat center center;
}
.webcontent .content-wrap.gbi-am .banner-area.bnr2 {
    background: url(../../assets/images/gbi/img/banner-rj-submain.png?20230627) no-repeat;
}
.webcontent .content-wrap.gbi-am .banner-area.bnr3 {
    background: url(../../assets/images/gbi/img/banner-rt-submain.jpg) no-repeat;
}
.webcontent .content-wrap.gbi-am .banner-area.bnr4 {
    background: url(../../assets/images/gbi/img/banner-rb-submain.jpg) no-repeat;
}

.webcontent .content-wrap.main-wrap .img-cellphone{
    height: 650px;
    background: url(../../assets/images/gbi/img/bg-video-call.png?20230627) no-repeat 60% 0;
    margin-top:80px;
}
.webcontent .content-wrap.main-wrap .guide{
    position: absolute;
    width: 600px;
    height: 150px;
    background: #111111;
    opacity: 0.6;
    border-radius: 10px;
    right: 268px;
    bottom: 0px;
    padding-top: 20px;
    line-height: 50px; /*35px*/
}
.webcontent .content-wrap.main-wrap .guide > p{
    font-size: 20px;
    color: #ffffff; /*#cecece*/
    text-align: center;
}
.webcontent .content-wrap.main-wrap .guide p > strong{
    font-size: 20px;
    color: #ffffff;
    text-align: center;
}
/* 2021.04.12 공통 메뉴 관리 제외한 타이틀명을 위한 css 추가 (박충우)*/
.page-title-gbi {
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -.2px;
}

/* 
    키우GO common 
*/
.gbi-mgz .num, [class*='gbi-'] .date, .ft-inter { font-family: 'Inter', 'SpoqaHanSansNeo'; }

.badge-event { display: inline-block; width: 64px; height: 24px; line-height: 22px; border-radius:20px; text-align: center; font-weight: 700; font-size: 12px; }
.badge-event.ing { border: 1px solid #333; color: #333; }
.badge-event.done { border: 1px solid #eee; color: #aaa; background-color: #eee; }

p.tip-text { position: relative; padding-left: 38px; line-height: 22px; font-size: 13px; color: #777; }
p.tip-text + p { margin-top: 10px; }
p.tip-text .ic { position: absolute; top: 4px; left: 0; display: inline-block; height: 15px; padding: 0 6px; line-height: 14px; border-radius: 3px; font-size: 10px; letter-spacing: 0; color: #fff; background-color: #ddd; font-family: 'Malgun Gothic'; }
p.tip-text .ic::after { content: ''; position: absolute;  top: 5px; right: -3px; display: block; width: 5px; height: 5px; transform: rotate(45deg); background-color: #ddd; }

/* button */
.btn.btn-cyan-r { display: inline-block; min-width:480px; height: 60px; border-radius: 30px; padding:0 10px; border: 0; line-height:60px; background-color: #00c8b4; color: #fff; box-shadow: 0px 3px 12px rgba(0, 200, 180, .4); text-align: center; font-size: 18px; font-weight: 500; }
.btn.icon-outlink[target="_blank"]::after { content:''; display: inline-block; width: 28px; height: 28px; background: url(../images/gbi/icon/icon-link-pc.png) no-repeat 0 0; }
.btn.btn-bk-r { min-width: 160px; height: 44px; padding: 0 10px; border-radius: 30px; color: #fff; font-size: 15px; background:#000; }
.btn.btn-cyan { height: 80px; padding: 0 110px; border:0; line-height: 80px; border-radius: 12px; color: #fff; background-color: #00c8b4; box-shadow: 0 8px 16px rgba(0,200,180,.4); font-size: 26px; }
.btn.btn-cyan.icon-arrow::after { display: inline-block; width: 30px; height: 30px; margin: -2px 0 0 5px; content: ''; vertical-align: middle; background: url(../images/gbi/icon/icon-arrow30-right-white.png) no-repeat 0 0; }
.btn.btn-faq { padding: 10px 30px 10px 80px; border: 2px solid #111; border-radius: 40px; min-height: 60px; background: #fff url(../images/gbi/icon/icon-w-faq.png) no-repeat 32px 50%; text-align: left; }
.btn.btn-faq strong, .btn.btn-faq span { display: block; font-size: 20px; font-weight: 700; line-height: 1.3; color: #111; }
.btn.btn-faq span { font-size: 12px; }
.paging-more { padding-top: 60px; text-align: center;}

/* tab */
.tab-container.tab-type-cyan > .tab-list-wrap .tab-list-group,
.tab-container.tab-type-cyan > .tab-list-wrap .tab-list-group .tab-list li { height: 60px; }
.tab-container.tab-type-cyan > .tab-list-wrap .tab-list-group .tab-list li a { border: 0; border-bottom: 1px solid #ddd; line-height:60px; text-align: left; color: #999; font-size: 20px; transition: color .3s, border-color .3s; transition-timing-function: ease-out; }
.tab-container.tab-type-cyan > .tab-list-wrap .tab-list-group .tab-list li a:hover,
.tab-container.tab-type-cyan > .tab-list-wrap .tab-list-group .tab-list li.on a { border: 0; border-bottom: 3px solid #00c8b4; background-color: transparent; font-weight: 700; color: #333; }
.tab-container.tab-type-cyan > .tab-list-wrap .tab-list-group .tab-list li:last-child { border-right: 0; }
.tab-container.tab-type-cyan > .tab-panel { margin-top: 80px; }

.tab-container.type-inner > .tab-list-wrap .tab-list-group,
.tab-container.type-inner [class*='tab-list-group'] { overflow: visible; height: auto; margin-top: -17px; }
.tab-container.type-inner > .tab-list-wrap .tab-list-group .tab-list li,
.tab-container.type-inner [class*='tab-list-group'] .tab-list li { display: inline-flex; flex: 0 1 auto; height: auto; margin-right:8px; margin-top: 17px; }
.tab-container.type-inner > .tab-list-wrap .tab-list-group .tab-list li a,
.tab-container.type-inner [class*='tab-list-group'] .tab-list li a { display: block; padding:0 30px; border-radius: 20px; line-height: 40px; border: 0; font-size:15px; color: #888; background-color: #f5f5f5; }
.tab-container.type-inner [class*='tab-list-group'] .tab-list li.on a { border: 0; color: #fff; }
.tab-container.type-inner > .tab-list-wrap .tab-list-group .tab-list li:last-child,
.tab-container.type-inner [class*='tab-list-group'] .tab-list li:last-child { margin-right:0; border-right: 0; }
.tab-container.type-inner [class*='tab-list-group'] .tab-list { display: flex; flex-wrap: wrap; justify-content: center; }
.tab-container.type-inner [class*='tab-list-group'] .tab-list.left { justify-content: flex-start; }
.tab-container.type-inner > .tab-list-wrap.pos-first:after { display: none; }
.tab-container.type-inner.cyan [class*='tab-list-group'] .tab-list li.on a { border: 0; background-color: #00c8b4; box-shadow: 0px 6px 10px rgba(0,200,180,.4); }

/* table */
.table-container.type-data { border-top: 1px solid #000; }
.table-container.type-data table thead th { height: 60px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7 !important; color: #333; font-size: 17px; font-weight: 500; }
.table-container.type-data table thead tr:last-child th { border-bottom: 0; }
.table-container.type-data td,
.table-container.type-data th { padding: 19px 30px; }
.table-container.type-data td:first-child,
.table-container.type-data th:first-child { border-left: 1px solid #e7e7e7 !important; }
.table-container.type-data tbody tr:first-child td,
.table-container.type-data tbody tr:first-child th { border-top: 1px solid #e7e7e7; }
.table-container.type-data tbody th,
.table-container.type-data tbody td { border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7 !important; color: #444; font-size: 16px; text-align: center; }
.table-container.type-data tfoot th, 
.table-container.type-data tfoot td { height: 60px; background-color: #fafafa; border-bottom: 1px solid #e7e7e7; border-left: 0; font-size: 16px; color: #333; text-align: center; }
.ie10 .table-container.type-data tfoot td, .ie11 .table-container.type-data tfoot td { border-left: 0 !important; }
.table-container.type-data tfoot td:last-child { border-right: 1px solid #e7e7e7; }
.table-container.type-data .num { font-family: 'Inter', 'SpoqaHanSansNeo'; }

/* box */
.contents-unit-box { padding: 40px; border-radius: 18px; box-shadow: 0 10px 16px rgba(0,0,0,.08); background-color: #fff; }
.contents-unit-box + .contents-unit-box { margin-top: 60px; }
.contents-unit-box .title-area { display: flex; margin-bottom: 40px; }
.contents-unit-box .title-area .title { flex: 1; font-size: 17px; font-weight: 500; color: #333; }
.contents-unit-box .title-area .title.icon-comment::before { content: ''; display: inline-block; width: 27px; height: 25px; margin-right: 8px; background: url(../images/gbi/icon/icon-talk.png) no-repeat 0 0; vertical-align: middle; }
.contents-unit-box .title-area .right-area { align-self: flex-end; }
.contents-unit-box .title-area .info-txt { color: #888; }
.contents-unit-box .summary { color: #666; line-height: 2; }
.contents-unit-box .summary strong { color: #333; font-size: 18px; font-weight: 500; }
.contents-unit-box .summary + .summary { margin-top: 20px; }
.contents-unit-box.pd-type2 { padding: 60px; }
.contents-unit-box.pd-type2 + .contents-unit-box { margin-top: 40px; }
.contents-unit-box.pd-type2 .title-area { margin-bottom: 10px; }

/* accordion */
.accordion-container.type-gbi-faq,
.accordion-container.type-gbi-faq .accordion:nth-child(1) { border-top: 0; }
.accordion-container.type-gbi-faq .accordion { overflow: hidden; margin-bottom: 24px; padding: 0; border-radius: 12px; border-bottom: 0; background-color: #fff; box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.accordion-container.type-gbi-faq .accordion .accordion-head button { position: relative; height: auto; padding: 28px 80px 28px 88px; line-height:32px; font-size: 20px; font-weight: 500; color: #111; text-indent: -48px; transition: color .2s; }
.accordion-container.type-gbi-faq .accordion .accordion-head button:before { content: ''; display: inline-block; width: 32px; height: 32px; margin-right: 16px; background: url(../images/gbi/icon/icon-w-question.png) no-repeat 0 0; vertical-align: middle; }
.accordion-container.type-gbi-faq .accordion .accordion-head button:after { position: absolute; top: 36px; right: 50px; content: ''; display: block; width: 15px; height: 15px; border-width: 0 2px 2px 0; border-style: solid; border-color: #c8c8c8; background: none; transform-origin: center; transform: rotate(45deg); }
.accordion-container.type-gbi-faq .accordion.on .accordion-body { padding: 0 40px 40px; border: 0; background-color: #fff; }
.accordion-container.type-gbi-faq .accordion.on .accordion-body-contents { padding: 40px; background-color: #fafafa; border-radius: 0 16px 16px 16px; }
.accordion-container.type-gbi-faq .accordion.on .accordion-body-contents, 
.accordion-container.type-gbi-faq .accordion.on .accordion-body-contents p { color: #666; font-size: 16px; line-height: 30px;}
.accordion-container.type-gbi-faq .accordion.on .accordion-head button { padding-bottom: 16px; color: #00c8b4; text-decoration: underline; }
.accordion-container.type-gbi-faq .accordion.on .accordion-head button::after { transform: translateY(50%) rotate(-135deg); }

/* MP 수익률 확인 컨텐츠(공통) */
.content-wrap.mprates-wrap  { margin-top: 60px; }
.content-wrap.mprates-wrap + .main-wrap {margin-top: 85px; }
.content-wrap.mprates-wrap .contents-title{ margin-bottom: 22px; font-size: 22px; }
.content-wrap.mprates-wrap .tab-container.type-gbi-view + .table-container { margin-top: 60px; }
.content-wrap.gbi-am + .content-wrap.mprates-wrap { margin-top: 0 }

.tab-container.type-gbi-view .tab-panel { margin: 0; }
.tab-container.type-gbi-view > .tab-panel { margin-top: -1px; padding: 40px 40px 50px; border: 1px solid #d8d8d8; border-radius: 0 10px 10px; }
.tab-container.type-gbi-view > .tab-list-wrap { margin-top: 0; box-shadow: none; }
.tab-container.type-gbi-view > .tab-list-wrap .tab-list-group .tab-list { display: block; }
.tab-container.type-gbi-view > .tab-list-wrap .tab-list-group .tab-list::after { content: ''; display: block; width: 0; height: 0; clear: both; }
.tab-container.type-gbi-view > .tab-list-wrap .tab-list-group .tab-list li { float: left; width: 260px; }
.tab-container.type-gbi-view > .tab-list-wrap .tab-list-group .tab-list li a { border: 1px solid #d8d8d8; border-right:0 ;border-radius: 10px 10px 0 0; background-color: #fbfbfb; font-size: 17px; color: #a7a7a7; }
.tab-container.type-gbi-view > .tab-list-wrap .tab-list-group .tab-list li.on a { border-color:#d8d8d8; border-right: 0; border-bottom:0; background-color: #fff; color: #111; }
.tab-container.type-gbi-view > .tab-list-wrap .tab-list-group .tab-list li:last-child { border-right: 0; }
.tab-container.type-gbi-view > .tab-list-wrap .tab-list-group .tab-list li:last-child a { border-right: 1px solid #d8d8d8; }

.sorting-group.type-bar { letter-spacing: 0; font-size: 0; z-index: 50; }
.sorting-group.type-bar button { height: 34px; padding: 0 13px; line-height: 33px; color: #888; font-size: 14px; border: 0; border-bottom: 1px solid #ddd; border-radius: 0 !important; background-color: transparent; }
.sorting-group.type-bar li:first-child button { border-left: 0; }
.sorting-group.type-bar li {height: auto; }
.sorting-group.type-bar li.on button { color: #000; border-bottom: 2px solid #000; background-color: transparent; }
.content-wrap.mprates-wrap .graph-area { margin: 30px 0 0; }

.content-wrap.mprates-wrap .summary-t { color: #666; font-weight: 300; }
.content-wrap.mprates-wrap .summary-d { color: #888; }
.content-wrap.mprates-wrap .data-infomation { margin: 10px 0 0; font-size: 13px; color: #777; text-align: right; }
.content-wrap.mprates-wrap .tip-group { margin-top: 20px; }

.content-wrap.mprates-wrap .info-container { margin-top:45px; padding: 30px 0; border-top: 1px solid #e7e7e7; }
.content-wrap.mprates-wrap .info-container .info-title{ font-size: 14px; }
.content-wrap.mprates-wrap .info-container .default-list.star-list { color: #777; }

.content-wrap.mprates-wrap .graph-controls { margin-top: 30px; }
.graph-controls .inp-flex-case { float: right; display: flex; justify-content: flex-end; padding-top: 7px; }
.graph-controls .inp-flex-case .inp-flex { padding: 0 15px; }
.graph-controls .inp-flex-case .inp-flex:first-child { padding-left: 0; }
.graph-controls .inp-flex-case .inp-flex:last-child { padding-right: 0; }
.graph-controls .inp-flex-case .inp-check { position: relative; }
.graph-controls .inp-flex-case .inp-check label { position:relative; display: inline-block; min-height: 20px; line-height: 20px; padding: 0 0 0 28px; vertical-align: middle; font-size: 14px; color: #000; cursor: pointer; }
.graph-controls .inp-flex-case .inp-check label::before, 
.graph-controls .inp-flex-case .inp-check label::after { content:''; position: absolute; top: 0; left: 0; box-sizing:border-box; display: block; width: 20px; height: 20px; }
.graph-controls .inp-flex-case .inp-check label::before { border: 1px solid #c6c6c6; border-radius: 5px; background-color: #fff;  }
.graph-controls .inp-flex-case .inp-check > input[type="checkbox"] { position: absolute; left: 0; top: 0; appearance: none; -webkit-appearance: none; opacity: 0; }
.graph-controls .inp-flex-case .inp-check > input[type="checkbox"]:disabled + label { color: #b7b7b7; }
.graph-controls .inp-flex-case .inp-check > input[type="checkbox"]:checked + label::after { z-index: 1; background: url(../images/gbi/icon/icon-gbi-check2.png) no-repeat 50% 50%; }
.graph-controls .inp-flex-case .inp-check > input[type="checkbox"]:disabled + label::before { border-color: #eee; background-color: #fafafa; }
.graph-controls .inp-flex-case .inp-check > input[type="checkbox"]:disabled:checked + label:after { opacity: .2; }
.graph-controls .inp-flex-case .inp-check [class^=tag-dot] { position: relative; display: inline-block; width: 16px; margin: -4px 4px 0 0; vertical-align: middle; } 
.graph-controls .inp-flex-case .inp-check [class^=tag-dot]::before { content: ''; display: block; border-top: 2px solid; } 
.graph-controls .inp-flex-case .inp-check [class^=tag-dot]::after { content: ''; position:absolute; top:50%; left: 50%; display: block; width: 8px; height: 8px; transform: translate(-50%, -50%); } 
.graph-controls .inp-flex-case .inp-check .tag-dot1::before { border-color: #f30808; }
.graph-controls .inp-flex-case .inp-check .tag-dot1::after { background-color: #f30808; border-radius: 100%; }
.graph-controls .inp-flex-case .inp-check .tag-dot2::before { border-color: #089df3; }
.graph-controls .inp-flex-case .inp-check .tag-dot2::after { background-color: #089df3; width: 7px; height: 7px; transform: translate(-50%, -50%) rotate(-45deg); }
.graph-controls .inp-flex-case .inp-check .tag-dot3::before { border-color: #0cd9d2; }
.graph-controls .inp-flex-case .inp-check .tag-dot3::after { background-color: #0cd9d2; transform: translate(-50%, -50%); }
.graph-controls .inp-flex-case .inp-check .tag-dot4::before { border-color: #1bcf12; }
.graph-controls .inp-flex-case .inp-check .tag-dot4::after { width: 0; height: 0; border-width: 10px 5px 10px 5px; border-style:  solid; border-color: transparent transparent #1bcf12 transparent; transform: translate(-50%, -80%); }
.graph-controls .inp-flex-case .inp-check .tag-dot5::before { border-color: #ccc; }
.graph-controls .inp-flex-case .inp-check .tag-dot5::after { width: 0; height: 0; border-width: 10px 5px 10px 5px; border-style:  solid; border-color: #ccc transparent transparent transparent; transform: translate(-50%, -20%); }

/* 월간키우GO */
.magazine-header-wrap { padding: 70px 0 30px; }
.magazine-header-wrap .page-title { position:relative; font-size: 28px; font-weight: 500; color: #333; }
.magazine-header-wrap .page-title.icon-magazine { padding: 3px 0 0 44px; background: url(../images/gbi/icon/icon-magazine.png) no-repeat 0 0; }
.webcontent.gbi-mgz .section-title-area { padding-bottom: 40px; }
.webcontent.gbi-mgz .section-title-area .section-title { font-size: 24px; color: #333; font-weight: 700; }
.webcontent.gbi-mgz .section-title-area .info-txt { margin-top:15px; font-size: 15px; color: #888; }
.webcontent.gbi-mgz .content-wrap + .content-wrap { margin-top: 80px; padding: 80px 0; }
.webcontent.gbi-mgz .content-wrap:last-child { padding-bottom: 40px; }

/* 월간키우GO - Landing */
.magazine-visual-wrap { min-width: 1128px; background: url(../images/gbi/img/bg-mgz-visual.png) no-repeat 50% 0; }
.magazine-visual-wrap .visual-title { padding-top: 60px; color: #fff; text-align: center; }
.magazine-visual-wrap .visual-title .title-sub { display: block; font-size: 20px; font-weight: 400; }
.magazine-visual-wrap .visual-title .title-main { display: block; margin-top: 20px; font-size: 56px; font-weight: 600; line-height: 68px; }
.magazine-visual-wrap .btn-wrap { margin-top: 420px; text-align: center; }

.gbi-mgz .landing-tit { margin-top: 100px; font-size: 28px; text-align: center; font-weight: 500; color: #333; letter-spacing: -.56px; }
.gbi-mgz .landing-tit::before, .gbi-mgz .landing-tit::after { display: inline-block; width: 19px; height: 15px; margin-top: -7px; content:''; vertical-align: top; background: url(../images/gbi/icon/icon-quotation.png) no-repeat 50% 0; }
.gbi-mgz .landing-tit::before { margin-right: 15px; transform: rotate(180deg); }
.gbi-mgz .landing-tit::after { margin-left: 15px; }
.gbi-mgz .landing-tit + .contents-unit-box { margin-top: 30px; }
.gbi-mgz .landing-tit + .tab-container { margin-top: 40px; }
.mgz-landing-info { padding-bottom: 380px; position: relative; text-align: center; }
.mgz-landing-info .txt-main { color: #333; font-size: 18px; font-weight: 500; }
.mgz-landing-info .speech-bubble { display: inline-block; margin: 40px 0 10px; padding: 16px 46px; position:relative; border-radius: 12px; background-color: #f5f5f5; font-size: 15px; color: #666; }
.mgz-landing-info .speech-bubble::after { display: inline-block; width: 16px; height: 16px; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%) rotate(45deg); content: ''; background-color: #f5f5f5; }
.mgz-landing-info.info1 { background: url(../images/gbi/img/img-robo1.png) no-repeat 50% 100%; }
.mgz-landing-info.info2 { background: url(../images/gbi/img/img-robo2.png) no-repeat 50% 100%; }
.mgz-landing-info.info3 { background: url(../images/gbi/img/img-robo3.png) no-repeat 50% 100%; }
.gbi-mgz .info-container { padding: 80px 0 40px; }
.gbi-mgz .info-container .info-title { font-size: 17px; color: #333; font-weight: 500; }
.gbi-mgz .info-container .dot-list {margin-top: 15px; }
.gbi-mgz .info-container .dot-list > li { padding-left: 10px; font-size: 15px; color: #999; }
.gbi-mgz .info-container .dot-list > li::before { top: 9px; }

/* 월간키우GO - LIST */
.magazine-list-wrap li { margin-top: 30px; }
.magazine-list-wrap li:first-child { margin-top: 0; }
.magazine-list-wrap li a { display: block; padding: 44px 100px 44px 40px; position: relative; border-radius: 6px; line-height: 30px; box-shadow: 0px 4px 10px rgba(0,0,0,.08); background: url(../images/gbi/icon/icon-magazine.png) 40px 35px no-repeat; font-family: 'Inter', 'SpoqaHanSansNeo'; }
.magazine-list-wrap li a::before { content: ''; display: block; width:10px; height: 10px; position: absolute; top: 50%; right: 40px; border: 1px solid #c8c8c8; border-left: 0; border-bottom: 0; transform: rotate(45deg) translateY(-50%); transition: border-color .3s; }
.magazine-list-wrap li a::after { content: ''; display: block; width: 0; height: 0; clear: both; }
.magazine-list-wrap li a .list-title { float: left; overflow: hidden; text-overflow: ellipsis; width: 720px; padding-left: 55px;white-space: nowrap; font-size: 22px; color: #111; transition: color .3s; font-family: inherit; }
.magazine-list-wrap li a .list-info { float: right; text-align: right; color: #666; }
.magazine-list-wrap li a .list-info .col { margin-left: 60px; vertical-align: middle; }
.magazine-list-wrap li a .list-info .hits .num { margin-left: 10px; }
.magazine-list-wrap li a .list-info .col:first-child { margin-left: 0; }
.magazine-list-wrap li a:hover .list-title { text-decoration: underline; color: #00c8b4; }
.magazine-list-wrap li a:hover::after { border-color: #00c8b4; }

/* 월간키우GO - 이달의 자산배분 */
.magazine-market-wrap { background-color: #fafafa; }
.webcontent.gbi-mgz .magazine-market-wrap:last-child { padding-bottom: 80px; margin-bottom: -60px; }
.webcontent.gbi-mgz .magazine-portfolio-list .tab-panel { padding: 0 40px 20px; }
.webcontent.gbi-mgz .magazine-portfolio-list .tab-list li { min-width: 160px; }
.webcontent.gbi-mgz .text-bubble { width: 480px; margin: 0 auto; padding: 24px; position: relative; line-height: 1.7; text-align: center; background-color: #fff; box-shadow: inset -12px 12px 24px rgba(0,0,0,.03), 0 8px 12px rgba(0,0,0,0.06); border-radius: 16px 16px 16px 0px; font-size: 15px; color: #333; }
.webcontent.gbi-mgz .text-bubble::after,
.webcontent.gbi-mgz .text-bubble::before { content: ''; display: block; height: 6px; width: 24px; position: absolute; top: 10px; right: 16px; border-radius: 20px; background-color: #fff; }
.webcontent.gbi-mgz .text-bubble::after { width: 100px; right: 44px; }

/* 월간키우GO - 이달의 자산관리 */
.magazine-posting-wrap .posting-header { padding-bottom: 40px; border-bottom: 1px solid #eee; }
.magazine-posting-wrap .posting-header .title { font-size:24px; color: #333; }
.magazine-posting-wrap .posting-header .title .cate { display: block; margin-bottom: 15px; font-size: 17px; font-weight: 700; }
.magazine-posting-wrap .posting-body { padding: 60px 0; }
.magazine-posting-wrap .posting-body .img-wrap { margin-top: 20px; }
.magazine-posting-wrap .posting-body .img-wrap img { max-width: 100%; margin-bottom: 20px; }
.magazine-posting-wrap .posting-body .img-wrap img:last-child { margin-bottom: 0; }
.magazine-posting-wrap .posting-body .img-wrap:first-child { margin-top: 0; }
.magazine-posting-wrap .posting-bottom { padding: 40px 0; border: 1px solid #f5f5f5; border-left: 0; border-right: 0; text-align: center; }
.magazine-posting-wrap .posting-bottom .text { font-size: 16px; color: #333; }
.magazine-posting-wrap .posting-bottom .text em { color: #00c8b4; }
.magazine-posting-wrap .posting-bottom .btn { margin-top: 30px; }

/* 월간키우GO - 언론에 나온 키우GO */
.webcontent.gbi-mgz .magazine-news-wrap { background-color: #fafafa; }
.webcontent.gbi-mgz .magazine-news-wrap .section-title-area .section-title { font-size: 28px; }
.magazine-news-wrap .news-list-wrap {width: 1008px; margin: 0 auto; }
.magazine-news-wrap .news-list-wrap li { margin-top: 20px; }
.magazine-news-wrap .news-list-wrap li:first-child { margin-top: 0; }
.magazine-news-wrap .news-list-wrap li a { display: block; height: 130px; padding: 35px 80px 35px 40px; position: relative; background-color: #fff; border-radius: 6px; box-shadow: 0px 8px 18px rgba(0,0,0,.08); transition: background-color .3s; }
.magazine-news-wrap .news-list-wrap li a::after { content: ''; display: block; width: 40px; height: 40px; position: absolute; top: 50%; right: 50px; margin: -20px; background: url(../images/gbi/icon/icon-arrow40-right-lightgrey.png) no-repeat 0 0; }
.magazine-news-wrap .news-list-wrap li .list-title { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; color: #333; }
.magazine-news-wrap .news-list-wrap li .list-info { display: block; margin-top: 15px; font-size: 15px; color: #666; }
.magazine-news-wrap .news-list-wrap li .list-info .col { position: relative; padding-left: 5px; }
.magazine-news-wrap .news-list-wrap li .list-info .col::before { content: ''; display: inline-block; width: 1px; height: 10px; margin-right: 7px; background-color: #d8d8d8; }
.magazine-news-wrap .news-list-wrap li .list-info .col:first-child { margin-left: 0; padding-left: 0; }
.magazine-news-wrap .news-list-wrap li .list-info .col:first-child::before { display: none; }
.magazine-news-wrap .news-list-wrap li a:hover { background-color: #00c8b4; box-shadow: 0px 8px 16px rgba(0,200,180,.3); color: #fff; }
.magazine-news-wrap .news-list-wrap li a:hover::after { background-image: url(../images/gbi/icon/icon-arrow40-right-white.png); }
.magazine-news-wrap .news-list-wrap li a:hover .list-title { color: inherit; text-decoration: underline; }
.magazine-news-wrap .news-list-wrap li a:hover .list-info { color: inherit; }
.magazine-news-wrap .news-list-wrap li a:hover .list-info .col::before{ background-color: #66ded2; }

/* 월간키우GO - 진행중인 이벤트 */
.magazine-event-wrap .event-list-wrap ul { display: flex; justify-content: space-between; }
.magazine-event-wrap .event-list-wrap li { width: 546px; }
.magazine-event-wrap .event-list-wrap li .thumbnail { overflow:hidden; display:block; position:relative; height: 180px; border-radius: 18px; background-color: #f4f4f4; }
.magazine-event-wrap .event-list-wrap li .thumbnail img { height: 100%; }
.magazine-event-wrap .event-list-wrap li .title-wrap { margin-top: 15px; }
.magazine-event-wrap .event-list-wrap li .title-wrap .title { display:inline-block; overflow: hidden; text-overflow: ellipsis; width: 360px; margin-left: 6px; font-size: 15px; color: #333; white-space: nowrap; vertical-align: middle; }
.magazine-event-wrap .event-list-wrap li .title-wrap .date { display:inline-block; width: 110px; font-size: 14px; color: #888; text-align: right; }
.magazine-event-wrap .event-list-wrap li.done .thumbnail::after { content:''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,.26); }
.magazine-event-wrap .event-list-wrap li.done .title-wrap .title, 
.magazine-event-wrap .event-list-wrap li.done .title-wrap .date { color: #aaa; }

/* 키우GO톡 */
.gbi-tlk .head-title-area { margin: 80px 0 60px; }
.gbi-tlk .talk-visual-wrap .head-title-area {margin-bottom: 40px;}
.gbi-tlk .head-title-area .page-title { line-height:1.2; font-weight: 700; font-size: 28px; color: #111; }
.gbi-tlk .head-title-area .page-title .label-talk { display: inline-block; overflow: hidden; text-indent: -999px; height: 24px; width: 48px; vertical-align: middle; background: url(../images/gbi/icon/icon-w-bubble.png) no-repeat 0 0; transform: translateY(-50%); }
.gbi-tlk .head-title-area .page-title2 { margin-top: 5px; font-size: 15px; color: #666; }

.talk-banner { margin-bottom: 80px; }
.talk-banner .swiper-slide a { display: block; text-align: center; }
.talk-banner .swiper-slide .item img { display: inline-block; width: 100%; border-radius: 12px; }
.talk-banner.swiper-container-horizontal > .slide-control-button-group { z-index: 10; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); display: inline-block; width: auto; padding: 0 8px 0 12px; border-radius: 30px; background-color: rgba(255,255,255,.5); line-height: 26px; }
.talk-banner .slide-control-button-group .swiper-pagination { position: static; display:inline-block; width: auto; margin-right: 7px; font-size: 14px; font-weight: 500; color: #555; font-family: 'Inter', 'SpoqaHanSansNeo'; vertical-align: top; }
.talk-banner .slide-control-button-group .swiper-pagination span { font-family: inherit; font-weight: inherit; }
.talk-banner .slide-control-button-group .slide-button-pause {background: url(../images/gbi/icon/icon-pause.png) no-repeat 0 50%; }
.talk-banner .slide-control-button-group .slide-button-start {background: url(../images/gbi/icon/icon-play.png) no-repeat 0 50%; }
.talk-banner .slide-control-button-group .slide-button-pause, 
.talk-banner .slide-control-button-group .slide-button-start { position: static; width: 16px; height: 26px; overflow: hidden; vertical-align: top; }
.talk-banner .slide-control-button-group .slide-button-pause span, 
.talk-banner .slide-control-button-group .slide-button-start span { visibility: hidden; width: 0; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; }

.talk-faq-wrap .tab-container > .tab-panel { margin-top: 48px; }

.notice-list-wrap li { margin-top: 20px; }
.notice-list-wrap li a { position:relative; display: block; min-height:160px; padding: 35px 90px 35px 70px; border-radius: 12px; background-color: #fff; box-shadow: 0 4px 16px rgba(0,0,0,.14); transition: background-color .3s; }
.notice-list-wrap li a::after { content: ''; display: block; width: 40px; height: 40px; position: absolute; top: 50%; right: 50px; margin: -20px; background: url(../images/gbi/icon/icon-arrow40-right-lightgrey.png) no-repeat 0 0; }
.notice-list-wrap .list-title { display: block; overflow:hidden; line-height: 26px; color: #333; font-size: 20px; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; }
.notice-list-wrap .list-info { display: block; margin-top: 12px; font-size: 15px; color: #666; }
.notice-list-wrap .list-label { display: block; line-height:24px; margin-bottom: 10px; font-size: 15px; font-weight: 500; color: rgba(0,200,180,.7); text-indent: -34px; }
.notice-list-wrap .list-label:before { content: ''; display: inline-block; width: 24px; height:24px; margin-right: 10px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; }
.notice-list-wrap .list-label.icon-notice:before { background-image: url(../images/gbi/icon/icon-w-notice.png); }
.notice-list-wrap .list-label.icon-mgz:before { background-image: url(../images/gbi/icon/icon-w-mic.png); }
.notice-list-wrap .list-label.icon-news:before { background-image: url(../images/gbi/icon/icon-w-news.png); }
.notice-list-wrap .list-label.icon-vod:before { background-image: url(../images/gbi/icon/icon-w-play.png); }
.notice-list-wrap .list-label.icon-ptf:before { background-image: url(../images/gbi/icon/icon-w-piegraph.png); }
.notice-list-wrap a:hover { background-color: #00c8b4; box-shadow: 0px 8px 16px rgba(0,200,180,.3); color: #fff; }
.notice-list-wrap a:hover::after { background-image: url(../images/gbi/icon/icon-arrow40-right-white.png); }
.notice-list-wrap a:hover .list-title { color: inherit; text-decoration: underline; }
.notice-list-wrap a:hover .list-label { color: rgba(255,255,255,.7); }
.notice-list-wrap a:hover .list-label:before { background-position: 0 100%; }
.notice-list-wrap a:hover .list-info { color: inherit; }

.notice-view-container { border-top: 2px solid #111;}
.notice-view-container .title-area { display: flex; padding: 40px; border-bottom: 1px solid #eee; justify-content: space-between; }
.notice-view-container .title-area .head-title { line-height: 32px; color: #333; font-size: 24px; font-weight: 500; }
.notice-view-container .title-area .info { padding-left: 20px; line-height: 32px; color: #888; font-size: 15px; font-family: 'Inter', 'SpoqaHanSansNeo'; }
.notice-view-container .board-view { padding: 40px; border-bottom: 1px solid #eee; line-height: 30px; font-size: 15px; color: #666; }
.notice-view-container .board-view-list li { padding: 32px 0; border-bottom: 1px solid #eee;  }
.notice-view-container .board-view-list li .label { position: relative; display: inline-block; width: 127px; margin-right: 40px; color: #888; font-size: 17px; text-align: center; vertical-align: middle; }
.notice-view-container .board-view-list li .label::after { position: absolute; right: 0; top: 50%; content: ''; display: block; height: 13px; border-right: 1px solid #ddd; transform: translateY(-50%); }
.notice-view-container .board-view-list li .title {  display: inline-block; overflow: hidden; max-width: 80%; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; color: #333; font-weight: 500; vertical-align: middle; }
.notice-view-container .board-view-list li a:hover { text-decoration: underline; }