@charset "utf-8";
.no_scroll {overflow: hidden !important;}
#wrap{width: 100%;background-color: var(--color-white);position: relative;}

/* ============================================= S:HEADER ============================================= */
#header{/*position: fixed;left: 0;top: 0;right: 0;z-index: 9999;*/background-color: #fff;box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);position: relative;z-index: 500;}



#header #topBanner{display: none;width: 100%;background-color: var(--color-blue-sub);position: relative;}
#header #topBanner .top_banner_inner{width: 100%;max-width: 1128px;height: 40px;margin: 0 auto;padding: 0 24px;display: flex;align-items: center;justify-content: center;position: relative;}
#header #topBanner .top_banner_item{display: block;width: 100%;text-align: center;}
#header #topBanner .top_banner_item .top_banner_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-white);}
#header #topBanner .top_banner_item .top_banner_txt .bold{font-weight: 700;}
#header #topBanner .topbanner_btns_box{position: absolute;right: 24px;top: 50%;transform: translateY(-50%);}
#header #topBanner .btns_topbanner_close{display: block;width: 16px;height: 16px;position: relative;overflow: hidden;}
#header #topBanner .btns_topbanner_close::before,
#header #topBanner .btns_topbanner_close::after{content: '';display: block;width: 16px;height: 2px;border-radius: 2px;background-color: var(--color-white);position: absolute;left: 50%;top: 50%;}
#header #topBanner .btns_topbanner_close::before{transform: translate(-50%, -50%) rotate(45deg);}
#header #topBanner .btns_topbanner_close::after{transform: translate(-50%, -50%) rotate(135deg);}

#header #topBanner{position:relative;width:100%;height:40px;overflow:hidden}
/* 배너들이 일렬로 늘어서는 트랙 */
.banner_track{display:flex;width:calc(100% * var(--banner-count) * 2);height:100%}
/* 흐르는 애니메이션 핵심 */
.banner_track.rolling{animation:marquee 45s linear infinite}
/* 배너 하나하나의 영역 */
.banner_node{width:calc(100% / (var(--banner-count) * 2));flex-shrink:0;height:100%;display:flex;align-items:center}
/* 마우스를 올리면 멈추게 하고 싶을 때 */
.banner_track:hover{animation-play-state:paused}
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-50%)); } /* 전체 트랙의 절반(원본 세트)만큼 이동 */
}
/* 닫기 버튼 고정 스타일 */
.top_banner_close_layer{position:absolute;right:24px;top:50%;transform:translateY(-50%);z-index:10}

@media (max-width: 1080px){
    #header #topBanner .top_banner_inner{height: 36px;padding: 0 16px;}
    #header #topBanner .top_banner_item .top_banner_txt{font-size: var(--fs-12);line-height: var(--lh-16);}
    #header #topBanner .topbanner_btns_box{right: 16px;}
}

#header .hd_top{}
#header .hd_top .hd_inner{width: 100%;max-width: 1128px;margin: 0 auto;padding: 20px 24px 16px;display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;}

#header #hd_logo{height: 30px;}
#header #hd_logo > a{display: block;height: 100%;}
#header #hd_logo > a > img{height: 100%;}

#header .hd_srh_box{flex: 0 0 auto;width: 100%;max-width: 540px;}
#header .hd_srh_box #hd_sch{display: block;position: relative;}
#header .hd_srh_box #hd_sch form{width: 100%;}

#header .hd_srh_box #hd_sch #sch_str{width: 100%;height: 48px;padding: 0 34px 0 16px;font-size: 16px;font-weight: 400;line-height: 20px;color: #333;letter-spacing: -0.54px;border: 0;border-bottom: 2px solid var(--color-blue-main);}
#header .hd_srh_box #hd_sch #sch_str:focus{box-shadow: none;border: 0 !important;border-bottom: 2px solid var(--color-blue-main) !important;}
#header .hd_srh_box #hd_sch #sch_str::placeholder{font-size: 16px;font-weight: 400;line-height: 20px;color: #999;letter-spacing: -0.54px;}

#header .hd_srh_box #sch_submit{background-color: transparent;border: 0;line-height: 0;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}
#header .hd_srh_box #sch_submit .icon_srh_btn{display: inline-block;width: 24px;height: 24px;line-height: 0;pointer-events: none;}
#header .hd_srh_box #sch_submit .icon_srh_btn svg{width: 100%;height: 100%;pointer-events: none;}
#header .hd_srh_box #sch_submit .icon_srh_btn svg path{fill: var(--color-blue-main);}

#header #pcHdUtil{display: block;}
#header #moHdUtil{display: none;}
#header .hd_util_box{flex: 0 0 auto;}
#header #hd_qnb_menu{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 14px;}
#header #hd_qnb_menu .hd_qnb_item{flex: 0 0 auto;line-height: 0;}
#header #hd_qnb_menu .hd_qnb_link{display: inline-block;line-height: 0;}
#header #hd_qnb_menu .hd_qnb_link .link_name{display: inline-block;font-size: 14px;font-weight: 500;line-height: 20px;color: #333;letter-spacing: -0.54px;}
#header #hd_qnb_menu .hd_qnb_link.link_join .link_name{color: var(--color-blue-main);}

#header #hd_qnb_menu .qnb_cart_link{position: relative;}
#header #hd_qnb_menu .qnb_cart_link .icon_cart{display: inline-block;width: 30px;height: 30px;}
#header #hd_qnb_menu .qnb_cart_link .icon_cart > svg{width: 100%;height: 100%;pointer-events: none;}
#header #hd_qnb_menu .qnb_cart_link .count{display: inline-flex;align-items: center;justify-content: center;width: 18px;height: 18px;background-color: #1f5db6;border-radius: 50%;box-sizing: border-box;position: absolute;top: -2px;right: -2px;font-size: 10px;font-weight: 400;line-height: 1;color: #fff;}

#header #hd_qnb_menu .qnb_profile_link .icon_box{display: inline-block;width: 30px;height: 30px;}
#header #hd_qnb_menu .qnb_profile_link .icon_box > svg{width: 100%;height: 100%;pointer-events: none;}

#header #hd_qnb_menu .qnb_srh_btns .icon_box{display: inline-block;width: 30px;height: 30px;}
#header #hd_qnb_menu .qnb_srh_btns .icon_box > svg{width: 100%;height: 100%;pointer-events: none;}

#header #hd_qnb_menu .item_cscenter{position: relative;}
#header #hd_qnb_menu .item_cscenter .hd_qnb_link{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 1px;}
#header #hd_qnb_menu .item_cscenter .hd_qnb_link .icon_dropdown_arr{display: inline-block;width: 16px;height: 16px;pointer-events: none;}
#header #hd_qnb_menu .item_cscenter .hd_qnb_link .icon_dropdown_arr svg{width: 100%;height: 100%;pointer-events: none;}
#header #hd_qnb_menu .item_cscenter .hd_qnb_link .icon_dropdown_arr svg path{stroke-opacity: 1;}
#header #hd_qnb_menu .item_cscenter .cscenter_drop_box{display: none;position: absolute;top: calc(100% - 1px);right: 0;z-index: 501;padding-top: 8px;}
#header #hd_qnb_menu .item_cscenter:hover .cscenter_drop_box{display: block;}
#header #hd_qnb_menu .item_cscenter .cscenter_list{display: block;padding: 4px 8px;background-color: var(--color-white);border: 1px solid var(--divider-line);border-radius: 4px;}
#header #hd_qnb_menu .item_cscenter .cscenter_item{padding: 4px 0;}
#header #hd_qnb_menu .item_cscenter .cscenter_item .cscenter_link{}
#header #hd_qnb_menu .item_cscenter .cscenter_item .cscenter_link .link_name{display: inline-block;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-16);color: var(--color-black);letter-spacing: -0.02em;white-space: nowrap;}


#header .hd_bot{}
#header .hd_bot .hd_inner{width: 100%;max-width: 1128px;margin: 0 auto;padding: 8px 24px 16px;display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;}

#header .hd_cate_box{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 130px}
#header .all_cate_box{flex: 0 0 auto;position: relative;}
#header #allCateBtn{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 12px;}
#header #allCateBtn .ham_btns{flex: 0 0 auto;display: block;width: 18px;height: 16px;position: relative;}
#header #allCateBtn .ham_btns .ham_line{display: block;width: 100%;height: 2px;background-color: #333;position: absolute;left: 0;right: 0;border-radius: 4px;}
#header #allCateBtn .ham_btns .ham_line:first-child{top: 0;}
#header #allCateBtn .ham_btns .ham_line:nth-child(2){top: 50%;transform: translateY(-50%);}
#header #allCateBtn .ham_btns .ham_line:last-child{bottom: 0;}
#header #allCateBtn .btns_name{display: inline-block;font-size: 16px;font-weight: 700;line-height: 24px;color: #333;}

#header #allCateBtnMo{display: none;}
#header #allCateBtnMo .ham_btns{flex: 0 0 auto;display: block;width: 18px;height: 16px;position: relative;}
#header #allCateBtnMo .ham_btns .ham_line{display: block;width: 100%;height: 2px;background-color: #333;position: absolute;left: 0;right: 0;border-radius: 4px;transition: transform .15s;}
#header #allCateBtnMo .ham_btns .ham_line:first-child{top: 0;}
#header #allCateBtnMo .ham_btns .ham_line:nth-child(2){top: 50%;transform: translateY(-50%);}
#header #allCateBtnMo .ham_btns .ham_line:last-child{bottom: 0;}
#header #allCateBtnMo .btns_name{display: none;}

/* #header #allCateBtnMo.active .ham_btns .ham_line:nth-of-type(1) {transform: translateY(7px) rotate(-45deg);}
#header #allCateBtnMo.active .ham_btns .ham_line:nth-of-type(2) {opacity: 0;}
#header #allCateBtnMo.active .ham_btns .ham_line:nth-of-type(3) {transform: translateY(-7px) rotate(45deg);} */



#header #allCategory{display: none;min-width: 160px;min-height: 800px;padding: 0 0 10px;position: absolute;left: 0;top: calc(100% + 16px);z-index: 10000;background-color: #fff;box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1);}
#header #allCategory .allCateWrap{position: relative;}
#header #allCategory .cate_list{}
#header #allCategory .cate_item{min-width: 160px;padding: 10px 0;transition: background-color .2s;cursor: pointer;}
#header #allCategory .cate_item.active{}
#header #allCategory .cate_link{display: block;padding: 0 20px;line-height: 0;}
#header #allCategory .cate_name{display: block;font-size: 14px;font-weight: 400;line-height: 20px;color: #333;letter-spacing: -0.04em;white-space: nowrap;transition: font-weight .15s, color .2s;}
#header #allCategory .cate_item.active{background-color: #1f5db6;}
#header #allCategory .cate_item.active > .cate_link .cate_name{font-weight: 500;color: #fff;}
#header #allCategory .depth_box{display: none;min-width: 160px;min-height: 100%;position: absolute;top: 0;left: 100%;z-index: 10001;background-color: #fff;box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1);}

#header #allCategory .depth1_cate_list{}
#header #allCategory .depth1_cate_item{}
#header #allCategory .depth1_cate_link{}

#header #allCategory .depth2_box{}
#header #allCategory .depth2_cate_list{}
#header #allCategory .depth2_cate_item{}
#header #allCategory .depth2_cate_link{}

#header #allCategory .depth3_box{}
#header #allCategory .depth3_cate_list{}
#header #allCategory .depth3_cate_item{}
#header #allCategory .depth3_cate_link{}


#mobileCategoryWrap{position: fixed;top: 0;left: 0;width: auto;min-width: 200px;height: 100%;background-color: var(--color-white);z-index: 499;overflow: hidden;overflow-y: auto;box-shadow: 0px 3px 12px 3px rgba(0, 0, 0, 0.1);}
#mobileCategoryWrap .cate_header{display: flex;align-items: center;padding: 8px 16px 16px;background: var(--color-white);border-bottom: 1px solid var(--divider-line);}
#mobileCategoryWrap .cate_header #cateBackBtn{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);}

#mobileCategoryWrap .cate_container{padding: 0;}
#mobileCategoryWrap .cate_current_title{padding: 8px 16px;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);background-color: var(--color-white);}
#mobileCategoryWrap .mobile_depth_list{}
#mobileCategoryWrap .mobile_depth_list .depth_item{display: flex;justify-content: space-between;align-items: center;flex-wrap: nowrap;padding: 8px 16px;}
#mobileCategoryWrap .mobile_depth_list.depth2_list .depth_item{}
#mobileCategoryWrap .mobile_depth_list .depth_item .cate_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);cursor: pointer;}
#mobileCategoryWrap .mobile_depth_list.depth2_list .depth_item .cate_name{padding-left: 8px;}
#mobileCategoryWrap .mobile_depth_list .depth_item .btns_arrow{display: inline-block;width: 20px;height: 20px;background-image: url('../img/icon/icon_acc_arr.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;transform: rotate(-90deg);}

#header .ad_cate_box{max-width: 100%;overflow: hidden;}
#header .ad_cate_list{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;column-gap: 60px;width: 100%;overflow: hidden;overflow-x: auto;}
#header .ad_cate_item{}
#header .ad_cate_item .ad_cate_link{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: #333;letter-spacing: -0.04em;white-space: nowrap;}

@media (max-width: 1280px){
    #header .hd_srh_box{max-width: 400px;}
    #header #hd_qnb_menu{column-gap: 10px;}
}
@media (max-width: 1080px){
    #header .hd_top .hd_inner{padding: 16px 16px 8px;}
    #header .hd_bot .hd_inner{padding: 8px 16px 16px;}

    #header .hd_srh_box{display: none;}
    #header #pcHdUtil{display: none;}
    #header #moHdUtil{display: block;}
    #header #hd_qnb_menu{column-gap: 8px;}
    #header .hd_cate_box{column-gap: 48px;}
    #header .ad_cate_list{column-gap: 16px;}
    
    #header #allCateBtn{display: none;column-gap: 8px;}
    #header #allCateBtn .btns_name{display: none}

    #header #allCateBtnMo{display: flex;}

    #header #allCategory{left: -16px;}
    #header #allCategory .cate_item{min-width: 200px;position: relative;}
    #header #allCategory .cate_link{padding: 0 16px;}


}
@media (max-width: 768px){
    #header #hd_qnb_menu .qnb_cart_link .icon_cart{width: 28px;height: 28px;}
    #header #hd_qnb_menu .qnb_profile_link .icon_box{width: 28px;height: 28px;}
    #header #hd_qnb_menu .qnb_srh_btns .icon_box{width: 28px;height: 28px;}
}
@media (max-width: 600px){
    #header #hd_logo{height: 24px;}
    #header #hd_qnb_menu .qnb_cart_link .icon_cart{width: 24px;height: 24px;}
    #header #hd_qnb_menu .qnb_cart_link .count{width: 16px;height: 16px;top: -4px;right: -4px;}
    #header #hd_qnb_menu .qnb_profile_link .icon_box{width: 24px;height: 24px;}
    #header #hd_qnb_menu .qnb_srh_btns .icon_box{width: 24px;height: 24px;}
    
    #header .hd_cate_box{column-gap: 24px;}
    #header #allCateBtn .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}
    #header .ad_cate_item .ad_cate_link{font-size: var(--fs-14);line-height: var(--lh-20);}
}
@media (max-width: 480px){
    #header .hd_cate_box{column-gap: 16px;}
}
/* ============================================= //E:HEADER ============================================= */



/* ============================================= S:quickMenu ============================================= */
#quickMenu{position: absolute;right: 16px;top: 850px;bottom: 0;z-index: 50;}
#quickMenu .quick_inner{position: sticky;top: 50%;z-index: 50;transform: translateY(-50%);width: 100px;overflow: hidden;}
#quickMenu .quick_banner_box{width: 100%;line-height: 0;background-color: var(--color-gray4);padding: 8px;border: 1px solid var(--divider-line);background-color: var(--color-white);}
#quickMenu .quick_banner_box + .quick_banner_box{margin-top: 8px;}
#quickMenu .quick_banner_box .banner_img_box{display: block;width: 100%;line-height: 0;}
#quickMenu .quick_banner_box .banner_img_box .img_box{width: 100%;line-height: 0;}
#quickMenu .quick_banner_box .banner_img_box .img_box img{width: 100%;}

#quickMenu .quick_menu_box{width: 100%;background-color: var(--color-white);}
#quickMenu .quick_banner_box + .quick_menu_box{margin-top: 8px;}
#quickMenu .quick_menu_box .quick_menu_list{width: 100%;border: 1px solid var(--divider-line);}
#quickMenu .quick_menu_box .quick_menu_item{width: 100%;}
#quickMenu .quick_menu_box .quick_menu_item + .quick_menu_item{border-top: 1px solid var(--divider-line);}
#quickMenu .quick_menu_box .quick_menu_item .quick_link{display: block;width: 100%;padding: 4px;text-align: center;}
#quickMenu .quick_menu_box .quick_menu_item .quick_link .quick_name{display: inline-block;font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-18);color: var(--color-black);letter-spacing: -0.02em;}

#quickMenu .quick_today_wrap{width: 100%;padding: 4px 8px;background-color: var(--color-white);border: 1px solid var(--divider-line);}
#quickMenu .quick_menu_box + .quick_today_wrap{margin-top: 8px;}
#quickMenu .quick_today_wrap .quick_btns_box{display: flex;align-items: center;justify-content: center;line-height: 0;}
#quickMenu .quick_today_wrap .quick_btns_box.swiper-button-disabled .quick_swiper_btns{opacity: .25;}
#quickMenu .quick_today_wrap .quick_btns_box .quick_swiper_btns{display: block;width: 100%;line-height: 0;text-align: center;}
#quickMenu .quick_today_wrap .quick_btns_box .quick_swiper_btns.swiper_prev_btns{transform: rotate(180deg);}
#quickMenu .quick_today_wrap .quick_btns_box .quick_swiper_btns .icon_acc_arr{display: inline-block;width: 20px;height: 20px;pointer-events: none;}
#quickMenu .quick_today_wrap .quick_btns_box .quick_swiper_btns .icon_acc_arr svg{width: 100%;height: 100%;pointer-events: none;}
#quickMenu .quick_today_wrap .quick_btns_box .quick_swiper_btns .icon_acc_arr svg path{stroke-opacity: 1;}
#quickMenu .quick_today_wrap .today_tit_box{text-align: center;}
#quickMenu .quick_today_wrap .today_tit{font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-18);color: var(--color-black);letter-spacing: -0.02em;}

#quickMenu .quick_today_wrap .quick_today_swiper{margin-top: 6px;height: 240px;overflow: hidden;}
#quickMenu .quick_today_wrap .quick_today_list{}
#quickMenu .quick_today_wrap .quick_today_item{}
#quickMenu .quick_today_wrap .quick_today_item .item_thumb_box{width: 0;height: 100%;padding-left: 100%;position: relative;overflow: hidden;}
#quickMenu .quick_today_wrap .quick_today_item .item_thumb_box .thumb_img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
#quickMenu .quick_today_wrap .quick_today_item .item_thumb_box .thumb_img_box img{width: 100%;height: 100%;object-fit: cover;}
@media (max-width: 1330px){
    #quickMenu{display: none;}
}
/* ============================================= //E:quickMenu ============================================= */



/* ============================================= S:scroll_top_btn ============================================= */
#scrollTopBox{position: fixed;right: 24px;bottom: 90px;z-index: 55;display: none;}
#scrollTopBox #scrollTopBtns{display: flex;align-items: center;justify-content: center;width: 56px;height: 56px;background-color: var(--color-white);border: 1px solid var(--divider-line);border-radius: 50%;overflow: hidden;cursor: pointer;}
#scrollTopBox #scrollTopBtns .icon_box{display: inline-flex;width: 36px;height: 36px;pointer-events: none;}
#scrollTopBox #scrollTopBtns .icon_box svg{width: 100%;height: 100%;pointer-events: none;}
#scrollTopBox #scrollTopBtns .icon_box svg path{}
@media (max-width: 768px){
    #scrollTopBox{right: 14px;bottom: 70px;}
    #scrollTopBox #scrollTopBtns{width:44px;height:44px;}
    #scrollTopBox #scrollTopBtns .icon_box{width:30px;height:30px;}
}
@media (max-width: 600px){
}
@media (max-width: 480px){
 
}

/* ============================================= //E:scroll_top_btn ============================================= */



/* ============================================= S:FOOTER ============================================= */
#footer{padding-top: 1px;padding-bottom: 48px;background-color: #fff;position: relative;}
#footer::before{content: '';display: block;width: 100%;height: 1px;background-color: #afafaf;position: absolute;left: 0;top: 0;right: 0;}
#footer .ft_top{}
#footer .ft_top .ft_inner{width: 100%;max-width: 1128px;margin: 0 auto;padding: 16px 24px;}

#footer .ft_link_list{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}
#footer .ft_link_item{}
#footer .ft_link_item .ft_link{display: inline-block;line-height: 0;}
#footer .ft_link_item .ft_link_name{display: inline-block;font-size: 14px;font-weight: 400;line-height: 20px;color: #403D3F;}
#footer .ft_link_item.privacy_item .ft_link_name{font-weight: 700;}

#footer .ft_bot{}
#footer .ft_bot .ft_inner{width: 100%;max-width: 1128px;margin: 0 auto;padding: 24px 24px 0;display: flex;align-items: flex-start;flex-wrap: nowrap;position: relative;}
#footer .ft_bot .ft_inner::before{content: '';display: block;width: calc(100% - 48px);height: 1px;background-color: #d1d1d1;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}

#footer .ft_info_box{flex: 0 0 auto;width: 50%;}
#footer .ft_info_box .ft_logo{}
#footer .ft_info_box .ft_logo > a{display: block;width: 100px;}
#footer .ft_info_box .ft_logo > a img{width: 100%;}

#footer .company_info{margin-top: 16px;}
#footer .company_info .info_acc_box{}
#footer .company_info .info_acc_box .info_acc_hd{}
#footer .company_info .info_acc_box .info_acc_hd .info_flex_box{flex: 0 0 auto;}
#footer .company_info .info_acc_box .info_acc_hd .info_acc_btn{flex: 0 0 auto;line-height: 0;}
#footer .company_info .info_acc_box .info_acc_hd .icon_acc_arr{display: inline-block;width: 20px;height: 20px;transform: rotate(0);transition: .25s;}
#footer .company_info .info_acc_box .info_acc_hd .icon_acc_arr > svg{width: 100%;height: 100%;pointer-events: none;}
#footer .company_info .info_acc_box .info_acc_hd .info_acc_btn.opened .icon_acc_arr{transform: rotate(-180deg);}
#footer .company_info .info_acc_box .info_acc_bd{display: none;}
#footer .company_info .info_acc_box + .info_flex_box{margin-top: 2px;}
#footer .company_info .info_flex_box{display: flex;align-items: center;column-gap: 8px;}
#footer .company_info .info_txt{font-size: 14px;font-weight: 400;line-height: 20px;color: #403d3f;white-space: nowrap;}
#footer .company_info .info_txt b{color: #18181b;}

#footer .ft_copyright{width: 100%;max-width: 1128px;margin: 0 auto;padding: 0 24px;margin-top: 24px;font-size: 14px;font-weight: 400;line-height: 20px;color: #403d3f;}

#footer .ft_cs_box{}
#footer .ft_cs_box .cs_info{}
#footer .ft_cs_box .info_tit{font-size: 16px;font-weight: 500;line-height: 24px;color: #666;}
#footer .ft_cs_box .info_tel{display: block;font-size: 14px;font-weight: 500;line-height: 20px;color: #666;letter-spacing: -0.7px;}
#footer .ft_cs_box .info_email{display: block;font-size: 14px;font-weight: 500;line-height: 20px;color: #666;letter-spacing: -0.7px;}
#footer .ft_cs_box .cs_hour{margin-top: 8px;}
#footer .ft_cs_box .cs_hour .info_txt{font-size: 14px;font-weight: 400;line-height: 20px;color: #999;}
#footer .ft_cs_box .biz_info{margin-top: 16px;}
#footer .ft_cs_box .biz_info .info_txt{font-size: 14px;font-weight: 500;line-height: 20px;color: #666;}
#footer .ft_cs_box .biz_info .info_txt > a{display: inline-block;font-size: 14px;font-weight: 500;line-height: 20px;color: #666}
@media (max-width: 1080px){
    #footer{padding-bottom: 32px;}
    #footer .ft_top .ft_inner{padding: 16px;}
    #footer .ft_bot .ft_inner{padding: 24px 16px 0;}
    #footer .ft_bot .ft_inner::before{width: calc(100% - 32px);}
    #footer .ft_copyright{padding: 0 16px;}
    #footer .company_info .info_acc_box .info_acc_hd{align-items: flex-start;}
    #footer .company_info .info_flex_box{flex-wrap: wrap;}
    #footer .company_info .info_flex_box.info_cs{flex-direction: column;align-items: flex-start;}
}
@media (max-width: 768px){
}
@media (max-width: 600px){
    #footer .ft_bot .ft_inner{flex-wrap: wrap;}
    #footer .ft_info_box{flex: 1;width: auto;}
}
@media (max-width: 480px){
    #footer .ft_bot .ft_inner{display: block;}
    #footer .ft_info_box{}
    #footer .ft_cs_box{}
    #footer .ft_info_box + .ft_cs_box{margin-top: 24px;}
}
/* ============================================= //E:FOOTER ============================================= */

/* ============================================= S:ALL CATEGORY ============================================= */

/* ============================================= //E:ALL CATEGORY ============================================= */


/* ============================================= S:CONTENTS ============================================= */
.page_tit_box{width: 100%;max-width: 1128px;margin: 0 auto;padding: 48px 0 32px;}
.page_tit_box #pageTit{font-size: 28px;font-weight: 500;line-height: 36px;color: #333;text-align: center;}

.component_tit_box{width: 100%;margin: 0 auto;padding-bottom: 24px;}
.component_tit_box .component_tit{font-size: var(--fs-26);font-weight: 500;line-height: var(--lh-34);color: var(--color-black);}

.page_component{padding-bottom: 64px;}

.page_component .pg_wrap{margin: 48px 0;}
.page_component .pg_current{background: var(--color-blue-main);border: 1px solid var(--color-blue-main);}

@media (max-width: 1080px){
    .page_tit_box{padding: 32px 0;}
    .page_tit_box #pageTit{font-size: var(--fs-24);line-height: var(--lh-32);}
    .component_tit_box .component_tit{font-size: var(--fs-24);line-height: var(--lh-32);}

    .page_component .pg_wrap{margin: 32px 0;}
}
@media (max-width: 768px){
    .page_tit_box{padding: 32px 0 24px;}
    .page_tit_box #pageTit{font-size: var(--fs-20);line-height: var(--lh-32);}
    .component_tit_box .component_tit{font-size: var(--fs-20);line-height: var(--lh-32);}
}
@media (max-width: 600px){
    .page_tit_box{padding: 24px 0;}
    .page_tit_box #pageTit{font-size: var(--fs-18);line-height: var(--lh-26);}
    .component_tit_box .component_tit{font-size: var(--fs-18);line-height: var(--lh-26);}

    .page_component .pg_wrap{margin: 24px 0;}
}
/* ============================================= //E:CONTENTS ============================================= */



/* ============================================= S:layer_popup ============================================= */
.layer_popup{display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 11000;}
.layer_popup.type_dimed{background-color: rgba(0, 0, 0, 0.2);}
.layer_popup .popup_inner{width: 100%;max-width: 600px;margin: 50vh auto;background-color: var(--color-white);border-radius: 10px;position: relative;transform: translateY(-50%);overflow: hidden;}
.layer_popup.type_msg .popup_inner{max-width: 375px}
.layer_popup.type_msg .popup_inner.custom_code{max-width: 460px}
.layer_popup .popup_hd{width: 100%;padding: 16px;display: flex;align-items: center;justify-content: space-between;column-gap: 4px;flex-wrap: nowrap;box-sizing: border-box;border-bottom: 1px solid var(--color-gray3);}

.layer_popup .popup_tit_box{flex: 1;}
.layer_popup .popup_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-28);color: var(--color-black);}

.layer_popup .popup_close_box{flex: 0 0 auto;}
.layer_popup .popup_close_btns{display: block;width: 32px;height: 32px;position: relative;overflow: hidden;}
.layer_popup .popup_close_btns::before,
.layer_popup .popup_close_btns::after{content: '';display: block;width: 28px;height: 2px;border-radius: 2px;background-color: var(--color-black);position: absolute;left: 50%;top: 50%;}
.layer_popup .popup_close_btns::before{transform: translate(-50%, -50%) rotate(45deg);}
.layer_popup .popup_close_btns::after{transform: translate(-50%, -50%) rotate(135deg);}

.layer_popup .popup_bd{width: 100%;height: auto;padding: 32px 16px;box-sizing: border-box;}
.layer_popup .popup_bd.type_scroll{height: 100px;overflow: hidden;overflow-y: auto;}

.layer_popup.sod_pop .popup_bd{height:auto}

.layer_popup .cnt_hd{}
.layer_popup .cnt_tit{font-size: var(--fs-16);font-weight: 600;line-height: var(--lh-24);color: var(--color-black);text-align: center;}
.layer_popup .cnt_bd{}
.layer_popup .cnt_hd + .cnt_bd{margin-top: 24px;}
.layer_popup .cnt_txt_box{}
.layer_popup .cnt_txt_box .cnt_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);text-align: center;}
.layer_popup .cnt_txt_box .cnt_txt .color_point{display: inline-block;font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-20);color: var(--color-orange-main);}

.layer_popup .popup_ft{width: 100%;padding: 24px 16px;box-sizing: border-box;}
.layer_popup .popup_btns_box{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;column-gap: 10px;}
.layer_popup .popup_btns_box .popup_btns{display: inline-flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;max-width: 240px;height: 52px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;box-sizing: border-box;transition: background-color .15s;}
.layer_popup .popup_btns_box .popup_btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.02em;}

.layer_popup .popup_btns_box .popup_btns.btns_cancle{}
.layer_popup .popup_btns_box .popup_btns.btns_cancle .btns_name{color: var(--color-black);}

.layer_popup .popup_btns_box .popup_btns.btns_join{background-color: var(--color-blue-main);border-color: var(--color-blue-main);}
.layer_popup .popup_btns_box .popup_btns.btns_join .btns_name{color: var(--color-white);}

.layer_popup .popup_btns_box .popup_btns.btns_hp_cert{background-color: var(--color-blue-main);border-color: var(--color-blue-main);}
.layer_popup .popup_btns_box .popup_btns.btns_hp_cert .btns_name{color: var(--color-white);}

.layer_popup .popup_btns_box .popup_btns:disabled{background-color: var(--color-gray2);border-color: var(--color-gray2);cursor: not-allowed;}
.layer_popup .popup_btns_box .popup_btns:disabled .btns_name{color: var(--color-gray5);}

.layer_popup .popup_btns_box.type_txt{column-gap: 16px;}
.layer_popup .popup_btns_box.type_txt .popup_btns{display: inline-flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: auto;max-width: unset;height: auto;background-color: unset;border: unset;border-radius: unset;}
.layer_popup .popup_btns_box.type_txt .popup_btns .btns_name{}

.layer_popup.type_msg .popup_ft{padding: 0;}
.layer_popup.type_msg .popup_btns_box .popup_btns{max-width: 100%;height: auto;border: 0;padding: 16px;}

@media (max-width: 1080px){
    .layer_popup .popup_inner{width: 90%;}
}
@media (max-width: 768px){
    .layer_popup .popup_inner{width: 100%;border-radius:0}
    .layer_popup .popup_bd{padding: 12px 16px 32px 16px;overflow-y:scroll}
    #find_info .layer_popup .popup_bd{padding: 0 16px 32px 16px;}
}
@media (max-width: 600px){

}
/* ============================================= //E:layer_popup ============================================= */


.new_win_wrap{}
.new_win_wrap .new_win_hd{width: 100%;padding: 16px;display: flex;align-items: center;justify-content: space-between;column-gap: 4px;flex-wrap: nowrap;box-sizing: border-box;border-bottom: 1px solid var(--color-gray3);}
.new_win_wrap .new_win_hd .hd_tit_box{flex: 1;}
.new_win_wrap .new_win_hd .new_win_tit{font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-28);color: var(--color-black);}

.new_win_wrap .new_win_hd .hd_btns_box{flex: 0 0 auto;}
.new_win_wrap .new_win_hd .win_close_btns{display: block;width: 32px;height: 32px;position: relative;overflow: hidden;}
.new_win_wrap .new_win_hd .win_close_btns::before,
.new_win_wrap .new_win_hd .win_close_btns::after{content: '';display: block;width: 28px;height: 2px;border-radius: 2px;background-color: var(--color-black);position: absolute;left: 50%;top: 50%;}
.new_win_wrap .new_win_hd .win_close_btns::before{transform: translate(-50%, -50%) rotate(45deg);}
.new_win_wrap .new_win_hd .win_close_btns::after{transform: translate(-50%, -50%) rotate(135deg);}

.new_win_wrap .new_win_bd{width: 100%;height: auto;padding: 16px;box-sizing: border-box;}
.new_win_wrap .new_win_ft{width: 100%;padding: 16px;box-sizing: border-box;}
.new_win_wrap .new_win_ft .win_btns_box{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;column-gap: 10px;}
.new_win_wrap .new_win_ft .win_btns_box .btns{display: inline-flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;max-width: 240px;height: 52px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;box-sizing: border-box;transition: background-color .15s;}
.new_win_wrap .new_win_ft .win_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.02em;}

.new_win_wrap .new_win_ft .win_btns_box .btns.btns_submit{background-color: var(--color-blue-main);border-color: var(--color-blue-main);}
.new_win_wrap .new_win_ft .win_btns_box .btns.btns_submit .btns_name{color: var(--color-white);}

.new_win_wrap .new_win_ft .win_btns_box .btns.btns_submit:disabled{background-color: var(--color-gray2);border-color: var(--color-gray2);cursor: not-allowed;}
.new_win_wrap .new_win_ft .win_btns_box .btns.btns_submit:disabled .btns_name{color: var(--color-black);}


#popupNotiPop{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 2000;background-color: rgba(0, 0, 0, .3);display: flex;align-items: center;justify-content: center;display: none;opacity: 0;transition: opacity .25s ease;}
#popupNotiPop.is-open{display: flex;}
#popupNotiPop.is-visible{opacity: 1;}
#popupNotiPop .layer_inner{width: calc(100% - 20%);max-width: 1240px;height: calc(100% - 15%);margin: 0 auto;overflow: hidden;background-color: #fff;}
#popupNotiPop .layer_hd{width: 100%;padding: 16px 24px;display: flex;align-items: center;justify-content: space-between;background-color: var(--color-blue-sub);}
#popupNotiPop .layer_hd .layer_tit{font-size: 20px;font-weight: 700;line-height: 26px;color: #fff;}

#popupNotiPop .layer_hd .btns_layer_close{display: block;width: 24px;height: 24px;position: relative;overflow: hidden;}
#popupNotiPop .layer_hd .btns_layer_close::before,
#popupNotiPop .layer_hd .btns_layer_close::after{content: '';display: block;width: 24px;height: 2px;border-radius: 2px;background-color: var(--color-white);position: absolute;left: 50%;top: 50%;}
#popupNotiPop .layer_hd .btns_layer_close::before{transform: translate(-50%, -50%) rotate(45deg);}
#popupNotiPop .layer_hd .btns_layer_close::after{transform: translate(-50%, -50%) rotate(135deg);}

#popupNotiPop .layer_bd{width: 100%;height: calc(100% - 58px);overflow: hidden;overflow-y: auto;}
#popupNotiPop .layer_tab_wrap{width: 100%;position: relative;}
#popupNotiPop .layer_tab_box{position: sticky;left: 0;top: 0;right: 0;}
#popupNotiPop .layer_tab_box .tab_list{display: flex;align-items: stretch;flex-wrap: nowrap;}
#popupNotiPop .layer_tab_box .tab_item{flex: 1;width: calc(100% / 3);padding: 16px 8px;background-color: #f2f2f2;transition: background-color .3s;box-sizing: border-box;}
#popupNotiPop .layer_tab_box .tab_item.active{background-color: #fff;}
#popupNotiPop .layer_tab_box .tab_item .tab_btns{display: block;width: 100%;line-height: 0;text-align: center;}
#popupNotiPop .layer_tab_box .tab_item .tab_btns .btns_name{display: inline-block;font-size: 16px;font-weight: 600;line-height: 20px;color: #999;transition: color .3s}
#popupNotiPop .layer_tab_box .tab_item.active .tab_btns .btns_name{font-weight: 700;color: #444;}

#popupNotiPop .layer_cnt_box{}

#popupNotiPop .layer_cnt_box .tab_cnt{width: 100%;padding: 48px 0 64px;box-sizing: border-box;}
#popupNotiPop .layer_cnt_box .cnt_sect{}
#popupNotiPop .layer_cnt_box .cnt_sect + .cnt_sect{margin-top: 32px;}
#popupNotiPop .layer_cnt_box .cnt_sect .sect_inner{width: 100%;max-width: 1100px;margin: 0 auto;padding: 0 30px;box-sizing: border-box;}

#popupNotiPop .layer_cnt_box .cnt_sect .cnt_desc_box{}
#popupNotiPop .layer_cnt_box .cnt_sect .cnt_desc_box .desc_tit{font-size: 20px;font-weight: 700;line-height: 26px;color: var(--color-blue-main);}
#popupNotiPop .layer_cnt_box .cnt_sect .cnt_desc_box .desc_subtit{font-size: 18px;font-weight: 700;line-height: 24px;color: var(--color-blue-main);}
#popupNotiPop .layer_cnt_box .cnt_sect .cnt_desc_box .desc_txt + .desc_subtit{margin-top: 16px;}
#popupNotiPop .layer_cnt_box .cnt_sect .cnt_desc_box .desc_tit + .desc_subtit{margin-top: 16px;}
#popupNotiPop .layer_cnt_box .cnt_sect .cnt_desc_box .desc_txt{font-size: 18px;font-weight: 600;line-height: 20px;color: var(--color-black);}
#popupNotiPop .layer_cnt_box .cnt_sect .cnt_desc_box .desc_subtit + .desc_txt{margin-top: 6px;}
#popupNotiPop .layer_cnt_box .cnt_sect .cnt_desc_box .desc_txt + .desc_txt{margin-top: 4px;}

#popupNotiPop .layer_cnt_box .cnt_sect .cnt_desc_box .desc_txt.type_flex{display: flex;align-items: center;flex-wrap: wrap;}
#popupNotiPop .layer_cnt_box .cnt_sect .cnt_desc_box .desc_txt .icon_box{display: inline-block;width: 24px;height: 24px;background-repeat: no-repeat;background-size: cover;background-position: center;}
#popupNotiPop .layer_cnt_box .cnt_sect .cnt_desc_box .desc_txt .icon_box.chrome{background-image: url('../img/popup/icon_chrome.png')}
#popupNotiPop .layer_cnt_box .cnt_sect .cnt_desc_box .desc_txt .icon_box.edge{background-image: url('../img/popup/icon_edge.png')}
#popupNotiPop .layer_cnt_box .cnt_sect .cnt_desc_box .desc_txt .icon_box.safari{background-image: url('../img/popup/icon_safari.png')}

#popupNotiPop .layer_cnt_box .cnt_sect .cnt_img_box{}
#popupNotiPop .layer_cnt_box .cnt_sect .cnt_desc_box + .cnt_img_box{margin-top: 16px;}
#popupNotiPop .layer_cnt_box .cnt_sect .cnt_img_box .img_box{width: 100%;line-height: 0;}
#popupNotiPop .layer_cnt_box .cnt_sect .cnt_img_box .img_box img{width: 100%;}

/* 장바구니&주문서 개인통관고유부호 안내팝업 */
#directPrdPopup{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 2000;background-color: rgba(0, 0, 0, .3);display: flex;align-items: center;justify-content: center;display: none;opacity: 0;transition: opacity .25s ease;}
#directPrdPopup.is-open{display: flex;}
#directPrdPopup.is-visible{opacity: 1;}
#directPrdPopup .layer_inner{width: calc(100% - 20%);max-width: 520px;height: auto;margin: 0 auto;border-radius: 8px;box-sizing: border-box;overflow: hidden;background-color: #fff;}
#directPrdPopup .layer_hd{width: 100%;padding: 16px 24px;display: flex;align-items: center;justify-content: space-between;background-color: var(--color-white);}
#directPrdPopup .layer_hd .layer_tit{font-size: 18px;font-weight: 700;line-height: 24px;color: var(--color-black);}

#directPrdPopup .layer_hd .btns_layer_close{display: block;width: 20px;height: 20px;position: relative;overflow: hidden;}
#directPrdPopup .layer_hd .btns_layer_close::before,
#directPrdPopup .layer_hd .btns_layer_close::after{content: '';display: block;width: 20px;height: 2px;border-radius: 2px;background-color: var(--color-gray5);position: absolute;left: 50%;top: 50%;}
#directPrdPopup .layer_hd .btns_layer_close::before{transform: translate(-50%, -50%) rotate(45deg);}
#directPrdPopup .layer_hd .btns_layer_close::after{transform: translate(-50%, -50%) rotate(135deg);}

#directPrdPopup .layer_bd{width: 100%;height: auto;padding: 0 24px;}
#directPrdPopup .notice_txt_box{}
#directPrdPopup .notice_txt_box .notice_txt{font-size: 16px;font-weight: 400;line-height: 22px;color: var(--color-gray5);}
#directPrdPopup .notice_txt_box .notice_txt .link_txt{font-weight: 500;color: var(--color-blue-main);}
#directPrdPopup .notice_txt_box .btns_layer_close{display: block;width: 100%;margin: 24px 0;padding: 12px 8px;text-align: center;background-color: var(--color-blue-main);border-radius: 6px;box-sizing: border-box;}
#directPrdPopup .notice_txt_box .btns_layer_close .btns_name{display: inline-block;font-size: 16px;font-weight: 500;line-height: 20px;color: #fff;}
@media (max-width: 600px){
    #directPrdPopup .layer_inner{width: calc(100% - 32px);}
    #directPrdPopup .layer_hd{width: 100%;padding: 16px;display: flex;align-items: center;justify-content: space-between;background-color: var(--color-white);}
    #directPrdPopup .layer_hd .layer_tit{font-size: 16px;line-height: 20px;}
    #directPrdPopup .layer_bd{width: 100%;height: auto;padding: 0 16px;}
    #directPrdPopup .notice_txt_box .notice_txt{font-size: 14px;line-height: 20px;}
    #directPrdPopup .notice_txt_box .btns_layer_close .btns_name{font-size: 14px;}
}