@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: .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:#757575; 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 #adadac; 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 #e5e6e5;}
.board-list-data .board-list-none {border:none;}
.board-list {}
.board-list > li {border-top:1px solid #e5e6e5;}
.board-list > li:first-child {border-top:none;}

.btn-board-item {position:relative; display:flex; align-items:center; width:100%; min-height:90px; padding:25px 0; 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 30px; font-size:20px; line-height:34px; font-weight:300; 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.250, 0.460, 0.450, 0.940);}
.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:15;}
.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;}

/* 게시판 > 상세 */
/* .board-view-wrap {border-bottom: 1px solid #E0E0E0;} */
.board-view-top {padding-bottom:37px; border-bottom:1px solid #e5e6e5;}
.board-view-top .event-option {margin-top:22px;}
.board-view-cate {margin-bottom:25px;}
.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:#757575; border-bottom:1px solid #e5e6e5;}
.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;}
.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 #8e8e8e;}
.board-view-hash .label-group .group-cell a.label {color:#8e8e8e;}
.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;}


/* 차트 > 심플라인형 */
.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, .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:#e37500;}
.page-tab > li > a .label-num {display:inline-block; margin-left:13px; line-height:76px;}
.page-tab > li > a .label-num > em {display:flex; padding:0 13px; line-height:30px; font-size:16px; color:#fff; border-radius:15px; background-color:#8e8e8e;}
.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;}


/* 탭컨텐츠 > 컨텐츠탭 */
.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 #c9c9c9;}
.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 + tr {border-top:1px solid #eee}
.read-table table > tbody {border-top:1px solid #eee;}
.read-table table > tbody > tr {border-bottom:1px solid #eee;}
.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 #eee;}
.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 #c9c9c9; border-bottom:1px solid #eee;}
.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;}

/* 카드 */
.card-item {position:relative; overflow:hidden; border-radius:12px; background-color:#fff; border:1px solid #e0e0e0; 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:#8e8e8e; 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:#8e8e8e; 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.250, 0.460, 0.450, 0.940);}
.card-item.basic .item-hash-single {margin-bottom:6px; height:24px; font-size:16px; line-height:24px; color:#757575; 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;}
/* .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:#949494; 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:#949494; 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:#8e8e8e;}

/* 토스트 팝업 */
.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:500; 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:#8e8e8e; 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: #949494;}
.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 86% 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:#8e8e8e; line-height:30px;}
.tab-button-list .btn-tab-search-item {position:relative; padding:0 16px 10px; font-size:20px; color:#8e8e8e; 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 {background-color:#e37500;}
.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 {display:flex; align-items:center; color:#8e8e8e;}
.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 #e5e6e5;}
.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.0);}
.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,.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:32px; 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 {position:relative;}
.active-etf-wrap .appear-content .visual-content {position:absolute; right:470px; width:1065px; display:flex;}
.active-etf-wrap .appear-content .visual-content > div + div {margin-left:30px;}
.active-etf-wrap .appear-content .text-wrap {position:relative; padding:35px 18px 0 730px; 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;}
.read-table table .border-left-gray {border-left:1px solid #e5e6e5;}
.product-info-table .read-table table > thead > tr > th {padding:8px;}
.product-info-table .read-table table > tbody > tr > td {padding:25px 11px 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:#000;}
.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;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 .item-cate + .item-subject {margin-top:5px;}
/* .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:0; 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 #d2d3d1; 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 #d2d3d1; font-size:13px; color:#8e8e8e; 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 14px 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;}
.visual-square {position:relative; height:36px; padding:0 0 0 20px; color:#8e8e8e; 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;}
.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.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;}

.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:#757575; 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:#757575; 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 #eee; border-radius: 12px; background: #fff;}
.product-view-state .state-cell:nth-child(3n){margin-right: 0;}
.reference_contents{text-align: right;} /* 2024-08-07 추가 */

.product-view-state .price-title {font-size:16px; line-height:24px; font-weight: 700; color: #949494;}
/* .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: #949494;}

.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;}
.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;}
.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;}
.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:-175px;}
.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 {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 #eee; 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: #949494; 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; text-align: left;}
.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: #757575; 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 #c9c9c9;}
.product-rate .read-table table > tbody > tr {border-bottom: 1px solid #eee;}
.product-rate .read-table table > thead > tr > th {font-weight: 500; background-color: #fafafa;}
.product-rate .read-table table > tbody > tr > td {color: #5e5e5e;}

/* 상품상세 > 구성종목 */
.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;}

/* 상품상세 > performance */
.product-pdf-item .basic-data-group .tab-button-list > li.actived .btn-tab-list-item:after {left:6px; margin-left:0;}

/* 상품상세 > 매수관련 팝업 */
.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 #eee;}
.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:#00b4dd;}
.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:18px; height:18px; 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:#8e8e8e;}
.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:#8e8e8e; 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:#8e8e8e; 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:#8e8e8e; 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,.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:#8e8e8e; 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:#8e8e8e; 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:#757575; 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; 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:#8e8e8e; 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; border-radius:12px; overflow:hidden;}
.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:#8e8e8e; 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 #e5e6e5; border-bottom:0; box-sizing:border-box;}
.vertical-list-content .vertical-list-cell:first-of-type {border-top:1px solid #e5e6e5; border-radius:12px 12px 0 0;}
.vertical-list-content .vertical-list-cell:last-of-type {border:1px solid #e5e6e5; 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:#8e8e8e; 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 #e5e6e5; 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.0); 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:#8e8e8e;}
.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:#d2d3d1;}
.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 #8e8e8e; 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:#8e8e8e;}
.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 #e5e6e5;}
.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:#8e8e8e;}
.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 #e5e6e5; border-radius:12px;}
.education-academy-wrap .accordion-list .accordion-content .data-content.box .center { font-size:18px; color:#757575; 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:#8e8e8e; 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:#8e8e8e;}
.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,.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:#2e2e2e; border-color:#c9c9c9;}
.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:#8e8e8e; 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:#e5e6e5;}
.event-option .option-cell .txt {flex:1; font-size:16px; line-height:25px; color:#757575; 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:#8e8e8e;}
.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 {padding:3px 0; font-size:20px; line-height:24px}
.left-list-wrap .left-list .list-cell + .list-cell {margin-top:20px;}
.left-list-wrap .left-list .list-cell a {display:inline-block;}
.left-list-wrap .left-list .list-cell a.actived {color:#e37500;}
.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:#8e8e8e; 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:#8e8e8e; 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:#8e8e8e;}
/* 비밀번호 변경 */
.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:#8e8e8e;}
.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;}
.mypage-product-wrap .btn-item-del {background-image:url('../images/icon/icon_trash_gray.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/icon_trash_black_24.png') no-repeat; opacity:0; transition:all 0.15s ease-out;}
.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:#8e8e8e;}
.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:#8e8e8e; 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:#8e8e8e; 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:#8e8e8e; 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,.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:#8e8e8e; 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;}

.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; font-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:#8e8e8e; 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;}
.service-agree .btn-area .btn-kakao {position:relative; width:300px; padding:0 75px; line-height:60px; 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 #e5e6e5; 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:#8e8e8e;}
.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:#8e8e8e; 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,.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.250, 0.460, 0.450, 0.940); 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:#8e8e8e;}
.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.250, 0.460, 0.450, 0.940), 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.250, 0.460, 0.450, 0.940);}

.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.250, 0.460, 0.450, 0.940); 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,.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.250, 0.460, 0.450, 0.940); 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.0); 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.250, 0.460, 0.450, 0.940);}
.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.250, 0.460, 0.450, 0.940);}
.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:#8e8e8e; 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.050, 0.550, 0.950);}
.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:#8e8e8e;}
.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:#8e8e8e; 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:#8e8e8e; 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,.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,.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-left:10px; background-color:#757575;}
#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 수정 */

#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 추가 */

/*==============================================
// 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:#8e8e8e;}

/* 이용약관 */
.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:#8e8e8e; 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: 26px; 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: #757575; 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: #949494;}
.intro-wrap + .noti span {color: #D93B3B;}
.intro-wrap + .noti a {text-decoration: underline; font-weight: 500;}


/* 개인연금 */
.private-pen {word-break: keep-all;}
.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 {background: 0; 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: #949494; 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: #949494; 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: #949494; 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 #E0E0E0; 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;}
.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;}





/* 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;}
.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 #E0E0E0; 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 #EEEEEE; display: flex; box-sizing: border-box; position: relative; align-items: center;}
.tutorial-wrap .answer li dl:first-of-type {border-top: 1px solid #C9C9C9;}
.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: #5E5E5E;}
.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; text-align: left; padding: 21px 30px;}
.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: #949494; padding: 0 30px;}


.links {text-align: right; margin-bottom: 60px;}
.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 #E0E0E0; 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 #E0E0E0; 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 #E0E0E0;}
.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: #757575;}
.buying-steps li div > span {display: block; font-weight: 500; font-size: 15px; line-height: 22px; color: #949494; 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: #757575; 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 a {display: inline-block; width: 570px; border: 1px solid #E0E0E0; border-radius: 12px; overflow: hidden; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition: all 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940); 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.250, 0.460, 0.450, 0.940);}
/* .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 a .desc span.heart {display: inline-block; width: 24px; height: 24px; background: url("../images/icon/icon_like_gray_24.svg") no-repeat; transition: all .2s; position: absolute; top: 28px; right: 40px;}
.contents-pen .recom-vd a .desc span.heart.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: flex; justify-content: space-between;}
.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.250, 0.460, 0.450, 0.940);}
.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 #E0E0E0; border-radius: 12px; background: #fff; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition: all 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940); 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 .sort-left {display: block; width: 100%;}
.theme-wrap .toast-data-detail {display: flex;}
.theme-wrap .toast-data-group {margin-top: 24px;}




.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 {bottom: unset; top: -10px;}
.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; height: 434px; margin-top: 30px;}
.allotment-wrap .chart div {width: calc(50% - 15px); height: 100%; border: 1px solid #E0E0E0; border-radius: 12px;}
.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 #eee;}
.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 p:first-of-type {font-weight: 500; font-size: 16px; line-height: 24px; color: #000; word-break: keep-all;}
.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 {position: absolute; top: 0; right: 0;}