/*공통적용 CSS*/
 @charset "UTF-8";
html{
scrollbar-gutter: stable;
}
html, body {
  overscroll-behavior-y: none;
}
 html, body {
     width: 100%;
     height: 100%;   
 }
 
 body{
     overflow-x: hidden;
     overflow-y: auto;
     scrollbar-gutter: stable overlay;
     padding: 0;
     margin: 0;
 }
 
 	
body.modal-open{
		overflow-y:hidden;
}
 
 body > div,
 body > section,
 body > main,
 body > footer{
     overflow-x: hidden;
     padding: 0;
     margin: 0;
 
 }
 
 /* seo 적용 위해 히든시킴 */
 .visuallyHidden{
     position: absolute;
     width: 0;
     height: 0;
     margin: -1px;
     padding: 0;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     border: 0;
 }
 
 /**
  * ----------------------------------------
  * header
  * 헤더, 네비게이션 영역
  * ----------------------------------------
  */
 
 /*
 header
 */
 
 .headerBox{
     position: relative;
     height: 128px;
 }
 
 .headerBoxWrap{
     background: #fff;
     position: fixed;
     top:0;
     width: 100%;
     left: 0;
     z-index: 99;
     border-bottom: 1px solid var(--gr150);
 }
 /*
 header > links
 */
 .linkNav{
     border-bottom: 1px solid var(--gr100, #f1f3f5);
     transition: 0.4s ease-in;
 }
 .linkInner > ul{
     justify-content: flex-end;
 }
 .linkInner > ul > li{
     padding: 10px;
     position: relative;
 }
 
 
 .linkInner > ul > li::after{
     display: block;
     width: 1px;
     height: 16px;
     background: var(--gr150, #DEE2E6);
     content: "";
     position: absolute;
     top:calc(50% - 8px);
     right: 0;
 }
 
 .linkInner > ul > li:last-child:after{
     display: none;
 }
 
 .linkInner .cap{
     color: var(--gr500, #5F666D);
     font-weight: 500;
     display: flex;
     align-items: center;
     gap:0;
 }
 
 .linkInner .cap::after{
     opacity: 0.6;
 }
 
 
 /*
 header > gnb
 */
 
 
 .gnbInner.flxBox{
     justify-content: space-between;    
     align-items: center;
     height: 86px;
 }
 
 .wjLogoImg{
     width: 184px;
 }
 
 .gnbMenuWrap{
     justify-content: space-between;
     align-items: center;
     width: calc(100% - 212px);
     height: 100%;
 }
 
 .gnbMenu{
     height: 100%;
     align-items: center;
 }
 
 .gnbMenu > li{
	height: 40px;
    display: flex;
    align-items: center;
   	position:relative;
 }
 
 .gnbMenu > li > a{
     padding:4px 16px;
     color: var(--gr900, #212529);
     display: flex;
     align-items: center;
 }
 
 .flxBox.gnbMenuRight{
     align-items: center;
 }
 
 .flxBox.gnbMenuRight{
     align-items: center;
 }
 
 .flxBox.gnbMenuRight > li{
     align-items: center;
 }
 
 .flxBox.gnbMenuRight .iconSearch.closetab::after{
     transition: 0.2s ;
     background: url(../images/icons/close_gr.svg) center center/contain no-repeat;
 }
 
 .gnbMenu > li.active > a{
     color:var(--pri700, #FF7A00);
 }
 
 .gnbMenu > li > a:hover,
 .gnbMenu > li.on > a,
 .depth2List.flxBox li .depth3Lnb > a:hover,
 .depth2List.flxBox li .depth3Lnb.on > a{
     color:var(--pri700, #FF7A00);
 }
 
 .gnbMenu > li:hover a:hover{
     color:var(--pri700, #FF7A00);
 }
 
 .gnbMenu li > .depth2Wrap{
    position: absolute;
    left: 0;
    z-index: 999;
    transition: 0.2s ease-in-out;
    width: 100%;
    width: 160px;
    top:40px;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, .1);
    border-radius: 12px;
    border: 1px solid var(--gr150);
    overflow: hidden;
 }
 
 .depth2WrapInner .flxBox > li.on > a{
     color:var(--pri700, #FF7A00);
 }
 
 .depth2WrapInner_border{
     background: #fff;
 }
 .depth2WrapInner.flxBox{
     width: unset;
     margin: 0 auto;
     left: 0;
     padding: 0;
 }
 
 .depth2WrapInner.flxBox .lnbTitle{
     width: 212px;
     text-align:right;
     border-right:1px solid var(--gr100, #F1F3F5) ;
     padding: 10px 32px;
     display:none;
 }
 
 .depth2List.flxBox{
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     width:100%;
 	padding:12px;
 }
 
 .depth2List.flxBox li{
 	width:100%;
 }
 
 .depth2List.flxBox li > a{
     padding: 8px 12px;
     display: block;
     height: unset;
     color:var(--gr900);
     font-size:0.933rem;
 }
 
 /*3depth ui*/
 
 .depth2List.flxBox li .depth3Lnb > a{
 	padding: 0 20px 10px 20px;
 	color:var(--gr600,#51575C);
 }

.hasDepth3LnbBox > a{
	position:relative;
}

.hasDepth3LnbBox > a::after{
    position: absolute;
    background: url(../images/icons/arrowRightSmall_gr.svg) center center / 20px no-repeat;
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block !important;
    right: 8px;
    top: calc(50% - 12px);
    transform: rotate(90deg);
}


/*뎁스 접어놓기*/
/* .depth3LnbBox{
 	transition:all 375ms ease-in-out;
	max-height:0px;
	overflow:hidden;
 }
 .hasDepth3LnbBox:hover .depth3LnbBox{
	transition:all 375ms ease-in-out;
	max-height:500px;
 }*/
 
 /*header hover 시*/
 .gnbMenuWrap .depth2Wrap{
     display: none;
 }
 
 .gnbMenuWrap li:hover .depth2Wrap{
     display: block;
 }
 
 .gnbMenuWrap .depth2Wrap:hover {
     display: block;
 }
 
 /*header 스크롤시*/
 .headerBox.fixedHead .linkNav{
     display: none;
 }
 
 .headerBox.fixedHead .headerBoxWrap{
     
     background: #fff;
     backdrop-filter: blur(8px); 
     -webkit-backdrop-filter: blur(8px); /* WebKit 기반 브라우저를 위한 속성 */
     -moz-backdrop-filter: blur(8px); /* Mozilla Firefox를 위한 속성 */
     -o-backdrop-filter: blur(8px); /* Opera 브라우저를 위한 속성 */
     -ms-backdrop-filter: blur(8px); /* Microsoft Edge 및 Internet Explorer를 위한 속성 */
 }
 
 /*header 클릭시 lnb 전체*/
 .lnbBoxWrap{
     position: fixed;
     top:0;
     left: 0%;
     z-index: 999;
     width: 100%;
     background: #fff;
     display: none;
     width: 100%;
     height: 100%;
     overflow-y:auto;
     transition: 0.2s ease-in-out;
 }
 
 .showTab{
     display: block !important;
 }
 
 .boxGrid.flxBox.lnbAllBox{
     display: flex;
     flex-wrap: wrap;
 }
 
 .lnbAllBox .gridBox{
     flex: 0 0 25%;
     box-sizing: border-box; 
 }
 
 .lnbTitle{
     color:var(--gr900,#212529);
 }
 
 .lnbBox{
     padding: 20px 40px;
     /*border-bottom: 1px solid var(--bl10,rgba(22, 25, 28, 0.10)).;*/
 }
 
 /*.lnbBox:nth-child(5),.lnbBox:nth-child(6),.lnbBox:nth-child(7),.lnbBox:nth-child(8){
     border-bottom:none;
 }*/
 
 .lnbBox a{
     display: block;
     padding: 8px 0;
     word-break: keep-all;
 }
 
 .lnbBox a.iconOutlink{
 	display:flex;
 }
 
 .lnbBox a{
     color:var(--gr600,#51575C);
 }

.lnbBox .depth3AllLnbEli{
	position:relative;
	padding-left:12px;
}
 
.lnbBox .depth3AllLnbEli::before{
    content: '';
    width: 6px;
    height: 1px;
    background: var(--gr400);
    display: inline-block;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
}
 
 .lnbBoxWrap .popUpHeader{
     padding: 20px 40px;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 
 /*header 클릭시 검색창*/
 .lnbBoxWrap.allSearch{
     height: unset;
     margin-top: 128px;
     overflow: hidden;
     z-index: 9;
     background: none;
     transition: none;
 }
 
 .lnbBoxWrap.allSearch > .lnbBoxWrapInner{
     background-color: #fff;
     border-top: 1px solid #eee;
     border-bottom: 1px solid #d6d6d6;
     height: 300px;
 }
 
 .lnbBoxWrap.allSearch > .lnbBoxWrapInner > .layoutWrap{
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 
 .headerBox.fixedHead .lnbBoxWrap.allSearch{
     margin-top: 88px;
 }
 
 .searchFormAll{
     width: 640px;
 }

 .inputItmeBox{
     width: 100%;
     border-bottom: 2px solid var(--gr900 , #212529);
     position: relative;
 }

.mainSearchFormWrap{
    margin-left: auto;
    margin-right: auto;
 }

.mainSearchFormWrap .inputItmeBox{
    border: 2px solid transparent;
    background-image: linear-gradient(#fff, #fff), 
    linear-gradient(45deg, #FF5F05 0%,  #FFA727 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 999px;
    overflow: hidden;
}

.mainSearchBox{
    width: 100%;   
}

.mainSearchBox > input[type="text"]{
 width: 100%;
 padding: 12px 20px;
}

.mainSearchFormWrap .iconSearch{
    background:linear-gradient(45deg, #FF5F05 0%,  #FFA727 100%);
    border-radius: 999px;
    right: 6px;
}

.mainSearchFormWrap .iconSearch::after {
    background: url(../images/icons/search_wh.svg) center center / contain no-repeat;
}

.mainSearchBox > input[type="text"]::placeholder{
    color:var(--gr200);
}

.bulletKeyWords{
    margin: 0 auto;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.bulletKeyWords.centerFlex{
    margin: 0;
    justify-content: flex-start;
}

.bulletKeyWords > li{
    padding: 4px 12px;
    border-radius: 999px;
    border: 1px solid var(--gr150);
    flex-shrink: 0;
}

 .inputItmeBoxinner{
     width: 100%;
     height: 60px;
 }
 
 .inputItmeBoxinner > input{
     width: 100%;
     height: 100%;
     padding: 0 40px 0 8px;
 }
 
 .inputItmeBox button{
     position: absolute;
     top:50%;
     transform: translateY(-50%);
     right: 0;
 }
 
 .keywordBox.flxBox{
     gap:4px;
     flex-wrap: wrap;
     justify-content: center;
 }
 
 .keywordBox a{
     color:var(--gr600,#51575C);
     border-radius: 999px;
     display: inline-block;
     padding: 4px 12px;
     transition: background-color color 0.2s ease-in-out;
 }
 
 .keywordBox a:hover{
     background-color:var(--pri700, #FD6B00);
     color: #fff
 }
 
 /**
  * ----------------------------------------
  * 
  * fixed 버튼 영역
  * ----------------------------------------
  */
 
  /*하단 체험신청*/
 
  .fixedBottomWrap{
     position: fixed;
     bottom: 0;
     width: 100%;
     z-index: 9;
     flex-direction: column;
     gap: 40px;
     align-items: flex-end;
  }
 
 
 
  .fixedBottomWrap{
     background: #f1f1f1e3;
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px); /* WebKit 기반 브라우저를 위한 속성 */
     -moz-backdrop-filter: blur(8px); /* Mozilla Firefox를 위한 속성 */
     -o-backdrop-filter: blur(8px); /* Opera 브라우저를 위한 속성 */
     -ms-backdrop-filter: blur(8px); /* Microsoft Edge 및 Internet Explorer를 위한 속성 */
     width: 100%;
     padding: 16px 0;
  }
  
  .fixedBottomWrap .layoutWrap.flxBox{
     justify-content: flex-end;
     gap:40px;
     align-items: center;
  }
  
  .fixedBottomWrap .btnSytle01{
     width: 320px;
     height: 52px;
  }
 
  .fixedBottomTxt{
     text-align: right;
 }
 
  .fixedBottomnavi.onlyMO{
     display: none;
  }
 
 /*하단 floating 버튼*/
 
 .fixedFloatingBtnGroup{
     position: fixed;
     right: 0;
     bottom: 120px;
     z-index: 9;
  }
 .fixedFloatingBtnGroup.flxBox{
     flex-direction: column;
     gap: 12px;
     overflow: visible;
     margin-right: 8px;
 }
 
 .floatBtn{
     width: 72px;
     height: 72px;
     padding: 20px;
     font-size: 0;
 }
 
 .floatBtn.floatGotoUp{
     background: #fff url(../images/icons/gotoup_gr.svg) center center/24px no-repeat;
     box-shadow: 0px 4px 12px 0px rgba(102, 102, 102, 0.14);
     border-radius: 999px;
    border: 1px solid var(--gr150);
 }
 
 .floatBtn.floatChatBtn{
     background: url(../images/icons/feature/chatBot_wh.svg) center center/contain no-repeat;
     /*box-shadow: 0px 4px 12px 0px rgba(255, 122, 0, 0.34);*/
     border-radius: 999px;
     box-shadow: 0px 4px 12px 0px rgba(102, 102, 102, 0.14);
    border: 1px solid var(--gr150);
 }
 
  /**
  * ----------------------------------------
  * mainHeroSection
  * 메인 슬라이더 영역
  * ----------------------------------------
  */
 
 /*슬라이더 적용 이후 변경*/
 
 
 .mainHeroTxtWrap{
     padding: 0 40px;
     width: 50%;
 }
 
 .mainHeroImgWrap{
     width: 600px;
     height: 0%;
     padding-bottom: 63.333%;
     position: relative;
     flex-shrink: 0;
 }
 
 .mainHeroImgWrap > img{
     width: 100%;
     height: auto;
     left: 50%;
     top:50%;
     transform: translate(-50%,-50%);
     position: absolute;
     z-index:-1;
 }
 
 .mainHeroWarpInner.flxBox{
     height: 380px;
     align-items: center;
     justify-content: space-between;
 }
 
 .mainCaptionTxt{
     color: var(--gr600, #51575C);
     margin-bottom: 12px;
 }
 
 .mainHeroTxt{
     color: var(--gr900, #212529);
 }
 
 
 /*
 hero 슬라이더
 myMainpageSwiper_01
 */
 
 .myMainpageSwiper_01{
     height: 380px;
     width: 100%;
 }
 
 .myMainpageSwiper_01 .swiper-slide{
     height: 380px;
 }
 
 .slide-in,.slide-in-btn{
     display: none;
 }
 
 .swiper-slide-active .slide-in{
     display: block;
 }
 .swiper-slide-active .slide-in-btn{
     display: flex;
 }
 
 .slidercolr_yellow{
     background-color: #FEFFD6;
 }
 
 .slidercolr_purple{
     background-color: #FCEFFF;
 }
 
 .slidercolr_pink{
     background-color: #FFEEF2;
 }
 
 .slidercolr_apricot{
     background-color: #FFF6E6;
 }
 
 .slidercolr_mint{
     background-color: #E6FFED;
 }
 
 .slidercolr_skyblue{
     background-color:#ddfaff;
 }
 
 .slidercolr_beige{
     background-color:#FFFAF0;
 }
 
 .slidercolr_lightGreen{
     background-color:#F4FFD6;
 }
 
 /*스와이퍼 버튼 기본세팅*/
 
 .swiper-button-next::after,.swiper-button-prev::after{
     color:var(--gr700,#3B4044);
     font-size: 1em;
     font-weight: 900;
 }
 .swiper-button-next:hover::after,.swiper-button-prev:hover::after{
     color:var(--pria700,#FD6B00);
 }
 
 .swiper-button-next{
     right: calc(50% - 680px);
 }
 
 .swiper-button-prev{
     left: calc(50% - 680px);
 }
 
 .swiperArrow.flxBox{
     background-color: #ffffffd0;
     width: 44px;
     height: 44px;
     border-radius: 100%;
     box-shadow: 0 0.25rem 1.5rem 0 rgba(0,0,0,.1);
     display: none;
     transition: 0.1s ease;
 }
 
 .swiper:hover .swiperArrow.flxBox{
     display: flex;
 }
 
 .swiper-pagination{
     bottom: 40px;
     width: 1200px;
     border-radius: 40px;
     color: var(--gr400, #6D757E);
     font-size: 0.875em;
     padding: 2px 8px;
     left: 50%;
     font-weight: 600;
     transform: translateX(-50%);
     display: flex;
     justify-content: flex-end;
     height: 24px;
 }
 
 .swiper-play-button-box{
     position: absolute;
     bottom: 40px;
     width: 1280px;
     margin-left: -88px;
     border-radius: 40px;
     color: var(--gr400, #6D757E);
     font-size: 0.875em;
     padding: 2px 8px;
     left: 50%;
     font-weight: 600;
     transform: translateX(-50%);
     display: flex;
     justify-content: flex-end;
     z-index: 99;
     padding: 0;
 }
 
 .swiper-play-button-box-wrap{
     padding: 0;
     display: flex;
     justify-content: flex-end;
 }
 
 .swiper-play-button-box-wrap > button{
     padding: 0;
     border-radius: 999px;
     opacity: 0.6;
 }
 
 .swiper-play-button-box-wrap > button:hover{
     opacity: 1;
     background-color: var(--bl10,rgba(22, 25, 28, 0.10));
 }
 
 .swiper-pagination-current,.swiper-pagination-total{
     padding-left: 4px;
     padding-right: 4px;
 }

 /**
메인슬라이더 텍스트 색상 반전(흰색 버전 추가)
 **/

.myMainpageSwiper_01 .whiteTxt .mainHeroTxt{
	color:#fff;
}
.myMainpageSwiper_01 .whiteTxt .mainCaptionTxt{
	color:#fffffff0;
}
.myMainpageSwiper_01 .whiteTxt .chipBtnSt1{
	color:var(--wh);
	border: 1px solid #ffffff7a; 
}

.myMainpageSwiper_01 .whiteTxt .chipBtnSt1.hasIconChip.hasIconArrow::after {
    background: url(../images/icons/arrowRightSmall_wh.svg) center center / contain no-repeat;
}


.myMainpageSwiper_01 .iconPlay::after{
	background:url(../images/icons/play_gr_light.svg) center center/contain no-repeat;
}

.myMainpageSwiper_01 .iconPause::after{
	background:url(../images/icons/pause_gr_light.svg) center center/contain no-repeat;
}

.myMainpageSwiper_01 .swiper-play-button-box-wrap > button{
	opacity:1;
}


 
 /**
  * ----------------------------------------
  * quickSearchhWrap
  * 퀵메뉴 영역
  * ----------------------------------------
  */
 
 
 .quickSearch .layoutWrap{
     width: 1200px;
 }
 
 .quickSearchWrap{
     background: #fff;
     padding: 40px;
     justify-content: space-between;
     border-radius: 20px;
     box-shadow: 0px 9px 14px 0px rgba(141, 140, 151, 0.10), 0px 13px 21px 0px rgba(141, 140, 151, 0.08);
     width: 100%;
     position: absolute;
     top: -20px;
     left: 0;
     z-index: 2;
     border: 1px solid var(--gr50);
 }
 
 .quickSearchWrap:hover{
     box-shadow: 0px 9px 14px 0px rgba(141, 140, 151, 0.20), 0px 13px 21px 0px rgba(141, 140, 151, 0.08);
 }
 .quickSearchFormWrap.flxBox{
     gap:16px;
     align-items: center;
     justify-content: space-between;
 }
   
 
 .quickSearchTxt{
     align-items: center;
     width: 25%;
 }
 
 .quickSearchFormWrap{
     width: 75%;
     height: 76px;
     position: relative;
 }
 
 .quickSearchFormWrap .select_mate{
     width: 30%;
 }
 
 .quickSearchBtn{
     width: 76px;
     height: 76px;
     border-radius: 999px;
     background: linear-gradient(141deg, #FF7A00 13.14%, #FFCB46 141.86%);
     box-shadow: 0px 4px 8px 0px rgba(255, 122, 0, 0.27);
     flex-shrink: 0;
     transition: background-image 0.2s ease;
 }
 
 .quickSearchBtn:hover{
     background: linear-gradient(141deg, #ff6200 13.14%, #ffb246 141.86%);
     box-shadow: 0px 4px 12px 0px rgba(255, 122, 0, 0.4);
 }
 
 .quickSearchBtn::after{
     width: 32px;
     height: 32px;
     background: url(../images/icons/search_wh.svg) center center/contain no-repeat;
 }
 
 .quickSearchBtn:hover::after{    
     background: url(../images/icons/search_wh.svg) center center/contain no-repeat;
 }
 
 /*
 quickMenu
 */
 .onlyMO{
     display: none;
 }
 .onlyMO.showPC{
    display: block;
}
 .quickMenuWrap{
     padding-top: 200px;
 }
 
 .quickMenu.flxBox{
     justify-content: space-between;
     flex-wrap: wrap;
 }
 
 .quickMenu.flxBox li{
     width: calc(100% / 8);
 }
 
 .quickMenu.flxBox a{
     width: 100%;
     display: block;
     height: max-content;
 }
 
 .quickImgwrap{
     background: var(--gr50, #F8F9FA);
     border-radius: 28px;
     width: 80px;
     height: 80px;
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
     transition: background-color 0.2s ease;
     margin: 0 auto 8px auto;
 }
 
 .quickImgwrap > img{
     width: 68%;  
     height: 68%;  
 }
 
 .quickEventImg .quickImgwrap > img{
     width: 100%;  
     height: 100%;  
 }
 .quickTxt{
     color: var(--gr900, #212529);
     text-align: center;
     transition: 0.4s ease-out;
	word-break: keep-all;
    line-height: 120%;
 }
 
 
 .boxSectionTitle{
     color: var(--gr900, #212529);   
 }
 
 .boxTitleWrap.flxBox{
     flex-direction: column;
     gap:20px;
 }
 
 
 /**
  * ----------------------------------------
  * sectionNumber04
  * 대표브랜드
  * ----------------------------------------
  */
 
 .subBanner_img_mainTxt{
     word-break: keep-all;
 }
 
 .boxChipGroup.flxBox{
     gap:8px;
 }
 
 .subBannerBrand{
     height: 534px;
     gap:40px;
     display: none;
 }
 
 .subBanner_imgBox{
     position: relative;
     overflow: hidden;
     display: flex;
     align-items: flex-start;
     flex-direction: column;
     justify-content: flex-end;
     transition: background-image 04s ease-in-out;
 }
 
 /*
 #subBannerBrandContent01 .subBanner_img{
     background: url(../images/banner/main/subBannerBrand/subBannerBrand_03.png) center center/cover no-repeat;
 }
 #subBannerBrandContent02 .subBanner_img{
     background: url(../images/banner/main/subBannerBrand/subBannerBrand_241220.png) center center/cover no-repeat;
 }
 #subBannerBrandContent03 .subBanner_img{
     background: url(../images/banner/main/subBannerBrand/subBannerBrand_02.png) center center/cover no-repeat;
 }
 */
 
 .subBanner_img {
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     top:0;
     z-index: -2;
     transition: 0.4s ease-in-out;
 }
 
 .subBanner_ImgIcon{
    position: absolute;
    height: 100px;
    width: 100px;
    top: 32px;
    left: 32px;
    border-radius: 999px;
    z-index: 2;
    background: #fff;
 }
 
 #subBannerBrandContent01 .subBanner_ImgIcon{
     background: #fff url(../images/assett/logo_thinkbig.svg) center /64% no-repeat;
 }
 #subBannerBrandContent02 .subBanner_ImgIcon{
     background: #fff url(../images/assett/logo_smartall.svg) center /88% no-repeat;
 }
 #subBannerBrandContent03 .subBanner_ImgIcon{
     background: #fff url(../images/assett/logo_bookclub.svg) center /70% no-repeat;
 }
 .subBanner_img_txtBox{
     width: 100%;
     padding: 40px;
     position: relative;
     background: #ffffffe0;
     backdrop-filter: blur(8px); /* 다른 브라우저를 위한 속성 */
     -webkit-backdrop-filter: blur(8px); /* WebKit 기반 브라우저를 위한 속성 */
     -moz-backdrop-filter: blur(8px); /* Mozilla Firefox를 위한 속성 */
     -o-backdrop-filter: blur(8px); /* Opera 브라우저를 위한 속성 */
     -ms-backdrop-filter: blur(8px); /* Microsoft Edge 및 Internet Explorer를 위한 속성 */
     transition: background-color 0.4s ease-in-out;
 }
 
 
 /*
 대표브랜드 - 브랜드 썸네일 리스트
 */

 /*
 썸네일 스타일 01
 */
 
 .pdListStyle01 .thumbProductList{
     display: flex;
     flex-direction: column;
     height: unset;
     justify-content: space-between;
     gap: 20px;
 }
 
 .pdListStyle01{
     padding: 0 40px;
 }
 
 .listGridTxt p{
     word-break: keep-all;
     line-height: 130%;
 }
 
 .pdListStyle01 .listGridBoxWrap{
     gap:32px;
     align-items: center;
 }
 
 .pdListStyle01 .listGridThumb{
     width: 150px;
     height: 150px;
     background: var(--gr50, #F8F9FA);
     flex-shrink: 0;
     position: relative;
     overflow: hidden;
 }

 .listGridThumb{
    overflow: hidden;
 }
 
 .pdListStyle01 .listGridThumb > img{
     position: absolute;
     width: 100%;
     height: 100%;
 }
 
 .thumbProductList .cap{
     color: var(--gr500, #51575C);
 }

  /*
 썸네일 스타일 02
 */

 .pdListStyle02 .thumbProductList{
    display: flex;
    flex-direction: row;
    height: unset;
    justify-content: flex-start;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.pdListStyle02{
    padding: 0;
}

.listGridTxt p{
    word-break: keep-all;
    line-height: 130%;
}

.pdListStyle02 .listGridBoxWrap{
    gap: 20px;
    align-items: center;
    flex-direction: column;
}

.pdListStyle02 .listGridThumb{
    width: 100%;
    height: 0;
    background: var(--gr50, #F8F9FA);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
    box-sizing: border-box;
}

.pdListStyle02 .lineListThumb{
    background-color: #fff;
    border: 1px solid var(--gr150);
}

.listGridThumb{
    background: var(--gr50, #F8F9FA);
}

.pdListStyle02 .listGridThumb > img{
    position: absolute;
    width: 100%;
    height: auto;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.pdListStyle02 ul.thumbProductList li{
    width: calc((100% - (24px + 24px)) / 3); 
    margin-bottom: 24px;
}

.eventLayoutBox .pdListStyle02 ul.thumbProductList li{
	margin-bottom: 36px;
}

/*5개그리드*/
.pdListStyle02_5grid ul.thumbProductList li{
    width: calc((100% - (24px + 24px + 24px + 24px)) / 5); 
    flex-shrink: 0;
}

.pdListStyle02 .hasthumbListBtnWrap.flxBox{
    height: 50px;
    align-items: center;
}

/*검색형식 가로 리스트 썸네일*/
.pdListStyle02.listStyle_hori .listGridThumb{
    width: 200px;
    height: 200px;
    padding-bottom: 0%;
}

/*검색형식 가로 리스트 타이틀*/
.searchListTit{
    font-size: 1.25rem;
}

/*검색형식 가로 리스트*/
.eventWrap .pdListStyle02.listStyle_hori ul.thumbProductList li{
    width: 100%;
}

.eventWrap .pdListStyle02.listStyle_hori ul.thumbProductList li:last-child{
   margin-bottom: 0;
}

.pdListStyle02.listStyle_hori .listGridBoxWrap{
    flex-direction: row;
    gap:80px;
}

.pdListStyle02.listStyle_hori .cap.itemBest{
    top:unset !important;
    bottom: 0;
    z-index: 1;
}

.listSt_hori_imgBox{
    position: relative;
}

.listGridTxt{
    position: relative;
}

.thumbProductList .cap.itemBest{
    position: absolute;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: var(--pri700);
    color:#fff;
    top: -33px;
}

.listCaptionBox{
    align-items: center;
    gap:8px;
}


.reBeforeImgBox >img{
    mix-blend-mode: multiply;
 	border-radius: 12px;   
}


/*리스트 필터 아이템*/
.captionListfilteItem{
    display: flex;
    padding: 6px 12px;
    border: 1px solid var(--gr150, #DEE2E6);
    border-radius: 999px;
    flex-shrink: 0;
    
}

.captionListConNumber P{
    flex-shrink: 0;
}

.captionListfilter{
    gap: 4px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.hashNotBreakBox{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

 /*hover effect*/
 
 .subBanner_imgBox:hover .subBanner_img{
     transform: scale(1.1);
 }
 
 .subBanner_imgBox:hover .subBanner_img_txtBox{
     background: #fffffff0;
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px); /* WebKit 기반 브라우저를 위한 속성 */
     -moz-backdrop-filter: blur(8px); /* Mozilla Firefox를 위한 속성 */
     -o-backdrop-filter: blur(8px); /* Opera 브라우저를 위한 속성 */
     -ms-backdrop-filter: blur(8px); /* Microsoft Edge 및 Internet Explorer를 위한 속성 */
 }
 
 .thumbProductLinkBox{
     position: relative;
 }
 
 .thumbProductLinkShow{
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: #ffffff96;
     z-index: 2;
 }

 .filterInnerWrap .popupConTopTitle > .bd2{
    font-size: 1rem;
 }

 .captionListfilteItem:hover::after{
    background: url(../images/icons/close_gr.svg) center center / contain no-repeat;
 }

 .pdListStyle02 .select_basic,
 .mapListTitWrap .select_basic{
    border: none;
    margin-bottom: 0;
    width: unset;
    color: var(--gr600, #51575C);
    font-weight: 600;
    padding-right: 20px;
    text-align: right !important;
    background: #fff url('../images/icons/arrowFill_gr.svg') calc(100% ) center/16px no-repeat;
 }
 
 .pdListStyle02 .select_basic:focus,
 .pdListStyle02 .select_basic:focus-visible{
    outline:0 !important;
    border: 0 !important;
 }

 .mapListTitWrap .select_basic:focus,
 .mapListTitWrap .select_basic:focus-visible{
    outline:0 !important;
    border: 0 !important;
 }

 .hasthumbListLnb{
    border-bottom: 1px solid var(--gr150);
 }

 .hasthumbListLnb{
    margin-bottom: 12px;
 }

 .thumbListLnb{
    gap:24px;
 }

 .thumbListLnb button{
    color: var(--gr300, #868E96);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

 .thumbListLnb li.on button{
    color: var(--gr900, #212529);
    border-bottom: 2px solid #ffffff00;
 }
 
 .thumbListLnb li.on button{
    border-bottom: 2px solid var(--pri700) ;
 }
 
 .thumbListLnb li button{
    border-bottom: 2px solid #fff0;
 }
 

 /**
  * ----------------------------------------
  * sectionNumber05
  * 웅진씽크빅's Pick
  * ----------------------------------------
  */
 
 .subBannerEvent > .flxBox{
     gap:20px;
 }
 
 .subBannerEvent.mbScroll{
     -ms-overflow-style: none; /* IE and Edge */
     scrollbar-width: none; /* Firefox */
 }
 
 .subBannerEvent.mbScrol::-webkit-scrollbar{
     display: none; /* Chrome, Safari, Opera*/    
 }
 
 .subBannerEventBox{
     position: relative;
     width: 100%; 
     height: 0;
     padding-bottom: 15.41%; 
     overflow: hidden; 
 }
 
 .subBannerEventBox > img{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 
 .subBannerEventGo{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 2;
 }
 
 
 /**
  * ----------------------------------------
  * sectionNumber06
  * 어린이의 10년후
  * ----------------------------------------
  */
 
 .changeToSmart{
     position: relative;
 }
 
 .changeToSmart::after{
     content: "";
     display: block;
     position: absolute;
     width: 100%;
     height: calc(100% - 30px);
     top: 70px;
     left: 50%;
     transform: translateX(-100%);
     background:#fffcec9c;
     z-index: -1;
     border-radius: 80px;
 }
 
 .subBannerChangeWrap{
     height: 420px;
 }
 
 .rankIconBoxWrap{
     gap:20px;
 }
 
 .rankIconBox::before{
     content: "";
     width: 100px;
     height: 100px;
     display: inline-block;
     margin: 0 auto;
     flex-shrink: 0;
     border-radius: 999px;
 }
 
 .rankIcon1.rankIconBox::before{
     background: url(../images/icons/feature/certification.svg) center /70% no-repeat;
 }
 .rankIcon2.rankIconBox::before{
     background: url(../images/icons/feature/member.svg) center /70% no-repeat;
 }
 .rankIcon3.rankIconBox::before{
     background: url(../images/icons/feature/data.svg) center /70% no-repeat;
 }
 .rankIcon4.rankIconBox::before{
     background: url(../images/icons/feature/calculate.svg) center /70% no-repeat;
 }
 .rankIcon4-2.rankIconBox::before{
     background: url(../images/icons/feature/trophy.svg) center /70% no-repeat;
 }
 
 .subBannerWin_wrap{
     width: 100%;
     height: 0;
     padding-bottom: 13.333%;
     position: relative;
     overflow: hidden;
 }
 
 .subBannerWin{
     width: 100%;
     height: 100%;
     position: absolute;
     top:0;
     left: 0;
     background:  #fffaf5 url(../images/banner/main/subBannerWin/subBannerWin_01.png) center /cover no-repeat;
 }
 
 .noticeSectionWrap{
     gap:80px;
 }
 
 .noticeSectionWrap > div{
    width: calc(50% - 80px);
 }
 
 .subBannerChangeWrap.gridBox > div{
     height: 100%;
 }
 
 .changeMargin{
     width: calc((100% - 1200px) / 2);  
     flex-shrink: 0 !important;
 }
 
 .changeCate{
     width: calc(1200px / 6);
     flex-shrink: 0 !important;
     flex-direction: column;
     justify-content: center;
     padding-bottom: 40px;
 	overflow-x:scroll;
 }
 .changeCate li:last-child button{
 	margin-right:20px;
 }
 .changeCate > ul.flxBox{
     flex-direction: column;
     gap:20px;	
 }
 /*가로 스크롤바 안보이게*/
.changeCate{
         -ms-overflow-style: none;  /* IE and Edge */
         scrollbar-width: none;  /* Firefox */
}
         
.changeCate::-webkit-scrollbar{
         display: none;
         width: 0;  /* Remove scrollbar space */
         height: 0;
         background: transparent;  /* Optional: just make scrollbar invisible */
         -webkit-appearance: none;
}
 
 .changeCate > ul > li > button{
     color:var(--gr500 , #5F666D);
     display: flex;
     align-items: center;
     gap:12px
 }
 
 .changeCate > ul > li > button::before{
     content: "";
     display: inline-block;
     width: 0px;
     height: 0px;
     background-color: var(--pri700, #FF7A00);
     border-radius: 100%;
     margin-left: 10px;
 }
 
 .changeCate > ul > li.on > button{
     color: var(--gr900, #212529);
     font-weight: 700;
 }
 
 .changeCate > ul > li.on > button::before{
     width: 10px;
     height: 10px;
     margin-left: 0px;
     transition: 0.2s ease-in-out;
     display: inline-block;
 }
 
 /*
 스마트하게 변화 슬라이더
 myMainpageSwiper_02
 */
 
 .changeSliderBox{
     width: 100%;
     overflow: hidden;
     
 }
 
 .myMainpageSwiper_02{
     width: 100%;
     margin: 0 !important;
 }
 
 .myMainpageSwiper_02 .swiper-slide{
     width: calc(100% - var(--adjusted-width) - 196px);
 }
 
 
 #slider-container {
     width: 100%;
     overflow: hidden; /* 슬라이더 밖의 내용 숨김 */
 }
 
 #slider-wrapper {
     display: flex;
     transition: transform 0.5s ease-in-out;
 }
 
 .slide {
     min-width: 100%; /* 각 슬라이드의 너비를 컨테이너의 너비와 같게 설정 */
     flex-shrink: 0; /* 슬라이드의 크기가 줄어들지 않도록 설정 */
 }
 .changeTxtWrap{
     padding: 40px;
 }
 .changeTxt{
     color:var(--gr900,#212529)
 }
 
 
 
 #made-slider-container {
     position: relative;
     width: 100%;
     overflow: hidden;
     border-radius: 20px 0 0 20px;
 }
 
 #made-slider-container .slider-wrapper {
     display: flex;
     transition: transform 0.5s ease;
     
 }
 
 #made-slider-container .slide {
     min-width: 1020px;
     padding-right: 20px;
 }
 
 
 #made-slider-container .slide .made-slide-inner{
     height: 420px;
     border-radius: 20px;
 }
 
 #made-slider-container .slide .changeSliderTxt{
     width: 100%;   
     padding: 60px;
 }
 
 #made-slider-container .slide img{
    display: none;
    transition: 0.2s ease-in-out;
 }
 #made-slider-container .slide.active img{
     display: block;
     transition: 0.2s ease-in-out;
 }
 
 .changeSlider_col1{
     background: linear-gradient(107deg, #CEE9FF 7.94%, #E5F2FC 89.58%);
 }
 .changeSlider_col2{
     background: linear-gradient(180deg, #FFD9DF 0%, #FFCAD6 100%);
 }
 .changeSlider_col3{
     background: linear-gradient(180deg, #E1E2FE 0%, #D7D8FE 100%);
 }
 .changeSlider_col4{
     background: linear-gradient(159deg, #c1f6cc -5.03%, #e2ffe8 86.2%); 
 }
  .changeSlider_col5{
     background:linear-gradient(159deg, #fff791 -5.03%, #fffac0 86.2%);
 }
 
 .made-slide-inner{
     position: relative;
     padding-bottom: 42%;
     width: 100%;
     height: 0%;
 }
 
 .made-slide-inner > img {
     position: absolute;
     width: 100%;
     height: auto;
     bottom:0;
     right:0;
 }
 
 
 .changeSliderTxt .hd{
     color: var(--gr900, #212529);
 }
 
 .changeSliderTxt .bdFont{
     color:var(--gr600, #51575C);
     word-break: keep-all;
 }
 
 .changeToSmart .layoutWrap.boxTitleWrap{
     display: flex;
     justify-content: space-between;
     flex-direction: row;
     align-items: center;
 }
 
 .changeSlider_btnWrap.flxBox{
     align-items: center;
     gap: 20px;
     position: absolute;
     top: calc(50% - 22px);
     left: -16px;
     width: 1032px;
     z-index: 2;
     justify-content: space-between;
 
 }
 
 .changeSlider_btnWrap button{
     padding: 0;
     transition: 0.1s ease;
     
     display: none;
     transition: background-color 0.4s ease-in-out;
     margin: 0;
 }
 
 
 .changeSlider_btnWrap button::after{
     border: none;
     transition: 0.4s ease-in-out;
     background-color: none;
     background-color: #ffffffd0;
     width: 44px;
     height: 44px;
     box-shadow: 0 0.25rem 1.5rem 0 rgba(0,0,0,.1);
 }
 
 .changeSliderBox{
     position: relative;
     overflow: visible;
 }
 
 .changeSlider_btnWrap .prevButton.iconArrowRound{
     transform: rotate(-180deg);
 }
 
 .subBannerChangeWrap:hover .changeSlider_btnWrap button{
     display: block;
 }
 
 
 /**
  * ----------------------------------------
  * sectionNumber07
  * 수상내역
  * ----------------------------------------
  */
 
 .rankIconBox{
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 40px 0 0 0;
     gap: 8px;
 }
 
 .rankIconBox p span{
     font-size: 2.5rem;
     font-weight: 700;
     line-height: 3rem;
     color: var(--gr900, #212529);
 }
 
 .rankIconBox div,.rankIconBox p{
     flex-shrink: 0;
 }
 
 .rankIconBox p span.notMove{
     font-size: 2.4rem;
 }
 
 
 
 /**
  * ----------------------------------------
  * sectionNumber08
  * 공지사항
  * ----------------------------------------
  */
 
 /*공지사항 슬라이더*/
 .myNoticeTxtSwiper {
  height: 100%; /* 전체 스와이퍼의 높이를 콘텐츠에 맞춤 */
  overflow: hidden; /* 필요 시 오버플로우 제거 */
}

.myNoticeTxtSwiper .swiper-wrapper {
  display: flex; /* 플렉스 박스로 설정하여 유연한 높이 조정 */
  flex-direction: column; /* 세로 스크롤을 위한 설정 */
}
 
 
 .noticeTitle{
 	display: flex;
    justify-content: space-between;
    font-size:1.5rem;
 }
 
 .noticeTitle .txtGray{
    color: var(--gr400, #6D757E);
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
 }
 
 .noticeListWrap{
     border-top: 1px solid var(--gr500, #5f666d);
 }
 
 .noticeList{
     padding-top: 12px;
 }
 
 .noticeList li a{
     display: block;
     padding: 12px 26px 12px 0;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     word-break: keep-all;
 }
 .noticeTag{
    display: inline-block;
    color: var(--gr600);
    font-weight: 600;
    font-size: 0.875rem;
    margin-right: 16px;
    width: 80px;
    background: var(--gr100);
    text-align: center;
    border-radius: 4px;


 }
 .noticeList .iconArrowRound::after{
     display: none;
 }
 
 .agreeInformation{
 	color:var(--gr300);
 	word-break:keep-all;
 	line-height:130%;
 }
 .agreeInformation > span{
 	color:var(--gr200);
 }
 /**
  * ----------------------------------------
  * footer
  * 푸터영역
  * ----------------------------------------
  */
  .mbFooterOpen{
     font-size: 0;
  }
 
 .footerArea{
     background:#FFF;
 }
 
 .footerArea div{
     transition: none;
 }
 
 .footerArea .wjLogoImg {
     width: 160px;
 }
 
 .footerAre p{
     word-break: keep-all;
 }
 .topFooterArea{
     border-top: 1px solid var(--gr150, #DEE2E6);
     background:#FFF;
     padding: 28px;
 }
 
 .bottomFooterArea{
     border-top: 1px solid var(--gr100, #F1F3F5);
     background:#FFF;
     padding-top: 40px;
     padding-bottom: 120px;
 }
 
 .topFooterArea .layoutWrap{
     gap:80px;
 }
 
 .bfBoxGridWrap{
     width: 100%;
 }
 
 .bfBox_inTop{
     width: 100%;
     justify-content: space-between;
 }
 
 .bfBox_inBottom{
     flex-direction: column;
 }
 
 
 .footerListTipeA ul{
     gap:20px
 }
 
 .footerListTipeA p{
     margin-right: 40px;
 }
 
 .footerListTipeA .listtitleS{
     position: relative;
 }
 
 .footerListTipeA .listtitleS::after{
     position: absolute;
     width: 1px;
     height: 80%;
     background-color: #d7d7d7;
     content: "";
     display: block;
     top:10%;
     right: -20px;
 }
 
 .footerListTipeA.dotList ul{
     align-items: center;
 }
 
 .footerListTipeA.dotList li{
     position: relative;
 }
 
 .footerListTipeA.dotList li::after{
     position: absolute;
     right: -11px;
     content: "";
     top:calc(50% - 2px);
     width: 2px;
     height: 2px;
     display: inline-block;
     background-color:#666;
     margin-left: 20px;
     border-radius: 100%;
 }
 
 .footerListTipeA.dotList li:last-child::after{
     display: none;
 }
 
 .hasIsms{
     display: flex;
     gap:20px;
     word-break: keep-all;
     padding-right: 40px;
 }
 
 .hasIsms::before{
     content: "";
     display: block;
     width: 38px;
     height:34px;
     background: url(../images/assett/isms.svg) center center /cover no-repeat;
 }
 
 .hasCustomerService.flxBox{
     gap: 40px;
 }
 
 .customerService.flxBox{
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
 
 .select_basic{
    
     -o-appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     padding: 0 16px;
     position: relative;
     float: left;
     width: 280px;
     height: 40px;
     color: var(--gr400, #6D757E);
     font-weight: 300;
     background: #fff url('../images/icons/arrowFill_gr.svg') calc(100% - 10px) center/16px no-repeat;
     border-radius: 8px;
     transition: all 375ms ease-in-out;
     border: 1px solid var(--gr150, #DEE2E6);
     margin-bottom: 20px;
 }
 
 .select_basic:focus-visible{
    outline: none;
     border: 1px solid var(--gr900, #212529) !important;
 }
 .select_basic:focus-visible{
    outline: none;
     border: 1px solid var(--gr900, #212529) !important;
 }
 
 .mbScroll{
     overflow-x:auto;
 }
 .mbScroll::-webkit-scrollbar{
     width: 0;
     height: 0;
 }
 .scroll-container {
     scrollbar-width: none; 
 }
 
 
 .footerLinkBox{
     clear: both;
     margin-top: 20px;
 }
 
 .footerLinkBox > .flxBox{
     display: flex;
     justify-content: space-between;
 }
 .footerLinkBox a{
     display: inline-block;
     padding: 0;
 }
 
 
 /********
 모달
 *********/
 .modalHasPop {
    top:0;
    left: 0;
     position: fixed;
     width: 100%;
     height: 100%;
     background-color:var(--bl70,rgba(22, 25, 28, 0.70));
     z-index: 99;
     /*backdrop-filter: blur(4px);
     -webkit-backdrop-filter: blur(4px); 
     -moz-backdrop-filter: blur(4px); 
     -o-backdrop-filter: blur(4px); 
     -ms-backdrop-filter: blur(4px);*/
 }
 
.popCoverPop{
    z-index: 999;
}
 
 /********
 팝업스타일
 *********/
 
 /*팝업외부*/
 .popupBasic {
     width: 780px;
     max-height: 860px; 
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     overflow: hidden;
     z-index: 999;
     border-radius: 12px;
     height: calc(100vh - 160px);
     background: #fff;
 }
 
 /*팝업 전체 레이아웃 - 헤더, 바디, 푸터*/
 .popupBasic_head.flxBox {
     height: 60px; 
     background-color: #fff;
     justify-content: space-between;
     border-bottom: 1px solid var(--gr150,#DEE2E6);
 }
 
 /* 포커스 시 스타일 */
 .popupBasic_head.focus-border {
     border-bottom: 1px solid var(--pri700, #FF7A00); /* 포커스 시 빨간색 테두리 */
   }
 
 .popupBasic_body {
     height: calc(100% - 144px); 
     overflow-y: overlay; 
     background-color: #fff;
 }

 .popupBasic_body.search_body{
    height: calc(100% - 60px) !important; 
 }
 /* Chrome, Safari 등 Webkit 기반 브라우저에서 스크롤 바 숨김 */
 
 .popupBasic_body:not(.scrollable-container){
     
     /* 모든 브라우저에서 스크롤 바 숨김 */
     -ms-overflow-style: none; /* IE 및 Edge */
     scrollbar-width: none; /* Firefox */
 }
 .popupBasic_body:not(.scrollable-container)::-webkit-scrollbar {
     display: none;
 }

 
 
 .popupBasic_foot {
     height: 84px; 
     background-color: #fff; 
 }
 
 /*팝업 전체 레이아웃 - 팝업 내부 레이아웃*/
 .popupInnerWrap{
     padding: 20px 40px;
 }
 
 /*팝업 패딩 레이아웃 제어*/
 .popUplayout{
     padding-left: 28px;
     padding-right: 28px;
 }
 
 .popupBasic_head.popUplayout{
     padding-left: calc(28px - 10px);
     padding-right: calc(28px - 10px);
 }
 
 /*팝업 아이콘영역*/
 .popIconBox.flxBox{
     justify-content: center;
     align-items: center;
 }
 
 .quickSearchPopup .iconSearch::after{
     background: url(../images/icons/search_pri.svg) center center/contain no-repeat;
 }
 
 
 /*팝업 상단 검색창 제어*/
 .popInputBox{
     width: 100%;
     position: relative;
 }
 
 .popInputBoxTxtClose{
     position: absolute;
     right: 0;
     top: calc(50% - 8px);
     padding-top: 0;
     padding-bottom: 0;
     transition: background-color 0.2s ease-in-out;
 }
 .popInputBoxTxtClose:hover::after,
 .popInputBoxTxtClose::after{
     background: #ADB5BD url(../images/icons/close_wh.svg) center center / 12px no-repeat;
     border-radius: 999px;
     transition: background-color 0.2s ease-in-out;
 }
 
 
 
 .popInputBox > input{
     height: calc(100% - 16px);
     width: 100%;
     margin-top: 8px;
     padding-left: 8px;
     padding-right: 40px;
 }
 
 
 .popIconBox.flxBox > div{
     flex-shrink: 0;
 }
 .hasSearchPop{
     width: calc(100% - 44px);
     flex-grow: 1;
 }
 
 /*팝업 하단 팝업푸터 버튼영역*/
 .popupBasic_foot.popupBasic_foot.flxBox{
     padding-top: 18px;
     padding-bottom: 18px;
     justify-content: flex-end;
     gap:20px;
 }
 
 .popupBasic_foot.popupBasic_foot button.btnSytle01{
     width: 280px;
 }
 
 /*팝업콘텐츠*/ 
 
 /*팝업콘텐츠 레이아웃 제어*/
 .popupInnerWrap.flxBox{
     flex-direction: column;
 }
 
 .popupConTopTitle{
     gap:8px;
     align-items: center;
     flex-shrink: 0;
 }

 .popupConTopTitle > p {
    word-break: keep-all;
 }
 
 .popupConTopTitle > .bd2,
 .popupMenuTab{
     font-size: 1.14rem;
 }
 
 .popupInnerTab{
     display: flex;
 }
 
 .popupMenuTab{
     color: var(--gr300, #868E96);
     width: 50%;
     padding: 12px 0;
     border-bottom: 1px solid var(--gr150, #DEE2E6);
     font-size: 1rem;
     font-weight: 600;
 }
 
 .popupMenuTab:nth-child(1){
         border-right: 1px solid var(--gr150, #DEE2E6);
 }
 
 .popupMenuTab.on{
     color: var(--gr900,212529 );
     border-bottom: 1px solid #fff;
     /*border-bottom: 2px solid var(--pri700, #FF7A00);*/
 }
 
 .popupMenuTab:not(.on){
     background:var(--gr50);
 }
 
 .popupConGroup.flxBox:last-child{
     border-bottom: 0;
     margin-bottom: 0;
 }

 .popupConGroup.flxBox.gap12{
     gap:12px;
     padding-top: 0;
 }
 
 .productFilterPop .popupConGroup.flxBox:first-child{
    padding-top: 0;
 }
 .productFilterPop .popupConGroup.flxBox:last-child{
    padding-bottom: 60px;
 }
 
 /*팝업콘텐츠 - 아코디언 버튼*/ 
 .popupConTop.flxBox{
     justify-content: space-between;
 }
 
 .popupConGroup.flxBox{
     flex-direction: column;
     gap:20px;
     padding: 28px 0;
     border-bottom: 1px solid var(--gr100);
 }

 .popupConGroup.noBorder{
    border: none;
    padding: 0;
    margin-bottom: 28px;
    gap:8px;
 }
 
 .popupConGroup .popupConBottom{
     display: none;
 }
 
 .popupConGroup.open .popupConBottom{
     display: block;
 }
 
 .chipFilterBtnContainer.flxBox{
     flex-wrap: wrap;
     gap:8px;
 
 }
 
 .popupConTop .iconArrowbottom::after{
     transform: rotate(90deg);
 }
 
 .popupConGroup.open .popupConTop .iconArrowbottom::after{
     transform: rotate(-90deg);
 }
 
 .openPopCon{
     justify-content: flex-end;
     max-width: calc(100% - 200px);
 }
 .openPopCon::after{
     flex-shrink: 0;
 }
 .openPopCon > span{
     display: block;
     white-space: nowrap; /* 줄바꿈 없음 */
     overflow-x: hidden;   /* 넘치는 내용 숨김 */
     overflow-y: visible;   /* 넘치는 내용 숨김 */
     text-overflow: ellipsis; /* 말줄임표 사용 */
     display: block;
 
 }
 
 /* 기본적으로 popInputBoxTxtClose 요소를 숨김 */
 .popInputBoxTxtClose {
     display: none;
   }
 
 .popInputBox input[type="text"]:focus,
 .popInputBox input[type="text"]:focus-visible
 {
     outline: none;
 }
 
 
 /*기존 팝업 제어*/
 .layerService{
     background: #00000094;
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 99 !important;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 .layerService .blind{
     visibility: hidden;
     overflow: hidden;
     position: absolute;
     top: 0;
     left: 0;
     width: 1px;
     height: 1px;
     font-size: 0;
     line-height: 0;
 }
 
 .layerService .cont .box {
     position: relative;
 }
 
 .layerService .cont .box .layerServiceClose {
     position: absolute;
     top: 28px;
     right: 30px;
     padding: 0;
     width: 23px;
     height: 24px;
     text-indent: -9999px;
     overflow: hidden;
     border: 0;
     cursor: pointer;
     background: transparent;
 }
 
 .layerService .btnGoogleQr {
     position: absolute;
     font-size:0px;
     top: 300px;
     left: 43px;
     width: 108px;
     height: 35px;
 }
 
 .layerService .btnIosQr {
     position: absolute;
     font-size:0px;
     top: 300px;
     left: 179px;
     width: 110px;
     height: 35px;
 }

 /*기존팝업제어 - largePop, conPop*/
 
/*툴팁*/
.hasToolTipBox{
    position: relative;
    align-items: center;
}
.toolTipBtn{
    position: absolute;
    top:4px;
    right: 4px;
    padding: 0;
}

.filtertoolTip{
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 20px;
    right:unset;
    top:unset;
    width: 100%;
}

.filtertoolTip::after{
    content: "";
    width: 24px;
    height: 24px;
    background: url(../images/icons/alert_gr.svg) center center / contain no-repeat;
    display: inline-block;
}

.toolTipBox{
    transition: 0.4s ease-in-out;
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    border: 1px solid var(--gr150, #DEE2E6);
    border-radius: 4px;
    padding: 12px;
    width: 228px;
    z-index: 2;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.08), 0px 2px 6px 0px rgba(0, 0, 0, 0.05);
}

.toolTipBox.toolTipBox_ft01{
    left: 80px;
    top:1px;
    width: 340px;
}


.toolTipBox::after{
    content: "";
    display: block;
    width: 16px;
    height: 8px;
    background: url(../images/assett/tooltio_point.svg) center center / contain no-repeat;
    position: absolute;
    top:9px;
    left:-12px;
    rotate: -90deg;
}

/*03번 PC에서 위치조정*/
.toolTipBox.toolTipBox_03{
    left: unset;
    left: -82px;
}

.toolTipBox.toolTipBox_03 .toolTipIcon{
    flex: 0.3;
}

.toolTipBox.toolTipBox_03::after{
    left:unset;
    right:-12px;
    rotate: 90deg;
}

.toolTipCon{
    margin-bottom: 8px;
}

.seldb .toolTipCon{
	margin-bottom: 0px;
}

.toolTipTit{
    font-size: 0.875rem;
}

.toolTipSubTit,.toolTipIcon{
    font-size: 0.8rem;
}

.toolTipIcon{
    flex: 1;
    text-align: center;
    word-break: keep-all;
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
}

.toolTipIcon::after{
    background-color: var(--gr100, #F8F9FA);
    background-size:20px;
    border-radius: 100%;
    margin: 0 auto;
}

.toolTipSub{
    font-size: 0.8rem;
    word-break: keep-all;
}

.popupTitle{
    display: flex;
    align-items: center;
}

.conTabBtnGroup{
    display: flex;
    gap:8px;
}

.conTabLinkGroup{
    padding: 16px 12px;
    width: 100%;
    display: block;
    line-height: 120%;
    border-radius: 8px;
    border: 1px solid var(--gr150, #DEE2E6);
    background: var(--gr0, #FCFDFE);
}
.conTabLinkGroup > p{
    width:100%;
    word-break: keep-all;
}

.conTabBtnBox{
    flex: 1;
    color:var(--gr400, #6D757E);
    border: 1px solid var(--gr100, #F1F3F5);
    border-radius: 8px;
    line-height: 120%;
    background: var(--gr0);
    position: relative;
}

.conTabBtnBox.on{
    background: #fff;
    border: 1px solid var(--pri500, #FF9700);
    box-shadow: 0px 4px 6px 0px rgba(255, 122, 0, 0.06);
}

.conTabBtn{
    padding: 12px;
    width: 100%;
    display: block;
    color: var(--gr400, #6D757E);
    line-height: 120%;
}

.conTabBtnBox.on .conTabBtn{
    color: var(--gr900, #212529);
}

.conTabBtn::before{
    content: "";
    display: block;
    margin: 0 auto;
    margin-bottom: 4px;
    width: 32px;
    height: 32px;
}

.conTabBtn_01::before{
    background:url(../images/icons/feature/study.svg) 50% 50%/contain no-repeat;
}
.conTabBtn_02::before{
    background:url(../images/icons/feature/reading.svg) 50% 50%/contain no-repeat;
}
.conTabBtn_03::before{
    background:url(../images/icons/feature/aistudy.svg) 50% 50%/contain no-repeat;
}

/*240819 이벤트 DB 팝업*/
#notFloating #bottomDBBox .layerService{
	display: flex !important;
    background: var(--gr100) !important;
    height: unset !important;
    position: static !important;
}
#notFloating #bottomDBBox .layerService .popupBasic{
   	height: unset !important;
    position: static !important;
    max-height: unset;
    transform: none;
    width:780px;
    z-index: 1;
}

#notFloating .eventDetailBody .largePopup .popupInnerWrap {
    padding: 40px 100px;
}
/*2505 이벤트 DB 팝업 - hasFloating 형식 통일*/
.benefitDetail2025{
		#hasFloating #bottomDBBox .layerService{
		display: flex !important;
	    background: var(--gr100) !important;
	    height: unset !important;
	    position: static !important;
	}
	#hasFloating #bottomDBBox .layerService .popupBasic{
	   	height: unset !important;
	    position: static !important;
	    max-height: unset;
	    transform: none;
	    width:780px;
	    z-index: 1;
	}
	
	#hasFloating #bottomDBBox{
	  margin-top:100px;
	}
	#hasFloating .productDetailFixedBox .listGridBox.listGridTxt{
		flex-direction: row;
	}
	#hasFloating .closePopup{
	    display:none !important;
	}
}

/*
largePopup
대형 팝업 스타일
*/

.popupBasic_foot.popupBasic_foot.flxBox.oneButtonBox{
    justify-content: center;
}

.largePopup .popupInnerWrap{
    padding: 28px 80px;
}

.largePopup .popupBasic{
    width: 720px;
    max-height:980px;
}

.largePopup .popupBasic_head{
    padding-left: 40px;
    padding-right: 40px;
    height: 72px;
}

.largePopup .popupBasic_body{
    height: calc(100% - 156px);
}

.noHeadPop .popupBasic_body{
    height: calc(100% - 84px);
    display: flex;
    justify-content: center;
    align-items: center;
}


/*
작은 팝업 제어
*/
.smallPop{
	z-index:100;	
}

.smallPop .popupBasic{
	width:480px;
	height:unset;
	max-height:calc(100vh - 200px);
	min-height:400px;
	display: flex;
    flex-direction: column;
}	

.smallPop.ex_smallPop .popupBasic {
    width: 380px;
    min-height: 256px;
}

.smallPop.ex_smallPop .popupBasic .popupInnerWrap{
    min-height:120px;
   	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.location_check{
	display:flex;
	align-items:center;
	justify-content:center;
}

.location_check::before{
	content: "";
    display: inline-block;
    margin-right:8px;
    width: 16px;
    height: 16px;
    background: url(../images/icons/location_gr_full.svg) center center / contain no-repeat;
}

.smallPop .popupBasic_foot.popupBasic_foot button.btnSytle01{
	width:100%;
}
.popInfoTxtBox{
	text-align:center;
	padding-top:12px;
	padding-bottom:12px;
}

.smallPop .popupBasic_head,
.smallPop .popupBasic_foot{
	flex-shrink:0;
	border:none;
}

.smallPop .popupInnerWrap{
	padding: 0 20px;
}

/*
디비 폼 제어
*/

.inputGroupBox{
    margin-bottom: 12px;
}

.inputGroupBox:last-child{
    margin-bottom: 0px;
}
.inputGroupBox.db_step_03-06{
    margin-bottom: 12px;
}

/*
주소*/
.inputGroupBox.hasAdress input{
    width: calc(100% - 40px);
}

/*버튼 인풋박스아이템 제어*/
button.inputBoxItem{
    width: 100%;
}

button.inputBoxItem > span{
    display: block;
    text-align: left;
}

.inputBoxItem:hover{
    border: 1px solid var(--gr300, );
}

button.inputBoxItem:hover .searchInput{
    color:var(--gr900,#212529);
}

button.inputBoxItem .searchInput:hover{
    color: unset;
}

/*체크 input 모양 아이템*/
.inputBoxItem.hasCheck{
	width:100%;
	padding:12px 8px;	
}

/*포커스시*/
.inputBoxItem.focus{
    border: 1px solid var(--gr300);
}

.popAdressBoxTxtClose{
    position: absolute;
    padding-top: 0;
    padding-bottom: 0;
    transition: background-color 0.2s ease-in-out;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.popAdressBoxTxtClose::after,
.popAdressBoxTxtClose:hover::after{
display:none;
}


/*이용약관동의*/
.popupConGroup.hasAgree{
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.hasAgree .popupConBottom{
    width: 100%;    
}

.hasAgree .agreeTop{
    justify-content: space-between;
    align-items: center;
}

.hasAgree .agreeGroup.agreeAllGroup .agreeTop{
    margin-bottom: 12px;
    border-radius: 8px;
    height: unset;
    padding: 12px 8px;
    border: 1px solid var(--gr150);
    font-weight:400;
}


.hasAgree .agreeGroup.agreeAllGroup .agreeTop label[for="agreeCheck_allP"]{
    font-size:1rem;
}

.agreeTextArea{
    width: 100%;
    max-height: 300px;
    overflow-x:hidden;
    overflow-y: auto;
    border:1px solid var(--gr150,#DEE2E6);
    background-color: var(--gr0,#FCFDFE);
    padding: 8px;
}

.agreeBottom{
    margin-top: 4px;
}

.searchInput{
    font-size: 1rem;
    color: var(--gr200, #ADB5BD);
    font-weight: 500;
    padding-right: 4px;
}

.searchInput:hover{
    color: var(--gr900, #212529);
}

/*약관동의 제어 CSS*/
.agreeBottom{
    display: none;
}

.agreeGroup.open .agreeBottom{
    display: block;
}

.agreeGroup .iconArrowbottom::after{
    opacity: 0.4;
    transform: rotate(90deg);
}

.agreeGroup.open .iconArrowbottom::after{
    transform: rotate(-90deg);
}

.agreeSpanTop{
	display:block;
	line-height:120%;
}
.agreeSpanBottom{
	display:block;
	line-height:120%;
}
.depth2Check{
	padding-left:16px;
}

/*디비창 - 폰번호*/
.hasNumberBox.flxBox{
    gap:8px;
    justify-content: space-between;
}

.hasNumber_item{
    position: relative;
}

.hasNumber_button_group{
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.hasNumber_button{
    color: #fff;
    border-radius: 999px;
    padding: 4px 12px;
    background: #ff7a00;
}
.hasNumber_button:disabled{
    opacity: 0.6;
    background: var(--pri50, #FEF2DE);
    color: var(--pri600, #FDA525);
}

.hasNumber_phone{
    width:100%;
}

.hasNumber_six{
    width: 200px;
    flex-shrink: 0;
    display: none;
}


.hasNumber_item input{
    width: calc(100% - 70px);
}
.hasNumber_six input{
    width: calc(100% - 90px);
}

.numberCount{
    margin-right: 4px;
}

/*디비창 - 생년월일*/

.inputBoxItem .bar{
    margin-left: 4px;
    margin-right: 4px;
}

/*팝업 하단버튼*/
.popupBasic_foot .btnSytle01:disabled{
    opacity: 0.8;
}

/*하단문구*/
.inputBoxDesc{
    display: none;
}


/*팝업 DB창 학습형태*/

.conTabBtnGroup.studyType .conTabBtn span{
    display: block;
    line-height: 120%;
    text-align: left;
    font-size: 0.8rem;
}

.conTabBtnGroup.studyType .conTabBtn{
    line-height: 120%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.conTabBtnGroup.studyType .conTabBtnBox .conTabBtn::before{
    position: absolute;
    content: '';
    left: 12px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
}

.conTabBtnGroup.studyType .conTabBtn label{
    line-height: 140%;
    cursor: pointer;
}

.studyType_01::before{
    background: url(../images/icons/edit_gr.svg) 50% 50% / contain no-repeat;
}
.studyType_02::before{
    background: url(../images/icons/teach_gr.svg) 50% 50% / contain no-repeat;
}

.popHeadTitBox.flxBox{
    align-items: center;
    width: calc(100% - 100px);
    justify-content: center;
}

.popHeadTitBox p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.subHeader .popHeadTitBox.flxBox{
    width: calc(100% - 176px);
}

/*모바일 팝업 DB창*/

/*모바일 팝업 DB창 - 프로그래스바*/
.popProgressBar.flxBox{
    height: 3px;
    width: 100%;
    background-color: var( --gr100);
    justify-content: flex-start;
}

.popProgressGaze{
    background-color: var(--pri700);
    height: 100%;
    width: 5%;
}
/*모바일 팝업 DB창 제어*/
.stepTitleBox{
    margin-bottom: 28px;
    margin-top: 16px;
}

.noHeadPop .stepTitleBox {
    margin-bottom: 0px;
}

.stepTitle{
    font-size: 1.4rem;
}

.hasNumber_item_resend{
    padding: 20px 0;
    text-align: center;
    width: 100%;
    display: block;
}

.stepTitle{
    word-break: keep-all;
}
.stepDesc{
    word-break: keep-all;
}

/*DB창 스텝, 완료 이미지 되돌아가기 이미지*/
.stepConImgBox{
    padding: 20px 0;
}
.stepConImg_complete{
    width: 100%;
    height: 140px;
    background: url(../images/icons/feature/complete.svg) center center / contain no-repeat;
}
.stepConImg_alert{
    width: 100%;
    height: 140px;
    background: url(../images/icons/feature/alert.svg) center center / contain no-repeat;
}

/*팝업 버튼 제어*/
.fixedMoBtnBox .fixedMoBtnSub{
    padding-left: 20px;
    padding-right: 20px;
    flex-shrink: 0;
}

/*팝업 인풋 (버튼크기 고려)*/
.inputBoxItem input{
    width: calc(100% - 40px);
}

.txtClose,.txtClose:hover{
    position: absolute;
    top:50%;
    transform:translateY(-50%) ;
    right: 0;
    width: calc(16px + 10px + 10px);
    height: (16px + 10px + 10px);
}

.txtClose::after{
    background: #ADB5BD url(../images/icons/close_wh.svg) center center / 12px no-repeat;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
}

.chipFilterBtn3grid .chipFilterBtn{
    width: calc((100% - (8px + 8px)) / 3);
}

/*추천검색어*/

.recomWordContainer .chipFilterBtn{
    border-radius: 999px;
}

/*페이지네비게이션*/

.listPageNavigationWrap.flxBox{
    align-items: center;
    justify-content: center;
}

.listPageNavigation.flxBox{
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.listPageNavigation li{
    display: flex;
    align-items: center;
}

.listPageNavigation li > a:not(.numberPage){
    padding: 0;
}

.listPageNavigation li > a{
    display: flex;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.listPageNavigation li.on a,
.listPageNavigation li:hover a
{
    background-color: var(--pri700);
    color: #fff;
    transition: background-color 0.4s;
}

.listPageNavigation li:hover a.iconArrowDBLeftSmall::after{
    background: url(../images/icons/arrowDBLeftSmall_wh.svg) center center/contain no-repeat;
}

.listPageNavigation li:hover a.iconArrowLSmall::after{
    background: url(../images/icons/arrowLeftSmall_wh.svg) center center/cover no-repeat;
}
.listPageNavigation li:hover a.iconArrowSmall::after{
    background: url(../images/icons/arrowRightSmall_wh.svg) center center/cover no-repeat;
}
.listPageNavigation li:hover a.iconArrowDBRightSmall::after{
    background: url(../images/icons/arrowDBRightSmall_wh.svg) center center/contain no-repeat;
}


/*제품더보기 disabled 수정*/
.brandOfThinkbig .btnIconTxtBefore:disabled:hover .underLineGray{
	text-decoration: var(--gr400, #6D757E) underline;
}
.brandOfThinkbig .btnIconTxtBefore:disabled span,
.brandOfThinkbig .btnIconTxtBefore:disabled span:hover{
	color: var(--gr400, #6D757E);
	opacity:0.6;
}
.iconReset.btnIconTxtBefore:disabled::before{
	opacity:0.6;
}

.iconReset.btnIconTxtBefore:disabled:hover::before {
    transition: background-image 0.2s ease;
    background: url(../images/icons/rotate_gr.svg) center center / contain no-repeat;
}

/**================================
 팝업 small - 메인 광고 팝업
 ================================**/
.smallPopup .popupBasic{
    width: 600px;
    height: 660px;
    max-height: 660px;
}

.smallPopup .iconClose{
    background: #ffffff75;
    border-radius: 100%;
    padding: 6px;
}


.smallPopup .popupBasic .popupBasic_body{
    height:0;
    padding-bottom: 100%;
    position: relative;
}

.smallPopup .popupBasic_foot.popupBasic_foot{
    height: 60px;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}

.smallPopup .popupInnerWrap{
    position: absolute;
    width: 100%;
    padding: 0;
    top:0;
    left: 0;
    height: 100%;
}

.smallPopup .popupInnerWrap > img{
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top:0;
}

.smallPopup .popIconBox{
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2;
}

.smallPopup .closesmPop{
    padding: 8px;
}

.closesmPopFull{
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    font-size: 0px;
}


/*팝업 스와이퍼*/
.popSwiper{
    position: absolute;
    width: 100%;
    height: 100%;
}

.popSwiper .swiper-pagination{
    left: 0;
    width: 100%;
    transform: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.popSwiper .swiper-pagination-bullet-active{
    background: #fff;
}

/*240415추가 브랜드영역 터치슬라이드 오류 수정*/
.subBannerBrand .hasthumbListBtnWrap.onlyPC{
	margin-top:20px;
}

/*대표브랜드 슬라이드 추가*/
.brandOfThinkbig .swiper-pagination {
    position: static !important;
    transform: unset !important;
    justify-content: flex-start;
    height: unset;
    margin: 0;
    padding: 0;
    gap:4px;
}
.brandOfThinkbig .swiper-pagination-bullet{
    width: unset;
    height: unset;
    border-radius: unset;
    font-size: 1rem;
    margin: 0 !important;
}

.brandOfThinkbig .swiper-pagination-bullet-active,
.brandOfThinkbig .swiper-pagination-bullet{
    opacity: 1;
    background: unset;
}

.brandOfThinkbig .swiper-pagination-bullet{
    color: var(--gr500, #212529);
    padding: 12px 20px 12px 20px;
    display: flex;
    align-items: center;
    border-radius: 999px;
    border: none;
    transition: 0.2s ease;
    background: #fff;
    transition: background-color 0.2s ease-in-out;
}

.brandOfThinkbig .swiper-pagination-bullet-active{
    color: #fff;
    background: var(--gr900);
}

/*리셋버튼*/
.filterResetBtnBox > button {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--gr200);
    justify-content: center;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}


/*검색창에 맞춤검색*/
.gotoFilterPopWrap{
    display: flex;
    align-items: center;
    justify-content: center;
}

/*표 스타일 추가*/

.tablePop .popupConGroup.noBorder{
    margin-bottom: 40px;
}

.priceTable{
    width: 100%;
}
.priceTable th,.priceTable td {
    border: 1px solid var(--gr150);
    border-collapse: collapse;
    padding: 12px 8px;
    color: var(--gr600);
    font-size: 0.933rem;
    word-break: keep-all;
}

.priceTable td:nth-child(1){
    font-weight: 600;
    color: var(--gr900);
    
    background-color: var(--gr0);
}

.priceTable th{
    font-weight: 600;
    color: var(--gr900);
    text-align: left;
    font-size: 0.933rem;
    background-color: var(--gr0);
}
/*나이 연령제한 스타일 추가*/
.infoage{
	color:var(--gr400);
	margin-top:12px;
	padding-left:12px;
	position: relative;
}
.infoage::before{
    content: '*';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.noticeItem {
  overflow: hidden;
}

.layoutWrap_search{
    max-width: 900px;
}

/*모바일 서치 헤더*/
.searchHeaderTit{
    width: 100%;
    align-items: center;
}
.mainSearchBox_mo{
    width: 100%;
    flex-shrink: 1;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 6px;
    overflow: hidden;
    background-color: var(--gr50);
}
.mainSearchBox_mo > input{
    background-color: var(--gr50);
    width: 100%;
    padding: 10px;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
}
.mainSearchBox_mo > input::placeholder{
    color: var(--gr200);
}
.mainSearchBox_mo .popInputBoxTxtClose{
    opacity: 0.8;
    padding: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.mainSearchBox_mo .popInputBoxTxtClose::after{
    width: 14px;
    height: 14px;
}
.mainSearch_btn{
    flex-shrink: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    top:50%;
    transform: translateY(-50%);
}

/*게시판 UI 제거*/
.pinThis .pinNum > p{
   	font-size:0 ;
}
    
.pinThis .pinNum > p::before{
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/icons/pin2_gr_full.svg) center center / contain no-repeat;
    display:block;
    margin: 0 auto;
}

.pinThisFaq .haspinIcon{
	width: 20px;
	height: 20px;
	position:relative;
	margin-left:8px;
}
.pinThisFaq .haspinIcon::after{
    position: absolute;
    content: "";
    display: table-cell;
    width: 18px;
    height: 18px;
    background: url(../images/icons/pin2_gr_full.svg) center center / contain no-repeat;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.mailFLx{
	gap:8px;
}

 /**================================
에러메세지
 ================================**/

.errorBoxWrap{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	width:100%;
	height:100vh;
	padding-left:20px;
	padding-right:20px;
	min-height: fit-content;
}

.errorBoxWrap.notFull{
	height:unset !important;	
}

.errorBox{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:160px;
	margin-bottom:40px;
	border: 1px solid var(--gr100, #DEE2E6);
	background:var(--gr0,#FCFDFE);
    padding: 40px;
    border-radius:12px;
}

.errorBoxWrap.notFull .errorBox{
	margin-bottom:160px;
}

.errorTxtBox *{
	text-align:center;
	word-break:keep-all;
}

.errorBtnArea .underLineGray{
	display: block;
	text-align: center;
	text-decoration: var(--gr400, #6D757E) underline !important;
}
.errorBtnArea .btnSytle01{
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	color:#fff !important;
	padding-left: 0;
    padding-right: 0;	
}

.errorBoxWrap .wjLogo img{
	margin: 0 auto;
    max-height: 64px;
} 


/*이벤트 신청 완료*/
.aniBox{
	position:relative;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	width:fit-content;
}

.aniBox::after{
	content:'';
	display:block;
	background:url(../images/icons/paper.svg) center center/contain no-repeat;
	width:100px;
	height:112.77px;
}

.lottie_div{
	position:absolute;
    right: -42px;
    bottom: -40px;
}

.noBorder.errorBox{
	background:none;
	border:none;
	
}


/*주석처리*/
.referTxt{
	font-weight: 400 !important;
    font-size: 12px !important;
    color: var(--gr300) !important;
    margin: 0 auto;
    text-align:center;
    display:block;
    margin-top:6px;
    line-height:130% !important;
}

.referStar{
	position: relative;
	display:inline-block;
}

.referStar::after{
    content: '*';
    display: inline-block;
    font-size: 16px;
    position: absolute;
    top: 11%;
    left: 0;
    line-height: 16px;
    font-weight: 200;
}


/*202503 추가*/
.fixed_selectWrap.hideThis{
	transform: translateY(100%);
}
.fixed_selectWrap{
	transition:0.8s ease-in-out;
	position: fixed;
    width: 100%;
    z-index: 9;
    bottom: 0;
    padding-bottom: 65px;
    background: #fff;
    padding-left:20px;
    padding-right:20px;
    padding-top:76px;
    border-radius: 18px 18px 0 0;
    -webkit-box-shadow: 0 -10px 30px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 -10px 30px 0 rgba(0, 0, 0, 0.07);
    overflow-y:hidden;
}
.fixed_select_header{
	align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width:100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px 12px;
    background: #fff;
    height: 76px;
}
.fixed_select_body{
    max-height: calc(100vh - 200px);	
    overflow-y:scroll;
    margin-bottom:12px;
}

.close_option{
	font-size:0px;
	margin: 0 auto;
	width: 35px;
  	height: 8px;
}

.close_option::after {
  content: "";
  display: block;
  width: 35px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='8' viewBox='0 0 35 8' fill='none'%3E%3Cpath d='M1 1L17.5 7L34 1' stroke='%23ADB5BD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.alertBox{
	width: 100%;
    padding: 2px 10px;
    background-color: var(--gr50, #F8F9FA);
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.alertBox .iconAlert{
	display:flex;
	align-items:center;
}

.alertBox .iconAlert::after{
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
}

.op_list{
	border: 1px solid var(--gr100);
    border-radius: 8px;
    margin-bottom: 8px;
}
.op_list:last-child{
    margin-bottom: 0px;
}
.op_list.on{
	border: 1px solid var(--pri700);
}

.op_list > button{
    width: 100%;
    display: block;
    padding: 8px 16px;
    cursor: pointer;
}

.op_name{
	text-align:left;
	word-wrap: break-word;  /* 긴 단어 줄바꿈 */
  	overflow-wrap: break-word; /* 최신 브라우저 대응 */
  	white-space: normal; /* 기본적으로 줄바꿈 허용 */
  	line-height:130%;
}
.op_price{
	text-align:left;
}

/*pc 가격추가*/
.productPriceOption .select_op_listWrap{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
}

.productPriceOption .select_op_listWrap .op_list{
 	width: calc((100% - 20px) / 3); /* 3개씩 균등 배치 */
 	margin-bottom:0;
}
.productPriceOption .select_op_listWrap .op_list .op_name{
	font-size:0.933rem;
}

.productPriceOption .select_op_listWrap:has(.op_list:nth-child(2):last-child) .op_list,
.productPriceOption .select_op_listWrap:has(.op_list:nth-child(1):last-child) .op_list {
  flex: 1; /* 1개나 2개만 있을 때 꽉 차게 */
  max-width: 100%; /* 최대 너비 100% */
}

/*pc fixed 가격추가*/
.productPriceOption_fixed{
	width:100%;
}
.productPriceOption_fixed .select_op_listWrap{
	width:100%;
	margin-bottom:20px;
	overflow-y:auto;
    max-height: calc(100vh - 680px);
    
}
.productPriceOption_fixed .op_list > button{
	padding:8px;
}
.boxTitleWrap h2{
    font-size: 30px;
}

/*ver 2025---
 대배너 -----*/
/*01 대배너 스타일 조정에 따른 css 수정*/
.edit2025Body .headerBoxWrap.nonScrollMain{
    border-bottom: 1px solid #fff;
}

.edit2025Body .onlymainHeader{
	border-bottom: 1px solid #fff;
}
.edit2025Body .fixedHead .onlymainHeader{
	border-bottom: 1px solid var(--gr150);
}

/* 배너 전체보기 */
#bannerPopup::-webkit-scrollbar {
    display: none;
  }
  
  /* 파이어폭스 */
  #bannerPopup {
    scrollbar-width: none;       /* Firefox */
    -ms-overflow-style: none;    /* IE 10+ */
  }
.showAllBannerPop.popup-overlay {
    display: none; /* 기본 숨김 */
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background:var(--bl70,rgba(22, 25, 28, 0.70));
    z-index: 1000;
    padding: 40px;
  }
  
.showAllBannerPop.popup-overlay.active {
    display: block;
}
  
.showAllBanner-inner{
    max-width: 1080px;
    margin: 0 auto;
    position: relative;
}


.showAllBannerPop .popup-close {
    background: transparent;
    border: none;
    font-size: 32px;
    cursor: pointer;
    color: #fff;
    margin-left: auto;
    position: fixed;
    left: 50%;
    top: 40px;
    transform: translateX(calc(-50% + (1080px / 2) + 40px));
    font-weight: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}
.bannersWrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;           /* 아이템 사이 간격 */
    justify-items: start; /* 각 셀 내용은 왼쪽 정렬 */
}

.bannerItem{
    overflow: hidden;
    position: relative;
}
.bannerItem > a{
    display: block;
    width: 100%;
    height: 100%;
}
.bannerItemTxt{
    position: absolute;
    left: 8%;
    bottom: 10%;
    z-index: 1;
}
.bannerItemTxt .mainCaptionTxt{
    margin-bottom: 4px;
}
.bannerItem:last-child{
    margin-bottom: 0;
}
.showAllBannerPop .whiteTxt .mainCaptionTxt,
.showAllBannerPop .whiteTxt .mainHeroTxt{
    color:#fff;
}
.mainConentWrap_ver2025{
    .mo_hero_img{
       display: none;
    }
    .mainHeroSection{
        max-width: 3660px;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }
    .headerBoxWrap{
        border-bottom: 0;
    }
    .quickSearchWrap{
        top: 40px;
    }
    .quickMenuWrap{
        padding-top: 250px;
    }

    .mainHeroWarpInner.flxBox{
        height: auto;
    }
}

/*02 대배너 swiper*/
.myMainSwiperVer2025.myMainpageSwiper_01.swiper{
    height: 360px;
    width: 1200px;
    overflow: visible;
    height: fit-content;
}
.myMainSwiperVer2025{
    .chipBtnSt1{
        border: none !important;
        padding: 0 !important;
        color:var(--gr600);
        font-size: 16px;
     }
     .chipBtnSt1:hover{
        color:var(--gr600);
     }
     .whiteTxt .chipBtnSt1:hover{
        color:#fff;
     }
    .mainHeroWarpInner.flxBox{
        position: relative;
     }
     .mainHeroTxtWrap{
        left: 0;
        top:50%;
        transform: translateY(-50%);
        position: absolute;
     }
     .mainHeroImgWrap{
        position: static;
        width: 100%;
        padding: 0;
     }
     .mainHeroImgWrap > img{
        position: static;
        transform: none;
        margin: 0; padding: 0;
        width: 100%;
        aspect-ratio: 10 / 3;
        height: auto;
     }
    .swiper-slide{
        width:1200px !important;
        height: 100%;
        flex-shrink: 0;
        overflow: hidden;
        height: 360px; /*높이 기준 - slide*/
     }
    
    .slide-in,.slide-in-btn{
        display: block;
    }
    /*03 텍스트 스타일 swiper*/
    .mainHeroTxt p{
        font-weight: 700 !important;
        font-size: 36px;
    }
    .mainHeroTxtWrap{
        padding: 0 0 0 80px;
        width: 60%;
    }
    .mainCaptionTxt{
        margin-bottom: 8px;
        font-size: 16px;
    }
    /*전체 유틸*/
    .main-utill-box{
        width: 1200px;
        height: 30px;
        margin-top: 10px;
        display: flex;
        align-items: center;       
        gap:4px;
    }
    /*프로그래스 바*/
    #swp-bar {
        appearance: none;
        width: 100%;
        height: 1px;
        appearance: none;
        direction: rtl;
        margin: 0 10px;
    }
    #swp-bar::-webkit-progress-value {
        direction: ltr;
    }
    #swp-bar::-moz-progress-bar {
        direction: ltr;
      }
    #swp-bar::-webkit-progress-bar {
        background:var(--gr600);
    }
    #swp-bar::-webkit-progress-value {
        background: #f4f4f4;
    }
    #swp-bar::-moz-progress-bar {
        background: #f4f4f4;
    }
    /*스와이퍼재생 멈춤*/
    .swiper-play-button-box {
        transform: none;
        width: unset;
        margin: 0;
        position: static;
        flex-shrink: 0;
    }
    /*스와이퍼 어로우 */
    .swiperArrow.flxBox{
        width: 24px;
        height: 24px;
        display: flex;
        position: relative;
        left: unset;
        right: unset;
        top:unset;
        background:none;
        box-shadow: none;
        transform: none;
        margin: 0;
        flex-shrink: 0;
    }
    .swiper-button-next::after, .swiper-button-prev::after{
        font-size: 0.7em;
        color:var(--gr600);
    }
    .swiper-button-next:hover::after, .swiper-button-prev:hover::after{
        color:var(--gr600);
    }
    .swiper-button-next:hover, .swiper-button-prev:hover{
        background-color:var(--bl10,rgba(22, 25, 28, 0.10));
    }
    /*스와이퍼 */
    .swiper-pagination{
        position: static;
        padding: 0;
        width: unset;
        flex-shrink: 0;
        font-weight: 400;
        transform: none;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        color:var(--gr200);
    }
    .swiper-pagination-current{
        color:var(--gr600);
        width: 24px;
        font-weight: 500;
    }
    .swiper-pagination-total{
        width: 24px;
    }
    /*배너 전체보기 버튼*/   
    .showAllBanner{
        flex-shrink: 0; 
        margin-left: 12px;  
        width: max-content;
    }
}
/*메인배너 스타일 변화*/


 /**================================
 미디어 쿼리 반응형 제어
 ================================**/


 /*
 데스크탑 
 */
 @media only screen and (min-width: 1025px) {
 	/*link 1025*/
 	.mbGnbLinkBox:not(.onlyMO){
        display: flex;
        gap: 80px;
        border-top: 1px solid var(--gr100);
        margin-top: 40px;
        padding-top: 40px;
 	}
 	.mbGnbLinkBox:not(.onlyMO) .mbGnbLinkGroup{
 		display:flex;
 		gap:40px;
 	}
 
	  /*
	 quickMenu
	 -hover
	 */
	  .lnbBox a:hover{
     color:var(--pria700,#FD6B00);
 		}
	 
	 .quickMenu li a:hover .quickImgwrap{
	     background-color:#ffe8d2;
	     box-shadow: 0px 4px 6px #ff850a1c;
	 }
	 .quickMenu li a:hover .quickTxt{
	     color:var(--pria700,#FD6B00);
	 }
	 .quickMenu li a:hover .quickTxt{
	     color:var(--pria700,#FD6B00);
	 }
 
	 .quickTxt{
	 	font-size:1rem !important;
	 }
	  .layoutWrap.boxChipWrap{
	 	padding: 0;
	 } 
	 
	 .thumbListLnb button:hover{
	    color: var(--gr900, #212529);
	 }
	
	.mapListTap_01:hover::before{
	    background: url(../images/map/place_01.svg) center center / contain no-repeat;
	}
	.mapListTap_02:hover::before{
	    background: url(../images/map/place_02.svg) center center / contain no-repeat;
	}
	.mapListTap_03:hover::before{
	    background: url(../images/map/place_03.svg) center center / contain no-repeat;
	}
	.mapListTap_04:hover::before{
	    background: url(../images/map/place_04.svg) center center / contain no-repeat;
	}
	.mapListTap_05:hover::before{
	    background: url(../images/map/place_05.svg) center center / contain no-repeat;
	}
	.mapListTap_06:hover::before{
	    background: url(../images/map/place_06.svg) center center / contain no-repeat;
	}
	.mapListTap_07:hover::before{
	    background: url(../images/map/place_07.svg) center center / contain no-repeat;
	}
	.filterResetBtnBox > button:hover{
	    border: 1px solid var(--pri400);
	}
	
	#bottomDBBox .layerService{
	    padding-top: 120px;
	    padding-bottom: 120px;
	}
	
	/*이벤트영역 리스트*/
	.eventWrap .pdListStyle02 ul.thumbProductList li{
		    width: 384px;
	}
	.eventWrap .pdListStyle02 .thumbProductList{
		gap: calc((100% - (384px* 3)) / 2);
	}
	/*이벤트 하단 DB tab 툴팁 컨트롤*/
	#hasFloating #bottomDBBox .toolTipBox{
	    top: calc(100% - 10px);
    	right: 0;
    	left:unset;
	}
	#hasFloating #bottomDBBox .toolTipBox::after {
	    top: -8px;
    	right: 6px;
    	left:unset;
    	rotate: none;
	}
}

 @media only screen and (max-width: 1280px) {
     /* 레이아웃 */
     .layoutWrap{
         width: 100%;
     }  
     .quickSearch .layoutWrap{
         width: calc(100% - 80px);
     }
     .swiper-play-button-box,.swiper-pagination{
         width: 100%;
         left: 0;
         transform:translateX(0);
     }
     .swiper-pagination{
         padding: 2px 48px;
     }
     .changeCate{
         padding-left: 40px;
         padding-bottom: 10px;
     }
 
     #made-slider-container .slide{
         min-width:800px;   
     }
 
     #made-slider-container .slide .changeSliderTxt{
         padding: 40px;
     }
 
     /* 폰트사이즈 */
     .hd1{
         font-size: 2.125rem;
     }
     .hd2{
         font-size: 1.75rem;
     }
     .hd5{
         font-size: 1.25rem;
     }
 
     .rankIconBox p span{
         font-size: 2.25rem;
     }
     .rankIconBox p span.notMove{
         font-size: 2rem;
     }
 
     /*스마트하게 변화*/
     .changeSlider_btnWrap.flxBox{
         width: 812px;
     }
     .changeSlider_btnWrap button{
         display: block !important;
     }

     /*스마트하게 변화*/
     .smallPopup .popupBasic{
        width: 400px;
        height: 460px;
     }
     
    /*이벤트영역 리스트*/
	.eventWrap .pdListStyle02 ul.thumbProductList li{
		width: calc((100% - 24px) / 2);
	}
	.eventWrap .pdListStyle02 .thumbProductList{
		gap: 20px;
	}
	
	/*202503 추가 - 1280 pc fixed 가격옵션*/
	.productPriceOption_fixed .select_op_listWrap{
		max-height: unset;
        display: flex;
        gap: 8px;
	}
	.productPriceOption_fixed .select_op_listWrap li{
		margin-bottom:0;
		flex: 1;
		background:#fff;
	}
	.productPriceOption_fixed .select_op_listWrap li:not(.on){
		border: 1px solid var(--gr150);
	}
	
	.productPriceOption_fixed{
		margin-top:12px;
	}
    
     /*메인배너 변경 2025 ver 1280*/
     .boxTitleWrap h2{
        font-size: 26px;
    }
    
     .myMainSwiperVer2025.myMainpageSwiper_01.swiper{
        width: calc(100% - 80px);
     }
     .myMainSwiperVer2025{
        .swiper-slide{
            width: 100% !important;
            height: auto;
        }
        .mainHeroTxtWrap{
            padding: 0 0 0 60px;
        }
        .mainHeroTxt p{
            font-size: 32px;
        }
        .chipBtnSt1{
            margin-bottom: 40px;
        }
        .main-utill-box{
            width: 100%;
        }
        .mainHeroWarpInner.flxBox{
            padding: 0;
        }
        
     }
     /*배너 전체보기 1280*/
     .showAllBanner-inner{
        max-width: 480px;
        width: calc(100% - 40px);
    }
    .showAllBannerPop .popup-close {
        left: unset;
        right: 20px;
        transform: unset;
    }
    
    .bannersWrap{
        grid-template-columns: repeat(1, 1fr);
    }

 }
 /*end of 1280*/
 @media only screen and (max-width: 1180px) {
     /* 폰트사이즈 */
     html{
         font-size: 15px;
     }
 
     /*메인페이지*/
     /*메인페이지 슬라이더*/
     .mainHeroImgWrap{
         width: 500px;
     }
     .mainHeroTxtWrap{
         flex-shrink: 0;
     }
     .mainHeroWarpInner.flxBox,.myMainpageSwiper_01{
         height: 320px;
     }
     .mainHeroButton{
         margin-bottom: 12px;
     }
     .mainHeroTxtBox.txtMarginXL{
         margin-bottom: 20px;
     }
 
     .mainHeroTxtWrap{
         padding: 0 0 0 40px;
     }
     .mainHeroImgWrap{
         margin-right: 40px;
     }
     .headerBox{
         height: 128px;
     }
     .swiper-play-button-box,.swiper-pagination{
         bottom: 28px;
     }
 
     /*퀵메뉴*/
     .quickImgwrap{
         width: 72px;
         height: 72px;
     }
 
     /*대표브랜드*/
     .subBanner_ImgIcon{
         height: 72px;
         width: 72px;
         top: 20px;
         left: 20px;
     }
 
     .subBannerBrand .pdListStyle01{
         padding-left: 0;
     }
 
     /*검색창*/
     .lnbBoxWrap.allSearch{
         margin-top: 127px;
     }
 	/*수정 - gnb 위치*/
 	.gnbMenu li > .depth2Wrap{
 		/* padding-top: 28px;*/
 	}
 	.gnbMenu li > .depth2Wrap{
 		/* padding-top: 28px;*/
 	}
 	.headerBox.fixedHead .gnbMenu li > .depth2Wrap {
    /*top: 61px;*/
	}
 }
 
 /*end of 1180*/
 /*
 중형 태블릿/소형 데스크탑
 */
 @media only screen and (max-width: 1080px) {
     /*.gnbMenu > li > a{
         padding:24px 12px;
     }*/
 }
 /*end of 1080*/
 @media only screen and (max-width: 1024px) {
      /*레이아웃*/
      .onlyPC.lnbBox{
      	display:none;
      }
      
     .topFooterArea .layoutWrap{
         flex-direction: column;
         gap:20px;
     }
 
	 .productPriceOption{
	 		display:none;
	 }
 	.fixed_selectWrap.onlyMO{
 		display:block;
 	}
 	.referTxt{
 		font-size:8px !important;
 	}
 
	  /**================================
	에러메세지 1024
	 ================================**/
	
	.errorBoxWrap{
		align-items:center;
		padding:0;
		
	}
	
	.errorBoxWrap.notFull{
		height:100vh !important;
	}
	
	
	.errorBox{
		padding-top:0;
	    border-radius:8px;
	    width:100%;
	    max-width:600px;
	    border:none;
	    background:var(--wh);
	    margin:0;
	}
	
	.aniBox::after{
		width:calc(100px/100*80);
		height:calc(112.77px/100*80);
	}
	
	.lottie_div dotlottie-player{
		width:80px !important;
		height:80px !important;
	}
	.lottie_div {
    	right: -32px !important;
    	bottom: -32px !important;
	}

     /* 폰트사이즈 */
     html{
         font-size: 16px;
     }
     /*------ 레이아웃 ------*/
     
     /*radius*/
     .roundBoxS{
         border-radius: 12px;
     }
     /*gnb 조정*/
     .gnbMenuMid,.linkNav{
         display: none;
     }
     .gnbMenuWrap{
         justify-content: flex-end;
     }
     .wjLogoImg{
         width: 150px;
     }
     .gnbInner.flxBox,.headerBox{
         height: 80px;
     }
     .gnbNav > .layoutWrap{
         padding-right:calc(40px - 10px) ;
     }
 
     /*전체 lnb조정*/
 
     .lnbBoxWrap > .layoutWrap{
         padding: 0;
     }

     .layoutPadding{
        padding-left: 40px;
        padding-right: 40px;
     }
 
     /*메인페이지*/
 
     /*메인슬라이더*/
 
     .mainHeroWarpInner.flxBox {
         flex-direction: column-reverse;
         padding-left: 5%;
         padding-right: 5%;
     }
     .mainHeroImgWrap{
         width: 80%;
         padding-bottom: calc(63.333% *80/100);
         margin-bottom: -2%;
         margin-right: 0;
     }
     .mainHeroButton{
         display:none;
     }
     
 
     .mainHeroWarpInner.flxBox{
         height: 100%;
     }
     .myMainpageSwiper_01{
         height: unset;
     }
     .myMainpageSwiper_01 .swiper-wrapper{
         height: unset;
     }
     .myMainpageSwiper_01 .swiper-slide{
         height: unset;
     }
     .mainHeroTxtWrap{
         width: 100%;
         padding: 0;
     }
     .mainHeroTxtBox.txtMarginXL{
         margin-bottom: 40px;
     }
     .mainHeroTxtBox .hd1{
         font-size: 2.5rem;
     }
 
     .quickSearchTxt{
         justify-content: flex-start;
     }
 
     .quickSearchTxt > .hd5{
         font-size: 1.5rem;
         text-align: center;
     }
 
 	.subBanner_ImgIcon{
 	left:40px;	
 	}
 
     /*퀵메뉴*/
     .quickSearchWrap,.quickSearchWrap:hover{
         position: static;
         padding: 80px 0;
         background: none;
         box-shadow: none;
     }
     
     .quickSearchWrap.flxBox{
         flex-direction: column;
     }
     .quickSearch .layoutWrap{
         width: 100%;
     }
     .quickSearchTxt{
         width: 100%;
     }
     .quickSearchTxt br{
         display: none;
     }
 
     .quickSearchFormWrap.onlyPC{
         display: none;
     }
     .quickMenuWrap{
         padding-top: 0;
     }
     .quickImgwrap{
         width: 72px;
         height: 72px;
     }
     
     .quickMenu li a:hover .quickImgwrap img {
     transform:none; 
     
     }
     .quickMenu li a:hover .quickImgwrap{
         box-shadow:none;
     }
     /*모바일 검색창*/
     .mbQuickSearchFormWrap.onlyMO{
         display: block;
         position: relative;
     }
     .mbQuickSearchFormWrap{
         border-radius: 999px;
         border: 1px solid var(--Primary-pri_a400, #FF8E00);
         background: var(--black-white-wh, #FFF);
         padding: 16px 32px;
     }
     .quickSearchWrap.flxBox{
         gap:20px;   
         border: none;
     }
     .mbQuickSearchBtn{
         position: absolute;
         width: 100%;
         height: 100%;
         left: 0;
         top: 0;
         font-size: 0;
         display: flex;
         align-items: center;
         padding: 0 28px;
         justify-content: flex-end;
     }
     #mbQuickSearchInput::placeholder{
         color:var(--gr400, #6D757E);
         font-size: 1rem;
         font-weight: 500;
     }
 
	.quickImgwrap > img{
	     width: 40px;  
	     height: 40px;  
	}
     /*대표브랜드*/
 
     .subBannerBrand.flxBox{
         flex-direction: column;
     }
     
     .subBannerBrand .thumbProductListWrap{
     	color:#fff;
     }
 
     .subBannerBrand{
         height: unset;
     }
     .subBanner_imgBox{
         height: 0;
         padding-bottom: 51.667%;
         border-radius: 0 20px 20px 0;
         flex: 0 0 auto !important;
     }
 
     .brandOfThinkbig > .layoutWrap{
         padding-left: 0;
         padding-right: 0;
     }
     
     .brandOfThinkbig > .layoutWrap > .boxTitleWrap{
         padding-left: 40px;
         padding-right: 40px;
     }
     .subBanner_imgBox{
         margin-right: 40px;
         flex-shrink: 0;
     }
 
     .subBanner_imgBox .subBanner_img{
         top:-16%;
     }
 
     .subBanner_img_txtBox{
         position: absolute;
         width: 100%;
         bottom: 0;
         right: -40px;
         border-radius: 8px 0 0 0;
     }
 
 
     /* 웅진씽크빅 Pick */
 
     /*가로 스크롤바 안보이게*/
     .subBannerEvent.mbScroll{
         -ms-overflow-style: none;  /* IE and Edge */
         scrollbar-width: none;  /* Firefox */
     }
         
     .subBannerEvent.mbScroll::-webkit-scrollbar{
         display: none;
         width: 0;  /* Remove scrollbar space */
         height: 0;
         background: transparent;  /* Optional: just make scrollbar invisible */
         -webkit-appearance: none;
     }
     /*가로 스크롤바 안보이게*/
 
     .flxBox.mbScroll{
         min-width: 800px;
     }
     .subBannerEvent > .flxBox{
         min-width: 1080px;
     }
     .pickBanners .layoutWrap{
         padding: 0;
     }
     .pickBanners .layoutWrap .boxTitle{
         padding-left: 40px;
         padding-right: 40px;
     }
     .subBannerEvent>.flxBox{
         padding-left: 40px;
         padding-right: 40px;
     }
 
 
     /* 웅진씽크빅 대표 브랜드 */
     #subBannerBrandContent01 .subBanner_img{
         background-position:top center; 
     }
     .subBannerBrand .pdListStyle01{
         padding: 0 40px;
     }
     .hasthumbListBtnWrap{
         margin-top: 40px ;
     }

     .pdListStyle02.listStyle_hori .hasthumbListBtnWrap{
        margin-top: 32px !important;
        height: 0;
     }
 
     /*스마트하게변화*/
     #made-slider-container .slide .made-slide-inner{
         height: 480px;
         border-radius: 12px;
     }
     #made-slider-container{
         border-radius:12px 0 0 12px;
     }
     #made-slider-container .slide{
         width: 600px;
     }
     .made-slide-inner > img{
         width: 130%;
         max-width: 130%;
     }
     .changeSlider_btnWrap.flxBox{
         width: calc((100% - 40px)/100*80 - 20px + 44px);
         left: calc(40px - 22px);
     }
     .changeCate > ul > li > button{
         flex-direction: column-reverse;
         gap: 8px;
     }
     .changeCate > ul > li.on > button{
         position: relative;
     }
     .changeCate > ul > li > button::before{
         position: absolute;
         bottom: -10px;
     }
     #made-slider-container{
         margin-left: 40px;
     }
     #made-slider-container .slide{
         min-width: calc((100% - 40px)/100*80);
         width: calc((100% - 40px)/100*80);
     }
 
     /*특허아이콘*/
     .rankIconBoxWrap{
         flex-wrap: wrap;   
         gap:0;
     }
     .rankIconBoxWrap .gridBox{
         flex: 0 0 50%;
     }
 
     /*공지사항*/
     .noticeTag{
     	display:none;
     }
     .noticeTitle .txtGray{
    	font-size: 0.875rem;
 	}
     .noticeSectionWrap{
         flex-direction:column;
     }
     .subBannerChangeWrap{
         flex-direction: column;
         height: unset;
     }
     .subBannerChangeWrap.gridBox > div{
         width: 100%;
     }
     .changeCate > ul.flxBox{
         flex-direction: row;
     }
     .announceNotice .txtMarginL{
         margin-bottom: 0;
     }
 
     .noticeList .iconArrowRound::after{
         display: inline-block;
         width:20px;
         height:20px;
     }
     
     /*인풋변경*/
    .hasNumberBox.flxBox{
        flex-direction: column;
    }
    .hasNumber_six{
        width: 100%;
    }
 
     /*공지사항 레이아웃 변화*/
     
     .noticeListWrap::before{
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../images/icons/megaphone_gr_full.svg) center center / contain no-repeat;
        position: absolute;
        top: calc(50% - 10px);
        left:8px;
     }
     
     .gridBox02 .noticeListWrap::before{
     	background: url(../images/icons/question_gr_full.svg) center center / contain no-repeat;
     }
     .noticeList{
         padding-top: 0;
     }
     .noticeListWrap{
        border: none;
     	position:relative;
		padding: 0 8px;
        border-radius: 8px;
        background-color: var(--gr50, #F8F9FA);
        height: calc(1.125rem + 32px);
        overflow: hidden;
        padding-left: 36px;
     }
 
     .noticeList a{
         position: relative;
     }
     
     .noticeList a::after{
         position: absolute;
         right: 0;
         border: none;
         top: 50%;
         transform: translateY(-50%);
     }

     /*하단 bottom navi*/
     .fixedBottomWrap.onlyPC{
         display: none;
     }
     /*하단 bottom navi*/
     .fixedBottomnavi.onlyMO{
         display: block;
         position: fixed;
         bottom: 0;
         z-index: 9;
         background: #fff;
         width: 100%;
         overflow: visible;
         border-top: 1px solid var(--gr100,#F1F3F5);
         color:var(--gr900, #212529);
         transition:0.2s ease-out;
     }
     
     .fixedBottomnavi.hidden{
           transform: translateY(160%);
     }
     
     .fixedFloatingBtnGroup.hidden{
         transform: translateY(60px);
     }
 
     /*하단 bottom navi 스타일 정의*/
     .floatBtn.floatGotoUp{
         background-size: 24px;
     }
     .fixedBottomnavi_wrap.flxBox{
         width: 100%;
         justify-content: space-around;
         padding: 8px 0;
     }
 
     .fixedBottomnavi_wrap li{
         flex: 0 0 20%;
         display: flex;
         align-items: flex-end;
         justify-content: center;
     }
     .fixedBottomnavi_wrap a{
         display: flex;
         gap: 4px;
         flex-direction: column-reverse;
         width: 100%;
     }
     .fixedBottomnavi_wrap .on a{
         color: var(--pria700, #FF7A00);
     }
 
 
     .fixedBottomnavi_wrap a.iconSignup{
         position: relative;
     }
 
     .fixedBottomnavi_wrap a.iconSignup::after{
         background: url(../images/icons/signup_circle.svg) center center/cover no-repeat;
         width: 48px;
         height: 48px;
         position: absolute;
         left: calc(50% - 24px);
         top: -52px;
         box-shadow: 0px 2px 8px 0px rgba(255, 130, 7, 0.33);
     }
     
    /* 2025 신규 bottom navi style */
    /*  -- 2025 bottom navi 텍스트컬러*/
    .fixed_st_2025{
		-webkit-filter: drop-shadow(0 -1.1111111111vw 1.1111111111vw rgba(0, 0, 0, .05));
    	filter: drop-shadow(0 -1.1111111111vw 1.1111111111vw rgba(0, 0, 0, .05));
    }
    
    .fixed_st_2025 .fixedBottomnavi_wrap .on a {
        color: var(--gr900);
        font-weight:600;
    }
    /*  -- 2025 bottom navi 아이콘*/
    .fixed_st_2025 .iconHome::after {
    	background: url(../images/icons/home_gr.svg) center center / cover no-repeat;
	}
	.fixed_st_2025 .iconPlace::after {
    	background: url(../images/icons/place_gr.svg) center center / cover no-repeat;
	}
	.fixed_st_2025 .iconGift::after {
    	background: url(../images/icons/gift_gr.svg) center center / cover no-repeat;
	}
	.fixed_st_2025 .iconList::after {
    	background: url(../images/icons/list_gr.svg) center center / cover no-repeat;
	}
	
    .fixed_st_2025 .on .iconHome::after {
    	background: url(../images/icons/home_bl_full.svg) center center / cover no-repeat;
	}
	.fixed_st_2025 .on .iconPlace::after {
    	background: url(../images/icons/center_bl_full.svg) center center / cover no-repeat;
	}
	.fixed_st_2025 .on .iconGift::after {
    	background: url(../images/icons/gift_bl_full.svg) center center / cover no-repeat;
	}
	.fixed_st_2025 .on .iconList::after {
	    background: url(../images/icons/list_bl_full.svg) center center / cover no-repeat;
	}
	/*  -- 2025 bottom navi 아이콘 - 체험상담*/
	
	.fixed_st_2025 .fixedBottomnavi_wrap a.iconSignup::before{
		content:'';
		width:1px;
		height:80%;
		background:var(--gr150);
		display:inline-block;
		position:absolute;
		top:10%;
		right:0
	}
	.fixed_st_2025 .fixedBottomnavi_wrap a.iconSignup{
		color:var(--gr900);
		font-weight:600;
	}
	
	.fixed_st_2025 .fixedBottomnavi_wrap a.iconSignup::after{
		position: static;
        width: 32px;
        height: 24px;
        background: url(../images/icons/feature/signup.svg) center center / 100% no-repeat;
        box-shadow: none;
        filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .1));
        -webkit-filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .1));
	}
	
    .fixed_st_2025.st2 .fixedBottomnavi_wrap a.iconSignup::after {
        background: url(../images/icons/signup_circle.svg) center center / cover no-repeat;
        width: 48px;
        height: 48px;
        position: absolute;
        left: calc(50% - 24px);
        top: -48px;
        box-shadow: none;
        border: 4px solid #fff;
        filter: none;
        -webkit-filter: none;
    }
    .fixed_st_2025.st2 .fixedBottomnavi_wrap a.iconSignup::before{
    	display:none !important;
    }
     
     /*footer*/
     .bfBox_inBottom{
         padding-right: 120px;
     }
     .footerListTipeA.dotList > .flxBox{
         flex-wrap: wrap;
         gap:0px;
     }
     .footerListTipeA.dotList li{
         margin-right: 20px;
     }
 
     /*검색창*/
     .lnbBoxWrap.allSearch{
         margin-top: 80px;
     }
 
     /*전체메뉴*/
 
     .lnbBoxWrap .popUpHeader .ico36::after{
         width: 24px;
         height: 24px;
     }
     .lnbBox{
         padding: 40px;
     }
     .lnbAllBox .gridBox{
         flex:0 0 33.33%;
     }
     .lnbBox{
         border-bottom: none;       
     }
     .lnbBoxWrap .popUpHeader{
         height: 80px;
         padding-right: calc(40px - 10px);
         position: fixed;
         z-index: 2;
         width: 100%;
         background-color: #fff;
         top:0;
     }
     .lnbBoxWrap .layoutWrap{
         padding-top: 80px;
     }
 
     .lnbBoxWrap .popUpHeader{
         height: 80px;
      
     }
     .subHeader .popupBasic_head.flxBox{
         height: 80px;
     }
     .lnbBoxWrap .popUpHeader::before{
         display:none;
     }
     .lnbBoxWrap .popUpHeader{
     	    display: flex;
    justify-content: space-between;
     }
 
     .lnbBoxWrap .onlyMO{
         display: block;
     }
 
     .lnbBoxWrap .onlyMO.mbGnbCTABox{
         word-break: keep-all;
         display: flex;
         padding: 40px;
         border: 1px solid #eee;
         border-radius: 12px;
         width: 100%;
         align-items: flex-start;
         flex-direction: column;
         gap: 16px;
         width: calc(100% - 40px*2);
         margin: 20px 40px 20px 40px;
         background-color: #F8F9FA;
     }
 
     .lnbBoxWrap .onlyMO.mbGnbCTABox br{
         display: none;
     }
     .lnbBoxWrap .layoutWrap.mbGnbLinkBox{
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         border-top: 1px solid #eee;
         padding-top: 40px;
         padding-bottom: 40px;
     }
     .mbGnbLinkGroup{
         display: flex;
         gap:12px;
         flex-wrap: wrap;
     }
     .mbGnbLinkGroup li a{
         display: flex;
         gap:4px;
     }
 
     /*팝업제어*/
     .modalHasPop.showTab{
         display: block;
     }
     

    /*DB창*/
    .conTabBtnGroup.cateType{
        flex-direction: column;
        gap: 12px;
    }
    .conTabBtnGroup .conTabBtn{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        height: unset;
    }
    .conTabBtn::before{
        margin: 0;
        margin-right: 12px;
    }
    
    .conTabBtnBox{
        padding-left: 8px;
        padding-right: 8px;
    }

    .conTabBtn br{
        display: none;
    }
    .toolTipBtn{
        width: 60px;
        height: 60px;
        right: 0;
        top: 0;
    }
    
    .toolTipBtn::after{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .toolTipBox{
        position: relative;
        width: 100%;
        left: 0 !important;
        top: 0;
        box-shadow: none;
        margin-bottom: 8px;
    }


    .toolTipBox::after,
    .toolTipBox.toolTipBox_01::after,
    .toolTipBox.toolTipBox_02::after,
    .toolTipBox.toolTipBox_03::after{
        left: unset;
        rotate: none;
        right: 14px;
        top:  -7px;
    }
    
	#notFloating .toolTipBox::after,
    #notFloating .toolTipBox.toolTipBox_01::after,
    #notFloating .toolTipBox.toolTipBox_02::after,
    #notFloating .toolTipBox.toolTipBox_03::after{
        left: unset;
        rotate: none;
        right: 6px;
        top:  -8px;
    }
    

    /*학습형태*/
    .studyType{
        flex-direction: column;
        gap:12px;
    }

    .conTabBtn{
        height: unset;
        padding:16px 12px;
    }

    .conTabBtnGroup.studyType .conTabBtn{
        line-height: 160%;
    }

    .conTabBtnGroup.studyType .conTabBtn span{
        font-size: 0.875rem;
        display: block;
        margin-top: 4px;
    }
    .conTabBtnGroup.studyType .conTabBtnBox .conTabBtn::before{
        width: 24px;
        height: 24px;
    }

    .fullAt1024.btnFixedPop1024 .popupBasic{
        width: 100%;
        height: 100%;
        max-height: unset;
        border-radius: 0;
    }
    .fullAt1024.btnFixedPop1024{
        background-color: #fff;
    }

     /*푸터 글자 1024에서 큼*/
     .topFooterArea .bd3{
        font-size: 0.933rem;
     }
     .listtitleS{
        width: 80px;
     }
	
    /*필터팝업*/
    .hasToolTipBox{
        width: 100%;
    }
    
    .productFilterPop .filtertoolTip{
        width: 100%;
        justify-content: flex-start;
        height: unset;
    }
    .productFilterPop .filtertoolTip::after{
        left: calc((1.14rem * 4) + 4px);
    }
    .toolTipBox.toolTipBox_ft01{
        width: 100%;
    }
    .toolTipBox.toolTipBox_ft01::after{
        left: 20px;
    }

    /*모바일순서*/

    .stepConContainer.has_Mobile_Order{
        display: flex;
        flex-direction: column-reverse;
    }
    .hasNumber_six .confirmTxtClose{
        position: absolute;
        padding-top: 0;
        padding-bottom: 0;
        transition: background-color 0.2s ease-in-out;
        right: 26px;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .confirmTxtClose::after{
        background: #ADB5BD url(../images/icons/close_wh.svg) center center / 12px no-repeat;
        border-radius: 100%;
        position: absolute;
        left: 0;
        top: calc(50% - 8px);
    }

    .btnFixedPop1024 .fixedMoBtnBox{
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        border-radius: 0;
        height: 52px;
        z-index:2;
    }

    .btnFixedPop1024 .fixedMoBtnBox button{
        height: 100%;
        border-radius: 0;
    }

    .btnFixedPop1024 .fixedMoBtnBox button.btnSytle01{
        width: 100%;
    }
    .btnFixedPop1024 .fixedMoBtnBox button.fixedMoBtnSub{
        border-left:0 ;
        border-right:0 ;
        border-bottom:0 ;
        padding-left: 24px;
        padding-right: 24px;
        width: 50%;
    }

    .btnFixedPop1024 .popupBasic_foot{
        padding: 0 !important;
        gap: 0 !important;
    }

    .btnFixedPop1024 .popupBasic_body{
        height: calc(100% - 63px);
    }
    .btnFixedPop1024 .popupInnerWrap{
        padding-bottom: 80px;
    }

    .hasAgree .agreeGroup .agreeTop{
        height: unset;
        padding: 4px;    
        position: relative;
    }
    
    .hasAgree .agreeGroup.agreeAllGroup .agreeTop{
        height: unset;
        padding: 12px 8px;
        border: 1px solid var(--gr150);
    }

    .hasAgree .checkContainer{
        width: calc(100% - 40px);
    }
    
    .hasAgree .agreeAllGroup .checkContainer{
        width:100%;
    }

    .openAgreePopCon{
        padding: 10px;
        position: absolute;
        right: 0;
        top:50%;
        transform: translateY(-50%);
    }
    .popupConGroup.hasAgree{
        flex-direction: column;
    }
    .popupConTopTitle{
        flex-direction: column;
        align-items: flex-start;
        flex-shrink: initial;
    }
    .hasAgree .popupConBottom{
        width: 100%;
    }

    .noticeSectionWrap > div{
        width: 100%;
    }
    
    .modalHasPop.fullAt820 .hasNumberBox{
        flex-direction: column;
    }
    
    .modalHasPop.fullAt820 .hasNumberBox .hasNumber_six{
        width:100% !important;
    }
    .modalHasPop.fullAt820 .conTabBtn{
    	font-size:1rem;
    }

	/*240415추가 브랜드영역 터치슬라이드 오류 수정*/
	.subBannerBrand .hasthumbListBtnWrap.onlyPC{
		display:none;
	}
	.hasthumbListBtnWrap.onlyMO.showthisMo{
		display:flex !important;
		padding-left:20px;
		padding-right:20px;
	}
	/*이벤트 썸네일 마진 조정*/
	.eventLayoutBox .pdListStyle02 ul.thumbProductList li{
	margin-bottom: 24px;
	}
	
	/*브랜드 서브페이지*/
	.alreadySelectDBBox .flxBox.hasNumberBox{
		flex-direction:column;
	}
	.alreadySelectDBBox .hasNumber_six{
		width:100%;
	}
	
	/*240902 추가 이벤트 넘침 수정*/
	.hasEventThumb{
	    display:block;
	}

    .pdListStyle02.listStyle_hori .listGridBoxWrap{
        gap:40px;
    }

    /*검색 레이아웃 수정*/
    .layoutWrap_search {
        max-width: 100%;
    }
    .pdListStyle02.listStyle_hori .listGridBoxWrap{
        flex-direction: row-reverse;
    }
    
    /*게시판 UI 제어*/
    .pinThis .boardMidTit::after{
        content: "";
        width: 16px;
        height: 16px;
        background: url(../images/icons/pin2_gr_full.svg) center center / contain no-repeat;
        display: inline-block;
        margin-left: 4px;
        margin-bottom: -2px;
    }
    .pinThisFaq .haspinIcon{
	    marigin-left:4px;
	}
    .pinThisFaq .haspinIcon::after{
	    width: 16px;
	    height: 16px;
	}
	.conTabBtn::before{
		width:28px;
		height:28px;
	}
    /*2025 메인 배너 변경 - 1024*/
    .mainConentWrap_ver2025 {
        .mainHeroSection{
            margin-top: 1px;
			overflow-y: hidden;
        }
        .myMainSwiperVer2025.myMainpageSwiper_01.swiper {
            width: calc(80% - 40px);
            padding-bottom: 40px;
        }   
        /*퀵메뉴*/
        .quickMenuWrap{
            padding-top: 0;
        }
        .quickSearchWrap, .quickSearchWrap:hover{
            padding: 60px 0;
        }
    }

    .myMainSwiperVer2025{

        /*모바일 향으로 변경*/
        .pc_hero_img{
            display: none;
        }
        .mo_hero_img{
            display: block;
        }
        .mainHeroImgWrap > img{
            aspect-ratio: 5/5;
        }
        .mainHeroImgWrap{
            margin: 0;
        }

        .mainHeroTxtWrap{
            transform:none;
            padding: 0;
            width: 84%;
            bottom: 12%;
            top: unset !important;
            left: 8%;
            
        }
        .mainHeroTxtBox.txtMarginXL{
            margin-bottom: 0;
        }
        .mainHeroTxtBox {
            padding-left: 0;
            padding-right: 0;
        }
        .mainHeroTxt p {
            font-size: 28px;
        }
        .mainCaptionTxt {
            font-size: 16px;
        }
        /*메인 배너 유틸*/
        .main-utill-box{
            position: absolute;
            width: calc(100vw - 80px);
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            z-index: 2;
        }
    }
    .benefitDetail2025 {
	    #hasFloating #bottomDBBox .layerService .popupBasic{
	    	width:100%;
	    }
    }
    
 }
 /*end of 1024*/
 
 @media only screen and (max-width: 960px) {
     .topFooterArea .layoutWrap{
     gap:unset;
     justify-content: space-between;}
 }
 /*end of 960*/
 
 @media only screen and (max-width: 820px) {

     .layoutWrap{
         padding: 0 20px;
     }
     .layoutPadding{
        padding-left: 20px;
        padding-right: 20px;
     }
     
 
     .changeCate{
         padding-right: 20px;
     }
     #made-slider-container{
         margin-left: 20px;
     }
 
     .gnbNav > .layoutWrap {
         padding-right: calc(20px - 10px);
     }
     .subBanner_img_txtBox{
         right: -20px;
     }
    
     .quickMenu.flxBox li:nth-child(-n+4){
         margin-bottom: 20px;
     }
     .subBannerBrand .pdListStyle01{
         padding:0 20px;
     }
     .pickBanners .layoutWrap .boxTitle,
     .subBannerEvent>.flxBox{
         padding-left: 20px;
         padding-right: 20px;
     }
 
 	.subHeader .popupBasic_head.flxBox{
     height: 80px;
 	}
     /*메인히어로*/
     .mainHeroWarpInner.flxBox{
         padding: 0;
     }
     .mainHeroTxtBox .hd1{
         font-size: 2.125rem;
     }
     /*퀵메뉴*/
 
     .quickMenu.flxBox li{
         width: calc(100% / 4);
     }
 
     .quickImgwrap{
         width: 80px;
         height: 80px;
     }
 
 
 
     /*대표브랜드*/
     .subBanner_imgBox{
         padding-bottom:54.07%;
         margin-right: 20px;
     }    
     .brandOfThinkbig > .layoutWrap > .boxTitleWrap{
         padding-left: 20px;
         padding-right: 20px;
     }
     
     .subBanner_ImgIcon{
     	left:20px;
     }
 
     /*하단 플로팅 버튼*/
     
     .floatBtn{
         width: 50px;
         height: 50px;
     }
     .bfBox_inTop{
         flex-direction: column;
         align-items: center;
     }
     .bfBoxCon.hasCustomerService{
         flex-direction: column;
     }
 
     /*스마트하게변화*/
     .changeSlider_btnWrap button::after{
      display: none;   
     }
 
     .changeCate{
         padding-left: 20px;
     }
 
     /*푸터*/
     .bfBox_inBottom{
         padding-right: 0;
     }
 
     .topFooterArea .listtitleS{
         display: none;
     }
     
     .topFooterArea .layoutWrap{
         gap:20px;
         padding: 0;
         justify-content: center;
     }
     .footerArea .footerListTipeA .flxBox{
         flex-wrap: wrap;
         gap:4px;
     }
 
     .topFooterArea .footerListTipeA .flxBox{
         gap:20px;
     }
     
     .topFooterArea .layoutWrap{
         align-items: center;
     }
 
     .bfBoxCon{
         width: 100%;
     }
 
     .bfBoxCon select{
         width: 100%;
         margin-bottom: 20px;
     }
     .footerListTipeA ul{
         gap: 0;
     }
 
     .footerArea .customerService{
         border: 1px solid var(--gr_100, #F1F3F5);
         padding: 12px 0px;
         align-items: center;
         border-radius: 8px;
     }
     .footerArea .txtMarginS{
         margin-bottom: 20px;
     }
     .footerArea .txtMarginL{
         margin-bottom: 40px;
     }
     .footerListTipeA.dotList{
         width: 100%;
     }
     .footerListTipeA.dotList ul{
         width: 100%;
     }
     .footerListTipeA.dotList li{
         flex: 0 0 calc(25% - 8px);
     }
     .footerListTipeA.dotList li::after{
         display: none;
     }
 
     .footerLinkBox{
         margin-bottom: 40px;
     }
     .footerLinkBox > .flxBox{
         justify-content: space-between;
         width: 100%;
     }
     .mbFooterOpen.flxBox{
         display: flex;
         font-size: 0px;
         align-items: center;
         justify-content: center;
         gap:4px;
     }
     .mbFooterOpen::after{
         content: "";
         display: inline-block;
         width: 20px;
         height: 20px;
         background:#00000057 url(../images/icons/arrowDown_wh.svg) center center / 14px no-repeat;
         border-radius: 999px;
     }
     .hasFooterLogoBox.flxBox{
         gap: 8px;
         justify-content: center;   
     }
 
     .footerListTipeA.dotList li{
         margin-right: 0;
     }
     .topFooterArea .footerListTipeA .flxBox{
         gap: 20px;
     }
     .topFooterArea .footerListTipeA .flxBox li{
         position: relative;
     }
 
     .topFooterArea{
         padding:16px 28px;
     }
 
     .topFooterArea .footerListTipeA .flxBox li::after{
         content: "";
         display: inline-block;
         position: absolute;
         background-color:var(--gr200,#ADB5BD);
         width: 2px;
         height: 2px;
         border-radius: 999px;
         top:calc(50% - 1px);
         right:calc(-10px - 1px);
     }
 
     .topFooterArea .footerListTipeA:last-child .flxBox li:last-child:after{
         display: none;
     }
 
     .footerLinkBox{
         margin-bottom: 20px;
     }
 
     .hasCustomerService.flxBox{
         gap:60px;
     }
     .footerArea .hasCopyRightTag.txtMarginL{
         position: relative;
         margin-bottom: 0;
     }
     .copyRightTag{
         width: 100%;
         text-align: center;
         margin-top: 12px;
         margin-bottom: 0;
     }
     .copyRightTag.showCaption{
         text-align: left;
         margin-bottom: 20px;
     }
     .hideCaption{
         display: none;
     }
     .footerArea .wjLogoImg{
         width: 120px;
     }
 
     /*푸터열기 기능 css*/
     .showCaption.mbFooterOpen::after{
         transform: rotate(-180deg);
     }
 
     .hideCaption.showFooterOpen{
         display: block !important;
     }
     .hideCaption.showFooterOpen.flxBox{
         display: flex !important;
     }
 
     .hasCustomerService.flxBox{
         gap: 40px;
     }
 
     /*전체메뉴*/
     .lnbBoxWrap .popUpHeader{
         padding-left: 20px;
         padding-right: calc(20px - 10px);
     }
     .lnbBoxWrap .popUpHeader::before{
         left: 20px;
     }
     .lnbBoxWrap .onlyMO.mbGnbCTABox{
         padding-top: 20px;
         padding-bottom: 20px;
         width: calc(100% - 20px*2);
         margin: 0 20px 20px 20px;
     }
 
     /*팝업*/
     .popupBasic{
         width: 100%;
         height: 100%;
         max-height: 100%;
         border-radius: 0;

     }
 
     .smallPop.ex_smallPop .popupBasic{
     	border-radius: 12px;
     }
 
/*
     .smallPopup.conPop .popupBasic{
        width: 300px;
        left: calc(50% - 150px);
     }
*/
     .smallPopup .popupBasic{
        border-radius: 12px;
        left: 50%;
        width: 90%;
        height: unset;
        max-height: unset;
        top: 50%;
        transform: translate(-50%,-50%);
        max-width: 600px;
     }
     
     .smallPopup .popSwiper .swiper-pagination{
        bottom: 0;
     }
     .smallPopup .iconClose::after{
        width: 16px;
        height: 16px;
     }

     .popUplayout{
         padding-left: 16px;
         padding-right: 16px;
     }
     .popupBasic_head.popUplayout {
         padding-left: calc(16px - 10px);
         padding-right: calc(16px - 10px);
     }
 
 
     .quickSearchPopMO.fullAt820{
         background-color: #fff;
     }
    
     /*큰사이즈 팝업 제어*/
     .largePopup .popupBasic{
        width: 100%;
        height: 100%;
        max-height: unset;
     }
     .largePopup .popupBasic_head.popUplayout{
        padding-left: 20px;
     }

     .largePopup .popupInnerWrap{
        padding: 20px;
     }
     /*팝업제어 - 모바일 바텀 팝업, 테이블 팝업*/
     .mbBottomPop.largePopup .popupBasic{
        height: 90%;
        left: 0;
        top:unset;
        transform: unset;
        bottom: 0;
        margin: 0 auto;
        border-radius: 12px 12px 0 0;
     }

     .mbBottomPop .popupBasic_foot.popupBasic_foot button.btnSytle01{
        width: 100%;  
        border-radius: 0;
     }
     .mbBottomPop .popupBasic_foot.popupBasic_foot.flxBox{
        padding: 0;
     }
     .mbBottomPop.largePopup.tablePop .popupInnerWrap{
        padding-left: 20px;
        padding-right: 20px;
     }

     .mbBottomPop.largePopup .popupBasic_head{
        height: 56px;
     }
     .mbBottomPop.largePopup .popupBasic_body {
        height: calc(100% - 56px - 48px);
    }

 }
 @media only screen and (max-width: 720px) {
 
     /*폰트사이즈*/
     html{
         font-size: 14px;
     }
 
     /*레이아웃*/
     .boxMargin{
         margin-bottom: 60px;
     }
 
     /*헤더*/
     .gnbInner.flxBox, .headerBox{
      height: 60px;   
     }
     .wjLogoImg{
         width: 130px;
     }
 
     /*메인히어로*/
     .swiper-play-button-box{
         display: none;
     }
     .swiper-pagination{
         padding: 2px 16px;
         bottom: unset;
         top:16px;
     }
     /*대표브랜드*/
     .subBanner_imgBox{
         padding-bottom: 70%;
     }
     .hasthumbListBtnWrap{
         margin-top: 20px;
     }
     .noMarginTopAt720.hasthumbListBtnWrap{
        margin-top: 0;
    }
 
     /*퀵서치 우리아이에게 적합한*/
     .quickSearchWrap, .quickSearchWrap:hover{
         padding: 40px 0;
     }
     .mbQuickSearchFormWrap{
         padding: 16px 24px;
     }
     
     /*퀵메뉴*/
     .quickImgwrap{
         width: 60px;
         height: 60px;
         border-radius: 20px;
     }
     .bfBox_inBottom{
         padding-right: 0;
     }
 
     /*푸터*/
 
     .footerArea .footerListTipeA .flxBox{
         gap:0;
     }
     .footerListTipeA.dotList li{
         flex: 0 0 100%;
     }
     
     .topFooterArea .layoutWrap,
     .topFooterArea .footerListTipeA .flxBox{
         gap: 12px;
     }
     .topFooterArea .footerListTipeA .flxBox li::after{
         right: calc(-6px - 1px);
     }
 
     /*검색창*/
     .lnbBoxWrap.allSearch{
         margin-top: 60px;
     }
     .lnbBoxWrap.allSearch .ico32::after{
         width: 24px;
         height: 24px;
     }
     .headerBox.fixedHead .lnbBoxWrap.allSearch{
         margin-top: 60px;
     }
     .searchFormAll{
         width: 100%;
     }
 
     /*AI 학습부문 5년연속 수상*/
     .subBannerWin_wrap{
         padding-bottom: 44%;
     }
 
     .subBannerWin{
         background-image:url(../images/banner/main/subBannerWin/subBannerWin_01_mo.png);
     }
 
     /*전체메뉴*/
     .lnbBoxWrap .popUpHeader{
         height: 60px;
      
     }
     .subHeader .popupBasic_head.flxBox{
     height: 60px;
 	}
     .lnbBoxWrap .popUpHeader::before{
         position: absolute;
         left: 20px;
         content: "";
         width: 130px;
         height: 50.86px;
         background: url(../images/assett/logo_wh.svg) center center / cover no-repeat;
     }
     .lnbAllBox .gridBox{
         flex: 0 0 50%;
     }
     .lnbBoxWrap .onlyMO.mbGnbCTABox{
         padding: 20px;
         flex-direction: initial;
         justify-content: space-between;
         align-items: center;
     }
     .lnbBoxWrap .onlyMO.mbGnbCTABox br{
         display: block;
     }
     .lnbBoxWrap .layoutWrap{
         padding-top: 60px;
     }
     .lnbBox{
         padding: 20px 40px;
     }
 
     /*팝업*/
     .popupInnerWrap{
         padding: 20px;
     }
     .popupBasic_foot.popupBasic_foot.flxBox{
         gap:12px;
     }
     .popupBasic_foot.popupBasic_foot button.btnSytle01{
         width: calc(100% - 48px - 12px);
     }
     .popupBasic_foot.popupBasic_foot button.btnSytle01{
         padding: 12px 10px;
     }
     .largePopup .popupBasic_head{
     	height:60px;
     }
     .largePopup .popupBasic_body {
    	height: calc(100% - 125px);
	}
	.productFilterPop .popupBasic_body{
		height: calc(100% - 125px);
	}
	#quickSearchPopMO .popupBasic_body{
		height: calc(100% - 125px);
	}
	.popupBasic_foot.popupBasic_foot.flxBox{
        padding-top: 8px;
        padding-bottom: 8px;
        height:44px;
    }    
    
	
	.eventDetailBody .popupBasic_foot.popupBasic_foot.flxBox,
	.ex_smallPop .popupBasic_foot.popupBasic_foot.flxBox{
        height:unset;
    }
    
    .eventDetailBody .popupBasic_foot.popupBasic_foot.flxBox{
    	margin-bottom:40px;
    }  
    
    .popupBasic.dbMOPopup .popupBasic_foot.popupBasic_foot.flxBox{
    	height:56px;
    }
     .smallPop.ex_smallPop .popupBasic{
     	border-radius: 12px;
     	width: 280px;
    	min-height: 200px;
     }
     .smallPop.ex_smallPop .popupBasic .popupInnerWrap{
         min-height: 90px;
     }
 
 	.popInfoTxtBox{
 		padding:0;
 	}

    /*720 메인 배너 2025*/
    .mainConentWrap_ver2025 {
        .myMainSwiperVer2025.myMainpageSwiper_01.swiper {
            width: calc(100% - 40px);
            padding-bottom: 0;
        }
        .quickSearchWrap, .quickSearchWrap:hover{
            padding: 30px 0;
        }
    }
    
    .myMainSwiperVer2025 {
        
        /*스와이퍼 버튼 콘트롤*/
        .swiper-play-button-box{
            display: flex;
        }
        #swp-bar{
            display: none;
        }
        .swiperArrow.flxBox{
            display: none !important;
        }
        .swiper-play-pause-button {
            order: 1;
        }  
        .swiper-pagination {
            order: 2;
        }  
        .showAllBannerWrap{
            order: 3;
            width:20px;
            height:20px;
            position:relative;
        }
        .showAllBanner {
            font-size: 0;
            margin: 0;
            gap: 0;
            position:absolute;
            width:40px;
            height:40px;
            left:50%;
            top:50%;
            transform:translate(-50%,-50%);
            z-index:2;
            border-radius:50%;
        }
        .main-utill-box{
            margin: 0;
            left: unset;
            right: 8px;
            bottom:8px;
            transform: none;
            width: unset;
            background: rgba(0,0,0,.25);
            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-radius: 999px;
            height: 22px;
            gap: 0;
            padding-left: 4px;
            padding-right: 4px;
        }
        .iconPause::after{
            background:url(../images/icons/pause_wh.svg) center center/22px no-repeat;
        }
        .iconPlus::after{
        	width: 20px;
            height: 20px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background:url(../images/icons/plus_wh.svg) center center/16px no-repeat;
        }
        .iconPlay::after{
            background:url(../images/icons/play_wh.svg) center center/22px no-repeat;
        }
        .swiper-pagination{
            color: var(--gr100);
            font-weight: 300;
            font-size: 11px;
         	line-height:100%;
        }
        .swiper-pagination-current{
            color: #fff;
            font-weight: 400;
            font-size: 11px;
            width: 16px;
            padding: 0;
        }
        .swiper-pagination-total{
            width: 16px;
            padding: 0;
        }
        .main-utill-box .iconPause::after,.main-utill-box .iconPlus::after,
        .swiper-play-pause-button::after{
            width: 20px;
            height: 20px;
        }
        .swiper-play-button-box-wrap > button:hover{
            background: none;
        }
    }
	
 }
 @media only screen and (max-width: 640px) {
    .pdListStyle02_5grid{
        margin-top: 28px;
    }
 }
 @media only screen and (max-width: 520px){
 
     /*폰트사이즈*/
     .bd2{
         font-size: 1rem;
     }
     .bd1{
         font-size: 1rem;
     }
     .hd1{
         font-size: 1.72rem;
     }
 
     .hd2{
         font-size: 1.5rem;
     }
     .boxTitleWrap h2{
         font-size: 1.5rem;
     }
     .hd3{
         font-size: 1.28572rem;
     }
     .hd4{
         font-size: 1.28572rem;
     }
     .hd5{
         font-size: 1.14286rem;
     }
 
     .bd1{
         font-size: 1rem;
     }
     /*마진*/
     .titMargin{
         margin-bottom: 20px;
     }
 
     /*대표브랜드*/
     .subBanner_ImgIcon{
         width: 80px;
         height: 80px;
     }
     .subBanner_imgBox{
         padding-bottom: 80%;
     }
 
     .subBanner_img_txtBox .subBanner_button.chipBtnSt1{
         width: 100%;
         display: flex;
         justify-content: center;
         gap: 4px;
         font-size: 1rem;
     }
     .subBanner_img_txtBox{
         padding-right: 60px;
     }
 
     /*퀵서치*/
     .quickSearchTxt {
         justify-content: center;
     }
     #made-slider-container .slide .made-slide-inner{
         height: 320px;
    }
    .mbQuickSearchBtn{
         padding: 0 20px;
    }
 
    /*스마트하게 변화*/
    .made-slide-inner > img{
         width: 140%;
         max-width: 140%;
    }
 
    .rankIconBox{
         gap:0;
    }
 
    /*공지사항*/
    .noticeSectionWrap{
         gap:40px;
    }
 
    /* 하단네비 */
    .fixedBottomnavi .layoutWrap{
      padding: 0;
    }
 
    /*푸터*/
    .footerLinkBox li a::after{
     background-size: 80%;
    }
     /*검색창*/
     .lnbBoxWrap.allSearch > .lnbBoxWrapInner{
         height: unset;
         padding-top: 20px;
         padding-bottom: 20px;
     }
     .inputItmeBoxinner{
         height: 40px;
     }
     .keywordBox.flxBox{
         gap:0;
     }
     .lnbTitle{
         font-size: 1.143rem;
     }
     .mbGnbLinkGroup,.lnbBoxWrap .layoutWrap.mbGnbLinkBox{
        flex-direction: column !important;
    }
    
 }
 @media only screen and (max-width: 480px){
     
 
     /*레이아웃*/
     .chipBtnSt2,.brandOfThinkbig .swiper-pagination-bullet{
         padding: 8px 12px 8px 12px;
     }
     .swiper-slide > .layoutWrap{
         padding: 0;
     }
     .mainHeroTxtBox{
         padding-left: 20px;
         padding-right: 20px;
     }
     .quickSearchTxt > .hd5{
         word-break: keep-all;
     }
 
     /*메인히어로*/
     .mainHeroTxtBox .hd1{
         font-size: 2rem;
     }
     .mainHeroImgWrap{
         width: 100%;
         padding-bottom: 63.333%;
         margin-bottom:-1%;
         z-index: -9;
     }
     .mainCaptionTxt{
         margin-bottom: 4px;
     }
     
     .mainHeroTxtBox.txtMarginXL{
         margin-bottom: 24px;
     }
     
     /*대표브랜드*/
     .subBanner_imgBox{
         padding-bottom: 90%;
     }
     .subBanner_img_txtBox{
         padding: 20px 40px 20px 20px;
     }
     /*웅진씽크빅's pick*/
     .subBannerEvent > .flxBox{
         min-width: 920px;
     }
 
     /*퀵서치*/
     #mbQuickSearchInput::placeholder{
         font-size: 0.92857rem;
     }
     .mbQuickSearchFormWrap{
         padding:12px 24px;
     }
     .quickSearchTxt > .hd5{
         font-size: 1.28572rem;
     }
     #mbQuickSearchInput::placeholder{
         font-size: 1rem;
     }
     .quickSearchWrap.flxBox{
         gap: 12px;
     }
 
     /*퀵메뉴*/
     .quickImgwrap{
         width: 48px;
         height: 48px;
         border-radius: 16px;
     }
 
     /*대표브랜드*/
     .pdListStyle01 .listGridThumb{
         width: 120px;
         height: 120px;
     }
 
     /*스마트하게변화*/
     #made-slider-container .slide .changeSliderTxt{
         padding:20px;
    }
    .changeCate > ul > li.on > button::before{
         width: 8px;
         height: 8px;
     }
    
    #made-slider-container .slide{
         
         min-width: calc((100% - 40px)/100*90);
         width: calc((100% - 40px)/100*90);
     }
 
    /*랭크 아이콘*/
    .rankIcon1.rankIconBox::before,
    .rankIcon2.rankIconBox::before,
    .rankIcon3.rankIconBox::before,
    .rankIcon4.rankIconBox::before{
         width: 52px;
         height: 52px;
    }
 
    
    .rankIconBox p span{
         font-size: 2rem;
    }
    
    /*푸터*/
    
     .topFooterArea .footerListTipeA:nth-child(1) .flxBox li:last-child::after{
         display:none;
     }
 
    /*바톰네비*/
    .fixedFloatingBtnGroup{
         bottom: 80px;
    }
     
     /*전체메뉴*/
     .lnbAllBox .gridBox{
         flex: 0 0 100%;
     }
     
 
     .lnbBox ul{
         display: flex;
         flex-wrap: wrap;
     }
     .lnbBox ul > li{
         flex: 0 0 50%;
     }
 
     .mbGnbCTAButtonWrap .btnSytle01{
         padding: 8px 12px;
     }
     .lnbBoxWrap .layoutWrap.mbGnbLinkBox{
         flex-direction: column;
     }
     .lnbBoxWrap .layoutWrap.mbGnbLinkBox .lnbBox ul{
         flex-direction: row;
     }
	 .roundBoxES{
	 	border-radius: 8px;
	 }
	.reBeforeImgBox >img{
		border-radius: 8px;
	}

    .myMainSwiperVer2025 {
        /*스와이퍼 텍스트*/
        .mainHeroTxt p {
            font-size: 6vw;
            line-height: 130%;
        }
        .mainCaptionTxt{
            font-size: 3.8vw;
        }
        .mainCaptionTxt {
            margin-bottom: 1vw;
        }
    }
    /*배너 전체보기 480*/
    .showAllBannerPop::after{
        width: 100%;
        height: 100%;
        display: block;
        content: "";
        background:#fff;
        left: 0;
        top: 0;
        position: fixed;
        z-index: -1;
    }
    .showAllBanner-inner{
        max-width: 480px;
        width: calc(100% - 20px);
        margin-bottom: 10px;
    }
    .showAllBannerPop .popup-close {
        left: unset;
        right: 0;
        top: 0;
        transform: unset;
        width: 100%;
        height: 60px;
        font-size: 24px;
        padding: 0 23px;
        display: flex;
        justify-content: flex-end;
        background: #fff;
        z-index: 2;
        color:var(--gr900);
    }
    .showAllBannerPop .popup-close-X{
    	display:flex;
    	align-items:center;
    	justify-content:center;
    	width:24px;
    	flex-shrink: 0;
    }
    .showAllBannerPop .popup-close::before{
        content: '전체보기';
        display: block;
        width: 100%;
        flex-shrink: 1;
        margin-left: 24px;
        font-size: 14px;
        font-weight: 700;
    }
    .showAllBannerPop.popup-overlay{
        padding: 60px 0px 0px 0px;
    }
    .bannersWrap{
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }
    .bannerItemTxt .mainCaptionTxt{
        margin-bottom: 2vw;
        font-size: 3.2vw;
    }
    .bannerItemTxt .mainHeroTxt .hd3{
        font-size: 5.4vw;
    }
 }
 @media only screen and (max-width: 390px){
     /* 폰트*/   
     .bd1{
         font-size: 1rem;
     }
     .bd3{
         font-size: 1rem;
     }
     .bd2{
         font-size: 1rem;
     }
     .hd2{
         font-size: 1.28572rem;
     }
     .boxTitleWrap h2{
         font-size: 1.28572rem;
     }
     .btn2{
         font-size: 1rem;
     }
 
 
     /* 메인히어로*/
     .swiper-pagination{
         font-size: 0.71rem;
         top: 8px;
     }
 
     .mainHeroTxtBox .hd1{
         font-size: 1.71rem;
     }
 
     /*웅진씽크빅 대표브랜드*/
     .subBanner_ImgIcon{
         width: 64px;
         height: 64px;  
     }
     .pdListStyle01 .listGridThumb{
         width: 100px;
         height: 100px; 
     }
 
     /*스마트하게변화*/
     #made-slider-container .slide .made-slide-inner{
         height:280px;
     }
     .made-slide-inner > img{
         max-width:160%;
         width:160%;
     }
     #made-slider-container .slide{
         min-width: calc((100% - 40px)/100*90);
         width: calc((100% - 40px)/100*90);
     }
     
     .pdListStyle01 .listGridBoxWrap{
        gap:20px;
     }
     .subBannerEvent > .flxBox{
         gap: 16px;
     }
     
     /*change slider 부분*/
     .changeSliderTxt .hd.txtMarginM{
     	margin-bottom:8px;
     }
     .changeCate > ul.flxBox{
     gap:12px;}
     
     /* 랭크 아이콘*/
     .rankIconBox p span{
         font-size: 1.71rem;
     }
     .rankIconBox p span.notMove{
         font-size: 1.68rem;
     }
     .rankIconBox::before{
         margin-bottom: 16px;   
     }
     /*푸터*/
     .topFooterArea .footerListTipeA .flxBox{
         gap:12px;
     }
     .topFooterArea .layoutWrap{
         gap:12px;
     }
     .topFooterArea .footerListTipeA .flxBox li::after{
         right: calc(-6px - 1px);
     }
     .topFooterArea .footerListTipeA .flxBox a{
         font-size: 0.86rem;
     }
 
     /*바톰네비*/
     .fixedBottomnavi_wrap a{
         font-size: 0.68rem;
     }
 
     /* 플로팅버튼*/
     .fixedFloatingBtnGroup{
         bottom:80px;
     }
     .floatBtn{
         width: 44px;
         height: 44px;
     }
 
 
     /*전체메뉴*/
     .lnbTitle{
         font-size: 1.143rem;
     }
     .lnbBoxWrap .bd2 {
         font-size: 1.125rem;
     }
 
 }
 
 @media only screen and (max-width: 360px){
     /*폰트*/
     .hd4{
         font-size: 1.14rem;   
     }
     /* 레이아웃 */
     .roundBoxS,
     #made-slider-container .slide .made-slide-inner{
         border-radius: 16px;  
     }
 
     /*스마트하게 변화*/
     #made-slider-container .slide .changeSliderTxt{
          padding: 16px;
     }
     #made-slider-container{
         border-radius:16px 0 0 16px;
     }
     
     /*바톰네비*/
     .quickSearchTxt > .hd5{
         font-size: 1.14rem;   
     }
 
     .fixedBottomnavi_wrap a{
         font-size: 0.71rem;
     }
     .changeSliderTxt .bdFont{
         font-size: 0.933rem;
     }
     /*푸터패딩변경추가 - 글로벌큐레이션 추가로 길어짐*/
     .topFooterArea{
        padding: 16px;
     }
 
 }
 @media only screen and (max-width: 340px){
     /* 폰트 */
     html,body{
         font-size: 13px;
      }
 
     /* 레이아웃 */
     .roundBoxS,
     #made-slider-container .slide .made-slide-inner{
       border-radius: 12px;  
     }
     /*대표브랜드*/
     .pdListStyle01 .listGridThumb{
         width: 84px;
         height: 84px;
     }
     
     /*스마트하게 변화*/
     #made-slider-container{
         border-radius:12px 0 0 12px;
     }
     .pdListStyle01 .listGridBoxWrap{
         gap:16px;
     }
     #made-slider-container .slide{
         padding-right: 12px;
     }
     .ico24::after{
         width: 20px;
         height: 20px;
     }
 
     /*웅진씽크빅's pick*/
     .subBannerEvent > .flxBox{
         min-width: 780px;
     }
     .subBannerEvent > .flxB{
         gap:12px;
     }
     .titMargin{
         margin-bottom: 16px;
     }
 
     /*전체메뉴*/
     .lnbBoxWrap .popUpHeader .ico36::after{
         width: 20px;
         height: 20px;
     }
 }
 @media only screen and (max-width: 320px){
     
     /* 레이아웃*/
     .subBanner_img_txtBox .subBanner_button.chipBtnSt1{
         padding:8px 12px 8px 16px;
         font-size: 0.86rem;
     }
     /*대표브랜드*/
     .chipBtnSt2.btn2,.brandOfThinkbig .swiper-pagination-bullet{
         font-size: .86rem;
     }
     .chipBtnSt2,.brandOfThinkbig .swiper-pagination-bullet{
         padding: 8px 10px 8px 10px;
     }
     .subBanner_img_mainTxt{
         font-size: 1.128572rem;
     }
     /*스마트하게 변화*/
     .changeCate > ul.flxBox{
         gap: 12px;
     }
     /*메인슬라이더*/
     .mainHeroTxtBox .hd1{
         font-size: 1.5rem;
     }
 
     /*rank 아이콘*/
     .hasRankIconSTxt{
         font-size: 0.875em;
     }
 
     /* 푸터 */
     .topFooterArea .layoutWrap{
         flex-direction: column;
     }
     .topFooterArea .layoutWrap .footerListTipeA.flxBox{
         justify-content: center;
     }
     .subBanner_ImgIcon{
         width: 52px;
         height: 52px;
     }

     /*DB창*/
     .conTabBtn::before{
        margin-right: 8px;
     }
     .conTabBtn{
        padding: 16px 8px;
     }
     .conTabBtnBox{
        padding: 0;
     }
	.db_step_01 .toolTipBtn{
		width:40px;
	}
 }
 @media only screen and (max-width: 280px){
     /*레이아웃*/
     .layoutWrap{
         padding-left: 12px;
         padding-right: 12px;
     }
     .layoutPadding{
        padding-left: 12px;
        padding-right: 12px;
     }
 
     .mainHeroTxtBox{
         padding-left: 12px;
         padding-right: 12px;
     }
     .gnbNav > .layoutWrap{
         padding-right: calc(12px - 10px);
     }
     .brandOfThinkbig > .layoutWrap > .boxTitleWrap{
         padding-left: 12px;
         padding-right: 12px;
     }
     .subBanner_img_txtBox{
         right: -12px;
     }
     .subBannerBrand .pdListStyle01{
         padding-left: 12px;
         padding-right:12px ;
     }
     .subBanner_imgBox{
         margin-right: 0;
     }
     .pickBanners .layoutWrap .boxTitle, .subBannerEvent>.flxBox{
         padding-left: 12px;
         padding-right:12px ;   
     }
     /* 폰트*/
     html,body{
         font-size: 12px;
     }
     .mainHeroTxtBox .hd1{
         font-size: 1.6rem;
     }
     .hd4{
         font-size: 1rem;
     }
     #made-slider-container{
         margin-left: 12px;
     }
     #made-slider-container .slide .made-slide-inner{
         height: 220px;
     }
 
     /*상단메뉴*/
     .lnbBoxWrap .popUpHeader{
         padding-left: 12px;
         padding-right: calc(12px - 10px);
     }
     .lnbBoxWrap .popUpHeader::before{
         left: 16px;
     }
     .hasthumbListBtnWrap.onlyMO.showthisMo {
    	display: flex !important;
    	padding-left: 12px;
    	padding-right: 12px;
	}
	
	/*작은사이즈 팝업*/
	.smallPop.ex_smallPop .popupBasic{
     	width: 260px;
     }
	
 }