@charset "utf-8";
/* CSS Document */
#header {border: 0;border-bottom: 1px solid #dadada;}
/* ------------- 상단 디자인 ------------- */
#header{position:relative; background: #fff;border-bottom: solid 1px #f4f4f4;}
#header .h1_logo{text-align:center; padding:30px 0 30px 0;}

#header .headerMenu .gnb_wrap .menubox .sub_menu ul li.live:after {content: ' '; position:absolute;top:-0px; right:-5px;width:4px;height:4px;background-color:#e32e07;border-radius:50%;}

.global_brand_wrap {width: 100%; height: 40px; background: linear-gradient( to right, #fff 0%, #fff calc((100vw - 1400px)/2), #15008c calc((100vw - 1400px)/2), #15008c 100% )}
.emons_brand_tab_wrap {max-width: 1400px; height: 100%; margin: 0 auto; display: flex; justify-content: start; position: relative;}
.emons_brand_tab_wrap > div {display: flex; align-items: center;}
.emons_brand_tab_wrap .brand_logo.moVer {position: absolute; top: 50%; left: 0; transform: translate(0, -20%); z-index: 7;}
.emons_brand_tab_wrap .brand_logo.moVer a {display: block;}
.emons_brand_tab_wrap .brand_logo.moVer a img.logo_img {width: 100%;}
.emons_brand_tab_wrap .brand_logo.moVer a img.emons {max-width: 110px;}
.emons_brand_tab_wrap .brand_logo.moVer a img.office {max-width: 192px;}
.emons_brand_tab_wrap .brand_logo.moVer a img.business {max-width: 243px; margin: 0;}
.emons_brand_tab_wrap .brand_tab_list_box {flex: 1; position: relative;}
.emons_brand_tab_wrap .brand_tab_list_box::before {content: ""; position: absolute; top: 0; left: 0; height: 40px; pointer-events: none; background-repeat: no-repeat; background-position: right center; z-index: 6;}
.emons_brand_tab_wrap .brand_tab_list_box.emons {padding-left: 150px; width: calc(100% - 150px);}
.emons_brand_tab_wrap .brand_tab_list_box.emons::before {width: 200px; background-image: url(/images/brand_tab_shape.png); }
.emons_brand_tab_wrap .brand_tab_list_box.office {padding-left: 232px; width: calc(100% - 232px);}
.emons_brand_tab_wrap .brand_tab_list_box.office::before {width: 282px; background-image: url(/images/brand_tab_shape_office.png); }
.emons_brand_tab_wrap .brand_tab_list_box.business {padding-left: 283px; width: calc(100% - 283px); margin:0;}
.emons_brand_tab_wrap .brand_tab_list_box.business::before {width: 333px; background-image: url(/images/brand_tab_shape_business.png); }
.emons_brand_tab_wrap .brand_tab_list {display: flex; height: 100%;}
.emons_brand_tab_wrap .brand_tab_list_box .brand_tab_list {margin:0;}
/* .emons_brand_tab_wrap .brand_tab_list_box.office .brand_tab_list {width: calc(100% - 232px);} */
/* .emons_brand_tab_wrap .brand_tab_list_box.business .brand_tab_list {width: calc(100% - 283px); margin:0;} */
.emons_brand_tab_wrap .brand_tab_list .brand_tab {display: flex; gap: .7rem; color: #fff; height: 100%; cursor: pointer; display: flex; align-items: center; padding: 0 60px;}
.emons_brand_tab_wrap .brand_tab_list .brand_tab svg {height: 12px; }
.emons_brand_tab_wrap .brand_tab_list .brand_tab svg._emons { width: 75px; flex: none;}
.emons_brand_tab_wrap .brand_tab_list .brand_tab._emons {mask: url(/images/brand_list_tab_emons.svg)no-repeat; -webkit-mask: url(/images/brand_list_tab_emons.svg)no-repeat; mask-size: cover; -webkit-mask-size: cover; mask-position: right; width: 90px; margin-left: -5px; background-color: #2049c4; z-index: 5; justify-content: center;}
.emons_brand_tab_wrap .brand_tab_list .brand_tab._erdiance {mask: url(/images/brand_list_tab_mall.svg)no-repeat; -webkit-mask: url(/images/brand_list_tab_mall.svg)no-repeat; mask-size: cover; -webkit-mask-size: cover; mask-position: right; width: 90px; margin-left: -10px; background-color: #163bac; z-index: 4;}
.emons_brand_tab_wrap .brand_tab_list .brand_tab._mall {mask: url(/images/brand_list_tab_mall.svg)no-repeat; -webkit-mask: url(/images/brand_list_tab_mall.svg)no-repeat; mask-size: cover; -webkit-mask-size: cover; mask-position: right; width: 120px; margin-left: -10px; background-color: #113292; z-index: 3;}
.emons_brand_tab_wrap .brand_tab_list .brand_tab._office {mask: url(/images/brand_list_tab_office.svg)no-repeat; -webkit-mask: url(/images/brand_list_tab_office.svg)no-repeat; mask-size: cover; -webkit-mask-size: cover; mask-position: right; width: 140px; margin-left: -50px; background-color: #03138a; z-index: 2;}
.emons_brand_tab_wrap .brand_tab_list .brand_tab._business {mask: url(/images/brand_list_tab_business.svg)no-repeat; -webkit-mask: url(/images/brand_list_tab_business.svg)no-repeat; mask-size: cover; -webkit-mask-size: cover; mask-position: right; width: 170px; margin-left: -50px; background-color: #020e68; z-index: 1;}
/* .emons_brand_tab_wrap .brand_tab_list .brand_tab._erdiance svg {width: 90px;}
.emons_brand_tab_wrap .brand_tab_list .brand_tab._mall svg {width: 120px;}
.emons_brand_tab_wrap .brand_tab_list .brand_tab._office svg {width: 135px;}
.emons_brand_tab_wrap .brand_tab_list .brand_tab._business svg {width: 170px;} */
.emons_brand_tab_wrap .site_menu_btn_box {gap: 1rem;}
.emons_brand_tab_wrap .site_menu_btn_box a {color: #fff; font-size: 14px; font-weight: 300;}

.container {max-width:1400px; position:relative; margin:0 auto; border-top:none;max-width: 1400px !important;}
.global_head_wrap h1 {position: absolute; left: 0; top:50px; display: block; width: 155px;height: 22px;}
.global_head_wrap h1 img {vertical-align: top; width: 100%}
.global_head_wrap .container { z-index: 2;}
.global_head_wrap .container .head_in_top {height: 100px;position: relative;}
.global_head_wrap .container .head_in_top .top_search {position: absolute;top: 38px;right: auto;left: 40%;}
.global_head_wrap .container .head_in_top .top_search .search_con {width: 400px;height: 45px;border: 2px solid #282828;border-radius: 25px;box-sizing: initial !important;}
.global_head_wrap .container .head_in_top .top_search .search_con .search_input {display: inline-block;text-indent: 14px;}
.global_head_wrap .container .head_in_top .top_search .search_con .search_input input {border: 0;width: 320px;height: 40px;font-size: 1.1em;margin-top: 2px;}
.global_head_wrap .container .head_in_top .top_search .search_con button {width: 24px;height: 24px;margin: 10px 20px;float: right;}
.global_head_wrap .container .head_in_top .top_search .search_con button .search_icon{background: url('/common/css/images/icons/ui/Search_light.png');width: 24px;height: 24px;margin: 7px 10px;}

.global_head_wrap .container .head_in_top .top-link {position: absolute;right: -5px; top:46px; left: auto;}
.global_head_wrap .container .head_in_top .top-link > li {float: left;margin-left: 5px;}
.global_head_wrap .container .head_in_top .top-link > li > a {text-align: center; padding: 0 7px; width: 24px;height: 24px;display: block;box-sizing: initial !important;}
.global_head_wrap .container .head_in_top .top-link > li > a > span {width: 24px; height: 24px; display: inline-block;}
.global_head_wrap .container .head_in_top .top-link > li > a.like .icon {background:url("/common/css/images/icons/bookmark/Favorite_light.png") no-repeat center center}
.global_head_wrap .container .head_in_top .top-link > li > a.cart .icon {background:url("/common/css/images/icons/shop_and_ecommerce/Bag_alt_light.png") no-repeat center center}
.global_head_wrap .container .head_in_top .top-link > li > a.order .icon {background:url("/common/css/images/icons/bookmark/Paper_light.png") no-repeat center center}
.global_head_wrap .container .head_in_top .top-link > li > a.mypage .icon {background:url("/common/css/images/icons/user_and_group/User_alt_light.png") no-repeat center center}
.global_head_wrap .container .head_in_top .top-link > li > a.review .icon { background:url("../../img/common/btn/sp_review.png") no-repeat center center}
.global_head_wrap .container .head_in_top .top-link > li > a:after {display: none}
.global_head_wrap .container .head_in_top .top-link > li .cart_cnt {background: #14008c;color: #fff;font-size: 9px;width: 15px;height: 15px;position: absolute;top: -5px;right: 0px;border-radius: 50%;}

.global_head_wrap .container nav {height: 100%;background-color: transparent;display: flex;justify-content: space-between;align-items: center; padding:10px 0;}
.global_head_wrap .container nav .gnb_header_logo {position: relative; display: inline-flex; margin-top: 1rem;*/align-items: center;width: 150px;}
.global_head_wrap .container nav .gnb_header_logo .logo_svg {width: 8rem;height: 1.4rem; /*display: inline-flex;*/ display: none; justify-content: flex-start;align-items: center;}
.global_head_wrap .container nav .gnb_header_logo .logo_svg img {max-width: 100%; height: auto;}
.global_head_wrap .container nav .gnb_header_logo .brand_icon {width: 24px;height: 24px;margin-left: 1rem;border: 1px solid #757575;border-radius: 50%;color: #757575;}
.global_head_wrap .container nav .gnb_header_logo .brand_icon {transform: rotate(0deg);transition: ease 500ms;-webkit-transition: ease 500ms;}
.global_head_wrap .container nav .gnb_header_logo.active .brand_icon {transform: rotate(180deg);transition: ease 500ms;-webkit-transition: ease 500ms;}
.global_head_wrap .container nav .gnb_header_logo.active ._bi-layer-box {display: block;}

.global_head_wrap .container nav .gnb_header_logo ._bi-layer-box {display: none;position: absolute;top: 40px;width: 20rem;background-color: #14008c;color: #fff;border: 1px solid #14008c;z-index: 3;}
.global_head_wrap .container nav .gnb_header_logo ._bi-layer-box li {display: flex;justify-content: flex-start;align-items: center;padding: 1.5rem;cursor: pointer;}
.global_head_wrap .container nav .gnb_header_logo ._bi-layer-box li:hover {background-color: #e8e8e8;color: #959595;}
.global_head_wrap .container nav .gnb_header_logo ._bi-layer-box ._bi-layer ._emons {width: 7rem;margin-left: .7rem;}
.global_head_wrap .container nav .gnb_header_logo ._bi-layer-box ._bi-layer ._mall {width: 3.5rem;margin-left: .7rem;}
.global_head_wrap .container nav .gnb_header_logo ._bi-layer-box ._bi-layer ._erdiance {width: 7.5rem;margin-left: .7rem;}
.global_head_wrap .container nav .gnb_header_logo ._bi-layer-box ._bi-layer ._business {width: 8rem;margin-left: .7rem;}
.global_head_wrap .container nav .gnb_header_logo ._bi-layer-box ._bi-layer ._office {width: 5.5rem;margin-left: .7rem;}

.global_head_wrap .container nav .gnb_header_search .search_con {max-width: 100%;}
.global_head_wrap .container nav .gnb_header_search .search_con .search_box {width: 400px; display: block; position: relative;}
.global_head_wrap .container nav .gnb_header_search .search_con .search_box .search_btn {cursor: pointer;position: absolute; top: 50%; right: 5px; transform: translate(0, -45%);}
.global_head_wrap .container nav .gnb_header_search .search_con .search_box .search_btn svg {color: #959595;}
.global_head_wrap .container nav .gnb_header_search .search_con .search_box .search_input {position: relative; margin: 0 auto; border-bottom:1px solid #959595; width: 100%;}
.global_head_wrap .container nav .gnb_header_search .search_con .search_box .search_input input {width: 100%; text-indent: .5rem; font-size: 16px; letter-spacing: -.02rem; background-color: transparent; outline: transparent; outline: transparent; border: transparent; }

.global_head_wrap .container nav .gnb_header_division {display: flex;}
.global_head_wrap .container nav .gnb_header_division .division_tab {font-size: 1.1rem;font-weight: 500;line-height: 2rem;margin-right: 5px;text-align: center;margin-bottom: -1px;}
.global_head_wrap .container nav .gnb_header_division .mall {width: 7rem;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #fff;border-bottom: 1px solid #14008c;}
.global_head_wrap .container nav .gnb_header_division .brand {width: 9rem;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #fff;border-bottom: 1px solid #14008c;}
.global_head_wrap .container nav .gnb_header_division div.on {border-top: 1px solid #14008c;border-left: 1px solid #14008c;border-right: 1px solid #14008c;border-bottom: 1px solid #fff;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.global_head_wrap .container nav .gnb_header_division .mall:hover {border-top: 1px solid #14008c;border-left: 1px solid #14008c;border-right: 1px solid #14008c;border-bottom: 1px solid #fff;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.global_head_wrap .container nav .gnb_header_division .brand:hover {border-top: 1px solid #14008c;border-left: 1px solid #14008c;border-right: 1px solid #14008c;border-bottom: 1px solid #fff;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.global_head_wrap .container nav .gnb_header_division .division_tab a {color: #14008c;}
/* .global_head_wrap .container nav .gnb_header_division .division_tab a:hover {color: #14009c;} */
/* .global_head_wrap .container nav .gnb_header_division .division_tab a:hover .division_text span {border-bottom: 2px solid;} */
.global_head_wrap .container nav .gnb_header_division .division_tab .small_e_text {font-size: .7rem;font-weight: 300;}
.global_head_wrap .container nav .gnb_header_division .division_tab .division_text {position: relative;top: -10px;}
.global_head_wrap .container nav .gnb_header_division .division_tab .mall.on {color: #14008c;margin-left: 20px;}
.global_head_wrap .container nav .gnb_header_division .division_tab .brand.on {color: #14008c;margin-left: 20px;}

.global_head_wrap .container nav .gnb_header_icon {display: flex; gap: .5rem; align-items: center; line-height: 0;}
.global_head_wrap .container nav .gnb_header_icon > div {position: relative;}
.global_head_wrap .container nav .gnb_header_icon > div a {display: block;}
.global_head_wrap .container nav .gnb_header_icon .fav_count {position: absolute; right: -6px; bottom: 2px; color: #fff; background: #1e1e1e; width: 18px; height: 18px; text-align: center; border-radius: 50%; font-weight: 500; font-size: 10px; line-height: 18px;}
.global_head_wrap .container nav .gnb_header_icon .fav_btn {color:#959595;}

#header_menu {border-top: 1px solid #f2f2f2;}
.headerMenu > .prdt_category {margin-top: 0px !important;}

.sub_menu ul li .menu_btn {cursor: pointer;}
.sub_menu ul li .menu_btn:hover .sub_menu {display:block;}
.sub_menu ul li .menu_btn:hover {color: #14008c;}
.sub_menu ul li .sub_menu {display:none; padding: 15px 0; background: #fff; border: 1px solid #e5e5e5; position: absolute; left: 50%; top: 17px; transform: translate(-50%); width: max-content; z-index: 3;}
.sub_menu ul li .sub_menu .item {padding: 8px 40px; font-size: .8em;}
.sub_menu ul li .sub_menu .item a {display: block;}
.sub_menu ul li .sub_menu .item:hover {text-decoration: underline; text-underline-position: under;}
.sub_menu ul li .sub_menu .item.active {background: #e5e5e5; font-weight: bold;}
.sub_menu ul li .downArr_icon {vertical-align: middle; margin-bottom: 4px; width: 20px;display: initial !important;}

.btn-cnt-change {display:inline-block;min-width:110px;height:25px;padding:0 10px;color:#626262;border:1px solid #a3a3a3;text-align:center;line-height:25px;font-size: 12px;}
.btn-cnt-change:hover {color:#484848; border:1px solid #777777;}

.keyword_wrap {position: absolute; top: 96px; left: 0; width: 100%; z-index: 102; background: #fff; padding: 20px 0 50px;}
.keyword_wrap .keyword_box {display: flex;justify-content: space-between; width: 900px; margin: 0 auto;}
.keyword_wrap .keyword_box > div {width: 200px; padding: 0 50px; border-right: 1px solid #eee;}
.keyword_wrap .keyword_box > div:last-child {border-right: 0;}
.keyword_wrap .keyword_box > div .sub_title {font-size: 18px; font-weight: 600; margin-bottom: 1.5rem;}
.keyword_wrap .keyword_box > div .keyword_list li {color: #aaa; line-height: 1.8rem; font-size: 15px; cursor: pointer;}
.keyword_wrap .keyword_box .keyword_lately_box .lately_keyword {display: flex; justify-content: space-between;}
.keyword_wrap .keyword_box .keyword_lately_box .lately_keyword svg {width: 18px; height: 18px; color: #aaa;}
.keyword_wrap .keyword_box .keyword_recommend_box .keyword_list li {border: 1px solid #113ab1; color:#113ab1;padding: 5px 20px; border-radius: 30px; margin-bottom: 10px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.mo_ver .keyword_box {display: flex;justify-content: space-between;padding: 10px;}
.mo_ver .keyword_box .keyword_lately_box, .mo_ver .keyword_box .keyword_popularity_box {flex: 1;}
.mo_ver .keyword_recommend_box {flex: 1; max-width: 50%;}
.mo_ver .keyword_recommend_box .keyword_list ul {display: flex; flex-flow: wrap; gap: .3rem;}
.mo_ver .keyword_recommend_box .keyword_list li {font-size: 13px; padding: 5px 15px; border: 1px solid #eee; border-radius: 30px; width: max-content; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mo_ver .sub_title {padding: 10px 15px;font-size:1.1rem;font-weight: bold;margin-bottom: 1.5rem;}
.mo_ver .keyword_list {padding: 0 15px;margin: -10px 0 10px;font-size: 13px;}
.mo_ver .keyword_list ul > li {cursor: pointer;color:#999; line-height: 2rem;}
.mo_ver .keyword_list ul > li .lately_keyword {display: flex;justify-content: space-between;align-items: center;}
.mo_ver .keyword_list ul > li .btn_keyword_close {height: 20px;width: 20px;color: #999;vertical-align: sub;}
.mo_ver .keyword_list ul > li:hover .btn_keyword_close {color: #000;}
.mo_ver .keyword_list ul > li:hover {color: #000;background: #f8f8f8;}
.mo_ver .keyword_close {width: 95%;height: 30px;line-height: 30px;text-align: right;}

#swipe_menu {display: flex;}
#swipe_menu li {float: initial !important;}
.mobile_top_menu, .location_mobile_wrap {display: none;}


@media screen and (max-width: 1400px) {
    .emons_brand_tab_wrap {padding-right: 30px; position: relative;}
    .emons_brand_tab_wrap .brand_logo.moVer {left: 26px}
}

@media screen and (max-width: 1100px) {
    .emons_brand_tab_wrap {padding-right: 0;}
    .emons_brand_tab_wrap .brand_tab_list {overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;}
    .emons_brand_tab_wrap .brand_tab_list::-webkit-scrollbar {display: none;}
    /* .emons_brand_tab_wrap .brand_tab_list::before {position: absolute;} */
    /* .emons_brand_tab_wrap .brand_tab_list {overflow-x: auto;} */
    .emons_brand_tab_wrap .site_menu_btn_box {padding: 0 30px; position: absolute; right: 0; top: 0; height: 100%; z-index: 2; background:#15008c;}
}
@media screen and (max-width: 767px) {
    .emons_brand_tab_wrap {padding-right: 0;}
    .emons_brand_tab_wrap .brand_tab_list_box {width: 100%;}
    .emons_brand_tab_wrap .site_menu_btn_box {display: none;}
    
    .global_head_wrap .container nav .gnb_header_logo .gnb_header_division {display: none;}
    .global_head_wrap .container nav .gnb_header_logo a div {width: 7rem;margin-right: 1rem;}
    .global_head_wrap .container nav .gnb_header_division .division_tab {font-size: .9rem;font-weight: 400;line-height: 1.8rem;width: 6rem;}
    .global_head_wrap .container nav .gnb_header_division .division_tab .small_e_text {font-size: .5rem;font-weight: lighter;}
    .location_wrap {display: none;}
    
    .flex-around {display: flex;justify-content: space-around;}
    .mobile_top_menu {padding: 15px 25px;font-size: 1rem;font-weight: 400;}

    .location_mobile_wrap {display: block;padding: 0 25px 15px;}
    #header_menu .gnb_wrap .menubox {padding: 0 20px !important;}
    .global_head_wrap .container {width: 100%;position: unset;margin: 0 auto;}
    .global_head_wrap .container .head_in_top{height: 20px;position: unset;margin: 0 auto;}
    .global_head_wrap .container .top_search{position: unset !important;margin: 0 auto;display: none;}
    .global_head_wrap .container .top-link{position: unset !important;margin: 0 auto;display: none;}
    .global_head_wrap .container .head_in_top h1 {position: unset !important;margin: 20px auto;width: 125px;}

    #header {border-bottom: 0;}
    #header .headerMenu {border: 0; padding: 0;}
    #header .headerMenu .gnb_wrap .menubox {overflow-x: auto; height: 50px;}
    #header .headerMenu .gnb_wrap .menubox .sub_menu {justify-content: start;}
    #header .headerMenu .gnb_wrap .menubox .sub_menu .menu_btn {width: max-content;}
    #header .headerMenu .gnb_wrap .menubox .sub_menu .menu_btn a {margin: 0 8px; font-size: 1.00rem;}
    #header .headerMenu .gnb_wrap .menubox .sub_menu .sub_menu_right .menu_btn:last-child a {margin: 0 10px;}
    #header .headerTop .global_head_wrap .container {padding: 0 30px 0 20px; width: calc(100% - 50px);}
    .global_head_wrap .container nav {display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding-bottom: 5px;}
    .global_head_wrap .container nav .gnb_header_logo {display: none;}
    .global_head_wrap .container nav .gnb_header_search {flex: 1;}
    .global_head_wrap .container nav .gnb_header_icon .member_btn {display: none;}
    .global_head_wrap .container nav .gnb_header_search .search_con .search_box {width: 100%;}
    .global_head_wrap .container nav .gnb_header_search .search_con .search_box .search_input {border-bottom: 1px solid #000; height: 40px; line-height: 58px; border-radius:0px;}
    .global_head_wrap .container nav .gnb_header_search .search_con .search_box .search_input input {padding: 0 65px 0 10px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 100%;}
    .global_head_wrap .container nav .gnb_header_search .search_con .search_box .search_btn {right:10px;}
    /* .global_head_wrap .container nav .gnb_header_search, .global_head_wrap .container nav .gnb_header_icon {display: none;} */

    .global_head_wrap h1 img {max-width: 125px;margin: 0 auto;}
    .menubox {height:50px; /*overflow-x:scroll; overflow-y:hidden;*/}
    .sub_menu li {padding-left:15px; display: table-cell;white-space: nowrap; float: none !important;}
    .sub_menu li:first-child{padding-left: 0px;}
}