/*------------------
서브히어로
섹션-----------------*/


/*서브에서 없어져야 하는 유틸*/
.floatBtn.floatChatBtn{
	display:none !important;
}

/*서브히어로 레이아웃*/
.subHeroBox{
    padding-top: 40px;   
    padding-bottom: 40px; 
    position: relative;
    z-index: 2;
}

.subHeroBox_wh{
    padding-bottom: 0;
}

.subHeroSection{
    background-color:#FFF9C3;
    height: 168px;
    margin-bottom: 80px;
}

.subHero_wh{
    background-color: #fff;
    height: unset;
}

.subHero_02{
    background-color: #fff2dd;
}

.subHero_03{
    background-color: #fff2f1;
}

.subHero_04{
    background-color: #d5f4ff;
}

/*서브히어로 텍스트*/
.subBoxTitleWrap h2{
 text-align: center;
}


/*서브히어로 이미지*/
.subHeroImgBox{
    width: 100%;
    height: 168px;
    position: absolute;
    top:0;
    left: 50%;
    transform:translateX(-50%) ;
    z-index: -1;
}
.subHeroImg_01{
    background: url(../images/banner/sub/subHeroImg_01.png) center center / cover no-repeat;
}
.subHeroImg_02{
    background: url(../images/banner/sub/subHeroImg_02.png) center center / cover no-repeat;
}
.subHeroImg_03{
    background: url(../images/banner/sub/subHeroImg_03.png) center center / cover no-repeat;
}
.subHeroImg_04{
    background: url(../images/banner/sub/subHeroImg_04.png) center center / cover no-repeat;
}
.subHeroImg_05{
    background: url(../images/banner/sub/subHeroImg_05.png) center center / cover no-repeat;
}
/*------------------
브래드크럼블
-------------------*/
.breadCrumbleBox{
    justify-content: center;
    align-items: center;
}

.breadCrumbleBox a,.breadCrumbleBox div{
    color: var(--gr600, #51575C);
    font-size: 0.875rem;
    line-height: 100%;
}

.breadCrumbleBox a.last,.breadCrumbleBox div.last{
    color: var(--gr900);
    font-weight: 800;
}

.breadCrumbleBox .iconArrow{
    opacity: 0.6;
    padding: 0;
}

.breadCrumbleBox .iconHome{
    opacity: 0.6;
    padding: 0;
    font-size: 0px;
}

.breadCrumbleBox .iconArrow::after{
    transform: rotate(-180deg);
}


.breadCrumbleBox .btnIcon{
    padding: 4px;
}

/*------------------
detail page 브래드크럼블
-------------------*/
.detailBreadCrumbleBox{
    width: 100%;
    justify-content: left;
    height:72px;
}

/*------------------
제품 서비스 레이아웃
-------------------*/
.hasFilterGrid{
gap: 80px;
}

.boxGrid > div.sideGridBox{
    flex: unset;
    width: 280px;
}


.sideGridBoxInner{
    width: 280px;
}
.sideGridBoxInner.fixed{
    top: 120px;
    position: fixed;
}

.filterInnerTabBox{
    display: flex;
}

.filterInnerTab{
    color: var(--gr300, #868E96);
    width: 50%;
    padding: 12px 0;
    border: 1px solid var(--gr150, #DEE2E6);
    background:var(--gr50);
}

.filterInnerTab.noResult{
	color: var(--gr200);
}

.filterInnerTab.on{
    color: var(--gr900,212529 );
    border: 1px solid var(--gr150, #DEE2E6);
    border-bottom: 1px solid #fff;
    background:#fff;
}

.filterInnerTab:nth-child(1){
    border-right: none;
}

/*버튼스타일 탭*/
.filterInnerTabBox.btnStyleFilterTabBox{
    padding: 4px;
    background-color: var(--gr100);
    border-radius: 8px;
}

.filterInnerTabBox.btnStyleFilterTabBox .filterInnerTab{
    border: none;
    border-radius: 6px;
    background-color: var(--gr100);
}
.filterInnerTabBox.btnStyleFilterTabBox .filterInnerTab.on{
    background-color: var(--wh);
}

/*미니 서치*/
.miniQuickSearchFormWrap{
    width: 100%;
    position: relative;
}

.miniQuickSearchFormWrap > input{
    width: 100%;
    padding: 0 44px 0 12px;
    height: 48px;
    border: 1px solid var(--gr150);
    border-radius: 8px;
    font-size: 0.933rem;
    color: var(--gr900);
    font-weight: 400;
    font-family: 'Pretendard';
    text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
}

.miniQuickSearchFormWrap > input::placeholder{
    color: var(--gr200);
}

.miniQuickSearchFormWrap > input:focus{
    border: 1px solid var(--pri400);
}

.miniQuickSearchBtn{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.miniQuickSearchBtn:hover::after{
    background:url(../images/icons/search_gr.svg) center center/contain no-repeat ;
}

/*지도영역 cta*/

.mapCtaWrap{
    padding: 12px;
}

.mapCtaWrap button{
    width: 100%;
}

/*라인스타일 탭*/
.lineStyleFilterTabBox .filterInnerTabBox{
    align-items: center;
    justify-content: center;
    gap:20px;
}

.lineStyleFilterTabBox .filterInnerTab{
    width: unset;
    background:#fff;
    border: none;
    border-bottom:2px solid #fff ;
    padding: 8px 0;
}

.lineStyleFilterTabBox .filterInnerTab.on{
    border-bottom:2px solid var(--pri700) ;
}

.hasFilterGrid .chipFilterBtn{
    padding: 6px 10px;   
}

.chipFilterBtn3grid .chipFilterBtn{
    padding: 10px 0;   
}

.inputRangeNumber{
    gap: 4px;
    align-items: center;
    margin-bottom: 28px;
}

.inputRangeNumber .inputGroupBox{
    margin-bottom: 0;
    flex: 1;
}

.subHeader .popHeadTitBox{
    text-align: left;
}

/*제품 더보기 버튼*/

.listShowMoreBtn{
    width: 80%;
    margin: 0 auto;
    justify-content: center;
}

.listStyle_hori .listShowMoreBtn{
    max-width: 320px;
}

.listStyle_hori .listShowMoreBtn{
    max-width: 320px;
}

.listStyle_hori .listShowMoreWrap.onlyMO{
    padding-bottom: 40px;
}

.listShowMoreBtn::after{
    transform: rotate(90deg);
}


/*------------------
제품 서비스 상세 레이아웃
-------------------*/

.gridBox.productThumbImg{
    width: 400px;
    height: 400px;
    flex: unset;
}

.productThumbImg .listGridThumb{
    background: var(--gr50, #F8F9FA);
    flex-shrink: 0;
}

.gridBox.productThumbDetail{
    margin-left: 80px;
}

.productThumbTitTxt.flxBox{
    justify-content: space-between;
    align-items: center;
}

.thumbHashBox{
    gap: 2px;
}

.thumbHash{
    padding: 4px 10px;
    background-color: var(--gr50,#F8F9FA);
    border-radius: 2px;
}

.productThumbSubList{
    border-top: 1px solid var(--gr100,#F1F3F5);
    border-bottom: 1px solid var(--gr100,#F1F3F5);
    padding: 12px;
}
.productThumbSubList li{
    padding: 8px 0;
}
.productThumbSubList li p:nth-child(1){
    width: 160px;
    flex-shrink: 0;
}
.listPrice span:nth-child(1){
    margin-right: 20px;
}
.productThumbBtnBox.flxBox{
    justify-content: space-between;
    align-items: center;
}
.productDetailFixedBox .productThumbBtnBox.flxBox{
    flex-direction: column;
    align-items: flex-start;
}
.productThumbBtnBox button.listThumbPrice{
    width: 240px;
    height: 52px;
}

.productThumbPrice.flxBox{
    align-items: center;
    gap: 20px;

}

.aboutPriceDetail{
    border: 1px solid var(--gr150);
    padding: 4px 8px;
    border-radius: 4px;
}

.productThumbBtnWrap.flxBox{
    gap:8px;
    flex-shrink: 0;
    margin-left: 12px;
}

.fixed .productThumbBtnWrap.flxBox{
	margin-left:0;
}

.catalog_btn{
    flex-direction: row-reverse;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;    
    padding: 0;
    border: 1px solid var(--gr150, #F1F3F5);
    height: 36px;
    flex-shrink: 0;
    padding-left: 8px;
    padding-right: 12px;
}

.share_btn{
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: 1px solid var(--gr150, #F1F3F5);
    height: 36px;
    width: 36px;
    flex-shrink: 0;
}

.productDetailFixedWrap .catalog_btn{
    width: 36px;
    padding: 0;
}

/*썸네일 배너*/
.subThumbBannerBox{
    width: 100%;
    background-color: #ebfee8;
    margin-top: 60px;
    border-radius:8px ;
    overflow: hidden;
}

.subThumbBannerBox img.onlyPC{
    object-fit: contain;
    object-position: center;
    /*max-width: 1200px;*/
    /*min-width: 600px;*/
    flex-shrink: 0;
}

.productThumbWrap{
    margin-bottom: 60px;
}

.productDetailGnbBox{
    border-bottom: 1px solid var(--gr150);
    transition: 0.2s ease-in-out;
}

.productThumbWrap .productThumbImg .listGridThumb{
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}

.productThumbWrap .productThumbImg .listGridThumb > img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.productDetailGnb{
    width: 900px;
    flex-shrink: 0;
}

.productDetailGnb > li{
    width:25%
}
.productDetailGnb > li > button{
    width: 100%;
    height: 40px;
    color: var(--gr400);
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
}
.productDetailGnb > li.on > button{
    border-bottom: 2px solid var(--gr900);
    color: var(--gr900);
    font-weight: 800;
}

.productDetailAboutBox{
    padding-top: 40px;
}
#notFloating .productDetailAboutBox{
	padding-top: 0px;
} 
/*2025년 5월 수정, .benefitDetail2025 형식에서는 모두 헤더 끌고옴.*/
.benefitDetail2025 #notFloating .productDetailAboutBox,
.benefitDetail2025 #hasFloating .productDetailAboutBox{
	padding-top: 40px;
}
.gridBox.productDetailAbout{
    flex:unset;
    width: 900px;
}

#notFloating .gridBox.productDetailAbout{
	margin: 0 auto;
}

#notFloating .layerServiceClose{
	display:none;
}

.gridBox.productDetailAbout p
.gridBox.productDetailAbout font
.gridBox.productDetailAbout span
.gridBox.productDetailAbout div{
	color:var(--gr900);
	font-weight:600;
	font-family:'Pretendard' !important;
	
}

.productDetailFixedWrap{
    margin-left: 40px;
}

.productDetailFixedBox{
    width: 260px;
    padding: 20px;
    display: none;
    border:1px solid var(--gr150);
    border-radius: 12px;
    background-color: #fff;
}

.productDetailFixedBox.eventDetailFixedBox{
    display: block;
    
}

.productDetailFixedBox .productThumbSubList{
    padding: 0;
}



/*제품상세 더보기*/
.detailAboutBox{
    position: relative;
    overflow: hidden;
}

.detailAboutBox:nth-last-child(1){
	margin-bottom:0;
}

.showMoreDetail_box.flxBox{
    position: absolute;
    padding: 80px 0 0 0;
    bottom: 0;
    width: 100%;
    justify-content: center;
    background: linear-gradient(to top, white 60%, transparent 100%);
}

.showMoreDetail_box.flxBox > button.chipBtnSt1{
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 12px 20px;
    width: 280px;
}


.detailAbout_img_all{
    height: 400px;
}
.detailAbout_img_all.show{
    height: unset;
}
.detailAbout_img_all.show .showMoreDetail_box{
    position: static;
    padding-top:40px;
}

/*제품상세 fixed 버튼영역*/

.productDetailFixedBox{
    transition: 0.4s ease-in-out;
}

.productDetailFixedWrap{
    position: relative;
}

.productDetailFixedBox.fixed{
    opacity: 1;
    position: fixed;
    top:140px;
    display: block;
    z-index: 2;
}

.productDetailFixedBox.absolute{
    opacity: 1;
    top:unset;
    position: absolute;
    bottom: 0;
    display: block;
}

/*제품상세 상단 GNB*/
.productDetailGnbBox.fixed{
    position: fixed;
    top: 86px;
    background-color: #fffffff2;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
    -ms-backdrop-filter: blur(8px);
    left: 0;
    width: 100%;
    z-index: 2;
    border-bottom: none;
}


/*제품상세 css 수정*/
.visual img{width:unset !important;}

.visual{
	max-width: fit-content !important;
}

.productDetailGnbBox.fixed .productDetailGnb > li > button{
    height: 52px;
}

/*추천제품영역*/

.recommendGrid .listGridBoxWrap{
    flex-direction: column;
    gap: 20px;
}

.recommendGrid .thumbProductList{
    gap:24px;
}

.recommendGrid .thumbProductList li {
    width: calc((100% - (24px + 24px + 24px)) / 4);
}

.recommendGrid.recommendGridTypeB .thumbProductList li {
    width: calc((100% - (24px + 24px)) / 3);
}

/*이벤트 페이지 상세 추천 제어*/
/*이벤트 없을때*/
.noneEventListWrap{
	padding: 80px 20px;
    background:var(--gr50);
    text-align: center;
}

.boardMapType .noneEventListWrap{
	background:#fff;
}
.boardMapType .noneEventListWrap:hover{
	background:#fff;
}

.mapListCon.notHave .noneEventListWrap{
	background:none;
}

.noneEventListWrap > p{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    gap: 4px;
    
}
.noneEventListWrap > p::after{
	content:'';
	width:24px;
	height:24px;
	display: inline-block;
}

.subEventConWrap .recommendGrid.recommendGridTypeB .thumbProductList li{
	width:384px;
}

.subEventConWrap .recommendGrid .thumbProductList {
    gap: calc((100% - (384px* 3)) / 2);
}

/*필터팝업 - 학습과목보기*/
.productFilterPop .popupBasic_foot{
    position: relative;
}
.captionBottom{
    position: absolute;
    top: 0;
    padding: 8px 20px;
    transform: translateY(calc(-100% + 1px));
    margin-bottom: 0;
    width: 100%;
    background: #f8f9fab3;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
    -ms-backdrop-filter: blur(8px);
    left: 0;
    border-top: 1px solid var(--gr100);
    border-bottom: 1px solid var(--gr100);
    flex-wrap: nowrap;
    overflow-x: scroll;
}

.captionBottom > button{
    background-color: #fff;
}
.captionBottom{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
    
.captionBottom::-webkit-scrollbar{
    display: none;
    width: 0;  /* Remove scrollbar space */
    height: 0;
    background: transparent;  /* Optional: just make scrollbar invisible */
    -webkit-appearance: none;
}
/**================================
 센터찾기
 ================================**/

/*지도영역*/
.mapArea{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.reSearchThisPlace{
/*.reSearchThisPlace:hover{*/
    background:#212529c9;
    color: #fff;
    padding: 12px 20px;
    border-radius: 999px;
    position: fixed;
    left:50%;
    bottom: 8px;
    z-index: 9;
    transform: translateX(-50%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
    -ms-backdrop-filter: blur(8px);
        white-space: nowrap;
}

.reSearchThisPlace:hover{
	color:#fff;
}

.wherePlace{
	background: #f6fbffc9;
    color: var(--gr900);
    padding:10px 20px 10px 16px;
    border-radius: 999px;
    position: fixed;
    left:50%;
    top: 210px;
    z-index: 9;
    transform: translateX(-50%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
    -ms-backdrop-filter: blur(8px);
    border: 2px solid #fff;
    white-space: nowrap;
    box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
}

.wherePlace.btnIconTxtBefore.ico24::before{
	content: "";
    display: inline-block;
    background: url(../images/icons/location_pri_full.svg) center center / contain no-repeat;
}

.mapTxtPlace{
	background:#f6faffed;
	font-size:1rem;
    color: var(--gr600);
    font-weight:600;
    padding: 8px 16px;
    border-radius: 8px;
    position: fixed;
    left:50%;
    bottom: 8px;
    z-index: 9;
    transform: translateX(-50%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
    -ms-backdrop-filter: blur(8px);
	width:max-content !important;
	height:unset;
	border:1px solid var(--gr200);
	box-shadow:rgba(0, 0, 0, 0.04) 0px 0px 10px 0px;
}

.noMapTxt{
	padding: 8px 16px 8px 12px;
}

.noMapTxt > .flexBox{
	display: flex;
    align-items: center;
    gap:4px;
}

.noMapTxt > .flexBox::before{
	content:'';
	display:inline-block;
	width: 24px;
    height: 24px;
	background: url(../images/icons/alert_gr.svg) center center / contain no-repeat;
}

.reSearchThisPlace.iconReset.btnIconTxtBefore::before{
    background: url(../images/icons/rotate_wh.svg) center center / contain no-repeat;
}
.hasMapArea{
    position: relative;
    width: 100%;
    height: calc(100% - 130px);
}

.info_cap_wrap{
    gap: 6px;
}
.info_cap{
    padding: 0px 6px;
    border-radius: 999px;
    color: #fff;
}

.info_cap1{
    border: 1px solid var(--pri500);
    color: var(--pri700);
}
.info_cap2{
    border: 1px solid #019095;
    color:#019095;
}
.info_cap3{
    border: 1px solid #4183FE;
    color: #4183FE;
}
.info_cap4{
    border: 1px solid #A445FF;
    color: #A445FF;
}
.info_cap5{
    border: 1px solid #666;
    color: #666;
}

.mapAreaWrap{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mapAreaWrap > img.temp{
    position: absolute;
    width:100%;
    height: auto;
    left: 0;
    top:0;
}

.mapUtilWrap{
    position: absolute;
    top:138px;
    right:8px;

    z-index: 1;
}

.mapUtil li{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
    border-radius: 4px;
    margin-bottom: 12px;
}

.mapUtil li button{
    display: block;
}

.mapUtil li button:nth-child(n+1){
    border-bottom: 1px solid var(--gr100);
}

.mapList{
    flex-grow: 1; /* 남는 공간을 차지하도록 설정 */
    overflow-y: auto; /* 내용이 많을 때 스크롤 가능하도록 설정 */
    border-top: 1px solid var(--gr100);
    border-bottom: 1px solid var(--gr100);
}

.mapListWrap{
	width: 360px;
    position: fixed;
    background: #fff;
    z-index: 2;
    left: 0;
    top: 130px;
    height: calc(100vh - 130px);
    box-shadow: rgba(0, 0, 0, 0.22) 0px 2px 4px 0px;
    border-radius: 0;
    display: flex;
    flex-direction: column;
}

.mapListCon{
    padding: 12px 20px;
    border-bottom: 1px solid var(--gr100);
}

.mapListCon:last-child {
    border-bottom: none;
}

.mapListCon p{
    word-break: keep-all;
}

.mapListTitWrap{
    padding: 12px 12px 0px 12px;
}

.mapMarker.off{
    width: 28px;
    height: 28px;
    background-color: var(--wh);
    border-radius: 999px;
    box-shadow:rgb(0 0 0 / 54%) 0px 2px 2px 0px;
}

.mapMarker1.off{
    background: #222;
}

.mapMarker2.off{
	background:#FF7A00;
    border: 1px solid #c44400;
}

.mapMarker3.off{
    background:#66B0F4;
    border: 1px solid #2f7fc8;
}

.mapMarker4.off{
    background:#4483CC;
    border: 2px solid #4483CC;
}

.mapMarker5.off{
    background:#F3C300;
    border: 2px solid #F3C300;
}

.mapMarker6.off{
	background:#db70dd;
    border: 1px solid #9f20a1;
}

.mapMarker7.off{
	background:#ff5574;
    border: 1px solid #ca1d3c;
}

.mapMarker8.off{
    background: #48C8D3;
    border: 1px solid #00474e;
}

.mapMarker9.off{
	background:#e60012;
    border: 1px solid #97000c;
}

.mapMarker{
    position: absolute;
    z-index: 2;
}

.mapMarker.on > img{
    width: 44px;
    height: auto;
    box-shadow: 0px 3px 3px #00000061;
    border-radius: 100%;
}

.mapMarker.mapMarker1.on > img{
    width: 60px;
    height: auto;
}

.mapListAllBox{
    height: calc(100% - 302px);
    overflow-y: auto;
    padding: 4px;
}

.mapListTit{
    display: flex;
    gap: 8px;
    align-items: center;
}

.mapListTit::before{
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid var(--gr150);
    border-radius: 999px;

}

.mapListPageNavigationWrap{
    padding-top: 12px;
    flex-shrink: 0;
}

.thumbListLnb li button.mapListTap > span{
    border: none;
}

.thumbListLnb li button.mapListTap {
    border-bottom: 2px solid #fff;
}
.thumbListLnb li.on button.mapListTap {
    border-bottom: 2px solid var(--pri700);
}


.mapListTit_01::before{
    background: url(../images/map/place_01.svg) center center / contain no-repeat;
}
.mapListTit_02::before{
    background: url(../images/map/place_02.svg) center center / contain no-repeat;
}
.mapListTit_03::before{
    background: url(../images/map/place_03.svg) center center / contain no-repeat;
}
.mapListTit_04::before{
    background: url(../images/map/place_04.svg) center center / contain no-repeat;
}
.mapListTit_05::before{
    background: url(../images/map/place_05.svg) center center / contain no-repeat;
}
.mapListTit_06::before{
    background: url(../images/map/place_06.svg) center center / contain no-repeat;
}
.mapListTit_07::before{
    background: url(../images/map/place_07.svg) center center / contain no-repeat;
}

.mapListTap{
    display: flex;
    align-items: center;
    gap: 4px;
}

.mapListTap::before{
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 999px;
}

.mapListTap_01::before{
    background: url(../images/map/place_01.svg) center center / contain no-repeat;
}
.mapListTap_02::before{
    background: url(../images/map/place_02.svg) center center / contain no-repeat;
}
.mapListTap_03::before{
    background: url(../images/map/place_03.svg) center center / contain no-repeat;
}
.mapListTap_04::before{
    background: url(../images/map/place_04.svg) center center / contain no-repeat;
}
.mapListTap_05::before{
    background: url(../images/map/place_05.svg) center center / contain no-repeat;
}
.mapListTap_06::before{
    background: url(../images/map/place_06.svg) center center / contain no-repeat;
}
.mapListTap_07::before{
    background: url(../images/map/place_07.svg) center center / contain no-repeat;
}

.mapListTap_08::before{
    background: url(../images/map/place_08.svg) center center / contain no-repeat;
}

.mapListTap_09::before{
    background: url(../images/map/place_09.svg) center center / contain no-repeat;
}

.thumbListLnb > li {
	position:relative;
}

.mapListTap_tooltip{
    background: #f6faffed;
    position: absolute;
    left: 0;
    z-index: 2;
    width: 100%;
    top: calc(100% + 8px);
    padding: 8px 12px;
    color: var(--gr900);
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 4px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    box-shadow: #90a6bc 0 0 0 1px inset;
    word-break:keep-all;
    display:none;
}

.mapListTap_tooltip::before{
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 6px 6px 6px;
    border-color: transparent transparent #f6faff transparent;
    position: absolute;
    bottom: calc(100% - 1px); 
    left: 16px;
    z-index: 2;
}

.mapListTap_tooltip::after{
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 7px 7px 7px;
    border-color: transparent transparent #90a6bc transparent;
    position: absolute;
    bottom: calc(100% - 1px);
    left: 15px;
    z-index: 1;
}


.fixedMapTabList{
    position: fixed;
    top:138px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    border: none;
    overflow: visible;
    transition: none;
}

.fixedMapTabList .fullListLnb > li{
    flex: unset;
    margin-bottom: 8px;
    margin-right: 8px;
}

/*.fixedMapTabList .fullListLnb > li:first-child,*/
.fixedMapTabList .fullListLnb > li:last-child{
    margin-right: 0px;
}

.fixedMapTabList .fullListLnb{
    width: 100%;
}

.fixedMapTabList .thumbListLnb li button.mapListTap{
    background-color: #fff;
    border-radius: 999px;
    padding: 4px 12px 4px 8px;
    height: unset;
    color:var(--gr900);
    gap:2px;
    box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
    box-sizing: border-box;
    border: 1px solid var(--wh);
}

.fixedMapTabList .thumbListLnb .onlyBtnFilter{
    width: 44px;
    height: 44px;
    background-color: #fff;
    box-shadow:rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
    box-sizing: border-box;
    border: 1px solid var(--wh);
    border-radius: 999px;
}

.fixedMapTabList .thumbListLnb .onlyBtnFilter::after{
    width: 30px;
    height: 30px;
    background-size: 80%;
}

.fixedMapTabList .thumbListLnb li.on button.mapListTap{
    background: #fffbf5;        
    border: 1px solid var(--pri700);
}

.aboutmapMarker{
    padding: 8px 12px;
    height: 58px;
    background-color: #fff;
    border: 1px solid var(--gr150);
    width: max-content;
    position: absolute;
    top: -64px;
    left: 50%;
    transform: translate(-50%);
    border-radius: 4px;
    box-shadow: 0px 0px 10px #2222221c;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.mapAreaWrap .hasthumbListBtnWrap.flxBox{
    padding-left: 12px;
    padding-right: 12px;
    height: 40px;
}

/*지도 필터 상세보기*/
.hasMapfilterDetail_wrap{
    padding: 0 12px 12px 12px;
}


.hasMapfilterDetail_box{
    border: 1px solid var(--pri400);
    padding: 12px;
    border-radius: 8px;
    position: relative;
    background: #fffefa;
}
.hasMapfilterDetail_box::after{
    width: 12px;
    height: 12px;
    background: #fffefa;
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    rotate: 45deg;
    border-top: 1px solid var(--pri400);
    border-left: 1px solid var(--pri400);
    right: 12px;
}
.hasMapfilterDetail_box .chipFilterBtn{
    padding: 4px 6px;
    background-color: #fff;
}

.hasMapfilterDetail_box .chipFilterBtnContainer.flxBox{
    gap:4px;
}

.hasMapfilterDetail_box .centerChipContainer .centerChip{
    display: flex;
    align-items: center;
    
}


/*지도 페이지네비*/
.hasMap .listPageNavigationWrap{
    
    height: 60px;
}
.hasMap .listPageNavigationWrap .listPageNavigation{
    gap:4px;
}


.mapList .info > p{
    display: flex;
    align-items: flex-start;
    gap:2px;
}

.mapList .info > .call_info::before{
    width: 1rem;
    height: 1rem;
    display: inline-block;
    content: "";
    background: url(../images/icons/phone_gr_full.svg) center center / contain no-repeat;
    margin-top: 0.15rem;
}

.mapList .info > .adress_info::before{
    width: 1rem;
    height: 1rem;
    display: inline-block;
    content: "";
    background: url(../images/icons/map_gr_full.svg) center center / contain no-repeat;
    margin-top: 0.15rem;
}

.fullListLnb{
    gap:0;
}

.fullListLnb > li{
    flex: 1;
}

.fullListLnb > li button{
    width: 100%;
}


.mapListCon:hover{
        background-color: #fffbf5;
}
.mapListCon.on{
        background-color: #fffbf5;
}
.mapListCon.on .titleInfo{
    color:var(--pri700);
}
.mapListCon.on .tagInfo,
.mapListCon:hover .tagInfo{
        background-color: var(--gr100);
}

.tagInfo::before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    margin-right: 4px;
}

.tagInfo{
    display: flex;
    align-items: center;
    background-color:var(--gr50);
    width: max-content;
    padding: 0px 4px;
    border-radius: 4px;
}
.tagInfo.tag1::before{
    background: url(../images/map/place_09.svg) center center / contain no-repeat;
}
.tagInfo.tag2::before{
    background: url(../images/map/place_02.svg) center center / contain no-repeat;
}
.tagInfo.tag3::before{
    background: url(../images/map/place_03.svg) center center / contain no-repeat;
}
.tagInfo.tag4::before{
    background: url(../images/map/place_04.svg) center center / contain no-repeat; 
}
.tagInfo.tag5::before{
    background: url(../images/map/place_05.svg) center center / contain no-repeat; 
}
.tagInfo.tag6::before{
    background: url(../images/map/place_06.svg) center center / contain no-repeat; 
}
.tagInfo.tag7::before{
    background: url(../images/map/place_07.svg) center center / contain no-repeat; 
}
.tagInfo.tag8::before{
    background: url(../images/map/place_08.svg) center center / contain no-repeat; 
}

/*센터찾기 검색영역*/


.mapListSearchWrap{
    padding: 40px;
    background-color: var(--gr50);
    align-items: center;
    justify-content: center;
}

.mapListSearchBox.flxBox{
    gap:8px ;
    justify-content: center;
    width: 100%;
}
.mapListSearchBox .select_basic {
    flex-shrink: 1;
    width: 100%;
    margin-bottom: 0;
    height: 48px;
    font-weight: 600;
    border:1px solid var(--gr200);
    border-radius: 6px;
    text-align: left !important;
    background:#fff url('../images/icons/arrowFill_gr.svg') calc(100% - 8px) center/16px no-repeat;
}

.mapListSearchBox .mini-select_mate{
    height: 48px;
    font-size: 0.933rem;
    flex-basis: 100%;
    min-width: 0;
}

.mapListSearchBox .mini-select_mate .selecionado_opcion{
	padding:0 10px;
}
.mapListSearchBox .mini-select_mate .cont_select_int li{
	word-break: keep-all;
	padding: 10px 12px;
}

/*셀렉트 설정*/
.div_select{
    position: relative;
    display: flex;
    align-items: center;
}

.show_select_basic_div{
    position: absolute;
    width: 100%;
    left: 0px;
    top: 8px;
    z-index: 999;
    overflow: hidden;
    height: 0px;
    width: 100%;
    background-color: #fff;
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius: 8px;
    box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
    transition: all 375ms ease-in-out;
    max-height: 156px !important;
}

.show_select_basic_div li{
    float: left;
    width: 100%;
    list-style-type: none;
    padding: 14px 20px;
    transition: all 275ms ease-in-out;
    display: block;
    cursor: pointer;
    color: var(--gr500, #5f666d);
    font-weight: 500;
}

.mapListSearchBox .select_basic:focus,
.mapListSearchBox .select_basic:focus-visible{
    border:1px solid var(--gr200) !important;
}

.mapListSearchBox button.findPlace {
    padding-left: 20px;
    padding-right: 20px;
    flex-shrink: 0;
    
}

.SearchItemSmall{
    width: unset;
    height: 48px;
    flex: 1;
}

.inputItmeBoxinner{
    height: 48px;
}

.SearchItemSmall .inputItmeBoxinner{
    position: relative;
}

.SearchItemSmall .iconSearch{
    position: absolute;
    right: 0;
    top:50%;
    transform: translateY(-50%);
}

.SearchItemSmall .inputItmeBoxinner > input{
    border: 1px solid var(--gr150);
    border-radius: 8px;
    padding: 0 40px 0 16px;
}

.SearchItemSmall .inputItmeBoxinner > input::placeholder{
    color:var(--gr400);
}

.mapListWrap .listPageNavigationWrap.flxBox{
    height: 60px;
}

.mapListTopWrap{
    flex-shrink: 0;
}
.mapShowChange{
    font-size: 0.933rem;
    font-weight: 600;
    background-color: #fff;
    position: fixed;
    bottom: 100px;
    color: var(--gr900);
    z-index: 9;
    padding: 8px 16px 8px 12px;
    border-radius: 999px;
    left: 50%;
    transform: translate(-50%);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    align-items: center;
    gap: 4px;
    box-shadow: 0px 2px 8px #4545451a;
    border: 1px solid var(--gr100);
}

.showmap::before{
    width: 24px;
    height: 24px;
    content: "";
    display: inline-block;
    background: url(../images/icons/map_gr_pri.svg) center center / cover no-repeat;
    border-radius: 100%;
    transition: 0.1s ease;
}

.showlist::before {
    width: 24px;
    height: 24px;
    content: "";
    display: inline-block;
    background: url(../images/icons/list_pri.svg) center center/cover no-repeat;
    border-radius: 100%;
    transition: 0.1s ease;
}

.findCenterTopLayout{
    transition: none;
}

/*글자 넘칠떄*/
#serviceList .listGridTxt p.col_tit,
.recommendGrid .listGridTxt p.col_tit{
	word-break: break-all;
	  white-space: nowrap;
	      overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;  /* 말줄임 적용 */
}


.eventRecommendGrid.recommendGrid .boxTitle{
	justify-content: space-between;
}

.eventRecommendGrid.recommendGrid .boxTitle .btnIconTxtAfter,
.caption_btn{
    gap:0;
}
.eventRecommendGrid.recommendGrid .boxTitle .iconArrowSmall::after,
.caption_btn::after{
    opacity: .6;
}

/*지도 툴팁 표*/
.map_centerKind{
	border-collapse: collapse;
}

.map_centerKind .popupInnerWrap{
	padding:20px;
}

.map_centerKind td{
	font-size:0.875rem;
	padding: 10px;
	border:1px solid var(--gr150);
}

.map_centerKind td{
	color:var(--gr600);
}

.map_centerKind td:first-child{
	color:var(--gr900);
	background-color:var(--gr0);
}

.map_centerKind td .notBreak{
	font-weight:600;
}

/*팝업 내부 센터 내용*/

.map_centerKind.insidePop{
	position:relative;
}

.map_centerKind.insidePop::before{
	position:absolute;
    width: 8px;
    height: 8px;
    background: #fcfdfe;
    content: "";
    display: block;
    position: absolute;
    top: -4px;
    rotate: 45deg;
    border-top: 1px solid var(--gr150);
    border-left: 1px solid var(--gr150);
    left: 8px;
}
.map_centerKind.insidePop td{
	padding:4px 8px;
}

.map_centerKind.insidePop .mapListTap {
		gap:4px;
}

.map_centerKind.insidePop .mapListTap::before{
	width:20px;
	height:20px;
}


/*센터찾기 게시판형*/
/*센터찾기 게시판형 여닫기 제어*/
/*지도영역*/
.faq_map{
    width: 100%;
    height: 0;
    background-color: #eee;
    transition: 0.4s ease-in-out;
    position: relative;
}
input:checked ~ .tab-content.has_faq_map{
    position: relative;
    background: none;
    padding-top: 0;
    border-top: none;
}
input:checked ~ .tab-content.has_faq_map .faq_map{
    height: 400px;
    position: relative;
}
.faq_map .faq_map_area{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
}
.faq_map_copy{
	position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 2;
    background: #fff;
    padding: 8px 12px;
    border-radius: 4px;
   color: var(--gr600);
   font-weight:600;
   font-size:14px;
   box-shadow: 0px 0px 10px #2222221c;
   border: 1px solid var(--gr150);
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease 0.3s, visibility 0s linear 0.2s;
}
/* 체크되었을 때만 보여주기 */
input[type="checkbox"]:checked ~ .tab-content .faq_map_copy {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.boardMapType .mapListTitWrap{
    background-color: var(--gr50);
    border: 1px solid var(--gr100);
    padding: 32px;
    border-radius: 12px;
}
/*.mapListTabs 내부*/
.tabs.mapListTabs .notHave{
	 padding: 12px;
}
.tabs.mapListTabs .notHave .noneEventListWrap.roundBoxES{
	 border-radius: 0 !important;
}
.board_accordianTabWrap .mapListTabs input:checked ~ .tab-content{
    padding: 12px;
    padding-top: 0;
}

.mapListTabs .tagInfo{
    height: fit-content;
    background: none;
    padding: 0;
}
.mapListTabs .tagInfo::before{
    width: 24px;
    height: 24px;
}
.mapListTabs .board_accordianTabWrap .tab-label::after{
    flex-shrink: 0;
}
.mapListTabs .allInfo{
    align-items: center;
}

.mapListSearchFormWrap .mapListSearchBox .mapListSearchBox{
    width: 100%;
}
.mapListSearchFormWrap .mapListSearchBox .mapList_selectItem{
    width: 100%;
    max-width: 400px;
    flex-shrink: 0;
    gap:6px;
}
.mapListSearchFormWrap .mapListSearchBox .mini-select_mate{
    width: 100%;
}
.mapListSearchFormWrap .select-like-btnWrap{
    width: 100%;
    max-width: 260px;
}
.mapListSearchFormWrap .select-like-btn{
    width: 100%;
}
.mapListSearchFormWrap .miniQuickSearchFormWrap > input:focus{
    border: 1px solid var(--pri400, #FDA525);
    box-shadow: 0px 4px 8px 0px rgba(255, 122, 0, 0.08);
}
.mapListSearchFormWrap .miniQuickSearchFormWrap .iconClose{
    right: 40px;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    display: none;
}
.mapListSearchFormWrap .miniQuickSearchFormWrap .iconClose::after {
    background: var(--gr200) url(../images/icons/close_wh.svg) center center / 12px no-repeat;
    border-radius: 999px;
    transition: background-color 0.2s ease-in-out;
}
.mapListSearchFormWrap .select-like-showBox{
    position: absolute;
    width: 670px;
    height: auto;
    z-index: 2;
    left: 0;
    top: calc(100% + 8px);
    display: none;
    transition: all 375ms ease-in-out;
}
.mapListSearchFormWrap .chipFilterBtnContainer{
    display:flex;
    gap:6px;
}
.mapListSearchFormWrap .chipFilterBtnContainer .c_Filter{
    padding:8px 6px;
    width:calc((100% - 6px*3) / 4);
    margin-bottom:0 !important;
}
.mapListSearchFormWrap .chipFilterBtnContainer .c_Filter::before{
    margin-right:2px;
}
.mapListSearchFormWrap .c_Filter.hasToolTip .tooltipWrap{
    width:32px;
}
.sl-showBox-wrap{
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
}
.sl-showBox-conBox{
    padding: 12px;
}
.sl-showBox-con{
    margin-bottom: 16px;
}
.sl-showBox-titWrap{
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--gr100);
    display: none;
}
.sl-showBox-btnBox{
    padding: 10px;
    gap: 8px;
    border-top: 1px solid var(--gr100);
    justify-content: flex-end;
}
.sl-showBox-btnBox button{
    width:100%;
    max-width:140px;
    padding:0;
    height:44px;
}
.sl-showBox-btnBox .btnSytle03{
    width:44px;
    flex-shrink:0;
}

.centerKindSelect .chipFilterBtn{ 
    margin-bottom: 8px;
    width: 100%;
    text-align: left;
}
.mapListCell1{
    width:120px;
}

.mapListCell1,.mapListCell3{
    flex-shrink: 0;
}
.mapListCell2{
    width: 100%;
    padding: 0 60px;
}
.mapListCell3{
    padding-right: 40px;
    width: 260px;
}
.mapListCell .info_cap_wrap .col_caption::after{
    content: "·";
    display: inline-block;
    margin-left: 6px;
}
.mapListCell .info_cap_wrap .col_caption:last-child:after{
    display: none;
}
.mapListTabs .bd_faq_con_tit > * {
  min-width: 0;
  flex-shrink: 1;
  white-space: normal;
}
.mapListTabs .tab-label > * {
    min-width: 0;
    flex-shrink: 1;
}


.mapListTabs .roundBtn{
    margin-right: 12px;
    margin-left: 12px;
    flex-shrink: 0;
    display: none;
}

.c_Filter{
    display: flex;
    align-items:center;
    line-height: 100%;
}
.c_Filter{
    color:var(--gr600) ;
}
.c_Filter.on,
.c_Filter:hover{
    color:var(--gr900) !important ;
}
.c_Filter::before{
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    margin-right: 4px;
}
.c_FilterAll::before {
    border: 4px solid #fff;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background:var(--gr200) url(../images/icons/checksmall_wh.svg) center center / 16px no-repeat;
}

.c_Filter1::before {
    background: url(../images/map/place_09_off.svg) center center / contain no-repeat;
}
.c_Filter2::before {
    background: url(../images/map/place_02_off.svg) center center / contain no-repeat;
}
.c_Filter3::before {
    background: url(../images/map/place_03_off.svg) center center / contain no-repeat;
}
.c_Filter4::before {
    background: url(../images/map/place_04_off.svg) center center / contain no-repeat;
}
.c_Filter5::before {
    background: url(../images/map/place_05_off.svg) center center / contain no-repeat;
}
.c_Filter6::before {
    background: url(../images/map/place_06_off.svg) center center / contain no-repeat;
}
.c_Filter7::before {
    background: url(../images/map/place_07_off.svg) center center / contain no-repeat;
}
.c_Filter8::before {
    background: url(../images/map/place_08_off.svg) center center / contain no-repeat;
}
.c_Filter1.on::before {
    background: url(../images/map/place_09.svg) center center / contain no-repeat;
}
.c_Filter2.on::before {
    background: url(../images/map/place_02.svg) center center / contain no-repeat;
}
.c_Filter3.on::before {
    background: url(../images/map/place_03.svg) center center / contain no-repeat;
}
.c_Filter4.on::before {
    background: url(../images/map/place_04.svg) center center / contain no-repeat;
}
.c_Filter5.on::before {
    background: url(../images/map/place_05.svg) center center / contain no-repeat;
}
.c_Filter6.on::before {
    background: url(../images/map/place_06.svg) center center / contain no-repeat;
}
.c_Filter7.on::before {
    background: url(../images/map/place_07.svg) center center / contain no-repeat;
}
.c_Filter8.on::before {
    background: url(../images/map/place_08.svg) center center / contain no-repeat;
}
.c_FilterAll.on::before {
    background:var(--pri700) url(../images/icons/checksmall_wh.svg) center center / 16px no-repeat;
}
/*툴팁제어*/
.c_Filter.hasToolTip{
    position: relative;
}
.c_Filter.hasToolTip .tooltipWrap {
    position: absolute;
    display: block;
    width: 40px;
    height: 60%;
    right: 0;
    top:20%;
}
.c_Filter.hasToolTip .tooltipWrap .toolTipBtn{
    width: 100%;
    height: 100%;
    position: absolute;
    top:50%;
    right:0;
    transform: translateY(-50%);
}
.c_Filter.hasToolTip .tooltipWrap .toolTipBtn::after{
    width: 100%;
    height: 100%;
    background-size: 18px;
    z-index: -1;
}
.c_Filter_tooltip{
    background: #4c5b6ae0;
    position: absolute;
    right: 0;
    z-index: 2;
    width: 200px;
    bottom: 100%; /* 버튼 바로 위에 붙이기 */
    padding: 8px 40px 8px 12px;
    color: #fff;
    font-size: 12.5px;
    font-weight: 300;
    border-radius: 4px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    word-break: keep-all;
    line-height: 120%;
    letter-spacing: -0.8px;
    /* 초기 상태 */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.c_Filter_tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 12px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #4c5b6ae0;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
  }
  .close_c_Filter_tooltip{
    font-size: 0;
    position: absolute;
    right: 0;
    top:0;
    z-index: 2;
    width: 40px;
    height: 40px;
    background:url(../images/icons/close_wh.svg) 16px 8px/14px no-repeat;
    display:none;
  }

 /**================================
레인지 슬라이더
 ================================**/

.rangeWrapper {
  position: relative;
  width: 100%;
}
.rangeContainer {
  position: relative;
  width: 100%;
  height: 20px;
  margin-top: 20px;
}
.inputRangeGroup input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
}
.inputRangeGroup .sliderTrack,
.inputRangeGroup .sliderTrackSubPc,
.inputRangeGroup .sliderTrackCollPc,
.inputRangeGroup .sliderTrackSubMo,
.inputRangeGroup .sliderTrackCollMo{
    width: calc(100% - 4px);
    height: 6px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    margin-left: 2px;
    margin-right: 2px;
}
.inputRangeGroup input[type="range"]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 6px;
}
.inputRangeGroup input[type="range"]::-moz-range-track {
  -moz-appearance: none;
  height: 6px;
}
.inputRangeGroup input[type="range"]::-ms-track {
  appearance: none;
  height: 6px;
}
.inputRangeGroup input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  background: var(--pri700, #FF7A00);
  border: 4px solid #fff;
  cursor: pointer;
  margin-top:-6px;
  pointer-events: auto;
  border-radius: 999px;
  box-shadow: 0 0 2px #7474748e;
}
.inputRangeGroup input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    background: var(--pri700, #FF7A00);
    border: 4px solid #fff;
    cursor: pointer;
    margin-top:-6px;
    pointer-events: auto;
    border-radius: 999px;
    box-shadow: 0 0 4px #7474748e;
}
.inputRangeGroup input[type="range"]::-ms-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    background: var(--pri700, #FF7A00);
    border: 4px solid #fff;
    cursor: pointer;
    margin-top:-6px;
    pointer-events: auto;
    border-radius: 999px;
    box-shadow: 0 0 4px #7474748e;
}
.inputRangeGroup input[type="range"]:active::-webkit-slider-thumb {
  background-color: #ffffff;
  border: 4px  solid var(--pri700, #FF7A00);
}
.inputRangeGroup .values {
background: var(--pri700, #FF7A00);
  width: 75%;
  position: relative;
  margin: auto;
  padding: 10px 0;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 25px;
  color: #ffffff;
}

.rangeStartDisplay, .rangeEndDisplay, .rangeStartDisplaySubPc, .rangeStartDisplayCollPc, .rangeStartDisplaySubMo, .rangeStartDisplayCollMo, 
.rangeEndDisplaySubPc, .rangeEndDisplayCollPc, .rangeEndDisplaySubMo, .rangeEndDisplayCollMo {
    position: absolute;
    top: -28px;
    color: var(--gr600);
    font-size: 0.875rem;
    font-weight: 600;
    user-select: none;
    padding: 0 4px;
    background-color: var(--gr100);
    border-radius: 4px;
}
  
.rangeContainer {
    position: relative;
}
  
.sliderFirst, .sliderSecond {
    width: 100%;
    margin: 0;
}

.inputRangeNumber .inputBoxItem input{
    width: 100%;
}

.rangeIndexBox{
    margin-top: 4px;
    width: 100%;
    justify-content: space-between;
}

.rangeIndexBox .rangeIndex{
    font-size: 0.75rem;
    color: var(--gr400);
    font-weight: 600;
    position: relative;
}


 /**================================
이벤트 레이아웃
 ================================**/
 /*3그리드 탭*/
 .listFilterTab.grid3FilterTab .filterInnerTab:nth-child(2){
    border-right:none;
 }

 /*이벤트 Dday 추가*/

.ddayShow{
    position: absolute;
    background-color: #2222224a;
    color: #fff !important;
    right: 8px;
    top: 8px;
    padding: 2px 8px;
    border-radius: 6px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}


 /*이벤트 리스트 수정*/
 .pdListStyle02 .listGridThumb.ThumbRatio1{
    padding-bottom: 56.25%;
 }
 .listGridThumb.ThumbRatio1{
    height: 0;
    padding-bottom: 56.25% !important;
 }

 .listGridBox.listGridTxt{
    width: 100%;
 }

 .closedGridBox::after{
    content: "이벤트가 종료 되었습니다.";
    font-size: 0.933rem;
    font-family: 'Pretendard';
    color:#fff;
    width: 100%;
    height: 100%;
    background-color: #000000a1;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;

 }
 /*------------------
 기본 게시판 레이아웃
 -------------------*/
 .inCenter{
    text-align: center;
 }

 table.boardListTypeA_Tb{
    width: 100%;
}


table.boardListTypeA_Tb colgroup col:nth-child(1){
    width: 100px;
}
table.boardListTypeA_Tb colgroup col:nth-child(2){
    width: calc(100% - 260px);
}
table.boardListTypeA_Tb colgroup col:nth-child(3){
    width: 220px;
}
table.boardListTypeA_Tb colgroup col:nth-child(4){
    width: 140px;
}

table.boardListTypeA_Tb th, 
table.boardListTypeA_Tb td{
    padding: 12px;
}

table.boardListTypeA_Tb.oneTitleListType td{
    padding: 20px 12px ;
}

table.boardListTypeA_Tb tr{
    border-bottom: 1px solid var(--gr150);
}
table.boardListTypeA_Tb{
    border-top: 1px solid var(--gr400);
}

/*A 타입 노T헤드 게시판*/

table.boardListTypeA_Tb.noThead colgroup{
    width: 100%;
}
table.boardListTypeA_Tb.noThead th, 
table.boardListTypeA_Tb.noThead td{
    padding-top: 20px;
    padding-bottom: 20px;
}

.tableInnerAnchor.flxBox{
    justify-content: space-between;
    align-items: center;
    gap:8px;
}
.tableInnerAnchor{
    word-break: keep-all;
}

.mo_boardAbout{
	display:none;
}

 /*------------------
 게시판 자세히보기 레이아웃
 -------------------*/
 .showCon_head{
    display: flex;
    padding: 20px 0;
    justify-content: space-between;
    align-items: flex-end;
 }

 .detailConType2 .showCon_head{
    flex-direction: row;
    align-items: flex-end;
 }

 .showCon_head_Tit_sub{
    height: 100%;
    align-items: flex-end;
    gap: 20px;
}

.showCon_body{
    border-top: 1px solid var(--gr400);
    padding: 20px 0;
    color: var(--gr600);
    font-weight: 400;
}

.showCon_head_Tit{
    font-size: 1.25rem;
}
.showCon_foot{
    border-top: 1px solid var(--gr150);
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: flex-end;
}

.showCon_foot_Center{
    margin-top: 40px;
    justify-content: center;
    border: none;
}

#notFloating .showCon_foot_Center{
    margin-bottom: 40px;
}


.showCon_foot .btnSytle03{
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid var(--bl30, rgba(22, 25, 28, 0.30));
}

.showCon_foot_Center .btnSytle03{
    width: 200px;
}

.searchforConBody{
    background-color: var(--gr50);
    padding: 32px;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.searchforConBody .inputItmeBox{
    border: 1px solid var(--gr200);
    width: 480px;
}
.searchforConBody .inputItmeBoxinner > input{
    font-size: 0.933rem;
    font-weight: 500;
}

.searchforConBtn{
    padding: 0 20px ;
    background-color: var(--gr800);
    color: #fff;
    height: 48px;
}

.anchor{
    cursor: pointer;
}

.recommendGrid .listGridThumb{
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 100%;
}
.recommendGrid .listGridThumb > img{
	position:absolute;
	left:50%;
	transform:translate(-50%,-50%);
	top:50%;
}


.popupConGroup_last .radioContainer > label{
	padding-left: 28px;
}


#brandListMo.popupConGroup_last .chipFilterBtnContainer{
	gap:20px;
}

#brandListMo.popupConGroup_last .chipFilterBtnContainer > div{
	width: calc(50% - 10px);
}


/*썸네일 첵스트 2줄*/

#serviceList .aboutThumbProduct{
  height:2.275rem;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%;
}

.recommendGrid .aboutThumbProduct{
	height:2.275rem;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%;
}

#serviceList .hashNotBreakBox{
	height:2rem;
	margin-bottom:1.4rem;
}
.recommendGrid .hashNotBreakBox{
	height:2rem;
	margin-bottom:1.4rem;
}
.eventDetailBody .recommendGrid .hashNotBreakBox{
	margin-bottom:0;
}

#subjectSelList{
	margin-top: 20px;
}
#prdSearchFilterKm  li:nth-child(1) .moShowFilter.active,
#prdSearchFilterMr  li:nth-child(1) .moShowFilter.active{
	color: var(--pri700);
	
}

#prdSearchFilterKm  li:nth-child(1) .moShowFilter.active::after,
#prdSearchFilterMr  li:nth-child(1) .moShowFilter.active::after{
background:url(../images/icons/filter_pri.svg) center center / contain no-repeat;
}
.hasFilterNumber{
	position:relative;
}
.itsFilterNumber{
	position: absolute;
    top: -4px;
    right: -4px;
    background: var(--pri700);
    width: 14px;
    height: 14px;
    border-radius: 999px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 100%;
    font-size: 10px;
    font-weight: 400;
}

#prdSearchFilterKm  li:nth-child(1) .moShowFilter:not(.active) .itsFilterNumber,
#prdSearchFilterMr  li:nth-child(1) .moShowFilter:not(.active) .itsFilterNumber{
	display:none;
}

.onlyBtnFilter{
    flex-shrink: 0;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.on.onlyBtnFilter::after{
    background:url(../images/icons/filter_pri.svg) center center/contain no-repeat
}

.onlyBtnFilter .itsFilterNumber{
    top: 4px;
    right: 4px;
}

/*브랜드 스토리 홍보센터*/
.subBannerFull{
    width:100%;
    height:200px;
    background-color:#DAD9D8;
}

.subBannerFullImgBox{
    width:100%;
    max-width: 1280px;
    margin: 0 auto;
    height:100%;
    background: url(../images/brand/news/subBannerFull_news.png) center center/cover no-repeat;
}

.subBannerFull_02{
    background-color:#EAEBEF;
}

.subBannerFull_02 .subBannerFullImgBox{
    background: url(../images/brand/edu/subBannerFullI_02.png) center center/cover no-repeat;
}

.subBannerFullImgBox.hasSubBnTxt{
    align-items: center;
    flex-direction: flex-start;
}

/*캠페인 cf*/
.cfIframeBox{
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;

}

.cfIframeBox > iframe{
    position: absolute;
    width: 100%;
    height: 100%;
}

.cfDownloadBtn{
    margin: 0 auto;
    width: 200px;
    gap:8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.listGridTxtHasShare{
    justify-content: space-between;
}
.listGridTxtHasiconDownload{
    flex-grow: 0;
}

/*수상내역*/

.historyGrid.flxBox{
    justify-content: center;
    margin: 0 auto;
    align-items: flex-start;
}

.historyGrid > .gridBox01{
    width: 250px;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}

.historyAboutBox p{
    word-break: keep-all;
}

.lineDiv .line{
    display: block;
    position: absolute;
    width: 2px;
    height: calc(100% + 3.39rem + 6px);
    background-color: var(--pri100);
    left:0;
    z-index: -1;
    top:0;
}

.historyGrid:first-child .lineDiv .line{
    height: calc(100% - 3.39rem - 6px);
    top: calc(3.39rem + 6px);
}
.historyGrid:last-child .lineDiv .line{
    height: calc(3.39rem + 6px);
    top: 0;
}

.historyGrid > .gridBox02{
    width:calc(100% - 250px);
    padding-left: 80px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}

.history_dot{
    padding: 40px 0;
    position: absolute;
    top:0;
    left: -5px;
    height: 7.78rem;
    width: 12px;
}


.listTabConWrap_01,
.listTabConWrap_02,
.listTabConWrap_03 {
    display: none;
}

.listTabConWrap_01.active,
.listTabConWrap_02.active,
.listTabConWrap_03.active {
    display: block;
}

/*스크롤 오류 수정*/
  .filterSelectBoxWrap.mbScroll{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  }
  
  .filterSelectBoxWrap.mbScroll::-webkit-scrollbar{
  display: none;
  width: 0;  /* Remove scrollbar space */
  height: 0;
  background: transparent;  /* Optional: just make scrollbar invisible */
  -webkit-appearance: none;
  }


.linkToApp .iconOutlink{
    position: absolute;
    top:8px;
    right:8px;
    display: none;
}

.share_btnBox{
    gap:8px;
}
.lineListThumb .share_btn{
    top:8px;
    right: 8px;
    position: absolute;
	z-index: 2;
}

/*#br_section2 영역 텍스트제어*/
.big_txt {
    color: #21252959;
}

.big_txt .b_txt {
    position: relative;
    width: max-content;
    background: linear-gradient(to right, #212529, #212529) no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 0%;
    transition: background-size cubic-bezier(.1, .5, .5, 1) 0.8s;
}

.big_txt .brac_ket {
    display: block;
    position: absolute;
    left: 300px;
    bottom: -50px
}

.big_txt .bg_txt {
    display: inline-block;
    background: linear-gradient(to right, #2125299c, #2125299c) no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 0% 100%;
}

/**================================
교육서비스
 ================================**/

/*앱서비스 영역 아이콘 텍스트 */
#appList.serviceList .listGridTxt p.aboutThumbProduct{
    display: -webkit-box;
    height: 3.4125rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break :break-all;
    margin-bottom: 12px;
}

.eventLayoutBox .ratio1ListTit{
display: block;/* 블록태그로 만들어준다 */
text-overflow: ellipsis;/* 말줄임 css */
white-space: nowrap;/*글자를 한줄로 모아준다*/
overflow: hidden;
}

.eventLayoutBox .gridBox fullGridBox{
	width:100%;
}

.listGridBoxWrap a.noLink,
.listGridBoxWrap a.noLink button{
	cursor: initial !important;
}

/*특허증 팝업 추가*/
.popConListGrid li{
    padding-left: 30px;
    position: relative;
    padding-bottom: 40px;
    justify-content: space-between;
}

.hasDotpopList li::before{
    content: "";
    display:block;
    position: absolute;
    left: 0;
    top:calc(50% - 4px);
    width: 8px;
    height: 8px;
    background-color: var(--pri700);
    border-radius: 100%;
}

.certificate_img > img{
    width:149px;
    height: auto;
    border: 1px solid var(--gr150);
}
.popConListGrid_txt{
    word-break: keep-all;
}
.popConListGrid_img {
    flex-shrink: 0;
}
.popConListGrid_con{
    display: flex;
    gap:60px;
    align-items: center;
}

#certificatePop{
    display: none;
}


.dot-bubble:before {
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 4px);
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;    
    background-color:var(--pri700, #FF7A00);
    opacity: .8;
}

.dot-bubble:after {
position: absolute;
    content: "";
    top: calc(50% - 14px);
    left: calc(50% - 14px);
    width: 28px;
    height: 28px;
    background-color:var(--pri700, #FF7A00);
    border-radius: 100%;
    opacity: .2;
	animation: bubble 2s ease-out infinite;
}

.mini_award_layout{
	width:960px;
	margin: 0 auto;
}

@keyframes bubble {
    0% {
        background: #FF7A00;
        transform: scale(0.2);
    }

    30% {
        box-shadow: 0 8px 20px rgba(63, 173, 229, 0.2);
    }

    80% {
        border-color: rgba(55, 131, 169, 0.7);
        box-shadow: 0 10px 30px rgba(63, 173, 229, 0.2);
    }

    100% {
        border-color: rgba(55, 131, 169, 0);
    }
}

/*센터찾기 지도 bottom sheet*/
.bottom_sheet {
    display: flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 225px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background-color: #fff; /* 바텀시트 배경색 */
    overflow-y: auto;
    flex-direction: column;
    align-items: center;
    transition: height 1s;
    box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2); /* 그림자 효과 */
    z-index: 2;
    /*스크롤 안보이게*/
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.bottom_sheet.scroll_hidden{
	overflow-y:hidden;
}

.bottom_sheet::-webkit-scrollbar{
    display: none;
    width: 0;  /* Remove scrollbar space */
    height: 0;
    background: transparent;  /* Optional: just make scrollbar invisible */
    -webkit-appearance: none;
}

.bottom_sheet_handle_wrap {
      z-index: 8;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      height: 40px;
      margin-bottom: 10px;
      position: fixed;
      background-color: #fff;
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
}

.bottom_sheet_handle {
    width: 60px;
    height: 6px;
    background-color: var(--gr150);
    border-radius: 998px;
    margin-top: 16px;
    position: absolute;
    top: 0;
    left: calc(50% - 30px);
    border: 1px solid #d2dae1;
}

.bottom_box {
    width: 100%;
    margin-top: 40px;
    transition: height 2s;
    background-color: #ffffff; /* 바텀박스 배경색 */
}

.up_sensor {
    z-index: 9;
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 225px;
    transition: height 1s;
}

.has_map_tooltip{
	align-items: center;
}

.has_map_tooltip .map_toolTipBtn{
    width: 1rem;
    height: 1rem;
    margin-left: 0.4rem;
    position: relative;
    padding: 0;
}

.has_map_tooltip .map_toolTipBtn::after{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/**================================
 고객지원
 ================================**/
.request_input_wrap{
    width: 100%;
}

.request_input_inner{
    width: 720px;
    margin: 0 auto;
    padding: 40px;
}

.oneAgreeGroup .agreeTop{
    justify-content: space-between;
    border-radius: 8px;
    position: relative;
}

.boxAgreeGroup{
    padding: 16px 12px;
    border: 1px solid var(--gr150);
    border-radius: 8px;
}

.boxAgreeGroup .agreeTop{
    width: 100%;
}

.gotoItmWrap{
    border-top: 1px solid var(--gr150);
    padding: 16px 0;
    align-items: center;
    width: 100%;
}

.gotoItmWrap.beforeItmWrap{
    border-top:1px solid var(--gr200) ;
}

.gotoItm button.iconArrowLSmall{
    display: flex;
    align-items: center;
    width: max-content;
}

.gotoItm button.iconArrowLSmall::before{
    width: 28px;
    height: 28px;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    opacity: 0.6;
    background: url(../images/icons/arrowDownSmall_gr.svg) center center / 20px no-repeat;
}

.gotoItmBefore button.iconArrowLSmall::before{
    transform: rotate(180deg);
}

.gotoItmTit{
    width: 100%;
    flex-shrink: 1;
    align-items: center;
    gap: 20px;
}

.gotoItmTit_txt{
    width: 100%;
    white-space: nowrap;    
    overflow: hidden;       
    text-overflow: ellipsis;
    min-width: 0;
    flex-shrink: 1;
}

.topBannerBox{
    border: 1px solid var(--gr150);
    padding: 20px 80px;
    width: 100%;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
}

.topBanner_left::before{
    content: "";
    display: inline-block;
    width: 52px;
    height: 52px;
    background: url(../images/icons/feature/customer_bl.svg) center center / contain no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.topBanner_left{
    padding-left: 80px;
    position: relative;
}

.infoSmallBox{
    text-align: center;
}

.infoMiddleBox{
    text-align: center;
}

.infoSmallBox::after{
    width: 40px;
    height: 2px;
    background-color: var(--pri700);
    content: "";
    display: inline-block;
    margin: 20px auto 0 auto;
}

.infoSmallBox > p{
    word-break: keep-all;
}


/*기타페이지 - 약관, 제휴 등 CSS*/
.topMarginStartBox{
	margin-top:80px;
}
.paragraph{
	margin-bottom:20px;
}
.paragraph:last-child{
	margin-bottom:0;
}
.bg_gr{
	background-color:var(--gr50);
}
.bulletTitle{
	word-break:keep-all;
}
.boxCon{
	padding:40px 0;	
}

.notice_info_txtWrap{
	padding-left:80px;
	padding-right:80px;
}

.lineBoxCon{
	border:1px solid var(--gr150);
	padding-left:20px;
	padding-right:20px;
}
.bulletTitle{
	font-size:1.125rem;
}
.hasBullet{
	padding-left:12px;
	position:relative;
	word-break:keep-all;
}
.hasBullet::before{
	content:"";
	display:inline-block;
	position:absolute;
	width:4px;
	height:4px;
	background:var(--gr400);
	left:0;
	top:calc(50% - 2px);
	border-radius:999px;
}
.hasBulletUnder{
	padding-left:16px;
}

.boxCon_btnwrap{
	display: flex;
    justify-content: center;
    gap: 20px;
}

.downFileBtn{
	border-radius:12px;
	padding:16px 24px;
	color:#fff;
	font-weight:700;
	justify-content: center;
    width: 280px;
	display:flex;
	align-items:center;
	gap:8px;
	font-size:1.25rem;
}
.downFileBtn.wordBtn{
	background:#2c5897;
}
.downFileBtn.pdfBtn{
	background:#c01e07;
}
.downFileBtn.wordBtn::before{
	content:"";
	display:inline-block;
    background: url(../images/icons/word.svg) center center / contain no-repeat;
    width:28px;
    height:28px;
}
.downFileBtn.pdfBtn::before{
		content:"";
	display:inline-block;
    background: url(../images/icons/pdf.svg) center center / contain no-repeat;
    width:28px;
    height:28px;
}

.boxConIcon{
	justify-content: center;
	gap:20px;
}

.boxConIcon > li{
	width:100%;
	word-break:keep-all;
	text-align:center;
	position:relative;
}

.boxConIcon > li::after{
	content: "";
    display: inline-block;
    background: url(../images/icons/arrowFill_gr.svg) center center / contain no-repeat;
    position: absolute;
    width: 40px;
    height: 40px;
    opacity: 0.4;
    right: -10px;
    top: 60px;
    transform: translate(+50%, -50%) rotate(-90deg);
    flex-shrink:0;
}

.boxConIcon > li:last-child::after{
	display:none;
}

.boxConIcon > li p{
	font-size: 1rem;
    color: var(--gr600);
    line-height: 140%;
}

.boxConIcon > li::before{
	content: "";
    display: inline-block;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius:999px;
    margin-bottom:20px;
}

.boxConIcon > li:nth-child(1)::before{
    background:#fff8ed url(../images/icons/feature/ico_family_01.png) center center / 80% no-repeat;
}
.boxConIcon > li:nth-child(2)::before{
    background:#fff8ed url(../images/icons/feature/ico_family_02.png) center center / 80% no-repeat;
}
.boxConIcon > li:nth-child(3)::before{
    background:#fff8ed url(../images/icons/feature/ico_family_03.png) center center / 80% no-repeat;
}
.boxConIcon > li:nth-child(4)::before{
    background:#fff8ed url(../images/icons/feature/ico_family_04.png) center center / 80% no-repeat;
}

.underBar::after {
    width: 40px;
    height: 2px;
    background-color: var(--pri700);
    content: "";
    display: block;
    margin: 20px auto 0 auto;
}

/*개인정보 처리 방침*/
.sortArea{
	height:48px;
	display:flex;
	justify-content:center;
}

.sortArea .select_basic{
	margin: 0 auto;
	height:48px;
	width:100%;
	max-width:600px;
	font-weight: 600;
	padding-right: 36px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}

/*검색창 결과없음*/

.noResultBox::before{
    content: '';
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    background: url(../images/icons/alert_gr.svg) center center / contain no-repeat;

}

.noResultBox{
    padding-bottom: 60px;
}

.noResultBox p{
    text-align: center;
    word-break: keep-all;
}

/*콘텐츠 내부 제어*/

/*contBody 내부영역 S*/
.contBody{
	*{
	    font-family: 'Pretendard';
	    color:var(--gr600);
	    font-weight:500;
	   	word-break: keep-all;
		}
		
	.titleThis{
		font-size: 1.5rem;
	}	
	
	h4,.sectionThis {
	
	    font-size: 1.5rem;
	    font-weight: bold;
	    color: var(--gr900);
	    margin-bottom: 20px;
	    margin-top:40px;
	}
	
	h5,.subsectionThis {
	    font-family: 'Pretendard';
	    font-size: 1.25rem;
	    font-weight: bold;
	    color: var(--gr900);
	    margin-bottom: 10px;
	}
	
	p,.thisP,dl,ul{
		font-size: 1rem;
		margin-bottom: 20px;
	}
	
	li,dd{
		margin-bottom: 20px;
	}

	p.stit{
		font-size: 1.25rem;
		margin-bottom: 20px;
		color:var(--gr900);
		font-weight:700;
		text-align:center;
	}
	
	table{
	    width: 100% !important;
	    border-collapse: collapse;
	    margin-bottom: 40px!important;
	}
	caption{
        background-color: var(--gr100);
   	    border: 1px solid #ddd;
   	    border-bottom:none;
   	    color:var(--gr900);
   	    font-weight:600;
   	    padding:10px;
	}
	table,th,td {
	    border: 1px solid #ddd !important;
	    font-size: 0.933rem !important;
	    padding: 10px !important;
	    text-align: left !important;
	    font-family: 'Pretendard' !important;
	}
	th,td{
		width:unset !important;
	}
	th,.contBody th{
	    background-color: #fafbfc;
	    font-family: 'Pretendard';
	}
	a{
	    color:#333;
	    text-decoration: underline solid #aaa;
	}
	#cateForm{
		width:100%;
		display:flex;
		align-item:center;
		justify-content:center;
	}
	.otherCont strong{
		color:var(--gr900);
		font-weight:700;
	}
	.otherCont strong > span{
		color:var(--gr900);
		font-weight:700;
	}
}/*<- 지우면안됨*/
/*contBody 내부영역 E*/


 /**================================
 미디어 쿼리 반응형 제어
 ================================**/
/*pc 해상도일때만 적용되는 css*/


 @media only screen and (min-width: 1281px) {   
    /*------------------
    픽스드 버튼 조정
    -------------------*/

    .productDetailBody .fixedFloatingBtnGroup{
        bottom:36px;
    }
    

 }

 @media only screen and (min-width: 1025px) {    
    /*------------------
    서브 공통 PC
    -------------------*/
    .onlyMO.onlySUB{
        display: none;
    }

    .thumbListLnb button.mapListTap > span br{
        display: none;
    }
    .insideMapList{
        display: none;
    }

    /*hover 효과*/
    
    /*지도 hover시 툴팁*/
    
    .thumbListLnb li:hover .mapListTap_tooltip{
    	display:block;
    }

    .tableInnerAnchor:hover .iconOutlink{
        border-radius: 999px;
        background-color: var(--pri700);
        flex-shrink: 0;
        
    }
    .tableInnerAnchor:hover .iconOutlink::after{
        background:url(../images/icons/newTab_wh.svg) center center/contain no-repeat
    }

    .cfDownloadBtn:hover::after{
        background: url(../images/icons/download_pri.svg) center center/contain no-repeat;
    }
  
    /*교육서비스 앱 hover 효과*/
    .linkToApp{
        position: relative;
    }
    .linkToApp img{
        mix-blend-mode: multiply;
    }
    .linkToApp .iconOutlink::after{
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--gr100);
        padding: 8px;
        width: 32px;
        height: 32px;
        border-radius: 999px;
        background-size: 24px;
        background-color: #fff;   
    }
    
    .linkToApp:hover .iconOutlink{
        display: flex;
    }

    .linkToApp:hover .lineListThumb{
        border: 1px solid var(--gr200);
    }

    .fixedMapTabList .thumbListLnb .onlyBtnFilter.onlyMO{
        display: none;
    }
    /*지도 bottom sheet*/
    .up_sensor,.bottom_sheet_handle_wrap{
        display: none;
      }
      .bottom_sheet,.up_sensor{
        width: 0;
        height: 0;
        padding: 0;
        margin: 0;
        background-color: none;
        border: none;
      }
      .mapListWrap{
        z-index: 9;
      }
      
      /*지도텍스트 줄바꿈*/
      .mapTxtPlace span > br{
      	display:none;
      }
      /*지도 툴팁 제어*/
      .tooltipWrap:hover .c_Filter_tooltip {
        opacity: 1;
        visibility: visible;
      }
 }

 /*
 데스크탑 
 */
 @media only screen and (max-width: 2076px) {
    .fixedMapTabList{
        left: 400px;
        transform: unset;
        width: calc(100% - 480px);
    }
    .fixedMapTabList ul.thumbListLnb{
        width: 100%;
        flex-wrap: wrap;
        padding-right: 40px;
    }
    .wherePlace{
        top: 240px;
    }
 }
 @media only screen and (max-width: 1280px) {
    /*------------------
    제품 서비스 레이아웃
    -------------------*/
    /*사이드탭*/
    .boxGrid > div.sideGridBox,.sideGridBoxInner{
        width: 250px;
    }
    .hasFilterGrid{
        gap: 60px;
    }

    /*제품상세*/
    /*사이드 버튼 width 정리*/
    /*------------------
    제품 서비스 레이아웃
    -------------------*/
    /*제품상세*/
    /*제품상세 fixed 버튼 수정*/
    
    .productDetailFixedBox.fixed,
    .eventDetailFixedBox{
        position: fixed;
        width: 100%;
        left: 0;
        top: unset;
        bottom: 0;
        border-radius: 0;
        border: 0;
    }
    .productDetailFixedBox .productThumbSubList{
        display: none;
    }
    
    .productDetailFixedBox .productThumbBtnWrap{
        display: none;
    }
    /*2025 조정*/
    #hasFloating .productDetailFixedWrap .productThumbTitTxt.txtMarginM,
    #hasFloating .productDetailFixedWrap .productThumbTitTxt.txtMarginM .txtMarginS{
    	margin-bottom:0;
    }
    .productDetailFixedBox .fixedBtnPrice{
        margin-bottom: 0;
        display: flex;
        align-items: center;
        gap: 20px;
        flex-shrink:0;
    }
    .productDetailFixedBox .listGrid p{
    	flex-shrink: 0;
    }
    .productDetailFixedBox .listGridBox.listGridTxt{
        display: flex;
        justify-content: space-between;
        width: 900px;
        margin: 0 auto;
      flex-direction: column;
    }
    .productDetailFixedBox .productThumbTitTxt{
        margin: 0;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }
    .productDetailFixedBox .aboutThumbProduct.txtMarginM{
        margin: 0;
    }
    .productDetailFixedWrap .btnSytle01{
        width: 240px !important;
        flex-shrink:0;
    }
    .productDetailFixedWrap .productThumbBtnBox.flxBox{
        flex-direction: row;
        gap: 20px;
        align-items: center;
    }

    .productDetailFixedBox.absolute{
        display: none;
    }
    .boxGrid > div.productDetailFixedWrap{
        width: 0;
        margin: 0;
        flex:unset;
    }
    /*제품상세 하단 상단으로 위치 조정*/
    .productDetailAbout{
        margin: 0 auto;
    }
    .productDetailGnb{
        margin: 0 auto;
    }
    .productDetailFixedBox{
        background: #ffffffe8;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        -moz-backdrop-filter: blur(8px);
        -o-backdrop-filter: blur(8px);
        -ms-backdrop-filter: blur(8px);
    }

    /*센터찾기*/
    .mapListTap::before{
        width: 20px;
        height: 20px;
    }
    
    /*이벤트영역 리스트*/
	.subEventConWrap .recommendGrid.recommendGridTypeB .thumbProductList li{
		width: calc((100% - 24px) / 2);
	}
	.subEventConWrap .recommendGrid.recommendGridTypeB .thumbProductList{
		gap: 20px;
	}

	/*지도 텍스트 조정*/
    .mapTxtPlace{
        left: 646px;
    }
    .wherePlace{
        top: 220px;
    }

    /*센터찾기 1280 수정*/
    .mapListSearchFormWrap .mapListSearchBox .mapList_selectItem{
        max-width: 290px;
    }
    .mapListCell2{
        padding: 0 40px;
    }
    .mapListCell3{
        padding-right: 20px;
        width: 240px;
    }
}
@media only screen and (max-width: 1180px) {
    .pdListStyle02_Ratio1.pdListStyle02 ul.thumbProductList li{
        width: calc((100% - 24px) / 2);
    }
    .recommendGrid.recommendGridTypeB .thumbProductList li{
        min-width:280px;
    }
        .wherePlace{
        top: 240px;
    }
}
 @media only screen and (max-width: 1024px) {   
 
 /*수정*/
 .floatChatBtn{
 	display:none;
 } 
    /*------------------
    서브 공통
    -------------------*/
    .onlyPC.findCenterBanner{
        display: none;
    }
    .subHeroSection{
        display: none !important;
    }

    /*subHeader 서브헤더 나타남*/
    .onlyMO.onlySUB{
        display: block;
        position: fixed;
        top:0;
        width: 100%;
        background-color: #fff;
        z-index: 3;
    }

    /*sub bottom navigation 하단 버튼*/
    .fixedBottomnaviSub{
        padding-top: 8px;
        padding-bottom: 8px;
    }

    /*리스트 페이지 네비게이션 숨기기 - 더보기 활성화*/
    .listPageNavigationWrap.onlyPC{
        display: none;
    }

    .listShowMoreWrap.onlyMO{
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .listStyle_hori .listShowMoreWrap.onlyMO {
        padding-bottom: 20px;
    }

    /*서브콘텐츠전체 상단 MO UI 마진*/
    .subMainConWrap{
        margin-top: 0px;
    }

    /*브레드크럼블 삭제*/
    .breadCrumbleWrap.onlyPC{
        display: none;
    }
    /*서브헤더영역 삭제*/
    .subBrandTitSection.onlyPC{
        display: none;
    }
    .board_accordianTabWrap .tagfaq{
        margin-left: 2rem;
        width: unset;
    }
    .board_accordianTabWrap.accordianTabWrap.boxMarginS{
        margin-bottom: 20px;
    }
    table.boardListTypeA_Tb.oneTitleListType td{
        padding: 0 !important;
    }
    table.boardListTypeA_Tb.oneTitleListType td:nth-child(3) .boardDate{
        position: static;
    }

    /*------------------
    제품 서비스 레이아웃
    -------------------*/

    /*사이드탭 - PC 사이드탭 숨김*/
    .sideGridBox.onlyPC{
        display: none;
    }

    .headerBox .onlymainHeader{
        display: none;
    }
    .subHeader{
        position: fixed;
    }

    .hasthumbListLnb.onlyPC{
        display: none;
    }

    .captionListfilter.onlyPC{
        display: none;
    }

    .pdListStyle02 .thumbProductList{
        margin-bottom: 20px;
    }

    .onlyMO.mobileProductfilterTab{
        display: block;
    }
    .filterInnerTab:nth-child(1){
        border-left: 0 !important;
    }
    .filterInnerTab:nth-child(2){
        border-right: 0 !important;
    }
    
    /*제품서비스 모바일 필터 상단*/
    .onlyMO.mobileProductfilterTab .filterInnerTab{
        border-top: none;
        padding: 8px;
    }

    /*모바일 상단 셀렉트*/

    .filterSelectBox{
        width: max-content;
        gap: 8px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .filterSelectBox li > button{
        padding: 10px 8px;
        border: 1px solid var(--gr100, #F1F3F5);
        border-radius: 4px;
        color: var(--gr400,#6d757e);
    }

    .filterSelectBox li > button > span{
        color: var(--gr900,);
    }

    .onlyMO.mobileProductfilterTab{
        border-bottom: 1px solid var(--gr100);
        position: fixed;
        top: 80px;
        width: 100%;
        z-index: 2;
        background-color: #fff;
        box-shadow: 0px 0px 6px #0000000d;
    }


    .hasTopFilter.subAlllayoutWrap{
        margin-top: 87px;
        border-top: 6px solid var(--gr50);
    }

    .hasTopFilter .hasthumbListBtnWrap{
        margin-top: 20px;
    }

    .catalog_btn{
        font-size: 0;
        gap:0;
        width: 36px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /*------------------
    제품 상세 레이아웃
    -------------------*/
    
    /*상단gnb 위치*/
    .productDetailGnbBox.fixed{
        top:80px;
    }

    /*제품썸네일영역 레이아웃조정*/
    .productThumbWrap{
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .gridBox.productThumbDetail{
        margin-left: 60px;
    }

    .gridBox.productThumbImg{
        width: 360px;
        height: 360px;
    }
    .listPrice span:nth-child(1){
        margin-right: 8px;
    }

    /*제품상세 1024 구간 하단 팝업*/
    /*상단, 하단 기존 버튼 제거*/
    .onlyPC.topThumbBtn{
        display: none;
    }
    .productDetailFixedBox{
        display: none !important;
    }

    /*배너 변경*/
    .subThumbBanner_pc.onlyPC{
        display: none;
    }
    .subThumbBanner_mo.onlyMO{
        display: block;
    }

    /*하단 서브 버튼 추가*/
    .onlyMO.fixedBottomnaviSub{
        display: block;
        transform:translate(0,0) !important;
    }
    .productDetailGnb{
        width: 100%;
    }
    .productThumbSubList li p:nth-child(1){
        width: 120px;
    }
    .productThumbBtnBox.flxBox{
        margin-bottom: 0;
    }


	.mini_award_layout{
		width:100%;
		margin:0;
	}
    /*------------------
    센터찾기
    -------------------*/

    .mapListTopWrap .hasthumbListBtnWrap #showMapFilterPC{
        display: none;
    }
    /*센터종류 셀렉트 이동*/
    .fixedMapTabList{
        left: 20px;
        top:92px;
        width:calc(100% - 96px);
    }

    /*센터 셀렉트 버튼 제어*/
    .fixedMapTabList .thumbListLnb .onlyBtnFilter{
        width: 38px;
        height: 38px;
        margin-right: 8px;
    }

    .thumbListLnb button.mapListTap > span{
        word-break: keep-all;
        line-height: 104%;
    }
    .thumbListLnb button.mapListTap > span br{
        display: block;
    }
    .mapListTap::before{
        width: 28px;
        height: 28px;
    }

    .hasMap .fullListLnb{
        gap: 8px;
    }

    .hasMap .hasthumbListLnb{
        border-bottom: none;
        margin-top: 8px;
        overflow-x:auto;
        width: 100%;
        width: 100vw;
    }
    
    .hasMap .hasthumbListLnb .thumbListLnb{
        padding-left: 20px;
        padding-right: 20px;
        width: fit-content;
        gap: 20px;
    }

    .hasMap .thumbListLnb li button.mapListTap{
        height: unset;
        display: flex;
        flex-direction: column;
        padding: 0;
        border: none;
        border-radius: 999px;
        width: 96px;
        height: 96px;
    }
    .hasMap .thumbListLnb li button.mapListTap{
        border: none;
        padding: 0 8px;
    }
    .on .mapListTap::before{
        background-color:#fffcf7;
    }

    .findCenterTopLayout .layoutWrap{
        padding: 0;
    }

    .mapListTap{
        gap: 8px;
        font-size: 0.875rem;
    }

    .mapListSearchWrap.onlyPC{
        display: none;
    }

    .mapListSearchWrap.onlyMO{
        display: block;
        padding: 0;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #fff;
    }

    .hasMap .hasthumbListLnb{
        border-bottom: 1px solid var(--gr100);
        margin: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .mapListSearchWrap{
        background: #fff;
        padding-top: 20px;
        padding-bottom: 20px;
        box-shadow: 0px 0px 2px #0000000d;
        border-bottom: 1px solid var(--gr100);
    }

    .mapListSearchBox .select_basic{
        width: calc((100% - 8px - 8px - 100px) / 2);
    }

    .mapListSearchBox button.findPlace{
        padding-left: 0;
        padding-right: 0;
        width: 100px;
    }

    
    .findCenterTopLayout{
        border-bottom: 6px solid var(--gr50);
        margin-bottom: 0;
    }

    /*지도부분제어*/
    .hasMapArea .layoutWrap{
        padding-left: 0;
        padding-right: 0;
    }

    .mapListWrap{
        position: static;
        box-shadow: none;
        border: none;
        width: 100%;
    }

    .mapList,
    .mapAreaWrap{
        height: unset;
        height: fit-content;
        border: none;
    }
    .tempMapArea{
        display: none;
        height: calc(100vh - 120px);
    }


    .tempMapArea.show{
        display: block;
        position: fixed;
        width: 100%;
        height: 100vh;
        z-index: 1;
    }
    .mapListWrap.show{
        display: block;
    }

    .onlyMO.mapShowChange{
        display: flex;
    }

    .captionListfilterWrap{
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
    
    .mapCaptionListFilter.captionListfilter{
        gap: 4px;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    
    .mapListSearchFormWrap {
	    .select-like-btn,
	    .mini-select_mate.select_mate select,
	    .miniQuickSearchFormWrap > input{
	    	/*border: 1px solid var(--gr200, #DEE2E6);*/
	    	background-color:var(--gr0);
	    }
    }
    
    
    .mapCaptionListFilter .captionListfilteItem{
        padding: 6px 8px;
        font-size: 11px;
    }
    .mapCaptionListFilter .captionListfilteItem.ico14::after{
        width: 12px;
        height: 12px;
    }
    .boardMapType .mapListTitWrap{
        padding: 20px 0;
        background: none;
        border: none;
    }

    .board_accordianTabWrap .mapListTabs .bd_faq_con_tit{
        display: flex;
        flex-direction: row ;
        align-items: center;
        justify-content: space-between;
    }
    /*지도에서 푸터 삭제*/
    .footerArea.hide{
        display: none;
    }
    .topFooterArea.hide{
        display: none;
    }
    .findCenterTopLayout.fixed{
        position: fixed;
        top: 0;
        z-index: 2;
        background: #fff;
        top: 60px;
        border-bottom: 0;
    }
    /*지도리스트 여백 레이아웃 조정*/
    .mapAreaWrap .hasthumbListBtnWrap.flxBox,
    .mapListCon{
        padding-left: 40px;
        padding-right: 40px;
        margin: 0;
    }
    .mapList{
        padding: 0px;
        height: unset;
        flex-shrink: 0;
    }
    .aboutmapMarker{
       /* display: none;*/
    }

    /*지도 툴팁 제어*/
    .tooltipWrap.active .c_Filter_tooltip {
        opacity: 1;
        visibility: visible;
    }
    .c_Filter_tooltip{
        width: 240px;
    }

    .insideMapList{
        display: block;
        position: fixed;
        top: 274px;
        z-index: 9;
        width: 100%;
    }
    .insideMapList .mapListCon{
        background: #ffffffeb;
        margin-left: 40px;
        margin-right: 40px;
        padding: 8px 12px;
        border-radius: 8px;
        z-index: 9;
        -webkit-backdrop-filter: blur(4px);
        -moz-backdrop-filter: blur(4px);
        -o-backdrop-filter: blur(4px);
        -ms-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
    }
    .insideMapList .mapListTit{
        display: block;
    }
    .mapUtilWrap{
        right: 20px;
        top: 92px;
    }

    .onlyMO.nameOfCate{
        display: inline-block;
    }

    .mapListTitWrap{
        background-color: #fff;
        border-bottom: 1px solid var(--gr100);
    }
    .mapListSearchBox.flxBox{
        flex-direction: column;
    }
    .mapListSearchFormWrap .mapListSearchBox .mapList_selectItem,
    .mapListSearchFormWrap .select-like-btnWrap,
    .mapListSearchFormWrap .mapListSearchBox button.findPlace{
        max-width: 100%;
        width: 100%;
    }
    .select-like-btn .icon_select_mate{
        right: 8px;
        width: 16px;
        height: 16px;
        top:calc(50% - 8px);
    }
    .sl-showBox-con{
        margin-bottom: 24px;
    }
    .mapListTabs .roundBtn{
        display: block;
    }

	.faq_map_copy{
		padding:4px 8px;
		font-size:12px;
	}
    /*------------------
    이벤트 혜택
    -------------------*/
    /*상단 탭 편집*/
    .boxMargin.eventDetailConSection{
    	margin-bottom:0;
    }
    .hasGrid3FilterTab{
        margin-bottom: 0;
    }
    .hasGrid3FilterTab .layoutWrap{
        padding: 0;
    }
    .filterInnerTab{
        border-top: 0 !important;
    }
    .filterInnerTab:nth-child(3){
        border-right: 0 !important;
    }
    
    .pdListStyle02_Ratio1.pdListStyle02 .hasthumbListBtnWrap.flxBox{
        margin-top: 0;
    }

    /*테이블 형식 수정*/
    table.boardListTypeA_Tb:not(.noThead) thead{
        display: none;
    }
    table.boardListTypeA_Tb:not(.noThead) tbody tr td:nth-child(1){
        display: none;
    }
    table.boardListTypeA_Tb:not(.noThead) colgroup col:nth-child(1){
        display: none;
    }
    table.boardListTypeA_Tb:not(.noThead) colgroup col:nth-child(2){
        width: 100%;
    }
    table.boardListTypeA_Tb:not(.noThead) colgroup col:nth-child(3){
        width: 100%;
    }

    /*게시판 테이블 위아래 수정*/
    table.boardListTypeA_Tb tbody tr {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding:16px 0;
    }
    table.boardListTypeA_Tb tbody td {
        width: 100%; /* 각 셀의 너비를 전체 행의 너비로 설정 */
    }

    table.boardListTypeA_Tb th, table.boardListTypeA_Tb td{
        padding:0;
        text-align: left;
    }
    table.boardListTypeA_Tb .col_caption{
        font-size: 0.875rem;
    }
    table.boardListTypeA_Tb:not(.noThead) .ratio1ListTit{
        padding-bottom: 28px;
        word-break: keep-all;
    }
    table.boardListTypeA_Tb td:nth-child(3){
        position: relative;
    }
    table.boardListTypeA_Tb td:nth-child(3) .boardDate{
        position: absolute;
        bottom: 0;
        left: 0;
    }

	.mo_boardAbout{
		display:inline-block;
	}
    /*게시판 상세보기 수정*/
    .showCon_head{
        align-items: flex-start;
        flex-direction: column;
    }
    .searchforConBody{
        flex-direction: column;
    }

    
    /*이벤트 최상단 감추기*/

    .absoutEventDetailBox{
        position: fixed;
        z-index: 2;
        bottom: 192px;
        right: 0;
    }

    .absoutEventDetailBox .share_btn{
        background: #ffffffb0;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        -moz-backdrop-filter: blur(8px);
        -o-backdrop-filter: blur(8px);
        -ms-backdrop-filter: blur(8px);
        box-shadow: 0px 4px 12px 0px rgba(102, 102, 102, 0.14);
        border-radius: 999px;
        border: 1px solid #eee;
        width: 72px;
        height: 72px;
        margin-right: 8px;
    }
    .absoutEventDetailBox .share_btn.iconShare::after{
        width: 24px;
        height: 24px;
    }

    .absoutEventDetailBox p{
        display: none;
    }
    /*이벤트 목록 버튼*/
    .showCon_foot_Center .btnSytle03 {
        width: 80%;
        border-radius: 999px;
        margin:0 auto;
        padding: 12px 20px;
    }

    
    .historyGridBox{
        padding-top: 0;
    }

   /*모바일 스크롤 보이지 않게*/
   /*스크롤 오류 수정*/
    .mbScroll{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    }

    .mbScroll::-webkit-scrollbar{
    display: none;
    width: 0;  /* Remove scrollbar space */
    height: 0;
    background: transparent;  /* Optional: just make scrollbar invisible */
    -webkit-appearance: none;
    }
  
  
  /*스크롤 시 버튼*/

  
  .productDetailBody .fixedFloatingBtnGroup.hidden {
        transform: translateY(160px);
  }
   /*------------------
   	 교육 서비스 레이아웃
    -------------------*/
    /*------교육서비스------*/
    /*그리드 레이아웃 수정 5그리드 3으로 수정*/
    .pdListStyle02_5grid ul.thumbProductList li{
        width: calc((100% - 24px - 24px) / 3);
    }
    
    /*교육서비스 부분 탭 상단 마진 제어*/
    .eduServiceWrap .listFilterTab{
        margin-top:40px;
    }
    
    .marginTopAtTab{
        margin-top:20px;
    }

    /*센터찾기 지도*/
    .mapListSearchBox .select_mate{
        width: 100%;
    }

    .reSearchThisPlace{
    	left:50%;
        bottom: unset;
        top:200px;
        padding: 8px 16px 8px 12px;
        font-size: 0.875rem;
        height: 42px;
    }
    .wherePlace{
    	display:none !important;
    }
    .mapTxtPlace{
        top: unset;
        bottom: 260px;
        left:50%;
    }
    .reSearchThisPlace.iconReset.btnIconTxtBefore::before{
        width: 20px;
        height: 20px;
    }

    /*센터찾기 1024 수정*/
    .mapListTabs .allInfo{
        align-items: flex-start;
        flex-direction: column;        
    }
    .mapListCell2{
        padding: 0;
    }
    .mapListCell .cap{
        font-size: 12px;
    }
    .mapListCell .info_cap_wrap{
        margin-top: 8px;
    }
    .mapListCell .titleInfo{
        font-size: 1.125rem;
    }
    .mapListSearchFormWrap .select-like-showBox{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
        background-color:var(--bl70,rgba(22, 25, 28, 0.70));
    }
    .mapListSearchFormWrap .chipFilterBtnContainer{
    	flex-direction: column;
    	gap:10px;
    }

    .mapListSearchFormWrap .chipFilterBtnContainer .c_Filter{
    	width:100%;
    	border-radius:8px;
    	gap:4px;
    	padding:12px 8px;
    }
    .mapListSearchFormWrap .c_Filter.hasToolTip .tooltipWrap{
    	width:40px;
    	height:100%;
    	top:0;
    }

    .c_Filter_tooltip{
    	bottom: calc(100% - 12px);
    }
    .sl-showBox-btnBox button{
    	height:48px;
    	max-width: 100%;
    	padding-left:8px;
    	padding-right:8px;
    	font-size: 14px;
    }
    .sl-showBox-btnBox .btnSytle03{
    	width:48px;
    	font-size:0;
    }
    .sl-showBox-btnBox .btnSytle03::after{
    	width:20px;
    	height:20px;
    }
    .sl-showBox-wrap{
        border-radius: 20px 20px 0 0 ;
        position: absolute;
        left: 0;
        bottom:0;
        width: 100%;
        height:90%;
    }
    .sl-showBox-titWrap{
        display: flex;
        height: 60px;
        padding-left: calc(20px - 10px);
        padding-right: calc(20px - 10px);
    }
    .sl-showBox-btnBox{
        display: flex;
        padding: 8px 20px;
        background: #fff;
    }
    .sl-showBox-conBox{
        padding:20px;
        height: calc(100% - 130px);
        overflow-y: scroll;
    }
    .sl-showBox-con .bd3.txtMarginS{
        margin-bottom: 8px;
        font-size: 1.14rem;
    }
    .c_Filter{
        font-size: 1rem;
    }
    .centerKindSelect .chipFilterBtn{
        margin-bottom: 12px;
        padding: 12px;
    }
    .close_c_Filter_tooltip{
        display: block;
    }
    /*고객지원 */

    /*고객지원 - 자주하는 질문*/

    /*검색창*/

    .bdSearchWrap{
        padding: 0;
        border: none;
        background:none;
    }

    .bdSearchWrap .miniQuickSearchFormWrap{
        width:100%;
    }

    .bdSearchWrap .miniQuickSearchFormWrap > input{
        height: 42px;
        font-size: 0.933rem;
    }

    .bdSearchWrap .mini-select_mate select{
        font-size: 0.933rem;
        flex-shrink: 0;
        height: 42px;
        border-radius: 6px;
    }

    .bdSearchWrap{
        gap: 8px;  
    }

    .mini-select_mate select:focus-visible,
    .mini-select_mate select:focus{
        border: 1px solid var(--pri400);
        outline: none;
    }
    

    /*faq 게시판*/
    .board_accordianTabWrap .tab-label,
    .board_accordianTabWrap input:checked ~ .tab-content{
        padding: 16px 8px;
    }
    .board_accordianTabWrap .bd_faq_con_tit{
        align-items: flex-start;
        width: 100%;
        justify-content: center;
        flex-direction: column-reverse;
    }
    table.boardListTypeA_Tb:not(.noThead).oneTitleListType .ratio1ListTit{
        padding-bottom: 8px;
        white-space: normal;
        word-break: keep-all;
    }

    .boxMarginS.hasShowMore{
        margin-bottom: 20px;
    }

    .boardMidTit{
        font-size: 1.125rem;
    }

    .board_accordianTabWrap .tab-label::after{
        width: 20px;
        height: 20px;
    }
    .request_input_inner{
        width: 100%;
    }
    .tag_answer{
        padding: 2px 8px;
        font-size: 0.75rem;
        margin-top: 12px;
    }
    
    .gotoItmTit .gotoItmDate{
        display: none;
    }
    .showCon_foot{
        padding-top: 40px;
        padding-bottom: 80px;
    }
    /*고객지원 탑배너*/
    .topBannerBox{
        border-radius: 0;
        border: none;
        border-bottom: 1px solid var(--gr150);
        background: #eafaff;
        padding: 12px 20px;
    }
    .topBannerBox-map{
        display: none;
    }
    .topBanner_left{
        padding-left: 0px;
    }
    .topBanner_left::before{
        display:none;
    }
    .callCustomerBtn{
        font-size: 0.875rem;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 6px 12px;
        color: #fff;
        border-radius: 6px;
        gap: 4px;
        background: var(--gr900);
    }
    .callCustomerBtn::before{
        width: 12px;
        height: 12px;
        content: "";
        display: inline-block;
        background:url(../images/icons/phonecall_full_wh.svg) center center / contain no-repeat;
    }

    .infoMiddleBox{
        display: none;
    }

    .pdListStyle02.listStyle_hori .listGridThumb{
        width: 180px;
        height: 180px;
    }
	/*포인트 통합 1024*/
	.notice_info_txtWrap {
		padding:20px;
	}
	.boxCon_btnwrap{
		display: flex;
	    justify-content: center;
	    gap: 20px;
	    flex-direction: column;
	    align-items: center;
	}
	.downFileBtn{
	    max-width: 400px;
	        width: 100%;
	}
	.downFileBtn{
		font-size: 1.125rem;
		padding: 12px;
	}
	.downFileBtn.wordBtn::before{
		width:24px;
		height:24px;
		
	}
	.boxConIcon{
		flex-direction: column;
		gap: 32px;
	}
	.boxCon.flatBoxCon{
		max-width:540px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
        padding-bottom: 20px;
	}
	.boxConIcon > li{
	    display: flex;
	    align-items: center;
	    justify-content: flex-start;
	}
	.boxConIcon > li::before{
		margin:0;
		margin-right:20px;
		width:60px;
		height: 60px;
		flex-shrink: 0;
	}
	.boxConIcon > li::after{
        right: unset;
        left: 30px;
        width: 32px;
    	height: 32px;
        transform: translateX(-50%);
        z-index: 2;
        background-size: 70%;
	}
	.boxConIcon > li > p{
        text-align: left;
        font-size: 1.125rem;
	}
	.boxConIcon > li > p br{
		display:none;
	}
	.topMarginStartBox{
		margin-top:40px;
	}
	.lineBoxCon.boxCon{
		padding:20px;
	}
	.hasBullet,.hasBulletUnder{
		font-size:0.933rem;		
	}
	
	/*-- 개인정보 처리방침 --*/
	/*contBody 내부영역 S*/
	.contBody{
		.sortArea.boxMarginS{
			margin-bottom:20px;
		}
		.titleThis {
        font-size: 1.25rem;
    	}
		h4, .sectionThis{
			margin-top:20px;
			font-size:1.14rem;
		}
		h5, .subsectionThis{
			font-size:1.14rem;
		}
		.sortArea .select_basic{
			font-size:1rem;
		}
 	}
	/*contBody 내부영역 E*/

    /*검색창 결과없음*/

    .noResultBox::before{
        width: 28px;
        height: 28px;
        margin-bottom: 8px;
    }

    .noResultBox{
        padding-top: 40px;
        padding-bottom: 60px;
    }
    /*2025 이벤트 수정*/
  	#hasFloating #bottomDBBox{
  	        border-top: 6px solid var(--gr100);
  	}
  	#hasFloating #bottomDBBox .layerService .popupBasic {
        width: 100%;
        border-radius: 0;
    }  
    .benefitDetail2025 #notFloating .productDetailAboutBox,
    .benefitDetail2025 #hasFloating .productDetailAboutBox {
    	padding: 0;
	}
	.benefitDetail2025 #notFloating .productDetailAboutBox .layoutWrap,
    .benefitDetail2025 #hasFloating .productDetailAboutBox .layoutWrap{
    	padding:0;
	}
	.benefitDetail2025 #hasFloating #bottomDBBox{
        margin-top: 0px;
    }
 }
 @media only screen and (max-width: 960px) {
    /*홍보센터*/
    .historyGrid.flxBox{
        width: 100%;
        margin: 0 auto;
    }
    .historyGrid > .gridBox01{
        width: 140px;
        flex-shrink: 0;
    }
    .historyGrid > .gridBox02{
        width: calc(100% - 140px);
        padding-left: 30px;
    }
 }
 @media only screen and (max-width: 820px) {
    /*------------------
    제품 상세 레이아웃
    -------------------*/
    /*썸네일 영역 세로로 분기점*/
    .productThumbWrap{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .productThumbWrap .boxGrid.hasTwo{
        flex-direction: column;
    }
    .gridBox.productThumbImg{
        margin-bottom: 20px;
    }
    .gridBox.productThumbDetail{
        margin: 0;
        width: 100%;
    }
    .productDetailGnbBox.fixed{
        background-color: #fff;
    }
    .productDetailGnbBox.fixed .productDetailGnb > li > button{
        height: 40px;
    }
    .mapListSearchWrap{
        padding-left: 20px;
        padding-right: 20px;
    }

    /*지도리스트 여백 레이아웃 조정*/
    .mapAreaWrap .hasthumbListBtnWrap.flxBox,
    .mapListCon{
        padding-left: 20px;
        padding-right: 20px;
        margin: 0;
    }

    .insideMapList .mapListCon{
        margin-left: 20px;
        margin-right: 20px;
    }

    /*이벤트 최상단 감추기*/

    .absoutEventDetailBox{
        position: fixed;
        z-index: 2;
        bottom: 172px;
        right: 0;
    }

    .absoutEventDetailBox .share_btn{
        width: 50px;
        height: 50px;
        margin-right: 8px;
    }
    .absoutEventDetailBox .share_btn.iconShare::after{
        width: 24px;
        height: 24px;
    }
    /*특허증보기*/
    #certificatePop.fullAt820{
        background:none;
    }
    #certificatePop.fullAt820 .btnSytle01{
        width: 100%;
    }
    #certificatePop .popConListGrid li{
        padding-left: 0;
    }
    .hasDotpopList li::before{
        display: none;
    }
    .request_input_inner{
        padding: 0;
    }
 }
 @media only screen and (max-width: 768px) {
    /*------------------
    제품 상세 레이아웃
    -------------------*/
    /*썸네일 영역 풀 분기점*/

    .productThumbWrap{
        margin: 0;
    }
    .gridBox.productThumbImg{
        width: 100%;
        height: 0;
        padding-bottom: 100%;
    }
    /*풀페이지 영역*/
    .productThumbWrap .layoutWrap{
        padding-left: 0;
        padding-right: 0;
    }
    .productThumbImg .roundBoxES{
        border-radius: 0;
    }
    .productThumbImg .roundBoxES > img{
        border-radius: 0 !important;
    }
    .productDetailGnbBox .layoutWrap{
        padding-left:0 ;
        padding-right:0 ;
    }
    .productDetailAboutBox{
        padding-top: 0;
    }
    /*2025 5월 수정, #notFloating시 모든 위치에서 타이틀 헤더통일 - 1024 헤더 사라짐*/
    .benefitDetail2025 #notFloating .productDetailAboutBox,
    .benefitDetail2025 #hasFloating .productDetailAboutBox{
    	padding-top:0;
    }
    .productDetailAboutBox .layoutWrap{
        padding-left: 0;
        padding-right: 0;
    }

    .gridBox.productThumbDetail{
        margin-bottom: 20px;
    }
    .subThumbBannerBox{
        margin-top: 0;
    }
    .productDetailGnbBox{
        border-top: 1px solid var(--gr100);
    }

    /*패딩영역*/
    .productThumbDetail{
        padding-left: 20px;
        padding-right: 20px;
    }
    .detailAbout_img_qna,.detailAbout_img_curi{
        padding-left: 20px;
        padding-right: 20px;
    }

    /* 썸네일 레이아웃 조정 */
    .hasThumbWrap.boxMarginS{
        margin-bottom: 40px;
    }

    .mbSubTit.bd1{
        font-size: 1.25rem;
    }

    /*자주 묻는 질문*/
    .tab-content{
        padding: 0 12px;
        padding-left: 32px;
    }
    .tab-label,input:checked ~ .tab-content{
        padding: 12px;
        padding-left: 32px;
    }
    
    .tab-label::before,.tab-content::before{
        left: 12px;
    }

    /*추천하기영역(이런 제품 서비스는)*/
    .thumbProductListWrap {
        overflow-x: auto;
    }
    .recommendGrid .thumbProductList{
    	gap:0 !important;
    }
    .recommendGrid .thumbProductList li{
        width:50%;
        flex-shrink: 0;
    }
    .recommendGrid .listGridBoxWrap{
    	margin-right:20px;
    }

    .showMoreDetail_box.flxBox{
        padding-bottom: 0;
    }

    /*배너영역*/
    .productThumBannerWrap .layoutWrap{
        padding: 0;
    }
    .subThumbBannerBox{
        border-bottom: 8px solid var(--gr100);
        border-top: 8px solid var(--gr100);
        border-radius: 0;
    }
    .hasThumbWrap.boxMarginS{
        margin: 0;
    }
    
    .productDetailBody .fixedFloatingBtnGroup.hidden {
        transform: translateY(200px);
    }
    .eventDetailBody .fixedFloatingBtnGroup.hidden{
	transform: translateY(200px);
	}
 }
 @media only screen and (max-width: 720px) {
 /*상단gnb 위치*/
    .productDetailGnbBox.fixed{
        top:60px;
    }
    /*------------------
    제품 서비스 레이아웃
    -------------------*/
    /*필터 상단 마진*/    
    .hasTopFilter.subAlllayoutWrap{
        margin-top: 103px;
    }
    .hasTopFilter .hasthumbListBtnWrap{
        margin-top: 0;
    }
    .productDetailGnbBox.fixed{
        border-bottom: 1px solid var(--gr100);
    }
    .onlyMO.mobileProductfilterTab{
        top: 60px;
    }
    /* 홍보센터 라인탭박스*/
    .lineStyleFilterTabBox .filterInnerTabBox{
        border-bottom: 1px solid var(--gr150);
        gap:0;
    }
    .lineStyleFilterTabBox .filterInnerTab{
        flex:1;
        padding: 12px 0;
    }
    
    /*------------------
        교육 서비스 레이아웃
        -------------------*/
    /*교육서비스 부분 탭 상단 마진 제어*/
    .eduServiceWrap .listFilterTab{
        margin-top:0;
    }  
    
    .marginTopAtTab{
        margin-top:0px;
    }
    .historyNumberBox{
        padding-right:20px;
    }
  /*센터찾기 제어*/
    /*지도영역 상단 UI*/
  .fixedMapTabList .thumbListLnb li button.mapListTap{
    padding: 4px 12px 4px 6px;
    }
  .fixedMapTabList .thumbListLnb .onlyBtnFilter{
    width: 34px;
    height: 34px;
  }
  .filterInnerTabBox.btnStyleFilterTabBox .filterInnerTab{
    padding: 8px;
  }
  .fixedMapTabList .thumbListLnb .onlyBtnFilter::after{
    width: 20px;
    height: 20px;
  }

  .mapListTitWrap .miniQuickSearchFormWrap > input{
    height: 48px;
  }
  .mapListSearchBox .select_mate{
    height: 48px;
  }
  .mapListSearchBox button.findPlace{
    height: 48px;
    font-size: 14px;
  }
  .fixedMapTabList .onlyBtnFilter .itsFilterNumber{
    top: 0px;
    right: 2px;
  }

  .mapListTopWrap .hasthumbListBtnWrap{
    margin-top: 8px;
  }
  .mapListTopWrap .miniQuickSearchFormWrap.txtMarginM{
    margin-bottom: 4px;
  }
  .fixedMapTabList ul.thumbListLnb{
    flex-wrap: nowrap;
    padding-bottom: 12px;
    }
    .fixedMapTabList ul.thumbListLnb li:first-child{
        padding-left: 20px;
    }
    .fixedMapTabList ul.thumbListLnb li:last-child{
        padding-right: 20px;
    }
    .fixedMapTabList{
        left: 0px;
        top:68px;
        width: 100%;
        overflow-y: scroll;
    }

    .fixedMapTabList .mapListTap{
        font-size: 1rem;
        padding: 6px 12px 6px 6px;
    }
    .fixedMapTabList .mapListTap::before{
        width: 24px;
        height: 24px;
    }
  
    .onlyBtnFilter .itsFilterNumber{
        font-size: 8px;
        width: 12px;
        height: 12px;
        top: 7px;
        right: 7px;
    }

    /*센터찾기*/
    .reSearchThisPlace,.wherePlace{
        top: unset;
        height: 40px;
        bottom: 220px;
    }
    
    .mapTxtPlace{
        top: unset;
        bottom: 220px;
    }
    .mapUtilWrap{
        top:120px;
    }

    .mapFilterPop .popupBasic_body{
        height: calc(100% - 125px);
    }
    .mapFilterPop .iconReset{
        width: 48px;
        flex-shrink: 0;
    }
 }
 @media only screen and (max-width: 640px) {
    /*------------------
    제품 서비스 레이아웃
    -------------------*/
    /*리스트 그리드 2gid*/
    .pdListStyle02 ul.thumbProductList li{
        width: calc((100% - 24px) / 2);
    }
    .pdListStyle02 .thumbProductList{
        gap:20px;
    }

    /*------------------
    제품 상세
    -------------------*/
    /*완전 모바일형 썸네일 텍스트 수정*/
    .productThumbTitTxt.txtMarginM{
        margin-bottom: 8px;
    }
    /*썸네일 텍스트 이벤트영역 하단에 들어가있을때*/
    .eventDetailBody .productDetailFixedBox.eventDetailFixedBox .productThumbTitTxt.txtMarginM{
    	margin-bottom:0;
    }  
    .productThumbDetail .txtMarginXL{
        margin-bottom: 20px;
    }
    .productThumbSubList{
        padding-left: 0;
        padding-right:
         0;
    }
    .productThumbDetail .txtMarginL {
        margin-bottom: 12px;
    }
    .catalog_btn,.share_btn{
        width: 28px;
        height: 28px;
    }
    .showMoreDetail_box.flxBox > button.chipBtnSt1{
        width: 80%;
        margin: 0 auto;
    }
    .productThumbSubList li{
        padding: 4px;
    }


    /*센터찾기*/
    .hasMap .thumbListLnb li button.mapListTap{
        width: unset;
        height: unset;
        gap: 8px;
    }
    .mapListSearchWrap{
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .mapListSearchBox.flxBox{
        gap: 10px;
    }
	.mapListSearchFormWrap .mapListSearchBox .mapList_selectItem{
	    gap: 10px;
	}
    .mapListSearchBox .select_basic{
        height: 40px;
        width: calc((100% - 8px - 8px - 60px) / 2);   
    }

    .insideMapList {
        top: 222px;
    }

    .mapUtil li button{
        padding: 6px;
    }

    .mapUtil li button::after{
        width: 20px;
        height: 20px;
    }
    .mapList .bd4{
        font-size: 0.933rem;
    }
    .titleInfo.txtMarginM{
        font-size: 1.15rem;
    }
    .titleInfo.txtMarginM{
        margin-bottom: 8px;
    }

    .mapUtilWrap{
        top: 124px;
        right: 8px;
    }

    input:checked ~ .tab-content.has_faq_map .faq_map{
        height: 240px;
    }
    /*------------------
    이벤트혜택
    -------------------*/
    /*썸네일 크기 브레이크포인트*/
    .pdListStyle02_Ratio1.pdListStyle02 ul.thumbProductList li{
        width: 100%;
    }
    .ratio1ListTit,
    #newsList .ratio1ListTit{
        font-size: 1rem;
    }
    
    .pdListStyle02_Ratio1 .ratio1ListTit{
        font-size: 1.25rem;
    }
    .txtTit{
    	font-size:1.25rem;
    }

    /*그리드편집*/
    .grid3FilterTab{
        margin-bottom: 0 !important;
    }

    /*버튼 작은버전으로 변경*/
    .grid3FilterTab .filterInnerTabBox button{
        font-size: 1rem;
    }
    .minUnderLine640 button{
        border-top: 2px solid #ffffff00;
        height: 44px !important;
    }
    .minUnderLine640 button span{
        font-size: 0.933rem;
        line-height: unset;
    }

    .hasMinUnderLine640{
        margin-top: 4px;
    }
    .minUnderLine640{
        gap: 16px;
    }
    .pdListStyle02_Ratio1.pdListStyle02 .hasthumbListBtnWrap.flxBox{
        margin-bottom: 0;
    }
    .pdListStyle02 .listGridBoxWrap{
        gap:12px;
    }

    /*게시판 상세보기 수정*/
    .searchforConBody{
        padding: 12px;
        align-items: flex-start;
        justify-content: center;
        gap: 12px;
    }
    .searchforConBody .inputItmeBox{
        width: 100%;
    }


    .conBodyData{
        font-size: 1rem;
        color: var(--gr600);
        font-weight: 500;
    }

    .showCon_head_Tit_sub{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        margin-top: 8px;
    }
    .detailConType2 .showCon_head_Tit_sub{
        flex-direction:row;
        gap: 12px;
    }


    .showCon_foot .btnSytle03.gotoList{
        width: 80%;
        margin: 0 auto;
        border-radius: 999px;
    }

    /*특허증보기*/
    .popConListGrid li {
        gap:20px;
        /*flex-direction: column;
        align-items: flex-start;*/
    }
    .popConListGrid_txt.txtMarginL{
        margin-bottom: 0;
    }

    /* 고객지원 */
    .request_input_inner{
        margin-top: 20px;  
    }
    .show_request .request_input_inner{
        margin-bottom: 40px;
    }

    .request_input_inner .popupBasic_foot.popupBasic_foot button.btnSytle01{
        width: 100%;
    }
    .request_input_inner .popupBasic_foot.popupBasic_foot.flxBox{
        padding: 0;
    }

    .pdListStyle02.listStyle_hori .listGridThumb {
        width: 120px;
        height: 120px;
    }
    .pdListStyle02.listStyle_hori .listGridBoxWrap{
        gap:24px;
    }
    .pdListStyle02.listStyle_hori .thumbProductList .cap:not(.itemBest){
        margin-bottom: 4px;
    }
    .pdListStyle02.listStyle_hori .aboutThumbProduct{
        font-size: 0.9rem;
    }
    .searchListTit{
        font-size: 1.125rem;
    }
    /*포인트 통합 640*/
    .topMarginStartBox{
    	margin-top:24px;
    }

 }
 @media only screen and (max-width: 520px) {
/*------------------
    제품 서비스 레이아웃
    -------------------*/
    /*리스트 그리드 2gid*/
    .pdListStyle02 ul.thumbProductList li{
        width: calc((100% - 12px) / 2);
    }
    .pdListStyle02 .thumbProductList{
        gap:12px;
    }
    .pdListStyle02_Ratio1.pdListStyle02 .thumbProductList{
        gap:0px;
    }

    .fixedBottomnavi.fixedBottomnaviSub .layoutWrap{
        padding: 0 20px;
    }

    /*제품 리스트 UI 수정*/
    .thumbProductList .cap.itemBest{
        padding: 2px 4px;
        font-size: .675rem;
        top: -28px;
    }

	.eventWrap .thumbProductList .cap.itemBest{
        padding: 4px 6px;
        font-size: .875rem;
        top: -33px;
    }
    .eventLayoutBox .thumbProductList .cap.itemBest{
        padding: 4px 8px;
        font-size: .875rem;
        top: -33px;
    }

    /*마커크기조정*/
    .mapMarker{
        width: 32px;
        height: auto;
    }
    .certificate_img > img {
        width: 80px;
    }
    .popConListGrid_txt .col_tit{
        font-size: 1.125rem;
    }
 }
 @media only screen and (max-width: 480px){

    /*이벤트 최상단 감추기*/
    .absoutEventDetailBox{
        bottom: 130px;
    }


    /*홍보센터*/

    .historyGrid.flxBox{
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .historyGrid > .gridBox01{
        width: 80px;
        flex-shrink: 0;
    }
    .historyGrid > .gridBox02{
        width: calc(100% - 80px);
        padding-left: 30px;
    }
    .infoSmallBox > p{
        font-size: 1.125rem;
    }
    .infoSmallBox > p br{
        display: none;
    }
 }
 @media only screen and (max-width: 390px){
 	.absoutEventDetailBox .share_btn{
        width: 44px;
        height: 44px;
    }
}
@media only screen and (max-width: 380px){

    /*이벤트 최상단 감추기*/
    .absoutEventDetailBox{
        bottom: 130px;
    }
 }
 @media only screen and (max-width: 360px){

    /* 고객지원 */
    .topBannerBox {
        flex-direction: column;
        gap: 8px;
        justify-content: flex-start;
    }
    .pdListStyle02.listStyle_hori .listGridThumb {
        width: 100px;
        height: 100px;
    }
 }
 @media only screen and (max-width: 340px){
    /*------------------
    제품 서비스 레이아웃
    -------------------*/
    /*필터 상단 마진*/    
    .hasTopFilter.subAlllayoutWrap{
        margin-top: 100px;
    }
    
 }

 @media only screen and (max-width: 280px){
    /*------------------
    제품 서비스 레이아웃
    -------------------*/
    /*필터 상단 마진*/    
    .hasTopFilter.subAlllayoutWrap{
        margin-top: 98px;
    }

    .fixedBottomnavi.fixedBottomnaviSub .layoutWrap{
        padding-left: 12px;
        padding-right: 12px;
    }    
    .detailAbout_img_qna, .detailAbout_img_curi{
        padding-left: 12px;
        padding-right: 12px;
    }
    .productThumbDetail{
        padding-left: 12px;
        padding-right: 12px;
    }
    /*지도리스트 여백 레이아웃 조정*/
    .mapAreaWrap .hasthumbListBtnWrap.flxBox,
    .mapListCon,
    .hasMap .hasthumbListLnb .thumbListLnb,
    .mapListSearchWrap{
        padding-left: 12px;
        padding-right: 12px;
        margin: 0;
    }

 }
 