@charset "utf-8";
/*==============================================

    ----------------------------------------------------------------
	* Date		:	2021-09-13
	* Modify		:
	* Name		:	contents.css
	----------------------------------------------------------------

	- Description -

==============================================*/

/*==============================================
	공통
==============================================*/
/* 템플릿 */
.template-wrap {
    margin-top: 80px;
}

.template-wrap+.template-wrap {
    margin-top: 100px;
}

.template-wrap h2 {
    font-size: 38px;
    color: #333;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 44px;
}

.template-wrap h3 {
    font-size: 24px;
    color: #333;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 30px;
}

.template-wrap h4 {
    font-size: 18px;
    color: #333;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 500;
}

.template-wrap h4+.template-info {
    margin-top: -10px;
}

.template-group+.template-group {
    margin-top: 50px;
}

.template-data {
    position: relative;
}

.template-data+.template-data {
    margin-top: 20px;
}

.template-data .template-info {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    margin-bottom: 15px;
}

.template-data .template-detail {
    position: relative;
    padding: 20px;
    border: 1px solid #e1e1e1;
}

.modify-guide {
    position: relative;
    text-align: left;
    padding: 50px 0;
    color: #222;
}

.modify-guide .guide-title {
    font-size: 21px;
    line-height: 36px;
    padding: 25px 0 10px 0;
    border-bottom: 1px solid #bbb;
    margin-bottom: 10px;
}

.modify-guide .guide-title:first-child {
    padding-top: 0;
}

.modify-guide .guide-info {
    font-size: 21px;
    line-height: 36px;
    margin-top: 15px;
}

.modify-guide .guide-detail {
    text-align: center;
    margin-top: 15px;
}

.color-guide {
    display: flex;
    flex-wrap: nowrap;
}

.color-guide>li {
    width: 80px;
    padding: 0 10px;
    text-align: center;
}

.color-guide>li:first-child {
    padding-left: 20px;
}

.color-guide>li:last-child {
    padding-right: 20px;
}

.color-guide .visual {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-sizing: border-box;
}

.color-guide .txt {
    margin-top: 10px;
    color: #777;
}

/* 로딩바 */

.page-loading-bar {
    display: none;
}

.page-loading-bar .loading-inner {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 100000000;
    background-color: rgba(0, 0, 0, 0.5);
}

.page-loading-bar.actived {
    display: block;
}

.content-loading-bar {
    display: none;
}

.content-loading-bar .loading-inner {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 50;
}

.content-loading-bar .dot-flashing {
    width: 12px;
    height: 12px;
}

.content-loading-bar .dot-flashing::before {
    left: -18px;
    width: 12px;
    height: 12px;
}

.content-loading-bar .dot-flashing::after {
    left: 18px;
    width: 12px;
    height: 12px;
}

.content-loading-bar.actived {
    display: block;
}

.dot-flashing {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #e37500;
    animation: dot-flashing 1s infinite linear alternate;
    animation-delay: 0.5s;
}

.dot-flashing::before,
.dot-flashing::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
}

.dot-flashing::before {
    left: -36px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #e37500;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 0s;
}

.dot-flashing::after {
    left: 36px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #e37500;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 1s;
}

@keyframes dot-flashing {
    0% {
        background-color: #e37500;
    }

    50%,
    100% {
        background-color: #bcbebc;
    }
}

/* 타이틀 */
.title-group {
    position: relative;
}

.page-title {
    font-size: 64px;
    line-height: 72px;
    font-weight: 700;
}

.page-title+.page-title-info {
    margin-top: 30px;
}

.page-title-info {
    font-size: 16px;
    line-height: 24px;
    color: #757575;
}

.page-title-info-b {
    font-size: 30px;
    line-height: 46px;
    color: #1a1a1a;
    font-weight: 700;
    margin: 56px 0 20px;
}

.page-title-info2 {
    font-size: 18px;
    line-height: 28px;
    color: #595959;
    margin-top: 10px;
}

.con-title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}

.pop-con-title {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}

/* 그리드 */
.grid-frame-layout {
    display: flex;
    flex-wrap: wrap;
    /*margin:-10px;*/
}

.grid-frame-cell {
    padding: 10px;
    box-sizing: border-box;
}

.grid-frame-cell .card-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
}

.grid-frame-cell .card-item .item-thumb {
    flex: 0 0 auto;
}

.grid-frame-cell .card-item.basic .item-detail-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
}

.grid-frame-cell .card-item.basic .item-subject+.item-bottom {
    margin-top: auto;
}

.grid-frame-cell .card-item.basic .item-bottom {
    margin-top: auto;
    padding-top: 6px;
}

.grid-frame-cell .card-item.basic .item-bottom+.item-btns {
    margin-top: 0;
}

.grid-frame-cell .card-item.basic .item-btns {
    margin-top: auto;
    padding-top: 26px;
}

.grid-frame-cell .card-item-wrap .basic~.item-ui {
    bottom: 30px;
}

.basic-data-group {
    position: relative;
    margin-top: 80px;
}

.basic-data-group:first-child {
    margin-top: 0;
}

.basic-data-group:only-child {
    margin-top: 0;
}

.basic-data-group .content-bottom-info-box:first-child,
.basic-data-group .content-bottom-info-box:only-child {
    margin-top: 0;
}

/* 비디오 */
.video-inner {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}

.video-inner video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 스와이퍼 네비게이션 */
.btn-swiper-slider-prev,
.btn-swiper-slider-next {
    cursor: pointer;
}

/* 스와이퍼 페이징 */
.swiper-pagination {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: none;
}

.swiper-pagination .swiper-pagination-bullet {
    display: block;
    font-size: 0;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px solid #757575;
    /* 2024 웹접근성 */
    transition: all 0.35s ease;
    border-radius: 50%;
    opacity: 1;
    box-sizing: border-box;
}

.swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 20px;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #e37500;
    border-color: #e37500;
}

/* 게시판 */
/* .board-list-wrap {margin-top:80px;} */
.board-list-wrap {
    margin-top: 40px;
}

.board-list-total {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
    font-size: 18px;
    line-height: 26px;
}

.board-list-total .board-list-sort {
    margin-left: auto;
}

.board-list-total .board-list-sort .sort-value {
    margin-left: auto;
    border-bottom: 2px solid #3d3935;
}

.board-list-total .board-list-sort select {
    height: 26px;
    min-width: 130px;
    width: auto;
    border-bottom: 2px solid #3d3935;
}

.board-list-total .board-list-sort select:focus-visible {
    outline: 2px solid #000;
    border-radius: 3px;
}

/* 2023-01-12 접근성 1차 
수정 */
.board-list-wrap .board-list-none {
    border-top: 2px solid #000;
    padding: 140px 0;
    border-bottom: 1px solid #e0e0e0;
}

/* 게시판 > 검색 */
.board-search-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 380px;
}

.board-search-wrap input {
    height: 56px;
    font-size: 18px;
    font-weight: 300;
    padding: 0 10px;
}

.board-search-wrap .form-input-item:after {
    width: 100%;
    height: 4px;
}

/* .board-search-wrap .form-input-item > .icon +  .icon {position:relative; margin-left:34px;} */
/* .board-search-wrap .form-input-item > .icon +  .icon:before {content:''; position:absolute; left:-18px; top:50%; display:block; width:2px; height:24px; margin-top:-12px; background-color:rgba(237,113,0,.3); cursor:auto;} */
.search-select-keyword {
    position: absolute;
    top: 100%;
    right: 0;
    display: flex;
    margin-top: 38px;
    align-items: center;
    z-index: 15;
}

.search-select-keyword .keyword-title {
    flex: 0 0 auto;
    margin-right: 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #e37500;
    display: inline-block;
    white-space: nowrap;
}

.search-select-keyword .keyword-label-group .label-group-inner {
    margin: -4px;
    flex-wrap: nowrap;
}

.search-select-keyword .keyword-label-group .label-group-inner .group-cell {
    padding: 4px;
}

.search-select-keyword .keyword-label-group .label {
    white-space: nowrap;
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    font-weight: 500;
}

/* 게시판 > 텍스트형 리스트 */
.board-list-data {
    border-top: 2px solid #000;
    border-bottom: 1px solid #595959;
}

.board-list-data .board-list-none {
    border: none;
}

.board-list {}

.board-list>li {
    border-top: 1px solid #595959;
}

.board-list>li:first-child {
    border-top: none;
}

.btn-board-item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 90px;
    padding: 59px 0 61px;
    box-sizing: border-box;
    background-color: #fff;
    transition: background 0.35s ease;
}

.btn-board-item:hover {
    background-color: #f7f7f7;
}

.btn-board-item .item-label {
    flex: 0 0 auto;
    /*padding: 0 0 0 30px;*/
}

.btn-board-item .item-subject {
    flex: 1;
    width: 100%;
    padding: 0 0 0 20px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
    box-sizing: border-box;
}

.btn-board-item .item-subject .txt {
    display: -webkit-box;
    max-height: 68px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.btn-board-item .item-date {
    flex: 0 0 auto;
    width: 143px;
    font-size: 18px;
    line-height: 24px;
    color: #757575;
    font-weight: 300;
    text-align: center;
}

/* .board-list-none {position:relative; padding:140px 0 133px 0; font-size:18px; line-height:28px; color:#3d3935; font-weight:300; text-align:center; border-top:2px solid #000; border-bottom:1px solid #e5e6e5;} */
.board-list-none {
    position: relative;
    padding: 70px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    text-align: center;
}

.board-list-none .txt {
    position: relative;
    padding-top: 90px;
}

.board-list-none .txt:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 72px;
    height: 72px;
    background: url(../images/icon/icon_board_none.svg) no-repeat;
}

.board-list-none+.tit {
    margin-top: 80px;
}

/* 게시판 > 갤러리형 리스트 */
.board-list-data.gallery-list-wrap {
    border-bottom: none;
}

.board-list-data .gallery-list {
    padding-top: 40px;
}

.gallery-list .grid-frame-layout {
    margin: -22px;
}

.gallery-list .grid-frame-cell {
    width: 33.33%;
    padding: 22px;
}

.btn-gallery-item {
    display: block;
    background-color: #fff;
}

.btn-gallery-item:hover .item-thumb .thumb {
    transform: scale(1.1);
}

.btn-gallery-item .item-thumb {
    position: relative;
    height: 208px;
    background: #eee url(../images/content/card_item_thumb_none.svg) center center no-repeat;
    border-radius: 12px;
    overflow: hidden;
}

.btn-gallery-item .item-thumb .thumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    transform: scale(1);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn-gallery-item .item-thumb .thumb img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
}

.btn-gallery-item .item-label {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
}

.btn-gallery-item .item-end {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.4);
}

.btn-gallery-item .item-info {
    padding-top: 22px;
}

.btn-gallery-item .item-subject {
    font-size: 20px;
    line-height: 32px;
    display: -webkit-box;
    height: 64px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.btn-gallery-item .event-option {
    margin-top: 23px;
}

/* 2024-02-02 추가 */
.gallery-list .grid-frame-cell2 {
    width: 25%;
    padding: 15px;
}

.gallery-list .grid-frame-layout2 {
    margin: -15px;
}

.gallery-list .card-item.basic .img {
    position: relative;
    height: 380px;
    overflow: hidden;
}

.gallery-list .card-item.basic .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.gallery-list .card-item.basic:hover .img img {
    transform: translate(-50%, -50%) scale(1.05);
}

.gallery-list .grid-frame-cell2 .card-item.basic .item-detail-wrap {
    height: auto;
    border-top: 1px solid #e0e0e0;
}

/* // 2024-02-02 추가 */

/* 게시판 > 상세 */
/* .board-view-wrap {border-bottom: 1px solid #E0E0E0;} */
.board-view-top {
    padding-bottom: 37px;
    border-bottom: 1px solid #595959;
}

.board-view-top .event-option {
    margin-top: 22px;
}

.board-view-cate {
    margin-bottom: 25px;
}
/*공지사항*/
.board-view-cate.notice{
    margin-bottom:0;
}

.board-view-subject {
    display: flex;
    font-size: 30px;
    line-height: 46px;
    font-weight: 700;
}

.board-view-subject .txt {
    flex: 1;
    width: 100%;
}

.board-view-subject .faq-label {
    flex: 0 0 auto;
    margin-right: 20px;
    transform: translateY(7px);
}

.board-view-option {
    display: flex;
    align-items: center;
    margin-top: 15px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #757575;
}

.board-view-option .option-cell.right {
    margin-left: auto;
}

.board-view-data {
    padding: 40px 0 50px 0;
    font-size: 18px;
    line-height: 32px;
    color: #595959;
    border-bottom: 1px solid #595959;
    height: auto;
}

.board-view-data+.board-view-file {
    margin-top: -1px;
}

.board-view-data+.board-view-hash {
    margin-top: -1px;
}

.board-view-data img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin-inline: auto;
}

.board-view-data img.board-view-thumb {
    display: block;
    margin: 0 auto;
}

/* 2023-11-29 추가 */
.board-view-data .img_wrap span.skip {
    display: block;
    position: absolute;
    font-size: 0;
    color: transparent;
}

.content-text-area .img_wrap span.skip {
    display: block;
    position: absolute;
    font-size: 0;
    color: transparent;
}

.board-view-data .img_wrap a {
    display: block;
    position: absolute;
}

.content-text-area .img_wrap a {
    display: block;
    position: absolute;
}

.board-view-file {
    background: #fff;
    margin-top: -20px;
}

.board-view-file .add-file-title {
    padding: 22px 0 19px 0;
    font-size: 24px;
    line-height: 36px;
}

.board-view-hash {
    padding-top: 29px;
}

.board-view-hash .label-group .group-cell .label {
    border: 1px solid #757575;
}

.board-view-hash .label-group .group-cell a.label {
    color: #757575;
}

.board-view-hash+.board-view-file {
    margin-top: 53px;
}

.add-file-list {
    border-top: 2px solid #000;
}

.add-file-list>ul {
    padding: 28px 0;
}

.add-file-list>ul>li+li {
    margin-top: 16px;
}

.add-file-list>ul>li>a {
    position: relative;
    display: block;
    padding-left: 34px;
    font-size: 18px;
    line-height: 24px;
    color: #2e2e2e;
}

.add-file-list>ul>li>a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/icon/icon_file_down_gray_24.svg) left top no-repeat;
}

.board-view-wrap .view {
    width: 100%;
    height: 100%;
    padding: 40px 0 80px;
}

.board-view-wrap .view img {
    width: 100%;
}

.board-view-wrap .view p {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #757575;
}

.board-view-data textarea {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #757575;
    height: 100%;
    padding: 0;
    overflow: visible;
}

.board-view-data textarea:read-only {
    opacity: 1;
    color: #757575;
}

.board-view-data textarea[readonly] {
    opacity: 1;
    color: #757575;
}

/* 차트 > 심플라인형 */
.simple-chart-wrap .wj-flexchart {}

.simple-chart-wrap {
    position: relative;
}

.simple-chart-data {
    position: relative;
    padding-top: 30%;
}

.simple-chart-data .wj-flexchart {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

.simple-chart-data .wj-flexchart .wj-chart-linemarker {
    background: transparent;
}

/* 차트 > 라인형 */
.line-chart-wrap .wj-flexchart {}

.line-chart-wrap {
    position: relative;
    height: 400px;
}

.line-chart-wrap .wj-flexchart {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

.line-chart-wrap .wj-flexchart .wj-chart-linemarker {
    background: transparent;
}

.line-chart-wrap .wj-axis-y .wj-label {
    font-size: 14px;
    fill: #3d3935;
    font-weight: 300;
}

.line-chart-wrap .wj-axis-x .wj-label {
    font-size: 14px;
    fill: #3d3935;
    font-weight: 300;
}

.line-chart-wrap .wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-hline {
    height: 1px;
    background: transparent;
}

.line-chart-wrap .wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-vline {
    height: 1px;
    background: transparent;
}

.line-chart-wrap .wj-flexchart .wj-gridline {
    opacity: 1;
    stroke: #e5e6e5;
}

.line-chart-wrap .wj-flexchart .wj-axis-y .wj-line {
    stroke: #e5e6e5;
}

.line-chart-wrap .wj-flexchart .wj-axis-x .wj-line {
    stroke: #3d3935;
}

.line-chart-wrap .wj-flexchart .wj-axis-x .wj-tick {
    stroke: #3d3935;
}

.line-chart-wrap .wj-series-group ellipse {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));
    opacity: 0;
    transition: opacity 0.25s ease;
}

.line-chart-wrap .wj-series-group ellipse.over {
    opacity: 1;
}

.line-chart-wrap .wj-chart-linemarker {
    padding: 0;
}

.line-chart-wrap .wj-legend .wj-label {
    font-size: 16px;
    fill: #3d3935;
    font-weight: 500;
}

.line-tooltip-wrap {
    padding: 0px 20px 15px 20px;
    min-width: 200px;
    background-color: #fff;
    border-radius: 8px;
    border: none;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1);
}

.line-tooltip-wrap .line-tooltip-date {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 50px;
    color: #000;
    border-bottom: 1px solid #e5e6e5;
}

.line-tooltip-wrap .line-tooltip-list {}

.line-tooltip-wrap .line-tooltip-list .list-cell {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
    color: #3d3935;
}

.line-tooltip-wrap .line-tooltip-list .list-cell+.list-cell {
    margin-top: 8px;
}

.line-tooltip-wrap .item-title {
    position: relative;
    padding-left: 12px;
}

.line-tooltip-wrap .item-icon {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 8px;
    height: 2px;
    margin-top: -1px;
}

/* 차트 > 바형 */
.bar-chart-bar {}

.bar-chart-bar .wj-axis-y .wj-label {
    font-size: 14px;
    fill: #3d3935;
    font-weight: 300;
}

.bar-chart-bar .wj-axis-x .wj-label {
    font-size: 14px;
    fill: #3d3935;
    font-weight: 300;
}

.bar-chart-bar .wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-hline {
    height: 1px;
    background: transparent;
}

.bar-chart-bar .wj-flexchart .wj-chart-linemarker .wj-chart-linemarker-vline {
    height: 1px;
    background: transparent;
}

.bar-chart-bar .wj-flexchart .wj-gridline {
    opacity: 1;
    stroke: #e5e6e5;
}

.bar-chart-bar .wj-flexchart .wj-axis-y .wj-line {
    stroke: #e5e6e5;
}

.bar-chart-bar .wj-flexchart .wj-axis-y .wj-line {
    stroke: #3d3935;
}

.bar-chart-bar .wj-flexchart .wj-axis-x .wj-line {
    stroke: #3d3935;
}

.bar-chart-bar .wj-flexchart .wj-axis-x .wj-tick {
    stroke: #3d3935;
}

.bar-chart-bar .wj-flexchart .wj-gridline-minor {
    opacity: 1;
    stroke: #e5e6e5;
}

/* 차트 > 트리맵형 */
.treemap-chart-data {
    position: relative;
    height: 400px;
}

.treemap-chart-data .wj-flexchart {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    margin: 0;
    padding: 0;
    border: none;
}

.treemap-chart-data .wj-flexchart .wj-chart-linemarker {
    background: transparent;
}

.treemap-chart-data .wj-data-label {
    font-size: 14px;
    fill: #fff !important;
}

.treemap-chart-data .btn-chart-view {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

button.btn-chart-detail {
    display: inline-block;
    height: 48px;
    padding: 0 30px;
    font-size: 16px;
    color: #3d3935;
    line-height: 46px;
    background-color: #fff;
    border-radius: 24px;
    box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
    z-index: 5;
}

.treemap-chart-group {}

.treemap-chart-title {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.treemap-chart-title .txt {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.treemap-chart-title .treemap-chart-sort {
    margin-left: 38px;
}

.treemap-chart-sort {
    display: inline-flex;
    align-items: center;
}

.treemap-chart-sort .btn-chart-sort-item {
    display: block;
    min-width: 70px;
    padding: 0 10px;
    margin-left: 1px;
    font-size: 14px;
    line-height: 34px;
    color: #fff;
    text-align: center;
    background: #000;
    white-space: nowrap;
    box-sizing: border-box;
}

.treemap-chart-sort .btn-chart-sort-item:first-child {
    margin-left: 0;
    border-radius: 3px 0px 0px 3px;
}

.treemap-chart-sort .btn-chart-sort-item:last-child {
    border-radius: 0px 3px 3px 0px;
}

.treemap-chart-sort .btn-chart-sort-item .black {
    color: #000;
}

.chart-info-box {
    margin-bottom: 20px;
    padding: 10px 30px;
    background-color: #fafafa;
    border-radius: 8px;
}

.chart-info-box.note-info .title {
    padding-left: 50px;
    font-weight: 700;
}

/* 탭컨텐츠 > 페이지탭 */
.page-tab {
    position: relative;
    display: flex;
    margin: 56px 0 60px 0;
    border-bottom: 1px solid #e5e6e5;
}

/* .page-tab:after {content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:1px; background-color:#bcbebc; z-index:2;} */
/* .page-tab > li {padding:0 23px;} */
.page-tab>li+li {
    margin-left: 32px;
}

.page-tab>li:first-of-type {
    padding-left: 0;
}

.page-tab>li:last-of-type {
    padding-right: 0;
}

.page-tab>li>a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1px;
    font-size: 20px;
    color: #949494;
    line-height: 76px;
    font-weight: 400;
}

.page-tab>li>a.actived {
    color: #e37500;
    font-weight: 500;
}

.page-tab>li>a.actived:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #e37500;
    z-index: 5;
}

.page-tab>li>a.actived .label-num>em {
    background-color: #f58220;
}

.page-tab>li>a .label-num {
    display: inline-block;
    margin-left: 5px;
    line-height: 76px;
}

.page-tab>li>a .label-num>em {
    display: flex;
    padding: 0 13px;
    height: 28px;
    align-items: center;
    font-size: 14px;
    color: #fff;
    border-radius: 50px;
    background-color: #ababab;
    font-weight: 700;
}

.part-tab+.active-etf-wrap {
    margin-top: 60px;
}

.page-tab>li>a span.step {
    font-size: 12px;
    line-height: 24px;
    color: #1a1a1a;
    background: #eceff4;
    padding: 0 6px;
    border-radius: 4px;
    margin-right: 8px;
}

.page-tab>li>a.actived span.step {
    font-size: 12px;
    line-height: 24px;
    color: #e37500;
    background: 0;
    border: 1px solid #e37500;
    padding: 0 6px;
    border-radius: 4px;
    margin-right: 8px;
}

.page-tab.cust>li>a span.step {
    background: #ffede4;
}

.page-tab.cust>li>a.actived span.step {
    background: 0;
}

/* 탭컨텐츠 > 컨텐츠탭 */
.content-tab {}

.content-tab>ul {
    display: flex;
    height: 48px;
    box-sizing: border-box;
    border-bottom: 2px solid #e5e6e5;
}

.content-tab>ul>li+li {
    margin-left: 22px;
}

.content-tab .actived .btn-tab-nav {
    color: #000;
    font-weight: 700;
    border-bottom-color: #e37500;
}

.content-tab .btn-tab-nav {
    display: block;
    height: 48px;
    padding: 0 15px;
    font-size: 20px;
    color: #8e8e8e;
    font-weight: 500;
    line-height: 48px;
    white-space: nowrap;
    box-sizing: border-box;
    border-bottom: 4px solid transparent;
}

/* 탭컨텐츠 > 토글형 */
.tab-data-group>div {
    display: none;
}

.tab-data-group>div.actived {
    display: block;
}

.number-state {
    position: relative;
    display: inline-block;
}

.number-state.up {
    padding-right: 13px;
}

.number-state.up:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent #ffffff transparent;
}

.number-state.up.black:after {
    border-color: transparent transparent #000 transparent;
}

.treemap-chart-list {}

.treemap-chart-list .list-inner {
    margin: -15px 0;
    display: flex;
    flex-wrap: wrap;
}

.treemap-chart-list .list-cell {
    width: 100%;
    padding: 15px 0;
    box-sizing: border-box;
}

.treemap-chart-card-wrap {
    overflow: hidden;
    border: 1px solid #c9c9c9;
    border-radius: 12px;
}

.treemap-chart-card-wrap .treemap-chart-data {
    height: 300px;
}

.treemap-chart-header {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 78px;
    padding: 10px 29px;
    background: #fafafa;
    box-sizing: border-box;
}

.treemap-chart-header:focus {
    border: 2px solid #000;
    border-radius: 12px 12px 0 0;
    box-sizing: border-box;
}

.treemap-chart-header .header-title {
    flex: 1;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.treemap-chart-header .header-value {
    flex: 0 0 auto;
    text-align: right;
}

.treemap-chart-header .header-value .value-cate {
    font-size: 12px;
    line-height: 18px;
    color: #949494;
}

.treemap-chart-header .header-value .value-number {
    font-size: 24px;
    line-height: 32px;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
}

.wj-tooltip {
    max-width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.treemap-tooltip-wrap {
    min-width: 160px;
    padding: 0 10px 9px 10px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
}

.treemap-tooltip-wrap .title {
    padding: 12px 0 10px 0;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 20px;
    color: #3d3935;
    font-weight: 500;
    border-bottom: 1px solid #e5e6e5;
}

.treemap-tooltip-wrap .value {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    line-height: 20px;
    color: #000;
    font-weight: 300;
}

.treemap-tooltip-wrap .value .num {
    font-weight: 500;
}

/* 테이블 > 정보테이블 */
.read-table {
    width: 100%;
}

.read-table table {
    width: 100%;
    text-align: center;
    table-layout: fixed;
}

.read-table table>thead {
    border-top: 1px solid #595959;
}

.read-table table>thead>tr>th {
    padding: 21px 10px;
    color: #000;
    font-weight: 500;
    line-height: 23px;
    background-color: #fafafa;
    vertical-align: middle;
}

.read-table table>thead>tr>th.notice img {
    width: 21px;
}

/* 2023-12-07 추가 */
.read-table table>thead>tr+tr {
    border-top: 1px solid #595959;
}

.read-table table>tbody {
    border-top: 1px solid #595959;
}

.read-table table>tbody>tr {
    border-bottom: 1px solid #595959;
}

.read-table table>tbody>tr>td {
    padding: 21px 20px;
    font-weight: 400;
    color: #5e5e5e;
    line-height: 22px;
    background-color: #fff;
    vertical-align: middle;
}

.read-table table>colgroup {
    position: relative;
    width: 100%;
}

.read-table table>thead.small-header>tr>th {
    padding: 8px;
    vertical-align: middle;
}

.read-table table>thead.line-header>tr>th {
    border-right: 1px solid #595959;
}

.read-table table>thead.line-header>tr>th:first-child {
    border-left: none;
}

.read-table table>thead.line-header>tr>th:last-child {
    border-right: none;
}

.read-table table.vertical>tbody>tr>th {
    padding: 20px 30px;
    text-align: left;
    font-weight: 500;
    color: #000;
    background-color: #fafafa;
    vertical-align: middle;
    border-right: 1px solid #eee;
}

.read-table table.vertical>tbody>tr>td {
    padding: 20px 30px;
    text-align: left;
    vertical-align: middle;
}

.read-table table.vertical>tbody>tr:last-child {
    border-bottom: none;
}

.read-table table.vertical>tbody {
    border-top: 1px solid #595959;
    border-bottom: 1px solid #595959;
}

.read-table table tr.table-board-none>td {
    padding: 0;
}

.read-table table tr.table-board-none .board-list-none {
    border-top: none;
    border-bottom: none;
}

.read-table table tr td .pd10 p {
    padding-left: 10px;
    text-indent: -10px;
}

/* 2023-12-27 추가 */
.read-table table>thead>tr>th.no-lb,
.read-table table>tbody>tr>td.no-lb {
    white-space: nowrap;
}

/* 카드 */
.card-item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background-color: #fff;
    border: 1px solid #595959;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    transition: border 0.35s ease, box-shadow 0.35s ease;
    z-index: 0;
    box-sizing: border-box;
}

.card-item:hover {
    border-color: #e37500;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.card-item .item-ui {
    position: absolute;
}

.card-item .item-ui .btn-ui-item+.btn-ui-item {
    margin-left: 16px;
}

.card-item .item-bottom {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

/* 카드 > 상품 */
.card-item.product {
    padding: 30px 25px 25px 25px;
}

.card-item.product .label-group .label-group-inner {
    margin: -2px;
}

.card-item.product .label-group .label-group-inner .group-cell {
    padding: 2px;
}

.card-item.product .item-cate {
    padding-right: 75px;
}

.card-item.product .item-cate+.item-subject {
    margin-top: 5px;
}

.card-item.product .item-subject {
    padding-right: 75px;
    max-height: 48px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-item.product .item-ui {
    position: absolute;
    top: 30px;
    right: 25px;
    bottom: auto;
    left: auto;
    z-index: 5;
    display: flex;
}

.card-item.product .item-detail-wrap {
    display: flex;
    margin-top: 1px;
    min-height: 115px;
    font-size: 14px;
    line-height: 21px;
    color: #595959;
    /* 2024-11-19 */
    justify-content: space-between;
}

.card-item.product .item-graph-data {
    width: 50%;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.card-item.product .item-graph {
    position: relative;
    flex: 1;
    flex-direction: column;
    max-width: 120px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.card-item.product .item-graph>* {
    width: 100%;
}

.card-item.product .item-graph .simple-chart-wrap {
    width: 100%;
}

.card-item.product .item-graph .info-text {
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 300;
    color: #595959;
    /* 2024-11-19 */
    text-align: right;
}

.card-item.product .item-price-data {
    width: 50%;
    text-align: right;
}

.card-item.product .month-value {}

.card-item.product .month-value>strong {
    display: block;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}

.card-item.product .month-value .unit {
    margin-left: 5px;
    font-size: 16px;
    font-weight: 500;
    vertical-align: baseline;
}

.card-item.product .price-data-list {
    margin-top: 7px;
}

.card-item.product .price-data-list .price-cell {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.card-item.product .price-data-list .price-cell+.price-cell {
    margin-top: 4px;
}

.card-item.product .price-data-list .value {
    padding: 0 0 0 10px;
    word-break: break-all;
}

.card-item.product+.item-ui {
    position: absolute;
    top: 30px;
    right: 25px;
    display: flex;
    z-index: 5;
}

.mypage-product-wrap .card-item.product+.item-ui {
    top: 25px;
    right: 30px;
}

/* 카드 > 기본형 */
.card-item.basic .item-detail-wrap {
    padding: 30px;
}

.card-item.basic:hover .item-thumb img {
    transform: scale(1.05);
}

.card-item.basic .item-thumb {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    background: #eee url(../images/content/card_item_thumb_none.svg) center center no-repeat;
}

.card-item.basic .item-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.card-item.basic .item-hash-single {
    margin-bottom: 6px;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    color: #595959;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.card-item.basic .item-hash-single>a+a {
    margin-left: 5px;
}

/* .card-item.basic .item-cate {margin-bottom:6px; font-size:16px; line-height:24px; color:#757575; font-weight:300;} */
.card-item.basic .item-cate {
    margin-bottom: 22px;
    font-size: 16px;
    line-height: 24px;
    color: #757575;
    font-weight: 300;
    width: calc(100% - 70px);
    transform: translateY(-2px);
}

.card-item.basic .item-cate .label-group .label-group-inner .group-cell {
    margin-top: 2px;
}

/* .card-item.basic .item-subject {height:64px; max-height:64px; font-size:20px; line-height:32px; font-weight:500; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient: vertical;} */
.card-item.basic .item-subject {
    height: 56px;
    max-height: 56px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #1a1a1a;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-item.basic .item-subject+.item-bottom {
    margin-top: 6px;
}

.card-item.basic .item-date {
    margin-top: 10px;
    font-size: 15px;
    line-height: 22px;
    color: #595959;
    font-weight: 400;
}

.card-item.basic .item-bottom {
    margin-top: 24px;
}

.card-item.basic .item-bottom .item-date {
    margin: 0;
}

.card-item.basic .item-bottom .item-ui {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
}

.card-item.basic .item-bottom .item-cate {
    margin: 0;
    color: #e37500;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
}

.card-item.basic .item-btns {
    margin-top: 29px;
    display: flex;
}

.card-item.basic .item-btns>button,
.card-item.basic .item-btns>a {
    flex: 1;
    margin: 0 5px;
}

.card-item.basic .item-btns>button:first-child,
.card-item.basic .item-btns>a:first-child {
    margin-left: 0;
}

.card-item.basic .item-btns>button:last-child,
.card-item.basic .item-btns>a:last-child {
    margin-right: 0;
}

.card-item.basic .item-btns>button,
.card-item.basic .item-btns>a,
.card-item.basic .item-btns .btn-basic {
    width: 100%;
    min-width: 0;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    font-weight: 500;
}

.card-item.basic .item-ui.top {
    top: 27px;
    right: 40px;
}

.card-item.download .item-subject {
    padding-right: 34px;
}

/* 2023-06-19 추가 */

/* 카드 > 썸네일형 */
.card-item-wrap.thumb .basic~.item-ui {
    bottom: 185px;
}

.card-item-wrap.thumb .basic~.item-ui.top {
    right: 65px;
}

/* // 2023-06-19 추가 */

/* 공통 사이드 팝업 > 리스트 팝업 */
.card-item-wrap {
    position: relative;
    height: 100%;
}

.card-item-wrap .basic~.item-ui {
    position: absolute;
    right: 30px;
    bottom: 28px;
    z-index: 5;
}

/* .card-item-wrap .basic ~ .item-ui {position:absolute; right:30px; bottom:185px; z-index:5;} */
.card-item-wrap .basic~.item-ui.top {
    right: 65px;
}

.grid-frame-cell .card-item-wrap .card-item.basic.simple-btn-type .item-detail-wrap {
    padding-bottom: 94px;
}

.card-item-wrap .simple-btn-type~.item-ui {
    bottom: 94px;
}

.card-item-wrap .simple-btn-type~.item-btns {
    position: absolute;
    left: 40px;
    bottom: 28px;
    width: calc(100% - 80px);
    z-index: 5;
}

.card-item-wrap .simple-btn-type~.item-btns .btn-basic {
    width: 100%;
    height: 30px;
    line-height: 28px;
    font-size: 14px;
    font-weight: 500;
}

.side-common-list .card-item {
    display: block;
}

.side-common-list .card-item-wrap .basic~.item-ui {
    right: 30px;
    bottom: 25px;
}

.side-common-list .card-item-wrap .basic~.item-ui.top {
    bottom: auto;
    top: 25px;
}

.card-item-wrap .item-ui .btn-ui-item+.btn-ui-item {
    margin-left: 10px;
}

.side-common-list .card-item-wrap .card-item.basic.simple-btn-type .item-detail-wrap {
    padding-bottom: 81px;
}

.side-common-list .card-item-wrap .simple-btn-type~.item-ui {
    bottom: 81px;
}

.side-common-list .card-item-wrap .simple-btn-type~.item-btns {
    position: absolute;
    left: 30px;
    bottom: 25px;
    width: calc(100% - 60px);
    z-index: 5;
}

.side-common-list .card-item-wrap .simple-btn-type~.item-btns .btn-basic {
    width: 100%;
}

.card-item.main-card-item.basic~.item-ui,
.card-item.main-card-item.product~.item-ui {
    position: absolute;
    right: 40px;
    bottom: 30px;
    top: auto;
}

.card-item.main-card-item.basic.simple-btn-type .item-detail-wrap {
    padding-bottom: 100px;
}

.card-item.main-card-item.basic.simple-btn-type~.item-ui {
    bottom: 100px;
}

.card-item.main-card-item.basic.simple-btn-type~.item-btns {
    position: absolute;
    left: 40px;
    bottom: 30px;
    width: calc(100% - 80px);
    z-index: 5;
}

.card-item.main-card-item.basic.simple-btn-type~.item-btns .btn-basic {
    width: 100%;
}

.main-pick-list-wrap .card-item-wrap .card-item {
    display: block;
}

.main-pick .card-item-wrap .basic~.item-ui.top {
    bottom: auto;
    top: 30px;
}

.main-news-list .card-item-wrap .basic~.item-ui {
    right: 40px;
    bottom: 40px;
}

.main-news-list .card-item-wrap .basic~.item-ui.top {
    bottom: auto;
    top: 33px;
}

.product-list-content .card-item.basic~.item-ui {
    right: 25px;
    bottom: 30px;
}

.product-list-content .card-item-wrap .basic~.item-ui.top {
    bottom: auto;
    top: 22px;
}

.product-list-content .card-item-wrap .card-item.basic.simple-btn-type .item-detail-wrap {
    padding-bottom: 96px;
}

.product-list-content .card-item-wrap .simple-btn-type~.item-ui {
    bottom: 96px;
}

.product-list-content .card-item-wrap .simple-btn-type~.item-btns {
    position: absolute;
    left: 25px;
    bottom: 30px;
    width: calc(100% - 50px);
    z-index: 5;
}

/* 카드 > 매수하기 */
.card-stock-item {
    position: relative;
    display: block;
    height: 100%;
    box-sizing: border-box;
}

/* .card-stock-item {position:relative; display:block; min-height:100%; padding:0 20px 20px 20px; text-align:center; border:1px solid #e5e6e5; border-radius:12px; background-color:#fff; box-sizing:border-box;} */
.card-stock-item .item-name {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 68px;
    font-size: 18px;
    line-height: 24px;
    color: #3d3935;
    font-weight: 500;
    word-break: break-all;
}

.card-stock-item .item-btns {}

.card-stock-item .item-btns>a,
.card-stock-item .item-btns>button {
    display: block;
    width: 100%;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    color: #3d3935;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    background-color: #f4f4f4;
    transition: color 0.25s ease, background-color 0.25s ease;
}

.card-stock-item .item-btns>a:hover,
.card-stock-item .item-btns>button:hover {
    color: #fff;
    background-color: #e37500;
}

/* .card-stock-item.set {padding:20px; text-align:left; word-break:break-all;} */

/* 경고성 컨텐츠 */
.common-point-note {
    margin-top: 20px;
}

.common-point-note .dotted-list .list-cell {
    padding-left: 10px;
    font-size: 15px;
    line-height: 24px;
    color: #595959;
    font-weight: 500;
}

.common-point-note .dotted-list .list-cell+.list-cell {
    margin-top: 12px;
}

.common-point-note .dotted-list .list-cell:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #949494;
}

.warning-title {
    position: relative;
    padding-left: 32px;
    font-size: 15px;
    line-height: 24px;
    color: #3d3935;
    font-weight: 700;
}

.warning-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/icon/icon_info_orange_24.png) left top no-repeat;
}

.warning-title+.warning-desc {
    margin-top: 10px;
}

.warning-title+.dotted-list {
    margin-top: 12px;
}

.warning-desc {
    font-size: 15px;
    line-height: 23px;
    color: #595959;
}

/* 토스트 팝업 */
.toast-data-group {
    position: relative;
    display: inline-flex;
    margin-right: 40px;
}

.toast-data-group+.con-title {
    margin-top: 30px;
}

.toast-data-detail {
    display: inline-flex;
    align-items: center;
}

.toast-pop-data {
    position: absolute;
    top: -20px;
    left: 100%;
    width: 370px;
    height: auto;
    background-color: transparent;
    display: none;
    z-index: 50;
}

.toast-pop-data.actived {
    display: block;
}

.toast-pop-inner {
    max-width: 100%;
    margin: 0;
    border: 1px solid #e37500;
    border-radius: 0;
    background-color: #fff;
}

.toast-pop-inner .pop-header {
    padding: 18px 18px 10px;
    line-height: 22px;
    color: #000;
    text-align: left;
}

.toast-pop-inner .pop-body {
    padding: 0px 18px 20px;
    font-size: 14px;
    font-weight: 300;
    color: #757575;
    line-height: 20px;
    text-align: left;
}

.toast-pop-inner .btn-toast-close {
    position: absolute;
    top: 16px;
    right: 20px;
    width: 18px;
    height: 18px;
    font-size: 0;
    background: url("../images/icon/icon_pop_close_gray_18.png");
}

/* 텍스트 리스트 */
.dotted-list .list-cell {
    position: relative;
    padding-left: 8px;
    line-height: 24px;
    color: #757575;
    font-weight: 500;
}

.dotted-list .list-cell:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #757575;
}

.dotted-list .list-cell+.list-cell {
    margin-top: 20px;
}

.dotted-list.point {
    padding: 23px 0;
    border-top: 2px solid #000;
    border-bottom: 1px solid #e5e6e5;
}

.dotted-list.point .list-cell {
    padding-left: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #3d3935;
    font-weight: 300;
}

.dotted-list.point .list-cell+.list-cell {
    margin-top: 12px;
}

.dotted-list.point .list-cell>em {
    font-weight: 500;
    color: #000;
}

.dotted-list.point .list-cell:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #000;
}

/* 텍스트 리스트 간격없을 때 */
.note-info.small .title {
    padding-left: 32px;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

.note-info.small .title+.dotted-list {
    margin-top: 10px;
}

.note-info.small .title+.warning-desc {
    margin-top: 10px;
}

.note-info.small .dotted-list .list-cell {
    font-size: 15px;
    color: #595959;
    line-height: 23px;
}

.note-info.small .dotted-list .list-cell+.list-cell {
    margin-top: 0;
}

.note-info.small .dotted-list .list-cell:before {
    width: 2px;
    height: 2px;
}

.education-banner-slider-wrap+.note-info.small {
    margin-top: 42px;
}

.education-banner-slider-wrap+.note-info.small p {
    display: flex;
    color: #595959;
}

.education-banner-slider-wrap+.note-info.small p::before {
    content: "*";
    padding-right: 4px;
}

/* 순서 리스트 */
.numbering-list {}

.numbering-list>li {
    position: relative;
    padding-left: 50px;
    font-size: 16px;
    line-height: 30px;
}

.numbering-list>li+li {
    margin-top: 20px;
}

.numbering-list>li .num {
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #e37500;
    border-radius: 50%;
}

/* 리스트 타입별 그룹 */
.list-type-group {
    position: relative;
}

.list-type-group.tab-contents .tab-button-group {
    position: absolute;
    top: 0;
    right: 0;
}

/* 라인업 한눈에 보기 */
.wide-pop-content {
    max-width: 1036px;
}

/* 둥근박스 */
.btn-square-box {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 48px;
    padding: 0 15px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    line-height: 48px;
    color: #3d3935;
    border: 0;
    background-color: #f4f4f4;
}

.btn-square-box.btn-background-orange.actived {
    color: #fff;
    background-color: #e37500;
}

.btn-square-box.btn-background-black.actived {
    color: #fff;
    background-color: #000;
}

.btn-round-box {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 48px;
    padding: 0 18px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    line-height: 46px;
    color: #3d3935;
    border: 1px solid #d2d3d1;
    border-radius: 24px;
    background-color: #fff;
}

.btn-round-box.btn-line-orange.actived {
    color: #e37500;
    border-color: #e37500;
}

.btn-round-box.btn-line-black.actived {
    color: #000;
    border-color: #000;
}

/* 체크박스, 라디오박스 */
.check-list-wrap fieldset+fieldset {
    margin-top: 50px;
}

.form-square-box input[type="checkbox"],
.form-square-box input[type="radio"] {
    opacity: 0;
}

.form-square-box .visual-square-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-top: -24px;
    padding: 12px 15px;
    font-size: 16px;
    color: #3d3935;
    line-height: 22px;
    text-align: center;
    word-break: break-all;
    background-color: #f4f4f4;
    box-sizing: border-box;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.form-square-box input[type="checkbox"]:checked+.check-outline-orange,
.form-square-box input[type="radio"]:checked+.check-outline-orange {
    color: #fff;
    background: #e37500;
}

.form-square-box input[type="checkbox"]:checked+.check-outline-black,
.form-square-box input[type="radio"]:checked+.check-outline-black {
    color: #fff;
    background: #000;
}

.form-round-box input[type="checkbox"],
.form-round-box input[type="radio"] {
    opacity: 0;
}

.form-round-box .visual-round {
    display: block;
    height: auto;
    margin-top: -24px;
    padding: 9px 20px;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 22px;
    word-break: break-all;
    border: 1px solid #c9c9c9;
    border-radius: 24px;
    background: url("../images/icon/chip-chk1.svg") no-repeat 82% 48% #fff;
    box-sizing: border-box;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.form-round-box input[type="checkbox"]:checked+.check-outline-orange,
.form-round-box input[type="radio"]:checked+.check-outline-orange {
    color: #e37500;
    border-color: #e37500;
    padding: 9px 40px 9px 20px;
    background: url("../images/icon/chip-chk.svg") no-repeat 82% 48%;
}

.form-round-box input[type="checkbox"]:checked+.check-outline-black,
.form-round-box input[type="radio"]:checked+.check-outline-black {
    color: #000;
    border-color: #000;
}

/* 통합검색 */
.tab-button-list {
    display: flex;
    width: 100%;
    background-color: #fff;
    border-bottom: 2px solid #e5e6e5;
    z-index: 5;
}

.tab-button-list>li {
    display: flex;
    padding: 0 11px;
}

.tab-button-list>li:first-of-type {
    padding-left: 0;
}

.tab-button-list>li:last-of-type {
    padding-right: 0;
}

.tab-button-list>li.actived .btn-tab-list-item {
    color: #000;
}

.tab-button-list>li.actived .btn-tab-list-item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #e37500;
}

.tab-button-list>li.actived .btn-tab-search-item {
    color: #000;
}

.tab-button-list>li.actived .btn-tab-search-item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #e37500;
}

.tab-button-list .btn-tab-list-item {
    position: relative;
    padding: 0 16px 10px;
    font-size: 20px;
    color: #595959;
    line-height: 30px;
}

.tab-button-list .btn-tab-search-item {
    position: relative;
    padding: 0 16px 10px;
    font-size: 20px;
    color: #595959;
    line-height: 30px;
}

.basic-data-group .tab-button-list {
    border-bottom: 0;
}

.basic-data-group .tab-button-list>li {
    display: block;
    padding: 0;
}

.basic-data-group .tab-button-list>li.actived .btn-tab-list-item:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin: -12px 0 0 -12px;
    display: block;
    width: 24px;
    height: 24px;
    background-color: #e37500;
}

.integrated-search-wrap .top-label {
    margin-top: 30px;
}

.integrated-search-wrap .top-label .label-total-number {
    display: inline-block;
    padding: 0 24px;
    font-size: 18px;
    font-weight: 300;
    line-height: 40px;
    border: 1px solid #e5e6e5;
    border-radius: 21px;
    background-color: #f4f4f4;
}

.integrated-search-wrap .top-label .label-total-number .total-num {
    display: inline-block;
    font-weight: 500;
    color: #ef821f;
}

.integrated-search-wrap .top-label+.tab-contents {
    margin-top: 72px;
}

.integrated-search-wrap .top-label+.combine-search-result-wrap {
    margin-top: 72px;
}

.integrated-search-wrap .tab-button-list {
    justify-content: space-between;
}

.integrated-search-wrap .tab-button-list>li .number {
    display: block;
}

.integrated-search-wrap .tab-button-list>li.actived .btn-tab-list-item {
    font-weight: 700;
}

.integrated-search-wrap .tab-data-group {
    padding-top: 16px;
}

.integrated-search-wrap .tab-data .content-section {
    margin-top: 80px;
}

.integrated-search-wrap .content-section .con-title {
    display: flex;
    align-items: center;
}

.integrated-search-wrap .content-section .con-title .number {
    display: inline-block;
    margin-left: 8px;
    padding: 0 12px;
    line-height: 30px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    border-radius: 15px;
    background-color: #e37500;
}

.integrated-search-wrap .content-section .data-view-sort .see-all {
    position: relative;
    padding-right: 22px;
    font-size: 16px;
}

.integrated-search-wrap .content-section .data-view-sort .see-all:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -9px;
    display: block;
    width: 8px;
    height: 18px;
    background: url("../images/icon/icon_arrow_black_8x18.png") no-repeat center center;
    background-size: auto 100%;
}

.integrated-search-wrap .content-section .data-view-sort {
    padding-bottom: 30px;
}

.integrated-search-wrap .content-section .board-list-wrap {
    margin-top: 0;
}

.integrated-search-wrap .card-item.basic .item-hash-single {
    padding-right: 26px;
}

.integrated-search-wrap .product-list-none {
    padding: 140px 0 133px 0;
    border-top: 1px solid #d2d3d1;
    border-bottom: 1px solid #e5e6e5;
}

.integrated-search-wrap .product-list-none .txt {
    text-align: center;
    color: #3d3935;
    font-size: 18px;
    font-weight: 300;
}

/* 공통 슬라이더 */
.common-slider-wrap .btn-swiper-slider-prev,
.common-slider-wrap .btn-swiper-slider-next,
.common-slider-wrap .swiper-ui {
    visibility: hidden;
}

.common-slider-wrap.mulity .btn-swiper-slider-prev,
.common-slider-wrap.mulity .btn-swiper-slider-next,
.common-slider-wrap.mulity .swiper-ui {
    visibility: visible;
}

.common-slider-wrap .swiper-ui {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-slider-wrap .swiper-ui .swiper-pagination {
    width: auto;
}

.common-slider-wrap .swiper-ui .swiper-pagination-fraction {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 40px;
    top: 0;
    font-weight: 400;
    font-size: 13px;
    padding: 8px;
    height: 24px;
    box-sizing: border-box;
    color: #d1d1d1;
}

.common-slider-wrap .swiper-ui .swiper-pagination-fraction span {
    display: inline-block;
    margin: 0 5px;
}

.common-slider-wrap .swiper-ui .swiper-pagination-fraction span.swiper-pagination-current {
    color: #fff;
}

/* 스탭 리스트 */
.step-visual {
    padding: 50px 0;
    border-bottom: 1px solid #000;
}

.step-visual .step-list-wrap {
    display: flex;
    margin: 0 -46px;
}

.step-visual .step-list-cell {
    position: relative;
    padding: 0 46px;
}

.step-visual .step-list-cell:after {
    content: "";
    position: absolute;
    right: -12px;
    top: 50%;
    margin: -12px 0 0;
    width: 24px;
    height: 24px;
    background: url("../images/icon/icon_arrow_gray.svg") no-repeat center center;
    background-size: cover;
}

.step-visual .step-list-cell.on .icon {
    position: relative;
    background-color: #e37500;
}

/* 2024-11-13 */
.step-visual .step-list-cell.on .step-text {
    color: #e37500;
}

.step-visual .step-list-cell:last-of-type:after {
    display: none;
}

.step-visual .step-list-cell .step-list-item {
    position: relative;
    /* 2024 웹접근성 */
    display: flex;
    align-items: center;
    color: #595959;
}

.step-visual .step-list-cell.on .step-list-item::after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -50px;
    left: 0;
    border-top: 5px solid #043b72;
}

/* 2024 웹접근성 */
.join-content-wrap .step-visual .step-list-cell.on .step-list-item .icon:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #043b72;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}

/* 2024-11-13 */
.step-visual .step-list-item .icon {
    position: relative;
    flex: 0 0 auto;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #d2d3d1;
}

.step-visual .step-list-item .icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    transform: translate(-50%, -50%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.step-visual .step-list-item .step-text {
    padding-left: 25px;
}

.step-visual .step-list-item .step-text .step-current {
    font-family: "Poppins";
    font-size: 16px;
    line-height: 20px;
}

.step-visual .step-list-item .step-text .step-info {
    margin-top: 6px;
    font-size: 20px;
    line-height: 26px;
}

.step-visual+.join-form-wrap .con-title {
    margin-top: 60px;
}

/* 버튼형 체크박스 */
.form-button-check-wrap {
    display: inline-flex;
}

.form-button-check-wrap .form-button-check {}

.form-button-check {
    position: relative;
    display: inline-block;
}

.form-button-check input {
    position: absolute;
    top: 0;
    left: 0;
}

.form-button-check .value {
    position: relative;
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 68px;
    height: 36px;
    margin: -1px;
    font-size: 14px;
    line-height: 32px;
    color: #3d3935;
    background-color: #fff;
    border: 1px solid #d2d3d1;
    z-index: 0;
}

.form-button-check input:checked+.value {
    color: #000;
    border-color: #e37500;
    font-weight: 500;
    z-index: 2;
}

.form-button-check:first-of-type .value {
    border-radius: 4px 0 0 4px;
}

.form-button-check:last-of-type .value {
    border-radius: 0px 4px 4px 0;
}

/*==============================================
	ETF상품정보
==============================================*/
/* 액티브 ETF */
.active-etf-wrap .con-title+.data-view-sort {
    margin-top: 30px;
}

.active-etf-wrap .border-box {
    margin-top: 30px;
    padding: 80px 53px 62px;
    border: 1px solid #e0e0e0;
}

.active-etf-wrap .border-box .content-text {
    font-size: 30px;
    line-height: 40px;
    color: #757575;
    text-align: center;
}

.active-etf-wrap .border-box .circle-list-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.active-etf-wrap .circle-list-wrap .circle-list-item {
    padding: 0 5px;
}

.active-etf-wrap .circle-list-wrap .circle-list {
    display: flex;
}

.active-etf-wrap .circle-list-wrap .circle-list .list-cell {
    display: flex;
    align-items: center;
    width: 187px;
    height: 187px;
    text-align: center;
    border-radius: 50%;
}

.active-etf-wrap .circle-list-wrap .circle-list .list-cell+.list-cell {
    margin-left: -20px;
}

.active-etf-wrap .circle-list-wrap .circle-list .list-cell>div {
    width: 100%;
    padding: 0 20px;
    font-size: 18px;
    color: #fff;
    line-height: 32px;
}

.active-etf-wrap .circle-list-wrap .circle-list .list-cell>div .text-small {
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
}

.active-etf-wrap .circle-list-wrap .circle-list-item .sub-text {
    margin-top: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}

.active-etf-wrap .circle-list-wrap .background-orange .circle-list .list-cell {
    background-color: rgba(237, 113, 1);
}

.active-etf-wrap .circle-list-wrap .background-orange .circle-list .list-cell:nth-of-type(2) {
    background: url("../images/content/product_active_etf_circle1.png") no-repeat center center;
    background-size: 100% auto;
    z-index: 2;
}

.active-etf-wrap .circle-list-wrap .background-darkgray .circle-list .list-cell {
    background-color: rgba(61, 57, 53, 0.8);
}

.active-etf-wrap .circle-list-wrap .background-darkgray .circle-list .list-cell:nth-of-type(2) {
    background: url("../images/content/product_active_etf_circle2.png") no-repeat center center;
    background-size: 100% auto;
    z-index: 2;
}

.active-etf-wrap>.active-etf-content {
    margin-top: 112px;
}

.active-etf-content .text-content {
    font-size: 18px;
    color: #757575;
    line-height: 32px;
}

.active-etf-content .text-content .text+.text {
    margin-top: 32px;
}

.about-active-etf .active-etf-content .text-wrap,
.usa-start-content .text-wrap {
    margin-top: 60px;
    font-size: 0;
}

.about-active-etf .active-etf-content .text-wrap .con-title,
.usa-start-content .text-wrap .con-title {
    display: inline-block;
    width: 360px;
}

.about-active-etf .active-etf-content .text-content,
.usa-start-content .text-content {
    display: inline-block;
    width: calc(100% - 360px);
    padding-right: 10px;
    box-sizing: border-box;
}

.active-etf-wrap .appear-content {
    display: flex;
    column-gap: 60px;
}

.active-etf-wrap .appear-content .visual-content {
    width: 660px;
    display: flex;
}

.active-etf-wrap .appear-content .visual-content .img-area1 {
    width: 330px;
    position: relative;
    overflow: hidden;
}

.active-etf-wrap .appear-content .visual-content .img-area1>img {
    max-width: fit-content;
    position: absolute;
    left: -50%;
}

/*.active-etf-wrap .appear-content .visual-content > div + div {margin-left:30px;}*/
.active-etf-wrap .appear-content .text-wrap {
    width: 429px;
    box-sizing: border-box;
}

.active-etf-wrap .appear-content .text-wrap .text-content {
    margin-top: 32px;
}

/* .active-etf-wrap .appear-content {min-height:500px;}
.active-etf-wrap .appear-content .grid-outside {position:absolute; left:0; min-width:99vw;}
.active-etf-wrap .appear-content .grid-outside > div {display:flex; justify-content:space-between; padding-right:375px;}
.active-etf-wrap .appear-content .grid-outside .img-area1 {position:relative;}
.active-etf-wrap .appear-content .grid-outside .text-wrap {max-width:450px; padding:35px 18px 0 10px; box-sizing:border-box;}
.active-etf-wrap .appear-content .grid-outside .text-wrap .text-content {margin-top:32px;} */

.active-etf-wrap .korea-start-content .text-wrap {
    position: relative;
    width: 100%;
    padding-top: 32.5%;
}

.active-etf-wrap .korea-start-content .text-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/content/product_active_etf_bg1.jpg") no-repeat top center;
    background-size: 100% auto;
}

.active-etf-wrap .korea-start-content .text-wrap .con-title {
    position: absolute;
    left: 0;
    top: 0;
    padding: 74px 60px;
    color: #fff;
}

.active-etf-wrap .korea-start-content .text-wrap .text-content {
    margin-top: 32px;
    padding: 0 40px 0 30%;
}

/* 액티브 ETF > 액티브 ETF 특징 */
.active-etf-peculiarity .con-info {
    margin-top: 36px;
    font-size: 18px;
    color: #3d3935;
    line-height: 24px;
}

.active-etf-peculiarity .read-table-wrap {
    margin-top: 36px;
}

.active-etf-peculiarity .read-table>table>thead>tr,
.active-etf-peculiarity .read-table>table>tbody>tr {
    padding-left: 50px;
    box-sizing: border-box;
}

/* 액티브 ETF > 액티브 ETF 상품 */
.active-etf-wrap .con-title+.con-detail-wrap {
    margin-top: 30px;
}

.con-detail-wrap {
    position: relative;
    display: flex;
    padding-right: 80px;
}

.basic-date {
    position: relative;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.basic-date .date {
    display: inline-block;
}

.btn-question {
    margin-left: 8px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/icon/icon_question_mark_gray_24.svg") no-repeat center center;
    background-size: 100% auto;
}

.btn-inside-pop {
    position: absolute;
    top: -20px;
    left: 150px;
    width: 370px;
    height: auto;
    background-color: transparent;
}

.pop-data.orange-box {
    max-width: 100%;
    margin: 0;
    border: 1px solid #e37500;
    border-radius: 0;
}

.btn-inside-pop.show .pop-data.orange-box {
    opacity: 1;
}

.active-etf-wrap .product-info-table {
    margin-top: 36px;
}

.active-etf-wrap .cal-txt+div>.product-info-table {
    margin-top: 30px;
}

.read-table table .border-left-gray {
    border-left: 1px solid #595959;
}

.product-info-table .read-table table>thead>tr>th {
    padding: 8px 0;
}

.product-info-table .read-table table>tbody>tr>td {
    padding: 25px 0 28px;
    line-height: 24px;
}

.product-info-table .read-table table>tbody>tr>td.text-right {
    text-align: right !important;
}

/* 2022-10-31 추가 */
.product-info-table .read-table table>tbody>tr>td>span {
    display: inline-block;
}

.product-info-table .read-table table>tbody>tr>td>span.character {
    text-align: left;
}

.product-info-table .read-table table>tbody>tr>td>span.base-price,
.product-info-table .read-table table>tbody>tr>td>span.total-assets {
    color: #5e5e5e;
}

.color-down {
    position: relative;
    color: #145bb3 !important;
}

/* .read-table-wrap .read-table table > tbody > tr > td .color-down:before {content:'-'; position:absolute; left:0;} */
.color-up {
    position: relative;
    color: #d93b3b !important;
}

/* .read-table-wrap .read-table table > tbody > tr > td .color-up:before {content:'+'; position:absolute; left:0;} */
.color-none {
    position: relative;
    color: #5e5e5e !important;
}

/* .read-table-wrap .read-table table > tbody > tr > td .color-none:before {position:absolute; content:'-'; color:#3d3935;} */
/* .active-etf-wrap button.btn-basic.page-number {padding:0 30px;} */

.product-info-table .read-table th.table-input {
    padding: 14px 10px 15px;
    line-height: 30px;
    font-size: 0;
}

.product-info-table .table-input span.text {
    display: inline-block;
    font-size: 16px;
}

.product-info-table .table-input span.text+.toggle-btn-wrap {
    margin-left: 16px;
    line-height: 0;
}

.product-info-table .toggle-btn-wrap {
    display: inline-flex;
    align-items: center;
    height: 30px;
    font-size: 0px;
    border: 1px solid #d2d3d1;
    border-radius: 15px;
    background-color: #fff;
    box-sizing: border-box;
}

.product-info-table .toggle-btn-wrap .btn-toggle {
    position: relative;
    display: inline-block;
    line-height: 28px;
    vertical-align: top;
}

.product-info-table .toggle-btn-wrap .btn-toggle:nth-of-type(1) {
    padding: 0 12px 0 18px;
}

.product-info-table .toggle-btn-wrap .btn-toggle:nth-of-type(2) {
    padding: 0 18px 0 12px;
}

.product-info-table .toggle-btn-wrap .btn-toggle.actived {
    position: relative;
    padding: 0 18px;
}

.product-info-table .toggle-btn-wrap .btn-toggle.actived:before {
    content: "";
    position: absolute;
    top: -1px;
    width: 100%;
    height: 30px;
    border-radius: 15px;
    background-color: #e37500;
}

.product-info-table .toggle-btn-wrap .btn-toggle:nth-of-type(1).actived:before {
    left: -1px;
}

.product-info-table .toggle-btn-wrap .btn-toggle:nth-of-type(2).actived:before {
    right: -1px;
}

.product-info-table .toggle-btn-wrap .btn-toggle.actived span {
    color: #fff;
}

/* .product-info-table .toggle-btn-wrap .btn-toggle:nth-of-type(1).actived {border-radius:0 15px 15px 0;}
.product-info-table .toggle-btn-wrap .btn-toggle:nth-of-type(1).actived:before {content:''; position:absolute; left:-10px; top:0; width:20px; height:100%; background-color:#8e8e8e;}
.product-info-table .toggle-btn-wrap .btn-toggle:nth-of-type(2).actived {border-radius:15px 0 0 15px;}
.product-info-table .toggle-btn-wrap .btn-toggle:nth-of-type(2).actived:before {content:''; position:absolute; right:-7px; top:0; width:20px; height:100%; background-color:#8e8e8e;} */

.product-info-table .product {
    display: flex;
}

.product-info-table .product-item {
    position: relative;
    padding: 0 35px 0 20px;
    text-align: left;
}

.product-info-table .product-item .label-group .label-group-inner {
    margin: -2px;
}

.product-info-table .product-item .label-group .label-group-inner .group-cell {
    padding: 2px;
}

.product-info-table .product-item .label-group .label-group-inner .group-cell .label-size-middle {
    min-width: 35px;
    padding: 0 4px;
}

.product-info-table .product-item .item-cate+.item-subject {
    margin-top: 5px;
    margin-right: 10px;
}

/* .product-info-table .product-item .item-subject {display:-webkit-box; max-height:48px; font-size:16px; line-height:24px; font-weight:700; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;} */
/* .product-info-table .product-item .item-code {display:inline-block; font-size:16px; font-weight:300; color:#8e8e8e; line-height:26px;} */
.product-info-table .product-item .item-subject {
    display: -webkit-box;
    max-height: 48px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-info-table .product-item .item-code {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #949494;
    line-height: 24px;
}

.product-info-table .product-item .item-ui {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12px;
}

/* pop-table-wrap */
.pop-header .pop-header-title+.pop-header-info {
    margin-top: 33px;
    padding-bottom: 2px;
    text-align: left;
}

.pop-header .pop-header-info .toast-data-group {
    margin-right: 0;
}

.pop-header .pop-header-info .basic-date {
    font-size: 18px;
    line-height: 24px;
    color: #3d3935;
}

.pop-header .toast-pop-data {
    width: 300px;
}

.pop-header .pop-header-info .info-big {
    font-size: 18px;
    line-height: 24px;
}

.pop-header .pop-header-info .info-small {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #757575;
}

.pop-body.basic-scroller.longer {
    max-height: 464px;
    padding-bottom: 50px;
}

.large-table table>thead {
    border: none;
}

.large-table table>thead>tr>th {
    padding: 7px 25px 9px;
    color: #fff;
    line-height: 22px;
    background-color: #e37500;
}

.large-table table>thead>tr>th>span {
    display: -webkit-box;
    max-height: 44px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.large-table table>tbody>tr>th {
    font-size: 16px;
    font-weight: 300;
    color: #757575;
    line-height: 40px;
    border-bottom: 1px solid #e5e6e5;
    background-color: #f7f7f7;
}

.large-table table>tbody>tr>td {
    padding: 15px 10px 14px;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: #000;
}

/* .read-table-wrap .read-table.large-table table > tbody > tr > td .color-none:before {content:''; top:50%; left:50%; display:block; width:12px; height:2px; margin:-1px 0 0 -6px; background-color:#000;} */

.active-etf-wrap .source {
    margin-top: 25px;
    text-align: right;
    color: #3d3935;
}

/* 2022-10-27 추가 */

/* 전체 운용 상품 > 상품명 검색결과 리스트형 */
.con-detail-wrap .select-content select {
    height: 36px;
    padding: 0 30px 0 6px;
    font-size: 16px;
    font-weight: 500;
    line-height: 36px;
}

.con-detail-wrap .select-content.period {
    margin-left: 36px;
}

.con-detail-wrap .select-content.rate {
    margin-left: 24px;
}

.con-detail-wrap .btn-square-wrap {
    margin-left: 10px;
}

.btn-square-wrap .btn-square {
    padding: 0 16px;
    font-size: 16px;
    font-weight: 300;
    line-height: 34px;
    color: #3d3935;
    border: 1px solid #d2d3d1;
    border-radius: 4px;
    background-color: #fff;
}

.list-type-btn-wrap {
    display: inline-flex;
    width: 100%;
    height: 36px;
}

.list-type-btn-wrap>li {
    position: relative;
    width: auto;
    height: 100%;
    border: 1px solid #595959;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden;
}

.list-type-btn-wrap>li:first-of-type {
    border-right: 0;
    border-radius: 4px 0 0 4px;
}

.list-type-btn-wrap>li:last-of-type {
    border-left: 0;
    border-radius: 0 4px 4px 0;
}

.list-type-btn-wrap>li>.btn-list-type {
    border: none;
    border-radius: 0 !important;
}

.list-type-btn-wrap>li.actived {
    border-color: #e37500;
    background-color: #e37500;
}

.list-type-btn-wrap>li.actived>.btn-list-type {
    color: #fff;
    background-color: #e37500;
}

.list-type-btn-wrap>li.actived .btn-list-type:before {
    display: none;
}

.list-type-btn-wrap>li.actived .btn-list-type:after {
    display: block;
}

.active-etf-wrap .list-type-btn-wrap .btn-list-type {
    width: auto;
}

.list-type-btn-wrap .btn-list-type {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 6px 12px 6px 36px;
    border: 1px solid #595959;
    font-size: 13px;
    color: #595959;
    line-height: 24px;
    background-color: #fff;
    box-sizing: border-box;
}

.list-type-btn-wrap .btn-list-type:first-of-type {
    border-right: 0;
    border-radius: 4px 0 0 4px;
}

.list-type-btn-wrap .btn-list-type:last-of-type {
    border-left: 0;
    border-radius: 0 4px 4px 0;
}

.list-type-btn-wrap .btn-list-type:before,
.list-type-btn-wrap .btn-list-type:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.list-type-btn-wrap .type-list:before {
    display: block;
    background-image: url("../images/icon/icon_tab_list_gray_24.svg");
}

.list-type-btn-wrap .type-list:after {
    display: none;
    background-image: url("../images/icon/icon_tab_list_white_24.svg");
}

.list-type-btn-wrap .type-card:before {
    display: block;
    background-image: url("../images/icon/icon_tab_card_gray_24.svg");
}

.list-type-btn-wrap .type-card:after {
    display: none;
    background-image: url("../images/icon/icon_tab_card_white_24.svg");
}

.list-type-btn-wrap .type-graph:before {
    display: block;
    background-image: url("../images/icon/icon_tab_graph_gray_24.svg");
}

.list-type-btn-wrap .type-graph:after {
    display: none;
    background-image: url("../images/icon/icon_tab_graph_white_24.svg");
}

.list-type-btn-wrap .btn-list-type.actived {
    border-color: #e37500;
    background-color: #e37500;
    height: 100%;
    color: #fff;
}

.list-type-btn-wrap .btn-list-type.actived:before {
    display: none;
}

.list-type-btn-wrap .btn-list-type.actived:after {
    display: block;
}

.product-info-table .read-table th.table-select {
    padding: 14px 54px 10px;
}

.product-info-table .read-table th.table-select .text {
    display: inline-block;
    line-height: 30px;
}

.product-info-table .read-table th.table-select .visual-square {
    margin-top: 10px;
}

.product-info-table .read-table th.table-select .visual-square:focus {
    outline: 2px solid #000;
}

/* 2024 웹접근성 */

.visual-square {
    position: relative;
    height: 36px;
    padding: 0 0 0 20px;
    color: #595959;
    border: 1px solid #d2d3d1;
    border-radius: 4px;
}

.visual-square.select-box-white {
    background-color: #fff;
}

.select-content {
    position: relative;
}

.select-content::after {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background: url("../images/icon/icon_select_arrow_black.png") no-repeat;
    position: absolute;
    top: 43%;
    right: 10px;
}

.content-bottom-info-box {
    margin-top: 80px;
}

.content-bottom-info-box .content-bottom-box {
    padding: 60px 60px 58px;
    border: 1px solid #e5e6e5;
    background-color: #fff;
    box-sizing: border-box;
}

.content-bottom-info-box .content-bottom-box .title+.dotted-list {
    margin-top: 28px;
}

.note-info .title {
    position: relative;
    padding-left: 28px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    line-height: 24px;
}

.note-info .title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url("../images/icon/icon_note_orange_24.svg") no-repeat center center;
    background-size: 100% auto;
}

.dotted-list.small .list-cell+.list-cell {
    margin-top: 0;
}

/* 전체 운용 상품 > 카테고리 팝업 */
.pop-body .check-list-wrap {
    margin-top: 12px;
}

.check-list-wrap .form-data-group+.form-data-group {
    margin-top: 50px;
}

.check-list-wrap .form-data-group+.form-data-group.expand {
    margin-top: 60px;
}

.check-list-wrap .item-subject {
    font-size: 18px;
    color: #000;
    line-height: 22px;
}

.check-list-wrap .item-list-content {
    margin-top: 18px;
}

.check-list-wrap .item-list-content .item-list {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.check-list-wrap .item-list .list-cell {
    padding: 5px;
    box-sizing: border-box;
}

.check-list-wrap .item-list .list-cell .btn-size-large {
    width: 100%;
    font-size: 16px;
    color: #3d3935;
    background-color: #f4f4f4;
    border: none;
}

.check-list-wrap .item-list .list-cell button.btn-basic {
    min-width: auto;
}

.check-list-wrap .inner .item-subject {
    margin-top: 16px;
    font-size: 16px;
    color: #3d3935;
    line-height: 22px;
}

.check-list-wrap .inner .item-list-content {
    margin-top: 14px;
}

.check-list-wrap .inner .item-list-content button {
    height: 48px;
    padding: 0 18px;
    color: #3d3935;
    font-size: 16px;
    line-height: 46px;
    border-radius: 24px;
}

.check-list-wrap .inner .item-list .list-cell {
    flex: inherit;
}

.check-list-wrap .item-list .list-cell button.actived {
    color: #fff;
    background-color: #e37500;
}

.check-list-wrap .inner .item-list-content button.actived {
    color: #e37500;
    border-color: #e37500;
    background-color: #fff;
}

/* 전체 운용 상품 > 상품명 검색결과 없을 시 */
.product-info-none {
    margin-top: 30px;
    padding: 140px 0 136px;
    border-top: 1px solid #d2d3d1;
    border-bottom: 1px solid #e5e6e5;
    box-sizing: border-box;
}

.product-info-none .txt {
    position: relative;
    padding-top: 120px;
    font-size: 18px;
    font-weight: 300;
    color: #3d3935;
    text-align: center;
    line-height: 25px;
}

.product-info-none .txt:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 96px;
    height: 96px;
    margin-left: -48px;
    background: url("../images/icon/icon_board_none.png") left top no-repeat;
}

/* 전체 운용 상품 > 상품명 검색결과 트리맵형 */
.active-etf-wrap .treemap-chart-title {
    margin-top: 30px;
}

/* 전체 운용 상품 > 구성종목 검색결과 */
.read-table-top {
    display: flex;
    align-items: center;
    margin: -6px 0 30px;
}

.read-table-top .top-right {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.read-table-top .btn-item+.btn-item {
    margin-left: 6px;
}

/* 상품상세 > 상단 */
/* .product-view-top {position:relative;width:100vw;height:calc( 100vh - 80px );background-color:#fafafa; z-index:100; text-align:center;} */
.product-view-top {
    position: relative;
    padding-top: 80px;
    background-color: #fafafa;
    z-index: 100;
    text-align: center;
}

/* .product-view-top .wide-container {display:flex; height:100%; align-items:center;} */
/* .product-view-top .wide-container {top: 50%; transform: translateY(-50%);} */
.product-view-top .top-inner {
    width: 100%;
}

.product-view-top .label-group .label-group-inner {
    display: inline-flex;
    margin: -3px;
}

.product-view-top .label-group .label-group-inner .group-cell {
    padding: 3px;
}

.product-view-top .btn-product-scroll {
    position: absolute;
    bottom: 10px;
    left: 50%;
    display: inline-block;
    width: 72px;
    text-align: center;
    margin-left: -36px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    background: url(../images/icon/icon_product_view_scroll_arrow.png) center bottom no-repeat;
    padding-bottom: 16px;
}

/* .product-view-top .top-ui {position:absolute; top:50%; right:80px; display:inline-block; width:60px; transform:translate(0 , -50%); z-index:15;} */
/* .product-view-top .top-ui {position:absolute; top:331px; right:80px; display:inline-block; width:60px; z-index:15;} 2024-01-16 삭제 */
/* 2024-01-16 추가 */
.product-view-top .top-ui {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 200px;
}

.product-view-top .top-ui .top-ui-con {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-view-top .top-ui .top-ui-con p {
    margin-top: 15px;
    font-weight: 700;
}

/* // 2024-01-16 추가 */
.product-view-top .top-ui .btns-item {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    font-size: 0;
    background: #8e8e8e;
    box-sizing: border-box;
    border-radius: 50%;
}

.product-view-top .top-ui .btns-item>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.product-view-top .top-ui .btns-item.on {
    border-color: #e37500;
    background-color: #e37500;
    transition: all ease 0.35s;
}

.product-view-top .top-ui .btns-item:not(.on):focus {
    outline: 2px solid #ffcc00;
}

/* 2024 웹접근성 */
.product-view-top .top-ui .btns-item.on .icon-document-gray-32 {
    background-image: url("../images/icon/icon_document_light_gray_32.png");
}

.product-view-top .top-ui .btns-item.on .icon-play-gray-32 {
    background-image: url("../images/icon/icon_play_light_gray_32.png");
}

.product-view-top .top-ui .btns-item.on .icon-blog-gray-32 {
    background-image: url("../images/icon/icon_blog_light_gray_32.png");
}

.product-view-top .top-ui .btns-item.on .icon-leaflet-gray-32 {
    background-image: url("../images/icon/icon_leaflet_light_gray_32.png");
}

/* .product-view-top .top-ui .btns-item + .btns-item {margin-top:10px;} 2024-01-16 삭제 */

.product-view-cate {
    margin-bottom: 10px;
}

.product-view-name {
    font-size: 64px;
    line-height: 96px;
    font-weight: 700;
    color: #e37500;
}

.product-view-name+.product-view-code {
    margin-top: 0;
}

.product-view-code {
    display: block;
    font-size: 24px;
    line-height: 30px;
    color: #595959;
    font-weight: 700;
}

.product-view-code+.product-view-intro {
    margin-top: 10px;
}

/* .product-view-intro {display:-webkit-box; max-height:56px;font-size:18px; color:#3d3935; line-height:28px; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; box-sizing:border-box;} */
.product-view-intro {
    display: -webkit-box;
    max-height: 56px;
    font-size: 18px;
    color: #595959;
    line-height: 28px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    box-sizing: border-box;
}

.product-view-code+.product-view-state {
    margin-top: 90px;
}

.product-view-intro+.product-view-state {
    margin-top: 50px;
}

.product-view-state {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.product-view-state.for-flex .state-cell {
    width: calc(50% - 8px);
    margin-right: 0;
}

/* .product-view-state {display:flex; justify-content:center;} */
/* .product-view-state .state-cell {text-align:left; margin:0 30px;} */
.product-view-state .state-cell {
    padding: 50px 0;
    margin-right: 16px;
    margin-bottom: 16px;
    width: calc((100% / 3) - 16px);
    text-align: center;
    border: 1px solid #595959;
    border-radius: 12px;
    background: #fff;
}

.product-view-state .state-cell:nth-child(3n) {
    margin-right: 0;
}

/* 2024-05-16 추가 */
.product-view-state.flex-type3 .type3-cell:nth-child(1) {
    display: flex;
    width: calc(100% * 2 / 3);
    flex-wrap: wrap;
}

.product-view-state.flex-type3 .type3-cell:nth-child(2) {
    display: flex;
    width: calc(100% * 1 / 3);
    flex-wrap: wrap;
}

.product-view-state.flex-type3 .type3-cell:nth-child(1) .state-cell {
    width: calc(50% - 16px);
    margin-right: 16px;
    flex-grow: 1;
    height: 200px;
    box-sizing: border-box;
}

.product-view-state.flex-type3 .type3-cell:nth-child(1) .state-cell:nth-child(2n) {
    margin-right: 0;
}

.product-view-state.flex-type3 .type3-cell:nth-child(2) .state-cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 16px);
    margin-left: 16px;
    margin-right: 0;
}

/* // 2024-05-16 추가 */

.product-view-state .price-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #595959;
}

/* .product-view-state .price-value {display:flex;} */
.product-view-state .price-value .value {
    margin: 4px 0;
    font-size: 30px;
    line-height: 46px;
    font-weight: 700;
}

/* .product-view-state .price-value .value span {margin-left:5px; vertical-align:baseline; font-size:18px;} // 2022-11-22 추가, 2023-05-09 삭제 */
.product-view-state .price-value .price-grade {
    padding: 8px 0;
}

.product-view-state .price-value .price-percent {
    display: inline-flex;
}

.product-view-state .price-value .gray {
    margin-left: 4px;
    display: inline-block;
    font-size: 15px;
    color: #595959;
}

/* 2024-03-12 별표추가 s */
.product-view-top .reference_icon {
    font-size: 0;
    color: transparent;
}

.product-view-top .reference_icon:before {
    content: "*";
    font-size: 16px;
    color: #949494;
    font-weight: 700;
}

.product-view-top .reference_contents {
    position: relative;
    padding-left: 10px;
    font-size: 16px;
    color: #949494;
    text-align: right;
}

.product-view-top .reference_contents .reference_icon {
    position: absolute;
    top: 3px;
}

/* //2024-03-12 별표추가 e */
.price-grade {
    display: flex;
    align-items: center;
    height: 40px;
}

.price-grade .grade-bar {
    position: relative;
    width: 200px;
    height: 40px;
    background-color: #f5f5f5;
}

.price-grade .grade-value {
    font-size: 20px;
    line-height: 24px;
    color: #000;
    font-weight: 300;
    margin-left: 20px;
}

.price-grade .grade-value strong {
    font-weight: 700;
}

.price-grade .grade-bar .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: rgb(237, 113, 0);
    background: linear-gradient(90deg,
            rgba(237, 113, 0, 1) 0%,
            rgba(231, 42, 15, 1) 100%);
    transition: width 0.35s ease;
}

.price-percent {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
    height: 22px;
    font-weight: 500;
    padding-left: 18px;
}

.price-percent.minus {
    color: #145bb3;
}

.price-percent.minus:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #145bb3 transparent transparent transparent;
}

.price-percent.plus {
    color: #d93b3b;
}

.price-percent.plus:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 8px 5px;
    border-color: transparent transparent #d93b3b transparent;
}

/* 상품상세 > 공통 */
/* .product-detail-inner {padding:80px 0 120px 0;} */
.product-detail-wrap {
    padding-bottom: 120px;
}

.product-detail-inner .con-title {
    margin-bottom: 30px;
}

.data-view-sort {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.data-view-sort .sort-left {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.data-view-sort .sort-right {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    margin-left: auto;
}

.data-view-sort .sort-wide {
    display: flex;
    width: 100%;
    margin-top: 30px;
}

.data-view-sort .sort-wide.right {
    justify-content: flex-end;
}

.data-view-sort .btn-item+.btn-item {
    margin-left: 6px;
}

.data-view-sort .sort-value {
    position: relative;
}

.data-view-sort .sort-value:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 2px;
    display: block;
    background-color: #000;
}

.data-view-sort .sort-value>select:focus-visible {
    outline: 2px solid #000;
    border-radius: 3px;
}

/* 2023-01-12 접근성 1차 수정 */
.data-view-sort .sort-value .form-date:first-of-type {
    margin-left: -10px;
}

.data-view-sort .sort-value .form-date input {
    font-weight: 400;
}

.data-view-sort .sort-value .form-date input:focus {
    outline: 2px solid #000;
}

/* 2024 웹접근성 */
.sort-group {
    display: inline-flex;
    align-items: center;
}

.sort-group .sort-label {
    font-size: 16px;
    color: #757575;
    margin-right: 20px;
}

.sort-group+.sort-group {
    margin-left: 20px;
}

.form-wrap .sort-group+.sort-group {
    margin-left: 0;
}

.data-view {
    margin-top: 30px;
}

.sort-group .btn-data-inquiry {
    border-radius: 2px;
    margin-left: 12px;
}

.toast-data-wrap {
    display: inline-block;
}

.toast-data-wrap .toast-data-group {
    margin-right: 0;
}

.product-detail-wrap .toast-data-wrap .con-title {
    display: inline-block;
}

.product-detail-wrap .toast-data-wrap .con-title+.toast-data-group {
    height: 40px;
    margin-bottom: 30px;
}

.product-detail-wrap .dotted-list .toast-data-wrap .toast-data-group {
    margin-left: -2px;
}

.product-detail-wrap .dotted-list .toast-data-group .btn-question {
    margin-left: 0;
}

/* 상품상세 > 탭 */
.product-view-tab {
    height: 80px;
}

.product-view-tab.fixed_bot .tab-inner {
    position: fixed;
    bottom: 0;
}

.product-view-tab.actived .tab-inner {
    position: fixed;
    top: 0;
    left: 0;
}

.product-view-tab .tab-inner {
    position: relative;
    bottom: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 80px;
    padding: 0 80px;
    background: #311300;
    z-index: 100000;
    box-sizing: border-box;
}

.view-tab-list {
    display: flex;
}

.view-tab-list>li {}

.view-tab-list>li+li {
    margin-left: 30px;
}

.view-tab-list .actived .btn-tab-item {
    color: rgba(255, 255, 255, 1);
    border-bottom-color: #e37500;
}

.view-tab-list .btn-tab-item {
    display: block;
    height: 80px;
    font-size: 16px;
    line-height: 80px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 4px solid transparent;
    box-sizing: border-box;
}

.view-tab-btns {
    display: inline-flex;
    height: 80px;
    align-items: center;
}

.view-tab-btns .btns-cell {
    position: relative;
}

.view-tab-btns .btns-cell+.btns-cell {
    margin-left: 30px;
}

/* .view-tab-btns .btns-cell:last-child {margin-left:40px;} */
.view-tab-btns .btn-product-share-toggle {
    position: relative;
    padding: 0 0 0 34px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 700;
}

.view-tab-btns .btn-product-share-toggle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/icon/icon_product_tab_share.svg) left top no-repeat;
}

.view-tab-btns .btn-product-like {
    position: relative;
    display: block;
    width: 138px;
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    border-radius: 24px;
    background-color: #e37500;
}

.view-tab-btns .btn-product-like>span {
    padding-left: 26px;
}

/* .view-tab-btns .btn-product-like:before {content:''; position:absolute; left:24px; top:50%; display:block; width:24px; height:24px; margin-top:-12px; background:url(../images/icon/icon_product_tab_like_off.png) left top no-repeat; opacity:1;} */
.view-tab-btns .btn-product-like:before {
    content: "";
    position: absolute;
    left: 24px;
    top: 50%;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url(../images/icon/icon_like_line_white_24.png) left top no-repeat;
    opacity: 1;
}

.view-tab-btns .btn-product-like:after {
    content: "";
    position: absolute;
    left: 24px;
    top: 50%;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url(../images/icon/icon_like_white_24.svg) left top no-repeat;
    opacity: 0;
}

.view-tab-btns .btn-product-like.actived:before {
    opacity: 0;
}

.view-tab-btns .btn-product-like.actived:after {
    opacity: 1;
}

/* .view-tab-btns .btn-product-like {position:relative; padding:0 0 0 34px; font-size:16px; line-height:24px; color:#fff; font-weight:300;}
.view-tab-btns .btn-product-like:before {content:''; position:absolute; top:0; left:0; display:block; width:24px; height:24px; background:url(../images/icon/icon_product_tab_like_off.png) left top no-repeat; opacity:1;}
.view-tab-btns .btn-product-like:after {content:''; position:absolute; top:0; left:0; display:block; width:24px; height:24px; background:url(../images/icon/icon_like_orange_24.png) left top no-repeat; opacity:0;}
.view-tab-btns .btn-product-like.actived:before {opacity:0;}
.view-tab-btns .btn-product-like.actived:after {opacity:1;}
a.btn-product-buy{position:relative; display:block; width:180px; height:50px; padding-left:20px; font-size:18px; line-height:50px; color:#fff; font-weight:700; text-align:center; white-space:nowrap; border-radius:25px; background-color:#e37500; box-sizing:border-box;}
a.btn-product-buy:before {content:''; position:absolute; left:40px; top:50%; display:block; width:24px; height:24px; margin-top:-12px; background:url(../images/icon/icon_product_tab_like_off.png) left top no-repeat;} */
.view-tab-btns .toast-pop-data {
    left: 0;
    top: 0;
    margin-top: -190px;
    margin-left: -100px;
}

.view-tab-btns .toast-pop-inner {
    box-shadow: 7px 7px 10px 0px rgb(0 0 0 / 10%);
}

.view-tab-btns .toast-pop-inner .pop-header {
    padding-bottom: 20px;
}

.view-tab-btns .toast-pop-inner .pop-body {
    padding-bottom: 20px;
}

.view-tab-btns .toast-pop-data .share-sns-wrap {
    display: flex;
    justify-content: center;
}

.view-tab-btns .toast-pop-data .share-sns-wrap>div {
    margin: 0 20px;
}

.view-tab-btns .toast-pop-data .share-sns-wrap .share-sns {
    position: relative;
    padding: 58px 0px 0;
    font-size: 14px;
    font-weight: 300;
    color: #757575;
}

.view-tab-btns .toast-pop-data .share-sns-wrap .share-sns:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 48px;
    height: 48px;
    margin-left: -24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}

.view-tab-btns .toast-pop-data .share-sns-wrap .facebook:after {
    background-image: url("../images/icon/icon_etf_facebook.png");
}

.view-tab-btns .toast-pop-data .share-sns-wrap .kakao:after {
    background-image: url("../images/icon/icon_etf_kakao.png");
}

.view-tab-btns .toast-pop-data .share-sns-wrap .link:after {
    background-image: url("../images/icon/icon_etf_link.png");
}

.product-view-tab.actived .view-tab-btns .toast-pop-data {
    left: 0;
    top: 30px;
    margin-top: 0;
}

/* 2022-09-07 추가 */
.view-tab-btns .etf-tooltip {
    display: block;
    /* 2024-11-13 접근성 추가 */
    position: absolute;
    top: -190px;
    right: 80px;
    width: 310px;
    padding: 30px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 5px 5px 10px #ddd;
    border: 1px solid #e37500;
}

.view-tab-btns .etf-tooltip::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    right: 85px;
    width: 20px;
    height: 12px;
    background: url("../images/icon/icon-tooltip-arrow.png") transparent no-repeat 50% 50%;
    background-size: contain;
}

.view-tab-btns .etf-tooltip .title {
    font-weight: 600;
    font-size: 18px;
}

.view-tab-btns .etf-tooltip .detail {
    margin-top: 5px;
    font-weight: 300;
    color: #757575;
}

.view-tab-btns .etf-tooltip .btn-close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 18px;
    height: 18px;
    background: url("../images/icon/icon_pop_close_gray_18.png") no-repeat;
    background-size: contain;
    text-indent: -9999px;
}

/* // 2022-09-07 추가 */

/* 상품상세 > 상품 특징 */

/* 상품상세 > 상품상단 */
/* 2023-05-09 추가 */
.product-view-middle {
    padding: 24px 0 80px;
    background: #fafafa;
}

.product-view-middle .flex-box {
    display: flex;
    justify-content: space-between;
}

.product-view-middle .flex-box .box {
    padding: 50px 80px;
    width: 50%;
    background: #fff;
    border: 1px solid #595959;
    border-radius: 12px;
}

.product-view-middle .flex-box .box+.box {
    margin-left: 16px;
}

.product-view-middle .flex-box .box-title {
    margin-bottom: 54px;
    font-weight: 700;
    color: #595959;
    text-align: center;
}

.product-view-middle .flex-box .box-list-div .box-list {
    display: flex;
}

.product-view-middle .flex-box .box-list-div .box-list+.box-list {
    margin-top: 12px;
}

.product-view-middle .flex-box .box-list-div .box-list p {
    flex: 0 1 70%;
    font-weight: 500;
    word-break: break-all;
}

.product-view-middle .flex-box .box-list-div .box-list .ranking {
    margin-right: 12px;
    display: inline-block;
    flex: 0 1 auto;
    width: 19px;
    color: #e37500;
    font-weight: 700;
    word-break: break-all;
}

.product-view-middle .flex-box .box-list-div .box-list .percent {
    margin-left: auto;
    padding-left: 4px;
    flex: 0 0 20%;
    color: #595959;
    font-weight: 500;
    text-align: right;
    word-break: break-all;
}

.product-view-middle .flex-box .link-list-div .link-list+.link-list {
    margin-top: 10px;
}

.product-view-middle .flex-box .link-list-div .link-list .btn-basic {
    width: 100%;
}

/* // 2023-05-09 추가 */

.product-issue-list {
    position: relative;
}

.product-issue-list .btn-top-more {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 30px;
}

.product-issue-list .grid-frame-layout {
    margin: -10px;
}

.product-issue-list .grid-frame-cell {
    width: 25%;
    padding: 10px;
}

/* 상품상세 > 데이타 */
.product-detail-wrap {}

/*
.product-detail-wrap > .data {display:none;}
.product-detail-wrap > .data.actived {display:block;}
*/
.product-detail-wrap>.data {
    position: relative;
    background: #fff;
    z-index: 5;
}

.product-detail-wrap>.data+.data {
    padding-top: 80px;
}

.product-detail-wrap>.data:first-child {
    padding-top: 80px;
}

.product-detail-wrap>.data:last-child {
    min-height: 100vh;
}

.product-detail-wrap>.data.product-special {
    z-index: 0;
    position: static;
    background: transparent;
}

.product-special {
    padding-top: 0 !important;
}

.product-special .product-detail-inner {
    padding-top: 80px;
}

/* 상품상세 > 기본정보 */
/*
.product-basic-info .con-title {margin-bottom:0;}
*/
.product-basic-info .con-title+.btn-page-wrap {
    margin-top: 20px;
}

.product-basic-info .btn-page-wrap {
    display: flex;
    justify-content: flex-start;
    min-height: 48px;
    margin-top: 0px;
}

.product-basic-info .btn-page-wrap .btn-basic {
    height: 48px;
    color: #e37500;
    line-height: 46px;
}

.product-basic-info-table {
    padding: 60px;
    font-size: 18px;
    line-height: 27px;
    color: rgba(255, 255, 255, 0.3);
    font-weight: 300;
    background-color: #ffede4;
    border-radius: 12px;
}

.product-basic-info .product-basic-info-table {
    margin-top: 30px;
}

.product-basic-info-table .info-inner {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -5px;
}

.product-basic-info-table .info-inner .info-cell {
    width: 20%;
    box-sizing: border-box;
    padding: 20px 5px;
    text-align: left;
    word-break: break-all;
}

.product-basic-info-table .info-inner .info-cell:first-child {
    width: 100%;
}

.product-basic-info .product-basic-info-table .info-cell:nth-of-type(1) .info-value {
    font-size: 20px;
}

.product-basic-info-table .info-title {
    color: #000;
    font-weight: 700;
}

.product-basic-info-table .info-value {
    margin-top: 10px;
    color: #474747;
    font-weight: 400;
}

.product-basic-info-table+.read-table-wrap {
    margin-top: 30px;
}

.relation-document .grid-frame-layout {
    margin: -5px;
}

.relation-document .grid-frame-cell {
    padding: 5px;
    width: 25%;
}

.relation-document .grid-frame-cell .btn-basic {
    width: 100%;
}

.product-basic-info .related-document-wrap .con-title {
    margin-bottom: 3px;
}

.product-basic-info .related-document-wrap .see-all {
    position: relative;
    padding-right: 22px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
}

.product-basic-info .related-document-wrap .see-all:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    margin-top: -9px;
    width: 8px;
    height: 18px;
    background: url("../images/icon/icon_arrow_black_8x18.png") no-repeat center center;
    background-size: auto 100%;
}

.product-basic-info .related-document-wrap .relation-document {
    margin-top: 26px;
}

.product-basic-info .toast-data-group .pop-header-info {
    font-size: 16px;
    font-weight: 500;
}

.product-basic-info .product-basic-info-table .info-title .toast-pop-data {
    top: 30px;
    left: -320px;
}

/* 상품상세 > 수익률 */
/* 2023-05-09 추가 */
.product-rate .toast-data-group {
    position: relative;
    display: inline-flex;
    margin-top: 24px;
}

.product-rate .basic-data-group .tab-button-list>li.actived .btn-tab-list-item:after {
    left: 6px;
    margin-left: 0;
}

.product-rate .line-chart-wrap+.btn-download-wrap {
    margin-top: 20px;
}

.product-rate .read-table table>thead {
    border-top: 1px solid #595959;
}

.product-rate .read-table table>tbody>tr {
    border-bottom: 1px solid #595959;
}

.product-rate .read-table table>thead>tr>th {
    font-weight: 500;
    background-color: #fafafa;
}

.product-rate .read-table table>tbody>tr>td {
    color: #5e5e5e;
}

/* // 2023-05-09 추가 */

/* 상품상세 > 구성종목 */
.data-view-sort .treemap-chart-title {
    margin-bottom: 0;
}

/* .product-comprise-item .tab-data-group .data-view-sort {padding-bottom:66px;} */
/* .product-comprise-item .list-type-group .tab-button-group {top:-66px;} */
.product-comprise-item .basic-data-group .tab-button-list>li.actived .btn-tab-list-item:after {
    left: 6px;
    margin-left: 0;
}

.product-comprise-item .chart-info-box {
    margin-bottom: 30px;
}

.product-comprise-item .chart-info-box.note-info .title {
    padding-left: 34px;
}

/* .product-comprise-item .chart-info-box + .btn-download-wrap {justify-content:flex-end; margin-bottom:20px;} */

/* 상품상세 > 관련컨텐츠 */
.masonry-contents-list .grid-frame-layout {
    margin: -15px;
}

.masonry-contents-list .masonry-grid-sizer {
    width: 33.33%;
    box-sizing: border-box;
}

.masonry-contents-list .masonry-grid-item {
    padding: 15px;
    width: 33.33%;
    box-sizing: border-box;
}

.masonry-contents-list .masonry-grid-item .card-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
}

.masonry-contents-list .masonry-grid-item .simple-btn-type .item-detail-wrap {
    padding-bottom: 100px;
}

/* 상품상세 > 매수관련 팝업 */
.pop-body.basic-scroller.buy-detail-wrap {
    height: 550px;
    max-height: none;
}

.stock-prefer-wrap {
    position: relative;
}

.stock-all-wrap {
    padding-bottom: 20px;
}

.buy-detail-wrap .btn-stock-set {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 12px;
    padding-right: 21px;
    display: inline-block;
    font-size: 14px;
    line-height: 27px;
    font-weight: 500;
    color: #e37500;
    z-index: 5;
    white-space: nowrap;
}

.buy-detail-wrap .btn-stock-set:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translate(0%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #ed7300;
}

.buy-detail-wrap .grid-frame-layout {
    margin: -7px;
}

.buy-detail-wrap .grid-frame-layout>.card-stock-item {
    box-sizing: border-box;
    width: 33.33%;
    margin: 7px;
}

.buy-detail-wrap .grid-frame-cell {
    width: 33.33%;
    padding: 7px;
}

/* 상품상세 > 분배금 지급현황 */
.product .dividend-pop {
    margin-top: -138px;
}

.dividend-data .board-list-total {
    margin-top: 30px;
    font-size: 16px;
}

.dividend-pop-data+.read-table-wrap {
    margin-top: 20px;
}

.dividend-name {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
}

.dividend-date {
    margin-top: 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #757575;
}

/* 상품상세 > 분배금 지급현황 팝업 */
.dividend-pop-data .board-list-total {
    margin-top: 30px;
    font-size: 16px;
}

.dividend-pop-data+.pop-body {
    margin-top: 20px;
}

.dividend-pop-data+.dividend-pop-view {
    margin-top: 20px;
}

.dividend-name {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
}

.dividend-date {
    margin-top: 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #757575;
}

.dividend-pop-view.basic-scroller {
    max-height: 450px;
    height: 450px;
}

/* 2023-05-09 추가 */
/* 상품상세 > 거래상대방위험평가/담보자산 */
.product-trade-partner .read-table table.vertical>tbody>tr>td {
    text-align: center;
}

/* 상품상세 > 거래상대방위험평가 */
.product-trade-partner .basic-data-group:nth-child(2) .read-table table>thead>tr>th {
    border-right: 1px solid #595959;
}

.product-trade-partner .basic-data-group:nth-child(2) .read-table table>thead>tr>th:last-child {
    border-right: none;
}

/* 상품상세 > 담보자산 내역 */
/* .product-trade-partner .basic-data-group:nth-child(3) */

/* // 2023-05-09 추가  */

/* 2022-09-07 추가 */
/* 상품상세 > 즐겨찾기 팝업 */
#favoritesPop .pop-body {
    color: #757575;
}

#favoritesPop .pop-body span {
    color: #e37500;
}

#favoritesPop .template-detail {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 35px 0;
}

#favoritesPop .template-detail-inner button {
    margin-right: 10px;
}

#favoritesPop .template-detail-inner button:last-of-type {
    margin-right: 0;
}

/* // 2022-09-07 추가 */

/* 2022-04-11 추가 */
/* 상품상세 > 투자유의사항 */
.investment-notice-wrap {
    padding: 30px;
    box-sizing: border-box;
    line-height: 1.6;
}

.notice-item {
    margin-bottom: 20px;
    padding-left: 18px;
    box-sizing: border-box;
    background: url("../images/icon/icon_list_item.png") no-repeat 0 8px;
    font-weight: bold;
    font-size: 17px;
}

.notice-item span {
    color: #e8280f;
}

.notice-item>ul {
    font-weight: initial;
    font-size: 16px;
}

.notice-item>ul>li {
    display: flex;
}

.notice-item>ul>li p:first-of-type {
    margin-right: 5px;
}

.notice-item .investment_notice_lp_img {
    margin-top: 15px;
}

/* // 2022-04-11 추가 */

/* 라인업 한눈에 보기 */
.line-up-wrap {
    max-width: 1010px;
}

.line-up-wrap .tab-contents {
    position: relative;
}

.line-up-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    font-size: 0;
}

.line-up-dot.mint {
    background-color: #007b96;
    /* 2024 웹접근성 */
}

.line-up-dot.orange {
    background-color: #e37500;
    border-radius: 0;
}

.line-up-label-info {
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    display: flex;
    align-items: center;
}

.line-up-label-info .label-item {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #757575;
    font-weight: 300;
}

.line-up-label-info .label-item+.label-item {
    margin-left: 18px;
}

.line-up-label-info .label-item .line-up-dot {
    margin-left: 5px;
}

.line-up-list {
    margin: 0 -39px;
    padding: 45px 39px;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

.line-up-list .list-inner {
    display: flex;
    margin: 0;
}

.line-up-list .list-inner .list-cell {
    width: 33.33%;
    padding: 0 20px;
    box-sizing: border-box;
}

.line-up-list dl+dl {
    margin-top: 32px;
}

.line-up-list dt {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

.line-up-list dd+dd {
    margin-top: 6px;
}

.line-up-list dd>a,
.line-up-list dd {
    font-size: 16px;
    line-height: 24px;
    color: #757575;
    font-weight: 300;
}

.line-up-list dd>a {
    display: inline-block;
}

.line-up-list .line-up-dot {
    flex: 0 0 auto;
    margin-left: 10px;
    margin-top: 6px;
}

.line-up-list .line-up-dot+.line-up-dot {
    margin-left: 8px;
}

/* 상품상세 > 구성종목 팝업 */
.component-item-pop .pop-header {
    padding-bottom: 20px;
}

.component-item-pop .pop-body.basic-scroller.longer {
    max-height: 371px;
}

.component-item-pop .pop-header .pop-header-title+.pop-header-info {
    margin-top: 15px;
}

.component-item-pop .pop-header-info {
    padding-bottom: 0;
    line-height: 24px;
}

.component-item-pop .pop-header .pop-header-info .basic-date {
    font-size: 15px;
    color: #757575;
    line-height: 24px;
}

.pop-body.product-basic-info {
    padding-bottom: 30px;
}

.pop-body .product-basic-info-table {
    margin-top: 0;
    padding: 30px 40px;
}

.pop-body .product-basic-info-table .info-inner {
    margin: 0;
}

.pop-body .product-basic-info-table .info-inner .info-cell {
    padding: 0;
}

.pop-body .product-basic-info-table .info-value {
    margin-top: 0;
}

.pop-body .product-basic-info-table .info-inner .info-cell:first-child {
    width: 100%;
}

.pop-body .product-basic-info-table .product-subject {
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    font-weight: 500;
}

.pop-body .product-basic-info-table .info-inner .info-cell {
    display: flex;
    width: 50%;
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}

.pop-body .product-basic-info-table .info-inner .info-cell .info-title {
    width: 100px;
    font-weight: 500;
}

.pop-body .product-basic-info-table .info-inner .info-cell .info-title+.info-value {
    opacity: 100%;
}

.component-item-pop .pop-table-wrap {
    margin: 0px -17px 0 0;
}

.component-item-pop .pop-table-wrap .read-table-wrap table tr>th:first-of-type,
.component-item-pop .pop-table-wrap .read-table-wrap table tr>td:first-of-type {
    padding-left: 20px;
    text-align: left;
}

.component-item-pop .pop-table-wrap .read-table table>thead>tr>th {
    padding: 21px 16px;
}

.component-item-pop .pop-table-wrap .read-table table>tbody>tr>td {
    padding: 21px 16px;
}

.pop-body .btn-page-wrap {
    margin-top: 20px;
}

.pop-body .btn-list-more.page-number {
    padding: 0 25px;
}

/* 상품상세 > 인덱스 구성종목 */
.product-index-comprise .index-event-price .read-table table>thead>tr>th {
    padding: 9px 20px;
}

/* 상품상세 > ETF자료실 */
.btn-see-details {
    position: relative;
    padding-right: 26px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
}

.btn-see-details:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    margin-top: -9px;
    width: 16px;
    height: 186 px;
    background: url("../images/icon/icon_arrow_darkgray_18.png") no-repeat center center;
    background-size: auto 100%;
}

.reference-etf-wrap .data-view-sort {
    margin: 36px 0 30px;
}

.reference-etf-wrap .data-view-sort .board-list-total {
    margin-bottom: 0;
}

.reference-etf-wrap .data-view-sort .sort-group+.sort-group {
    margin-left: 38px;
}

.reference-etf-wrap .data-view-sort .toast-data-group {
    margin: 0;
}

.reference-etf-wrap .board-list-data {
    border-top: 0;
}

.reference-etf-wrap .read-table table>tbody>tr>td .item-subject {
    font-size: 16px;
    font-weight: 300;
    color: #3d3935;
}

.reference-etf-wrap .btn-see-details {
    font-size: 16px;
    font-weight: 500;
    color: #595959;
}

.reference-etf-wrap .product-info-none {
    margin-top: 0;
}

/* 상품상세 > ETF자료실 > 분배금현황 팝업 */
.pop-body .item-subject-wrap .item-subject {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    line-height: 28px;
}

.pop-body .item-subject-wrap .reflect-date {
    font-size: 14px;
    margin-top: 6px;
    font-weight: 300;
    color: #757575;
    line-height: 20px;
}

.pop-body .item-subject-wrap+.data-view-sort {
    margin: 30px 0 20px;
}

.pop-body .board-list-total {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.pop-body .table-board-none .txt {
    font-size: 16px;
}

/* 상품상세 > ETF자료실 > 구성종목(PDF)현황 팝업 */
/* .pop-data.pdf-status-pop-wrap {max-width:1010px;} */
.pop-data.pdf-status-pop-wrap .read-table table>thead>tr>th {
    padding: 21px 10px;
}

.pop-data.pdf-status-pop-wrap .read-table table>tbody>tr>td {
    padding: 21px 15px;
}

/* 상품상세 > ETF자료실 > 투자규약/투자설명서 팝업 */
.instruction-pop-cont .pop-table-wrap {
    margin-top: 30px;
}

.instruction-pop-cont .product-info-none {
    padding: 54px 0;
}

.instruction-pop-cont .product-info-none .txt {
    padding-top: 0;
}

.instruction-pop-cont .product-info-none .txt:before {
    content: none;
}

/* 상품상세 > ETF자료실 > AP/LP현황 팝업 */
.pop-data .item-subject-wrap+.tab-contents {
    margin-top: 28px;
}

.aplp-data-wrap {
    margin-top: 36px;
    max-height: 500px;
}

.aplp-data-wrap .pop-con-detail+.pop-con-detail {
    margin-top: 30px;
}

.aplp-data-wrap .pop-con-detail .detail-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}

.aplp-data-wrap .pop-con-detail .detail-content {
    margin-top: 10px;
    font-size: 15px;
    color: #595959;
    line-height: 23px;
}

/* 상품상세 > ETF자료실 > 종가현황 */

/*==============================================
	투자인사이트
==============================================*/
.insight .board-view-hash {
    background: #fff;
}

.insight .board-list-wrap .grid-frame-layout {
    margin: -15px -22px;
}

.insight .board-list-wrap .grid-frame-cell {
    padding: 15px 22px;
}

.form-text-area {
    height: 150px;
    border: 1px solid #d2d3d1;
}

textarea.form-text-area:read-only {
    opacity: 1;
}

/* ETF 인사이트 */
.board-list-data.border-none {
    border-top: none;
}

.board-list-data.border-none .gallery-list {
    padding-top: 0;
}

.card-item.basic .item-subject.string-type2 {
    height: auto;
    max-height: 64px;
    line-height: 32px;
    -webkit-line-clamp: 2;
}

.card-item.basic .item-subject.string-type3 {
    height: auto;
    max-height: 96px;
    line-height: 32px;
    -webkit-line-clamp: 3;
}

.card-item.basic .item-subject.string-type4 {
    height: auto;
    max-height: 128px;
    line-height: 32px;
    -webkit-line-clamp: 4;
}

.board-section-label+.board-view-subject {
    margin-top: 30px;
}

.board-section-label .section-info {
    font-size: 18px;
    color: #e37500;
}

.add-board-view-data {
    padding-top: 44px;
}

.add-view-top .add-view-subject {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: #3d3935;
}

.add-view-top .add-view-subject+.date {
    margin-top: 6px;
}

.add-view-top .date {
    font-size: 14px;
    font-weight: 300;
    color: #757575;
    line-height: 16px;
}

.add-view-top .date>span {
    display: inline-block;
}

.add-view-content-data {
    padding: 28px 0 0;
}

.add-view-content-data .add-view-visual-data .visual-border {
    min-height: 420px;
    border-top: 1px solid #d2d3d1;
    border-bottom: 1px solid #e5e6e5;
}

.add-view-content-data .add-view-visual-data+.add-view-text-data {
    margin-top: 50px;
}

.add-view-content-data .add-view-text-data {
    font-size: 18px;
    font-weight: 300;
    color: #757575;
    line-height: 32px;
}

.board-view-wrap+.product-info-wrap {
    margin-top: 112px;
    padding-bottom: 80px;
    border-bottom: 1px solid #e5e6e5;
}

.board-view-wrap+.product-info-wrap .con-title {
    padding-bottom: 30px;
}

.small-container .product-info-table .read-table th.table-select {
    padding: 14px 25px 15px;
}

.board-view-wrap .board-view-data .btn-page-link {
    margin-top: 50px;
}

.board-view-wrap .board-view-data .btn-page-link>a {
    color: #e37500;
    line-height: 60px;
}

.board-view-wrap .view-page {
    position: relative;
    padding: 0 65px 0 32px;
}

.board-view-wrap .view-page:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url("../images/icon/icon_view_page_orange_24.png") center center no-repeat;
    background-size: 24px;
}

.board-view-wrap+.product-info-wrap .product-info-table .read-table table>tbody>tr>td {
    padding: 25px 10px 28px;
}

/* 뉴스레터 */
.news-letter-wrap {
    padding-top: 84px;
}

.news-letter-wrap .banner-content {
    padding: 100px 10px;
    border-radius: 12px;
    background: url("../images/content/insight_newsletter_banner_bg.jpg") no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
}

.news-letter-wrap .banner-content .text-wrap {
    color: #fff;
    text-align: center;
}

.news-letter-wrap .banner-content .text-wrap .title {
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
}

.news-letter-wrap .banner-content .text-wrap .info {
    margin-top: 23px;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    opacity: 60%;
}

.news-letter-wrap .banner-wrap+.card-info-content {
    margin-top: 40px;
}

.card-info-content .grid-frame-layout {
    margin: -20px;
}

.card-info-content .grid-frame-cell {
    padding: 20px;
}

.card-info-content .grid-item {
    padding: 54px 60px 56px;
    background-color: #f7f7f7;
    box-sizing: border-box;
}

.card-info-content .text-wrap {
    position: relative;
    padding: 0 16px 0 92px;
}

.card-info-content .text-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}

.card-info-content .smart-tiger .text-wrap:before {
    background-image: url("../images/icon/icon_insight_newsletter_smarttiger.png");
}

.card-info-content .global .text-wrap:before {
    background-image: url("../images/icon/icon_insight_newsletter_global.png");
}

.card-info-content .text-wrap .title {
    font-size: 26px;
    line-height: 36px;
}

.card-info-content .text-wrap .title .color-point {
    display: block;
    color: #e37500;
}

.card-info-content .text-wrap .title+.info {
    margin-top: 18px;
}

.card-info-content .text-wrap .info {
    font-size: 18px;
    color: #595959;
    line-height: 30px;
}

/* 팝업 */
/* .pop-data.narrow {max-width:544px;} */
.pop-body .gray-info-wrap {
    margin-bottom: 40px;
}

.pop-body .gray-box-content {
    padding: 30px;
    text-align: center;
    background-color: #f7f7f7;
}

.pop-body .gray-box-content .title {
    font-size: 24px;
    color: #000;
    line-height: 30px;
}

.pop-body .gray-box-content .title+.info {
    margin-top: 20px;
}

.pop-body .gray-box-content .info {
    font-size: 16px;
    font-weight: 300;
    color: #595959;
    line-height: 25px;
}

.pop-body .input-form-content .form-wrap+.form-wrap {
    margin-top: 40px;
}

/* .pop-body .input-form-content .form-group {position:relative;} */
.input-form-content .auto-prevent-data {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.input-form-content .auto-prevent-data .form-input-img {
    flex: 0 0 auto;
}

.input-form-content .auto-prevent-data .btn-text {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-top: -5px;
    border-bottom: 1px solid #777576;
}

.input-form-content .auto-prevent-data .btn-text>button {
    padding: 0;
    font-size: 15px;
    color: #757575;
}

.input-form-content .auto-prevent-data .btn-sound {
    position: relative;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    padding: 5px;
    border: 1px solid #d2d3d1;
    border-radius: 4px;
    background-color: #f4f4f4;
    box-sizing: border-box;
}

.pop-body .input-form-content .auto-prevent-data .btn-sound:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    background: url("../images/icon/icon_sound_black_24.png") no-repeat center center;
    background-size: auto 100%;
}

.pop-body .input-form-content .auto-prevent-data .btn-sound+input {
    box-sizing: border-box;
    padding-left: 5px;
}

.form-agree-data {
    position: relative;
}

.form-agree-data .form-group-data {
    position: absolute;
    top: -60px;
    right: 0;
}

.form-agree-data .form-input-item {
    padding: 0;
    color: #3d3935;
    border: 0;
}

.form-agree-data .detail-scroll-box {
    margin-top: 32px;
}

.detail-scroll-box .scroll-box {
    border: 1px solid #e5e6e5;
    background-color: #fff;
}

.detail-scroll-box .scroll-box.background-gray {
    background-color: #f7f7f7;
}

.detail-scroll-box .scroll-box .detail-content {
    max-height: 200px;
    padding: 24px 30px;
    font-size: 14px;
    font-weight: 300;
    color: #757575;
    line-height: 24px;
    box-sizing: border-box;
    overflow-y: scroll;
}

/* 투자이야기 */
.invest-story-wrap {
    margin-top: 80px;
}

.invest-story-wrap .invest-story-content+.invest-story-content {
    margin-top: 80px;
}

.invest-story-content .sub-info {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    color: #757575;
}

.invest-story-content .border-box-content {
    margin-top: 40px;
    border: 1px solid #e5e6e5;
}

.invest-story-content .top-content {
    padding: 74px 0 60px;
}

.invest-story-content .top-content .subject {
    font-size: 30px;
    color: #000;
    line-height: 36px;
    text-align: center;
}

.invest-story-content .top-content .visual-list-wrap {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}

.invest-story-content .top-content .visual-list-cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 260px;
    color: #fff;
    border-radius: 50%;
}

.invest-story-content .top-content .visual-list-cell+.visual-list-cell {
    margin-left: 10px;
}

.invest-story-content .top-content .circle-orange {
    background-color: #e37500;
}

.invest-story-content .top-content .circle-black {
    background-color: #3d3935;
}

.invest-story-content .top-content .circle-red {
    background-color: #e7280f;
}

.invest-story-content .top-content .visual-list-cell .index-item {
    font-size: 24px;
    line-height: 28px;
}

.invest-story-content .top-content .visual-list-cell .bar-list-wrap {
    margin-top: 13px;
}

.invest-story-content .top-content .visual-list-cell .bar-list-wrap .bar-list-cell {
    position: relative;
    padding-left: 10px;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    opacity: 80%;
}

.invest-story-content .top-content .visual-list-cell .bar-list-wrap .bar-list-cell:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    width: 8px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.8);
}

.invest-story-content .bottom-content {
    width: 100%;
}

.invest-story-content .bottom-content .gray-box {
    display: flex;
    padding: 41px 260px 40px;
    background-color: #f7f7f7;
}

.invest-story-content .bottom-content .inner-subject {
    font-size: 26px;
    line-height: 34px;
}

.invest-story-content .bottom-content .inner-info {
    margin-left: 40px;
    font-size: 18px;
    font-weight: 300;
    color: #595959;
    line-height: 30px;
}

.invest-story-content .number-list-content {
    margin-top: 40px;
}

.invest-story-content .number-list-cell {
    padding: 60px 66px 56px;
    border: 1px solid #e5e6e5;
    border-bottom: 0;
    box-sizing: border-box;
}

.invest-story-content .number-list-cell:first-of-type {
    border-radius: 12px 12px 0 0;
}

.invest-story-content .number-list-cell:last-of-type {
    border-radius: 0 0 12px 12px;
    border-bottom: 1px solid #e5e6e5;
}

.invest-story-content .number-list-cell .title {
    font-size: 26px;
    line-height: 30px;
}

.invest-story-content .number-list-cell .title .list-number {
    display: inline-block;
    width: 48px;
    margin-right: 30px;
    font-size: 40px;
    font-weight: 700;
    color: #e37500;
    text-align: center;
}

.invest-story-content .number-list-cell .info {
    margin-top: 24px;
    padding-left: 78px;
    font-size: 18px;
    color: #595959;
    line-height: 30px;
}

/*==============================================
	ETF 교육
==============================================*/
.education-wrap .point-color-orange {
    display: inline-block;
    color: #e37500;
}

/* .education-wrap .section-content {margin-top:80px;} */
.education-wrap .section-content {
    position: relative;
    margin-top: 60px;
}

.education-wrap .section-content .con-title+.sub-info {
    margin-top: 20px;
}

.education-wrap .section-content .sub-info {
    font-weight: 300;
    font-size: 18px;
    color: #595959;
    line-height: 30px;
}

.education-wrap .gray-card-content {
    margin-top: 60px;
}

.education-wrap .gray-card-content .grid-frame-layout {
    margin: -15px;
}

.education-wrap .gray-card-content .grid-frame-cell {
    min-height: 100%;
    padding: 15px;
}

.education-wrap .gray-card-item {
    min-height: 100%;
    padding: 60px 60px 40px;
    border-radius: 12px;
    background-color: #f7f7f7;
    border: 1px solid #595959;
    /* 2024-10-18 */
    box-sizing: border-box;
}

.education-wrap .gray-card-item .item-title,
.education-wrap .gray-card-item .item-info {
    padding-left: 92px;
}

.education-wrap .gray-card-item .item-title {
    position: relative;
    font-size: 26px;
    line-height: 36px;
}

.education-wrap .gray-card-item .item-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}

.education-wrap .gray-card-item .item-title+.item-info {
    margin-top: 30px;
}

.education-wrap .gray-card-item .item-info {
    font-size: 18px;
    color: #595959;
    line-height: 30px;
}

.education-wrap .video-wrap {
    margin-top: 40px;
}

.education-wrap .video-wrap {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}

.education-wrap .video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.education-wrap .banner-wrap {
    margin-top: 60px;
}

.education-wrap .banner-wrap .banner-content>a {
    display: block;
    overflow: hidden;
}

.education-wrap .banner-wrap .banner-content>a:focus-visible {
    outline: 2px solid red;
}

/* 2024-11-13 */

.education-wrap .banner-wrap .banner-content>button {
    display: block;
    padding: 0;
    border-radius: 12px;
    overflow: hidden;
}

/* .education-wrap .banner-content {display:flex; justify-content:space-between; padding:60px; border-radius:12px; background:url('../images/content/education_about_banner_bg.jpg')no-repeat center center; background-size:cover;}
.education-wrap .banner-content > div {flex:1;}
.education-wrap .banner-content .info {font-size:22px; color:#fff; line-height:34px;}
.education-wrap .banner-content .banner-btn {display:flex; align-items:center; justify-content:flex-end;}
.education-wrap .banner-content .banner-btn > a {display:block; padding:0 16px; font-size:16px; color:#fff; line-height:32px; border:2px solid rgba(255,255,255,.6); border-radius:30px;} */

/* 교육 > ETF란?, 특징과 장점 */
.education-wrap .tab-button-list {
    position: relative;
    display: flex;
    margin: 56px 0 60px 0;
    border-bottom: 3px solid #e5e6e5;
}

.education-wrap .tab-button-list:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #bcbebc;
    z-index: 2;
}

.education-wrap .tab-button-list>li {
    padding: 0 23px;
}

.education-wrap .tab-button-list>li:first-of-type {
    padding-left: 0;
}

.education-wrap .tab-button-list>li:last-of-type {
    padding-right: 0;
}

.education-wrap .tab-button-list>li>button {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1px;
    font-size: 20px;
    color: #595959;
    line-height: 76px;
}

.education-wrap .tab-button-list>li.actived>button {
    color: #000;
    font-weight: 700;
}

.education-wrap .tab-button-list>li.actived>button:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #e37500;
    z-index: 5;
}

.education-wrap .education-intro-wrap .section-content:first-of-type {
    margin-top: 60px;
}

/* .education-wrap .tab-data-group .section-content {margin-top:80px;} */
.education-intro-wrap .content-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.education-intro-wrap .content-top .btn-basic {
    padding: 0 28px;
}

.education-intro-wrap .gray-card-item.fund .item-title:before {
    background-image: url("../images/icon/icon_education_card_fund.svg");
}

.education-intro-wrap .gray-card-item.investment-target .item-title:before {
    background-image: url("../images/icon/icon_education_card_investment_target.svg");
}

.education-special-wrap .gray-card-item {
    padding: 60px;
}

.education-special-wrap .gray-card-item .item-title {
    line-height: 40px;
}

.education-special-wrap .gray-card-item.investment-lower .item-title:before {
    background-image: url("../images/icon/icon_education_card_investment_lower.svg");
}

.education-special-wrap .gray-card-item.transparency-higher .item-title:before {
    background-image: url("../images/icon/icon_education_card_transparency_higher.svg");
}

.education-special-wrap .gray-card-item.dispersion .item-title:before {
    background-image: url("../images/icon/icon_education_card_dispersion.svg");
}

.education-special-wrap .gray-card-item.liquidity .item-title:before {
    background-image: url("../images/icon/icon_education_card_liquidity.svg");
}

.education-special-wrap .con-title+.vertical-list-wrap {
    margin-top: 40px;
}

.education-special-wrap .vertical-list-wrap+.read-table-wrap {
    margin-top: 60px;
}

/* 가로로 긴 리스트 모양 */
.vertical-list-content .vertical-list-cell {
    padding: 36px 60px;
    border: 1px solid #595959;
    border-bottom: 0;
    box-sizing: border-box;
}

.vertical-list-content .vertical-list-cell:first-of-type {
    border-top: 1px solid #595959;
    border-radius: 12px 12px 0 0;
}

.vertical-list-content .vertical-list-cell:last-of-type {
    border: 1px solid #595959;
    border-radius: 0 0 12px 12px;
}

.vertical-list-content .vertical-list-cell .title {
    font-size: 26px;
    font-weight: 500;
    color: #000;
    line-height: 36px;
}

.vertical-list-content .vertical-list-cell .title>em {
    font-weight: 500;
}

.vertical-list-content .vertical-list-cell .title+.info {
    margin-top: 12px;
}

.vertical-list-content .vertical-list-cell .info {
    font-size: 18px;
    color: #595959;
    line-height: 30px;
}

/* 교육 > TIGER ETF란 > 정의 */
.education-intro-wrap .section-content {
    margin-top: 80px;
}

.education-define-content {
    position: relative;
    padding: 80px 65px 80px 300px;
    background-color: #fff;
    border: 1px solid #595959;
    box-sizing: border-box;
}

.education-define-content .subject {
    position: absolute;
    left: -210px;
    top: 19px;
}

.education-define-content .subject .visual-content {
    display: flex;
    flex-direction: column;
    width: 140px;
}

.education-define-content .subject .visual-content>em {
    position: relative;
    display: inline-block;
    width: 140px;
    height: 140px;
    font-family: "Poppins";
    font-size: 56px;
    color: #fff;
    line-height: 138px;
    text-align: center;
    background-color: rgba(237, 113, 0, 1);
    border-radius: 50%;
}

.education-define-content .education-define-list {
    margin-top: -20px;
}

.education-define-list .list-cell {
    position: relative;
    padding: 20px 0px;
}

.education-define-list .list-cell:nth-of-type(even) .subject .visual-content>em {
    background-color: rgba(237, 113, 0, 0.8);
}

.education-define-list .list-cell .list-subject {
    font-size: 30px;
    color: #000;
    font-weight: 700;
    line-height: 46px;
}

.education-define-list .list-cell .list-subject .point-color-orange {
    display: inline-block;
    margin-left: 10px;
    font-size: 18px;
    font-weight: 700;
}

.education-define-list .list-cell .list-info {
    margin-top: 20px;
    font-size: 18px;
    line-height: 28px;
    color: #595959;
}

.education-define-list .list-cell .list-info .info-point {
    color: #000;
}

.education-define-list .list-cell:last-child {
    padding-bottom: 0;
}

.education-define-list .list-cell:last-child .education-guide {
    padding-bottom: 0;
    border-bottom: 0;
}

.education-define-list .education-guide {
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e6e5;
}

.education-define-list .education-guide .guide-title {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    line-height: 28px;
}

.education-define-list .education-guide .guide-list {
    display: block;
    margin: 0px 0 0 -30px;
}

.education-define-list .education-guide .guide-list>li {
    width: 550px;
    padding-left: 30px;
}

.education-define-list .education-guide .guide-list .guide-list-title {
    margin: 20px 0;
    font-size: 18px;
    color: #000;
    line-height: 28px;
}

.education-define-list .education-guide .guide-list .guide-img {
    position: relative;
    padding-top: 57.8%;
    overflow: hidden;
    border: 1px solid #e5e6e5;
}

.education-define-list .education-guide .guide-list .guide-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*.education-company-wrap .con-title + .education-company-content {margin-top:60px;}
.education-company-content {padding:100px 0 96px; border:1px solid #e5e6e5; box-sizing:border-box;}
.education-company-content .subject {width:240px; height:30px; margin:auto; font-size:0px; background:url('../images/content/education_about_tigeretf_logo.png') no-repeat center center; background-size:auto 100%;}
.education-company-content .inner-content {display:flex; justify-content:center;}
.education-company-content .inner-item {width:187px; margin:0 5px; padding-top:40px;}
.education-company-content .inner-item .item-top {display:flex; align-items:center; width:187px; height:187px; border-radius:50%;}
.education-company-content .inner-item:nth-of-type(odd) .item-top {background-color:#e37500;}
.education-company-content .inner-item:nth-of-type(even) .item-top {background-color:rgba(237,113,0,.8);}
.education-company-content .inner-item .item-top > em {display:inline-block; width:100%; font-size:18px; color:#fff; font-weight:300; text-align:center;}
.education-company-content .inner-item .item-body {position:relative;width:100%; padding-top:99px; text-align:center;}
.education-company-content .inner-item .item-body:before {content:''; position:absolute; top:0; lefT:50%; width:1px; height:80px; background-color:#d2d3d1;}
.education-company-content .inner-item .item-body > strong {font-size:18px; font-weight:700; color:#3d3935; line-height:27px;}
.education-company-content .inner-item .item-body .body-info {margin-top:8px; font-size:15px; font-weight:300; color:#8e8e8e; ;line-height:25px;} */

/* 교육 > TIGER ETF란 > 연혁 */
.education-company-wrap .section-content {
    margin-top: 80px;
}

.education-company-wrap .section-top {
    display: flex;
    justify-content: center;
}

.education-company-wrap .section-content .con-title {
    display: inline-flex;
    align-items: center;
    padding: 0 30px;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    line-height: 58px;
    border: 1px solid #d2d3d1;
    border-radius: 30px;
}

.education-company-wrap .section-content .con-title>span {
    display: inline-block;
    width: 160px;
    height: 20px;
    margin-right: 10px;
    font-size: 0px;
    background: url("../images/content/education_company_con_title.png") no-repeat center center;
    background-size: auto 100%;
}

.education-company-wrap .tigeretf-history {
    margin-top: 20px;
    padding-bottom: 100px;
}

.tigeretf-history-list {
    position: relative;
}

.tigeretf-history-list:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #595959;
}

.tigeretf-history-list .list-cell .year {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 18px;
    font-size: 40px;
    font-weight: 300;
    color: #e37500;
    line-height: 75px;
    text-align: center;
    background-color: #fff;
}

.tigeretf-history-list .detail-list {
    position: relative;
    margin-left: 50%;
    padding: 25px 0 14px 80px;
    text-align: left;
}

.tigeretf-history-list .detail-list:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    display: block;
    width: 11px;
    height: 11px;
    border: 2px solid #595959;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
}

.tigeretf-history-list .detail-list .detail-list-cell {
    display: flex;
    line-height: 27px;
}

.tigeretf-history-list .detail-list .detail-list-cell+.detail-list-cell {
    margin-top: 29px;
}

.tigeretf-history-list .detail-list .detail-list-cell .date {
    font-size: 18px;
    font-weight: 700;
    color: #3d3935;
}

.tigeretf-history-list .detail-list .detail-list-cell .date-info {
    padding-left: 28px;
    font-size: 18px;
    font-weight: 300;
    color: #595959;
}

.tigeretf-history-list .list-cell:nth-of-type(even) .detail-list {
    padding: 25px 80px 14px 0;
}

.tigeretf-history-list .list-cell:nth-of-type(even) .detail-list:before {
    left: auto;
    right: -6px;
}

.tigeretf-history-list .list-cell:nth-of-type(even) .detail-list {
    margin-right: 50%;
    margin-left: 0;
    text-align: right;
}

.tigeretf-history-list .list-cell:nth-of-type(even) .detail-list .detail-list-cell {
    flex-direction: row-reverse;
}

.tigeretf-history-list .list-cell:nth-of-type(even) .detail-list .detail-list-cell .date-info {
    padding-right: 28px;
}

/* 교육 > TIGER 아카데미 */
.education-academy-wrap .accordion-list .accordion-cell {
    display: block;
    border-bottom: 1px solid #595959;
}

.education-academy-wrap .accordion-list .accordion-content {
    max-height: none;
}

.accordion-list .btn-accordion-menu.vertical-large-btn {
    position: relative;
    top: 0;
    right: auto;
    align-items: center;
    width: 100%;
    min-height: 90px;
    margin-top: 0;
    padding: 14px 76px 14px 50px;
    text-align: left;
    box-sizing: border-box;
}

.accordion-list .btn-accordion-menu.vertical-large-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 50px;
    display: block;
    width: 22px;
    height: 24px;
    margin-top: -12px;
    background-image: url("../images/icon/icon_accordion_arrow.png") center center no-repeat;
    background-size: auto 100%;
}

.education-academy-wrap .tab-button-list>li.actived .btn-tab-list-item:after {
    content: none;
}

.education-academy-wrap .info-text+.tab-contents {
    margin-top: 32px;
}

.education-academy-wrap .accordion-list .accordion-content {}

.education-academy-wrap .accordion-list .accordion-detail {
    padding: 52px 50px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    color: #595959;
}

.tab-contents .sqaure-box-btn .tab-button-list {
    flex-wrap: wrap;
    width: 100%;
    margin: -5px;
    border-bottom: 0;
    z-index: 1;
    background-color: transparent;
}

.tab-contents .sqaure-box-btn .tab-button-list>li {
    width: 20%;
    padding: 5px;
    box-sizing: border-box;
}

.tab-contents .sqaure-box-btn .tab-button-list>li .btn-tab-list-item {
    width: 100%;
    height: 100%;
    padding: 11px 15px;
    font-size: 16px;
    line-height: 24px;
    color: #3d3935;
    word-break: break-all;
    border: 1px solid #f4f4f4;
    background-color: #f4f4f4;
}

.tab-contents .sqaure-box-btn .tab-button-list>li .btn-tab-list-item:hover {
    color: #fff;
    border-color: #e37500;
    background-color: #e37500;
    transition: all ease 0.35s;
}

.tab-contents .sqaure-box-btn .tab-button-list>li.actived .btn-tab-list-item {
    color: #fff;
    border-color: #e37500;
    background-color: #e37500;
}

.education-academy-wrap .accordion-list-wrap .tab-contents .tab-button-group+.tab-data-group {
    margin-top: 54px;
}

.education-academy-wrap .accordion-list-wrap .info-text+.content-data,
.education-academy-wrap .accordion-list-wrap .content-data+.content-data {
    margin-top: 80px;
}

.education-academy-wrap .accordion-list .vertical-large-btn .menu-title {
    font-size: 20px;
    font-weight: 300;
    color: #000;
    line-height: 30px;
}

.education-academy-wrap .accordion-list .actived .vertical-large-btn .menu-title {
    font-weight: 700;
    color: #e37500;
}

.education-academy-wrap .accordion-list .accordion-content .data-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    color: #000;
}

.education-academy-wrap .accordion-list .accordion-content .content-data .data-content:first-child.data-content {
    margin-top: 0;
}

.education-academy-wrap .accordion-list .accordion-content .data-content {
    margin-top: 35px;
}

.education-academy-wrap .accordion-list .accordion-content .data-content.box {
    margin-top: 29px;
    padding: 36px 50px;
    border: 1px solid #595959;
    border-radius: 12px;
}

.education-academy-wrap .accordion-list .accordion-content .data-content.box .center {
    font-size: 18px;
    color: #595959;
    text-align: center;
}

.education-academy-wrap .accordion-list .accordion-content .data-content.box .img-wrap.center {
    margin-top: 20px;
}

.education-academy-wrap .accordion-list .accordion-content .data-content.box .img-wrap.center+.info {
    padding: 30px 0 20px 0;
    text-align: center;
    color: #757575;
    font-weight: 500;
}

.education-academy-wrap .accordion-list .accordion-content .data-content.box .note-info .title {
    font-size: 16px;
}

.education-academy-wrap .accordion-list .accordion-content .data-content.box .note-info .desc {
    margin-top: 10px;
    font-size: 16px;
    line-height: 30px;
}

.education-academy-wrap .accordion-list .point-color-orange {
    display: inline-block;
    color: #e37500;
}

.education-academy-wrap .accordion-list .vertical-list-wrap {
    margin-top: 29px;
}

.education-academy-wrap .accordion-list .vertical-list-content .vertical-list-cell .title {
    font-size: 24px;
}

.education-academy-wrap .accordion-list .vertical-list-content .vertical-list-cell .info {
    font-size: 16px;
    line-height: 30px;
    color: #8e8e8e;
}

.education-academy-wrap .accordion-list .data-inner-content+.data-inner-content {
    margin-top: 70px;
}

.education-academy-wrap .accordion-list .data-inner-content .inner-title {
    margin-top: 29px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
}

.education-academy-wrap .accordion-list .data-inner-content .inner-title .point-color-orange {
    font-weight: 700;
}

.education-academy-wrap .accordion-list .data-inner-content .inner-info {
    margin-top: 20px;
}

.education-academy-wrap .accordion-list .data-inner-content .inner-content+.inner-content {
    margin-top: 100px;
}

.education-academy-wrap .accordion-list .data-inner-content .item-subject {
    margin-top: 35px;
    font-size: 20px;
    line-height: 38px;
    font-weight: 700;
    color: #000;
}

.education-academy-wrap .accordion-list .content-data .read-table-wrap {
    margin-top: 10px;
}

.education-academy-wrap .accordion-list .content-data .data-content+.read-table-wrap {
    margin-top: 35px;
}

.education-academy-wrap .accordion-list .content-data .img-wrap {
    margin-top: 80px;
}

.education-academy-wrap .accordion-list .content-data .text-right {
    margin-top: 10px;
    text-align: right;
    font-size: 14px;
    line-height: 20px;
}

.education-academy-wrap .accordion-list .content-data .table-inform {
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
}

.education-academy-wrap .accordion-list .content-data .content-data-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}

.education-academy-wrap .accordion-list .content-data .content-data-wrap .content-data-item {
    position: relative;
    width: 480px;
}

.education-academy-wrap .accordion-list .content-data .content-data-wrap>div+div:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 5px;
    margin: 0 0 0 -78px;
    background-color: #d7d8dc;
    border-radius: 3px;
}

.education-academy-wrap .accordion-list .content-data .content-data-wrap>div+div:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -61px;
    border-bottom: 5px solid #d7d8dc;
    border-right: 5px solid #d7d8dc;
    transform: rotate(-45deg);
}

.education-academy-wrap .accordion-list .content-data .content-data-wrap .read-table-wrap {
    margin-top: 29px;
}

.education-academy-wrap .read-table table>tbody>tr>td.red {
    color: #e7280f;
    font-weight: 700;
}

/* 교육 > TIGER 거래방법 */
.education-deal-wrap .section-content {
    margin-top: 80px;
}

.education-deal-wrap .content-top {
    position: relative;
}

.education-deal-wrap .content-top .sub-info {
    line-height: 28px;
}

.education-deal-wrap .content-top .btn-basic {
    position: absolute;
    right: 0;
    bottom: -2px;
    min-width: 200px;
}

.education-deal-wrap .content-top+.video-wrap {
    margin-top: 60px;
}

.education-wrap.education-deal-wrap .gray-card-content {
    margin-top: 40px;
}

.education-wrap.education-deal-wrap .gray-card-item {
    position: relative;
    padding: 60px;
}

.education-wrap.education-deal-wrap .gray-card-item .item-title,
.education-wrap.education-deal-wrap .gray-card-item .item-info {
    padding-left: 0;
}

.education-wrap.education-deal-wrap .gray-card-item .item-title {
    line-height: 40px;
}

.education-wrap.education-deal-wrap .gray-card-item .item-title+.item-info {
    margin-top: 20px;
}

.education-wrap.education-deal-wrap .gray-card-item .item-info {
    line-height: 28px;
    font-weight: 300;
}

.education-deal-wrap .gray-card-item .btn-basic {
    min-width: 166px;
    height: 30px;
    padding: 0;
    margin-top: 20px;
    font-size: 13px;
    line-height: 28px;
    font-weight: 500;
    border-radius: 15px;
}

.education-wrap.education-deal-wrap .telephone-possible:before {
    content: "";
    position: absolute;
    left: 60px;
    bottom: 60px;
    width: 72px;
    height: 72px;
    background: url("../images/icon/icon_education_telephone_possible.png") no-repeat center center;
    background-size: auto 100%;
}

.education-deal-wrap .vertical-list-wrap {
    margin-top: 40px;
}

.education-deal-wrap .vertical-list-content .vertical-list-cell {
    padding: 40px 60px;
}

.education-deal-wrap .vertical-list-content .vertical-list-cell .title {
    line-height: 40px;
}

.education-deal-wrap .vertical-list-content .vertical-list-cell .title+.info {
    margin-top: 20px;
}

.education-deal-wrap .vertical-list-content .vertical-list-cell .info {
    font-size: 18px;
    font-weight: 300;
    color: #595959;
    line-height: 28px;
}

.education-deal-wrap .vertical-list-content .info+.info-tip {
    margin-top: 20px;
}

.education-deal-wrap .vertical-list-content .info-tip-list>li {
    font-size: 16px;
    color: #3d3935;
    line-height: 24px;
}

.education-deal-wrap .vertical-list-wrap+.note-info {
    margin-top: 20px;
}

.education-deal-banner {
    margin-top: 120px;
}

.education-deal-banner .con-title {
    padding-bottom: 60px;
}

.education-banner-slider-wrap .slide-title {
    font-size: 26px;
    color: #000;
    line-height: 40px;
    text-align: center;
}

.education-banner-slider-wrap {
    position: relative;
}

.education-banner-slider-wrap .slide-title .num {
    display: inline-block;
    color: #e37500;
}

.education-deal-banner .common-slider-wrap .swiper-ui {
    margin-top: 0px;
    z-index: 5;
}

.education-banner-slider-wrap .btn-swiper-slider-prev {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 72px;
    height: 72px;
    font-size: 0;
    padding: 0;
    margin-top: -36px;
    z-index: 15;
}

.education-banner-slider-wrap .btn-swiper-slider-prev:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/icon/tutorial-arrow-left.png") center center no-repeat;
}

.education-banner-slider-wrap .btn-swiper-slider-next {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 72px;
    height: 72px;
    font-size: 0;
    padding: 0;
    margin-top: -36px;
    z-index: 15;
}

.education-banner-slider-wrap .btn-swiper-slider-next:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/icon/tutorial-arrow-right.png") center center no-repeat;
}

.education-banner-slider-wrap .btn-swiper-slider-prev.swiper-button-disabled,
.education-banner-slider-wrap .btn-swiper-slider-next.swiper-button-disabled {
    opacity: 0;
}

/* 교육 > 회원가입 혜택 */
.education-member-benefit-wrap .content-top {
    display: flex;
    justify-content: space-between;
}

.education-member-benefit-wrap .content-top .btn-basic {
    margin-top: auto;
}

.education-wrap.education-member-benefit-wrap .gray-card-item {
    display: flex;
    align-items: center;
    padding: 60px;
}

.education-member-benefit-wrap .gray-card-item .item-icon {
    position: relative;
    flex: 0 0 auto;
    display: inline-block;
    width: 72px;
    height: 72px;
    /* border-radius:50%; background-color:#fff; */
}

.education-member-benefit-wrap .gray-card-item .item-icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.education-member-benefit-wrap .provide-info .item-icon:after {
    background-image: url("../images/icon/icon_education_card_provide_info_36.svg");
}

.education-member-benefit-wrap .notice .item-icon:after {
    background-image: url("../images/icon/icon_education_card_notice_36.svg");
}

.education-member-benefit-wrap .send-email .item-icon:after {
    background-image: url("../images/icon/icon_education_card_send_email_36.svg");
}

.education-member-benefit-wrap .web-seminar .item-icon:after {
    background-image: url("../images/icon/icon_education_card_web_seminar_36.svg");
}

.education-member-benefit-wrap .gray-card-item .item-info {
    padding-left: 20px;
    font-size: 22px;
    line-height: 34px;
}

.education-member-benefit-wrap .common-point-note {
    margin-top: 30px;
}

.education-member-benefit-wrap .gray-card-content .benefit-title {
    margin-bottom: 30px;
    font-size: 30px;
    color: #e37500;
    font-weight: 500;
}

/* 교육 > ETF적립식 투자 */
.page-title+.page-title-info>strong.color-black {
    color: #000;
}

.etf-step-wrap .step-visual .step-list-item .icon:after {
    width: 36px;
    height: 36px;
    /* margin:-18px 0 0 -18px; */
}

.etf-step-wrap .step-visual .step-list-item.calender .icon:after {
    background-image: url("../images/icon/icon_education__step_calender.png");
}

.etf-step-wrap .step-visual .step-list-item.entry .icon:after {
    background-image: url("../images/icon/icon_education__step_entry.png");
}

.etf-step-wrap .step-visual .step-list-item.result .icon:after {
    background-image: url("../images/icon/icon_education__step_result.png");
}

.accumulate-invest-wrap .section-content .con-title,
.portfolio-invest-wrap .section-content .con-title {
    padding-bottom: 40px;
}

.education-wrap .invest-select-content {
    padding: 60px 80px;
    background-color: #f7f7f7;
    border-radius: 12px;
    box-sizing: border-box;
}

.invest-select-content .data-view-sort {
    flex-direction: column;
    align-items: flex-start;
}

.invest-select-content .data-view-sort .sort-group+.sort-group {
    margin: 30px 0 0 0;
}

.invest-select-content .data-info-list {
    margin-top: 30px;
}

.invest-select-content .data-info-list .list-cell {
    font-size: 16px;
    color: #595959;
}

.invest-select-content .dotted-list .list-cell:before {
    width: 2px;
    height: 2px;
    background-color: #8e8e8e;
}

.invest-select-content .dotted-list .list-cell+.list-cell {
    margin-top: 0;
}

.education-wrap .note-info {
    margin-top: 30px;
}

.education-wrap .large-text {
    min-width: 220px;
}

.education-wrap .month-accumulate-invest-input .sort-group:first-child {
    width: calc(50% - 41px);
}

.education-wrap .month-accumulate-invest-input .sort-group:first-child .form-wrap {
    width: 100%;
}

.education-wrap .month-accumulate-invest-input+.data-info-list {
    margin-top: 20px;
}

.education-wrap .section-content .board-search-wrap {
    bottom: auto;
    top: -24px;
}

.education-wrap .section-content .board-search-wrap input {
    height: 62px;
}

.education-wrap .section-content .board-list-wrap {
    margin-top: 0;
}

.accumulate-invest-wrap .select-invest-item-wrap .product-info-none {
    margin-top: 0;
}

.education-wrap .select-invest-item-wrap+.btn-page-wrap .btn-basic {
    min-width: 280px;
}

.education-wrap .invest-result-box {
    padding: 60px 60px 60px 59px;
    background-color: #fdf1e5;
    border-radius: 12px;
    box-sizing: border-box;
}

.education-wrap .invest-result-box .inner {
    display: flex;
}

.accumulate-invest-wrap .invest-result-box .inner-cell {
    width: 33.333%;
}

.education-wrap .invest-result-box .inner-cell {
    padding: 0 30px;
    font-size: 18px;
    line-height: 18px;
    border-left: 2px solid rgba(237, 113, 0, 0.2);
    box-sizing: border-box;
}

.education-wrap .invest-result-box .inner-cell .title {
    font-weight: 700;
    color: #000;
}

.education-wrap .invest-result-box .inner-cell .title+.info {
    margin-top: 24px;
}

.education-wrap .invest-result-box .inner-cell .info {
    font-weight: 300;
    color: #3d3935;
}

.education-wrap .invest-result-box .inner-cell .info>span {
    display: inline-block;
}

.education-wrap>.calculation-content-wrap {
    margin-top: 80px;
}

.calculation-content-wrap.section-content .con-title {
    padding-bottom: 20px;
}

.calculation-content-wrap .dotted-list {
    padding: 31px 0 27px;
}

.calculation-content-wrap .dotted-list .list-cell {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
}

.calculation-content-wrap .dotted-list .list-cell .title {
    margin-right: auto;
}

.calculation-content-wrap .dotted-list .list-cell .result {
    font-weight: 300;
    color: #3d3935;
}

.calculation-content-wrap .dotted-list .total-invest-price-cell {
    padding-bottom: 14px;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
}

.calculation-content-wrap .dotted-list .total-invest-price-cell .result {
    font-weight: 700;
    color: #e37500;
}

.accumulate-invest-wrap .graph-content-wrap,
.portfolio-invest-wrap .graph-content-wrap {
    margin-top: 80px;
}

.accumulate-invest-wrap .graph-content-wrap .graph-content-box,
.portfolio-invest-wrap .graph-content-wrap .graph-content-box {
    position: relative;
    padding: 30px 20px;
    border: 1px solid #d2d3d1;
}

.accumulate-invest-wrap .graph-content-wrap .btn-download-wrap,
.portfolio-invest-wrap .graph-content-wrap .btn-download-wrap {
    position: absolute;
    right: 0;
    bottom: auto;
    margin-top: 19px;
    z-index: 5;
}

.btn-download-wrap {
    display: flex;
}

.btn-download-wrap .round-small+.round-small {
    margin-left: 6px;
}

button.round-small {
    padding: 0 16px;
    height: 30px;
    font-size: 13px;
    font-weight: 500;
    line-height: 28px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 24px;
    box-sizing: border-box;
}

button.round-small.light-gray {
    color: #595959;
    border-color: #595959;
}

.calculation-content-wrap .graph-content-wrap .graph-content+.list-wrap {
    margin-top: 20px;
}

.calculation-content-wrap .graph-content-wrap .graph-content+.list-wrap .dotted-list {
    padding: 0;
}

.calculation-content-wrap .graph-content-wrap .list-wrap .dotted-list>.list-cell {
    font-size: 16px;
    color: #595959;
    line-height: 28px;
}

.calculation-content-wrap .graph-content-wrap .list-wrap .dotted-list .list-cell+.list-cell {
    margin-top: 0;
}

.calculation-content-wrap .graph-content-wrap .list-wrap .dotted-list .list-cell:before {
    top: 13px;
    width: 2px;
    height: 2px;
}

.portfolio-invest-wrap .select-invest-item-wrap .read-table table>tbody>tr>td {
    padding: 17px 20px 15px;
}

.portfolio-invest-wrap .select-invest-item-wrap .read-table table>tbody>tr>td input {
    height: 31px;
    font-size: 16px;
}

.portfolio-invest-wrap .select-invest-item-wrap .floating-btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.portfolio-invest-wrap .select-invest-item-wrap .floating-btn-wrap .btn-basic {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    display: inline-block;
    min-width: 160px;
    height: 60px;
    padding: 0 26px;
    font-size: 16px;
    line-height: 58px;
    text-align: center;
    color: #3d3935;
    background-color: #fff;
    border: 1px solid #d2d3d1;
    border-radius: 30px;
    box-shadow: 0px 6px 11px rgb(0 0 0 / 15%);
    z-index: 6;
}

.portfolio-invest-wrap .select-invest-item-wrap .floating-btn-wrap .btn-basic .number {
    display: inline-block;
    color: #e37500;
}

.portfolio-invest-wrap .invest-result-box .inner-cell {
    width: 50%;
}

.portfolio-invest-wrap .my-portfolio-wrap {
    margin-top: 80px;
}

.portfolio-invest-wrap .my-portfolio-wrap+.section-content {
    margin-top: 128px;
}

/*==============================================
	ETF 투자전략
==============================================*/

/*==============================================
	고객센터
==============================================*/
/* FAQ */
.faq-list-wrap {
    margin-top: 80px;
}

.faq-tab {
    margin-top: 30px;
}

.faq-tab-list {
    display: flex;
    margin: 0 -15px;
}

.faq-tab-list .list-cell {
    width: 20%;
    padding: 0 15px;
    box-sizing: border-box;
}

.btn-faq-tab-item {
    display: flex;
    flex-direction: column;
    padding: 23px 20px;
    height: 210px;
    text-align: left;
    background-color: #f7f7f7;
    border: 1px solid #e5e6e5;
    border-radius: 12px;
    box-sizing: border-box;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0);
    transition: background 0.25s ease, border 0.25s ease, box-shadow 0.25s ease;
}

.faq-tab-list .actived .btn-faq-tab-item,
.btn-faq-tab-item:hover {
    background-color: #fff;
    border-color: #e37500;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);
}

.faq-tab-list .actived .subject,
.btn-faq-tab-item:hover .subject {
    color: #000;
}

.faq-tab-list .actived .faq-label,
.btn-faq-tab-item:hover .faq-label {
    color: #fff;
    background-color: #e37500;
}

.btn-faq-tab-item .faq-label {
    width: 50px;
    background-color: #8e8e8e;
}

.btn-faq-tab-item .subject {
    display: block;
    width: 100%;
    margin-top: 33px;
    font-size: 18px;
    line-height: 28px;
    color: #3d3935;
    font-weight: 300;
    transition: color 0.25s ease;
}

.faq-label {
    display: inline-block;
    width: 36px;
    height: 36px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    background-color: #e37500;
}

.faq-tab-group {
    margin-top: 80px;
}

.faq-tab-group .tab-data {
    display: none;
}

.faq-tab-group .tab-data.actived {
    display: block;
}

.faq-tab-group .btn-board-item .item-subject {
    font-weight: 500;
}

.faq-tab-group .btn-board-item .item-subject .txt {
    display: block;
    max-height: none;
    overflow: visible;
}

/* 이벤트 */
.event-list-wrap .grid-frame-layout {
    margin: -22px;
}

.event-list-wrap .grid-frame-cell {
    width: 33.33%;
    padding: 22px;
}

.event-list-wrap .board-list-data {
    border-bottom: none;
}

.event-option {}

.event-option .option-cell {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.event-option .option-cell .title {
    flex: 0 0 auto;
    position: relative;
    display: inline-flex;
    margin-right: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 25px;
    color: #3d3935;
}

.event-option .option-cell .title:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #595959;
}

.event-option .option-cell .txt {
    flex: 1;
    font-size: 16px;
    line-height: 25px;
    color: #595959;
    font-weight: 300;
}

/* contact us */
.contact-wrap {
    margin-top: 60px;
}

.contact-map {
    position: relative;
    height: 500px;
    overflow: hidden;
    background-color: #f7f7f7;
}

.contact-info {
    margin-top: 60px;
}

.contact-info .info-data {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 39px 0;
    box-sizing: border-box;
    background-color: #f7f7f7;
}

.contact-info .info-data-item {
    display: inline-flex;
    align-items: center;
    height: 52px;
    margin: 0 50px;
}

.contact-info .info-data-item .icons {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-right: 20px;
    border-radius: 50%;
    background-color: #e37500;
}

.contact-info .info-data-item .txt {
    font-size: 18px;
    line-height: 24px;
    color: #3d3935;
}

.contact-note {
    margin-top: 20px;
}

.contact-note .note-info {
    padding: 12px 0;
    background-color: #f7f7f7;
    border-radius: 12px;
    text-align: center;
}

.contact-note .note-info .title {
    display: inline-block;
}

/*==============================================
	마이페이지
==============================================*/
/* 마이페이지 서브메인 */
.mypage-member-info {
    display: flex;
    padding: 34px 40px;
    border-radius: 12px;
    background-color: #723600;
    box-sizing: border-box;
}

.mypage-member-info .member-img {
    width: 72px;
    height: 72px;
    margin-right: 20px;
    border-radius: 50%;
    overflow: hidden;
    background: #e37500;
}

.mypage-member-info .member-img .img-area {
    width: 100%;
    height: 100%;
    background: url("../images/icon/icon_mypage_member.svg") no-repeat center center;
}

/* .mypage-member-info .member-img .img-area {width:100%; height:100%; background:url('../images/content/mypage_member_gray_img.jpg')no-repeat center center; background-size:cover;} */
.mypage-member-info .member-text-group .comment {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    line-height: 46px;
}

.mypage-member-info .member-text-group .comment .name {
    color: #f58220;
}

.mypage-member-info .member-text-group .recent-login-date {
    font-size: 15px;
    color: #ffede4;
    line-height: 22px;
    font-weight: 400;
}

/* .mypage-member-info .member-text-group .recent-login-date .date-time {font-weight:300;} */
.mypage-notice-list {
    display: flex;
    align-items: center;
    height: 88px;
}

.mypage-notice-list .list-title {
    position: relative;
    flex: 0 0 auto;
    padding-right: 15px;
    margin-right: 70px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
}

.mypage-notice-list .list-title:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent #000;
    transform: translate(0%, -50%);
}

.mypage-notice-list .list-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

/* 2022-10-18 추가 및 수정 */
.mypage-notice-list .mypage-notice-slider {
    width: calc(100% - 155px);
    height: 88px;
}

.mypage-notice-list .mypage-notice-slider .swiper-container {
    width: 100%;
    height: 100%;
}

.mypage-notice-list .swiper-ui {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 155px;
}

.mypage-notice-list .swiper-ui>div:first-of-type {
    margin-right: 20px;
}

.mypage-notice-list .list-data-cell>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    height: 88px;
    line-height: 28px;
    box-sizing: border-box;
}

.mypage-notice-list .list-data-cell>a:focus {
    outline: none;
    border: 2px solid #000;
}

.mypage-notice-list .list-data-cell .txt {
    flex: 0 0 auto;
    width: 680px;
    height: 28px;
    padding-right: 16px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    box-sizing: border-box;
}

.mypage-notice-list .list-data-cell .txt>span {
    display: inline-block;
    max-width: 90%;
    height: 28px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* // 2022-10-18 추가 및 수정 */
.mypage-notice-list .list-data-cell .date {
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 28px;
    color: #595959;
}

.mypage-menu-card {
    margin-top: 30px;
}

.mypage-menu-card .grid-frame-layout {
    margin: -15px;
}

.mypage-menu-card .grid-frame-cell {
    padding: 15px;
}

.mypage-menu-card .menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 26px 31px 22px 41px;
    border: 1px solid #e5e6e5;
    border-radius: 12px;
    background-color: #f7f7f7;
    box-sizing: border-box;
    min-height: 100%;
}

.mypage-menu-card .menu-item:hover {
    border-color: #e37500;
    background-color: #fff;
    box-shadow: 0px 10px 10px rgb(0 0 0 / 5%);
    transition: all 0.25s ease;
}

.mypage-menu-card .menu-item .item-subject {
    position: relative;
    padding: 22px 0 22px 92px;
    font-size: 18px;
    color: #000;
    line-height: 28px;
}

.mypage-menu-card .menu-item .item-subject:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}

.mypage-menu-card .grid-frame-cell:nth-of-type(1) .menu-item .item-subject:before {
    background-image: url("../images/icon/mypage_card_list1.svg");
}

.mypage-menu-card .grid-frame-cell:nth-of-type(2) .menu-item .item-subject:before {
    background-image: url("../images/icon/mypage_card_list2.svg");
}

.mypage-menu-card .grid-frame-cell:nth-of-type(3) .menu-item .item-subject:before {
    background-image: url("../images/icon/mypage_card_list3.svg");
}

.mypage-menu-card .grid-frame-cell:nth-of-type(4) .menu-item .item-subject:before {
    background-image: url("../images/icon/mypage_card_list4.svg");
}

.mypage-menu-card .grid-frame-cell:nth-of-type(5) .menu-item .item-subject:before {
    background-image: url("../images/icon/mypage_card_list5.svg");
}

.mypage-menu-card .grid-frame-cell:nth-of-type(6) .menu-item .item-subject:before {
    background-image: url("../images/icon/mypage_card_list6.svg");
}

.mypage-menu-card .menu-item .item-number {
    display: inline-block;
    padding: 0 17px;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    color: #fff;
    border-radius: 14px;
    background-color: #e37500;
}

.mypage-banner {
    padding: 80px 0 40px;
}

.mypage-banner-slider-wrap {
    position: relative;
}

.mypage-banner-slider-wrap .slider-data {
    position: relative;
    /*height:280px;*/
    border-radius: 12px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.mypage-banner-slider-wrap .slider-item>a {
    display: block;
}

.mypage-banner-slider-wrap .swiper-slide>a {
    display: block;
}

/* .mypage-banner-slider-wrap .btn-swiper-slider-prev {position:absolute; top:50%; left:20px; margin-top:-36px; width:72px; height:72px;}
.mypage-banner-slider-wrap .btn-swiper-slider-prev:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; background-image:url('../images/icon/icon_arrow_prev_white_72.png')}
.mypage-banner-slider-wrap .btn-swiper-slider-next {position:absolute; top:50%; right:20px; margin-top:-36px; width:72px; height:72px;}
.mypage-banner-slider-wrap .btn-swiper-slider-next:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; background-image:url('../images/icon/icon_arrow_next_white_72.png')}
.mypage-banner-slider-wrap .btn-swiper-slider-prev.swiper-button-disabled,
.mypage-banner-slider-wrap .btn-swiper-slider-next.swiper-button-disabled {opacity:0;}
.mypage-banner-slider-wrap .swiper-pagination {position:absolute; top:100%; left:0; width:100%; margin-top:30px;} */

.mypage-banner-slider-wrap .btn-swiper-slider-prev {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 72px;
    height: 72px;
    font-size: 0;
    padding: 0;
    margin-top: -36px;
    z-index: 15;
}

.mypage-banner-slider-wrap .btn-swiper-slider-prev:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/icon/icon_slider_prev_white_72.png") center center no-repeat;
}

.mypage-banner-slider-wrap .btn-swiper-slider-next {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 72px;
    height: 72px;
    font-size: 0;
    padding: 0;
    margin-top: -36px;
    z-index: 15;
}

.mypage-banner-slider-wrap .btn-swiper-slider-next:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/icon/icon_slider_next_white_72.png") center center no-repeat;
}

.mypage-banner-slider-wrap .btn-swiper-slider-prev.swiper-button-disabled,
.mypage-banner-slider-wrap .btn-swiper-slider-next.swiper-button-disabled {
    opacity: 0;
}

/*.mypage-banner-slider-wrap .swiper-pagination {margin-top:30px;}*/

/* .mypage-banner-slider-wrap .swiper-pagination {position:absolute; bottom:-80px; left:0; display:flex; justify-content:center; width:100%; height:80px; padding:30px 0 40px; box-sizing:border-box;}
.mypage-banner-slider-wrap .swiper-pagination > span {display:block; width:10px; height:10px; margin:0 10px; box-sizing:border-box; border:1px solid #adadac; border-radius:50%; background-color:#fff;}
.mypage-banner-slider-wrap .swiper-pagination > span.actived {border-color:#e37500; background-color:#e37500;} */

/* 회원정보 수정 */
.both-combine-wrap {
    display: flex;
}

.both-combine-wrap .left-content {
    flex: 0 0 auto;
    width: 250px;
    margin-right: 140px;
}

.left-content .mypage-member-info {
    display: block;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
}

.left-content .mypage-member-info .top-info {
    display: flex;
}

.left-content .mypage-member-info .member-img {
    margin-right: 16px;
    flex: 0 0 auto;
}

/* .left-content .mypage-member-info .member-img .img-area {background-image:url('../images/content/mypage_member_balck_img.jpg');} */
.left-content .mypage-member-info .top-info .comment {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #000;
}

.left-content .mypage-member-info .top-info .comment .name {
    color: #f58220;
}

.left-content .mypage-member-info .member-text-group .recent-login-date {
    padding: 20px 0;
    color: #5e5e5e;
}

.left-content .mypage-member-info .member-text-group .recent-login-date .date-time {
    display: block;
}

.left-list-wrap .left-list {
    padding-top: 30px;
    border-top: 1px solid #000;
}

.left-list-wrap .left-list .list-cell {
    position: relative;
    /* 2024 웹접근성 */
    padding: 3px 0;
    font-size: 20px;
    line-height: 24px;
}

/* 2024-11-13 */
.left-list-wrap .left-list .list-cell+.list-cell {
    margin-top: 15px;
}

.left-list-wrap .left-list .list-cell a {
    display: inline-block;
    padding: 5px;
}

.left-list-wrap .left-list .list-cell a.actived {
    color: #e37500;
}

/* .left-list-wrap .left-list .list-cell a.actived::before {
	content: "";
	width: 100%;
	position: absolute;
	bottom: -10px;
	left: 0;
	border-top: 1px solid #043B72;
} */
/* 2024 웹접근성 */
/* // 2024-11-13 */
.left-list .list-cell .item-number {
    display: inline-block;
    min-width: 12px;
    margin-left: 10px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    color: #fff;
    border-radius: 12px;
    background-color: #e37500;
}

.both-combine-wrap .right-content {
    flex: 1;
    width: calc(100% - 390px);
}

.right-content .title-group {
    padding-bottom: 50px;
}

.right-content .title-group+.right-container {
    border-top: 2px solid #e5e6e5;
}

.right-content .page-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
}

.right-content .right-container {
    padding: 50px 0 36px;
}

.right-content .revised-member-wrap {
    padding: 0 158px;
}

.revised-member-wrap .info-text {
    font-size: 20px;
    color: #3d3935;
    line-height: 30px;
}

.revised-member-wrap .gray-info-wrap {
    margin-top: 30px;
}

.revised-member-wrap .gray-info-wrap .gray-box-content {
    padding: 26px 10px 29px;
    text-align: center;
    border-radius: 12px;
    background-color: #f7f7f7;
}

.revised-member-wrap .gray-info-wrap .gray-box-content .info {
    font-size: 30px;
    font-weight: 700;
    color: #e37500;
    line-height: 42px;
}

.revised-member-wrap .form-group {
    margin-top: 40px;
}

.right-content .btn-page-wrap {
    margin-top: 60px;
}

.right-content .con-title {
    line-height: 46px;
}

.right-content .tab-contents {
    margin-top: -60px;
}

/* .right-content .tab-button-list {display:flex; width:100%; border-bottom:2px solid #e5e6e5; background-color:#fff; z-index:5;}
.right-content .tab-button-list > li {display:flex; padding:0 11px;}
.right-content .tab-button-list > li:first-of-type {padding-left:0;}
.right-content .tab-button-list > li.actived .btn-tab-list-item {color:#000;}
.right-content .tab-button-list > li.actived .btn-tab-list-item:after {content:''; position:absolute; left:0; bottom:-2px; display:block; width:100%; height:4px; background-color:#e37500;}
.right-content .tab-button-list .btn-tab-list-item {position:relative; padding:0 16px 10px; font-size:20px; color:#8e8e8e; line-height:30px;} */
.right-container .tab-contents .tab-button-group+.tab-data-group {
    margin-top: 30px;
}

/* .right-content .page-tab {margin:40px 0 0; border-bottom:2px solid #e5e6e5;}
.right-content .page-tab:after {content:none;}
.right-content .page-tab > li {padding:0 11px;}
.right-content .page-tab > li:first-of-type {padding-left:0;}
.right-content .page-tab > li > a {padding:0 16px; line-height:40px;}
.right-content .page-tab > li > a.actived:after {bottom:-2px;} */

.right-content .con-title+.member-form-content {
    margin-top: 50px;
}

.right-content .member-form-content .email-group {
    width: 80%;
}

.right-content .member-form-content .form-group .form-input-item .company-input {
    width: 72%;
}

.form-wrap+.unregister-btn {
    margin-top: 60px;
}

.unregister-btn {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    padding-bottom: 12px;
}

.unregister-btn .btn-outline-gray {
    border: 2px solid #8e8e8e;
    line-height: 32px;
}

/* 이름변경 본인인증 */
.pop-gray-box-content {
    padding: 20px;
    background-color: #f7f7f7;
}

.pop-gray-box-content .info {
    font-size: 16px;
    font-weight: 300;
    color: #595959;
    line-height: 24px;
    text-align: left;
}

.pop-gray-box-content .notice-list .list-cell {
    position: relative;
    padding-left: 18px;
}

.pop-gray-box-content .notice-list .list-cell:before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
    color: #595959;
    line-height: 24px;
}

.change-name-wrap .form-wrap {
    margin-top: 30px;
}

.change-name-wrap .form-wrap .form-group-title {
    line-height: 30px;
}

.change-name-wrap .detail-scroll-box {
    margin-top: 20px;
}

.change-name-wrap .detail-scroll-box .scroll-box .detail-content {
    padding: 20px;
    font-size: 16px;
    font-weight: 300;
    color: #757575;
}

.change-name-wrap .form-agree-data .form-group-data {
    top: 0;
    margin-top: -48px;
}

.change-name-wrap .phone-self-certify {
    margin-top: 30px;
}

.change-name-wrap .join-member-self-area.border-box {
    padding: 40px;
}

.change-name-wrap .join-member-self-area .subject {
    padding-top: 116px;
    line-height: 46px;
}

.change-name-wrap .join-member-self-area .info {
    margin-top: 20px;
    line-height: 24px;
    font-size: 16px;
    color: #595959;
}

/* 비밀번호 변경 */
.form-input-valid+.form-input-info {
    margin-top: 0;
}

/* 회원탈퇴 */
.right-container .con-info-title {
    padding-bottom: 30px;
    font-size: 24px;
    font-weight: 500;
    color: #000;
    line-height: 36px;
}

.wide-check-group .group-inner {
    flex-wrap: wrap;
    margin: -8px -15px;
}

.wide-check-group .group-inner .group-cell {
    width: 50%;
    padding: 8px 15px;
    box-sizing: border-box;
}

.unregister-content+.btn-page-wrap {
    margin-top: 120px;
}

/* 최근검색 > 최근 본 상품 */
.right-container p.top-text {
    padding: 0 0 30px 0;
    font-size: 15px;
    line-height: 24px;
    color: #595959;
}

.mypage-product-wrap .grid-frame-layout {
    margin: -15px;
}

.mypage-product-wrap .grid-frame-cell {
    padding: 15px;
}

.mypage-product-wrap .card-item.product {
    padding: 25px 30px;
}

.mypage-product-wrap .card-item.product .item-cate {
    padding-right: 100px;
}

.mypage-product-wrap .card-item.product .item-ui {
    top: 25px;
}

.mypage-product-wrap .product-list-none {
    position: relative;
    padding: 70px 0;
    font-size: 18px;
    font-weight: 300;
    color: #3d3935;
    line-height: 28px;
    text-align: center;
    border-bottom: 1px solid #e5e6e5;
}

.product-list-none .txt {
    position: relative;
    padding-top: 90px;
}

.product-list-none .txt:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 72px;
    height: 72px;
    transform: translateX(-50%);
    background: url("../images/icon/icon_board_none.png") no-repeat;
}

/* 2024-11-11*/
.mypage-product-wrap .btn-item-del {
    background-image: url("../images/icon/ico-24-delete.svg");
}

.mypage-product-wrap .btn-item-del:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/icon/ico-24-delete_hover.svg") no-repeat;
    opacity: 0;
    transition: all 0.15s ease-out;
    background-size: 24px 24px;
}

/*// 2024-11-11*/
.mypage-product-wrap .btn-item-del:hover:after {
    opacity: 1;
}

/* 최근검색 > 최근 본 콘텐츠 */
.product-list-content .theme-subject {
    margin-bottom: 30px;
    padding-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    color: #e37500;
    line-height: 36px;
    border-bottom: 1px solid #000;
}

.product-list-content .list-content-section+.list-content-section {
    margin-top: 40px;
}

.product-list-content .theme-subject+.product-list-none {
    margin-top: -30px;
}

.product-list-content .card-item.basic .item-detail-wrap {
    padding: 22px 25px 30px;
}

/* .product-list-content .card-item .item-subject {padding-right:38px;} */
.product-list-content .card-item.basic .item-hash-single {
    font-size: 14px;
}

.product-list-content .card-item.basic .item-subject {
    height: 48px;
    max-height: 48px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.product-list-content .card-item.basic .item-subject.string-type3 {
    height: auto;
    max-height: 72px;
    line-height: 24px;
}

.product-list-content .card-item.basic .item-subject.string-type4 {
    height: auto;
    max-height: 96px;
    line-height: 24px;
}

.product-list-content .card-item.basic .item-ui.top {
    top: 22px;
    right: 25px;
}

.product-list-content .card-item.basic .item-date {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    color: #595959;
}

.product-list-content .card-item.basic .item-cate {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.product-list-content .grid-frame-cell .card-item.basic .item-bottom {
    padding-top: 8px;
}

.product-list-content .list-content-section .product-list-none {
    border-bottom: 0;
}

/* 선호 증권사 */
.prefer-stock-wrap .grid-frame-layout {
    margin: -7px -10px;
}

.prefer-stock-wrap .form-check-box-group .grid-frame-layout .grid-frame-cell {
    width: 25%;
    padding: 7px 10px;
    box-sizing: border-box;
}

.prefer-stock-wrap .grid-frame-cell .form-check-icon>em {
    padding: 12px 14px 12px 54px;
}

/* 즐겨찾는 상품 */
.right-container .product-list-total {
    margin-top: -20px;
    padding-bottom: 30px;
}

.product-list-total {
    display: flex;
    justify-content: space-between;
    line-height: 28px;
}

.product-list-total .total-value {
    font-size: 18px;
    font-weight: 300;
    color: #000;
}

.product-list-total .total-value-info {
    font-size: 15px;
    color: #595959;
    font-weight: 500;
}

/* 맞춤설정 */
.large-card-item {
    padding: 41px 80px 42px 113px;
    border: 1px solid #e5e6e5;
    border-radius: 12px;
    box-sizing: border-box;
}

.large-card-wrap .large-card-item+.large-card-item {
    margin-top: 20px;
}

.large-card-item .item-subject {
    position: relative;
    display: inline-block;
    padding: 2px 0 4px;
    line-height: 42px;
    font-size: 28px;
    font-weight: 700;
    color: #000;
}

.large-card-item .item-subject .numbering {
    position: absolute;
    top: -2px;
    left: -72px;
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    background-color: #3d3935;
}

.large-card-item .item-info-text {
    margin-top: 14px;
    font-size: 14px;
    color: #595959;
    line-height: 22px;
}

.large-card-wrap .form-box-wrap {
    margin-top: 20px;
}

.large-card-wrap .grid-frame-layout {
    margin: -5px;
}

.large-card-wrap .grid-frame-layout .grid-frame-cell {
    padding: 5px;
}

.large-card-wrap .grid-frame-layout .grid-frame-cell .form-check-icon>em {
    padding: 9px 20px;
}

/* .large-card-wrap .grid-frame-layout .grid-frame-cell .form-check-icon > em {padding:12px 20px 12px 50px;} */
.large-card-wrap .form-card-box .form-check-icon:before,
.large-card-wrap .form-card-box .form-check-icon:after {
    top: 12px;
    left: 20px;
}

/*==============================================
	멤버
==============================================*/
/* login-content-wrap */
.login-content-wrap {
    margin-top: 62px;
}

/* 2022-06-22 수정 및 추가 */
.login-content-wrap .grid-frame-layout {
    flex-direction: column;
    align-items: center;
    padding-top: 62px;
    border-top: 1px solid #000;
}

.login-content-wrap .grid-frame-layout .grid-frame-cell {
    width: 100%;
}

.login-content-wrap .grid-frame-layout .grid-frame-cell:first-of-type {
    margin-bottom: 62px;
    padding-bottom: 62px;
    border-bottom: 1px solid #d2d3d1;
}

.login-content-wrap .login-tit {
    margin-bottom: 40px;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
}

.login-content-wrap .login-info {
    margin: 0 auto;
    padding-right: 0;
}

/* // 2022-06-22 수정 및 추가 */
.login-info .login-sub-info {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

.login-sub-info .find-wrap {
    display: flex;
    justify-content: space-between;
}

.login-sub-info .find-wrap .find-cell>a {
    position: relative;
    color: #3d3935;
    line-height: 24px;
}

.login-sub-info .find-wrap .find-cell .find-id {
    padding-right: 16px;
    margin-right: 16px;
}

.login-sub-info .find-wrap .find-cell .find-id:after {
    content: "";
    position: absolute;
    right: -4px;
    top: 50%;
    width: 2px;
    height: 12px;
    margin-top: -6px;
    background-color: #e5e6e5;
}

.login-info .login-form .form-input-item.pw {
    margin-top: 20px;
}

.login-info .login-form .login-btn {
    margin-top: 36px;
}

/* 2022-06-22 수정 및 추가 */
.easy-login .login-btn .btn-kakao,
.login-info .login-form .login-btn .btn-basic {
    width: 100%;
    height: 80px;
    font-size: 18px;
    border-radius: 40px;
}

.easy-login .login-btn .btn-kakao {
    position: relative;
}

.easy-login .login-btn .btn-kakao::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 120px;
    width: 30px;
    height: 30px;
    background: url("../images/icon/icon_member_btn_kakao.png") no-repeat center center;
    transform: translateY(-50%);
}

.easy-login .login-btn .btn-kakao::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 60px;
    width: 30px;
    height: 30px;
    background: url("../images/icon/icon_arrow_black_24.png") no-repeat center center;
    transform: translateY(-50%);
}

/* // 2022-06-22 수정 및 추가 */
.login-info .login-form+.join-membership {
    margin-top: 25px;
}

.join-membership .simple-login .title {
    font-size: 18px;
    line-height: 24px;
    color: #757575;
    text-align: center;
}

.join-membership .simple-login .sns-list {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.join-membership .simple-login .sns-list .sns-cell {
    margin: 0 10px;
}

.join-membership .simple-login .sns-list .sns-cell>a {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.join-membership .simple-login .sns-list .sns-cell .kakao {
    background: url("../images/icon/icon_login_kakao.png") no-repeat center center;
}

.join-membership .simple-login .sns-list .sns-cell .naver {
    background: url("../images/icon/icon_login_naver.png") no-repeat center center;
}

.join-membership .simple-login .sns-list .sns-cell .google {
    background: url("../images/icon/icon_login_google.png") no-repeat center center;
}

.join-membership .simple-login .sns-list .sns-cell .facebook {
    background: url("../images/icon/icon_login_facebook.png") no-repeat center center;
}

.join-membership .join-membership-info {
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid #d2d3d1;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #595959;
    text-align: center;
}

.join-membership .join-membership-info>a {
    display: inline-block;
    margin-left: 10px;
    font-weight: 500;
    color: #3d3935;
}

.easy-login>img {
    display: block;
    margin: 15px auto 0;
}

/* 2022-06-22 추가 */

.login-content-wrap .banner-wrap {
    align-self: end;
}

.login-content-wrap .banner-wrap .common-slider-wrap {
    position: relative;
    padding-left: 29px;
}

.login-content-wrap .banner-wrap .slider-data {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.login-content-wrap .banner-wrap .slider-data .swiper-slide>a {
    display: block;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.login-content-wrap .banner-wrap .swiper-ui {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 0 0 40px 0;
    padding-left: 29px;
    transform: translateX(-50%);
    z-index: 5;
}

.login-content-wrap .banner-wrap .swiper-ui .swiper-pagination .swiper-pagination-bullet {
    background-color: transparent;
}

.login-content-wrap .banner-wrap .swiper-ui .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #e37500;
}

.login-content-wrap .banner-wrap .swiper-ui .auto-control {
    background-color: rgba(229, 230, 229, 0.2);
}

/* member-content-wrap */
.warning-info {
    margin-top: 28px;
}

.warning-info .title {
    position: relative;
    padding-left: 32px;
    font-size: 15px;
    color: #3d3935;
    line-height: 24px;
}

.warning-info .title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: url("../images/icon/icon_info_orange_24.png") no-repeat center center;
    background-size: 100% auto;
}

.warning-info .info {
    margin-top: 6px;
    font-size: 15px;
    color: #595959;
    line-height: 28px;
}

.member-content-wrap .gray-info-wrap {
    margin-top: 60px;
}

.member-content-wrap .gray-info-wrap .gray-box-content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 230px;
    padding: 20px;
    border-radius: 12px;
    background-color: #f7f7f7;
    box-sizing: border-box;
}

.member-content-wrap .gray-info-wrap .gray-box-content .info {
    display: inline-block;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
}

.member-content-wrap .gray-info-wrap .gray-box-content .font-bold {
    font-weight: 700;
}

/* SNS 간편인증 회원 표시 스타일 */
.member-content-wrap .gray-info-wrap .gray-box-content .sns-member-info {
    text-align: center;
}

.member-content-wrap .gray-info-wrap .gray-box-content .sns-member-text {
    font-size: 24px;
    font-weight: 500;
    color: #333;
    margin: 0 0 20px 0;
    line-height: 1.4;
}

.member-content-wrap .gray-info-wrap .gray-box-content .sns-member-type {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
}

.member-content-wrap .gray-info-wrap .gray-box-content .sns-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.member-content-wrap .gray-info-wrap .gray-box-content .sns-badge.sns-naver {
    background-color: #03C75A;
}

.member-content-wrap .gray-info-wrap .gray-box-content .sns-badge.sns-kakao {
    background-color: #FEE500;
    color: #191919;
}

.member-content-wrap .gray-info-wrap .gray-box-content .sns-badge.sns-google {
    background-color: #4285F4;
}

.member-content-wrap .gray-info-wrap .gray-box-content .sns-account-text {
    font-size: 18px;
    font-weight: 400;
    color: #666;
}

.page-tab+.member-content-wrap .form-content-wrap {
    margin-top: 0;
}

.member-content-wrap .gray-info-wrap+.form-content-wrap {
    margin-top: 60px;
}

/* form-content-wrap */
.form-content-wrap {
    margin-top: 120px;
}

.form-content-wrap.border-top {
    margin-top: 50px;
    padding-top: 60px;
    border-top: 1px solid #000;
}

.form-content-wrap .member-form-content {
    margin-top: 50px;
}

.form-content-wrap .form-group .form-circle-box {
    margin-top: 16px;
}

/* 휴대폰 본인인증 */
.member-content-wrap>.phone-self-certify {
    margin-top: 60px;
}

.join-member-self-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.join-member-self-area.border-box {
    padding: 100px 0 92px;
    border: 1px solid #e5e6e5;
    border-radius: 12px;
    background-color: #fff;
    box-sizing: border-box;
}

.join-member-self-area .subject {
    position: relative;
    padding-top: 122px;
    fot-size: 30px;
    line-height: 34px;
}

.join-member-self-area .subject:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 96px;
    background: url("../images/icon/icon_member_password_phone.svg") no-repeat center center;
    background-size: auto 100%;
}

.join-member-self-area .info {
    margin-top: 27px;
    font-size: 18px;
    color: #595959;
    line-height: 34px;
}

.join-member-self-area .info strong {
    color: #e37500;
}

/* 회원가입 > 간편회원가입 */
.join-simple-content .member-content-wrap .join-content-wrap .join-form-wrap:first-child {
    margin-top: 50px;
    border-top: 1px solid #000;
}

.join-simple-content .service-agree {
    margin-top: 110px;
    padding-bottom: 30px;
}

/* 2024 웹접근성 */
.join-simple-content .service-agree .login-tit {
    margin-bottom: 40px;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
}

.page-title.small {
    margin-bottom: 40px;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
}

/* // 2024 웹접근성 */
.service-agree .btn-area .btn-kakao {
    position: relative;
    width: 330px;
    padding: 20px 75px;
    font-size: 18px;
    color: #000;
    background-color: #feea31;
    border-radius: 30px;
}

/* 2022-06-22 수정 */

.service-agree .btn-area .btn-kakao:before {
    content: "";
    position: absolute;
    left: 28px;
    top: 50%;
    width: 30px;
    height: 28px;
    margin-top: -14px;
    background: url("../images/icon/icon_member_btn_kakao.png") no-repeat center center;
    background-size: auto 100%;
}

.service-agree .btn-area .btn-kakao:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url("../images/icon/icon_arrow_black_24.png") no-repeat center center;
    background-size: auto 100%;
}

.divice-area-or {
    padding: 70px 0;
    text-align: center;
}

.divice-area-or>span {
    position: relative;
    display: block;
    font-size: 56px;
    line-height: 50px;
    font-weight: 300;
    color: #757575;
}

.divice-area-or>span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 56%;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #d2d3d1;
    z-index: 1;
}

.divice-area-or>span>em {
    position: relative;
    display: inline-block;
    padding: 0 32px;
    line-height: 56px;
    background-color: #fff;
    z-index: 2;
}

.join-simple-content .gray-info-wrap {
    margin-top: 50px;
}

.join-simple-content .gray-info-wrap .gray-box-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 230px;
    padding: 20px;
    border-radius: 12px;
    background-color: #f7f7f7;
    box-sizing: border-box;
}

.join-simple-content .gray-info-wrap .gray-box-content .info {
    display: inline-block;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
}

.join-simple-content .gray-info-wrap .gray-box-content .font-bold {
    font-weight: 700;
}

/* 회원가입 */
.join-content-wrap .step-visual .step-list-item.confirm .icon:after {
    background: url("../images/icon/icon_member_join_confirm.svg");
}

.join-content-wrap .step-visual .step-list-item.agree .icon:after {
    background: url("../images/icon/icon_member_join_agree.svg");
}

.join-content-wrap .step-visual .step-list-item.input .icon:after {
    background: url("../images/icon/icon_member_join_input.svg");
}

.join-content-wrap .step-visual .step-list-item.complete .icon:after {
    background: url("../images/icon/icon_member_join_complete.svg");
}

.join-form-wrap .con-title+.phone-self-certify {
    margin-top: 20px;
}

/* 약관동의 */
.join-form-wrap .accordion-list-wrap {
    margin-top: 50px;
}

.accordion-list .accordion-cell {
    border-bottom: 1px solid #e5e6e5;
    background-color: #fff;
}

.accordion-list .accordion-menu {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 90px;
    padding: 14px 76px 14px 24px;
    text-align: left;
    box-sizing: border-box;
}

.accordion-list .form-circle-box {
    line-height: 36px;
}

.accordion-list .form-circle-box .form-check-icon {
    min-height: 36px;
}

.accordion-list .form-circle-box .form-check-icon:before {
    width: 36px;
    height: 36px;
    background: url(../images/icon/icon_form_circle_check_off_36.png) center center no-repeat;
}

.accordion-list .form-circle-box .form-check-icon:after {
    width: 36px;
    height: 36px;
    background: url(../images/icon/icon_form_circle_check_on_36.png) center center no-repeat;
}

/* .accordion-list .sns-check-group {position:absolute; right:30px;} */
.accordion-list .sns-check-group {
    margin-left: auto;
}

.accordion-list .sns-check-group .form-circle-box {
    line-height: 24px;
}

.accordion-list .sns-check-group .form-circle-box+.form-circle-box {
    margin-left: 20px;
}

.accordion-list .accordion-menu .sns-check-group .form-check-icon {
    min-height: 24px;
}

.accordion-list .accordion-menu .sns-check-group .form-check-icon:before {
    width: 24px;
    height: 24px;
    background: url("../images/icon/icon_form_circle_check_off.png") center center no-repeat;
}

.accordion-list .accordion-menu .sns-check-group .form-check-icon:after {
    width: 24px;
    height: 24px;
    background: url("../images/icon/icon_form_circle_check_on.png") center center no-repeat;
}

.accordion-list .accordion-menu .sns-check-group .form-check-icon>em {
    padding-left: 32px;
    font-size: 16px;
    line-height: 24px;
}

.accordion-list .form-circle-box .form-check-icon>em {
    padding-left: 44px;
    font-size: 20px;
    line-height: 36px;
    color: #000;
}

.accordion-list .btn-accordion-menu {
    position: absolute;
    top: 50%;
    right: 26px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
}

.accordion-list .btn-accordion-menu:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url("../images/icon/icon_accordion_arrow_24.png") no-repeat center center;
    background-size: 24px auto;
}

.accordion-list .accordion-content {
    display: none;
    border-top: 1px solid #595959;
    max-height: 320px;
}

.accordion-list .accordion-content .accordion-detail.gray .accordion-detail-content {
    background-color: #f7f7f7;
}

.accordion-list .accordion-content .accordion-detail .accordion-detail-content {
    max-height: 320px;
    padding: 42px 50px;
    font-size: 16px;
    font-weight: 300;
    color: #757575;
    line-height: 30px;
    background-color: #fff;
    overflow-y: scroll;
    box-sizing: border-box;
}

.accordion-list .accordion-content .accordion-detail .accordion-detail-content>div+div {
    margin-top: 25px;
}

.accordion-list .accordion-content .accordion-detail .accordion-detail-content .title {
    font-size: 16px;
    font-weight: 500;
    color: #3d3935;
}

.accordion-list .accordion-content .agree-conts .underline {
    color: #3d3935;
    text-decoration: underline;
}

.accordion-list .accordion-content .agree-conts strong {
    color: #3d3935;
}

.accordion-list .actived .accordion-content {
    display: block;
}

.accordion-list .actived .btn-accordion-menu:after {
    transform: rotate(-180deg);
}

.member-content-wrap>.join-content-wrap>div:first-child.gray-info-wrap {
    margin-top: 50px;
}

/* 회원정보 입력 */
.join-content-wrap .join-form-wrap+.join-form-wrap {
    margin-top: 80px;
}

.join-form-wrap {
    position: relative;
}

.join-form-wrap .need-info-text {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 14px;
    font-size: 16px;
    font-weight: 300;
    color: #595959;
}

.join-form-wrap .need-info-text>em {
    color: #e7280f;
}

.join-form-wrap.member-info .read-table-wrap {
    margin-top: 40px;
}

.join-form-wrap .member-form-content form {
    padding: 50px 0 0;
}

.member-form-content .form-wrap {
    display: flex;
    justify-content: space-between;
}

.member-form-content .form-wrap+.form-wrap {
    margin-top: 60px;
}

.member-form-content .form-group {
    width: 46%;
}

.member-form-content .form-group.wide-form {
    width: 100%;
}

.member-form-content .form-group.none-title {
    padding-top: 34px;
}

/* .member-form-content .form-group .form-group-title {padding-bottom:2px;} */
.member-form-content .form-group .form-check-box-group>div {
    align-items: center;
    height: 72px;
}

.member-form-content .form-group .select-group {
    display: flex;
}

.member-form-content .form-group .select-group .form-input-item {
    flex: 1;
}

.member-form-content .form-group .select-group .form-input-item:nth-of-type(n + 2) .form-select {
    padding-left: 32px;
}

.member-form-content .form-group .form-input-item .id-input,
.member-form-content .form-group .form-input-item .hole-email-input {
    width: 78%;
}

.member-form-content .form-group .form-input-item .mail-input {
    width: 70%;
}

.member-form-content .form-group .form-input-item .phone-certify-input {
    width: 78%;
}

.member-form-content .form-group .form-input-item .company-input {
    width: 78%;
}

.member-form-content .form-group .form-input-item .id-input-half {
    width: 62%;
}

.member-form-content .form-group .form-input-item .change-input {
    width: 80%;
}

.member-form-content .form-group .form-input-item .mail-name-input em {
    display: inline-block;
    color: #000;
    font-size: 20px;
}

.member-form-content .form-group .form-input-item .mail-domain-input {
    padding-left: 30px;
}

.member-form-content fieldset+.warning-info {
    margin-top: 40px;
}

.member-form-content .email-group {
    width: 60%;
}

.member-form-content .email-group .select-group .form-input-item:last-of-type {
    flex: 2;
}

/* 가입완료 */
.member-content-wrap .join-content-wrap .gray-info-wrap {
    margin-top: 20px;
}

.join-form-wrap .banner-wrap {
    margin-top: 50px;
}

.join-form-wrap .banner-wrap .banner-content>a {
    display: block;
    border-radius: 12px;
    overflow: hidden;
}

/* .join-form-wrap .banner-content {display:flex; justify-content:space-between;padding:75px 60px 75px 50px; border-radius:12px; background:url('../images/content/member_join_content_banner.jpg')no-repeat center center; background-size:cover;}
.join-form-wrap .banner-content .title {font-size:22px; color:#e37500; line-height:40px;}
.join-form-wrap .banner-content .info {font-size:16px; color:rgba(255,255,255,.6); font-weight:300; line-height:34px;}
.join-form-wrap .banner-content .banner-btn {display:flex; align-items:center;}
.join-form-wrap .banner-content .banner-btn > a {display:block; padding:0 16px; font-size:16px; color:#fff; line-height:32px; border:2px solid rgba(255,255,255,.6); border-radius:30px;} */

.join-form-wrap .gray-info-wrap .member-info-content {
    display: block;
    height: auto;
    margin-top: 60px;
    padding: 20px 60px 0;
}

.member-content-wrap .gray-info-wrap .member-info-content .info {
    display: block;
    padding: 40px 0 0;
    line-height: 46px;
}

.join-form-wrap .member-info-content .inner-content+.inner-content {
    border-top: 1px solid #d2d3d1;
}

.join-form-wrap .member-info-content .content-cell {
    padding: 40px 0 60px;
}

.member-info-content .note-info+.note-info {
    margin-top: 40px;
}

.member-info-content .note-info .title {
    font-weight: 500;
}

.member-info-content .note-info .text {
    margin-top: 10px;
    padding-left: 34px;
    line-height: 24px;
    color: #3d3935;
    font-size: 16px;
    font-weight: 300;
}

.member-info-content .note-info .text .point-color-orange {
    display: block;
    color: #e37500;
}

.member-info-content .content-cell .member-info {
    padding-top: 40px;
}

.member-info-content .content-cell .member-info .data-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 30px;
    font-size: 20px;
}

.member-info-content .content-cell .member-info .data-cell+.data-cell {
    margin-top: 10px;
}

.member-info-content .content-cell .member-info .data-cell .subject {
    width: 205px;
    color: #000;
}

.member-info-content .content-cell .member-info .data-cell .data {
    width: 205px;
    color: #3d3935;
    font-weight: 300;
}

/* 휴면계정 해제 안내 */
.member-content-wrap .login-content-wrap.dormancy {
    margin-top: 60px;
}

.dormancy-content-wrap .box-content {
    position: relative;
    display: inline-block;
    padding: 222px 190px 100px;
    text-align: center;
    border: 1px solid #e5e6e5;
}

.dormancy-content-wrap .box-content:after {
    content: "";
    position: absolute;
    top: 107px;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    background: url("../images/icon/icon_member_human_release.svg") no-repeat center center;
    background-size: 80px auto;
}

.dormancy-content-wrap .box-content .text-big {
    font-size: 30px;
    line-height: 34px;
    color: #000;
}

.dormancy-content-wrap .box-content .text-small {
    margin-top: 26px;
    font-size: 18px;
    color: #595959;
    line-height: 34px;
}

.dormancy-content-wrap .box-content .last-login-date {
    margin-top: 30px;
}

.dormancy-content-wrap .box-content .last-login-date .round-label {
    display: inline-block;
    padding: 0 18px;
    font-size: 16px;
    color: #757575;
    line-height: 36px;
    border-radius: 30px;
    background-color: #f7f7f7;
}

/* 심플한 로그인 */
.simple-login-wrap {
    padding: 34px 20px 30px 20px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #757575;
    border: 1px solid #e5e6e5;
}

.simple-login-wrap .btns {
    margin-top: 14px;
}

/* 소속회사 선택 */
.company-tab-info {
    margin-top: 16px;
}

.company-tab-info>p {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    color: #e37500;
}

.company-data-wrap {
    margin: 0 -39px;
    padding: 35px 22px 35px 39px;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

.company-data-wrap .stock-all-wrap {
    margin-top: 18px;
}

.company-data-wrap .pop-con-title {
    margin-bottom: 0;
}

.company-data-wrap .grid-frame-layout {
    margin: -7px;
}

.company-data-wrap .grid-frame-cell {
    width: 33.333%;
    padding: 7px;
}

/* .company-data-wrap.stock .grid-frame-layout {margin:-7px;}
.company-data-wrap.stock .grid-frame-cell {width:33.333%; padding:7px;} */

/*==============================================
// 메인
==============================================*/
#dBody.main {
    padding: 0;
}

.top-banner-wrap {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 80px;
    overflow: hidden;
    background-color: #ed6b06;
    z-index: 951;
}

.top-banner-wrap.close {
    display: none;
    height: 0;
}

.top-banner-wrap.mulity.close+#dHead.main #gnb {
    top: 0;
}

/* 2022-11-02 추가 */
.top-banner-wrap.single.close+#dHead.main #gnb {
    top: 0;
}

/* 2022-11-02 추가 */
.top-banner-inner {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    height: 100%;
}

.top-banner-slider {
    position: relative;
    max-width: 840px;
    height: 100%;
    margin: 0 auto;
}

.top-banner-slider .swiper-container {
    width: 100%;
    height: 100%;
}

.top-banner-slider .swiper-slide {}

.top-banner-slider .btn-top-banner-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 104px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.top-banner-slider .btn-top-banner-item .banner-text {
    display: -webkit-box;
    max-height: 60px;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.top-banner-slider .btn-top-banner-item .btn-basic {
    flex: 0 0 auto;
    height: 34px;
    min-width: 0;
    padding: 0 18px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    background-color: #ed6b06;
    border-color: rgba(255, 255, 255, 0.6);
}

.top-banner-ui {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 5;
}

.top-banner-ui .page-item {
    margin-right: 0;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-weight: 300;
}

.top-banner-ui .page-item+.auto-control {
    margin-right: 38px;
    margin-left: 0;
    background: transparent;
}

.top-banner-ui .today-item {
    margin-right: 30px;
}

.top-banner-ui .today-item .form-circle-box .form-check-icon>em {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}

.top-banner-ui .today-item .form-circle-box .form-check-icon:before {
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background: #fff;
}

.top-banner-ui .today-item .form-circle-box .form-check-icon:after {
    width: 24px;
    height: 24px;
    background: url(../images/icon/icon_today_form_check_on.png) center center no-repeat;
}

.btn-top-banner-close {
    display: block;
    width: 36px;
    height: 36px;
    font-size: 0;
    background: url(../images/icon/icon_pop_close_white_36.png) center center no-repeat;
    z-index: 15;
}

.top-banner-wrap .page-item,
.top-banner-wrap .auto-control {
    visibility: hidden;
}

.top-banner-wrap.mulity .page-item,
.top-banner-wrap.mulity .auto-control {
    visibility: visible;
}

#dHead.main,
.top-banner-wrap+#dHead {
    position: absolute;
    top: 0;
    left: 0;
}

.top-banner-wrap+#dHead h1 {
    position: absolute;
    top: 108px;
    transition: none;
}

/* 2022-11-04 수정 */
.top-banner-wrap+#dHead.scroll h1 {
    position: fixed;
    top: 29px;
}

.top-banner-wrap+#dHead.main.gnb-open h1 {
    position: fixed;
    top: 29px;
}

.top-banner-wrap+#dHead .btn-gnb-menu-toggle {
    position: absolute;
    top: 90px;
    transition: none;
}

/* 2022-11-04 수정 */
.top-banner-wrap+#dHead.scroll .btn-gnb-menu-toggle {
    position: fixed;
    top: 10px;
}

.top-banner-wrap+#dHead.main.gnb-open .btn-gnb-menu-toggle {
    position: fixed;
    top: 10px;
}

.top-banner-wrap.close+#dHead h1 {
    position: fixed;
    top: 29px;
}

.top-banner-wrap.close+#dHead.scroll h1 {
    position: fixed;
    top: 29px;
}

.top-banner-wrap.close+#dHead .btn-gnb-menu-toggle {
    position: fixed;
    top: 10px;
}

.top-banner-wrap.close+#dHead.scroll .btn-gnb-menu-toggle {
    position: fixed;
    top: 10px;
}

.effect-data {
    transform: translate3d(0px, 40px, 0px);
    opacity: 0;
    transition: opacity 0.35s 0.15s,
        transform 0.65s 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform, opacity;
}

.effect-data.actived {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

.main-title-cate {
    font-size: 20px;
    line-height: 30px;
    color: #e37500;
    font-weight: 700;
}

.main-title-cate+.main-title {
    margin-top: 10px;
}

.main-title {
    font-size: 44px;
    line-height: 64px;
    font-weight: 700;
}

.main-title-info {
    margin-top: 20px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    color: #888;
}

/* 메인 > 인트로 */
.main-intro {
    position: relative;
    height: 100vh;
    background-color: #000;
}

/* 2022-11-04 수정 */
.main-intro .video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

/*.main-intro .video-wrap:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:1;}*/
.main-intro .video-wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.main-intro .swiper-container {
    height: 100%;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.main-intro.actived .swiper-container {
    opacity: 1;
}

.main-intro-swiper-ui {
    position: absolute;
    bottom: 60px;
    left: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 20;
}

.main-intro-swiper-ui .swiper-pagination {
    width: auto;
    display: inline-flex;
}

.main-intro-swiper-ui .swiper-pagination .swiper-pagination-bullet {
    background: rgba(210, 211, 209, 0);
    border: 1px solid #cbcccb;
    transition: background 0.25s ease, border 0.25s ease;
}

.main-intro-swiper-ui .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #e37500;
    border-color: #e37500;
}

.main-intro-video-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.main-intro-visual-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.main-intro-visual-wrap .visual-data {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.main-intro-video-wrap .txt-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1170px;
    height: 100%;
    margin: 0 auto;
    z-index: 10;
}

.main-intro-visual-wrap .txt-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1170px;
    height: 100%;
    margin: 0 auto;
    z-index: 10;
}

.main-intro .video-control {
    position: absolute;
    bottom: 113px;
    /*bottom:150px;*/
    left: 50%;
    display: block;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    z-index: 15;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.main-intro .video-control.open {
    opacity: 1;
}

.main-intro .video-control .btn-intro-control {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.main-intro .video-control .btn-intro-control:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: url(../images/icon/icon_pause_white_32.png) center center no-repeat;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.main-intro .video-control .btn-intro-control:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: url(../images/icon/icon_play_white_32.png) center center no-repeat;
    opacity: 1;
    transition: opacity 0.15s ease;
}

.main-intro .video-control .btn-intro-control.actived:before {
    opacity: 1;
}

.main-intro .video-control .btn-intro-control.actived:after {
    opacity: 0;
}

.main-intro .video-control svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    z-index: 0;
}

.main-intro.ie .video-control svg {
    transform: rotate(90deg);
}

.main-intro .video-control circle {
    transform-origin: 50% 50%;
}

.main-intro .video-control circle.bar {
    fill: transparent;
    stroke-width: 2;
    stroke: #fff;
}

.main-intro .video-control circle.off {
    fill: transparent;
    stroke-width: 2;
    stroke: rgba(255, 255, 255, 0.2);
    transition: opacity 0.35s ease;
}

.main-intro .txt-group {
    position: relative;
    top: 50px;
    text-align: center;
}

/* 2022-11-22 수정 */
.main-intro .txt-group .txt-1 {
    font-size: 72px;
    line-height: 96px;
    color: #fff;
    font-weight: 700;
}

.main-intro .txt-group .txt-2 {
    font-size: 72px;
    line-height: 96px;
    color: #e37500;
    font-weight: 700;
}

.main-intro .txt-group .txt-3 {
    font-size: 24px;
    line-height: 36px;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 17px;
}

.main-intro .txt-group>div:first-of-type.txt-3 {
    margin-top: 113px;
}

/* 2022-12-14 수정 */
.main-intro .txt-wrap .duration-ytm {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto 0;
    padding: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    font-size: 17px;
}

.main-intro .txt-wrap .duration-ytm.item1 {
    width: 20%;
}

.main-intro .txt-wrap .duration-ytm.item2 {
    width: 30%;
}

.main-intro .txt-wrap .duration-ytm .item {
    width: 100%;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px dashed rgba(255, 255, 255, 0.4);
}

.main-intro .txt-wrap .duration-ytm .item:last-of-type {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.main-intro .txt-wrap .duration-ytm.item1 .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-intro .txt-wrap .duration-ytm.item2 .item {
    width: 50%;
}

.main-intro .txt-wrap .duration-ytm .item span {
    font-size: 28px;
}

.main-intro .txt-wrap .duration-ytm .item em {
    position: relative;
    top: -5px;
    vertical-align: bottom;
    font-size: 17px;
}

.main-intro .txt-wrap .duration-date {
    margin: 20px 0 30px;
    font-size: 17px;
    color: #fff;
}

/* // 2022-12-14 수정 */
.main-intro .txt-wrap .btn-txt-detail {
    display: inline-block;
    height: 60px;
    padding: 0 30px;
    line-height: 58px;
    font-size: 16px;
    color: #fff;
    background-color: #e37500;
    border-radius: 30px;
}

/* 2022-11-22 수정 */
.main-intro .btn-swiper-slider-prev {
    position: absolute;
    top: 50%;
    left: 46px;
    display: block;
    width: 72px;
    height: 72px;
    font-size: 0;
    padding: 0;
    margin-top: -36px;
    z-index: 15;
}

.main-intro .btn-swiper-slider-prev:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/icon/icon_slider_prev_white_72.png") center center no-repeat;
}

.main-intro .btn-swiper-slider-next {
    position: absolute;
    top: 50%;
    right: 46px;
    display: block;
    width: 72px;
    height: 72px;
    font-size: 0;
    padding: 0;
    margin-top: -36px;
    z-index: 15;
}

.main-intro .btn-swiper-slider-next:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/icon/icon_slider_next_white_72.png") center center no-repeat;
}

.main-intro .btn-swiper-slider-prev.swiper-button-disabled,
.main-intro .btn-swiper-slider-next.swiper-button-disabled {
    opacity: 0;
}

.auto-control {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 15px;
}

.btn-auto-control {
    position: relative;
    display: block;
    padding: 0;
    font-size: 0;
    width: 40px;
    height: 30px;
}

.btn-auto-control:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 2px;
    height: 10px;
    margin-top: -5px;
    margin-left: -3px;
    background: #e5e6e5;
}

.btn-auto-control:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    display: block;
    width: 2px;
    height: 10px;
    margin-top: -5px;
    margin-right: -3px;
    background: #e5e6e5;
}

.btn-auto-control.paused:before {
    display: none;
}

.btn-auto-control.paused:after {
    width: 0;
    height: 0;
    margin-top: -5px;
    margin-left: -3px;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    background: none;
    border-color: transparent transparent transparent #e5e6e5;
}

.main-intro-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: transparent;
    z-index: 20;
}

.main-intro-progress-bar .bar {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    background-color: #e37500;
}

.main-intro .btn-swiper-slider-prev,
.main-intro .btn-swiper-slider-next,
.main-intro .main-intro-swiper-ui,
.main-intro .main-intro-progress-bar {
    visibility: hidden;
}

.main-intro.mulity .btn-swiper-slider-prev,
.main-intro.mulity .btn-swiper-slider-next,
.main-intro.mulity .main-intro-swiper-ui,
.main-intro.mulity .main-intro-progress-bar {
    visibility: visible;
}

/* 메인 > 카드형 */
.card-item.main-card-item.product {
    padding: 41px 41px 43px 41px;
    min-height: 488px;
}

.card-item.main-card-item.product .item-card-num {
    font-family: "Poppins";
    font-size: 32px;
    line-height: 40px;
    color: #e37500;
    font-weight: 600;
    margin-bottom: 11px;
}

.card-item.main-card-item.product .label-group .label-group-inner {
    margin: -2px;
}

.card-item.main-card-item.product .label-group .label-group-inner .group-cell {
    padding: 2px;
}

.card-item.main-card-item.product .item-cate {
    padding-right: 0;
}

.card-item.main-card-item.product .item-cate+.item-subject {
    margin-top: 21px;
}

.card-item.main-card-item.product .item-subject {
    padding-right: 0;
    max-height: 72px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-item.main-card-item.product .item-code {
    font-size: 18px;
    line-height: 36px;
    font-weight: 500;
    color: #666;
}

.card-item.main-card-item.product .item-detail-wrap {
    display: block;
    margin-top: 0;
    min-height: 0;
    font-size: 14px;
    line-height: 20px;
    color: #595959;
}

.card-item.main-card-item.product .item-graph-data {
    width: 100%;
    display: block;
    text-align: left;
}

.card-item.main-card-item.product .item-graph {
    max-width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.card-item.main-card-item.product .item-graph .simple-chart-wrap {
    width: 100%;
}

.card-item.main-card-item.product .item-price-data {
    width: 100%;
    text-align: left;
    margin-top: 3px;
}

.card-item.main-card-item.product .month-value {
    text-align: right;
}

.card-item.main-card-item.product .month-value>strong {
    display: block;
    height: 51px;
    font-size: 44px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    text-align: left;
}

.card-item.main-card-item.product .month-value .unit {
    margin-left: 2px;
    font-size: 24px;
    font-weight: 500;
    vertical-align: baseline;
}

.card-item.main-card-item.product .price-data-list {
    margin-top: 12px;
}

.card-item.main-card-item.product .price-data-list .price-cell {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.card-item.main-card-item.product .price-data-list .price-cell+.price-cell {
    margin-top: 5px;
}

.card-item.main-card-item.product .price-data-list .value {
    padding: 0 0 0 10px;
    word-break: break-all;
}

.card-item.main-card-item.product .item-bottom {
    margin-top: 33px;
}

.card-item.main-card-item.product .item-bottom>.item-cate {
    font-size: 18px;
    line-height: 24px;
    color: #e37500;
    font-weight: 500;
}

.card-item.main-card-item.product .item-ui {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: 5;
    display: flex;
}

.card-item-wrap>.card-item.main-card-item.product {
    display: block;
}

.card-item-wrap>.card-item.main-card-item.product+.item-ui {
    right: 41px;
    bottom: 43px;
}

.card-item.main-card-item.basic.effect-data {
    transition: opacity 0.35s 0.15s,
        transform 0.65s 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        border 0.35s ease, box-shadow 0.35s ease;
}

.card-item.main-card-item.basic .item-detail-wrap {
    padding: 30px 40px;
}

.card-item.main-card-item.basic .item-detail-wrap>.item-date:first-child {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 500;
}

.card-item.main-card-item.basic .item-detail-wrap>.item-cate:first-child {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.card-item.main-card-item.basic .item-date {
    margin-top: 10px;
}

.card-item.main-card-item.basic .item-subject {
    height: auto;
    max-height: 72px;
    font-size: 24px;
    line-height: 36px;
    word-break: break-all;
}

.card-item.main-card-item.basic .item-subject.string-type2 {
    height: auto;
    max-height: 72px;
    line-height: 36px;
    -webkit-line-clamp: 2;
}

.card-item.main-card-item.basic .item-subject.string-type3 {
    height: auto;
    max-height: 108px;
    line-height: 36px;
    -webkit-line-clamp: 3;
}

.card-item.main-card-item.basic .item-subject.string-type4 {
    height: auto;
    max-height: 144px;
    line-height: 36px;
    -webkit-line-clamp: 4;
}

.card-item.main-card-item.basic .item-bottom {
    margin-top: 10px;
}

.card-item.main-card-item.basic .item-cate {
    font-size: 18px;
    font-weight: 500;
}

.card-item.main-card-item.basic .item-btns {
    margin-top: 30px;
}

/* 메인 > pick */
.main-pick {
    position: relative;
    padding: 127px 0 140px 0;
    min-height: 100vh;
    box-sizing: border-box;
}

.main-pick .large-container {
    z-index: 2;
}

.main-pick .title-group {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 87px;
    width: 325px;
    box-sizing: border-box;
    z-index: 15;
}

.main-pick .main-title {
    font-family: "Poppins";
    font-size: 84px;
    line-height: 90px;
    font-weight: 500;
    letter-spacing: -4.2px;
}

.main-pick .login-before .btn-ui {
    margin-top: 30px;
}

.main-pick .login-before .btn-ui .btn-basic {
    min-width: 100px;
}

.main-pick .login-after {
    margin-top: 20px;
}

.main-pick .pick-prefer-info .btn-perfer-change {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #888;
}

.main-pick .pick-prefer-info .icon {
    margin-right: 8px;
}

.main-pick .main-pick-sort {
    margin-top: 22px;
}

.main-pick .main-pick-sort .sort-inner {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.main-pick .main-pick-sort .sort-cell {
    padding: 5px;
}

.main-pick .main-pick-sort .btn-main-pick-sort-item {
    display: block;
    min-width: 80px;
    padding: 0 25px;
    font-size: 16px;
    line-height: 48px;
    white-space: nowrap;
    color: #666;
    border-radius: 24px;
    background-color: #f4f4f4;
    box-sizing: border-box;
    transition: color 0.25s ease, background 0.25s ease;
}

.main-pick .main-pick-sort .actived .btn-main-pick-sort-item {
    color: #fff;
    font-weight: 700;
    background-color: #e37500;
}

.main-pick-list-wrap {
    padding: 0 0 0 378px;
}

.main-pick-list-wrap .content-loading-bar .loading-inner {
    box-sizing: border-box;
    top: 127px;
    height: calc(100vh - 267px);
    left: auto;
    right: 0;
    width: calc(100% - 378px);
}

.main-pick-list {
    margin: -15px;
}

.main-pick-list .list-inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.main-pick-list .list-inner.open {
    opacity: 1;
}

.main-pick-list .list-inner.close {
    opacity: 0;
}

.main-pick-list .masonry-grid-item {
    width: 33.33%;
    padding: 15px;
    box-sizing: border-box;
}

.main-pick-list .masonry-grid-item.hide {
    display: none;
    /* width:0; height:0; padding:0; visibility:hidden;*/
}

.main-pick-list .masonry-item-inner.after-effect {
    transform: translate3d(0px, 40px, 0px);
    opacity: 0;
    will-change: transform, opacity;
}

.main-pick-list .masonry-item-inner.after-effect.actived {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    transition: opacity 0.35s 0s,
        transform 0.65s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.main-pick-list .first.masonry-grid-item {
    padding-top: 274px;
}

.main-pick-list .second.masonry-grid-item {
    padding-top: 90px;
}

/*
.main-pick-list .stamp1 {position:absolute; top:0; left:0; display:block; width:33.33%; height:274px;}
.main-pick-list .stamp2 {position:absolute; top:0; left:33.33%; display:block; width:33.33%; height:90px;}
*/

.main-pick-list.none {
    display: none;
}

.main-pick-none.actived {}

.main-pick-none {
    display: none;
}

.main-pick-none-inner {
    height: auto;
    padding-top: 87px;
}

.main-pick-none-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 422px;
    width: 100%;
    border-top: 1px solid #d2d3d1;
    border-bottom: 1px solid #e5e6e5;
    box-sizing: border-box;
}

.main-pick-none .txt {
    position: relative;
    padding-top: 120px;
    font-size: 18px;
    font-weight: 300;
    color: #3d3935;
    text-align: center;
    line-height: 25px;
}

.main-pick-none .txt:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 96px;
    height: 96px;
    margin-left: -48px;
    background: url("../images/icon/icon_board_none.png") left top no-repeat;
}

.main-pick .visual-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 0;
}

.main-pick .visual-wrap>div.effect-data {
    transform: translate3d(0px, 0px, 0px);
}

.main-pick .visual-wrap .obj-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.main-pick .visual-wrap .obj-1 {
    position: absolute;
    top: 2.9%;
    left: 50%;
    display: block;
    width: 200px;
    height: 200px;
    margin: 0 0 0 -435px;
}

.main-pick .visual-wrap .obj-1 .obj-item {
    background-color: rgba(237, 113, 0, 0.1);
    border-radius: 50%;
}

.main-pick .visual-wrap .obj-2 {
    position: absolute;
    top: 5.4%;
    left: 50%;
    display: block;
    width: 300px;
    height: 300px;
    margin: 0 0 0 730px;
}

.main-pick .visual-wrap .obj-2 .obj-item {
    background-image: url(../images/content/main_pick_obj_1.png);
}

.main-pick .visual-wrap .obj-3 {
    position: absolute;
    top: 47.3%;
    left: 50%;
    display: block;
    width: 239px;
    height: 239px;
    margin: 0 0 0 -1070px;
    opacity: 1;
}

.main-pick .visual-wrap .obj-3 .obj-item {
    background-image: url(../images/content/main_pick_obj_2.png);
}

.main-pick .visual-wrap .obj-4 {
    position: absolute;
    top: 55.3%;
    left: 50%;
    display: block;
    width: 200px;
    height: 200px;
    margin: 0 0 0 630px;
}

.main-pick .visual-wrap .obj-4 .obj-item {
    background-color: rgba(237, 113, 0, 0.2);
    border-radius: 50%;
}

.main-pick .visual-wrap .obj-6 {
    position: absolute;
    top: 80.4%;
    left: 50%;
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 0 0 -530px;
}

.main-pick .visual-wrap .obj-6 .obj-item {
    background-image: url(../images/content/main_pick_obj_3.png);
}

.main-pick .visual-wrap .obj-7 {
    position: absolute;
    top: 89.8%;
    left: 50%;
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 0 0 -354px;
}

.main-pick .visual-wrap .obj-7 .obj-item {
    background-color: #f4f4f4;
    border-radius: 50%;
}

/* 메인 > 나를위한맞춤설정 */
.main-interest {
    position: relative;
    padding: 214px 0;
    overflow: hidden;
}

.main-interest.effect-data {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    transition: none;
}

.main-interest.effect-data.actived .title-group {
    background-color: #222;
}

.main-interest .main-title {
    color: #fff;
}

.main-interest .main-title-info {
    color: rgba(255, 255, 255, 0.8);
}

.main-interest .large-container {
    z-index: 5;
}

.main-interest .cover {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    z-index: 0;
    background-color: #222;
    transform: translate(-50%, 0%);
}

.main-interest .cover.effect-data {
    width: 1410px;
    transform: translate3d(-50%, 0, 0px);
    opacity: 1;
    transition: width 0.65s 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: width;
}

.main-interest .cover.effect-data.actived {
    width: 100vw;
}

.ie .main-interest .cover.effect-data {
    width: 100vw;
}

.main-interest .title-group {
    position: absolute;
    top: 0;
    left: -90px;
    width: 510px;
    min-height: 940px;
    height: 100vh;
    background-color: transparent;
    padding: 0 0 0 90px;
    box-sizing: border-box;
    z-index: 15;
    transition: background 0.25s 0.5s ease;
}

.main-interest-content {
    width: calc(100% - 500px);
    margin-left: 500px;
}

.main-interest-content .main-interest-item.set {
    padding: 80px 80px 60px;
}

.main-interest-content .main-interest-item .tem-headline {
    margin-top: 20px;
}

.main-interest-content .main-interest-item.set.user {
    padding: 80px 80px 60px;
}

.main-interest-content .main-interest-item .item-name:first-child {
    padding-top: 10px;
    line-height: 1.5;
}

.main-interest-content .main-interest-item .item-interest-point {
    margin-top: 20px;
}

.main-interest-content .main-interest-item .item-interest-point .pet-obj {
    max-width: 482px;
    line-height: 48px;
    border-radius: 24px 24px 24px 4px;
    z-index: 2;
}

.main-interest-content .main-interest-item .item-interest-point .info-txt {
    margin-top: 0;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 700;
    line-height: 40px;
}

.main-interest-content .main-interest-item .item-interest-point .point-cell+.point-cell {
    margin-top: 10px;
}

.main-interest-content .main-interest-item.set .btn-special-view {
    position: relative;
    left: 0;
    bottom: 0;
    height: 48px;
    margin-top: 12px;
    line-height: 48px;
}

.main-interest-content .main-interest-item.set .btn-refer-reset {
    right: 80px;
    bottom: 60px;
}

.main-interest-content .main-interest-item.set .interest-set-visual {
    right: 9.67%;
    width: 35.16%;
    height: auto;
    padding-top: 45.05%;
}

.main-interest-content .main-interest-item.set .interest-set-visual:before {
    background: url("../images/content/main_interest_set_visual_body2.png") left top no-repeat;
    background-size: 100% 100%;
}

.main-interest-content .main-interest-item.set .interest-set-visual:after {
    background: url("../images/content/main_interest_set_visual_arm2.png") left top no-repeat;
    background-size: 100% 100%;
}

.main-interest-content .main-interest-item.set .interest-user-visual {
    right: 2.74%;
    bottom: -67.74%;
    width: 41.09%;
    height: auto;
    padding-top: 75.82%;
    z-index: 0;
    background: url("../images/content/main_interest_user_visual_bg2.png") left top no-repeat;
    background-size: 100% 100%;
}

.main-interest-content .main-interest-item.set .interest-user-visual:before {
    background: url("../images/content/main_interest_user_visual_body2.png") left top no-repeat;
    background-size: 100% 100%;
}

.main-interest-content .main-interest-item.set .interest-user-visual:after {
    background: url("../images/content/main_interest_user_visual_arm2.png") left top no-repeat;
    background-size: 100% 100%;
}

.main-interest-slider {
    padding: 0 510px 0 420px;
    height: 580px;
    box-sizing: border-box;
}

.main-interest-slider.even .swiper-slide:nth-child(2n) .main-interest-item {
    transform: translate(0px, 100px);
}

.main-interest-slider.even .swiper-slide .main-interest-item {
    transform: translate(0px, 0px);
}

.main-interest-slider .swiper-slide:nth-child(2n) .main-interest-item {
    transform: translate(0px, 0px);
}

.main-interest-slider .swiper-slide .main-interest-item {
    transform: translate(0px, 100px);
}

.main-interest-slider .swiper-slide {
    opacity: 0.2;
    transition: opacity 0.25s ease;
}

.main-interest-slider .swiper-slide.swiper-slide-active,
.main-interest-slider .swiper-slide.swiper-slide-active~.swiper-slide {
    opacity: 1;
}

.main-interest-slider .swiper-container {
    overflow: visible;
}

.main-interest-slider-ui {
    margin-top: 30px;
    font-size: 0;
}

.main-interest-slider-ui>button+button {
    margin-left: 10px;
}

.main-interest-slider-ui .btn-swiper-slider-prev {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 0;
    padding: 0;
    z-index: 15;
    border: 2px solid rgba(231, 231, 231, 0.4);
    border-radius: 50%;
    box-sizing: border-box;
}

.main-interest-slider-ui .btn-swiper-slider-prev:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/icon/icon_slider_prev_white_50.png") center center no-repeat;
}

.main-interest-slider-ui .btn-swiper-slider-next {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 0;
    padding: 0;
    z-index: 15;
    border: 2px solid rgba(231, 231, 231, 0.4);
    border-radius: 50%;
    box-sizing: border-box;
}

.main-interest-slider-ui .btn-swiper-slider-next:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/icon/icon_slider_next_white_50.png") center center no-repeat;
}

.main-interest-slider-ui .btn-swiper-slider-prev.swiper-button-disabled,
.main-interest-slider-ui .btn-swiper-slider-next.swiper-button-disabled {
    opacity: 0.2;
}

.main-interest-item {
    display: block;
}

.main-interest-item.set {
    position: relative;
    height: 480px;
    padding: 60px 50px;
    border-radius: 24px;
    overflow: hidden;
    background-color: #e37500;
    transition: background 0.25s ease,
        transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
    box-sizing: border-box;
}

.main-interest-item.set.user {
    height: auto;
    padding-bottom: 200px;
}

.main-interest-item .item-desc {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    transition: color 0.25s ease;
    z-index: 5;
}

.main-interest-item .tem-headline {
    position: relative;
    margin-top: 19px;
    font-size: 40px;
    line-height: 54px;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
    transition: color 0.25s ease;
    z-index: 5;
}

.main-interest-item .item-name:first-child {
    padding-top: 9px;
}

.main-interest-item .item-name {
    font-size: 40px;
    line-height: 60px;
    color: #000;
    font-weight: 700;
    transition: color 0.25s ease;
}

.main-interest-item .item-name>span {
    display: inline-block;
    margin-left: 7px;
    font-size: 20px;
    vertical-align: baseline;
    color: rgba(0, 0, 0, 0.7);
    transition: color 0.25s ease;
}

.main-interest-item .item-interest-point {
    margin-top: 21px;
}

.main-interest-item .item-interest-point .pet-txt {}

.main-interest-item .item-interest-point .pet-obj {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    font-size: 24px;
    line-height: 46px;
    color: #fff;
    font-weight: 700;
    background-color: #f3841f;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    border-radius: 24px 24px 24px 6px;
    box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.05);
}

.main-interest-item .item-interest-point .pet-obj>div {
    display: -webkit-box;
    max-height: 92px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.main-interest-item .item-interest-point .info-txt {
    margin-top: 5px;
    font-size: 20px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.7);
    transition: color 0.25s ease;
}

.main-interest-item .item-interest-point .point-cell+.point-cell {
    margin-top: 15px;
}

.main-interest-item.set .btn-refer-set {
    position: absolute;
    bottom: 40px;
    right: 50px;
    padding: 0 25px;
    z-index: 5;
}

.main-interest-item.set .btn-refer-reset {
    position: absolute;
    bottom: 40px;
    right: 50px;
    padding: 0;
    width: 152px;
    z-index: 5;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
}

.main-interest-item.set .btn-refer-reset .icon {
    margin: 11px 8px 11px 0;
}

.main-interest-item.set .btn-special-view {
    position: absolute;
    bottom: 50px;
    left: 50px;
    display: inline-block;
    padding-right: 30px;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 700;
    background: url("../images/icon/icon_main_interest_special_arrow.png") right center no-repeat;
}

.main-interest-item.set .interest-set-visual {
    position: absolute;
    bottom: -60px;
    right: 40px;
    display: block;
    width: 230px;
    height: 300px;
    transform: translate(0px, 0px);
    transition: transform 0.25s ease;
}

.main-interest-item.set .interest-set-visual:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/content/main_interest_set_visual_body.png") left top no-repeat;
}

.main-interest-item.set .interest-set-visual:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate(0px, 0px) rotate(0deg);
    transform-origin: 93% 38%;
    background: url("../images/content/main_interest_set_visual_arm.png") left top no-repeat;
    transition: transform 0.25s ease;
    z-index: 1;
}

.main-interest-item.set:hover .interest-set-visual {
    transform: translate(0px, -25px);
}

.main-interest-item.set:hover .interest-set-visual:after {
    transform: translate(2px, -1px) rotate(15deg);
}

.main-interest-item.set .interest-user-visual {
    position: absolute;
    bottom: -300px;
    right: 9px;
    display: block;
    width: 294px;
    height: 542px;
    transform: translate(0px, 0px);
    transition: transform 0.25s ease;
    background: url("../images/content/main_interest_user_visual_bg.png") left top no-repeat;
    z-index: -1;
}

.main-interest-item.set .interest-user-visual:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/content/main_interest_user_visual_body.png") left top no-repeat;
    z-index: 5;
}

.main-interest-item.set .interest-user-visual:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate(0px, 0px) rotate(0deg);
    transform-origin: 64% 20%;
    background: url("../images/content/main_interest_user_visual_arm.png") left top no-repeat;
    transition: transform 0.25s ease;
}

.main-interest-item.set:hover .interest-user-visual {
    transform: translate(0px, -25px);
}

.main-interest-item.set:hover .interest-user-visual:after {
    transform: translate(-2px, -2px) rotate(-15deg);
}

.main-interest-item.video {
    position: relative;
    height: 480px;
    padding: 60px 50px;
    border-radius: 24px;
    overflow: hidden;
    background-color: #000;
    overflow: hidden;
    box-sizing: border-box;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.main-interest-item.video .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 0;
    transform: scale(1);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.main-interest-item.video .thumb:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.main-interest-item.video:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    box-sizing: border-box;
    border: 2px solid #d2d3d1;
    border-radius: 50%;
    background: url("../images/icon/icon_play_gray_32.png") center center no-repeat;
    z-index: 5;
}

.main-interest-item.video .item-info-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 60px 50px;
    box-sizing: border-box;
    z-index: 10;
}

.main-interest-item.video .item-subject {
    font-size: 46px;
    line-height: 60px;
    color: #fff;
    font-weight: 700;
}

.main-interest-item.video .item-cate {
    margin-top: 21px;
    font-size: 18px;
    line-height: 27px;
    color: #e37500;
    font-weight: 700;
}

.main-interest-item.video:hover .thumb {
    transform: scale(1.1);
}

/* 메인 > Best */
.main-best {
    position: relative;
    background-color: #fff;
    min-height: 100vh;
}

.main-best .title-group {
    position: absolute;
    top: 214px;
    left: 0;
    z-index: 15;
}

.main-best .main-best-time {
    margin-top: 20px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 28px;
    color: #595959;
    font-weight: 300;
}

.main-best .main-best-time .icon {
    margin-right: 10px;
}

.main-best .main-best-time .time {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
}

.main-best .main-best-time .time:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: #8e8e8e;
}

.main-best-sort {
    margin-top: 20px;
}

.main-best-sort>ul {
    display: flex;
    align-items: center;
}

.main-best-sort>ul>li+li {
    margin-left: 6px;
}

.main-best-sort .btn-best-nav {
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    line-height: 48px;
    color: #666;
    font-weight: 500;
    white-space: nowrap;
    background-color: #f4f4f4;
    border-radius: 24px;
}

.main-best-sort .actived .btn-best-nav {
    color: #fff;
    background-color: #e37500;
}

.main-best-list {
    padding: 0 125px 0 608px;
    box-sizing: border-box;
    overflow: hidden;
    height: 2026px;
}

.main-best-list-inner {
    transition: transform 0.75s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.main-best-item-list {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}

.main-best-item-list .item-cell {
    width: 50%;
    box-sizing: border-box;
    padding: 15px;
}

.main-best-item-list .item-cell:nth-child(2n) {
    transform: translate(0px, 157px);
}

.main-best-item-list .item-cell:nth-child(2n).effect-data {
    transform: translate(0px, 197px);
}

.main-best-item-list .item-cell:nth-child(2n).effect-data.actived {
    transform: translate(0px, 157px);
}

.main-best-data {
    box-sizing: border-box;
    padding: 120px 0 250px 0;
    height: 2026px;
    visibility: hidden;
    transition: visibility 0s 0.75s ease;
}

.main-best-data.actived {
    visibility: visible;
    transition-delay: 0s;
}

.main-best-data:nth-child(2n) .main-best-item-list {
    flex-direction: row-reverse;
}

.main-best .shadow {
    position: absolute;
    top: calc(100vh - 250px);
    left: 0;
    display: block;
    width: 100%;
    height: 250px;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 50%);
}

.ie .main-best .shadow {
    display: none;
}

.main-best .scrollmagic-pin-spacer {
    z-index: 0;
    height: 0 !important;
}

.main-best .large-container .scrollmagic-pin-spacer {
    z-index: 5;
}

.main-best-link {
    margin-top: 20px;
}

.main-best-link>a {
    position: relative;
    padding-right: 30px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.main-best-link>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    background: url("../images/icon/icon_arrow_darkgray_18.png") no-repeat center center;
    background-size: auto 100%;
}

/* 메인 > 뉴스 */
.main-news {
    padding: 132px 0 140px 0;
    background-color: #fdf1e5;
}

.main-news-list {
    position: relative;
    margin-top: 40px;
}

.main-news-list .grid-frame-layout {
    margin: -15px;
}

.main-news-list .grid-frame-cell {
    padding: 15px;
    width: 33.33%;
}

.main-news-list .btn-top-more {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 30px;
}

.main-news-list .card-item.basic .item-detail-wrap {
    padding: 33px 40px 40px 40px;
}

.main-news-list .card-item.basic .item-date {
    margin-top: 0;
    color: #595959;
}

.main-news-list .card-item.basic .item-date+.item-subject {
    margin-top: 14px;
}

.main-news-list .card-item.basic .item-subject {
    height: auto;
}

.main-news-list .card-item.basic .item-bottom {
    padding-top: 20px;
}

/* 메인 > 툴 */
.main-tool {
    padding: 100px 0 120px 0;
}

.main-tool-slider-wrap {
    position: relative;
}

.main-tool-slider-wrap .slider-data {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
}

.main-tool-slider-wrap .treemap-chart-data {
    height: 380px;
}

.main-tool-slider-wrap .chart-info {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 15;
}

.main-tool-slider-wrap .chart-info .info-cate {
    font-size: 18px;
    line-height: 40px;
    color: #e37500;
    font-weight: 700;
}

.main-tool-slider-wrap .chart-info .info-desc {
    margin-top: 10px;
    font-size: 30px;
    line-height: 46px;
    color: #fff;
    font-weight: 700;
}

.main-tool-slider-wrap .chart-info .info-btns {
    margin-top: 30px;
}

.main-tool-slider-wrap .chart-info .info-btns .btn-basic {
    padding: 0 30px;
}

.main-tool-slider-wrap .btn-swiper-slider-prev {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 72px;
    height: 72px;
    font-size: 0;
    padding: 0;
    margin-top: -36px;
    z-index: 15;
}

.main-tool-slider-wrap .btn-swiper-slider-prev:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/icon/icon_slider_prev_white_72.png") center center no-repeat;
}

.main-tool-slider-wrap .btn-swiper-slider-next {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 72px;
    height: 72px;
    font-size: 0;
    padding: 0;
    margin-top: -36px;
    z-index: 15;
}

.main-tool-slider-wrap .btn-swiper-slider-next:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/icon/icon_slider_next_white_72.png") center center no-repeat;
}

.main-tool-slider-wrap .btn-swiper-slider-prev.swiper-button-disabled,
.main-tool-slider-wrap .btn-swiper-slider-next.swiper-button-disabled {
    opacity: 0;
}

.main-tool-slider-wrap .swiper-ui {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-tool-slider-wrap .swiper-ui .swiper-pagination {
    width: auto;
}

/*
.main-tool-slider-wrap .swiper-pagination {position:absolute; top:100%; left:0; width:100%; margin-top:30px;}
*/
.main-tool-slider-wrap+.main-tool-slider-wrap {
    margin-top: 40px;
}

.main-tool-slider-wrap .btn-swiper-slider-prev,
.main-tool-slider-wrap .btn-swiper-slider-next,
.main-tool-slider-wrap .swiper-ui {
    visibility: hidden;
}

.main-tool-slider-wrap.mulity .btn-swiper-slider-prev,
.main-tool-slider-wrap.mulity .btn-swiper-slider-next,
.main-tool-slider-wrap.mulity .swiper-ui {
    visibility: visible;
}

/* 메인 > 공지사항 */
.main-notice {
    position: relative;
    z-index: 5;
    border-top: 1px solid #e4e4e4;
    background: #fff;
}

.main-notice-list {
    display: flex;
    align-items: center;
    height: 136px;
}

.main-notice-list .list-title {
    position: relative;
    flex: 0 0 auto;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 700;
    padding-right: 15px;
    margin-right: 70px;
}

.main-notice-list .list-title:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    transform: translate(0%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent #000000;
}

.main-notice-list .main-notice-slider {
    height: 136px;
}

.main-notice-list .main-notice-slider .swiper-container {
    width: 100%;
    height: 100%;
}

.main-notice-list .list-data {
    position: relative;
    flex: 1;
    width: 100%;
    padding-right: 265px;
    box-sizing: border-box;
    overflow: hidden;
}

.main-notice-list .list-data .swiper-slide>a {
    display: flex;
    height: 136px;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 700;
}

.main-notice-list .list-data .swiper-slide .txt {
    flex: 1;
    width: 100%;
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 700;
    height: 24px;
    overflow: hidden;
}

.main-notice-list .list-data .swiper-slide .txt>span {
    display: inline-block;
    max-width: 100%;
    height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.main-notice-list .list-data .swiper-slide .date {
    flex: 0 0 auto;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #595959;
    font-weight: 700;
    margin-left: 60px;
}

.main-notice-list .list-data-cell {
    display: flex;
    width: 100%;
    height: 136px;
    align-items: center;
}

.main-notice-list .list-data-cell>a {
    display: inline-flex;
}

.main-notice-list .list-data-cell>a>span {
    display: inline-block;
    max-width: 100%;
    height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.main-notice-list .list-data-cell>span {
    flex: 0 0 auto;
    display: inline-flex;
    font-size: 16px;
    line-height: 24px;
    color: #595959;
    font-weight: 700;
    margin-left: 60px;
}

.main-notice-list .swiper-ui {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

/* 메인 > 로그인팝업 */
.pop-data .user-login-set .info {
    font-size: 18px;
    color: #757575;
    line-height: 28px;
}

.pop-data .user-login-set .info .point-color-orange {
    color: #e37500;
}

/* 메인 > TIGER ETF 소개 */
.main-etf-intro {
    position: relative;
    width: 100%;
    background: url("../images/content/main_etf_intro_bg.jpg") no-repeat center center;
    background-size: cover;
}

.main-etf-intro:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.main-etf-intro .large-container {
    padding: 150px 0 146px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-etf-intro .title-group {
    flex: 0 0 auto;
    width: 740px;
}

.main-etf-intro .title-group .main-title {
    color: #fff;
}

.main-etf-intro .title-group .main-title-info {
    color: rgba(255, 255, 255, 0.5);
}

.main-etf-intro .btn-page-wrap {
    flex: 0 0 auto;
    margin: 0 60px 0 0;
    min-height: 48px;
}

.main-etf-intro .btn-page-wrap .btn-basic {
    height: 48px;
    padding: 0 25px;
    line-height: 46px;
    font-weight: 700;
}

/* 2022-04-11 추가 */
/* 2022-12-09 수정 */
/* 메인 팝업 커스텀 */
#mainPop.no-bg.actived {
    background-color: transparent;
}

#mainPop .main-pop-data {
    height: initial;
    margin: -170px 0 0 auto;
    /* box-shadow:0 0 20px rgba(0, 0, 0, .3);*/
}

/* 2023-02-06 수정 */
#mainPop .main-pop-data .today-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: initial;
    height: 34px;
    margin-top: 0;
    padding: 25px 35px;
    background-color: #2b2f36;
}

#mainPop .main-pop-data .btn-pop-close {
    position: initial;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-right: 10px;
    margin-bottom: 0;
}

/* // 2022-12-09 수정 */

#mainPop1.no-bg.actived {
    background-color: transparent;
}

#mainPop1 .main-pop-data {
    height: initial;
    margin: -170px 550px 0 auto;
    /* box-shadow:0 0 20px rgba(0, 0, 0, .3); */
}

/* 2023-02-06 수정 */
#mainPop1 .main-pop-data .today-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: initial;
    height: 34px;
    margin-top: 0;
    padding: 25px 35px;
    background-color: #2b2f36;
}

#mainPop1 .main-pop-data .btn-pop-close {
    position: initial;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-right: 10px;
    margin-bottom: 0;
}

#mainPop2 {
    display: block;
    position: fixed;
    bottom: 32px;
    right: 32px;
    z-index: 9999;
    width: 400px;
    /* box-shadow:0 8px 12px rgb(0 0 0 / 30%) !important;*/
}

/* 2022-04-12 수정 */
#mainPop2.hidden {
    display: none;
}

#mainPop2 .main-pop-close {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    padding: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 10px;
    top: 0;
    right: 0;
    margin: 12px;
    z-index: 10000;
    text-indent: -9999px;
    cursor: pointer;
}

#mainPop2 .main-pop-close>img {
    width: 14px;
    height: 14px;
}

/* // 2022-04-11 추가 */

/* 2024-01-16 추가 */
#mainPop3.no-bg.actived {
    background-color: transparent;
}

#mainPop3 .main-pop-data {
    max-width: 1010px;
    width: 1010px;
    height: auto;
    border-radius: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

#mainPop3 .main-pop-data .swiper-slide>a {
    height: auto;
}

#mainPop3 .main-pop-data .today-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: initial;
    height: 34px;
    margin-top: 0;
    padding: 25px 35px;
    background-color: #2b2f36;
}

#mainPop3 .main-pop-data .btn-pop-close {
    position: initial;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-right: 10px;
    margin-bottom: 0;
}

/* 2024-03-28 추가 */
#mainPop.pop-up .main-pop-data {
    margin: 0;
    border-radius: 35px;
    overflow: hidden;
}

#mainPop1.pop-up .main-pop-data {
    margin: 0;
    border-radius: 35px;
    overflow: hidden;
}

.main-pop-data:focus-visible {
    outline-color: white;
}

/* // 2024-03-28 추가 */
/* // 2024-01-16 추가 */
/*==============================================
// etc
==============================================*/
/* 에러 페이지 */
.system-error-wrap {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.system-error-wrap .title {
    font-size: 80px;
    line-height: 120px;
    font-weight: 700;
    color: #e37500;
}

.system-error-wrap .info {
    margin-top: 30px;
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
    color: #000;
}

.system-error-wrap .desc {
    margin-top: 30px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    color: #595959;
}

/* 이용약관 */
.agree-page-wrap {
    margin-top: 80px;
    text-align: left;
    word-break: keep-all;
}

.agree-page-wrap h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 33px;
}

.agree-page-wrap .number-list>li {
    position: relative;
    padding-left: 18px;
    min-height: 24px;
}

.agree-page-wrap .number-list>li+li {
    margin-top: 6px;
}

.agree-page-wrap .number-list>li:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.agree-page-wrap .number-list>li:nth-child(1):before {
    content: "1.";
}

.agree-page-wrap .number-list>li:nth-child(2):before {
    content: "2.";
}

.agree-page-wrap .number-list>li:nth-child(3):before {
    content: "3.";
}

.agree-page-wrap .number-list>li:nth-child(4):before {
    content: "4.";
}

.agree-page-wrap .number-list>li:nth-child(5):before {
    content: "5.";
}

.agree-page-wrap .number-list>li:nth-child(6):before {
    content: "6.";
}

.agree-page-wrap .number-list>li:nth-child(7):before {
    content: "7.";
}

.agree-page-wrap .number-list>li:nth-child(8):before {
    content: "8.";
}

.agree-page-wrap .number-list>li:nth-child(9):before {
    content: "9.";
}

.agree-page-wrap .number-list>li:nth-child(10):before {
    content: "10.";
}

.agree-page-wrap .number-list>li:nth-child(10)~li {
    padding-left: 24px;
}

.agree-page-wrap .number-list>li:nth-child(11):before {
    content: "11.";
}

.agree-page-wrap .number-list>li:nth-child(12):before {
    content: "12.";
}

.agree-page-wrap .number-list>li:nth-child(13):before {
    content: "13.";
}

.agree-page-wrap .number-list>li:nth-child(14):before {
    content: "14.";
}

.agree-page-wrap .number-list>li:nth-child(15):before {
    content: "15.";
}

.agree-page-wrap .number-list>li:nth-child(16):before {
    content: "16.";
}

.agree-page-wrap .number-list>li:nth-child(17):before {
    content: "17.";
}

.agree-page-wrap .number-list>li:nth-child(18):before {
    content: "18.";
}

.agree-page-wrap .number-list>li:nth-child(19):before {
    content: "19.";
}

.agree-page-wrap .number-list>li:nth-child(20):before {
    content: "20.";
}

.agree-page-wrap .word-list>li {
    position: relative;
    padding-left: 23px;
    min-height: 24px;
}

.agree-page-wrap .word-list>li+li {
    margin-top: 6px;
}

.agree-page-wrap .word-list>li:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.agree-page-wrap .word-list>li:nth-child(1):before {
    content: "가.";
}

.agree-page-wrap .word-list>li:nth-child(2):before {
    content: "나.";
}

.agree-page-wrap .word-list>li:nth-child(3):before {
    content: "다.";
}

.agree-page-wrap .word-list>li:nth-child(4):before {
    content: "라.";
}

.agree-page-wrap .word-list>li:nth-child(5):before {
    content: "마.";
}

.agree-page-wrap .word-list>li:nth-child(6):before {
    content: "바.";
}

.agree-page-wrap .word-list>li:nth-child(7):before {
    content: "사.";
}

.agree-page-wrap .word-list>li:nth-child(8):before {
    content: "아.";
}

.agree-page-wrap .word-list>li:nth-child(9):before {
    content: "자.";
}

.agree-page-wrap .word-list>li:nth-child(10):before {
    content: "차.";
}

.agree-page-wrap .word-list>li:nth-child(11):before {
    content: "카.";
}

.agree-page-wrap .word-list>li:nth-child(12):before {
    content: "타.";
}

.agree-page-wrap .word-list>li:nth-child(13):before {
    content: "파.";
}

.agree-page-wrap .word-list>li:nth-child(14):before {
    content: "하.";
}

.agree-page-wrap ol>li>ol {
    padding: 10px 0;
}

.agree-page-wrap ol>li>ul {
    padding: 15px 0;
}

.agree-page-wrap ol>li>ul>li+li {
    margin-top: 20px !important;
}

.agree-page-wrap ol>li>ol>li+li {
    margin-top: 6px !important;
}

.agree-page-group+.agree-page-group {
    margin-top: 60px;
}

.agree-paragraph {
    font-size: 16px;
    line-height: 24px;
    color: #595959;
    font-weight: 300;
}

.agree-paragraph+.agree-paragraph {
    margin-top: 26px;
}

@media screen and (max-width: 1600px) {

    /* .product-view-top .wide-container {padding:0 60px; box-sizing:border-box;} */
    .product-view-top .wide-container {
        box-sizing: border-box;
    }

    .product-view-tab .tab-inner {
        padding: 0 80px;
    }

    .view-tab-list>li+li {
        margin-left: 20px;
    }

    .view-tab-list .btn-tab-item {
        font-size: 18px;
    }
}

@media screen and (max-width: 1470px) {
    .large-container {
        max-width: 1280px;
    }

    .main-best-list {
        padding: 0 0 0 420px;
    }

    .main-interest-slider {
        width: 480px;
        padding-right: 0;
        box-sizing: content-box;
    }

    .main-pick-list-wrap {
        padding-left: 420px;
    }

    .main-pick-list-wrap .content-loading-bar .loading-inner {
        padding-left: 420px;
    }

    .main-pick-list .masonry-grid-item {
        width: 50%;
    }

    .main-interest .cover.effect-data.actived {
        width: 1470px;
    }

    .ie .main-interest .cover.effect-data {
        width: 1470px;
    }

    .main-best-list {
        padding: 0 20px 0 420px;
        margin-right: -20px;
    }

    .product-view-tab .tab-inner {
        padding: 0 20px;
    }

    .product-view-top .top-ui {
        right: 40px;
    }

    .view-tab-btns .etf-tooltip {
        right: 20px;
    }

    /* 2022-09-07 추가 */
}

@media screen and (max-width: 1366px) {
    .view-tab-list>li+li {
        margin-left: 10px;
    }

    .main-interest-content .main-interest-item.set .interest-user-visual {
        bottom: -50%;
    }
}

@media screen and (max-width: 1320px) {
    .large-container {
        margin-left: 20px;
        margin-right: 20px;
    }

    .both-combine-wrap .left-content {
        margin-right: 50px;
    }
}

@media screen and (max-width: 1280px) {
    .top-banner-slider .btn-top-banner-item {
        padding: 0;
    }

    .top-banner-slider {
        max-width: 100%;
        padding: 0 320px 0 20px;
    }

    .top-banner-ui {
        right: 20px;
    }

    .top-banner-ui .today-item {
        margin-right: 15px;
    }

    .top-banner-slider .btn-top-banner-item .banner-text {
        font-size: 18px;
        line-height: 25px;
        max-height: 50px;
    }

    .top-banner-ui .page-item+.auto-control {
        margin-right: 20px;
    }

    .view-tab-list .btn-tab-item {
        font-size: 14px;
    }

    .view-tab-list>li+li {
        margin-left: 10px;
    }

    .view-tab-btns .btn-product-like {
        font-size: 14px;
    }

    .masonry-contents-list .grid-frame-layout {
        margin: -10px;
    }

    .masonry-contents-list .masonry-grid-item {
        padding: 10px;
    }

    .insight .board-list-wrap .grid-frame-layout {
        margin: -10px -10px;
    }

    .insight .board-list-wrap .grid-frame-cell {
        padding: 10px 10px;
    }

    .card-info-content .grid-frame-layout {
        margin: -10px;
    }

    .card-info-content .grid-frame-cell {
        padding: 10px;
    }

    .education-wrap .gray-card-content .grid-frame-layout {
        margin: -10px;
    }

    .education-wrap .gray-card-content .grid-frame-cell {
        padding: 10px;
    }

    .event-list-wrap .grid-frame-layout {
        margin: -15px -10px;
    }

    .event-list-wrap .grid-frame-cell {
        padding: 15px 10px;
    }

    .mypage-menu-card .grid-frame-layout {
        margin: -10px;
    }

    .mypage-menu-card .grid-frame-cell {
        padding: 10px;
    }

    .member-form-content .form-group {
        width: calc(50% - 10px);
    }

    .right-content .member-form-content .email-group {
        width: 100%;
    }

    .wide-check-group .group-inner {
        flex-wrap: wrap;
        margin: -10px;
    }

    .wide-check-group .group-inner .group-cell {
        padding: 10px;
    }

    .mypage-product-wrap .grid-frame-layout {
        margin: -10px;
    }

    .mypage-product-wrap .grid-frame-cell {
        padding: 10px;
    }

    .prefer-stock-wrap .grid-frame-layout {
        margin: -10px;
    }

    .prefer-stock-wrap .form-check-box-group .grid-frame-layout .grid-frame-cell {
        padding: 10px;
    }

    .gallery-list .grid-frame-layout {
        margin: -10px;
    }

    .gallery-list .grid-frame-cell {
        padding: 10px;
    }

    .login-content-wrap .login-info {
        padding-right: 0;
    }

    .login-content-wrap .banner-wrap .common-slider-wrap {
        padding-left: 16px;
    }

    .dormancy-content-wrap .box-content {
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media screen and (max-width: 1200px) {
    .active-etf-wrap .circle-list-wrap .circle-list .list-cell {
        width: 160px;
        height: 160px;
    }

    .active-etf-wrap .appear-content .visual-content {
        right: 50%;
    }

    .active-etf-wrap .appear-content .text-wrap {
        padding-left: calc(50% + 40px);
    }

    .product-view-top .top-ui {
        right: 20px;
    }

    .product-info-table .read-table th.table-select {
        padding: 14px 40px 10px;
    }

    .view-tab-list .btn-tab-item {
        overflow: hidden;
    }

    .relation-document .grid-frame-cell .btn-basic {
        font-size: 13px;
    }

    .education-academy-wrap .accordion-list .content-data .content-data-wrap .content-data-item {
        width: 47%;
    }

    .education-academy-wrap .accordion-list .content-data .content-data-wrap>div+div:before {
        margin-left: -46px;
    }

    .education-academy-wrap .accordion-list .content-data .content-data-wrap>div+div:after {
        margin-left: -30px;
    }

    .member-form-content .form-group {
        width: calc(50% - 30px);
    }

    .product-relation-item .content-bottom-info-box .list-cell:nth-of-type(4) .toast-pop-data {
        top: 26px;
        left: -200px;
    }
}

/* 연금 */
.intro-wrap {
    margin-top: 48px;
    display: flex;
    background: url("../images/icon/pen-intro-bg.png") no-repeat 0 0;
    background-size: contain;
    position: relative;
}

.intro-wrap>div {
    width: 50%;
    text-align: center;
    height: 390px;
    padding: 60px 0;
    box-sizing: border-box;
}

.intro-wrap>div .tit {
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #1a1a1a;
    margin-bottom: 50px;
}

.intro-wrap>div>div {
    display: flex;
    justify-content: center;
    position: relative;
}

.intro-wrap>div>div dl {
    width: 50%;
}

.intro-wrap>div>div dl dt {
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    color: #1a1a1a;
    padding-top: 92px;
}

.intro-wrap>div:nth-of-type(1)>div dl:nth-of-type(1) dt {
    background: url("../images/icon/pen-intro-ico1.svg") no-repeat center 0;
}

.intro-wrap>div:nth-of-type(1)>div dl:nth-of-type(2) dt {
    background: url("../images/icon/pen-intro-ico2.svg") no-repeat center 0;
}

.intro-wrap>div:nth-of-type(2)>div dl:nth-of-type(1) dt {
    background: url("../images/icon/pen-intro-ico3.svg") no-repeat center 0;
}

.intro-wrap>div:nth-of-type(2)>div dl:nth-of-type(2) dt {
    background: url("../images/icon/pen-intro-ico4.svg") no-repeat center 0;
}

.intro-wrap>div>div dl dd {
    font-size: 15px;
    line-height: 22px;
    color: #595959;
    margin-top: 20px;
}

.intro-wrap>div:nth-of-type(1)>div dl:nth-of-type(2) dd {
    position: absolute;
    left: 0;
    width: 100%;
}

.intro-wrap>div>div dl dd span {
    color: #e37500;
}

.intro-wrap>div>div dl dd span.red {
    color: #d93b3b;
}

.intro-wrap+.noti {
    text-align: right;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding-right: 60px;
    color: #595959;
}

.intro-wrap+.noti span {
    color: #d93b3b;
}

.intro-wrap+.noti a {
    text-decoration: underline;
    font-weight: 500;
}

/* 개인연금 */
.private-pen {
    word-break: keep-all;
}

.private-pen>li {
    display: none;
}

.private-pen>li.on {
    display: block !important;
}

.private-pen .tit {
    position: relative;
}

.private-pen .tit p.sub-tit {
    font-weight: 700;
    font-size: 30px;
    line-height: 46px;
    color: #1a1a1a;
}

.private-pen .tit p.sub-info {
    font-size: 26px;
    line-height: 40px;
    color: #1a1a1a;
    margin: 20px 0 10px;
}

.private-pen .tit p.sub-info2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #757575;
}

.private-pen .tit+.tit {
    margin-top: 30px;
}

.private-pen .tit+.tit .sub-tit {
    margin-top: 60px;
}

.private-pen .board-list-wrap+.tit {
    margin-top: 60px;
}

.private-pen .read-table table>thead>tr>th {
    font-weight: 500;
}

span.org {
    color: #e37500 !important;
}

span.red {
    color: #d93b3b !important;
}

span.blue {
    color: #043b72 !important;
}

.private-pen .read-table table>tbody>tr>td {
    font-weight: 400;
}

.private-pen .read-table table>tbody>tr>td a:hover {
    text-decoration: underline;
    color: #000;
}

.private-pen .read-table.for-align table>tbody>tr>td {
    text-align: left;
    padding: 21px 30px;
}

.private-pen .read-table table>tbody>tr>td b.big {
    font-size: 18px;
    line-height: 28px;
    color: #1a1a1a;
    font-weight: 500;
}

/* .private-pen .read-table table > tbody > tr > td:first-of-type {background: #FAFAFA; color: #000; font-weight: 500;} */
.private-pen .read-table table>tbody>tr>th {
    background: #fafafa;
    color: #000;
    font-weight: 500;
    vertical-align: middle;
}

.private-pen .read-table table>tbody>tr>td:last-of-type {
    font-weight: 400;
}

.private-pen .read-table table>tbody>tr>td span {
    color: #000;
    font-weight: 400;
}

.private-pen .read-table-wrap+.note-info {
    margin-top: 22px;
}

.private-pen .read-table-wrap+.note-info .mark-list {
    padding-left: 18px;
    font-weight: 500;
    font-size: 15px;
    color: #595959;
    line-height: 22px;
    margin-top: 12px;
    position: relative;
}

.private-pen .read-table-wrap+.note-info .mark-list.red {
    padding-left: 12px;
    font-weight: 500;
    font-size: 15px;
    color: #595959;
    line-height: 22px;
    margin-top: 12px;
    position: relative;
}

.private-pen .read-table-wrap+.note-info .mark-list::before {
    content: "※";
    position: absolute;
    left: 0;
}

.private-pen .read-table-wrap+.note-info .mark-list.red::before {
    content: "*";
    color: #d93b3b;
    position: absolute;
    left: 0;
}

.private-pen .read-table-wrap+.note-info p {
    margin-top: 12px;
    font-size: 18px;
    line-height: 28px;
    color: #1a1a1a;
}

.private-pen .read-table-wrap+.note-info li+li {
    margin-top: 12px;
}

.tem-img-area .note-info {
    margin-top: 20px;
}

.tem-img-area .note-info .mark-list {
    padding-left: 18px;
    font-weight: 500;
    font-size: 15px;
    color: #595959;
    line-height: 22px;
    margin-top: 12px;
    position: relative;
}

.tem-img-area .note-info .mark-list::before {
    content: "※";
    position: absolute;
    left: 0;
}

.tem-img-area .note-info .mark-list a {
    color: #e37500;
}

.tem-img-area .note-info .mark-list a::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/icon/link-ico.svg") no-repeat;
    position: absolute;
    margin-left: 6px;
    top: -1px;
}

.private-pen .steps {
    display: flex;
    margin-left: 1px;
}

.private-pen .steps li {
    border: 1px solid #595959;
    border-radius: 12px;
    padding: 40px;
    width: 390px;
    box-sizing: border-box;
    margin-left: -1px;
    position: relative;
}

.private-pen .steps li::after {
    content: "";
    width: 48px;
    height: 48px;
    display: block;
    background: url("../images/icon/icon-private-arrow.png") no-repeat;
    position: absolute;
    top: 38px;
    right: -24px;
    z-index: 1;
}

.private-pen .steps li:last-of-type:after {
    display: none;
}

.private-pen .steps li .tit {
    border-bottom: 1px solid #e0e0e0;
}

.private-pen .steps li .tit p:first-of-type {
    font-weight: 700;
    font-size: 30px;
    line-height: 46px;
}

.private-pen .steps li .tit p:last-of-type {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #2e2e2e;
    margin: 10px 0 30px;
}

.private-pen .steps li .desc {
    color: #e37500;
    margin: 30px 0 40px;
    background: #ffede4;
    width: 310px;
    height: 121px;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 4px;
}

.private-pen .steps li .desc p:first-of-type {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

.private-pen .steps li .desc p:last-of-type {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    margin-top: 5px;
}

.private-pen .steps li .con .semi-tit {
    min-height: 48px;
}

.private-pen .steps li .con .semi-tit p {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #1a1a1a;
}

.private-pen .steps li .con .semi-tit p+p {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #757575;
}

.private-pen .steps li .con dl {
    display: flex;
    border-top: 1px solid #c9c9c9;
    align-items: center;
    position: relative;
}

.private-pen .steps li .con dl::after {
    content: "";
    width: 133px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #fafafa;
    z-index: -1;
}

.private-pen .steps li .con dl:first-of-type {
    margin-top: 20px;
}

.private-pen .steps li .con dl+dl {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.private-pen .steps li .con dl dt {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    padding: 16px 14px;
    width: 133px;
    box-sizing: border-box;
    text-align: center;
}

.private-pen .steps li .con dl dt span {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    display: block;
    color: #757575;
}

.private-pen .steps li .con dl dd {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    padding: 16px 14px;
    color: #5e5e5e;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
    width: calc(100% - 133px);
}

.private-pen .steps li .con dl dd.blue {
    color: #043b72;
}

.private-pen .steps li .con:last-of-type dl dt {
    width: 100px;
}

.private-pen .steps li .con:last-of-type dl dd {
    width: calc(100% - 100px);
}

.private-pen .steps li .con+.con {
    margin-top: 40px;
}

.private-pen .steps li .noti {
    margin-top: 40px;
}

.private-pen .steps li .noti b {
    color: #000;
}

.private-pen .steps li .noti b p {
    color: #000;
}

.private-pen .steps li .noti p {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #949494;
    position: relative;
    padding-left: 18px;
}

.private-pen .steps li .noti p::after {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
}

.private-pen .steps li .noti p+p {
    margin-top: 10px;
}

.private-pen .steps li .noti b+p {
    margin-top: 10px;
}

.private-pen .steps li table {
    margin-top: 20px;
    width: 100%;
}

.private-pen .steps li table tr:first-of-type td {
    border-top: 1px solid #c9c9c9;
    background: #fafafa;
    text-align: center;
    height: 54px;
    font-weight: 500;
    font-size: 15px;
    padding: 16px 0;
    box-sizing: border-box;
}

.private-pen .steps li table tr:first-of-type td:last-of-type {
    color: #000;
    font-weight: 500;
}

.private-pen .steps li table tr {
    border-top: 1px solid #eee;
}

.private-pen .steps li table tr:last-of-type {
    border-bottom: 1px solid #eee;
}

.private-pen .steps li table tr th {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    padding: 16px;
    background: #fafafa;
    vertical-align: middle;
    text-align: center;
}

.private-pen .steps li table tr td {
    font-size: 15px;
    line-height: 22px;
    color: #5e5e5e;
    padding: 16px;
    vertical-align: middle;
    text-align: center;
    word-break: keep-all;
}

.private-pen .steps li table:nth-of-type(2) {
    border: 2px solid #e37500;
    width: 100%;
}

.private-pen .steps li .con.for-margin {
    margin-top: 48px;
}

.private-pen .steps li .con dl p+p {
    margin-top: 10px;
}

.private-pen .steps li .con dl p span {
    color: #000;
    font-weight: 500;
}

.private-pen .steps li .con>p:nth-of-type(1) {
    font-weight: 700;
}

.private-pen .steps li .con>p:nth-of-type(2) {
    font-size: 13px;
    color: #757575;
}

/* ETF투자 튜토리얼 */
.tutorial-wrap .tit {
    font-weight: 700;
    font-size: 30px;
    line-height: 46px;
    color: #1a1a1a;
    margin-bottom: 40px;
}

.tutorial-wrap .sub-tit {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 48px;
    color: #757575;
}

.tutorial-wrap .answer {
    display: flex;
    justify-content: space-between;
}

.tutorial-wrap .answer+.tit {
    margin-top: 150px;
}

.tutorial-wrap .answer li {
    width: 570px;
    border: 1px solid #595959;
    border-radius: 12px;
    box-sizing: border-box;
    padding: 60px;
    text-align: center;
    position: relative;
}

.tutorial-wrap .answer li .txt-area p:first-of-type {
    font-weight: 700;
    font-size: 26px;
    line-height: 40px;
    background: url("../images/icon/tutorial-chk.svg") no-repeat;
    display: inline-block;
    padding-left: 52px;
}

.tutorial-wrap .answer li:last-of-type .txt-area p:first-of-type {
    font-weight: 700;
    font-size: 26px;
    line-height: 40px;
    background: url("../images/icon/tutorial-chkx.svg") no-repeat;
    display: inline-block;
    padding-left: 52px;
}

.tutorial-wrap .answer li .txt-area p:last-of-type {
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    margin: 20px 0 50px;
}

.tutorial-wrap .answer li dl {
    border-bottom: 1px solid #595959;
    display: flex;
    box-sizing: border-box;
    position: relative;
    align-items: center;
}

.tutorial-wrap .answer li dl:first-of-type {
    border-top: 1px solid #595959;
}

.tutorial-wrap .answer li dl::after {
    content: "";
    width: 133px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #fafafa;
    z-index: -1;
}

.tutorial-wrap .answer li dl dt {
    width: 140px;
    padding: 20px;
    box-sizing: border-box;
}

.tutorial-wrap .answer li dl dd {
    width: calc(100% - 140px);
    padding: 20px;
    box-sizing: border-box;
    font-weight: 400;
    color: #595959;
}

.tutorial-wrap .answer li dl dd a {
    color: #e37500;
}

.tutorial-wrap .answer li dl dd a::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/icon/link-ico.svg") no-repeat;
    position: absolute;
    margin-left: 6px;
    top: 19px;
}

.tutorial-wrap .answer li dl dd span {
    display: block;
    font-size: 16px;
    color: #757575;
}

.tutorial-wrap .answer li dl dd span.red {
    display: inline-block;
}

.tutorial-wrap .slide-title {
    color: #e37500;
    margin-bottom: 40px;
}

.tutorial-wrap .read-table table>tbody>tr>td {
    color: #5e5e5e !important;
    padding: 21px 30px;
}

.tutorial-wrap .board-list-wrap:nth-of-type(2) table>tbody>tr>td {
    text-align: left;
}

.tutorial-wrap .read-table table>tbody>tr>th p.org {
    color: #e37500;
}

.tutorial-wrap .read-table table>tbody>tr>td b {
    display: block;
    font-size: 18px;
    color: #043b72;
    line-height: 28px;
    font-weight: 400;
}

.tutorial-wrap .read-table table>tbody>tr>td p {
    color: #000;
}

.tutorial-wrap .read-table table>tbody>tr>td p.ex {
    padding-left: 18px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #5e5e5e;
}

.tutorial-wrap .answer li .add-txt {
    position: absolute;
    bottom: -60px;
    right: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #595959;
    padding: 0 30px;
}

.links {
    text-align: right;
    margin-bottom: 60px;
}

.links a {
    width: 270px !important;
}

.links a+a {
    margin-left: 10px;
}

.tem-img-area {
    width: 100%;
}

.tem-img-area img {
    width: 100%;
}

.tem-img-area+.tit {
    margin-top: 120px;
}

.tem-img-area+.note-info small {}

.for-position {
    position: relative;
}

.dot-ex {
    text-align: right;
    position: absolute;
    top: -75px;
    right: 0;
}

.dot-ex p {
    display: inline-block;
    color: #757575;
}

.dot-ex p+p {
    margin-left: 20px;
}

.tem-txt-area {
    display: flex;
    margin-top: 40px;
}

.tem-txt-area>div {
    border: 1px solid #595959;
    border-radius: 12px;
    padding: 35px 30px;
    box-sizing: border-box;
    margin-left: -1px;
    width: 25%;
}

.tem-txt-area>div p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
    color: #f58220;
}

.tem-txt-area>div:nth-of-type(2) p {
    color: #043b72;
}

.tem-txt-area>div:nth-of-type(3) p {
    color: #00a9ce;
}

.tem-txt-area>div:nth-of-type(4) p {
    color: #ae634e;
}

.tem-txt-area>div ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #474747;
}

span.blue-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #043b72;
    border-radius: 50px;
    vertical-align: baseline;
    margin-left: 5px;
}

span.org-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #e37500;
    vertical-align: baseline;
    margin-left: 5px;
}

.tem-txt-area>div ul li+li {
    margin-top: 10px;
}

.tem-txt-area>div ul li:hover {
    color: #000;
}

.tem-txt-area>div ul li:hover a {
    text-decoration: underline;
}

.buying-steps {
    border: 1px solid #595959;
    border-radius: 12px;
    margin-bottom: 60px;
}

.buying-steps li {
    padding: 40px 60px;
    box-sizing: border-box;
}

.buying-steps li+li {
    margin-top: 40px;
    border-top: 1px solid #595959;
}

.buying-steps li>p {
    font-size: 26px;
    line-height: 40px;
    color: #e37500;
}

.buying-steps li div {
    margin: 12px 0 24px;
}

.buying-steps li div>p {
    font-size: 18px;
    line-height: 28px;
    color: #595959;
}

.buying-steps li div>span {
    display: block;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #595959;
    margin-top: 12px;
}

.buying-steps li .img {
    width: 100%;
}

.buying-steps li .img img {
    width: 100%;
}

.go-aca {
    margin-top: -24px;
    display: flex;
    justify-content: space-between;
}

.go-aca p {
    font-size: 18px;
    line-height: 28px;
    color: #595959;
    width: 690px;
}

.go-aca button {
    min-width: 188px;
}

.right-txt {
    position: absolute;
    top: 12px;
    right: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #757575;
}

.right-txt::after {
    content: "";
    width: 12px;
    height: 12px;
    background: #e37500;
    display: inline-block;
    margin-left: 5px;
}

span.org-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #e37500;
    vertical-align: baseline;
    margin-left: 5px;
}

.contents-pen {
    margin-top: 60px;
}

.contents-pen .tit {
    font-weight: 700;
    font-size: 30px;
    line-height: 46px;
    margin-bottom: 40px;
}

.contents-pen .recom-vd {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.contents-pen .recom-vd div {
    position: relative;
}

.contents-pen .recom-vd a {
    display: inline-block;
    width: 570px;
    border: 1px solid #595959;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: border 0.35s ease, box-shadow 0.35s ease;
}

.contents-pen .recom-vd a .img {
    overflow: hidden;
    position: relative;
    height: 320px;
    width: 100%;
}

.contents-pen .recom-vd a .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* .card-item:hover {border-color:#e37500; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1); z-index:1;} */
.contents-pen .recom-vd a:hover {
    border: 1px solid #e37500;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.contents-pen .recom-vd a:hover img {
    transform: translate(-50%, -50%) scale(1.05);
}

.contents-pen .recom-vd a .desc {
    padding: 28px 40px;
    box-sizing: border-box;
    position: relative;
}

.contents-pen .recom-vd a .desc p.capt {
    font-size: 16px;
    line-height: 24px;
    color: #e37500;
}

.contents-pen .recom-vd a .desc p.txt {
    font-size: 20px;
    line-height: 28px;
    margin: 10px 0 20px;
}

.contents-pen .recom-vd a .desc p.date {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #757575;
}

.contents-pen .recom-vd .btn-item-like {
    position: absolute;
    top: 348px;
    right: 40px;
}

/* .contents-pen .recom-vd .btn-item-like.on {background: url("../images/icon/icon_like_orange_24.svg") no-repeat;} */
.contents-pen .recom-vd+.tit {
    margin-top: 80px;
}

.contents-pen .recom-guide {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 30px;
}

.contents-pen .recom-guide a {
    display: inline-block;
}

.contents-pen .recom-guide a .img {
    width: 270px;
    height: 180px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.contents-pen .recom-guide a .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.contents-pen .recom-guide a:hover img {
    transform: translate(-50%, -50%) scale(1.05);
}

.contents-pen .recom-guide a dl {
    margin-top: 22px;
}

.contents-pen .recom-guide a dl dt {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.contents-pen .recom-guide a dl dd {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #757575;
}

/* 테마별 ETF */
.theme-wrap {
    margin-top: 56px;
}

.theme-wrap .for-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 30px;
    box-sizing: border-box;
}

.theme-wrap .for-grid a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 270px;
    height: 270px;
    border: 1px solid #043b72;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: border 0.35s ease, box-shadow 0.35s ease;
    text-align: center;
    box-sizing: border-box;
}

.theme-wrap .for-grid a:hover {
    border: 1px solid #e37500;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.theme-wrap .for-grid a img {
    width: 72px;
    height: 72px;
}

.theme-wrap .for-grid a p {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
}

.theme-wrap .for-grid>div {
    width: 570px;
    height: 270px;
    border-radius: 12px;
    background: url("../images/content/theme-bg.png") no-repeat #e37500;
    text-align: center;
    grid-column: span 2;
}

.theme-wrap .for-grid>div p {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
}

.theme-wrap .for-grid>div p::before {
    content: "";
    display: block;
    width: 230px;
    height: 30px;
    background: url("../images/common/logo_white.png") no-repeat 0 bottom;
    background-size: contain;
    margin: 0 auto 20px;
    padding-top: 96px;
}

.theme-wrap .data-view-sort {
    display: block;
}

.theme-wrap .data-view-sort .sort-left {
    display: block;
    width: 100%;
}

.theme-wrap .toast-data-detail {
    display: flex;
}

.theme-wrap .toast-data-group {
    display: flex;
    margin-top: 30px;
}

.theme-wrap .toast-pop-data {
    left: 145px;
}

.theme-wrap .sort-label {
    margin-right: 0;
}

.theme-wrap .sort-group {
    column-gap: 20px;
}

.theme-wrap .btn-data-inquiry {
    margin-left: 0;
}

.theme-wrap .board-search-wrap {
    position: unset;
    width: 280px;
}

.theme-wrap .board-list-sort .btn-item {
    display: flex;
    column-gap: 8px;
}

.theme-wrap .board-list-sort .btn-item a {
    border-color: #043b72;
    border-radius: 4px;
}

.theme-wrap .board-list-sort .btn-item a.btn-file {
    padding-right: 25px;
    background: url(../images/icon/ico24-download.svg) no-repeat 102px center / 15px;
}

.theme-wrap .btn-page-wrap button.btn-basic {
    min-width: auto;
}

.theme-wrap .product-info-table .read-table tr td.btn-page-view a {
    background: #e37500 url(../images/icon/icon_view_page_white_24.svg) no-repeat 75px center/15px;
    color: #fff;
    font-size: 13px;
    padding: 6px 30px 6px 8px;
    border-radius: 4px;
}

.theme-wrap .product-info-table .read-table tr td.btn-page-view {
    padding-left: 5px;
    padding-right: 5px;
}

.theme-wrap .read-table table>thead>tr>.th_sort_value {
    cursor: pointer;
    text-align: left;
    padding: 8px 6px;
}

.theme-wrap .read-table table>thead>tr>.th_sort_value.listing-date {
    padding-left: 20px;
}

.theme-wrap .read-table table>thead>tr>th.year {
    padding: 18px 8px;
}

.theme-wrap .read-table table>thead>tr>.th_sort_value span {
    position: relative;
}

.theme-wrap .read-table table>thead>tr>.th_sort_value span::after {
    content: "";
    position: absolute;
    top: -2px;
    right: -24px;
    width: 24px;
    height: 24px;
    background: url("../images/icon/arr_off.svg") no-repeat right center;
}

.theme-wrap .read-table table>thead>tr>.th_sort_value.on span::after {
    background-image: url("../images/icon/arr_on.svg");
}

.theme-wrap .read-table table>thead>tr>.th_sort_value.up span::after {
    transform: rotate(180deg);
}

.theme-etf .tit {
    font-weight: 700;
    font-size: 30px;
    line-height: 46px;
    color: #e37500;
    margin: 120px 0 40px;
}

.theme-etf .for-grid {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.theme-etf .for-grid a {
    width: 218px;
    height: 166px;
}

.theme-etf .for-grid a p {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
}

/* 채권형 2024-08-08 */
.bond-wrap {
    margin-top: 56px;
}

.bond-wrap .product-info-table .read-table table>tbody>tr>td>span {
    color: #000;
}

/* // 2024-08-08 */

/* 분배금 */
.allotment-wrap {
    position: relative;
}

.allotment-wrap .board-search-wrap {
    position: unset;
    width: 280px;
    margin-left: 20px;
}

.allotment-wrap .board-search-wrap input,
.theme-wrap .board-search-wrap input {
    height: 36px;
    font-size: 16px;
    padding: 0;
}

.allotment-wrap .board-search-wrap .form-input-item:after,
.theme-wrap .board-search-wrap .form-input-item:after {
    height: 2px;
    background: #000;
}

.allotment-wrap .tit .sub-tit {
    font-weight: 700;
    font-size: 30px;
    line-height: 46px;
    color: #1a1a1a;
}

.allotment-wrap .data-view-sort {
    margin-top: 30px;
    display: block;
    position: relative;
}

.allotment-wrap .data-view-sort .toast-data-detail {
    display: flex;
    width: 100%;
    margin-top: 24px;
}

.allotment-wrap .chart {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.allotment-wrap .chart .read-table {
    width: 571px;
}

.allotment-wrap .chart .read-table>p {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.allotment-wrap .chart .read-table table>tbody>tr>td:nth-of-type(2) {
    text-align: left;
}

.allotment-wrap .chart+.tit {
    margin-top: 80px;
}

.allotment-wrap .product-info-table {
    margin-top: 30px;
    word-break: keep-all;
}

.allotment-wrap .product-info-table .read-table table>thead>tr>th {
    border-left: 1px solid #595959;
}

.allotment-wrap .product-info-table.no-border .read-table table>thead>tr>th {
    border-left: 0;
}

.allotment-wrap .product-info-table.no-border .read-table.for-padding table>thead>tr>th {
    padding: 20px 8px;
}

.allotment-wrap .product-info-table .read-table table>thead>tr:first-of-type>th:first-of-type {
    border-left: 0;
}

.allotment-wrap .product-info-table .read-table table>thead>tr:nth-of-type(1)>th:nth-of-type(2) {
    border-left: 0;
}

.allotment-wrap .product-info-table .read-table table>tbody>tr>td.text-left {
    text-align: left;
}

.allotment-wrap .product-info-table .read-table table>tbody>tr>td a:hover {
    text-decoration: underline;
}

/* 2023-07-07 수정 */
.allotment-wrap .product-info-table .read-table table>tbody>tr>td a p:first-of-type {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.allotment-wrap .product-info-table .read-table table>tbody>tr>td a p:nth-of-type(2) {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #949494;
}

.allotment-wrap .board-list-sort.down,
.theme-wrap .board-list-sort {
    position: absolute;
    bottom: 0;
    right: 0;
}

.allotment-wrap .board-list-sort.center {
    bottom: 50%;
}

.allotment-wrap .toast-data-group {
    display: block;
}

.allotment-wrap .toast-data-group .toast-pop-data {
    left: 145px;
}

.allotment-wrap .cal-txt,
.theme-wrap .cal-txt {
    font-size: 15px;
    font-weight: 400;
    color: #949494;
    margin-top: 20px;
}

.theme-wrap .data-view-sort .sort-value {
    width: 150px;
}

.renewal {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../images/common/renewal-bg.png") no-repeat #e37500;
    background-size: cover;
    color: #fff;
    text-align: center;
}

.renewal p span {
    display: flex;
    padding-right: 14px;
}

.renewal p:first-of-type {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
}

.renewal p:last-of-type {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin-top: 10px;
}

.blind {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
}

/* 2024 웹접근성 */
/* 분배금 현황 */
.allotment-wrap .product-info-table .read-table.for-padding .toggle-table>thead>tr>.th_sort_value {
    cursor: pointer;
}

.allotment-wrap .product-info-table .read-table.for-padding .toggle-table>thead>tr>.th_sort_value.left {
    text-align: left;
    padding-left: 8px;
}

.allotment-wrap .product-info-table .read-table.for-padding .toggle-table>thead>tr>th span {
    position: relative;
}

.allotment-wrap .product-info-table .read-table.for-padding .toggle-table>thead>tr>th span::after {
    content: "";
    position: absolute;
    top: -2px;
    right: -24px;
    width: 24px;
    height: 24px;
    background: url("../images/icon/arr_off.svg") no-repeat right center;
}

.allotment-wrap .product-info-table .read-table.for-padding .toggle-table>thead>tr>th.on span::after {
    background-image: url("../images/icon/arr_on.svg");
}

.allotment-wrap .product-info-table .read-table.for-padding .toggle-table>thead>tr>th.longer span::after {
    top: 10px;
}

.allotment-wrap .product-info-table .read-table.for-padding .toggle-table>thead>tr>th.up span::after {
    transform: rotate(180deg);
}

.allotment-wrap .product-info-table .read-table.for-padding .toggle-table>thead>tr>th.left span {
    font-size: 13px;
}

.allotment-wrap .product-info-table .read-table.for-padding .toggle-table>thead>tr>th.left span::after {
    width: 19px;
    height: 19px;
    top: -1px;
    right: -19px;
    background-size: 19px;
}

.allotment-wrap .product-info-table .read-table.for-padding .toggle-table tbody tr .text-left {
    padding-left: 8px;
    padding-right: 8px;
}

.coach-pop-btn {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #e37500;
    color: #e37500;
    font-size: 13px;
    padding: 8px 10px;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 500;
}

.coach-view {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.coach-pop {
    position: absolute;
    width: 1050px;
    height: 544px;
    background: #fff;
    top: 120px;
    left: calc(50% - 525px);
    z-index: 2;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.coach-view .dim {
    width: 1170px;
    height: 750px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-radius: 12px;
}

#coach-pop-imgs li:not(:first-of-type) {
    display: none;
}

#coach-pop-imgs li {
    position: relative;
}

#coach-pop-imgs li img:not(.cursor) {
    width: 897px;
}

.ani-cursor {
    position: absolute;
    top: 100px;
    left: 65%;
    z-index: 1;
}

li:nth-of-type(2) .ani-cursor {
    top: 170px;
    left: 67%;
}

li:last-of-type .ani-cursor {
    top: 130px;
    left: 67%;
}

.ani-cursor .cursor {
    animation: click 1.5s cubic-bezier(0.83, -0.05, 0.16, 1.09) infinite;
}

@keyframes click {
    0% {
        transform: scale(1) translate(7px, 7px);
    }

    50% {
        transform: scale(0.9) translate(0, 0);
    }

    100% {
        transform: scale(1) translate(7px, 7px);
    }
}

.ani-cursor .wave {
    position: absolute;
    left: -15px;
    top: -15px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    opacity: 0.6;
    animation: cursor-wave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    pointer-events: none;
    background: #e37500;
}

@keyframes cursor-wave {
    0% {
        transform: scale(0.5);
        opacity: 0.6;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

div[data-tab-name="divPrfView"] .dotted-list {
    padding-bottom: 50px;
}

div[data-tab-name="divPrfView"] .toast-data-detail>strong {
    margin-right: 20px;
}

div[data-tab-name="divPrfView"] .toast-data-detail>p {
    margin-left: 10px;
    color: #757575;
}

.product-detail-wrap>.data+.data.product-relation-item {
    padding-top: 50px;
}

.tooltip-line {
    width: 100%;
    height: 1px;
    background: #e0e0e0;
    margin: 10px 0;
}

.tooltip-txt {
    width: 100%;
    display: flex;
    justify-content: space-between;
    line-height: 20px;
}

.coach-pop-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 30px 30px 0;
    box-sizing: border-box;
}

.coach-pop-top label {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    width: 155px;
    font-size: 16px;
    font-weight: 300;
}

.coach-pop-top input {
    display: none;
}

.coach-pop-top input+label::before {
    content: "";
    width: 20px;
    height: 20px;
    background: #e0e0e0;
    border-radius: 0;
}

.coach-pop-top input:checked+label::before {
    background: url("../images/icon/icon_today_form_check_on.png") no-repeat center -2px;
    border: 1px solid #e37500;
}

.coach-pop-btm {
    height: 97px;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    flex-direction: column;
}

.coach-pagination {
    text-align: center;
}

.coach-dot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #949494;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 4px;
}

.coach-dot[data-index="0"] {
    margin-left: 0;
}

.coach-dot.active {
    background: #e37500;
    border-color: #e37500;
}

.coach-view .btn-confirm {
    position: absolute;
    bottom: 70px;
    left: calc(50% - 110px);
    background: #e37500;
    color: #fff;
    width: 200px;
    height: 48px;
    border-radius: 25px;
    z-index: 2;
    font-weight: 700;
    font-size: 16px;
    overflow: hidden;
}

.btn-confirm .ripple-effect {
    position: absolute;
    left: -30%;
    top: 50%;
    width: 0;
    height: 48px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 25px;
    pointer-events: none;
    transform: translateY(-50%) scaleX(0);
    animation: attention-ripple-x 1.4s cubic-bezier(0, 0, 0.97, 0.41) infinite;
    z-index: 1;
}

@keyframes attention-ripple-x {
    0% {
        opacity: 0.6;
        width: 0;
        transform: translateY(-50%) scaleX(0);
    }

    70% {
        opacity: 0.3;
        width: 200px;
        transform: translateY(-50%) scaleX(1);
    }

    100% {
        opacity: 0;
        width: 300px;
        transform: translateY(-50%) scaleX(1.5);
    }
}

#lineChart2 .wj-axis-y .wj-label,
#lineChart2 .wj-axis-x .wj-label {
    font-size: 11px;
    font-weight: 500;
}

#lineChart2 .wj-legend .wj-label {
    width: 100px;
}

.common-point-note .dotted-list .list-cell.not-dotted {
    padding-left: 0;
}

.common-point-note .dotted-list .list-cell.not-dotted::before {
    display: none;
}

.line-chart2.common-point-note .dotted-list .list-cell {
    color: #949494;
}

.coach-pop-cls.x {
    text-indent: -99999px;
    width: 17px;
    height: 17px;
    background: url("../images/icon/icon_pop_close_black.svg") no-repeat center top/100%;
}

.coach-view+.data-view .line-chart-wrap {
    height: 500px;
}

/* S:2026-02-06 media_wrap */
.media_wrap{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 24px;
}
.media_wrap .thumb {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.media_wrap .thumb:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/icon/media_thumb.png") repeat;
    z-index: 1;
}
.media_wrap .thumb img {
    position: absolute;
    transform: scale(1.0);
    width: 100%;
    height: auto;
    transition: all 0.3s ease-out;
}
.media_wrap .thumb:hover img {
    transform: scale(1.2);
}
.media_wrap .thumb .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    z-index: 2;
}
.media_wrap .thumb .icon.tv {
    background: url("../images/icon/btn_play.png") no-repeat;
}

.media_wrap .title {
    display: -webkit-box;
    height: 3.5rem;
    max-height: 3.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    word-break: break-word;
    margin: 20px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 2줄까지만 표시 */
}
.media_wrap .date {
    color: #8f8f8f;
    font-size: 14px;
}
.box-content.note{
    border: 1px solid #E5E6E5;
    padding: 60px;
    margin-top: 120px;
}
.box-content.note .title{
    font-size: 24px;
    color: #D93B3B;
    font-weight: 700;
    margin-bottom: 20px;
}
.box-content.note .list-item li{
    position: relative;
    font-size: 16px;
    color: #2B2F36;
    line-height: 30px;
    padding-left: 15px;
    margin-left: 10px;
}
.box-content.note .list-item li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: #2B2F36;
    border-radius: 50%;
}
/* // E:2026-02-06 media_wrap */