/* 브랜드 스토리 css */


/*header border 빼서 변경*/
.headerBox.fixedHead .gnbMenu li > .depth2Wrap .depth2WrapInner_border{
	border-top:1px solid var(--gr150);
	
}

/*최상단 문구 + 비디오*/

.onlyBS_notfixed,
section {
    background-color: #fff;
}

.aboutBrand .hd1{
    font-size: 2.75rem;
    word-break:keep-all;
}
.titles .hd1 {
    font-size: 3rem;
}

.txtCenter {
    text-align: center;
}

.layoutWrap.mini {
    max-width: 960px;
}

.layoutWrap.mini>p {
    word-break: keep-all;
}

.firstBrLayout {
    margin-top: 40px;
}

.wj_br_video_box {
    position: relative;
    width: 1180px;
    border-radius: 20px;
    margin: 0 auto !important;
    height: 100vh;
    overflow: hidden;

}

#br_section2_mo .wj_br_video_wrap .wj_br_video{
	border-radius: 20px;
	overflow: hidden;
	isolation: isolate;
}

.wj_br_video_box2 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 800px;
    overflow: hidden;
}

.wj_br_video_box2 .titles .hd2 {
    font-size: 2.75rem;
    padding-left: 40px;
    padding-right: 40px;
    word-break: keep-all;
}

.wj_br_video {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    outline: none !important;
    border: none !important;
}

.wj_br_video_dimmed {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000038;
    object-fit: cover;
    position: absolute;
    outline: none !important;
    border: none !important;
    z-index: 1;
}

.wj_br_video_bg {

    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -2;
    object-fit: cover;
    outline: none !important;
    border: none !important;
}

.section_bg {
    width: 100%;
    height: 280px;
    background-color: #ffcb8021;
    position: absolute;
    bottom: 256px;
    left: 0;
}

#br_section4 .wj_br_video_bg {
    position: absolute;
    z-index: 0;
}

.titles {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    z-index: 2;
}


.wj_br_video_box2 .titles .t2 {
    color: #eee;
}

/*꿈꾸는~ 3개 탭 영역*/

.bsTabMenu>li.on>button {
    color: var(--pri700, #FF7A00)
}

.bsTabMenu>li::after {
    content: "·";
    color: var(--gr200);
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
}

.bsTabMenu>li:last-child::after {
    display: none;
}

.threeImgGridBox {
    justify-content: space-between;
    gap: 80px;
}

.threeImgGridBox .imgGridBox {
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    height: 479.99px;
    background-size: cover;
    transition: background-image 0.2s;
}

.imgGridBox01 {
    background-image: url(../images/brand/dream01_1.png);
}

.imgGridBox02 {
    background-image: url(../images/brand/dream01_2.png);
}

.imgGridBox03 {
    background-image: url(../images/brand/dream01_3.png);
}


.threeImgGridBox2 .imgGridBox01 {
    background-image: url(../images/brand/dream02_1.png);
}

.threeImgGridBox2 .imgGridBox02 {
    background-image: url(../images/brand/dream02_2.png);
}

.threeImgGridBox2 .imgGridBox03 {
    background-image: url(../images/brand/dream02_3.png);
}

.threeImgGridBox3 .imgGridBox01 {
    background-image: url(../images/brand/dream03_1.png);
}

.threeImgGridBox3 .imgGridBox02 {
    background-image: url(../images/brand/dream03_2.png);
}

.threeImgGridBox3 .imgGridBox03 {
    background-image: url(../images/brand/dream03_3.png);
}

.threeImgGridBox .imgGridBox02 {
    bottom: 60px;
}

.hasBsBg {
    position: relative;
}

.hasBsBg::after {
    content: "";
    display: block;
    background-color: #FFF9F0;
    position: absolute;
    width: 100%;
    height: 178px;
    bottom: 240px;
    z-index: -1;
}

/*대표브랜드*/

.brandImgBox {
    width: 400px;
    height: 260px;
    background: red;
    border-radius: 20px;
    flex-shrink: 0;
    position:relative;
}

.brandImgBox > a{
	position:absolute;
	width:100%;
	height:100%;
}

.bsBrandBoxGrid {
    gap: 80px;
    align-items: center;
}

.bsBrandBoxGrid p{
    word-break:keep-all;
}


.brandImgBox01 {
    background: url(../images/banner/main/subBannerBrand/subBannerBrand_03.png) center center / cover no-repeat;
}

.brandImgBox02 {
    background: url(../images/banner/main/subBannerBrand/subBannerBrand_01.png) top center/cover no-repeat;
}

.brandImgBox03 {
    background: url(../images/banner/main/subBannerBrand/subBannerBrand_02.png) center center / cover no-repeat;
}

.section .titles img {
    height: 100px;
}

/*js 컨트롤*/
.dimmed {
    position: relative;
}

.dimmed .dimmed_show {
    display: block;
}

.hidden {
    visibility: hidden;
    opacity: 0;
}

#show1,
#show2,
#show3 {
    display: none;
    opacity: 0;
    position: relative;
}


/*텍스트애니메이션*/
.hid_aniBox {
    overflow: hidden;
}


/*스와이퍼*/

/*스와이퍼컨트롤*/
.swiperBrandDream {
    height: calc(100% - 128px);
    position: relative;
    height: max-content;
}

.swiperBrandDream .swiper-container {
    width: 100%;
}

.swiperBrandDream .swiperArrow.flxBox {
    display: none;
    color: var(--gr300);
}

.swiperBrandDream .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: max-content;
}

.swiperBrandDream .append-buttons {
    position: absolute;
    text-align: center;
    z-index: 2;
    top: 0;
    left: calc(50% - (1280px/2));
    padding: 0 40px;
    display: flex;
    gap: 30px;
}

.swiperBrandDream .append-buttons > a{
	position:relative;
}

.swiperBrandDream .append-buttons > a:nth-child(1)::after,
.swiperBrandDream .append-buttons > a:nth-child(2)::after{
    display: inline-block;
    width: 4px;
    height: 4px;
    background: var(--gr150);
    content: "";
    position: absolute;
    border-radius: 999px;
    top: calc(50% - 2px);
    right: calc((30px / 2)* -1 - 1px);
	}

.swiperBrandDream .append-buttons a {
    display: inline-block;
    cursor: pointer;
    color: var(--gr300);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
}


.swiperBrandDream .append-buttons a.on {
    color: var(--pri700)
}

/* CSS 스타일링 */

.swiperBrandDream .swiper-progress-bar {
    position: static;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: var(--pri200);
    transition: width 0.3s;
    z-index: 2;

}

.swiperBrandDream .boxGrid.hasTwo {
    height: 300px;
}

.swiperBrandDream .swiper-progress-bar-wrapper {
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: calc(50% - 280px / 2);
    width: 280px;
    height: 4px;
}

/*브랜드 - 서브브랜드 스와이퍼*/
.swiperBrandBookClub .append-buttons a {
    display: inline-block;
    cursor: pointer;
    color: var(--gr300);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
}

.swiperBrandBookClub .append-buttons a.on {
    color: var(--pri700)
}

.swiperBrandBookClub .append-buttons {
    display: flex;
    gap: 30px;
    justify-content: center;
}

.swiperBrandBookClub .append-buttons > a{
	position:relative;
}

.swiperBrandBookClub .append-buttons > a:nth-child(1)::after,
.swiperBrandBookClub .append-buttons > a:nth-child(2)::after,
.swiperBrandBookClub .append-buttons > a:nth-child(3)::after{
    display: inline-block;
    width: 4px;
    height: 4px;
    background: var(--gr150);
    content: "";
    position: absolute;
    border-radius: 999px;
    top: calc(50% - 2px);
    right: calc((30px / 2)* -1 - 1px);
	}

.swiperBrandBookClub .append-buttons a {
    display: inline-block;
    cursor: pointer;
    color: var(--gr300);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
}

.swiperBrandBookClub .swiperArrow.flxBox{
    display: flex;
    z-index: 1;
}

.swiperBrandBookClub .swiper-button-prev{
    left: calc(50% - 560px);
    top: calc(50% + 80px);
}

.swiperBrandBookClub .swiper-button-next{
    right: calc(50% - 560px);
    top: calc(50% + 80px);
}

.pad_mini_wrap{
    width: 960px;
    margin: 0 auto;

}

.pad_mini_wrap .pad_img_wrap{
    width: 100%;
    height: 0;
    padding-bottom: 62.5%;
    position: relative;
    overflow: hidden;
    box-sizing: content-box;
    border: 2px solid var(--gr150);
    border-radius: 20px;
}

.pad_mini_wrap .pad_img_wrap .pad_img{
    position: absolute;
    width: 100%;
    height: 100%;
}

.pad_img_01{
    background: url(../images/brand/bookclub/bc_pad_img_01.png) center / cover no-repeat;
}

.pad_img_02{
    background: url(../images/brand/bookclub/bc_pad_img_02.png) center / cover no-repeat;
}
.pad_img_03{
    background: url(../images/brand/bookclub/bc_pad_img_03.png) center / cover no-repeat;
}
.pad_img_04{
    background: url(../images/brand/bookclub/bc_pad_img_04.png) center / cover no-repeat;
}

.pad_img_05{
    background: url(../images/brand/bookclub/bc_pad_img_05.png) center / cover no-repeat;
}

.pad_txt{
    background-color: #fff;
}

.pad_txt p{
    text-align: center;
}

/*북큐레이터 슬라이더*/
.swiperBrandBookCura .append-buttons a {
    display: inline-block;
    cursor: pointer;
    color: var(--gr300);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
}

.swiperBrandBookCura .append-buttons a.on {
    color: var(--pri700)
}

.swiperBrandBookCura .append-buttons {
    display: flex;
    gap: 30px;
    justify-content: center;
}

.swiperBrandBookCura .append-buttons > a{
	position:relative;
}

.swiperBrandBookCura .append-buttons > a::after{
    display: inline-block;
    width: 4px;
    height: 4px;
    background: var(--gr150);
    content: "";
    position: absolute;
    border-radius: 999px;
    top: calc(50% - 2px);
    right: calc((30px / 2)* -1 - 1px);
	}

.swiperBrandBookCura .append-buttons > a:last-child:after{
    display: none;
	}

.swiperBrandBookCura .append-buttons a {
    display: inline-block;
    cursor: pointer;
    color: var(--gr300);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    line-height: 120%;
    word-break: keep-all;
}

.swiperBrandBookCura .swiperArrow.flxBox{
    display: flex;
    z-index: 1;
}

.swiperBrandBookCura .swiper-button-prev{
    left: calc(50% - 620px);
    top: 50%;
    transform: translateY(50%);
}

.swiperBrandBookCura .swiper-button-next{
    right: calc(50% - 620px);
    top: 50%;
    transform: translateY(50%);
}

/*북큐레이터 숨겨진 유튜브 버튼*/
.btn_inImg{
	position: absolute;
    z-index: 1;
    font-size:0;
}

.btn_inImg_01{
    width: 200px;
    height: 40px;
    left: 50%;
    bottom: 27%;
    transform: translateX(-50%);
}

.btn_inImg_02{
width: 309px;
    height: 60px;
    left: 37%;
    bottom: 71%;
    transform: translateX(-50%);
}

/*북큐레이터 이미지*/

.bcr_imgbox{
    overflow: hidden;
}

.brc_sli01_img_wrap{
    width: 100%;
    height: 0;
    padding-bottom: 40%;
    position: relative;
    overflow: hidden;
    box-sizing: content-box;
}

.brc_sli02_img_wrap{
    width: 100%;
    height: 0;
    padding-bottom: 45%;
    position: relative;
    overflow: hidden;
    box-sizing: content-box;
}

.brc_sli01_img_wrap .brc_sli01_img{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.brc_sli02_img_wrap .brc_sli02_img{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.brc_sli01_img_wrap .brc_sli01_img01{
    background: url(../images/brand/bookcurator/slide_bkcr_01_cd1.png) center / cover no-repeat;
}
.brc_sli01_img_wrap .brc_sli01_img02{
    background: url(../images/brand/bookcurator/slide_bkcr_01_cd2.png) center / cover no-repeat;
}
.brc_sli01_img_wrap .brc_sli01_img03{
    background: url(../images/brand/bookcurator/slide_bkcr_01_cd3.png) center / cover no-repeat;
}

.brc_sli02_img_wrap .brc_sli02_img01{
    background: url(../images/brand/bookcurator/slide_bkcr_02_cd1_250619.png) center / cover no-repeat;
}
.brc_sli02_img_wrap .brc_sli02_img02{
    background: url(../images/brand/bookcurator/slide_bkcr_02_cd2.png) center / cover no-repeat;
}
.brc_sli02_img_wrap .brc_sli02_img03{
    background: url(../images/brand/bookcurator/slide_bkcr_02_cd3_250619.png) center / cover no-repeat;
}
.brc_sli02_img_wrap .brc_sli02_img04{
    background: url(../images/brand/bookcurator/slide_bkcr_02_cd4.png) center / cover no-repeat;
}

.bcr_iconS_box::before{
    content: "";
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    background-color: rgba(255, 243, 235, 0.40);
    margin-bottom: 12px;
    border-radius: 999px;
}

.bcr_iconS_01::before{
    background: url(../images/brand/bookcurator/icon_bkcr_line_01.svg) center /cover no-repeat;
}
.bcr_iconS_02::before{
    background: url(../images/brand/bookcurator/icon_bkcr_line_02.svg) center /cover no-repeat;
}
.bcr_iconS_03::before{
    background: url(../images/brand/bookcurator/icon_bkcr_line_03.svg) center /cover no-repeat;
}
.bcr_iconS_04::before{
    background: url(../images/brand/bookcurator/icon_bkcr_line_04.svg) center /cover no-repeat;
}
.bcr_iconS_05::before{
    background: url(../images/brand/bookcurator/icon_bkcr_line_05.svg) center /cover no-repeat;
}
.bcr_iconS_06::before{
    background: url(../images/brand/bookcurator/icon_bkcr_line_06.svg) center /cover no-repeat;
}
.bcr_iconS_07::before{
    background: url(../images/brand/bookcurator/icon_bkcr_line_07.svg) center /cover no-repeat;
}
.bcr_iconS_08::before{
    background: url(../images/brand/bookcurator/icon_bkcr_line_08.svg) center /cover no-repeat;
}

/*북큐레이터 복지 아이콘 영역 레이아웃*/
.bcr_iconS_grid_box{
    flex-wrap: wrap;
    justify-content: center;
}

.bcr_iconS_box{
    width: 25%;
    word-break: keep-all;
    line-height: 120%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom:20px;
}

/* 브랜드스토리 전체 레이아웃 css */

#br_section2 .dimmed_show,
#br_section2 .wj_br_videos {

    border-radius: 20px;
}

.scrollable__item {
    padding-top: 140px;
    position: relative;
    padding-bottom: 140px;
}

.scrollable__noPdTop{
    padding-top: 0 !important;
}

.scrollThisOnBrand {
    border-bottom: 1px solid #fff;
}

/* parallax__cont 스크롤 트리거 css 조절 */
#parallax__cont {
    overflow: hidden;
}

.parallax__item {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#section2,
#section4,
#section6,
#section8 {
    background-color: #fff;
}

.parallax__item__num {

    right: 20px;
    bottom: 20px;
    font-size: 5vw;
    line-height: 1;
}


/* #br_section1 */
#br_section1 .breadCrumbleBox{
    margin-bottom: 40px;
}

/* #br_section2 */

/*#br_section2 영역 비디오, 딤드*/
.dimmed_show {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #2525258f;
    border-radius: 20px;
}

.wj_br_video_wrap {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

/*#br_section2 영역 비디오, 딤드*/
#br_section2 .parallax__item__text {
    font-size: 48px;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 30px;
    width: 100%;
    text-align: center;
}

/*#br_section2 영역 이미지*/
#br_section2 .parallax__item__text>img {
    height: 120px;
    margin: 0 auto;
}

#br_section2 .parallax__item__img {
    top: 0;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    height: calc(100vh - 40px);
    position: relative;
    padding-top: 68px;
}

/*#br_section2 영역 비디오*/
#br_section2 .parallax__item__img .wj_br_video {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    outline: none !important;
    border: none !important;
    border-radius: 20px;
}

/*#br_section2 영역 텍스트제어*/
.big_txt {
    color: rgba(255, 255, 255, .5)
}

.big_txt .b_txt {
    position: relative;
    width: max-content;
    background: linear-gradient(to right, #fff, #fff) no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 0%;
    transition: background-size cubic-bezier(.1, .5, .5, 1) 0.5s
}

.big_txt .brac_ket {
    display: block;
    position: absolute;
    left: 300px;
    bottom: -50px
}

.big_txt .bg_txt {
    display: inline-block;
    background: linear-gradient(to right, #fff, #fff) no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 0% 100%;
}

#br_section3 .threeImgGridBox {
    gap: 40px;
    margin-bottom: 40px;
}

#br_section3 .big_txt {
    color: rgba(0, 0, 0, 0.5);
}

#br_section3 .big_txt .b_txt {
    background: linear-gradient(to right, #222, #222) no-repeat;
    display: inline-block;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 0% 100%;
}

.imgGridBr3 {
    display: flex;
    position: relative;
    height: 40vh;
    justify-content: space-between;
}

.img_effect {
    position: absolute;
    top: 0;
    width: 380px;
    height: 40vh;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
}

.img_effect1 {
    left: 0;
    top: 20px;
}

.img_effect2 {
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.img_effect3 {
    right: 0;
    top: 20px;
}

#br_section3 .hd1 {
    font-size: 2.75rem;
    margin-top: 60px;
}

.grid3ImgTitBox .gridBox01 {
    width: 600px;
}

#horizontal {
    display: flex;
    overflow: hidden;
}

#horizontal section {
    min-width: 100vw;
    height: 100vh;
}


/*모바일 어린이의 지금 영상 조절*/
#br_section2_mo .parallax__item__text__wrap{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

#br_section2_mo .parallax__item__text__wrap > div{
    position: static;
    transform: unset;
}
#br_section2_mo .wj_br_video_box{
    width: calc(100% - 80px);
}

/*대표브랜드*/
#br_section5 .hasthumbListBtnWrap.flxBox{
   justify-content: flex-start;
   gap:20px;
   align-items: center;   
}
    
/*모바일 줄바꿈*/
.onlyMoBr{
    display: none;
}
.onlyMoBr360{
    display: none;
}
.onlyMoBr480{
    display: none;
}

/*팝업*/
.hasCertiBtn{
    position: relative;
}

.certiBtn.goToStyleBtn{
    position: absolute;
    bottom: -160px;
    left: 0;
    color:var(--gr400);
}
/*PC 조절 - PC 사이즈 조절*/

.brandLayoutBox .hasthumbListBtnWrap .chipBtnSt1,
.brandLayoutBox .hasthumbListBtnWrap .chipBtnSt1:hover{
    align-items: center;
    justify-content: center;
    padding: 8px 16px 8px 16px;
    background: var(--gr800);
    color: #fff;
    border:none;
}

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

.brand_goto{
	position:relative;
	padding-right:32px;
	display: flex;
}

.brand_goto::after{
content: '';
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 0;
    background: url(../images/icons/plus_gr.svg) center center / cover no-repeat;
    border-radius: 100%;
    transform: translateY(-50%);
}

.hasthumbListBtnWrap .iconPlus::after{
	background:url(../images/icons/plus_gr.svg) center center/80% no-repeat;
    border-radius: 100%;
    border: 1px solid var(--gr150, #DEE2E6);
}

.gotoAll{
	border-bottom:1px solid var(--gr200);
	    height: 24px;
}

/*브랜드아이콘*/

.brandImgBox .subBanner_ImgIcon{
	        left: 12px;
	        width:72px;
	        height:72px;
	        top:12px;
}
.brandImgBox01 .subBanner_ImgIcon{
	background: #fff url(../images/assett/logo_thinkbig.svg) center / 64% no-repeat;
}

.brandImgBox02 .subBanner_ImgIcon{
	background: #fff url(../images/assett/logo_smartall.svg) center /88% no-repeat;
}

.brandImgBox03 .subBanner_ImgIcon{
	background: #fff url(../images/assett/logo_bookclub.svg) center /70% no-repeat;
}

/*브랜드 서브*/

.subBrandBoxTitleWrap .hd2{
    word-break: keep-all;
    font-size: 2.25rem;
}
.topIcon{
    margin: 0 auto;
    height: 120px;
    width: 120px;
    z-index: 2;
    background: url(../images/assett/logo_thinkbig.svg) center / 72% no-repeat;
}

.topIcon.bookclubTopIcon{
    background: url(../images/assett/logo_bookclub.svg) center / 72% no-repeat;
}

.topIcon.publishingTopIcon{
    width: 100%;
    background: url(../images/assett/logo_publishing.svg) center / contain no-repeat;
}


.topIcon.smartallTopIcon{
    width: 160px;
    background: url(../images/assett/logo_smartall.svg) center / 100% no-repeat;
}

.topIcon.bookcurator{
    background: url(../images/assett/logo_bookcurator.svg) center / 72% no-repeat;
}

.sub_Brand_top_visual{
    height: 720px;
    width:100%;
    background:#eee url(../images/brand/thinkbig/sub_Brand_top_visual_01.png) center / cover no-repeat;
    position: relative;
    overflow: hidden;
}

.top_visual_bookclub{
    background:#eee url(../images/brand/bookclub/sub_Brand_top_visual_02.png) center / cover no-repeat;
}

.top_visual_smartall{
    background:#eee url(../images/brand/smartall/sub_Brand_top_visual_03_2025.png) center / cover no-repeat;
}

.top_visual_publishing{
    background:#eee url(../images/brand/publishing/sub_Brand_top_visual_04.png) center / cover no-repeat;
}

.top_visual_bookcurator{
    background:#eee url(../images/brand/bookcurator/sub_Brand_top_visual_05.png) center / cover no-repeat;
}

.sub_Brand_top_visual::before{
    content: "";
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background: #00000026;
}

.exPlain_L p{
    text-align: left;
    word-break: keep-all;
}
.exPlain_S p{
    text-align: right;
    word-break: keep-all;
}



.think_marquee{
    width: 250px;
    height: 120px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
    border-radius: 12px;
}


/*thnkbig marquee 아이콘*/
.think_marquee.marquee_item_con1{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_01.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con2{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_02.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con3{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_03.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con4{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_04.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con5{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_05.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con6{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_06.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con7{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_07.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con8{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_08.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con9{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_09.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con10{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_10.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con11{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_11.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con12{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_12.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con13{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_13.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con14{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_14.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con15{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_15.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con16{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_16.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con17{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_17.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con18{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_18.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con19{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_19.png) center / cover no-repeat;
}
.think_marquee.marquee_item_con20{
    background: var(--gr50) url(../images/brand/thinkbig/marquee_logo_img_20.png) center / cover no-repeat;
}

/*북클럽 marquee 아이콘*/
.think_marquee.bc_marquee{
    background: none;
    background-color: var(--gr50);
    height: unset;
    padding: 20px 0;
    font-size: 1rem;
    color:var(--gr700);
    font-weight: 700;
    margin: 0 auto;
    width: 200px;
    text-align: center;
    margin-right: 12px;
}

.think_marquee.bc_marquee::before{
    content: "";
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
}

.think_marquee.bc_marquee.marquee_item_con1::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_01.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con2::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_02.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con3::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_03.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con4::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_04.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con5::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_05.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con6::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_06.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con7::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_07.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con8::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_08.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con9::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_09.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con10::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_10.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con11::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_11.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con12::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_12.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con13::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_13.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con14::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_14.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con15::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_15.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con16::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_16.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con18::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_18.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con19::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_19.svg) center / contain no-repeat;
}
.think_marquee.bc_marquee.marquee_item_con20::before{
    background: var(--gr50) url(../images/brand/bookclub/bookclub_cate_icon_20.svg) center / contain no-repeat;
}

.marquee_track {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
  }
  
  .marquee_content {
    display: inline-block;
    white-space: nowrap;
  }

.marquee2 .think_marquee{
    transform: translateX(-50%);
}
.marquee_wrap{
    padding-top: 40px;
    padding-bottom: 40px;
}

.grid_5wrap_line{
    justify-content: center;
    gap: 80px;
}

/*카드형식*/
.cardGrid .grid_5wrap_line{
    justify-content: center;
    gap: 20px;
}

.cardGrid .cardBox{
    width: calc((100% - 40px) / 3);
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position:relative;
}

.cd_bg_or{
    background-color: #FFF1E4;
}

.cd_bg_yell{
    background-color: #FFFAE4;
}

.card_btn{
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    padding: 8px 16px 8px 16px;
    background: var(--gr800);
    color: #fff;
    border: none;
    border-radius: 999px;
    display: flex;
}

.circle_img{
    flex-shrink:0;
    width: 240px;
    height:240px;
    border-radius: 100%;
    background-color: #eee;
    margin-left: auto;
    margin-right: auto;
}

.circle_txt{
    word-break: keep-all;
}

.think-T_01{
   background: url(../images/brand/thinkbig/think-T_01.png) center / cover no-repeat;
}
.think-T_02{
   background: url(../images/brand/thinkbig/think-T_02.png) center / cover no-repeat;
}
.think-T_03{
   background: url(../images/brand/thinkbig/think-T_03.png) center / cover no-repeat;
}
.think-T_04{
   background: url(../images/brand/thinkbig/think-T_04.png) center / cover no-repeat;
}

.think-T_05{
    background: url(../images/brand/thinkbig/think-T_05.png) center / cover no-repeat;
 }

 /*북큐레이터이미지*/
 .card_icon{
    flex-shrink:0;
    width: 120px;
    height:120px;
    margin-left: auto;
    margin-right: auto;
 }

 .bcr_cd1_ico_01{
    background: url(../images/brand/bookcurator/cd_icon_bkcr_01.png) center / cover no-repeat;
 }
 .bcr_cd1_ico_02{
    background: url(../images/brand/bookcurator/cd_icon_bkcr_02.png) center / cover no-repeat;
 }
 .bcr_cd1_ico_03{
    background: url(../images/brand/bookcurator/cd_icon_bkcr_03.png) center / cover no-repeat;
 }
 .bcr_cd1_ico_04{
    background: url(../images/brand/bookcurator/cd_icon_bkcr_04.png) center / cover no-repeat;
 }
 .bcr_cd1_ico_05{
    background: url(../images/brand/bookcurator/cd_icon_bkcr_05.png) center / cover no-repeat;
 }

 /*북클럽 AR 피디아 이미지 */
 .ar_01{
    background: url(../images/brand/bookclub/ar_01.png) center / cover no-repeat;
 }
 .ar_02{
    background: url(../images/brand/bookclub/ar_02.png) center / cover no-repeat;
 }
 .ar_03{
    background: url(../images/brand/bookclub/ar_03.png) center / cover no-repeat;
 }
 .pointImg{
    max-width: 520px;
 }
 .pointFactorGrid_wrap{
    align-items: center;
    gap:40px;
 }
 
/*북클럽 AR pedia 영역*/
.pointFactorGrid .box_hascircle{
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
}
.pointFactorGrid .circle_img{
    margin: 0;
    width: 120px;
    height: 120px;
}
.pointFactorGrid .circle_txt .txtCenter{
    text-align: left;
    word-break: keep-all;
}

 /*씽크빅 브랜드 상세 grid 영역*/
 .brandImgBox_think_01{
    background: url(../images/brand/thinkbig/brandImgBox_think_01.png) center / cover no-repeat;
 }
 .brandImgBox_think_02{
    background: url(../images/brand/thinkbig/brandImgBox_think_02.png) center / cover no-repeat;
 }
 .brandImgBox_think_03{
    background: url(../images/brand/thinkbig/brandImgBox_think_03.png) center / cover no-repeat;
 }
 .brandImgBox_think_04{
    background: url(../images/brand/thinkbig/brandImgBox_think_04.png) center / cover no-repeat;
 }
 .brandImgBox_think_05{
    background: url(../images/brand/thinkbig/brandImgBox_think_05.png) center / cover no-repeat;
 }

/*북클럽 브랜드 상세 grid 영역*/

 .brandImgBox_bc_01{
    background: url(../images/brand/bookclub/brandImgBox_bc_01.png) center / cover no-repeat;
 }

 .brandImgBox_bc_02{
    background: url(../images/brand/bookclub/brandImgBox_bc_02.png) center / cover no-repeat;
 }

 .brandImgBox_bc_03{
    background: url(../images/brand/bookclub/brandImgBox_bc_03.png) center / cover no-repeat;
 }

 /*스마트올 브랜드 상세 grid 영역*/

 .brandImgBox_sm_kids_01{
    background: url(../images/brand/smartall/brandImgBox_kids_01.png) center / cover no-repeat;
 }
 .brandImgBox_sm_kids_02{
    background: url(../images/brand/smartall/brandImgBox_kids_02.png) center / cover no-repeat;
 }
 .brandImgBox_sm_kids_03{
    background: url(../images/brand/smartall/brandImgBox_kids_03.png) center / cover no-repeat;
 }
 .brandImgBox_sm_kids_04{
    background: url(../images/brand/smartall/brandImgBox_kids_04.png) center / cover no-repeat;
 }
 .brandImgBox_sm_kids_05{
    background: url(../images/brand/smartall/brandImgBox_kids_05.png) center / cover no-repeat;
 }
 .brandImgBox_sm_kids_06{
    background: url(../images/brand/smartall/brandImgBox_kids_06.png) center / cover no-repeat;
 }

 .brandImgBox_sm_eli_01{
    background: url(../images/brand/smartall/brandImgBox_ele_01.png) center / cover no-repeat;
 }

 .brandImgBox_sm_eli_02{
    background: url(../images/brand/smartall/brandImgBox_ele_02.png) center / cover no-repeat;
 }

 .brandImgBox_sm_eli_03{
    background: url(../images/brand/smartall/brandImgBox_ele_03.png) center / cover no-repeat;
 }

 .brandImgBox_sm_eli_04{
    background: url(../images/brand/smartall/brandImgBox_ele_04.png) center / cover no-repeat;
 }

 .brandImgBox_sm_mid_01{
    background: url(../images/brand/smartall/brandImgBox_mid_04.png) center / cover no-repeat;
 }
 .brandImgBox_sm_mid_02{
    background: url(../images/brand/smartall/brandImgBox_mid_01.png) center / cover no-repeat;
 }
 .brandImgBox_sm_mid_03{
    background: url(../images/brand/smartall/brandImgBox_mid_02.png) center / cover no-repeat;
 }
 .brandImgBox_sm_mid_04{
    background: url(../images/brand/smartall/brandImgBox_mid_03.png) center / cover no-repeat;
 }

 .hasLine{
    border: 2px solid var(--gr100);
 }

 .bdpdRcTitBox{
    justify-content: space-between;
    align-items: center;
 }
 .bdpdRcTitBox button{
    color: var(--gr600);
 }


/*스크롤 백그라운드*/

.sub_Brand_top_visual{
    position: relative;
}

.arrow_animation{
    transition: 0.6s ease-in-out;
}

.arrow_animation.notShow{
    bottom: -180px;
}

.arrow_animation.forScreen{
    position: fixed;
    left: calc(50% - 38px);
    bottom: 60px;
    animation: arrowAnimation 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
}

.exPlain_S{
    justify-content: space-between;
    align-items: flex-end;
}

.arrow-bar {
    display: block;
    background: url(../images/icons/big_arrow_wh.svg) center center / contain no-repeat;
    width: 76px;
    height: 76px;
    transform: rotate(-180deg);
}

.arrow-bar.bl-arrow {
    background: url(../images/icons/big_arrow_bl.svg) center center / contain no-repeat;
    position: absolute;
    bottom: 0px;
    opacity: 0.2;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
}


.last_sec_img_wrap{
    width: 100%;
    height: 320px;
}

.last_sec_img_wrap.think_last{
background: url(../images/brand/thinkbig/last_br_bn_think.png) center center/cover no-repeat;
}

.last_sec_img_wrap.bc_last{
    background: url(../images/brand/bookclub/last_br_bn_bookclub.png) center center/cover no-repeat;
}

.last_sec_img_wrap.pub_last{
    background: url(../images/brand/publishing/last_br_bn_publishing.png) center center/cover no-repeat;
}

.last_sec_img_wrap.bcra_last{
    background: url(../images/brand/bookcurator/last_br_bookcura.png) center center/cover no-repeat;
}


.btnSytle01.lastBrStBtn{
    width: 480px;
    font-size:  1.5rem;
    height: 80px;
}

@keyframes arrowAnimation {
    0% {
      transform: translateY(0);
    }

    40% {
      transform: translateY(20px);
    }

    100% {
      transform: translateY(0);
    }
  }

.subBrandBoxTitleWrap p{
    word-break: keep-all;
}
.lastPointSc .boxTitleWrap .boxTitle{
    word-break: keep-all;
}

.pad_about{
    word-break: keep-all;
}


.sm_tabContent {
    display: block;
}

/*스마트올 비주얼 영역*/
.key_img_wrap{
    position: relative;
}

.key_pad_img_box{
    width: 800px;
    margin: 0 auto;
    height: calc(800px / 100 * 65);
    position: relative;
}

.key_pad_img{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #eee;
    top:0;
    left: 0;
    z-index: 2;
}

.key_img_bg_03::after{
    content: "";
    position: absolute;
    top:92%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    background: url(../images/brand/smartall/key_bg_obj_03.png) center / auto 100% no-repeat;
    background-repeat: repeat-x;
}

.key_img_bg::before{
    content: "";
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}

.key_img_bg{
    position: absolute;
    background: linear-gradient(97deg, #CBFFD0 48.22%, #FFFCA8 97.73%);
    width: 100%;
    height: 76%;
    bottom: 24%;
    left: 0;
    z-index: 1;
}

.key_img_bg_01{
    background: linear-gradient(97deg, #CBFFD0 48.22%, #FFFCA8 97.73%);
}

.key_img_bg_02{
    background: #FFE979;
}

.key_img_bg_03{
    background: linear-gradient(90deg, #120640 0%, #2d1032 100%);
    background-repeat: repeat-x;
}

.key_img_bg_01::before{
    background: url(../images/brand/smartall/key_bg_obj_01.png) center / auto 100% no-repeat;
}
.key_img_bg_02::before{
    background: url(../images/brand/smartall/key_bg_obj_02.png) center / auto 100% no-repeat;
}
.key_img_bg_03::before{
    opacity: 0.5;
    background: url(../images/brand/smartall/key_bg_03.png) center / cover no-repeat;
    background-repeat: repeat-x;
}
.smartall_key_01{
    background: url(../images/brand/smartall/pad_float_smart01.png) center / cover no-repeat;
}
.smartall_key_02{
    background: url(../images/brand/smartall/pad_float_smart02.png) center / cover no-repeat;
}
.smartall_key_03{
    background: url(../images/brand/smartall/pad_float_smart03.png) center / cover no-repeat;
}
.key_btn_wrap{
    align-items: center;
    justify-content: center;
    gap:12px;
}
.key_logo{
    position: relative;
    height: 50px;
}
.key_logo_img{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    
}
.key_logo_img_01{
    background: url(../images/brand/smartall/key_logo_01.svg) center / contain no-repeat;
}
.key_logo_img_02{
    background: url(../images/brand/smartall/key_logo_02.svg) center / contain no-repeat;
}
.key_logo_img_03{
    background: url(../images/brand/smartall/key_logo_03.svg) center / contain no-repeat;
}
.key_btn_wrap .iconHome{
    font-size: 0px;
    width: 40px;
    height: 40px;
    border:1px solid var(--bl30, rgba(22, 25, 28, 0.30));
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    padding: 0 !important;
    gap:0;
}
.key_btn_wrap .chipBtnSt1,
.key_btn_wrap .chipBtnSt1:hover{
    border: 1px solid var(--bl30, rgba(22, 25, 28, 0.30));
    transition: 0.2s ease;
    color:var(--gr900);
    padding: 7px 16px 7px 20px;
}

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

li.smartallTabBtn::after{
    display: block;
    content: "";
    position: static;
    width: 3px;
    height: 3px;
    background-color: var(--gr300);
    border-radius: 999px;
}

li.smartallTabBtn:last-child:after{
    display: none;
}

.smartallTabBtn > a{
    padding: 16px 24px;
    display: block;
}

.smartallTabBtn.on > a{
 color: var(--pri700);
}

.smartallTabBtn .col_caption{
    color: var(--gr300);
}

.brandSubTab_smartall{
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    z-index: 3;
    top: 130px;
    background: #f7f8fcd9;
    left: 50%;
    transform: translateX(-50%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
    -ms-backdrop-filter: blur(8px);
}

#smartallTabButtons.brandSubTab_smartall{
    top:-200px;
}

#smartallTabButtons.brandSubTab_smartall.visible {
    top:89px;
}


/*스마트올 배너 스와이퍼*/
.swiperLastsmartall{
    width:100%;
    height: 100%;
    overflow: hidden;
}

.swiperLastsmartall .swiper-slide.slide_01{
    background: url(../images/brand/smartall/last_br_bn_smartall_01.png) center center / cover no-repeat;
}
.swiperLastsmartall .swiper-slide.slide_02{
    background: url(../images/brand/smartall/last_br_bn_smartall_02.png) center center / cover no-repeat;
}
.swiperLastsmartall .swiper-slide.slide_03{
    background: url(../images/brand/smartall/last_br_bn_smartall_03.png) center center / cover no-repeat;
}
.swiperLastsmartall .swiper-wrapper{
    overflow: hidden;
    border-radius: 20px;
}

.swiperLastsmartall .swiper-button-prev, .swiperLastsmartall .swiper-button-next{
    position: static;
    transform: unset;
    height: unset;
    margin: unset;
    font-size: 0.75em;
    padding: 0 8px;
    width: unset;
}
.swiperLastsmartall .ul-controll{
    position: absolute;
    display: flex;
    right: 12px;
    bottom: 12px;
}

.swiperLastsmartall .ul-controll::after{
    width: 100%;
    height: 100%;
    content: "";
    background-color:#ffffff8c;
    display: block;
    position: absolute;
    z-index: 2;
    border-radius: 999px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    -moz-backdrop-filter: blur(2px);
    -o-backdrop-filter: blur(2px);
    -ms-backdrop-filter: blur(2px);
}
.swiper-pagination-fraction{
    display: flex;
    align-items: center;
}
.swiperLastsmartall .swiper-button-next:after,
.swiperLastsmartall .swiper-button-prev:after,
.swiperLastsmartall .swiper-button-next:hover:after,
.swiperLastsmartall .swiper-button-prev:hover:after{
    color:var(--gr600);
}

.swiperLastsmartall .swiper-pagination{
    width: 38px;
    right: 0;
    left: unset;
    bottom: 12px;
    position: static;
    transform: unset;
    padding: 0;
    color:var(--gr600);
}

.swiperLastsmartall .control-buttons {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    z-index: 2;
    right: 0;
}
.swiperLastsmartall .control-buttons button {
    margin: 0 4px;
    padding: 0;
    font-size: 0px;
}

/* 출판부문 */

.swiper_publishing_wrap{
    position: relative;
}

.swiper_publishing_wrap a.listGridBox{
	   cursor: default;
}

.swiper_publishing_wrap .swiper-button-prev{
    left: calc(50% - 620px);
    margin-top: -70px;
    z-index: 1;
}

.swiper_publishing_wrap .swiper-button-next{
    right: calc(50% - 620px);
    margin-top: -6%;
    z-index: 1;
}

.swiper_publishing{
    overflow: hidden;
}

.swiper_publishing_wrap .swiperArrow.flxBox {
    display: flex;
}


.con_fullWidth_imgWrap{
    width:100%;
    height: 0;
    padding-bottom: 30%;
}

.con_fullWidth_imgWrap.imgWrap_01{
   background: url(../images/brand/publishing/publishing_con_readers.png) center center/cover no-repeat   
}
.con_fullWidth_imgWrap.imgWrap_02{
    background: url(../images/brand/publishing/publishing_con_knowledge.png) center center/cover no-repeat   
 }
 .con_fullWidth_imgWrap.imgWrap_03{
    background: url(../images/brand/publishing/publishing_con_gall.png) center center/cover no-repeat   
 }

/* 사이즈별 PC */
@media only screen and (min-width: 1601px) {
    /*포인트 타이틀 폰트 크기 조정*/
    .aboutBrand .hd1{
    font-size: 3rem;    
    }
    .titles .hd1 {
    font-size: 3.5rem;
    }
}
@media only screen and (min-width: 1600px) {
    /*전체 스크롤 아이템 패딩 조정*/
    .scrollable__item{
        padding-top: 140px;
        padding-bottom: 140px;
    }
}
/* 작은 사이즈 - 1440 이하 */
@media only screen and (max-width: 1440px){
    /*슬라이드 조정*/
    .swiper-button-prev{
        left: calc(50% - 624px);
        top:unset;
        bottom:270px;
    }
    .swiper-button-next{
        right:calc(50% - 624px);
        top:unset;
        bottom:270px;
    }
    .swiper_publishing_wrap .swiper-button-next,
    .swiper_publishing_wrap .swiper-button-prev{
        bottom:unset;
        top:50%;
    }
    .swiper_publishing_wrap .swiper-button-next{
        right: -20px;
    }
    .swiper_publishing_wrap .swiper-button-prev{
        left: -20px;
    }
}
/* 작은 사이즈 - 1280 이하 */
@media only screen and (max-width: 1280px){
    /*슬라이드 조정*/
    .swiper-button-prev{
        left: 40px;
    }
    .swiper-button-next{
        right: 40px;
    }
    /*상단 어린이의 지금 브랜드 영상*/
    #br_section2 .parallax__item__img{
        width: 820px;
    }
    /*상단 어린이의 지금 브랜드 영상*/
    .scrollable__item{
        padding-top: 120px;
        padding-bottom: 120px;
    }
    /*슬라이드 조정*/
    .swiperBrandDream .append-buttons{
        padding: 0;
        left: 40px;
    }
    /*로고 크기 조정*/
    #br_section2 .arallax__item__text .logo_img{
        height: 96px;
    }
    .subBrandBoxTitleWrap .hd2{
        font-size: 2rem;
    }
}
@media only screen and (max-width: 1180px){
    /*스마트올 탭 버튼*/
    .brandSubTab_smartall,
    #smartallTabButtons.brandSubTab_smartall.visible {
        top: 89px;
    }
}
/*PC 조절 - PC 분기점 적용*/
@media only screen and (min-width: 1025px) {
    
    .lastPointSc .boxTitleWrap .boxTitle{
        font-size: 2.25rem;
    }
    
    /*어린이의 지금 모바일 영역 숨기기*/
    #br_section2_mo.onlyMO {
        display: none;
    }

    /*스와이퍼 arrow pc에서만 보이기*/
    .swiperBrandDream:hover .swiperArrow.flxBox {
        display: flex;
    }
    .swiperBrandDream .swiper-slide:not(.swiper-slide-active) .gridBox01 {
        display: none;
    }
    
    .swiperBrandDream .swiper-slide:not(.swiper-slide-active) .gridBox02 {
        display: none;
    }
    
    .onlyMOImg{
        display: none;
    }
}

@media only screen and (max-width: 1024px) {

    /*타블릿, 모바일 전환 UI*/

    .onlyPCImg{
        display: none;
    }
	/*DB 브랜드페이지 제어*/
	#popDBFormPC .btn3 {
        font-size: 1rem;
    }
    
    /*상단 웅진씽크빅은 꿈꿉니다 영역 변화*/
    #br_section1 .layoutWrap{
        padding-top: 40px;
        padding-bottom: 80px;
    }

    .brandSt_sub_wrap #br_section1{
        margin-bottom: 0;
    }
    
    /* -- PC 스크롤 이펙트 어린이의 지금 영역 숨기기*/
    #br_section2.onlyPC {
        display: none;
    }

    /* -- MO 어린이의 지금 영역 나타내기*/
    #br_section2_mo.onlyMO {
        display: block;
        position: relative;
    }

    /* -- 브레드 크럼블 삭제*/
    .breadCrumbleBox.onlyPC {
        display: none;
    }

    /* 패딩 조절 */
    .scrollable__item{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    /*타이틀 사이즈 조절*/
    .aboutBrand .hd1 {
        font-size: 2.25rem;
    }
    .titles .hd1 {
        font-size: 2.25rem;
    }
    #br_section3 .hd1 {
        font-size: 2.25rem;
    }
    .wj_br_video_box2 .titles .hd2{
        font-size: 2.25rem;
    }

	/*스와이퍼 1024 append 스크롤시로 변경*/
	.swiperBrandDream .append-buttons{
		position: fixed;
        top: -100px;
        transition:0.4s;
        z-index: 2;
    	background: #f7f8fcd9;
        padding: 12px;
        width: 100%;
        align-items: center;
        justify-content: center;
        left: 0;
        backdrop-filter: blur(8px);
    	-webkit-backdrop-filter: blur(8px);
    	-moz-backdrop-filter: blur(8px);
    	-o-backdrop-filter: blur(8px);
    	-ms-backdrop-filter: blur(8px);
	}
	
	.has_scroll_nonSwiper .swiperBrandDream .append-buttons{
		display:flex;
		top: 80px;
	}
	
	.has_scroll_nonSwiper .swiperBrandDream .append-buttons a.on{
		color:var(--gr300);
	}
	
	.scrollCon_01 .swiperBrandDream .append-buttons a:nth-child(1){
		color:var(--pri700) !important;
	}
	.scrollCon_02 .swiperBrandDream .append-buttons a:nth-child(2){
		color:var(--pri700) !important;
	}
	.scrollCon_03 .swiperBrandDream .append-buttons a:nth-child(3){
		color:var(--pri700) !important;
	}
	
	/*스와이퍼 1024 미만 작동 안함 세팅*/
	
	.swiperBrandDream .swiper-wrapper{
    height: unset;
    display: block;
	}
	
    /*스와이퍼 컨트롤 - 꿈꾸는*/
    .swiperBrandDream .boxGrid.hasTwo{
        flex-direction: column;
    }
    .swiperBrandDream .boxGrid.hasTwo .gridBox01{
        display: flex;
        flex-direction:column;
        margin-top: 60px;
        margin-bottom: 40px;
    }
    .bsTabCon_01 .gridBox01{
    	margin-top:0 !important;
    }
    .swiperBrandDream .boxGrid.hasTwo .gridBox02 p br{
        display: none;
    }
    .swiperBrandDream .boxGrid.hasTwo .gridBox02 p{
        word-break: keep-all;
    }
    #br_section3 .hd1{
        margin-top: unset;
    }
    .swiperBrandDream .boxGrid.hasTwo{
        height: unset;
    }

    /*스와이퍼 꿈꾸는 이미지 그리드 박스 정의*/
    .swiperBrandDream .imgGridBox{
        height:calc((100vw - 80px)/2 /100*128.57142857142858);
    }
    .swiperBrandDream .imgGridBox03{
        display: none;
    }
    .section_bg{
        bottom: 8%;
    }

    /*특허증보기*/
    
    .certiBtn.goToStyleBtn{
        position: static;
        padding-bottom: 0;
        margin-top:4px;
    }

    /*대표브랜드 영역*/
    .bsBrandBoxGrid{
        gap:40px;
    }
    .brandImgBox{
        height: calc((100vw - 40px)/2/100 * 65);
    }
    /*서브 브랜드 키비주얼*/
    .sub_Brand_top_visual{
        height: 360px;
        background: url(../images/brand/thinkbig/sub_Brand_top_visual_01_mo.png) center center/ cover no-repeat;
    }
    .sub_Brand_top_visual.top_visual_bookclub{
        background: url(../images/brand/bookclub/sub_Brand_top_visual_02_mo.png) center center/ cover no-repeat;
    }
    .sub_Brand_top_visual.top_visual_smartall{
        background: url(../images/brand/smartall/sub_Brand_top_visual_03_2025_mo.png) center center/ cover no-repeat;
    }
    .sub_Brand_top_visual.top_visual_publishing{
        background: url(../images/brand/publishing/sub_Brand_top_visual_04_mo.png) center center/ cover no-repeat;
    }
    .sub_Brand_top_visual.top_visual_bookcurator{
        background: url(../images/brand/bookcurator/sub_Brand_top_visual_05_mo.png) center center/ cover no-repeat;
    }
    .arrow_animation.forScreen{
        display: none;
    }
    /*서브브랜드*/
    .grid_5wrap_line{
        gap: 20px;
    }
    .grid_5wrap_line .cardBox{
        width: 100%;
    }

    .circle_img{
        width: 200px;
        height: 200px;
    }
    .subBrandBoxTitleWrap .hd2{
        font-size: 1.75rem;
    }


    .bcr_iconS_box::before{
        width: 60px;
        height: 60px;
    }
    
    .bcr_iconS_box{
        width: 33.3333%;
        margin-bottom: 8px;
    }
    .bcr_iconS_grid_box{
        justify-content: center;
    }
    .swiperBrandBookCura .append-buttons{
        gap:20px;
    }
    .swiperBrandBookCura .append-buttons a{
        font-size: 0.933rem;
    }
    .swiperBrandBookCura .append-buttons > a::after{
        display: none;
    }


    /*북클럽 패드 조정*/
    .pad_mini_wrap{
        width: 100%;
    }
    .pointFactorGrid_wrap{
        flex-direction: column;
    }
    .swiperBrandBookClub .swiper-button-prev,
    .swiperBrandBookClub .swiper-button-next{
            display: none;
    }

    /*스마트올 탭 버튼*/
    .brandSubTab_smartall,
    #smartallTabButtons.brandSubTab_smartall.visible {
        top: 80px;
    }

    .con_fullWidth_imgWrap.imgWrap_01{
        width: 100%;
        height: 0;
        padding-bottom: 80%;
        background:url(../images/brand/publishing/publishing_con_readers_mo.png) center center/cover no-repeat;
    }

    .con_fullWidth_imgWrap.imgWrap_02{
        width: 100%;
        height: 0;
        padding-bottom: 80%;
        background:url(../images/brand/publishing/publishing_con_knowledge_mo.png) center center/cover no-repeat;
    }

    .con_fullWidth_imgWrap.imgWrap_03{
        width: 100%;
        height: 0;
        padding-bottom: 80%;
        background:url(../images/brand/publishing/publishing_con_gall_mo.png) center center/cover no-repeat;
    }

    .swiper_publishing_wrap .swiper-button-next,
    .swiper_publishing_wrap .swiper-button-prev{
        display: none !important;
    }
    
    .layoutWrap.hasSwiper1024Full{
        padding-left: 0;
        padding-right: 0;
    }
    .layoutWrap.hasSwiper1024Full .swiper_publishing{
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .lastBrStBtn{
    	display:none;
    }

    /*북크레이터 이미지 모바일향 전환*/
    .brc_sli01_img_wrap{
        padding-bottom: 100%;
    }
    .brc_sli01_img_wrap .brc_sli01_img01{
        background: url(../images/brand/bookcurator/slide_bkcr_01_cd1_mo.png) center / cover no-repeat;
    }
    .brc_sli01_img_wrap .brc_sli01_img02{
        background: url(../images/brand/bookcurator/slide_bkcr_01_cd2_mo.png) center / cover no-repeat;
    }
    .brc_sli01_img_wrap .brc_sli01_img03{
        background: url(../images/brand/bookcurator/slide_bkcr_01_cd3_mo.png) center / cover no-repeat;
    }
    
    .brc_sli02_img_wrap{
        padding-bottom: 125%;
    }
    .brc_sli02_img_wrap .brc_sli02_img01{
        background: url(../images/brand/bookcurator/slide_bkcr_02_cd1_mo_250619.png) center / cover no-repeat;
    }
    .brc_sli02_img_wrap .brc_sli02_img02{
        background: url(../images/brand/bookcurator/slide_bkcr_02_cd2_mo.png) center / cover no-repeat;
    }
    .brc_sli02_img_wrap .brc_sli02_img03{
        background: url(../images/brand/bookcurator/slide_bkcr_02_cd3_mo_250619.png) center / cover no-repeat;
    }
    .brc_sli02_img_wrap .brc_sli02_img04{
        background: url(../images/brand/bookcurator/slide_bkcr_02_cd4_mo.png) center / cover no-repeat;
    }
    
    .btn_inImg_01{
	    width: 50%;
	    height: 11%;
	    left: 50%;
	    bottom: 32%;
    }
    .btn_inImg_02{
		width: 26%;
        height: 10%;
        left: 81%;
        bottom: unset;
        top: 11%;
     }
    
}
@media only screen and (max-width: 820px) {
    /*비디오*/
    #br_section2_mo .wj_br_video_box{
        width: calc(100% - 40px);
    }   
    /*꿈꾸는 스와이퍼*/
    
    #br_section2_mo .wj_br_video_box{
        height: 580px;
    }
    .onlyMoBr{
        display: block;
    }
    .threeImgGridBox .imgGridBox02{
        bottom:0;
    }
    .swiperBrandDream .boxGrid.hasTwo .gridBox01{
        margin-top: 60px;
    }
    .bsTabCon .boxMargin{
        margin-bottom: 20px;
    }


    /*대표브랜드 타이틀 제어*/
    #br_section5 .boxMarginS {
        margin-bottom: 40px;
    }
    /*대표브랜드 영역*/
    .bsBrandBoxGrid {
        display: block;
    }
    .brandImgBox {
        width: 100%;
        height: calc((100vw - 40px) / 100* 65);
        margin-bottom:32px;
    }

    /*서브 브랜드 변경*/

    /*5명의 선생님*/
    .grid_5wrap_line{
        flex-direction: column;
        gap: 40px;
        margin-bottom: 40px;
    }

    .box_hascircle{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        flex-direction: column;
    }
    .circle_img {
        margin-left: 0;
        margin-right: 0;
        width: 140px;
        height: 140px;
    }
    .circle_txt{
        width: 100%;
    }
    .pointImg{
        max-width: 80%;
        width: 80%;
        margin: 0 auto;
    }

    .marquee_wrap{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .think_marquee{
        width: 125px;
        height: 60px;
        margin-right:8px;
        border-radius: 8px;
    }
    .think_marquee.bc_marquee{
        width: 100px;
        padding:12px 0;
    }
    .think_marquee.bc_marquee::before{
        width: 24px;
        height: 24px;
        margin-bottom: 4px;
    }
    
    .marquee1.txtMarginL{
        margin-bottom: 12px;
    }

    /*브랜드스토리 - 씽크빅 - 하단 그리드 BR 제어*/
    .onlyPCBr820{
        display: none;
    }


    .arrow-bar.bl-arrow{
        display: none;
    }

    .btnSytle01.lastBrStBtn{
        width: 100%;
        font-size: 1.5rem;
        height: unset;
        padding: 16px 0;
    }

    .keyTxtSec.scrollable__item{
    /*padding-bottom: 0;*/
    position: relative;
    }

    .keyTxtSec.scrollable__item::after{
        content: "";
        width: calc(100% - 40px);
        height: 2px;
        border-bottom: 2px dotted var(--gr150);
        position: absolute;
        display: block;
        left: 20px;
        bottom: 0;
    }

    .grid_5wrap_line{
        gap: 28px;
        margin-bottom: 28px;
    }
    .grid_5wrap_line2{
        margin-bottom: 0;
    }
    /*브랜드 상담 배너*/
    .last_sec_img_wrap.think_last{
     
        background:url(../images/brand/thinkbig/last_br_bn_think_mo.png) center center/cover no-repeat;
        height: calc((100vw - 40px) / 100* 65);
    }
    .last_sec_img_wrap.bc_last{
     
        background:url(../images/brand/bookclub/last_br_bookclub_mo.png) center center/cover no-repeat;
        height: calc((100vw - 40px) / 100* 65);
    }
    .last_sec_img_wrap.pub_last{
        background: url(../images/brand/publishing/last_br_bn_publishing_mo.png) center center / cover no-repeat;
        height: calc((100vw - 40px) / 100* 65);
    }
    .last_sec_img_wrap.bcra_last{
        background:url(../images/brand/bookcurator/last_br_bookcura_mo.png) center center/cover no-repeat;
        height: calc((100vw - 40px) / 100* 65);
    }
    .last_sec_img_wrap.smart_last{
        height: calc((100vw - 40px) / 100* 65);
    }
    .swiperLastsmartall .swiper-slide.slide_01{
        background:url(../images/brand/smartall/last_br_smartall_mo_01.png) center center/cover no-repeat;
    }
    .swiperLastsmartall .swiper-slide.slide_02{
        background:url(../images/brand/smartall/last_br_smartall_mo_02.png) center center/cover no-repeat;
    }
    .swiperLastsmartall .swiper-slide.slide_03{
        background:url(../images/brand/smartall/last_br_smartall_mo_03.png) center center/cover no-repeat;
    }
    .pad_about{
        font-size: 1.125rem;
    }

    /*스마트올 브랜드 키비주얼*/
    .key_pad_img_box{
        width: calc(100% - 40px);
        height: calc((100vw - 40px) / 100 * 65);
    }
    .key_logo{
        height: 30px;
    }
    .key_btn_wrap .iconHome{
        width: 42px;
        height: 42px;
    }
    .key_btn_wrap .chipBtnSt1,.key_btn_wrap .chipBtnSt1:hover{
        padding: 8px 12px 8px 16px;
    }
    .bsBrandBoxGrid br:not(.allBr){
        display: none;
    }
    
        /*카드 그리드 제어*/
    .cardGrid .cardBox{
        padding: 20px;
    }
    .cardGrid .has3WrapLine{
        margin-bottom: 20px;
    }
    .cardGrid .circle_txt{
        padding-left: 60px;
    }

    .cardGrid .circle_txt .txtCenter{
        text-align: left;
    }
    .card_icon{
        width: 40px;
        height: 40px;
        position: absolute;
        left: 20px;
        top:20px;
    }
    .card_btn{
        padding: 6px 12px;
        margin: 0;
    }
}
@media only screen and (max-width: 720px) {
	.has_scroll_nonSwiper .swiperBrandDream .append-buttons{
		top:60px;
		gap:20px;
	}
	.swiperBrandDream .append-buttons > a:nth-child(1)::after, .swiperBrandDream .append-buttons > a:nth-child(2)::after {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: var(--gr150);
    content: "";
    position: absolute;
    border-radius: 999px;
    top: calc(50% - 2px);
    right: calc((20px / 2)* -1 - 1px);
    }
    /*스마트올 탭 버튼*/
    .brandSubTab_smartall,
    #smartallTabButtons.brandSubTab_smartall.visible {
        top: 60px;
    }
    .popupBasic_foot.popupBasic_foot button.btnSytle01 {
        width: 100%;
    }

}
@media only screen and (max-width: 640px) {
    /*텍스트 변화*/
    .aboutBrand .hd1,
    .titles .hd1,
    #br_section3 .hd1{
        font-size: 2.25rem;
    }
    .swiperBrandDream .boxGrid.hasTwo .gridBox01{
        margin-top: 40px;
    }
    
    .brandImgBox .subBanner_ImgIcon{
	        width:60px;
	        height:60px;
	}
}
@media only screen and (max-width: 480px) {
    /*상단 패딩 변화*/
    
    .scrollable__item {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    /*텍스트 변화*/
    .aboutBrand .hd1, #br_section3 .hd1
    {
        font-size: 2.25rem;
    }
    .titles .hd1,.wj_br_video_box2 .titles .hd2{
        font-size: 1.8rem;
    }
    
    .onlyMoBr360{
    	display:block;
    }

    /*꿈꾸는 - 스와이퍼 변화*/
    .swiperBrandDream .swiper-slide > .layoutWrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    .swiperBrandDream .threeImgGridBox .imgGridBox02{
        display: none;
    }

    #br_section3 .threeImgGridBox {
        margin-bottom: 0;
    }
    
    .section_bg{
        display: none;
    }

    .swiperBrandDream .imgGridBox{
        height:calc((100vw - 80px) /100*100);
        background-position: center center;
    }

    /*혁신 영상*/
    .wj_br_video_box2{
        height: 580px;
    }

    /*대표브랜드*/
    #br_section5 .boxMarginS.boxTitleWrap{
        margin-bottom: 32px;
    }
    #br_section5 .txtMarginL{
        margin-bottom: 12px;
    }
    /*버튼 다른 형태로*/
    #br_section5 .goToStyleBtn{
        width: 100%;
        padding: 12px 20px 12px 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        border: 1px solid var(--bl30, rgba(22, 25, 28, 0.30));
        transition: 0.2s ease;
        color: var(--gr900, #212529);
    }
    
    #br_section5 .goToStyleBtn.iconArrowRound::after{
        border: none;
    }
    
    .subBrandBoxTitleWrap .hd2,
    .lastPointSc .hd1{
        font-size: 1.5rem;
    }
    .aboutBrand .hd1, #br_section3 .hd1{
        font-size: 1.875rem;
    }
    
    .topIcon {
        width: 96px;
        height: 96px;
    }
    .sub_Brand_top_visual{
        height: 240px;
    }
    .onlyMoBr480{
        display: block;
    }
    .scrollable__noPdTop .boxMarginS,
    .subBrandBoxTitleWrap.boxMarginS.scrollboxGrid,
    .pad_txt.titMargin{
        margin-bottom: 32px;
    }
    .brandImgBox,.pad_mini_wrap .pad_img_wrap,
    .swiperLastsmartall .swiper-slide,
    .swiperBrandDream .imgGridBox,
    .wj_br_video_box,
    .wj_br_video_wrap,
    #br_section2_mo .wj_br_video_wrap .wj_br_video,
    .dimmed_show{
        border-radius: 12px;
    }
    .circle_txt .bd1,
    .con_main_txt,
    .con_main_txt.hd5{
        font-size: 1.25rem;
    }
    .brBoxGridSec .txtMarginL{
        margin-bottom: 8px;
    }

    .smartallTabBtn > a{
        padding:12px 10px;
        word-break: keep-all;
        text-align: center;
        line-height: 120%;
    }
    .pointFactorGrid .circle_img{
        width: 72px;
        height: 72px;
        margin-bottom: 0;
    }
    .pointFactorGrid .box_hascircle{
        gap:24px;
    }
    .btnSytle01.lastBrStBtn{
        font-size: 1.25rem;
    }
    .swiperLastsmartall .swiper-pagination{
        font-size: 0.75rem;
        width: unset;
        padding: 8px;
    }
    .swiperLastsmartall .swiper-button-prev,
    .swiperLastsmartall .swiper-button-next{
        display: none;
    }
    .swiperLastsmartall .swiper-wrapper{
        padding: 12px;
    }
    /*키이미지 수정*/
    .key_pad_img_box{
        width: 80%;
    }
    
    /*북클럽 마퀴 수정*/
    .think_marquee.bc_marquee{
    	width:80px;
    	padding: 8px 0;
    	font-size: 0.875rem;
    }
   .key_btn_wrap .iconHome{
        width: 36px;
        height: 36px;
    }
    .key_btn_wrap .iconHome::after{
        width: 20px;
        height: 20px;
    }
    /*스마트올 페이지 조정*/
    .key_btn_wrap .chipBtnSt1,.key_btn_wrap .chipBtnSt1:hover{
        padding: 6px 8px 6px 16px;
    }
    .key_btn_wrap_group.titMargin{
    	margin-bottom: 32px;
    }
}

@media only screen and (max-width: 420px) {
    
    #br_section3 .hd1{
        font-size: 1.6rem;
    }
    
    #br_section2_mo .logo_img{
        height: 48px;
    }
    #br_section2_mo .wj_br_video_box,.wj_br_video_box2{
        height: 440px;
    }
    #br_section5 .hasthumbListBtnWrap.flxBox{
    	gap:12px;
    }

    .swiperBrandBookClub .append-buttons{
        gap:16px;
    }
    .swiperBrandBookClub .append-buttons > a:nth-child(1)::after, .swiperBrandBookClub .append-buttons > a:nth-child(2)::after, .swiperBrandBookClub .append-buttons > a:nth-child(3)::after{
     right:calc((16px / 2)* -1 - 1px);   
    }
}
@media only screen and (max-width: 390px) {
    

    .onlyMoBr375{
        display: block;
    }
    .swiperBrandDream .boxGrid.hasTwo .gridBox01{
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 360px) {
    
    .onlyMoBr360{
        display: block;
    }
    .aboutBrand .hd1 {
        font-size: 2rem;
    }
    .titles .hd1, .wj_br_video_box2 .titles .hd2, #br_section3 .hd1{
    	font-size: 1.6rem;
    }
}
@media only screen and (max-width: 320px) {
	.swiperBrandDream .append-buttons a{
	font-size:0.933rem;
	}
    .swiperBrandBookClub .append-buttons {
        gap: 12px;
    }
    .swiperBrandBookClub .append-buttons > a:nth-child(1)::after, .swiperBrandBookClub .append-buttons > a:nth-child(2)::after, .swiperBrandBookClub .append-buttons > a:nth-child(3)::after {
        right: calc((12px / 2)* -1 - 1px);
    }
	
}
@media only screen and (max-width: 280px) {
    
    .swiperBrandDream .swiper-slide > .layoutWrap{
        padding-left:12px ;
        padding-right:12px ;
    }
    #br_section2_mo .wj_br_video_box {
        width: calc(100% - 24px);
    }
}