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

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

	- Description -

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

#skipNavi {position:absolute; left:0; top:-200px; width:100%; margin:0 auto; z-index:9999;}
#skipNavi a:active,
#skipNavi a:focus {position:absolute; top:200px; left:0; width:100%; background:#f8f7f3; line-height:25px; text-align:center; border-bottom:1px solid #dbdbdb;}


/* ===========================
	색상
=========================== */
.font-color-orange {color:#e37500;}
.font-color-red {color:#e7280f;}
.font-color-mint {color:#8eb1b2;}
.font-color-black {color:#000;}
.font-color-darkgray {color:#3d3935;}
.font-color-darkbrown {color:#3d3935;}
.font-color-gray {color:#757575;}
.font-color-lightgray {color:#8e8e8e;}
.font-color-green {color:#4ba347;}
.font-color-blue {color:#1a6fda;}

.background-color-orange {background-color:#e37500;}
.background-color-red {background-color:#e7280f;}
.background-color-mint {background-color:#8eb1b2;}
.background-color-black {background-color:#000;}
.background-color-darkgray {background-color:#3d3935;}
.background-color-darkbrown {background-color:#3d3935;}
.background-color-gray {background-color:#757575;}
.background-color-lightgray {background-color:#8e8e8e;}
.background-color-blue {background-color:#1a6fda;}




/* ===========================
	폰트
=========================== */
.font-poppins {font-family: 'Poppins' , sans-serif !important;}


/* ===========================
	버튼
=========================== */
/* 버튼 > 레이아웃 */
.btn-page-wrap {position:relative; margin-top:50px; font-size:0; min-height:60px; text-align:center;}
.btn-page-wrap:first-child {margin-top:0;}
.btn-page-wrap.size-middle {min-height:36px;}
.btn-page-wrap > a ,
.btn-page-wrap > input[type=submit] ,
.btn-page-wrap > button {margin:0 5px;}
.btn-page-wrap > a:first-child ,
.btn-page-wrap > input[type=submit]:first-child ,
.btn-page-wrap > button:first-child {margin-left:0;}
.btn-page-wrap > a:last-child ,
.btn-page-wrap > input[type=submit]:last-child ,
.btn-page-wrap > button:last-child {margin-right:0;}

.btn-pos-right {position:absolute; top:0; right:0; font-size:0; display:flex; z-index:5;}
.btn-pos-right > a ,
.btn-pos-right > input[type=submit] ,
.btn-pos-right > button {margin:0 0 0 10px;}
.btn-pos-right > a:first-child ,
.btn-pos-right > input[type=submit]:first-child ,
.btn-pos-right > button:first-child {margin-left:0;}
.btn-pos-right > a:last-child ,
.btn-pos-right > input[type=submit]:last-child ,
.btn-pos-right > button:last-child {margin-right:0;}

.btn-pos-left {position:absolute; top:0; left:0; font-size:0; display:flex; z-index:5;}
.btn-pos-left > a {margin:0 10px 0 0;}
.btn-pos-left > a:first-child {margin-left:0;}
.btn-pos-left > a:last-child {margin-right:0;}
.btn-pos-left > a ,
.btn-pos-left > input[type=submit] ,
.btn-pos-left > button {margin:0 10px 0 0;}
.btn-pos-left > a:first-child ,
.btn-pos-left > input[type=submit]:first-child ,
.btn-pos-left > button:first-child {margin-left:0;}
.btn-pos-left > a:last-child ,
.btn-pos-left > input[type=submit]:last-child ,
.btn-pos-left > button:last-child {margin-right:0;}

a.btn-basic , button.btn-basic , input[type=submit].btn-basic {position:relative; display:inline-block; /* min-width:270px;*/ min-width: 160px; height:48px; padding:0 15px; font-size:16px; line-height:46px; font-weight:500; text-align:center; border:1px solid #000; border-radius:0; box-sizing:border-box; overflow: hidden; transition: background-color 0.4s ease;}
a.btn-basic span , button.btn-basic span , input[type=submit].btn-basic span {position: relative; display: inline-block; width: 100%;}
a.btn-basic:focus-visible , button.btn-basic:focus-visible , input[type=submit].btn-basic:focus-visible {outline-style: none; border-color: #fff; box-shadow: 0 0 0 1px #043b72;}

.btn-basic-auto {min-width:0 !important; white-space:nowrap;}
.btn-basic-full {min-width:0 !important; width:100%;}

button.btn-basic span.search-result{width:auto;}/* 2024-08-07 추가 */

/*
.btn-basic:hover:before {height:100%;}

a.btn-orange , button.btn-orange , input[type=submit].btn-orange {color:#fff; border-color:#e37500; background-color:transparent;}
a.btn-orange:before , button.btn-orange:before , input[type=submit]:before {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:0;z-index:-1;background-color:#e37500; transition:height 0.35s ease;}
*/

/* 버튼 > 색상 */
a.btn-orange , button.btn-orange , input[type=submit].btn-orange {color:#fff; border-color:#e37500; background-color:#e37500;}
a.btn-red , button.btn-red , input[type=submit].btn-red {color:#fff; border-color:#e7280f; background-color:#e7280f;}
a.btn-mint , button.btn-mint , input[type=submit].btn-mint {color:#fff; border-color:#8eb1b2; background-color:#8eb1b2;}
a.btn-black , button.btn-black , input[type=submit].btn-black {color:#fff; border-color:#000; background-color:#000;}
a.btn-gray , button.btn-gray , input[type=submit].btn-gray {color:#fff; border-color:#8e8e8e; background-color:#8e8e8e;}
a.btn-darkbrown , button.btn-darkbrown , input[type=submit].btn-darkbrown {color:#fff; border-color:#3d3935; background-color:#3d3935;}
a.btn-lightgray , button.btn-lightgray , input[type=submit].btn-lightgray {color:#666; border-color:#f4f4f4; background-color:#f4f4f4;}
a.btn-white , button.btn-white , input[type=submit].btn-white {color:#000; border-color:#fff; background-color:#fff;}
a.btn-yellow , button.btn-yellow , input[type=submit].btn-yellow {color:#000; border-color:#feea31; background-color:#feea31;} /* 2022-06-22 추가 */
a.btn-gray , button.btn-gray , input[type=submit].btn-gray {color:#2e2e2e; border-color:#eee; background-color:#eee;}
a.btn-darkgray , button.btn-darkgray , input[type=submit].btn-darkgray {color:#fff; border-color:#8e8e8e; background-color:#8e8e8e;}

/* 테두리 버튼 > 색상 */
a.btn-outline-orange , button.btn-outline-orange , input[type=submit].btn-outline-orange {color:#e37500; border-color:#e37500; background-color:#fff;}
a.btn-outline-red , button.btn-outline-red , input[type=submit].btn-outline-red {color:#e7280f; border-color:#e7280f; background-color:#fff;}
a.btn-outline-mint , button.btn-outline-mint , input[type=submit].btn-outline-mint {color:#8eb1b2; border:2px solid rgba(142,177,178,.5); background-color:#fff;}
a.btn-outline-black , button.btn-outline-black , input[type=submit].btn-outline-black {color:#000; border-color:#000; background-color:#fff;}
a.btn-outline-gray , button.btn-outline-gray , input[type=submit].btn-outline-gray {color:#8e8e8e; border-color:#8e8e8e; background-color:#fff;}
a.btn-outline-darkbrown , button.btn-outline-darkbrown , input[type=submit].btn-outline-darkbrown {color:#3d3935; border-color:#3d3935; background-color:#fff;}
a.btn-outline-whitegray , button.btn-outline-whitegray , input[type=submit].btn-outline-whitegray {color:#2e2e2e; border-color:#c9c9c9; background-color:#fff;}
a.btn-outline-bluegray , button.btn-outline-bluegray , input[type=submit].btn-outline-bluegray {color:#043b72; border-color:#c9c9c9; background-color:#fff; height: 40px; font-size: 15px; line-height: 38px;}

/* 버튼 > 라운딩 */
a.btn-round , button.btn-round , input[type=submit].btn-round {border-radius:24px;}

/* 버튼 > 사이즈 */
a.btn-size-middle , button.btn-size-middle , input[type=submit].btn-size-middle {height:36px; font-size:16px; line-height:34px;}
a.btn-size-large , button.btn-size-large , input[type=submit].btn-size-large {height:48px; font-size:16px; line-height:46px;}
a.btn-size-small , button.btn-size-small , input[type=submit].btn-size-small {height:30px; font-size:13px; line-height:28px; padding:0 15px;}

/* 버튼 > 호버  */
a.btn-orange:hover, button.btn-orange:hover, input[type=submit].btn-orange:hover {background-color: #d16c00;}
a.btn-gray:hover, button.btn-gray:hover, input[type=submit].btn-gray:hover, a.btn-outline-whitegray:hover, button.btn-outline-whitegray:hover, input[type=submit].btn-outline-whitegray:hover {background-color: #ebebeb;}
a.btn-darkgray:hover, button.btn-darkgray:hover, input[type=submit].btn-darkgray:hover {background-color: #838383;}
a.btn-darkbrown:hover, button.btn-darkbrown:hover, input[type=submit].btn-darkbrown:hover {background-color: #383531;}
a.btn-outline-orange:hover, button.btn-outline-orange:hover, input[type=submit].btn-outline-orange:hover {background-color: #eeefef;}
a.btn-outline-bluegray:hover, button.btn-outline-bluegray:hover, input[type=submit].btn-outline-bluegray:hover {background-color: #ebf0f4;}

/* 버튼 > press시 */
a.btn-orange.mousedown, button.btn-orange.mousedown, input[type=submit].btn-orange.mousedown {background-color: #c76700;}
a.btn-gray.mousedown, button.btn-gray.mousedown, input[type=submit].btn-gray.mousedown, a.btn-outline-whitegray.mousedown, button.btn-outline-whitegray.mousedown, input[type=submit].btn-outline-whitegray.mousedown {background-color: #e0e0e0;}
a.btn-darkgray.mousedown, button.btn-darkgray.mousedown, input[type=submit].btn-darkgray.mousedown {background-color: #7d7d7d;}
a.btn-darkbrown.mousedown, button.btn-darkbrown.mousedown, input[type=submit].btn-darkbrown.mousedown {background-color: #383531;}
a.btn-outline-orange.mousedown, button.btn-outline-orange.mousedown, input[type=submit].btn-outline-orange.mousedown {background-color: #e5e6e6;}
a.btn-outline-bluegray.mousedown, button.btn-outline-bluegray.mousedown, input[type=submit].btn-outline-bluegray.mousedown {background-color: #e0e7ee;}

/* 버튼 > 비활성화 */
.btn-gray.disabled {color: rgba(255,255,255,0.4); background: #c6c8cb; pointer-events: none;}
.btn-orange.disabled, .btn-darkgray.disabled, .btn-darkbrown.disabled {color: rgba(255,255,255,0.4); background: rgba(65, 70, 79, 0.3); border-color: transparent; pointer-events: none;}
.btn-outline-orange.disabled, .btn-outline-whitegray.disabled, .btn-outline-bluegray.disabled {color: rgba(65, 70, 79, 0.3); border-color: rgba(65, 70, 79, 0.3); pointer-events: none;}

/* 커스텀 버튼 */
.btn-list-more.btn-round {height: 60px; border-radius: 50px; min-width: 188px;}
.btn-list-more.btn-round > span {position: relative; display: inline-block; width: auto;}

/* .btn-list-more.btn-round div {display: inline-block; position: relative; padding-right: 20px;}
.btn-list-more.btn-round div:after {content:''; position:absolute; top:50%; right:0; display:block; width:0; height:0; border-style:solid; border-width:6px 5px 0 5px; border-color:#000 transparent transparent transparent; transform:translate(0% , -50%);}

.btn-list-more.btn-round div p {display: inline-block;} */

.btn-list-more.btn-round > span {position: relative; padding-right:26px; display: inline-block; width: auto;}
.btn-list-more > span:after {content:''; position:absolute; top:50%; right:0; display:block; width:0; height:0; border-style:solid; border-width:6px 5px 0 5px; border-color:#000 transparent transparent transparent; transform:translate(0% , -50%);}
.btn-list-more.page-number {padding:0 30px;}
.btn-list-more.view-page > span {padding-right: 0;}
.btn-list-more.view-page > span:after {display: none;}

.btn-item-like {position:relative; display:inline-block; width:24px; height:24px; font-size:0;}
.btn-item-like:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/icon/icon_like_gray_24.svg) left top no-repeat; opacity:1;}
.btn-item-like:after {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/icon/icon_like_orange_24.svg) left top no-repeat; opacity:0;}
.btn-item-like.actived:before {opacity:0;}
.btn-item-like.actived:after {opacity:1;}

/* .btn-item-del {position:relative; display:inline-block; width:24px; height:24px; font-size:0; background:url(../images/icon/icon_trash_black_24.svg) left top no-repeat;} */
.btn-item-del {position:relative; display:inline-block; width:24px; height:24px; font-size:0; background:url(../images/icon/icon_trash_gray.svg) left top no-repeat;}
.btn-item-download {position:relative; display:inline-block; width:24px; height:24px; font-size:0; background:url(../images/icon/icon_file_down_gray_24.svg) left top no-repeat;}

.btn-file-down-orange {position:relative; text-align:left; padding:0 53px 0 25px !important; display:flex; align-items:center; line-height:21px; text-align:left !important;}
.btn-file-down-orange .icon {position:absolute; top:50%; right:24px; margin-top:-12px;}


.btn-top-more {position:relative; display:inline-block;font-size:16px;line-height:24px;color:#000;font-weight:700;padding-right:30px;}
.btn-top-more:before {content:''; position:absolute;top:50%;right:0;display:block;width:14px;height:2px;background:#b1a8a0;}
.btn-top-more:after {content:''; position:absolute;top:50%;right:0;display:block;width:14px;height:2px;background:#b1a8a0;transform:rotate(-90deg);}


/* ===========================
	아이콘
=========================== */
.icon {display:inline-block;  font-size:0; background-repeat:no-repeat; background-position:center center; background-size:100% auto;}

/* 18px */
.icon-home-gray-18 {width:18px; height:18px; background-image:url(../images/icon/icon_home_gray_18.svg);}

/* 24px */
.icon-file-down-black-24 {width:24px; height:24px; background-image:url(../images/icon/icon_file_down_black_24.png);}
.icon-map-white-24 {width:24px; height:24px; background-image:url(../images/icon/icon_map_white_24.png);}
.icon-tel-white-24 {width:24px; height:24px; background-image:url(../images/icon/icon_tel_white_24.png);}
.icon-like-gray-24 {width:24px; height:24px; background-image:url(../images/icon/icon_like_gray_24.svg);}
.icon-like-orange-24 {width:24px; height:24px; background-image:url(../images/icon/icon_like_orange_24.svg);}
.icon-file-down-gray-24 {width:24px; height:24px; background-image:url(../images/icon/icon_file_down_gray_24.svg);}
.icon-file-down-orange-24 {width:24px; height:24px; background-image:url(../images/icon/icon_file_down_orange_24.svg);}
.icon-file-down-white-24 {width:24px; height:24px; background-image:url(../images/icon/icon_file_down_white_24.svg);} /* 2023-06-14 추가 */
.icon-trash-black-24 {width:24px; height:24px; background-image:url(../images/icon/icon_trash_black_24.png);}
.icon-time-gray-24 {width:24px; height:24px; background-image:url(../images/icon/icon_time_gray_24.png);}
.icon-refresh-black-24 {width:24px; height:24px; background-image:url(../images/icon/icon_refresh_black_24.png);}
.icon-connection-sqaure-gray-24 {width:24px; height:24px; background-image:url(../images/icon/icon_connection_sqaure_gray_24.png);}
.icon-view-page-orange-24 {width:24px; height:24px; background-image:url(../images/icon/icon_view_page_orange_24.png);}
.icon-view-page-white-24 {width:24px; height:24px; background-image:url(../images/icon/icon_view_page_white_24.svg);} /* 2022-04-11 추가 */
.icon-link-orange-24 {width:24px; height:24px; background-image:url(../images/icon/ico24-outlink.s);}

/* .icon-document-gray-24 {width:24px; height:24px; background-image:url('../images/icon/icon_document_light_gray_24.png');} */
.icon-document-gray-24 {width:24px; height:24px; background-image:url('../images/icon/icon_file_down_white_24.png');}
.icon-play-gray-24 {width:24px; height:24px; background-image:url('../images/icon/icon_play_white_24.svg');}
.icon-blog-gray-24 {width:24px; height:24px; background-image:url('../images/icon/icon_blog_white_24.svg');}

/* 32px */
/* .icon-document-black-32 {width:32px; height:32px; background-image:url(../images/icon/icon_document_black_32.png);}
.icon-blog-black-32 {width:32px; height:32px; background-image:url(../images/icon/icon_blog_black_32.png);}
.icon-play-black-32 {width:32px; height:32px; background-image:url(../images/icon/icon_play_black_32.png);}
.icon-document-gray-32 {width:32px; height:32px; background-image:url('../images/icon/icon_document_light_gray_32.png');}
.icon-play-gray-32 {width:32px; height:32px; background-image:url('../images/icon/icon_play_light_gray_32.png');}
.icon-blog-gray-32 {width:32px; height:32px; background-image:url('../images/icon/icon_blog_light_gray_32.png');}
.icon-leaflet-gray-32 {width:32px; height:32px; background-image:url('../images/icon/icon_leaflet_light_gray_32.png');} */


/* 36px */
.icon-search-orange-36 {width:36px; height:36px; background-image:url(../images/icon/icon_search_orange_36.svg);}
.icon-category-orange-36 {width:36px; height:36px; background-image:url(../images/icon/icon_category_orange_36.svg);}


/* ===========================
	라벨
=========================== */
/* .label {position:relative; display:inline-block; min-width:60px; height:32px; padding:0 15px; font-size:14px; line-height:30px; font-weight:500; text-align:center; border:1px solid #000; border-radius:0px; box-sizing:border-box;} */
.label {position:relative; display:inline-block; min-width:45px; height:24px; padding:0 6px; font-size:12px; line-height:24px; font-weight:400; text-align:center; border:1px solid #000; border-radius:4px; box-sizing:border-box;}
.label-hash-item {white-space:nowrap;}

/* 라벨 > 사이즈 */
.label.label-size-middle {min-width:40px; padding:0 5px; height:24px; font-size:12px; line-height:22px;}

/* 라벨 > 기본 */
.label-orange {color:#fff; border-color:#e37500; background-color:#e37500;}
.label-red {color:#fff; border-color:#d93b3b; background-color:#d93b3b;}
.label-mint {color:#fff; border-color:#8eb1b2; background-color:#8eb1b2;}
.label-black {color:#fff; border-color:#000; background-color:#000;}
.label-gray {color:#1a1a1a; border-color:#eceff4; background-color:#eceff4;}
.label-darkbrown {color:#fff; border-color:#3d3935; background-color:#3d3935;}

/* 라벨 > 테두리 */
.label-outline-orange {color:#e37500; border-color:#e37500; background-color:#fff;}
.label-outline-red {color:#d93b3b; border-color:#d93b3b; background-color:#fff;}
.label-outline-mint {color:#8eb1b2; border-color:#8eb1b2; background-color:#fff;}
.label-outline-black {color:#000; border-color:#000; background-color:#fff;}
.label-outline-gray {color:#8e8e8e; border-color:#8e8e8e; background-color:#fff;}
.label-outline-whitegray {color:#000; border-color:#d2d3d1; background-color:#fff;}
.label-outline-darkbrown {color:#3d3935; border-color:#3d3935; background-color:#fff;}
a.label-outline-mint {color:#8eb1b2; border-color:#8eb1b2; background-color:#fff;}

/* 라벨 > 라운딩 */
.label-round {border-radius:50px;}

/* 라벨 > 그룹 */
.label-group {}
.label-group-inner {}
.label-group .label-group-inner {display:flex; /* margin:-5px; */ margin: 0; flex-wrap:wrap;}
.label-group .label-group-inner .group-cell {padding: 0 2px;}

/* 해시태그 > 그룹 */
.hash-group .hash-group-inner {display:flex; margin:-5px;}
.hash-group .hash-group-inner .group-cell {padding:5px;}
.hash-item {font-size:16px; color:#757575; font-weight:300; line-height:18px; white-space:nowrap;}

/* 라벨 > 커스텀 */
.label.notice {height:36px; line-height:34px;}

/* 라벨 > 커스텀2 */
.label-opacity-orange {color: #1a1a1a; border-color: #FFEDE4; background-color: #FFEDE4;}



/* ===========================
	레이아웃
=========================== */
.small-container {position:relative; max-width:1010px; margin-left:auto; margin-right:auto;}
.wide-container {position:relative; max-width:1170px; margin-left:auto; margin-right:auto;}
.large-container {position:relative; max-width:1410px; margin-left:auto; margin-right:auto;}
.footer-wrap .large-container {max-width: 1760px;}
#wrap {overflow:hidden;}
#dBody {width:100%; padding:30px 0 120px 0;}
#contents {margin-top:30px; max-width:1170px; margin-left:auto; margin-right:auto;}
#contents.small-container {max-width:1010px;}
#contents.view {margin-top:40px;}

/* header */
#dHead {width:100%; height:100px;}
#dHead h1 {position:fixed; top:43px; left:70px; display:block; width:186px; height:22px; opacity:1; transition:opacity 0.35s ease, top 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940); z-index:1000; }
#dHead h1 > a {position:relative; display:block; width:100%; height:100%; font-size:0; }
/* 2022-11-02 수정 */
/* #dHead h1 > a:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/common/logo_white.png) center center no-repeat; opacity:0; transition:opacity 0.35s ease;} */
#dHead h1 > a:after {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/common/logo_color.png) center center no-repeat; opacity:1; transition:opacity 0.35s ease; background-size: contain;}

/* #dHead.main h1 > a:before {opacity:1;} */
/* #dHead.main h1 > a:after {opacity:1;} */
/* #dHead.main #gnb {position:absolute; top:80px; height:80px; background-color:#fff;}  */
/* 2022-11-04 수정 */
 /* // 2022-11-02 수정 */
/* #dHead.main #gnb:before {opacity:0;} 2022-11-04 삭제 */

/* #dHead.main .gnb-inner {visibility:hidden; transform:translate(0% , -100%);} 2022-11-02 삭제 */
/* #dHead.main #gnb:before {opacity:1;} */
/* 2022-11-04 수정 */
/* #dHead.main #gnb:after {opacity:0;} */

/* #dHead.main.scroll #gnb {background-color:rgba(255,255,255,1);}
#dHead.main.scroll #gnb:before {opacity:1;}
#dHead.main.scroll h1 {top:29px;}
#dHead.main.scroll #gnb {position:fixed; top:0;}  */
/* 2022-11-04 수정 */
/* #dHead.main.scroll #gnb:before {opacity:1;}
#dHead.main.scroll #gnb:after {display:none;}  */
/* 2022-06-14 수정 */
/* #dHead.main.scroll .btn-gnb-menu-toggle {top:10px;}
#dHead.main.scroll .btn-gnb-menu-toggle:before {opacity:0;}
#dHead.main.scroll .gnb-inner {transform:translate(0% , 0%); visibility:visible; transition-delay:0s;} */


/* 헤더 transparent */
/* #dHead.transp #gnb {background: 0;}
#dHead.transp #gnb .gnb-list .btn-gnb-one-item {color: #fff;}
#dHead.transp h1 > a:after {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/common/logo_white.png) center center no-repeat; opacity:1; transition:opacity 0.35s ease;}
#dHead.transp #gnb:before {display: none;}
#dHead.transp .global-list .btn-global-item.btn-header-search {background-image:url(../images/icon/icon_header_search-wht.png);}
#dHead.transp .global-list .btn-global-item.btn-header-mypage {background-image:url(../images/icon/icon_header_member-wht.png);}
#dHead.transp .language-menu .selected-menu {position:relative; display:block; width:24px; height:24px; font-size:0; background:url(../images/icon/icon_header_global-wht.png) left top no-repeat;}
#dHead.transp .global-wrap .btn-header-global {background: 0; color: #fff;}
#dHead.transp .global-wrap .btn-header-global span {font-size: 15px; color: #E0E0E0;}
#dHead.transp .btn-gnb-menu-toggle > span {background: #fff;} */








#dHead.scroll h1 > a:before,
#dHead.gnb-open h1 > a:before,
#dHead.search-open h1 > a:before{opacity:0;}
#dHead.scroll h1 > a:after,
#dHead.gnb-open h1 > a:after,
#dHead.search-open h1 > a:after{opacity:1;}

#dHead h1 {top:39px;}
#dHead #gnb {height:100px;}
#dHead #gnb:before {opacity:1;}
#dHead #gnb:after {opacity:1;}
#dHead .btn-gnb-menu-toggle {top:20px;}
#dHead .btn-gnb-menu-toggle:before {opacity:0;}
#dHead .gnb-inner {transform:translate(0% , 0%); visibility:visible; transition-delay:0s;}


.btn-gnb-menu-toggle {position:fixed; top:24px; right:70px; display:block; width:60px; height:60px; opacity:1; transition:opacity 0.35s ease, top 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940);z-index:1000;}
/* .btn-gnb-menu-toggle:before {content:''; position:absolute; top:50%; left:50%; display:block; width:100%; height:100%; border:2px solid #e37500; transform:translate(-50% , -50%) rotate(0.001deg); box-sizing:border-box; transition:width 0.15s ease, height 0.15s ease, opacity 0.35s ease; will-change:width , height;} */
.btn-gnb-menu-toggle:hover:before {width:110%; height:110%;}
.btn-gnb-menu-toggle > span {position:absolute; top:50%; left:50%; display:block; width:22px; height:2px; background-color:#043B72;}
.btn-gnb-menu-toggle > span:nth-child(1) {margin:-3px 0 0 -13px; transition:transform 0.15s 0.35s ease, width 0.25s 0.25s ease;}
.btn-gnb-menu-toggle > span:nth-child(2) {margin:-11px 0 0 -13px; transition:transform 0.15s 0.35s ease, width 0.25s 0.35s ease;}
.btn-gnb-menu-toggle > span:nth-child(3) {margin:6px 0 0 -13px; transition:transform 0.15s 0.35s ease, width 0.25s 0.45s ease;}
.btn-gnb-menu-toggle > span:nth-child(4) {width:26px; margin:-1px 0 0 -14px; transform:scale(0) rotate(-45deg); transition:transform 0.35s ease;}
.btn-gnb-menu-toggle > span:nth-child(5) {width:26px; margin:-1px 0 0 -14px; transform:scale(0) rotate(45deg); transition:transform 0.35s ease;}

#gnb {position:fixed; top:0; left:0; width:100%; height:108px; background-color:rgba(255,255,255,1); transition:background 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940), height 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940); will-change:height; z-index:950;}
#gnb:before {content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:1px; background:#ff6300; opacity:0; transition:opacity 0.25s ease; z-index:0;}
/* #gnb:after {content:''; position:absolute; bottom:0; right:-6px; display:block; width:556px; height:8px; background: rgb(237,113,0); background: linear-gradient(-90deg, rgba(237,113,0,1) 60%, rgba(231,40,15,1) 100%); opacity:0; transform:skew(-50deg, 0deg); transition:opacity 0.25s ease; z-index:1;} 2022-06-14 삭제 */

#dHead.gnb-open .btn-gnb-menu-toggle > span:nth-child(1),
#dHead.search-open .btn-gnb-menu-toggle > span:nth-child(1){left:auto; right:50%; margin-left:0; margin-right:-13px; width:0; transition-delay:0s;}
#dHead.gnb-open .btn-gnb-menu-toggle > span:nth-child(2),
#dHead.search-open .btn-gnb-menu-toggle > span:nth-child(2){left:auto; right:50%; margin-left:0; margin-right:-13px; width:0; transition-delay:0.1s;}
#dHead.gnb-open .btn-gnb-menu-toggle > span:nth-child(3),
#dHead.search-open .btn-gnb-menu-toggle > span:nth-child(3){left:auto; right:50%; margin-left:0; margin-right:-3px; width:0; transition-delay:0.2s;}
#dHead.gnb-open .btn-gnb-menu-toggle > span:nth-child(4),
#dHead.search-open .btn-gnb-menu-toggle > span:nth-child(4){transform:scale(1) rotate(-45deg); transition-delay:0.2s;}
#dHead.gnb-open .btn-gnb-menu-toggle > span:nth-child(5),
#dHead.search-open .btn-gnb-menu-toggle > span:nth-child(5){transform:scale(1) rotate(45deg); transition-delay:0.3s;}
#dHead.gnb-open .btn-gnb-menu-toggle:before,
#dHead.search-open .btn-gnb-menu-toggle:before{opacity:1;}
/* #dHead.gnb-open h1,
#dHead.search-open h1{top:43px;}
#dHead.gnb-open .btn-gnb-menu-toggle,
#dHead.search-open .btn-gnb-menu-toggle{top:24px;} */

/* #dHead.main .btn-gnb-menu-toggle:after {content:'MENU'; position:absolute; top:50%; right:100%; display:inline-block; height:30px; font-size:13px; line-height:30px; color:#fff; font-weight:700; border-radius:15px; padding:0 15px; background:#343431; margin-top:-15px; opacity:1;} 2022-11-02 삭제 */
#dHead.main.scroll .btn-gnb-menu-toggle:after {display:none;}
#dHead.main.gnb-open .btn-gnb-menu-toggle:after {display:none;}

.gnb-inner {position:absolute; top:0; left:0; width:100%; height:100%; padding:0 355px; box-sizing:border-box; transform:translate(0% , -100%); visibility:hidden; transition:transform 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940), visibility 0s 0.25s ease;;}
.gnb-list {display:flex; align-items:flex-start;}
.gnb-list .gnb-list-cell {position:relative; z-index:0;}
.gnb-list .btn-gnb-one-item {display:block; padding:0 20px; font-size:18px; color: #043B72; line-height:100px; font-weight:700; white-space:nowrap; transition:color 0.25s ease;}
.gnb-list .gnb-list-cell.actived > .btn-gnb-one-item,
.gnb-list .gnb-list-cell.hover > .btn-gnb-one-item,
.gnb-list .gnb-list-cell.focus > .btn-gnb-one-item{color:#e37500;}
.gnb-list .gnb-list-cell.hover,
.gnb-list .gnb-list-cell.focus{z-index:2;}
.gnb-list .gnb-list-cell.hover > .snb-wrap,
.gnb-list .gnb-list-cell.focus > .snb-wrap{opacity:1; transform:translate(0px , 0px); visibility:visible; transition-delay:0s;}

/* .snb-wrap {position:absolute; top:100%; left:0; padding-top:10px; margin-left:-10px; display:block;} */
.snb-wrap {position:absolute; top:100%; left:0; margin-left:-10px; display:block; visibility:hidden; transform:translate(0px , 20px); opacity:0; transition:opacity 0.25s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), transform 0.25s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), visibility 0s 0.25s ease;}
.snb-list {min-width:246px; padding:29px 30px; background-color:#fff; box-sizing:border-box; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.snb-list > li {position: relative;}
.snb-list > li.has-3depth::after {content: ""; width: 16px; height: 16px; background: url("../images/common/3depth-ico.svg") no-repeat; display: block; position: absolute; top: 3px; right: 0; transition:all 0.25s ease;}
.snb-list > li.has-3depth:hover::after {content: ""; background: url("../images/common/3depth-ico-on.svg") no-repeat;}
.snb-list > li + li {margin-top:16px;}
.snb-list > li > a {display:block; font-size:16px; line-height:24px; color:#001B3C; font-weight:500; transition:color 0.25s ease;}
.snb-list > li.actived > a,
.snb-list > li > a:hover {color:#e37500;}
.snb-list > li > ul {position: absolute; background: #FFFFFF;	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); width: 240px; padding: 30px; right: -260px; top: 0; box-sizing: border-box; display:block; visibility:hidden; transform:translate(0px , 20px); opacity:0; transition:opacity 0.25s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), transform 0.25s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), visibility 0s 0.25s ease;}
.snb-list > li.hover > ul ,
.snb-list > li.focus > ul {opacity:1; transform:translate(0px , 0px); visibility:visible; transition-delay:0s;}
.snb-list > li.focus > ul{z-index:2;}


.snb-list > li > ul > li + li {margin-top:10px;}
.snb-list > li > ul > li > a {position:relative; display:inline-block; padding-left:12px; font-size:16px; line-height:24px; color:#8e8e8e; font-weight:500; font-size: 15px; color: #001B3C; line-height: 22px; transition:color 0.25s ease;}
.snb-list > li > ul > li > a:hover {color:#e37500;}

/* .snb-list > li > ul > li > a:before {content:'-'; position:absolute; top:0; left:0; display:block;} */

.global-wrap {position:absolute; top:0; right:145px; height:100px; display:flex; align-items:center;}
.global-wrap .btn-header-global {margin-right: 32px; min-width: 164px; border-radius: 2px; height: 40px; background: #E37500; color: #fff; border: 0; position: relative;}
.global-wrap .btn-header-global:hover {color: #fff;  background: #d16c00;}

.global-list {display:flex; align-items:center;}
.global-list > li + li {margin-left:24px;}
.global-list .btn-global-item {display:block; width:24px; height:24px; font-size:0; background-repeat:no-repeat; background-position:center center;}
.global-list .btn-global-item.btn-header-search {background-image:url(../images/icon/icon_header_search.svg);}
.global-list .btn-global-item.btn-header-mypage {background-image:url(../images/icon/icon_header_member.svg);}

.language-menu {position:relative; display:inline-flex; align-items:center; height:80px;}
.language-menu .selected-menu {position:relative; display:block; width:24px; height:24px; font-size:0; background:url(../images/icon/icon_header_global.svg) left top no-repeat;}
/* .language-menu .selected-menu:after {content:''; position:absolute; top:50%; right:0; display:block; width:0; height:0; margin-top:-2px; border-style:solid; border-width: 4px 4px 0 4px; border-color: #333 transparent transparent transparent;} */
/* .language-menu .menu-list {position:absolute; top:85%; left:50%; margin-left:-51px; padding-top:10px; } */
.language-menu .menu-list {position:absolute; top:85%; left:50%; margin-left:-51px; padding-top:10px; visibility:hidden; transform:translate(0px , 20px); opacity:0; transition:opacity 0.25s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), transform 0.25s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), visibility 0s 0.25s ease;}
.language-menu .menu-list > ul {min-width:102px; padding:19px 10px; text-align:center; background-color:#fff; box-sizing:border-box; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.language-menu .menu-list > ul > li + li {margin-top:8px; border-top: 1px solid #EEEEEE; padding-top: 8px;}
.language-menu .menu-list > ul > li > a {font-size: 15px; line-height: 22px; font-weight:500; color:#949494;}
.language-menu .menu-list > ul > li > a.on {color: #E37500;}
.language-menu.actived .menu-list,
.language-menu.focus .menu-list {opacity:1; transform:translate(0px , 0px); visibility:visible; transition-delay:0s;}



/* header > 통합검색 */
.header-search-wrap {position:fixed; top:0; left:0; width:100%; height:0; overflow:hidden; visibility:hidden; background-color:rgba(0,0,0,0.4); z-index:980; transition:height 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940), visibility 0s 0.35s ease; will-change:height;}
.header-search-inner {position:absolute; top:0; left:0; width:100%; background-color:#fff;/* transform:translate(0px , 20px); transition:transform 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940);*/}
#dHead.search-open .header-search-wrap {height:100vh; visibility:visible; transition-delay:0s;}
#dHead.search-open .header-search-inner {/*transform:translate(0px , 0px);*/}
.header-search-data {padding:108px 0 90px 0; max-width:1170px; margin:0 auto;}
.header-search-data .header-search-group {position:relative; padding:0 265px;}
.header-search-data .header-search-group .header-search-title {position:absolute; top:0; left:0; line-height:66px; width:auto;}
.header-search-data .header-search-group .header-search-input {width:100%;}
.header-search-data .header-search-input .input {position:relative;}
.header-search-data .header-search-input .input > input {height:66px; padding:0 58px 0 0;}
.header-search-data .header-search-input .btn-header-search-go {right:0;}
/* .header-search-data .header-search-input .header-keyword {margin-top:20px;}
.header-search-data .header-search-input .header-keyword ~ .header-keyword {margin-top:15px;}
.header-search-data .header-search-input .header-keyword-title {padding:5px 0; line-height:36px;}
.header-search-data .header-search-input .header-keyword-list {padding:0;}
.header-search-data .header-search-input .header-keyword-list > ul {margin:-5px -4px;}
.header-search-data .header-search-input .header-keyword-list > ul > li {padding:5px 4px;}
.header-search-data .header-search-input .header-keyword-list > ul > li > button,
.header-search-data .header-search-input .header-keyword-list > ul > li > a  {padding:0 20px; font-size:14px; line-height:34px; color:#3d3935; border-radius:18px; background-color:#f4f4f4; border:1px solid #f4f4f4;}
.header-search-data .header-search-input .header-keyword.thema-keyword .header-keyword-title {color:#e37500;}
.header-search-data .header-search-input .header-keyword.thema-keyword .header-keyword-list > ul > li > button,
.header-search-data .header-search-input .header-keyword.thema-keyword .header-keyword-list > ul > li > a {color:#e37500; border-color:#e37500; background-color:#fff;} */

.header-search-data .header-search-input .header-keyword {position:relative; width:100% ;margin-top:5px; padding-left:142px; box-sizing:border-box;}
.header-search-data .header-search-input .header-keyword-title {line-height:66px;}
.header-search-data .header-search-input .header-keyword-list {padding:15px 0;}
.header-search-data .header-search-input .header-keyword-list > ul {margin:-5px -4px;}
.header-search-data .header-search-input .header-keyword-list > ul > li {padding:4px;}
.header-search-data .header-search-input .header-keyword-list > ul > li > button,
.header-search-data .header-search-input .header-keyword-list > ul > li > a {padding: 9px 20px 9px 20px; font-size:14px; line-height:24px; color:#2e2e2e; font-weight:500; white-space:nowrap; border-radius:50px; background-color:#f4f4f4; box-sizing:border-box;}
.header-search-data .header-search-input .header-keyword.thema-keyword .header-keyword-list > ul > li > button,
.header-search-data .header-search-input .header-keyword.thema-keyword .header-keyword-list > ul > li > a {color:#2e2e2e;}
.header-search-data .header-search-input .thema-keyword .header-keyword-title {color:#e37500;}
.header-search-data .header-search-input .thema-keyword .header-keyword-list > ul > li > button,
.header-search-data .header-search-input .thema-keyword .header-keyword-list > ul > li > a {border:1px solid #C9C9C9; background-color:#fff; background: url(../images/icon/chip-chk1.svg) no-repeat right 15px top 13px;}
.header-search-data .header-search-input .thema-keyword .header-keyword-list > ul > li > button.actived,
.header-search-data .header-search-input .thema-keyword .header-keyword-list > ul > li > a.actived {color:#e37500; padding: 9px 40px 9px 20px; background: url(../images/icon/chip-chk.svg) no-repeat right 15px top 13px; border: 1px solid #e37500;}
/* .header-search-data .header-search-input .thema-keyword .header-keyword-list > ul > li > a.actived {color:#e37500; border-color:#e37500; } */


/* header > 전체메뉴 */
.header-all-wrap {position:fixed; top:0; left:0; width:100%; height:0; overflow:hidden; visibility:hidden; background-color:#fff; z-index:980; transition:height 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940), visibility 0s 0.35s ease; will-change:height;}
.header-all-inner {position:absolute; top:0; left:0; width:100%; height:100vh; overflow-x:hidden; overflow-y:auto; /*transform:translate(0px , 20px);*/ transition:transform 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.header-all-data {padding:122px 0 60px 0; max-width:1170px; margin:0 auto;}
#dHead.gnb-open .header-all-wrap {height:100vh; visibility:visible; transition-delay:0s;}
#dHead.gnb-open .header-all-inner {/*transform:translate(0px , 0px);*/}

.header-all-wrap .header-search-group {margin-top:87px; padding-top:55px; border-top:1px solid #d7d7d7;}

.header-menu-list-wrap {display:flex;}
.header-menu-list {flex:1;}
.header-menu-list > ul {display:flex; margin:0 -20px;}
.header-menu-list > ul > li {flex:1; padding:0 20px;}
.header-menu-list > ul > li > a {font-size:24px; line-height:48px; color:#000; font-weight:700;}
.header-menu-list > ul > li > ul {margin-top:17px;}
.header-menu-list > ul > li > ul > li + li {margin-top:16px;}
.header-menu-list > ul > li > ul > li > a {font-size:16px; line-height:24px; color:#3d3935; font-weight:500;}
.header-menu-list > ul > li > ul > li > ul {margin-top:14px;}
.header-menu-list > ul > li > ul > li > ul > li {}
.header-menu-list > ul > li > ul > li > ul > li + li {margin-top:13px;}
.header-menu-list > ul > li > ul > li > ul > li > a {position:relative; display:inline-block; padding-left:12px; font-size:16px; line-height:24px; color:#8e8e8e; font-weight:500;}
.header-menu-list > ul > li > ul > li > ul > li > a:before {content:'-'; position:absolute; top:0; left:0; display:block;}

.header-member-wrap {flex:0 0 auto; width:235px; padding-left:35px; box-sizing:border-box;}
.header-member-wrap .user-name {padding:6px 0; font-size:24px; font-weight:700; color:#000; line-height:36px;}
.header-member-wrap .user-name strong {color:#e37500;}
.header-member-wrap .user-name + .user-log-info {margin-top:17px;}
.header-member-wrap .user-log-info {font-size:14px; line-height:21px; color:#8e8e8e;}
.header-member-wrap .user-log-info em {display:block; margin-bottom:4px;}
.header-member-wrap .user-log-info + .user-certific-info {margin-top:8px;}
.header-member-wrap .user-certific-info .btn-user-certific {position:relative; padding:0 0 0 23px; font-size:14px; color:#3d3935; line-height:22px;}
.header-member-wrap .user-certific-info .btn-user-certific:before {content:''; position:absolute; top:50%; left:0; display:block; width:18px; height:18px; margin-top:-9px; background:url('../images/icon/icon_info_orange_18.png')no-repeat center center; background-size:auto 100%;}
.header-member-wrap .user-name + .user-action-list {margin-top:18px;}
.header-member-wrap .user-log-info + .user-action-list {margin-top:21px;}
.header-member-wrap .user-certific-info + .user-action-list {margin-top:16px;}
.header-member-wrap .user-action-list {padding:22px 0; border-top:2px solid #000; border-bottom:1px solid #d7d7d7;}
.header-member-wrap .user-action-list .list-cell + .list-cell {margin-top:24px;}
.header-member-wrap .user-action-list .list-cell > a {font-size:18px; line-height:24px; color:#000; font-weight:700;}
.header-member-wrap .user-action-list .list-cell > a > em {display:inline-block; min-width:24px; margin-left:8px; padding:0 10px; height:24px; font-size:12px; line-height:24px; color:#fff; font-weight:500; border-radius:12px; background-color:#e37500; box-sizing:border-box;}
.header-member-wrap .user-btns {margin-top:20px;}
.header-member-wrap .user-btns .btns-cell:only-child {margin-top:40px;}
.header-member-wrap .user-btns .btns-cell {margin-top:20px;}
.header-member-wrap .user-btns .btn-basic {min-width:120px;}

.header-search-group {display:flex;}
.header-search-group .header-search-title {width:50%; padding-top:0; font-size:36px; line-height:56px; color:#000; font-weight:700; box-sizing:border-box;}
.header-search-group .header-search-title strong {color:#e37500;}
.header-search-group .header-search-input {width:50%;}

.header-search-input .input {position:relative;}
.header-search-input .input > input {height:70px; padding:0 120px 0 0; line-height:1; color:#333; border-bottom:6px solid #e37500;}
.header-search-input .btn-header-search-go {position:absolute; top:50%; right:48px; width:48px; height:48px; display:block; margin-top:-24px; font-size:0; background:url(../images/icon/icon_search_orange_36.svg) center center no-repeat; z-index:2;}
.header-search-input .btn-header-filter {position:absolute; top:50%; right:0; width:48px; height:48px; display:block; margin-top:-24px; font-size:0; background:url(../images/icon/icon_category_orange_36.png) center center no-repeat; z-index:2;}
.header-search-input .header-keyword {position:relative; width:100%;margin-top:10px; padding-left:100px; box-sizing:border-box;}
.header-search-input .header-keyword ~ .header-keyword {margin-top:0;}
.header-search-input .header-keyword-title {position:absolute; top:0; left:0; font-size:18px; line-height:48px; color:#000; font-weight:700;}
.header-search-input .header-keyword-list {padding:11px 0; box-sizing:border-box;}
.header-search-input .header-keyword-list > ul { display:flex; margin:-2px -9px; flex-wrap:wrap;}
.header-search-input .header-keyword-list > ul > li {padding:4px;}
.header-search-input .header-keyword-list > ul > li > button, .header-search-input .header-keyword-list > ul > li > a  {padding: 6px 20px; box-sizing: border-box; background-color: #f4f4f4; font-size: 14px; line-height: 24px; color: #3d3935; font-weight: 500; white-space: nowrap; border-radius: 18px;} /* 2023-01-12 접근성 1차 수정 */
.header-search-input .header-keyword.thema-keyword .header-keyword-list > ul > li > button,
.header-search-input .header-keyword.thema-keyword .header-keyword-list > ul > li > a {color:#e37500;}

/* header-global-wrap */
.header-global-wrap {position:fixed; display:flex; align-items:center; width:100%; height:100px; background-color:#fff; z-index:2;}
.header-global-wrap:before {content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:1px; background-color:#ff6300; z-index:0;}
/* .header-global-wrap:after {content:''; position:absolute; bottom:0px; right:-6px; display:block; width:556px; height:8px; background:rgb(237,113,0); background:linear-gradient(-90deg, rgba(237,113,0,1) 60%, rgba(231,40,15,1) 100%); transform:skew(-50deg,0deg); z-index: 1;} 2022-06-14 삭제 */
.header-global-wrap .header-global-inner {display:flex; align-items:center; margin-left:auto; padding-right:140px; box-sizing:border-box;}
.header-global-wrap .btn-header-global {margin-right:32px; height: 40px; border-radius: 2px; /* background: #FFEDE4; border: 0; */ min-width: 164px; background: #E37500; color: #fff; border: 0;}
.header-global-wrap .btn-header-global span {font-size: 15px; /* color: #E37500; */}
.header-global-wrap .btn-header-global:hover {color: #fff;  background: #d16c00;}




/* ETF 찾아보기 */
/* .srch-etf {background: #fff; width: 1060px; padding: 40px 0 40px 40px; box-sizing: border-box; display: flex; height: 737px; position: absolute; overflow: hidden; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); right: 150px; top: 120px; transition: all .3s;} */
.srch-etf {background: #fff; width: 1060px; padding: 40px 0 40px 40px; box-sizing: border-box; display: flex; height: 737px; position: fixed; overflow: hidden; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); right: 53px; top: 120px; opacity: 0; transition: all .3s; display: none; z-index: 10;}
.srch-etf::before {content: ""; width: 1px; height: calc(100% - 80px); background: #E0E0E0; display: block; position: absolute; top: 40px; left: 360px;}
.srch-etf::after {content: ""; width: 1px; height: calc(100% - 80px); background: #E0E0E0; display: block; position: absolute; top: 40px; right: 330px;}
.srch-etf.on {opacity: 1; top: 100px;}
.srch-etf .page1 {padding-right: 30px; width: 300px; height: 100%; overflow-y: auto;}
.srch-etf .page1::-webkit-scrollbar {width: 8px;}
.srch-etf .page1::-webkit-scrollbar-track {background: #E0E0E0; border-radius: 50px;}
.srch-etf .page1::-webkit-scrollbar-thumb {background: #ABABAB; border-radius: 50px;}
.srch-etf .page1 a {font-weight: 500; font-size: 20px; line-height: 28px; color: #000; display: block; position: relative; letter-spacing: -0.02em;}
.srch-etf .page1 a + a {margin-top: 20px;}
.srch-etf .page1 a.on {color: #E37500;}
.srch-etf .page1 a::after {content: ""; width: 16px; height: 16px; background: url("../images/icon/page-next.svg") no-repeat; display: block; position: absolute; top: 5px; right: 0;}
.srch-etf .page1 a.on::after {content: ""; width: 16px; height: 16px; background: url("../images/icon/page-next-on.svg") no-repeat; display: block; position: absolute; top: 5px; right: 0;}
.srch-etf .page2 {padding: 0 30px; width: 380px; box-sizing: border-box; height: 100%; overflow-y: auto;}
.srch-etf .page2::-webkit-scrollbar {width: 8px;}
.srch-etf .page2::-webkit-scrollbar-track {background: #E0E0E0; border-radius: 50px;}
.srch-etf .page2::-webkit-scrollbar-thumb {background: #ABABAB; border-radius: 50px;}
.srch-etf .page2 li {display: none;}
.srch-etf .page2 li.on {display: block;}
.srch-etf .page2 a {font-size: 18px; line-height: 28px; color: #757575; position: relative; display: block; letter-spacing: -0.02em; padding-right: 20px;}
.srch-etf .page2 a + a {margin-top: 16px;}
.srch-etf .page2 a.on {color: #E37500;}
.srch-etf .page2 a::after {content: ""; width: 16px; height: 16px; background: url("../images/icon/page-next.svg") no-repeat; display: block; position: absolute; top: 5px; right: 0; opacity: .5;}
.srch-etf .page2 a.on::after {content: ""; width: 16px; height: 16px; background: url("../images/icon/page-next-on.svg") no-repeat; display: block; position: absolute; top: 5px; right: 0; opacity: 1;}
.srch-etf .page3 {height: 657px; overflow-y: auto; width: 340px; overflow-x: hidden; box-sizing: border-box; padding-left: 30px;  padding-bottom: 80px;}
.srch-etf .page3::-webkit-scrollbar {width: 8px;}
.srch-etf .page3::-webkit-scrollbar-track {background: #E0E0E0; border-radius: 50px;}
.srch-etf .page3::-webkit-scrollbar-thumb {background: #ABABAB; border-radius: 50px;}  
.srch-etf .page3::after {content: ""; width: 300px; transform: matrix(1, 0, 0, -1, 0, 0); display: block; background: linear-gradient(360deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); height: 110px; position: absolute; bottom: 0; right: 25px;}
/* .srch-etf .page3::before {content: ""; width: 1px; height: 657px; display: block; background: #E0E0E0; position: absolute; right: 15px;} */
.srch-etf .page3 ul {display: none;}
.srch-etf .page3 ul.on {display: block;}
.srch-etf .page3 ul li a {display: block; border: 1px solid #eee; border-radius: 12px; min-height: 110px; padding: 15px 20px; box-sizing: border-box; position: relative; width: 270px; transition: all .3s;}
.srch-etf .page3 ul li a:hover {border: 1px solid #E37500;}
.srch-etf .page3 ul li a + a {margin-top: 10px;}
.srch-etf .page3 ul li {display: none;}
.srch-etf .page3 ul li.on {display: block;}
.srch-etf .page3 ul li a p:first-of-type {font-weight: 700; font-size: 16px; line-height: 24px;}
.srch-etf .page3 ul li a p:last-of-type {font-weight: 300; font-size: 13px; line-height: 19px; color: #2E2E2E; margin-top: 36px;}
.srch-etf .page3 ul li a span {position: absolute; bottom: 11px; right: 20px; color: #D93B3B;}
.srch-etf .page3 ul li a span b {font-weight: 500; font-size: 22px; line-height: 32px; vertical-align: initial; padding-right: 2px;}
.srch-etf > p {position: absolute; bottom: 40px; left: 40px; font-size: 14px; font-style: normal; font-weight: 400; color: #757575;     background: url("../images/main/clock-ico.png") no-repeat 0 center; padding-left: 27px; background-size: contain;}












 

/*


/*

*/

/* location */
.location-wrap {}
.location-list {display:flex; justify-content:flex-end; align-items:center; height:24px;}
.location-list > li {position:relative; padding-left:28px; font-size:15px; line-height:18px; color:#757575; font-weight: 500;}
.location-list > li:first-child:before {display:none;}
.location-list > li:before {content:''; position:absolute; top:50%; left:10px; display:block; width:9px; height:14px; transform: translateY(-50%); background: url(../images/icon/icon_arrow_gray.svg) no-repeat;}
/* .location-list > li:before {content:''; position:absolute; top:50%; left:6px; display:block; width:18px; height:18px; margin-top:-9px; background:url(../images/icon/icon_arrow_gray_18.png) left top no-repeat;} */

/* footer */
#dFoot {position:relative; z-index:10;}
/* #dFoot {position:relative; z-index:5;} */
.footer-wrap {padding:40px 0; font-size:14px; line-height:22px; font-weight:500; border-top:1px solid #e4e4e4; background-color:#FBFAFF;}
.footer-logo {position:relative; width:170px; height:60px;}
.footer-logo > a {position:absolute; top:0; left:0; display:block; width:100%; height:100%; font-size:0; background:url(../images/common/footer_logo.png) left top no-repeat;}
.footer-menu {margin-top:80px}
.footer-menu-list {display:flex;}
.footer-menu-list > li {position:relative; padding:0 20px;}
.footer-menu-list > li:before {content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:16px; margin-top:-8px; background-color:#d6d6d6;}
.footer-menu-list > li:first-child {padding-left:0;}
.footer-menu-list > li:first-child:before {display:none;}
.footer-menu-list > li > a { font-size:16px; font-weight:500; color:#757575;}
.footer-menu-list > li:nth-of-type(2) > a {font-weight:700; color: #000;}
.footer-address {margin-top:30px; color:#000; line-height:24px; font-size: 14px; line-height: 22px; color: #2E2E2E;}
.footer-info {margin-top:40px;}
.footer-info > ul > li {position:relative; color:#757575; font-weight: 400; font-size: 13px; line-height: 20px;}
/* .footer-info > ul > li + li {margin-top:7px;} */
/* .footer-info > ul > li:before {content:'·'; position:absolute; top:0; left:0;} */
.footer-info-date {margin-top:20px; color:#2E2E2E; font-size: 14px; line-height: 22px; padding-bottom: 26px; border-bottom: 1px solid #E0E0E0;}
.footer-global {position:absolute; top:12px; right:0; display:flex; align-items:center; z-index:1;}
.footer-global .btn-family-toggle {display:inline-block; font-size: 16px; line-height: 26px; background: #EEEEEE; border-radius: 2px; padding: 11px 24px; font-weight: 500; margin-left: 40px;}
/* .footer-global .btn-family-toggle {display:inline-block; height:48px; margin-left:40px; width:212px; padding:0; text-align:center; font-size:14px; line-height:46px; color:#3d3935; font-weight:300; background-color:#fff; border-radius:24px; border:1px solid #e5e6e5;} */
.footer-global .btn-en-view {position:absolute; top:48px; right:0; display:inline-block; width:212px; height:48px; margin-top:10px; padding:0;  text-align:center; font-size:14px; line-height:46px; color:#3d3935; font-weight:300; background-color:#fff; border-radius:24px; border:1px solid #e5e6e5;}
.footer-sns-menu {position:relative; display:inline-flex; align-items:center;}
.footer-sns-menu > li > a {display:block; font-size:0; line-height:1; background-repeat:no-repeat; background-position:center center;}
.footer-sns-menu > li + li {margin-left:24px;}
.footer-sns-menu .btn-footer-sns-wia {width:42px; height:32px;  background-image:url(../images/icon/icon_footer_sns_wia.png);}
.footer-sns-menu .btn-footer-sns-privacy {width:32px; height:32px; background-image:url(../images/icon/icon_footer_sns_privacy.png);}
.footer-sns-menu .btn-footer-sns-facebook {width:32px; height:32px; background-image:url(../images/icon/icon_footer_sns_facebook.png);}
.footer-sns-menu .btn-footer-sns-instagram {width:32px; height:32px; background:url(../images/icon/icon_footer_sns_instagram.png) no-repeat 50% 60%; background-size: 21px;} /* 2022-08-29 추가 */
.footer-sns-menu .btn-footer-sns-naverblog {width:32px; height:32px; background-image:url(../images/icon/icon_footer_sns_naverblog.png);}
.footer-sns-menu .btn-footer-sns-youtube {width:32px; height:32px; background-image:url(../images/icon/icon_footer_sns_youtube.png);}


.footer-family-site {position: absolute; right: 0; bottom: 80px;}
.footer-family-site > a {font-weight: 700; font-size: 16px; line-height: 26px; padding-right: 22px; position: relative; transition: color 0.25s ease;}
.footer-family-site.on > a {color: #E37500;}
.footer-family-site > a::after {content: ""; width: 16px; height: 16px; background: url("../images/icon/footer-arrow-ico.png") no-repeat; background-size: contain; display: inline-block; position: absolute; top: 3px; right: 0; transition: all .25s;}
.footer-family-site.on > a::after {background: url("../images/icon/footer-arrow-ico-on.png") no-repeat; background-size: contain;}
.footer-family-site div {background: pink; width: 206px; padding: 30px; background: #fff; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); position: absolute; bottom: 36px; right: 0; opacity: 0; display: none; transition: all 0.25s; z-index: 9999999;}
.footer-family-site.on div {opacity: 1; bottom: 46px;}
.footer-family-site div a {display: block; font-weight: 500; font-size: 15px; line-height: 22px; color: #001B3C;}
.footer-family-site div a + a {margin-top: 10px; transition: color 0.25s ease;}
.footer-family-site div a:hover {color: #E37500;}


#page-ui {position:fixed; bottom:20px; right:70px; display:block; width:60px; height:60px; z-index:1500; transform:translate(0px , 0px); transition:transform 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
#page-ui.actived { transform:translate(0px , -100px);}
#page-ui.basic {transition:none;}
#page-ui.off {position:absolute; bottom:100%; right:70px; margin-bottom:-30px; transition:none;  transform:translate(0px , 0px);}
.btn-page-top {position:absolute; top:0; left:0; width:60px; height:60px; font-size:0px; border-radius:50%; background:#000; visibility:hidden; opacity:0; transition:visibility 0s 0.35s ease, opacity 0.35s 0s ease;}
.btn-page-top:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/icon/icon_page_top_arrow.png) center center no-repeat; }
.btn-page-top.actived {visibility:visible; opacity:1; transition:visibility 0s 0s ease, opacity 0.35s 0s ease;}

.btn-page-lastest {position:absolute; bottom:197px; right:3px; display:block; width:54px; height:54px; background:#fff; border-radius:30px; overflow:hidden; transition:width 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940), background 0.25s ease; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);}
.btn-page-lastest > span {position:absolute; top:0; right:60px; display:block; font-size:16px ;color:#fff; font-weight:500; line-height:54px; white-space:nowrap;}
.btn-page-lastest:before {content:''; position:absolute; top:0; right:0; display:block; width:54px; height:54px; background:url(../images/icon/icon_page_lastest_off.png) left top no-repeat; opacity:1; transition:opacity 0.25s ease;}
.btn-page-lastest:after {content:''; position:absolute; top:0; right:0; display:block; width:54px; height:54px; background:url(../images/icon/icon_page_lastest_on.png) left top no-repeat; opacity:0; transition:opacity 0.25s ease;}
.btn-page-lastest:hover {width:138px; background-color:#e37500;}
.btn-page-lastest:hover:before {opacity:0;}
.btn-page-lastest:hover:after {opacity:1;}
.btn-page-bookmark {position:absolute; bottom:122px; right:3px; display:block; width:54px; height:54px; background:#fff; border-radius:30px; overflow:hidden; transition:width 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940), background 0.25s ease; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);}
.btn-page-bookmark > span {position:absolute; top:0; right:60px; display:block; font-size:16px ;color:#fff; font-weight:500; line-height:54px; white-space:nowrap;}
.btn-page-bookmark:before {content:''; position:absolute; top:0; right:0; display:block; width:54px; height:54px; background:url(../images/icon/icon_page_bookmark_off.png) left top no-repeat; opacity:1; transition:opacity 0.25s ease;}
.btn-page-bookmark:after {content:''; position:absolute; top:0; right:0; display:block; width:54px; height:54px; background:url(../images/icon/icon_page_bookmark_on.png) left top no-repeat; opacity:0; transition:opacity 0.25s ease;}
.btn-page-bookmark:hover {width:138px; background-color:#e37500;}
.btn-page-bookmark:hover:before {opacity:0;}
.btn-page-bookmark:hover:after {opacity:1;}

.compare-bar-wrap {position:fixed; bottom:0; left:0; display:block; width:calc(100% - 60px); padding:16px 30px; background:#723600; z-index:999999; transform:translate(0% , 100%); visibility:hidden; transition:transform 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940), visibility 0s 0.1s ease; /* border-radius: 8px; */}
.compare-bar-wrap.actived {transform:translate(0% , 0%); visibility:visible; transition:transform 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940), visibility 0s 0s ease;}
.compare-bar-data {display:flex; align-items:center;}
.compare-item-list {flex:1; width:100%; overflow:hidden;}
.compare-item-list .list-inner {display:flex; margin:0 -15px;}
.compare-item-list .list-cell {width:33.33%; padding:0 15px; box-sizing:border-box;}
.compare-item-ui {flex:0 0 auto; margin-left:60px;}
.compare-item-ui .btn-basic + .btn-basic {margin-left:10px;}
.compare-item-ui .btn-darkgray {min-width: 100px;}
/* .compare-item-ui .btn-gray {background-color:#757575; border-color:#757575;} */
.compare-bar-item {position:relative; padding-right:34px; font-size:16px; line-height:24px; color:#fff; font-weight:700;}
.compare-bar-item .name {width:100%; height:24px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.compare-bar-item .btn-compare-del {position:absolute; top:0; right:0; display:block; width:24px; height:24px; font-size:0; background:url('../images/icon/icon_pop_close_white_24.svg') no-repeat center center; z-index:1;}


/* 플로팅 버튼 */
.float {position: fixed; bottom: 40px; right: 70px; display: block; z-index: 999999;}
.float.stop-fixed {position: absolute !important; bottom: unset; top: -174px;}
.float .go-top {width: 60px; height: 60px; background: url("../images/common/top-ico.svg") no-repeat; display: block; box-shadow: 0px 16px 16px rgba(0, 0, 0, 0.1); border-radius: 100%; margin-bottom: 10px; opacity: 0; transition: all .3s;}
.float .fab {width: 60px; height: 60px; background: url("../images/common/fab-ico.svg") no-repeat; display: block; box-shadow: 0px 16px 16px rgba(0, 0, 0, 0.1); border-radius: 100%;}

/* 최근검색/즐겨찾기 레이어팝업 */
.circle {border-radius: 50% 50% 27px 50%; width: 0px; height: 0px; background: #EEEEEE; position: fixed; right: 40px; bottom: 40px; opacity: 1;z-index: 9999999;}
.circle.expend {width: 130vw; height: 130vh; border-radius: 0px 0px 27px 0px;  transition: all .5s cubic-bezier(0.000, 0.995, 0.990, 1.000); }
.fab-bg {width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; opacity: 0; display: none;}

/* .circle.shrink {bottom: unset; right: unset; top: 0; left: -120vw;} */

.fab-layer {width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999999; display: none;}
/* .fab-layer {width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; z-index: 9999999;} */
.fab-layer .con-area {width: calc(100% - 40px); height: calc(100% - 40px); border-radius: 0px 0px 27px 0px; padding: 100px 0 30px 0; box-sizing: border-box; display: flex; position: relative; overflow: hidden; opacity: 0; background: #FAFAFA;}
.fab-layer .con-area::after {content: ""; display: block; background: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, #FAFAFA 40.14%); ; width: calc(100% - 500px); height: 65px; position: absolute; bottom: 102px; left: 420px;}
.fab-layer.on {display: block;}
/* .fab-layer.on .con-area {opacity: 1;} */
.fab-layer .left {width: 400px; padding-left: 60px; box-sizing: border-box;}
.fab-layer .left .tab {opacity: 0; transform: translateY(-50px) scale(.98);}
.fab-layer .left .tab a {display: block; color: #001B3C; opacity: .5; transition: all .2s;}
.fab-layer .left .tab a span:first-of-type {font-weight: 700; font-size: 32px; line-height: 45px; letter-spacing: -0.006em; }
.fab-layer .left .tab a span:last-of-type {font-size: 15px; line-height: 24px; transform: translateY(-7px); display: inline-block;}
.fab-layer .left::after {content: ""; background: #E0E0E0; display: block; width: 1px; height: 100vh; position: absolute; top: 0; left: 400px;}
.fab-layer .left .tab a.on {color: #FF8300; opacity: 1;}
.fab-layer .left .tab a + a {margin-top: 35px;}
.fab-layer .right {padding-left: 60px; width: calc(100% - 430px); box-sizing: border-box; opacity: 0; transform: translateY(-50px) scale(.98);}
.fab-layer .right .scrl {width: 100%; overflow-y: auto; height: calc(100% - 100px);}
.fab-layer .right .scrl ul li {display: none;}
.fab-layer .right .scrl ul li.on {display: block;}
.fab-layer .right .scrl::-webkit-scrollbar {width: 8px;}
.fab-layer .right .scrl::-webkit-scrollbar-track {background: #E0E0E0; border-radius: 50px;}
.fab-layer .right .scrl::-webkit-scrollbar-thumb {background: #ABABAB; border-radius: 50px;} 
.fab-layer .right .result {position: relative;}
.fab-layer .right .result .own-date {position: absolute; top: 0; right: 105px; font-weight: 400; font-size: 13px; line-height: 20px; color: #000; opacity: .5; background: url(../images/main/clock-ico.png) no-repeat 0 center; background-size: contain; padding-left: 27px;}
.fab-layer .right .result > div > div {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; width: calc(100% - 120px); padding-bottom: 55px;}
.fab-layer .right .result > div + div {margin-top: 80px;}
.fab-layer .right .result div > p {font-weight: 700; font-size: 20px; line-height: 28px; color: #1E1E1E; margin-bottom: 20px;}
.fab-layer .right .result div .items {position: relative; width: 420px;}
.fab-layer .right .result div .items a {background: #FFFFFF; border-radius: 16px; width: 100%; height: 100%; display: block; box-sizing: border-box; padding: 30px 64px; position: relative; border: 1px solid #EEEEEE;}
.fab-layer .right .result div .items a .key {margin-bottom: 6px;}
.fab-layer .right .result div .items a .key span {display: inline-flex; padding: 0 6px; border-radius: 4px; background: #FFEDE4; font-weight: 400; font-size: 12px;	color: #1A1A1A; box-sizing: border-box; height: 24px; align-items: center;}
.fab-layer .right .result div .items a .key span + span {margin-left: 2px;}
.fab-layer .right .result div .items a .key span.org-bor {background: 0; border: 1px solid #E37500; color: #E37500;}
.fab-layer .right .result div .items a .key span.red-bor {background: 0; border: 1px solid #D93B3B; color: #D93B3B;}

.fab-layer .right .result div .items a .tit {font-weight: 700; font-size: 16px; line-height: 24px; margin-bottom: 28px; min-height: 48px;}
.fab-layer .right .result div .items a .per {font-size: 22px; line-height: 32px; letter-spacing: -0.01em; color: #D93B3B; font-weight: 500;}
.fab-layer .right .result div .items a .per span {margin-left: 2px; font-size: 16px; line-height: 24px; vertical-align: baseline;}
.fab-layer .right .result div .items a .per.blue {color: #145BB3	;}
.fab-layer .right .result div .items a .graph {position: absolute; right: 20px; bottom: 30px; width: 160px; height: 32px;}
.fab-layer .right .result div .items a .graph img {width: 100%;}

.fab-layer .right .result div .items a .form-circle-box {position: absolute; top: 30px; left: 20px;}
.fab-layer .right .result div:nth-of-type(2) .items a {padding: 30px;}
.fab-layer .right .result div .items a .date {font-weight: 400; font-size: 15px; color: #949494; line-height: 22px; margin-top: 10px;}

.fab-layer .right .result div .items a.thumb .tit {width: 184px;}
.fab-layer .right .result div .items a.thumb img {position: absolute; top: 30px; left: 244px; width: 78px; height: 44px; border-radius: 4px;}

.fab-layer .right .result div .items .util {position: absolute; right: 20px; top: 30px;}
.fab-layer .right .result div .items .util .heart {display: inline-block; width: 24px; height: 24px; background: url("../images/main/heart-de.png") no-repeat; transition: all .2s; margin-left: 10px; background-size: contain;}
.fab-layer .right .result div .items .util .heart.on {background: url("../images/main/heart-on.png") no-repeat; background-size: contain;}
.fab-layer .right .result div .items .util .del {display: inline-block; width: 24px; height: 24px; background: url("../images/icon/icon_trash_black_24.png") no-repeat; background-size: contain;}
.fab-layer .right .result div .items .form-circle-box {position: absolute; top: 30px; left: 20px;}

.fab-layer .xbt {display: inline-block; width: 24px; height: 24px; position: absolute; top: 30px; right: 70px; opacity: 0; transform: scale(.2);}
.fab-layer .xbt span {width: 28px; height: 1.5px; background: #000; display: block; position: absolute; top: 50%; left: -2px; transform: translateY(-50%);}
.fab-layer .xbt span:nth-of-type(1) {transform: rotate(-45deg)}
.fab-layer .xbt span:nth-of-type(2) {transform: rotate(45deg);}

.fab-layer .noti {font-size: 15px; line-height: 22px;	color: #000; position: absolute; bottom: 30px; padding-left: 22px; background: #EEEEEE; padding: 10px 30px 10px 60px; width: calc(100% - 245px); border-radius: 8px; z-index: 2;}
.fab-layer .noti::before {content: ""; width: 24px; height: 24px; background: url(../images/icon/icon_note_orange_24.svg) no-repeat center center; display: inline-block; position: absolute; left: 30px;}

.fab-layer .right .result div .board-list-none {width: 100%; display: block; padding: 50px 0;}


.fab-layer .go-login {text-align: center;}
.fab-layer .go-login p {background: url("../images/icon/ico-login.png") no-repeat top center; padding-top: 87px; margin-top: 20vh; font-weight: 400; font-size: 16px; line-height: 24px;}

.fab-layer #compareBar {position: absolute; width: calc(100% - 685px); border-radius: 8px; bottom: 160px; left: 460px;}
.fab-layer #compareBar .wide-container {max-width: unset;}
.fab-layer #compareBar .compare-item-ui .btn-basic {min-width: 100px;}
.fab-layer #compareBar .compare-item-ui .btn-basic + .btn-basic {min-width: 160px;}


@media screen and (max-width:1900px){
	.fab-layer .right .result div a {width: 100%;}
}
@media screen and (max-width:1800px){

	.fab-layer .right .result > div > div {display: block;}
	.fab-layer .right .result div .items + .items {margin-top: 10px;}
}



/* ===========================
	레이어 팝업
=========================== */
.layer-pop-wrap {position:fixed; top:0; left:100%; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0); z-index:100000; visibility:hidden; overflow:hidden; transition:left 0s 0.35s ease, visibility 0s 0.35s ease, background 0.35s 0s ease;}
.layer-pop-wrap.actived {left:0; visibility:visible; background-color:rgba(0,0,0,0.4); transition:left 0s 0s ease, visibility 0s 0s ease, background 0.35s 0s ease;}
.layer-pop-wrap.actived .pop-data {opacity:1;}
.layer-pop-wrap.scroll {overflow-y:auto; overflow-x:hidden;}

.layer-pop-parent {display:table; width:100%; height:100%; table-layout:fixed;}
.layer-pop-children {display:table-cell; width:100%; height:100%; padding:30px 20px; text-align:center; vertical-align:middle;}

.pop-data {position:relative; max-width:600px; margin:0 auto; border-radius:24px; overflow:hidden; background-color:#fff; opacity:0; transition:opacity 0.35s ease;/* -webkit-mask-image:-webkit-radial-gradient(white, black);*/}
.pop-data.large-size {max-width:1000px;}
.btn-pop-close {position:absolute; top:40px; right:42px; display:block; width:36px; height:36px; font-size:0; background:url(../images/icon/icon_pop_close_black.svg) center center no-repeat; z-index:15; background-size: 36px;}
.btn-pop-prev {position:absolute; top:40px; left:42px; display:block; width:36px; height:36px; font-size:0; background:url(../images/icon/icon_pop_prev_black_36.png) center center no-repeat; z-index:15;}

#videoPop.actived {background-color:rgba(0,0,0,0.7);}
.video-pop-data {position:relative; max-width:1024px; margin:0 auto; border-radius:0; background-color:#000; overflow:visible;}
.video-pop-data .btn-pop-close {top:auto; bottom:100%; right:0; width:36px; height:36px; margin-bottom:10px; font-size:0; background:url('../images/icon/icon_pop_close_white_36.png') center center no-repeat;}

#productComparePop {z-index:9999999999;}

/* 메인 팝업 */
#mainPop.actived {background-color:rgba(0,0,0,0.7);}
.main-pop-data {position:relative; border-radius:0; width:500px; height:460px; overflow:visible;}
.main-pop-data .btn-pop-close {bottom:100%; right:0; top:auto; margin-bottom:19px; background:url('../images/icon/icon_pop_close_white_36.png') center center no-repeat;}
.main-pop-data .today-item {position:absolute; top:100%; left:0; margin-top:20px;}
.main-pop-data .today-item .form-circle-box .form-check-icon > em {font-size:14px; font-weight:300; color:#fff;}
.main-pop-data .today-item .form-circle-box .form-check-icon:before {top:2px; left:2px; width:20px; height:20px; background:#fff;}
.main-pop-data .today-item .form-circle-box .form-check-icon:after {width:24px; height:24px; background:url('../images/icon/icon_today_form_check_on_black.png') center center no-repeat;}
.main-pop-data .swiper-pagination {position:absolute; bottom:40px; left:0; width:100%;}
.main-pop-data .swiper-slide > a {display:block; width:100%; height:460px; overflow:hidden;}
.main-pop-data .swiper-slide > a > img {width:100%; max-width:none; height:100%;}

/* 공통 사이드 팝업 */
.side-pop-wrap.actived {background-color:rgba(0,0,0,0.7);}
.side-pop-wrap.actived .side-pop-inner {right:0;}
.side-pop-wrap .btn-pop-close {top:40px; right:40px;}
.side-pop-wrap .side-pop-inner {position:absolute; top:0; right:-455px; width:100%; height:100%; display:flex; flex-direction:column;  background-color:#fff; transition:right 0.35s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.side-pop-wrap .pop-data {position:absolute; top:0; right:0; width:455px; height:100vh; opacity:1 !important; background-color:transparent; border-radius:0; overflow:hidden;}
.side-pop-wrap .tab-contents {position:relative; flex:1; height:100%; display:flex; flex-direction:column; overflow:hidden;}
.side-pop-wrap .tab-contents .tab-button-group {}
.side-pop-wrap .tab-contents .tab-data-group {flex:1; height:100%; overflow:hidden;}
.side-pop-wrap .tab-contents .tab-data {height:100%;}
.side-pop-wrap .side-pop-title {padding:41px 40px 25px 40px; font-size:24px; line-height:36px; color:#3d3935; font-weight:700;}
.side-pop-wrap .side-pop-tab {padding:0 40px;}
.side-pop-wrap .board-list-none {padding:140px 0; border-top:1px solid #d2d3d1; border-bottom:none;}
.side-pop-wrap .bookmark-login-wrap {padding:140px 0; border-top:1px solid #d2d3d1; border-bottom:none;}
.side-pop-wrap .btn-wrap-top {position:absolute; top:0; right:40px; margin-top:4px;}
.side-pop-wrap .btn-wrap-top .btn-basic {min-width:auto; padding:0 16px;}

/* 공통 사이드 팝업 > 탭 */
.side-pop-tab {}
.side-pop-tab > ul {display:flex; height:48px; box-sizing:border-box; border-bottom:2px solid #e5e6e5;}
.side-pop-tab > ul > li + li {margin-left:22px;}
.side-pop-tab .actived .btn-tab-list-item {color:#000; font-weight:700; border-bottom-color:#e37500;}
.side-pop-tab .btn-tab-list-item {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;}

/* 공통 사이드 팝업 > 리스트 */
.side-common-wrap {position:relative; height:100%;}
.side-common-list {display:flex; flex-direction:column; padding:20px 40px 0 40px; height:100%; box-sizing:border-box;}
.side-common-list .list-info {font-size:15px; line-height:25px; color:#8e8e8e;}
.side-common-list .list-info + .list-total {margin-top:15px;}
.side-common-list .list-total {display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:15px; font-size:16px; line-height:25px; color:#000;}
.side-common-list .list-total .value > em {color:#ef821f;}
.side-common-list .list-total > select {flex:0 0 auto; width:auto; height:25px; font-size:16px;}
.side-common-list .list-data {flex:1; height:100%; margin:0 -40px; padding:0 40px; overflow-y:auto;; box-sizing:border-box;}
.side-common-list .list-data .card-item-list {padding:0 0 20px 0;}
.side-common-list .card-item + .card-item {margin-top:10px;}
.side-common-list .card-item-wrap + .card-item-wrap {margin-top:10px;}
.side-common-list .card-item.basic .item-subject {height:auto;}
.side-common-list .card-item.basic .item-detail-wrap {padding:25px 30px 25px 30px;}
.side-common-list .card-item.basic .item-cate {margin-bottom:8px; font-size:14px; line-height:21px;}
.side-common-list .card-item.basic .item-subject {max-height:52px; font-size:16px; line-height:26px; font-weight:700;}
.side-common-list .card-item.basic .item-subject + .item-bottom {margin-top:6px;}
.side-common-list .card-item.basic .item-date {margin-top:6px; font-size:14px; line-height:24px;}
.side-common-list .card-item.basic .item-bottom {margin-top:8px;}
.side-common-list .card-item.basic .item-bottom .item-date {margin:0;}
.side-common-list .card-item.basic .item-bottom .item-cate {margin:0;}
.side-common-list .card-item.basic .item-btns {margin-top:16px;}
.side-common-list .card-item.basic .item-ui.top {top:23px; right:30px;}

.bookmark-login-wrap {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;}
.bookmark-login-wrap .txt {position:relative; padding-top:120px;}
.bookmark-login-wrap .txt:before {content:''; position:absolute; top:0; left:50%; display:block; width:96px; height:96px; margin-left:-48px; background:url(../images/icon/icon_member_none.png) left top no-repeat;}
.bookmark-login-wrap .btns {margin-top:36px; display:flex; justify-content:center; align-items:center;}
.bookmark-login-wrap .btns .btn-basic {min-width:110px; margin:0 5px;}



.pop-header {/*display:flex; align-items:center; min-height:116px;*/ padding:35px 39px; box-sizing:border-box;}
.pop-header-title {position:relative; font-size:30px; line-height:45px; color:#3d3935; font-weight:700; text-align:left;}
.btn-pop-prev + .pop-header-title {text-align:center;}
.pop-body {padding:0 39px; text-align:left;}
.pop-body.basic-scroller {max-height:350px; overflow-x:hidden; overflow-y:auto;}
.pop-body.basic-scroller::-webkit-scrollbar {width: 8px;}
.pop-body.basic-scroller::-webkit-scrollbar-track {background: #E0E0E0; border-radius: 50px;}
.pop-body.basic-scroller::-webkit-scrollbar-thumb {background: #ABABAB; border-radius: 50px;} 
.pop-footer .btn-pop-wrap {margin-top:0; display:flex;}
.pop-footer .btn-basic {width:100%; min-width:0;}
.pop-body .basic-data-group + .basic-data-group {margin-top:34px;}
.pop-body .pop-con-title {margin-bottom:19px;}
.pop-body .pop-scoller-inner {padding-bottom:50px;}
.overscroller-x {overflow-x:auto !important;}
.overscroller-x .read-table-wrap .read-table {display:flex;}
.overscroller-x .read-table-wrap .read-table:after {content:''; display:block; width:22px; flex:0 0 22px;}
/* .overscroller-x .read-table {flex:0 0 150%;} */
/* .overscroller-x .read-table table {table-layout:auto;} */
.overscroller-x .read-table table thead > tr > th {white-space:nowrap;}

/* 맞춤설정 팝업 */
.user-match-set {}
.user-match-set .set-info {font-size:18px; line-height:28px; color:#757575;}
.user-match-set .large-card-wrap {margin-top:18px;}
.user-match-set .large-card-item {padding:47px 0 40px 73px; border:none;}
.user-match-set .large-card-item + .large-card-item {border-top:1px solid #d2d3d1;}
.user-match-set .large-card-item:last-child {padding-bottom:0;}
.user-match-set .large-card-item .item-subject {padding:0; font-size:28px; line-height:36px;}
.user-match-set .large-card-item .item-info-text {margin-top:19px;}
.user-match-set .large-card-wrap .form-box-wrap {margin-top:18px;}

/* 패밀리 사이트 팝업 */
.family-pop-wrap {padding:0 0 80px 0;}
.family-pop-wrap > p {font-size:18px; line-height:26px; color:#757575;}
.family-pop-wrap > ul {margin:38px -2px -2px -2px; display:flex; flex-wrap:wrap;}
.family-pop-wrap > ul > li {width:50%; padding:2px; box-sizing:border-box;}
.family-pop-wrap > ul > li > a {position:relative; display:block; height:60px; padding-left:30px; font-size:18px; line-height:60px; color:#fff; font-weight:500; background-color:#e37500;}
.family-pop-wrap > ul > li > a:before {content:''; position:absolute; top:50%; right:20px; margin-top:-12px; width:24px; height:24px; background:url(../images/icon/icon_arrow_white_24.png) left top no-repeat;}

/* 브라우저 업데이트 팝업 */
.browser-update-wrap {padding:0 0 39px 0;}
.browser-update-wrap > ul {display:flex; justify-content:space-between;}
.browser-update-wrap > ul > li > a {display:block; width:96px;}
.browser-update-wrap > ul > li > a .icons {width:96px; height:96px; background-repeat:no-repeat; background-position:center center;}
.browser-update-wrap > ul > li > a .txt {font-size:18px; line-height:32px; font-weight:500; color:#3d3935; text-align:center;}
.browser-update-wrap > ul > li > a.edge .icons {background-image:url(../images/icon/icon_browser_edge.png);}
.browser-update-wrap > ul > li > a.chrome .icons {background-image:url(../images/icon/icon_browser_chrome.png);}
.browser-update-wrap > ul > li > a.firefox .icons {background-image:url(../images/icon/icon_browser_firefox.png);}
.browser-update-wrap > ul > li > a.safari .icons {background-image:url(../images/icon/icon_browser_safari.png);}
.browser-update-wrap > p {margin-top:44px; font-size:16px; line-height:26px; color:#757575;}
.browser-update-wrap > p + p {margin-top:21px;}
.browser-update-wrap > p:last-child {color:#3d3935;}

/* 글로벌 패밀리 사이트 팝업 */
.global-family-wrap {padding-bottom:65px;}
.global-family-wrap .global-family-items + .global-family-items {margin-top:30px; padding-top:25px; border-top:1px solid #e5e6e5;}
.global-family-wrap .items-title {margin-bottom:13px; font-size:18px; line-height:27px; color:#e37500; font-weight:700;}
.global-family-wrap .global-family-list {display:flex; flex-wrap:wrap; margin:-10px -20px;}
.global-family-wrap .global-family-list .list-cell {flex:0 0 auto; padding:10px 20px; box-sizing:border-box;}
.global-family-wrap .btn-global-family-item {display:inline-flex; font-size:18px; line-height:27px; color:#8e8e8e; font-weight:500; align-items:center;}
.global-family-wrap .btn-global-family-item .icons {width:48px; height:48px; border-radius:50%; background-color:#e5e6e5; background-repeat:no-repeat; background-position:center center;}
.global-family-wrap .btn-global-family-item .txt {margin-left:10px; white-space:nowrap;}
.global-family-wrap .btn-global-family-item.colombia .icons {background-image:url(../images/icon/icon_global_family_colombia.png);}
.global-family-wrap .btn-global-family-item.hongkong .icons {background-image:url(../images/icon/icon_global_family_hongkong.png);}
.global-family-wrap .btn-global-family-item.japan .icons {background-image:url(../images/icon/icon_global_family_japan.png);}
.global-family-wrap .btn-global-family-item.kingdom .icons {background-image:url(../images/icon/icon_global_family_kingdom.png);}
.global-family-wrap .btn-global-family-item.usa .icons {background-image:url(../images/icon/icon_global_family_usa.png);}
.global-family-wrap .btn-global-family-item.canada .icons {background-image:url(../images/icon/icon_global_family_canada.png);}
/* 2022-05-03 추가 */
.global-family-wrap .btn-global-family-item.brazil .icons {background-image:url("../images/icon/icon_global_family_brazil.png");}
.global-family-wrap .btn-global-family-item.china .icons {background-image:url("../images/icon/icon_global_family_china.png");}
/* // 2022-05-03 추가 */
.global-family-wrap .btn-global-family-item.australia .icons {background-image:url("../images/icon/icon_global_family_australia.png");} /* 2022-11-02 추가 */

/* 상품비교 팝업 */
.product-compare-head {display:flex; padding-right:17px;}
.product-compare-head .head-item {display:inline-flex; flex:1; align-items:center; justify-content:center; min-height:60px; padding:6px 10px; font-size:16px; line-height:22px; color:#fff; text-align:center; word-break:break-word; background-color:#e37500; box-sizing:border-box;}
.product-compare-head .head-item:first-of-type {padding-left:20px;}
.product-compare-head .head-item:last-of-type {padding-right:20px;}
.product-compare-row {border-top:1px solid #e5e6e5; border-bottom:1px solid #e5e6e5;}
.product-compare-row + .product-compare-row {margin-top:-1px;}
.product-compare-title {display:flex; align-items:center; justify-content:center; width:100%; min-height:41px; padding:5px; font-size:16px; line-height:24px; color:#757575; text-align:center; border-bottom:1px solid #e5e6e5; box-sizing:border-box; background-color:#f7f7f7;}
.product-compare-detail {display:flex;}
.product-compare-detail .product-compare-item {display:inline-flex; flex:1; align-items:center; justify-content:center; min-height:60px; padding:5px 10px; font-size:24px; line-height:30px; color:#000; text-align:center; word-break:break-word; box-sizing:border-box;}

@media screen and (max-width:1600px){
	#dHead h1 {left:20px;}
	.btn-gnb-menu-toggle {right:20px;}
	.gnb-inner {padding:0 0 0 210px;}
	.global-wrap {right:100px;}
	#page-ui {right:20px;}
	#page-ui.off {right:20px;}
}

@media screen and (max-width:1320px){ 
	.large-container {margin-left:20px; margin-right:20px;}
}


@media screen and (max-width:1280px){
	.global-wrap .btn-header-global {display:none;}

}

@media screen and (max-width:1210px){
	.wide-container {margin-left:20px; margin-right:20px;}
	#contents {margin-left:20px; margin-right:20px;}
	#contents .wide-container {margin-left:auto; margin-right:auto;}
	#contents.small-container {margin-left:20px; margin-right:20px;}
	.global-list > li + li {margin-left:20px;}
	.header-all-data {margin-left:20px; margin-right:20px;}
	.header-search-data {margin-left:20px; margin-right:20px;}
	.header-search-data .header-search-group {padding-right:100px;}
}

@media screen and (max-width:1050px){
	.small-container {margin-left:20px; margin-right:20px;}
	#contents .small-container {margin-left:auto; margin-right:auto;}	
	#contents.small-container {margin-left:20px; margin-right:20px;}
}