@charset "UTF-8";
#container .collected-banner-container .img-box::before{padding-top:167%}
#container .swiper-pagination-bullet{background-color:#222}
[class*="pageClassCollectedView"] .collected-banner-container .swiper-pagination{bottom:15.7rem}
[class*="content-box"].full{padding:0}
[class*="content-box"].mb-0{margin-bottom:0}
[class*="content-box"].mt-0{margin-top:0}
[class*="content-box"].blue strong{color:#00b3d2}
[class*="content-box"].blue .step-number{background-color:#00b3d2}
[class*="content-box"].blue .label-box{background-color:#00b3d2}
[class*="content-box"].blue .step-sub-title{color:#00b3d2}
[class*="content-box"].blue02 strong{color:#0060cc}
[class*="content-box"].blue02 .step-number{background-color:#0060cc}
[class*="content-box"].blue02 .label-box{background-color:#0060cc}
[class*="content-box"].blue02 .step-sub-title{color:#0060cc}
[class*="content-box"].blue03 strong{color:#0060cc}
[class*="content-box"].blue03 .step-number{background-color:#2b89e1}
[class*="content-box"].blue03 .label-box{background-color:#2b89e1}
[class*="content-box"].blue03 .step-sub-title{color:#2b89e1}
[class*="content-box"].deep-blue strong{color:#0f5fae}
[class*="content-box"].deep-blue .step-number{background-color:#0f5fae}
[class*="content-box"].deep-blue .label-box{background-color:#0f5fae}
[class*="content-box"].deep-blue .step-sub-title{color:#0f5fae}
[class*="content-box"].sky strong{color:#00bde5}
[class*="content-box"].sky .step-number{background-color:#00bde5}
[class*="content-box"].sky .label-box{background-color:#00bde5}
[class*="content-box"].sky .step-sub-title{color:#00bde5}
[class*="content-box"].green .step-number{background-color:#13af64}
[class*="content-box"].green .label-box{background-color:#13af64}
[class*="content-box"].green .step-sub-title{color:#13af64}
[class*="content-box"].green02 strong{color:#139b5d}
[class*="content-box"].green02 .step-number{background-color:#139b5d}
[class*="content-box"].green02 .label-box{background-color:#139b5d}
[class*="content-box"].green02 .step-sub-title{color:#139b5d}
[class*="content-box"].green03 strong{color:#008a8b}
[class*="content-box"].green03 .step-number{background-color:#008a8b}
[class*="content-box"].green03 .label-box{background-color:#008a8b}
[class*="content-box"].green03 .step-sub-title{color:#008a8b}
[class*="content-box"].green04 .step-number{background-color:#77af48}
[class*="content-box"].green04 .label-box{background-color:#77af48}
[class*="content-box"].green04 .step-sub-title{color:#77af48}
[class*="content-box"].light-green .label-box{background-color:#3eb734}
[class*="content-box"].light-green .step-number{background-color:#3eb734}
[class*="content-box"].light-green .step-sub-title{color:#3eb734}
[class*="content-box"].light-green strong{color:#3eb734}
[class*="content-box"].light-green02 strong{color:#00a78d}
[class*="content-box"].light-green02 .step-number{background-color:#00a78d}
[class*="content-box"].light-green02 .label-box{background-color:#00a78d}
[class*="content-box"].light-green02 .step-sub-title{color:#00a78d}
[class*="content-box"].light-green03 strong{color:#00aa3f}
[class*="content-box"].light-green03 .step-number{background-color:#00aa3f}
[class*="content-box"].light-green03 .label-box{background-color:#00aa3f}
[class*="content-box"].light-green03 .step-sub-title{color:#00aa3f}
[class*="content-box"].light-green04 strong{color:#00cf6b}
[class*="content-box"].light-green04 .step-number{background-color:#00cf6b}
[class*="content-box"].light-green04 .label-box{background-color:#00cf6b}
[class*="content-box"].light-green04 .step-sub-title{color:#00cf6b}
[class*="content-box"].pink strong{color:#f2498c}
[class*="content-box"].pink .step-number{background-color:#f2498c}
[class*="content-box"].pink .label-box{background-color:#f2498c}
[class*="content-box"].pink .step-sub-title{color:#f2498c}
[class*="content-box"].dark-pink strong{color:#da2c8b}
[class*="content-box"].dark-pink .step-number{background-color:#da2c8b}
[class*="content-box"].dark-pink .label-box{background-color:#da2c8b}
[class*="content-box"].dark-pink .step-sub-title{color:#da2c8b}
[class*="content-box"].light-pink strong{color:#ff3ca2}
[class*="content-box"].light-pink .step-number{background-color:#ff3ca2}
[class*="content-box"].light-pink .label-box{background-color:#ff3ca2}
[class*="content-box"].light-pink .step-sub-title{color:#ff3ca2}
[class*="content-box"].light-light-pink02 strong{color:#fa5e9f}
[class*="content-box"].light-light-pink02 .step-number{background-color:#fa5e9f}
[class*="content-box"].light-light-pink02 .label-box{background-color:#fa5e9f}
[class*="content-box"].light-light-pink02 .step-sub-title{color:#fa5e9f}
[class*="content-box"].purple .step-number{background-color:#9f65d8}
[class*="content-box"].purple .label-box{background-color:#9f65d8}
[class*="content-box"].purple .step-sub-title{color:#9f65d8}
[class*="content-box"].purple02 strong{color:#6455a1}
[class*="content-box"].purple02 .step-number{background-color:#6455a1}
[class*="content-box"].purple02 .label-box{background-color:#6455a1}
[class*="content-box"].purple02 .step-sub-title{color:#6455a1}
[class*="content-box"].deep-purple .step-number{background-color:#a8509b}
[class*="content-box"].deep-purple .label-box{background-color:#a8509b}
[class*="content-box"].deep-purple .step-sub-title{color:#a8509b}
[class*="content-box"].deep-purple02 strong{color:#5c0f93}
[class*="content-box"].deep-purple02 .step-number{background-color:#5c0f93}
[class*="content-box"].deep-purple02 .label-box{background-color:#5c0f93}
[class*="content-box"].deep-purple02 .step-sub-title{color:#5c0f93}
[class*="content-box"].light-purple strong{color:#e83197}
[class*="content-box"].light-purple .step-number{background-color:#e83197}
[class*="content-box"].light-purple .label-box{background-color:#e83197}
[class*="content-box"].light-purple .step-sub-title{color:#e83197}
[class*="content-box"].light-purple02 strong{color:#927cc6}
[class*="content-box"].light-purple02 .step-number{background-color:#927cc6}
[class*="content-box"].light-purple02 .label-box{background-color:#927cc6}
[class*="content-box"].light-purple02 .step-sub-title{color:#927cc6}
[class*="content-box"].orange strong{color:#ff650c}
[class*="content-box"].orange strong.black{color:#222}
[class*="content-box"].orange .step-number{background-color:#ff650c}
[class*="content-box"].orange .label-box{background-color:#ff650c}
[class*="content-box"].orange .step-sub-title{color:#ff650c}
[class*="content-box"].orange02 strong{color:#ff7200}
[class*="content-box"].orange02 strong.black{color:#222}
[class*="content-box"].orange02 .step-number{background-color:#ff7200}
[class*="content-box"].orange02 .label-box{background-color:#ff7200}
[class*="content-box"].orange02 .step-sub-title{color:#ff7200}
[class*="content-box"].orange02 .round-type-tag{color:#ff7200;border-color:#ff7200}
[class*="content-box"].orange04 .step-number{background-color:#ff6e05}
[class*="content-box"].orange04 .step-sub-title{color:#ff6e05}
[class*="content-box"].light-orange strong{color:#fd980f}
[class*="content-box"].light-orange .step-number{background-color:#fd980f}
[class*="content-box"].light-orange .label-box{background-color:#fd980f}
[class*="content-box"].light-orange .step-sub-title{color:#fd980f}
[class*="content-box"].light-orange02 strong{color:#e94820}
[class*="content-box"].light-orange02 .step-number{background-color:#e94820}
[class*="content-box"].light-orange02 .label-box{background-color:#e94820}
[class*="content-box"].light-orange02 .step-sub-title{color:#e94820}
[class*="content-box"].light-orange03 strong{color:#ff7b70}
[class*="content-box"].light-orange03 .step-number{background-color:#ff7b70}
[class*="content-box"].light-orange03 .label-box{background-color:#ff7b70}
[class*="content-box"].light-orange03 .step-sub-title{color:#ff7b70}
[class*="content-box"].light-orange04 .step-number{background-color:#ffb34f}
[class*="content-box"].light-orange04 .label-box{background-color:#ffb34f}
[class*="content-box"].light-orange04 .step-sub-title{color:#ffb34f}
[class*="content-box"].navy strong{color:#015eb2}
[class*="content-box"].navy .step-number{background-color:#015eb2}
[class*="content-box"].navy .label-box{background-color:#015eb2}
[class*="content-box"].navy .step-sub-title{color:#015eb2}
[class*="content-box"].navy01 strong{color:#2b426c}
[class*="content-box"].navy01 .step-number{background-color:#2b426c}
[class*="content-box"].navy01 .step-sub-title{color:#2b426c}
[class*="content-box"].turquoise .step-number{background-color:#38cdd1}
[class*="content-box"].turquoise .label-box{background-color:#38cdd1}
[class*="content-box"].turquoise .step-sub-title{color:#38cdd1}
[class*="content-box"].deep-red .step-number{background-color:#d8213b}
[class*="content-box"].deep-red .label-box{background-color:#d8213b}
[class*="content-box"].deep-red .step-sub-title{color:#d8213b}
[class*="content-box"].deep-red03 .step-number{background-color:#ff2640}
[class*="content-box"].deep-red03 .label-box{background-color:#ff2640}
[class*="content-box"].deep-red03 .step-sub-title{color:#ff2640}
[class*="content-box"].deep-red03 strong{color:#ff2640}
[class*="content-box"].deep-red02 .step-number{background-color:#c9161f}
[class*="content-box"].deep-red02 .label-box{background-color:#c9161f}
[class*="content-box"].deep-red02 .step-sub-title{color:#c9161f}
[class*="content-box"].light-red .label-box{background-color:#e73356}
[class*="content-box"].light-red .step-number{background-color:#e73356}
[class*="content-box"].light-red .step-sub-title{color:#e73356}
.position-relative{position:relative}
.container-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;margin-top:0.5rem}
.container-row.pd-center{padding:0 2rem}
.container-column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative}
.container-column.pd-center{padding:0 2rem}
.page-nav-container{margin-top:4.3rem}
.txt-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.txt-area.center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding:0}
.txt-area.center .txt-box{padding-left:0}
.txt-area.left{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;text-align:left;padding:0}
.txt-area.left .txt-box{padding-left:0}
.txt-area.pd-0{padding:0}
.txt-area.pd-0 .txt-box{padding:0}
.txt-area strong{color:#00b3d2;font-weight:700;display:block}
.txt-area strong.deep-blue{color:#0f5fae}
.txt-area strong.light-orange{color:#fd980f}
.txt-area strong.deep-purple{color:#a8509b}
.txt-area strong.green{color:#13af64}
.txt-area strong.pink{color:#f2498c}
.txt-area strong.light-purple{color:#e83197}
.txt-area strong.purple{color:#9f65d8}
.txt-area strong.purple02{color:#6455a1}
.txt-area strong.purple03{color:#9f65e8}
.txt-area strong.navy{color:#015eb2}
.txt-area strong.turquoise{color:#38cdd1}
.txt-area strong.deep-red{color:#d8213b}
.txt-area strong.deep-red02{color:#c9161f}
.txt-area strong.light-orange02{color:#e94820}
.txt-area strong.light-green02{color:#00a78d}
.txt-area strong.navy01{color:#2b426c}
.txt-area strong.orange04{color:#ff6e05}
.txt-area .txt-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.text-round-box{color:#fff}
.text-round-box.sky{background-color:#00bde5}
.round-type-tag.mb-0{margin-bottom:0}
.round-type-tag.mb-15{margin-bottom:1.5rem}
.round-type-tag.green{border-color:#13af64;color:#13af64}
.round-type-tag.green02{border-color:#139b5d;color:#139b5d}
.round-type-tag.green03{border-color:#77af48;color:#77af48}
.round-type-tag.light-green{border-color:#3eb734;color:#3eb734}
.round-type-tag.light-green02{border-color:#00a78d;color:#00a78d}
.round-type-tag.light-green03{border-color:#00aa3f;color:#00aa3f}
.round-type-tag.light-green04{border-color:#00cf6b;color:#00cf6b}
.round-type-tag.orange{border-color:#ff650c;color:#ff650c}
.round-type-tag.orange02{border-color:#ffb34f;color:#ffb34f}
.round-type-tag.orange04{border-color:#ff6e05;color:#ff6e05}
.round-type-tag.light-orange{border-color:#fd980f;color:#fd980f}
.round-type-tag.light-orange02{border-color:#e94820;color:#e94820}
.round-type-tag.blue02{border-color:#0060cc;color:#0060cc}
.round-type-tag.blue03{border-color:#2b89e1;color:#2b89e1}
.round-type-tag.deep-blue{border-color:#0f5fae;color:#0f5fae}
.round-type-tag.sky{border-color:#00bde5;color:#00bde5}
.round-type-tag.sky02{border-color:#8ac6eb;color:#8ac6eb}
.round-type-tag.sky02.invert{background-color:#8ac6eb;color:#fff}
.round-type-tag.turquoise{border-color:#38cdd1;color:#38cdd1}
.round-type-tag.navy{border-color:#015eb2;color:#015eb2}
.round-type-tag.pink{border-color:#f2498c;color:#f2498c}
.round-type-tag.pink02{border-color:#f59ca7;color:#f59ca7}
.round-type-tag.pink02.invert{background-color:#f59ca7;color:#fff}
.round-type-tag.light-light-pink02{border-color:#fa5e9f;color:#fa5e9f}
.round-type-tag.purple02{border-color:#6455a1;color:#6455a1}
.round-type-tag.light-purple{border-color:#e83197;color:#e83197}
.round-type-tag.light-purple02{border-color:#927cc6;color:#927cc6}
.round-type-tag.deep-purple02{border-color:#5c0f93;color:#5c0f93}
.round-type-tag.deep-red{border-color:#d8213b;color:#d8213b}
.round-type-tag.deep-red02{border-color:#c9161f;color:#c9161f}
.round-type-tag.light-red{border-color:#e73356;color:#e73356}
.round-type-tag.yellow{border-color:#f7c26d;color:#f7c26d}
.round-type-tag.yellow.invert{background-color:#f7c26d;color:#fff}
.align-center-box{text-align:center;position:relative}
.align-center-box .txt{color:#4051b8}
.align-center-box .bold{font-weight:700}
.align-center-box .navy{color:#015eb2}
.align-center-box .purple{color:#6455a1}
.align-center-box .letter-30{letter-spacing:-0.03em}
.align-center-box .quot-mark{position:relative;display:inline-block}
.align-center-box .quot-mark::after,.align-center-box .quot-mark::before{content:"";display:inline-block;position:absolute;background-image:url(../images/introduce/ico_quot@2x.png);background-repeat:no-repeat;background-position:center}
.align-center-box .quot-mark::before{right:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.align-center-box .quot-mark::after{left:0}
.cont-area .label-box.pink{background-color:#f2498c}
.cont-area .label-box.light-orange{background-color:#fd980f}
.component-tab .tab-head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.component-tab .tab-label{font-size:1.2rem;line-height:1.83;border-radius:1.8rem 1.8rem 0 0;padding:1.5rem 1.6rem;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;background:#c8dfff;color:#6daaff;font-weight:800;text-align:center}
.component-tab .tab-label.active{background:#fff;color:#2b89e1}
.component-tab .tab-body{background:#fff;border-radius:0 0 1.8rem 1.8rem;padding:1.8rem 1rem}
.component-tab .tab-cont .cont-area{margin-bottom:0!important}
.pageClassBebemama #content{margin-bottom:0}
.pageClassBebemama .ui-motion-stagger [class*="ui-motion"]:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s}
.pageClassBebemama .ui-motion-stagger [class*="ui-motion"]:nth-child(2){-webkit-transition-delay:0.25s;transition-delay:0.25s}
.pageClassBebemama .ui-motion-stagger [class*="ui-motion"]:nth-child(3){-webkit-transition-delay:0.5s;transition-delay:0.5s}
.pageClassBebemama .ui-motion-stagger [class*="ui-motion"]:nth-child(4){-webkit-transition-delay:0.75s;transition-delay:0.75s}
.pageClassBebemama .ui-motion-stagger [class*="ui-motion"]:nth-child(5){-webkit-transition-delay:1s;transition-delay:1s}
.pageClassBebemama .ui-motion-stagger [class*="ui-motion"]:nth-child(6){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.pageClassBebemama .ui-motion-stagger [class*="ui-motion"]:nth-child(7){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.pageClassBebemama .ui-motion-stagger [class*="ui-motion"]:nth-child(8){-webkit-transition-delay:1.75s;transition-delay:1.75s}
.pageClassBebemama .ui-motion-stagger [class*="ui-motion"]:nth-child(9){-webkit-transition-delay:2s;transition-delay:2s}
.pageClassBebemama .ui-motion-stagger [class*="ui-motion"]:nth-child(10){-webkit-transition-delay:2.25s;transition-delay:2.25s}
.pageClassBebemama .ui-motion-stagger [class*="ui-motion"]:nth-child(11){-webkit-transition-delay:2.5s;transition-delay:2.5s}
.pageClassBebemama .ui-motion-stagger.entered .ui-motion-y{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out}
.pageClassBebemama .ui-motion-stagger.entered .ui-motion-y2{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out}
.pageClassBebemama .ui-motion-stagger.entered .ui-motion-x{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out}
.pageClassBebemama .ui-motion-stagger.entered .ui-motion-x2{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out}
.pageClassBebemama .ui-motion-stagger.entered .ui-motion-scale{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out}
.pageClassBebemama .ui-motion-stagger.entered [class*="ui-motion"]:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s}
.pageClassBebemama .ui-motion-stagger.entered [class*="ui-motion"]:nth-child(2){-webkit-transition-delay:0.25s;transition-delay:0.25s}
.pageClassBebemama .ui-motion-stagger.entered [class*="ui-motion"]:nth-child(3){-webkit-transition-delay:0.5s;transition-delay:0.5s}
.pageClassBebemama .ui-motion-stagger.entered [class*="ui-motion"]:nth-child(4){-webkit-transition-delay:0.75s;transition-delay:0.75s}
.pageClassBebemama .ui-motion-stagger.entered [class*="ui-motion"]:nth-child(5){-webkit-transition-delay:1s;transition-delay:1s}
.pageClassBebemama .ui-motion-stagger.entered [class*="ui-motion"]:nth-child(6){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.pageClassBebemama .ui-motion-stagger.entered [class*="ui-motion"]:nth-child(7){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.pageClassBebemama .ui-motion-stagger.entered [class*="ui-motion"]:nth-child(8){-webkit-transition-delay:1.75s;transition-delay:1.75s}
.pageClassBebemama .ui-motion-stagger.entered [class*="ui-motion"]:nth-child(9){-webkit-transition-delay:2s;transition-delay:2s}
.pageClassBebemama .ui-motion-stagger.entered [class*="ui-motion"]:nth-child(10){-webkit-transition-delay:2.25s;transition-delay:2.25s}
.pageClassBebemama .ui-motion-stagger.entered [class*="ui-motion"]:nth-child(11){-webkit-transition-delay:2.5s;transition-delay:2.5s}
.pageClassBebemama [class*="ui-motion"].ui-motion-y{-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);opacity:0}
.pageClassBebemama [class*="ui-motion"].ui-motion-y.entered{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out}
.pageClassBebemama [class*="ui-motion"].ui-motion-y2{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:0}
.pageClassBebemama [class*="ui-motion"].ui-motion-y2.entered{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out}
.pageClassBebemama [class*="ui-motion"].ui-motion-x{-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px);opacity:0}
.pageClassBebemama [class*="ui-motion"].ui-motion-x.entered{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out}
.pageClassBebemama [class*="ui-motion"].ui-motion-x2{-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);opacity:0}
.pageClassBebemama [class*="ui-motion"].ui-motion-x2.entered{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out}
.pageClassBebemama [class*="ui-motion"].ui-motion-scale{-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);opacity:0}
.pageClassBebemama [class*="ui-motion"].ui-motion-scale.entered{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out;transition:transform 0.6s ease-in-out,opacity 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out}
.pageClassBebemama .content-visual-container{position:relative;height:77.1rem;margin-bottom:10rem}
.pageClassBebemama .content-visual-container::before{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:34rem;background:url(../images/introduce/bebemama/bg_main_deco.png) no-repeat center center/cover;z-index:2}
.pageClassBebemama .content-visual-container img{max-width:100%;margin:0 auto}
.pageClassBebemama .content-visual-center-container{max-width:190rem}
.pageClassBebemama .content-visual-text{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);top:17%;text-align:center;z-index:2}
.pageClassBebemama .content-visual-bi{width:100%;max-width:55rem;height:43rem;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:2}
.pageClassBebemama .content-visual-bi p{position:absolute;display:block;width:100%;height:100%}
.pageClassBebemama .content-visual-bi p:last-child{-webkit-transition-delay:0.6s!important;transition-delay:0.6s!important}
.pageClassBebemama .content-visual-bi [class^="img"]{position:absolute}
.pageClassBebemama .content-visual-bi [class^="img"].img01{top:14%;left:2%}
.pageClassBebemama .content-visual-bi [class^="img"].img02{top:25%;left:16%}
.pageClassBebemama .content-visual-bi [class^="img"].img03{top:0;right:8%}
.pageClassBebemama .content-visual-bi [class^="img"].img04{top:0;right:5%}
.pageClassBebemama .content-visual-bi [class^="img"].img05{bottom:0;left:-3rem}
.pageClassBebemama .content-visual-bg [class^="img"]{position:absolute}
.pageClassBebemama .content-visual-bg [class^="img"].img01{left:3%}
.pageClassBebemama .content-visual-bg [class^="img"].img02{right:8%}
.pageClassBebemama .content-visual-bg [class^="img"].img03{left:-9%;bottom:13%}
.pageClassBebemama .content-visual-bg [class^="img"].img04{right:-4%;bottom:9%;-webkit-transition-delay:0.5s!important;transition-delay:0.5s!important}
.pageClassBebemama .book-view-container{margin-bottom:18rem}
.pageClassBebemama .book-view-container .video-container embed,.pageClassBebemama .book-view-container .video-container iframe,.pageClassBebemama .book-view-container .video-container img{border-radius:5rem}
.pageClassBebemama .book-view-container .video-container .thumnail-box::after{content:"";position:absolute;bottom:-9%;left:-14%;width:16.1rem;height:17.3rem;background:url(../images/introduce/bebemama/ico_video_deco01.png) no-repeat center center/cover}
.pageClassBebemama .book-view-container .video-container .thumnail-box::before{content:"";position:absolute;bottom:-9%;right:-6%;width:9.7rem;height:11.9rem;background:url(../images/introduce/bebemama/ico_video_deco02.png) no-repeat center center/cover;z-index:2}
.pageClassBebemama .tab-nav-container{width:100%;max-width:104rem;margin:0 auto}
.pageClassBebemama .tab-nav-container .ui-sticky-item{position:relative;overflow:hidden;width:100%;max-width:104rem;border-radius:4.8rem;background-color:#fff;-webkit-box-shadow:1px 1px 20px 3px rgba(0, 0, 0, 0.12);box-shadow:1px 1px 20px 3px rgba(0, 0, 0, 0.12);z-index:2}
.pageClassBebemama .tab-nav-container .ui-sticky-item.sticky{position:fixed;top:13rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.pageClassBebemama .tab-nav-link{background-color:#fff}
.pageClassBebemama .tab-content-wrap{position:relative;margin-top:-4rem;z-index:1}
.pageClassBebemama .tab-content-wrap#tab4 [class^="tab-content"]{background-color:#f3f8ff}
.pageClassBebemama .tab-content-wrap [class^="tab-content"]{position:relative;padding-bottom:18rem;background-color:#fff;text-align:center}
.pageClassBebemama .tab-content-wrap [class^="tab-content"].deco::before{content:"";display:block;position:absolute;top:-1px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:38.5rem;height:12rem;background:url(../images/introduce/bebemama/bg_blue_deco.png) no-repeat center center/cover}
.pageClassBebemama .tab-content-wrap .inner{max-width:104rem;width:100%;margin:0 auto}
.pageClassBebemama .tab-content-wrap span,.pageClassBebemama .tab-content-wrap strong{vertical-align:baseline}
.pageClassBebemama .tab-content-wrap img{display:block;max-width:100%;margin:0 auto}
.pageClassBebemama .tab-content-wrap .book-img{width:8.8rem;min-width:8.8rem}
.pageClassBebemama .tab-content-wrap .book-img > img{width:100%}
.pageClassBebemama .tab-content-wrap .mo-show{display:none!important}
.pageClassBebemama .tab-content-wrap .content-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;text-align:left}
.pageClassBebemama .tab-content-wrap .content-left .round-type-tag{margin-bottom:0.5rem;border:1px solid #3a86dd;color:#3a86dd;font-weight:700}
.pageClassBebemama .tab-content-wrap .content-left .round-type-tag .normal::before{background:#3a86dd;height:1rem;margin-right:0.8rem;margin-left:0.8rem}
.pageClassBebemama .tab-content-wrap .content-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.pageClassBebemama .tab-content-wrap .cont-area .bg-img img{will-change:transform,filter}
.pageClassBebemama .tab-content-wrap .non-f{-webkit-filter:none;filter:none}
.pageClassBebemama .tab-content-wrap .f_yellow{color:#f8e642}
.pageClassBebemama .tab-content-wrap .f_blue{color:#3a86dd}
.pageClassBebemama #tab1 [class^="tab-content"]:nth-child(2){background:#3a86dd}
.pageClassBebemama #tab1 [class^="tab-content"]:nth-child(2).deco::before{background:url(../images/introduce/bebemama/bg_wh_deco.png) no-repeat center center/cover}
.pageClassBebemama #tab1 [class^="tab-content"] .main-tit{position:relative;font-size:4.8rem;line-height:1.2;color:#fff}
.pageClassBebemama #tab1 [class^="tab-content"] .main-tit strong{color:#f8e642;font-weight:700}
.pageClassBebemama #tab1 [class^="tab-content"] .main-tit::before{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.pageClassBebemama #tab1 [class^="tab-content"] .sub-tit{position:relative;font-size:3.6rem;line-height:1.27;font-weight:400}
.pageClassBebemama #tab1 [class^="tab-content"] .sub-tit strong{font-weight:700}
.pageClassBebemama #tab1 [class^="tab-content"] .sub-tit::before{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.pageClassBebemama #tab1 .tab-content01{padding-top:21.7rem}
.pageClassBebemama #tab1 .tab-content01 .sub-tit::before{top:8rem;width:12.2rem;height:14.9rem;background:url(../images/introduce/bebemama/ico_arrow.png) no-repeat center center/cover}
.pageClassBebemama #tab1 .tab-content01 .main-tit{margin:25.2rem auto 2.2rem auto;color:#000;font-weight:bold}
.pageClassBebemama #tab1 .tab-content01 .main-tit strong{color:#0071dc}
.pageClassBebemama #tab1 .tab-content02{padding:30rem 0 0}
.pageClassBebemama #tab1 .tab-content02 .main-tit::before{top:-10rem;width:6.8rem;height:5rem;background:url(../images/introduce/bebemama/ico_mark.png) no-repeat center center/cover}
.pageClassBebemama #tab1 .tab-content02 .scholar-list{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:20.2rem;padding:9rem 0 12.5rem 0}
.pageClassBebemama #tab1 .tab-content02 .scholar-list::after{content:"";position:absolute;bottom:-1rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1.9rem;height:7.9rem;background:url(../images/introduce/bebemama/ico_deco.png) no-repeat center center/cover;z-index:2}
.pageClassBebemama #tab1 .tab-content02 .scholar-list .img{width:32rem;height:32rem;background:url(../images/introduce/bebemama/tab1_contents02_img01.png) no-repeat center center/cover;margin:0 auto}
.pageClassBebemama #tab1 .tab-content02 .scholar-list .tit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:2.2rem;line-height:1.45;border-radius:2rem;padding:1.6rem 2.4rem;margin:6rem auto 3.2rem auto;background:#fff;color:#0060cd;font-weight:700;line-height:1}
.pageClassBebemama #tab1 .tab-content02 .scholar-list .desc{font-size:2.4rem;line-height:1.41;color:#fff;line-height:1.4}
.pageClassBebemama #tab1 .tab-content02 .scholar-list .desc strong{font-weight:700;color:#f8e642}
.pageClassBebemama #tab1 .tab-content02 .scholar-list li:last-child .img{background:url(../images/introduce/bebemama/tab1_contents02_img02.png) no-repeat center center/cover}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom{position:relative;overflow:hidden;background:#156fd5;color:#fff;padding:12.5rem 0 15rem 0}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom [class^="txt"]{display:block}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom [class^="txt"] strong{color:#f8e642;font-weight:700}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom [class^="txt"].txt01{font-size:2.8rem;line-height:1.35;font-weight:700}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom [class^="txt"].txt02{font-size:2.6rem;line-height:1.38;margin:2.3rem auto 3.4rem auto}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom [class^="txt"].txt03{font-size:4.8rem;line-height:1.2}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom [class^="txt"].txt03 strong{font-size:5.6rem;line-height:1.17}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom .img-area{position:relative}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom .img-area .img01{position:absolute;width:24rem;bottom:-21rem;left:-8.4rem}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom .img-area .img02{position:absolute;width:30.6rem;height:47.2rem;bottom:-28.5rem;right:-14rem}
.pageClassBebemama #tab1 .tab-content03{padding-top:18rem}
.pageClassBebemama #tab1 .tab-content03 .sub-logo{display:block;margin:0 auto;width:23.6rem;height:10.4rem}
.pageClassBebemama #tab1 .tab-content03 .sub-desc{margin:6rem auto 8rem auto;font-size:2.8rem;line-height:1.35;font-weight:500}
.pageClassBebemama #tab1 .tab-content03 .sub-desc strong{color:#2b89e1;font-weight:700}
.pageClassBebemama #tab1 .tab-content03 .cont-area-wrap{position:relative;z-index:2}
.pageClassBebemama #tab1 .tab-content03 .cont-area-wrap::before{content:"";position:absolute;top:28%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:66.3rem;background:url(../images/introduce/bebemama/bg_gy_deco.png) no-repeat center center/contain;z-index:-1}
.pageClassBebemama #tab1 .tab-content03 .cont-area:first-child{margin-bottom:10rem}
.pageClassBebemama #tab2 [class^="tab-content"]{overflow:hidden;background-color:#3a86dd;padding-top:18rem}
.pageClassBebemama #tab2 [class^="tab-content"].deco:nth-child(3)::before{background:url(../images/introduce/bebemama/bg_lightblue_deco.png) no-repeat center center/cover}
.pageClassBebemama #tab2 [class^="tab-content"]:nth-of-type(even){background-color:#f3f8ff}
.pageClassBebemama #tab2 [class^="tab-content"]:nth-of-type(even).deco::before{background:url(../images/introduce/bebemama/bg_midblue_deco.png) no-repeat center center/cover}
.pageClassBebemama #tab2 [class^="tab-content"]:nth-of-type(even) .feature-num{background-color:#2b89e1;color:#fff}
.pageClassBebemama #tab2 [class^="tab-content"]:nth-of-type(even) .feature-desc,.pageClassBebemama #tab2 [class^="tab-content"]:nth-of-type(even) .feature-title{color:#000}
.pageClassBebemama #tab2 [class^="tab-content"] .feature-num{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;font-size:2.4rem;line-height:1.41;padding:1.8rem 3.2rem;background-color:#f8e642;color:#2b89e1;font-weight:800;border-radius:60px;line-height:1}
.pageClassBebemama #tab2 [class^="tab-content"] .feature-title{margin:4rem auto 3.4rem auto;font-size:4.8rem;line-height:1.2;color:#fff;font-weight:500;line-height:1.3}
.pageClassBebemama #tab2 [class^="tab-content"] .feature-title strong{font-weight:800}
.pageClassBebemama #tab2 [class^="tab-content"] .feature-desc{font-size:2.4rem;line-height:1.41;color:#fff;font-weight:500}
.pageClassBebemama #tab2 [class^="tab-content"] .feature-desc strong{font-weight:800}
.pageClassBebemama #tab2 .tab-content01 .feature-desc{margin:4rem auto 8rem auto}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap{position:relative}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap::before{content:"";position:absolute;top:2.4rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;border:1px dashed rgba(255, 255, 255, 0.5)}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap .public-swiper-container{max-width:85.5rem;width:100%;overflow:visible}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap .feature-num{width:4.8rem;height:4.8rem;margin-bottom:4.2rem;padding:0;font-size:2.2rem;line-height:1.45;line-height:4.6rem;border-radius:100%}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap .txt-area{margin-top:2.4rem}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap .txt-area .txt{font-size:2rem;line-height:1.5;color:#fff}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap .txt-area .txt strong{display:inline-block;font-size:2rem;line-height:1.5;color:#fff;font-weight:800}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap [class*="swiper-btn-round"]{margin-top:-3rem;margin-left:0;background-color:#1269ba;border:1px solid #1269ba;right:4rem}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap [class*="swiper-btn-round"]::after{width:1.2rem;height:2.4rem;background-image:url("../images/main/bu_category_arrow.png");-webkit-filter:brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%);filter:brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%)}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap [class*="swiper-btn-round"].swiper-btn-round-prev{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);left:4rem}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap [class*="swiper-btn-round"] .swiper-button-disabled{opacity:0.6}
.pageClassBebemama #tab2 .tab-content02 .feature-desc{margin:2.6rem auto 6rem auto}
.pageClassBebemama #tab2 .tab-content02 .cont-area{position:relative}
.pageClassBebemama #tab2 .tab-content02 .btn-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:13.5%;width:100%;position:absolute;bottom:21%;left:22.5%}
.pageClassBebemama #tab2 .tab-content03 .feature-title{margin-bottom:6rem}
.pageClassBebemama #tab2 .tab-content03 .feature-desc{font-size:2rem;line-height:1.5;margin-top:-3rem}
.pageClassBebemama #tab2 .tab-content03 .cont-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:6rem}
.pageClassBebemama #tab3 [class^="tab-content"]{padding:18rem 0 0 0}
.pageClassBebemama #tab3 [class^="tab-content"] .point-title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 auto;background-color:#eff6ff;color:#3a86dd;line-height:1;font-weight:800;gap:1.8rem;padding:2rem 4rem;margin-bottom:3.3rem;border-radius:4.8rem}
.pageClassBebemama #tab3 [class^="tab-content"] .point-title .tag{font-size:1.6rem;line-height:1.62;padding:1rem 1.8rem;border-radius:6rem;background-color:#3a86dd;color:#fff;font-weight:800}
.pageClassBebemama #tab3 [class^="tab-content"] .point-title .name{font-size:3.2rem;line-height:1.31}
.pageClassBebemama #tab3 [class^="tab-content"] .point-sec{overflow:hidden;padding-bottom:12rem}
.pageClassBebemama #tab3 [class^="tab-content"] .point-sec.bg-gray{background-color:#fafafa}
.pageClassBebemama #tab3 [class^="tab-content"] .point-sec.bg-blue{background-color:#f3f8ff}
.pageClassBebemama #tab3 [class^="tab-content"] .point-txt{width:100%;margin:0 auto;margin-bottom:8rem}
.pageClassBebemama #tab3 [class^="tab-content"] .point-desc{font-size:2rem;line-height:1.5}
.pageClassBebemama #tab3 [class^="tab-content"] .point-desc strong{font-weight:800}
.pageClassBebemama #tab3 [class^="tab-content"] .point-subdesc{display:block;margin-bottom:1rem;font-size:1.4rem;line-height:1.71;color:#8f8f8f;font-weight:600;text-align:left}
.pageClassBebemama #tab3 .tab-content01 .point-sec:first-child .point-title{margin-bottom:6rem}
.pageClassBebemama #tab3 .tab-content01 .point-sec:first-child .point-txt{margin-bottom:4.7rem}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(2){padding:8rem 0}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(2) .point-txt{margin-bottom:4.8rem}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3){padding:12rem 0}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-txt{margin-bottom:4.8rem}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-tip-box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;background:#f9f9f9;color:#000;font-weight:500;font-size:1.8rem;line-height:1.55;border-radius:2.4rem;padding:2rem 6rem}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-tip-box .tip{color:#fe4e4e;font-weight:800}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-book-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:3rem;margin:3rem auto 8rem auto}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-book-list li{-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;-webkit-transition-delay:0.28s;transition-delay:0.28s}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-book-list li:first-child{-webkit-transition-delay:0.1s;transition-delay:0.1s}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-book-list li:nth-child(2){margin-top:3.8rem}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-book-list li:last-child{-webkit-transition-delay:0.2s;transition-delay:0.2s}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .public-swiper-container [class*="swiper-btn-round"]{top:65%}
.pageClassBebemama #tab3 .tab-content01 .point-sec:last-child{padding:8rem 0}
.pageClassBebemama #tab3 .tab-content01 .point-sec:last-child .point-txt{margin-bottom:3.6rem}
.pageClassBebemama #tab3 .tab-content01 .point-sec:last-child .point-desc{margin-bottom:4.8rem}
.pageClassBebemama #tab3 .tab-content02 .point-sec{padding-bottom:0}
.pageClassBebemama #tab3 .tab-content02 .point-sec .cont-area{margin-bottom:12rem}
.pageClassBebemama #tab3 .tab-content02 .point-sec .cont-area .bg-img{position:relative;z-index:2}
.pageClassBebemama #tab3 .tab-content02 .point-sec .cont-area .bg-img::before{content:"";position:absolute;top:3.4%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:1.7rem;background-color:#eff6ff;z-index:-1}
.pageClassBebemama #tab3 .tab-content02 .video-container .thumnail-box::after{bottom:-17%;left:-11%;width:17.7rem;height:16.8rem;background:url(../images/introduce/bebemama/ico_video_deco03.png) no-repeat center center/cover}
.pageClassBebemama #tab3 .tab-content02 .video-container .thumnail-box::before{bottom:-16%;right:-19%;width:30.3rem;height:19.6rem;background:url(../images/introduce/bebemama/ico_video_deco04.png) no-repeat center center/cover}
.pageClassBebemama #tab3 .tab-content03{padding-top:5rem}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-txt{margin:6rem auto 10rem auto}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-music-box{position:relative;width:100%;background-color:#f1f8ff;padding:9rem 16rem 10.5rem 16rem;border-radius:4.8rem}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-music-box::before{content:"";position:absolute;top:-3%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:7.2rem;height:7.2rem;background:url(../images/introduce/bebemama/ico_audio.png) no-repeat center center/cover}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-music-box .point-tit{font-size:3.2rem;line-height:1.31;font-weight:800}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-music-box .point-desc{display:block;margin:3.8rem auto 6rem auto;font-size:2.2rem;line-height:1.45;font-weight:500}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-music-box .cont-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;gap:4.2rem}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-music-box .cont-area .bg-img{width:47%}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-music-box .cont-area .bg-img .full-img{-webkit-filter:none;filter:none}
.pageClassBebemama #tab3 .tab-content03 .point-sec:nth-child(2){padding-bottom:0}
.pageClassBebemama #tab3 .tab-content03 .point-sec:nth-child(2) .video-container .thumnail-box::after{bottom:-8%;left:-9%;width:14.2rem;height:14.6rem;background:url(../images/introduce/bebemama/ico_video_deco05.png) no-repeat center center/cover}
.pageClassBebemama #tab3 .tab-content03 .point-sec:nth-child(2) .video-container .thumnail-box::before{bottom:-6%;right:-7.5%;width:12.5rem;height:14.6rem;background:url(../images/introduce/bebemama/ico_video_deco06.png) no-repeat center center/cover}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child{padding:8rem 0 0}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .inner{max-width:108rem}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll{border-radius:0;border:0;border-top:2px solid #000;border-bottom:2px solid #000}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .scrollbar-inner{max-height:100%}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .scrollbar-inner .tbl-col-row01 thead tr th:first-child{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:3}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .scrollbar-inner .tbl-col-row01 tbody tr th{position:-webkit-sticky;position:sticky;left:0;z-index:2;font-size:2.2rem;line-height:1.45;font-weight:700}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .scrollbar-inner .tbl-col-row01 tbody tr td[rowspan]{font-weight:700}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .scrollbar-inner .tbl-col-row01 tbody tr:nth-child(even) td{background-color:#fff}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .sticky-guide-area{display:none}
.pageClassBebemama #tab3 .tab-content04 .point-sec:last-child .content-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:5.6rem}
.pageClassBebemama #tab3 .tab-content04 .point-sec:last-child .content-center .txt{font-size:2rem;line-height:1.5;font-weight:600}
.pageClassBebemama #tab3 .tab-content04 .point-sec:last-child .content-center .sign{display:block;width:15.6rem;height:5.2rem}
.pageClassBebemama #tab4{background:#f3f8ff;text-align:center;padding:18rem 0 0 0}
.pageClassBebemama #tab4 .tab-content01.inner{max-width:110rem;background:#f3f8ff}
.pageClassBebemama #tab4 .tab-content01 .round-type-tag{padding:0.8rem 2.4rem;font-size:1.8rem;line-height:1.55;border:2px solid #2b89e1;color:#2b89e1;font-weight:800}
.pageClassBebemama #tab4 .tab-content01 .main-tit{display:block;margin-bottom:5.6rem;font-size:4rem;line-height:1.25;font-weight:800}
.pageClassBebemama #tab4 .tab-content01 .main-tit strong{color:#2b89e1;font-weight:800}
.pageClassBebemama #tab4 .tab-content01 .cont-area{-webkit-filter:drop-shadow(5px 5px 10px rgba(203, 221, 246, 0.9));filter:drop-shadow(5px 5px 10px rgba(203, 221, 246, 0.9))}
.pageClassBebemama #tab4 .tab-content01 .cont-area-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:4rem}
/*! mobile 버전 - css */
@media (max-width: 1023px){
.full-img{width:100%}
.content-box.step-type.navy.step-1.none-bg::before{content:none}
.content-box.round-type.linked-books p{position:absolute;top:0;left:0;width:100%;height:70px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff;background:#4051b8;border-radius:10px 10px 0 0;font-size:18px;font-weight:500;line-height:25px}
.content-box.round-type.linked-books .content-box{padding:30px 0 0 0;margin-top:30px}
.content-box.round-type.linked-books .content-box .swiper-container{width:100%}
.content-box.round-type.linked-books .content-box .swiper-container .swiper-wrapper .swiper-slide{width:100%}
.content-box.round-type.linked-books .content-box .swiper-container .swiper-wrapper .swiper-slide .linked-books-txt{margin-top:20px;font-weight:400;font-size:14px;line-height:20px;text-align:center}
.content-box.round-type.linked-books .content-box .swiper-container .swiper-pagination{position:static;margin-top:25px}
.content-box.round-type.story-wizard .swiper-container.swiper-collected-list .swiper-wrapper .swiper-slide ul li .num{margin-right:8px;margin-bottom:8px;padding-left:0.2rem;font-family:"Montserrat";font-weight:500;font-size:16px}
.content-box.step-type.step-3.story-wizard .swiper-container .swiper-wrapper .swiper-slide .align-center-box.type01 .align-center-box-desc{margin-top:20px;font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#222}
.book-view-container .img-container p:nth-of-type(3){position:relative;padding-top:56.1%}
.book-view-container .img-container p:nth-of-type(3) iframe{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:100%}
.align-center-box .desc{font-size:1.4rem;line-height:1.71}
.align-center-box .txt{font-size:1.5rem;line-height:1.66}
.align-center-box .quot-mark{padding:0 2rem}
.align-center-box .quot-mark::after,.align-center-box .quot-mark::before{top:0.2rem;width:1.3rem;height:1.1rem;background-size:1.3rem 1.1rem}
.align-center-box.mt-25{margin-top:2.5rem}
.bg-leaves{background-image:url(../images/common/bg_leaves@2x.png);background-repeat:no-repeat;background-size:cover;background-position:center}
.ico-curious{width:4rem;height:4rem;background-size:4rem 4rem;background-image:url(../images/introduce/ico_curious.png)}
.ico-asset{width:0.7rem;height:1.2rem;background-size:0.7rem 1.2rem;background-image:url(../images/common/ico_asset@2x.png)}
.ico-blue-plus{width:4rem;height:4rem;background-size:4rem 4rem;background-image:url(../images/common/ico_blue_plus@2x.png)}
.ico-sky-plus{width:3.2rem;height:3.2rem;background-size:3.2rem 3.2rem;background-image:url(../images/common/ico_sky_plus@2x.png)}
.ico-bookopen{width:3.4rem;height:2.7rem;background-size:3.4rem 2.7rem;background-image:url(../images/common/ico_bookopen@2x.png)}
.ico-preview{width:3.5rem;height:3.5rem;background-size:3.5rem 3.5rem;background-image:url(../images/introduce/ico_preview@2x.png)}
.ico-music{width:5.5rem;height:5.5rem;background-size:5.5rem 5.5rem;background-image:url(../images/introduce/ico_music@2x.png)}
.ico-collected-logo01{width:3.8rem;height:3.1rem;background-size:3.8rem 3.1rem;background-image:url(../images/common/ico_collected_logo01@2x.png)}
.ico-collected-logo02{width:4.2rem;height:3.1rem;background-size:4.2rem 3.1rem;background-image:url(../images/common/ico_collected_logo02@2x.png)}
.ico-collected-logo03{width:4.1rem;height:3.2rem;background-size:4.1rem 3.2rem;background-image:url(../images/common/ico_collected_logo03@2x.png)}
.ico-collected-logo04{width:4.6rem;height:3.2rem;background-size:4.6rem 3.2rem;background-image:url(../images/common/ico_collected_logo04@2x.png)}
.ico-collected-logo05{width:4.6rem;height:3.3rem;background-size:4.6rem 3.3rem;background-image:url(../images/common/ico_collected_logo05@2x.png)}
.ico-collected-logo06{width:4.1rem;height:3.3rem;background-size:4.1rem 3.3rem;background-image:url(../images/common/ico_collected_logo06@2x.png)}
.ico-collected-logo07{width:5.6rem;height:2.3rem;background-size:5.6rem 2.3rem;background-image:url(../images/common/ico_collected_logo07@2x.png)}
.ico-collected-logo08{width:3.8rem;height:3.2rem;background-size:3.8rem 3.2rem;background-image:url(../images/common/ico_collected_logo08@2x.png)}
.ico-collected-logo09{width:4.8rem;height:3rem;background-size:4.8rem 3rem;background-image:url(../images/common/ico_collected_logo09@2x.png)}
.ico-collected-logo10{width:4.5rem;height:2.4rem;background-size:4.5rem 2.4rem;background-image:url(../images/common/ico_collected_logo10@2x.png)}
.ico-collected-logo11{width:4.4rem;height:2.7rem;background-size:4.4rem 2.7rem;background-image:url(../images/common/ico_collected_logo11@2x.png)}
.ico-collected-logo12{width:3.6rem;height:3.2rem;background-size:3.6rem 3.2rem;background-image:url(../images/common/ico_collected_logo12@2x.png)}
.ico-collected-logo13{width:7.7rem;height:2.3rem;background-size:7.7rem 2.3rem;background-image:url(../images/common/ico_collected_logo13@2x.png)}
.ico-collected-logo14{width:4.1rem;height:3.2rem;background-size:4.1rem 3.2rem;background-image:url(../images/common/ico_collected_logo14@2x.png)}
.ico-collected-logo15{width:3.1rem;height:3.2rem;background-size:3.1rem 3.2rem;background-image:url(../images/common/ico_collected_logo15@2x.png)}
.ico-collected-logo16{width:8.3rem;height:2.6rem;background-size:8.3rem 2.6rem;background-image:url(../images/common/ico_collected_logo16@2x.png)}
.ico-collected-logo17{width:4.7rem;height:2.2rem;background-size:4.7rem 2.2rem;background-image:url(../images/common/ico_collected_logo17@2x.png)}
.ico-collected-logo18{width:3.9rem;height:3.5rem;background-size:3.9rem 3.5rem;background-image:url(../images/common/ico_collected_logo18@2x.png)}
.ico-collected-logo19{width:4.2rem;height:3.4rem;background-size:4.2rem 3.4rem;background-image:url(../images/common/ico_collected_logo19@2x.png)}
.ico-collected-logo20{width:4.4rem;height:2.5rem;background-size:4.4rem 2.5rem;background-image:url(../images/common/ico_collected_logo20@2x.png)}
.ico-collected-logo21{width:4.4rem;height:2.5rem;background-size:4.4rem 2.5rem;background-image:url(../images/common/ico_collected_logo21@2x.png)}
.ico-collected-logo26{width:4.4rem;height:2.5rem;background-size:4.4rem 2.5rem;background-image:url(../images/common/ico_collected_logo26@2x.png)}
.ico-collected-logo27{width:4.4rem;height:4.4rem;background-size:4.4rem 4.4rem;background-image:url(../images/common/ico_collected_logo27@2x.png)}
.ico-collected-logo28{width:4.4rem;height:4.4rem;background-size:190%;background-image:url(../images/common/ico_collected_logo28@2x.png)}
.ico-gregre-logo01{width:4rem;height:3.2rem;background-size:4rem 3.2rem;margin-right:0.5rem;background-image:url(../images/common/ico_gregre_logo1.png)}
.ico-gregre-logo02{width:3rem;height:3.4rem;background-size:3rem 3.4rem;margin-right:0.5rem;background-image:url(../images/common/ico_gregre_logo2.png)}
.ico-gregre-logo03{width:3rem;height:3.4rem;background-size:3rem 3.4rem;margin-right:0.5rem;background-image:url(../images/common/ico_gregre_logo3.png)}
.ico-gregre-logo04{width:3rem;height:3.4rem;background-size:3rem 3.4rem;margin-right:0.5rem;background-image:url(../images/common/ico_gregre_logo4.png)}
.ico-collected-logo29{width:4.4rem;height:4.4rem;background-size:100%;background-image:url(../images/common/ico_collected_logo29@2x.png)}
.ico-collected-logo30{width:4rem;height:4.4rem;background-size:100%;background-image:url(../images/common/ico_collected_logo30@2x.png)}
.ico-collected-logo31{width:7.45rem;height:4.4rem;background-size:100%;background-image:url(../images/common/ico_collected_logo31@2x.png)}
.ico-collected-logo32{width:4rem;height:4rem;background-size:100%;background-image:url(../images/common/ico_collected_logo32@2x.png)}
.ico-collected-logo33{width:5.6rem;height:4rem;background-size:100%;background-image:url(../images/common/ico_popo_logo01.png)}
.ico-collected-logo34{width:4.4rem;height:3rem;background-size:100%;background-image:url(../images/common/ico_collected_logo34@2x.png)}
/*! padding, margin 공통*/
.mb-25{margin-bottom:2.5rem}
.mt-35{margin-top:3.5rem}
.mt-40{margin-top:4rem}
.mt-60{margin-top:6rem}
.mt-80{margin-top:8rem}
.pb-10{padding-bottom:1rem}
.pb-20{padding-bottom:2rem}
.pb-30{padding-bottom:3rem}
.pb-50{padding-bottom:5rem}
.pt-30{padding-top:3rem}
.pt-42{padding-top:4.2rem}
.pt-50{padding-top:5rem}
.award-book-list .img-box{position:relative;border-radius:1rem}
.award-book-list .img-box .txt{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0, 0, 0, 0.6);color:#fff;height:5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:0 0 1rem 1rem;font-size:1.1rem;line-height:1.9;font-weight:500;text-align:center;line-height:1.5}
.award-book-list .item-content:nth-child(1n + 3){margin-top:2.6rem}
.item-content.width-50{width:50%}
.item-content.width-50:nth-child(odd){padding-right:0.7rem}
.item-content.width-50:nth-child(even){padding-left:0.7rem}
.item-content .book-title{text-align:center;margin-top:1rem}
.item-content .book-title .num{font-family:"Mulish";font-size:1.3rem;line-height:1.76;font-weight:500;display:inline-block}
.item-content .book-title .txt{font-size:1.3rem;line-height:1.76;font-weight:500}
.tab-nav-type06-align{background-color:#f9f9f9}
.swiper-book-introduce{padding:2.5rem 0 5.5rem;background-color:#f9f9f9}
.swiper-book-introduce .link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 2rem}
.swiper-book-introduce .img-box{width:35%;margin-right:2rem}
.swiper-book-introduce .img-box img{-webkit-box-shadow:0.5rem 1rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 1rem 1rem rgba(0, 0, 0, 0.16);max-width:100%;background-color:#fff}
.swiper-book-introduce .info-area{width:65%}
.swiper-book-introduce .title{font-size:2rem;line-height:1.5;font-weight:700}
.swiper-book-introduce .sub-tit{font-size:1.3rem;line-height:1.76;color:#4051b8}
.swiper-book-introduce .desc{font-size:1.3rem;line-height:1.76;margin-top:0.7rem;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.swiper-book-introduce .swiper-pagination{bottom:2rem;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.swiper-book-introduce .swiper-pagination .swiper-pagination-bullet{-webkit-transition:background-color 0.3s ease-out;transition:background-color 0.3s ease-out}
.swiper-book-introduce .swiper-pagination .swiper-pagination-bullet-active{background-color:#222}
.tab-nav-container.space01{margin-top:2.1rem;position:relative}
.tab-nav-container.space01::before{position:absolute;top:-2.1rem;left:0;content:"";width:100%;height:0.9rem;background-color:#eee;border-top:1px solid #ddd}
.tab-nav-container.mt-10{margin-top:1rem}
.tab-nav-container.mt-15{margin-top:1.5rem}
.tab-group-container{margin-top:1rem}
.tab-group-container .form-validation-container{padding:0 2rem;margin-top:2.5rem}
.tab-group-container .tag-area{margin-top:1rem;padding:0 2rem;white-space:nowrap;overflow:auto}
.tab-group-container .tag-area .btn-tag{margin-left:1rem}
/*! 단행본 리스트 - 타이틀 폰트 조정 */
.book-info-box.type02 .book-title{font-size:1.5rem;line-height:1.66;line-height:1.5}
/*! 단행본 상세페이지 */
.ico-share{width:2.4rem;height:2.6rem;background-size:2.4rem 2.6rem;background-image:url(../images/common/ico_share@2x.png)}
.ico-videoplay{width:6.6rem;height:6.6rem;background-size:6.6rem 6.6rem;background-image:url(../images/common/ico_videoplay@2x.png)}
.ico-close-white{width:2rem;height:2rem;background-size:2rem 2rem;background-image:url(../images/common/ico_close_popup_white@2x.png)}
.ico-download-white{width:2.1rem;height:2.1rem;background-size:2.1rem;background-image:url(../images/common/ico_download_white@2x.png)}
.ico-baby-black{width:2.3rem;height:2.5rem;background-size:2.3rem 2.5rem;background-image:url(../images/common/ico_baby_black@2x.png)}
.ico-child-black{width:2.3rem;height:2.5rem;background-size:2.3rem 2.5rem;background-image:url(../images/common/ico_child_black@2x.png)}
.ico-girl-black{width:2.6rem;height:2.5rem;background-size:2.6rem 2.5rem;background-image:url(../images/common/ico_girl_black@2x.png)}
.ico-boy-black{width:2.2rem;height:2.5rem;background-size:2.2rem 2.5rem;background-image:url(../images/common/ico_boy_black@2x.png)}
.pageClassBookView embed,.pageClassBookView iframe,.pageClassBookView img,[class*="pageClassCollectedView"] embed,[class*="pageClassCollectedView"] iframe,[class*="pageClassCollectedView"] img,[class*="pageClassGregreView"] embed,[class*="pageClassGregreView"] iframe,[class*="pageClassGregreView"] img{max-width:100%;width:100%}
.pageClassBookView .tab-nav-container,[class*="pageClassCollectedView"] .tab-nav-container,[class*="pageClassGregreView"] .tab-nav-container{-webkit-box-sizing:content-box;box-sizing:content-box}
.pageClassBookView .tab-nav-container .round-box,[class*="pageClassCollectedView"] .tab-nav-container .round-box,[class*="pageClassGregreView"] .tab-nav-container .round-box{padding:1rem 2rem}
.pageClassBookView .tab-nav-container .tab-nav-type09-align,[class*="pageClassCollectedView"] .tab-nav-container .tab-nav-type09-align,[class*="pageClassGregreView"] .tab-nav-container .tab-nav-type09-align{padding:1rem 2rem;border-bottom:1px solid #ddd;-webkit-box-shadow:0;box-shadow:0;-webkit-transition:-webkit-box-shadow 0.3s ease-out;transition:-webkit-box-shadow 0.3s ease-out;transition:box-shadow 0.3s ease-out;transition:box-shadow 0.3s ease-out,-webkit-box-shadow 0.3s ease-out}
.pageClassBookView .tab-nav-container .tab-nav-type09-align.sticky,[class*="pageClassCollectedView"] .tab-nav-container .tab-nav-type09-align.sticky,[class*="pageClassGregreView"] .tab-nav-container .tab-nav-type09-align.sticky{-webkit-box-shadow:0 0.3rem 0.5rem rgba(0, 0, 0, 0.05);box-shadow:0 0.3rem 0.5rem rgba(0, 0, 0, 0.05)}
.pageClassBookView [class*="content-box"] .book-view-content .title,[class*="pageClassCollectedView"] [class*="content-box"] .book-view-content .title,[class*="pageClassGregreView"] [class*="content-box"] .book-view-content .title{margin-top:0}
.pageClassBookView .preview-container,[class*="pageClassCollectedView"] .preview-container,[class*="pageClassGregreView"] .preview-container{padding-bottom:33px}
.book-cover-box strong{font-size:1.5rem;line-height:1.66;font-weight:700;width:100%;text-align:center;display:block}
.book-cover-flip-area{width:100%;position:fixed;top:0;left:0;background-color:#f5f5f5;z-index:1;text-align:center}
.book-cover-flip-area [class*="swiper-button"]{display:none}
.book-cover-flip-area.none-fixed{position:absolute}
.book-cover-flip-area .swiper-slide{height:640px}
.book-cover-flip-area .banner-templete01{position:relative;height:640px;width:100%}
.book-cover-flip-area .banner-templete01 .box01{width:335px;height:170px;margin:0 auto;max-width:100%;top:130px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);position:absolute;z-index:1;overflow:hidden}
.book-cover-flip-area .banner-templete01 .box01 .logo{top:auto;bottom:0}
.book-cover-flip-area .banner-templete01 .box02{width:335px;height:200px;margin:0 auto;max-width:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:105px;position:absolute;z-index:1;overflow:hidden}
.book-cover-flip-area .banner-templete01 .box02 .motion-box{width:100%;height:100%}
.book-cover-flip-area .banner-templete01 .text{font-size:18px;position:absolute;top:0;left:0;width:100%;font-weight:500;color:#333;text-align:center}
.book-cover-flip-area .banner-templete01 img{position:absolute;top:0;left:0}
.book-cover-flip-area .banner-templete01 .motion{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0}
.book-cover-flip-area .banner-templete03 .img-box{width:100%;height:640px;position:relative;overflow:hidden}
.book-cover-flip-area .banner-templete03 .img-box img{height:667px;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);max-width:none;width:auto}
.book-cover-flip-area .book-preview-btns{position:absolute;bottom:2.7rem;right:2rem;width:5.5rem;height:5.5rem;padding-top:1.4rem;border-radius:5.5rem;background-color:rgba(0, 0, 0, 0.3);-webkit-box-shadow:0.5rem 0.5rem 1.5rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1.5rem rgba(0, 0, 0, 0.16);z-index:2}
.book-cover-flip-area .book-preview-btns .txt{font-size:0;width:0;height:0;position:absolute}
.pageClassBookView .book-cover-flip-area{height:37rem;margin-top:6rem;-webkit-perspective:100rem;perspective:100rem}
.pageClassBookView .content-box03{margin-bottom:5rem}
.cover-box{display:inline-block;margin:3rem auto 0;max-height:290px;position:relative;cursor:ew-resize}
.cover-box .cover-motion{position:relative;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.cover-box .cover-front{position:relative;z-index:3;-webkit-transform:translateZ(7px);transform:translateZ(7px);max-height:290px}
.cover-box .cover-back{position:absolute;z-index:0;top:0;left:0;-webkit-transform:rotateY(-180deg) translateZ(7px);transform:rotateY(-180deg) translateZ(7px);-webkit-box-shadow:-1rem 1rem 2rem 0.1rem rgba(0, 0, 0, 0.16);box-shadow:-1rem 1rem 2rem 0.1rem rgba(0, 0, 0, 0.16);-webkit-transition:-webkit-box-shadow 500ms ease-in-out;transition:-webkit-box-shadow 500ms ease-in-out;transition:box-shadow 500ms ease-in-out;transition:box-shadow 500ms ease-in-out,-webkit-box-shadow 500ms ease-in-out;-webkit-backface-visibility:inherit;backface-visibility:inherit}
.cover-box .cover-side{position:absolute;z-index:2;top:0;left:0;height:100%;-webkit-transform:rotateY(-90deg) translateZ(7px);transform:rotateY(-90deg) translateZ(7px);-webkit-backface-visibility:inherit;backface-visibility:inherit}
.cover-box .cover-side img{width:auto;min-width:20px}
.cover-box .cover-right{position:absolute;z-index:2;top:0;right:0;background-color:#fff;height:100%;-webkit-transform:rotateY(-90deg) translateZ(7px);transform:rotateY(-90deg) translateZ(7px);-webkit-backface-visibility:inherit;backface-visibility:inherit}
.cover-box img{width:auto;max-height:290px;min-width:17px}
.cover-box.hover .cover-motion{-webkit-transform:rotate3d(0, 1, 0, 35deg);transform:rotate3d(0, 1, 0, 35deg)}
.cover-box.hover-reverse .cover-motion{-webkit-transform:rotate3d(0, -1, 0, 35deg);transform:rotate3d(0, -1, 0, 35deg)}
.cover-box.click .cover-motion{-webkit-transform:rotate3d(0, 1, 0, 180deg);transform:rotate3d(0, 1, 0, 180deg)}
.cover-box.click .cover-front{z-index:1;-webkit-transition-property:z-index;transition-property:z-index;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.cover-box.click .cover-back{z-index:3;-webkit-transition-property:z-index;transition-property:z-index;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.cover-box.click-reverse .cover-motion{-webkit-transform:rotate3d(0, -1, 0, 180deg);transform:rotate3d(0, -1, 0, 180deg)}
.cover-box.click-reverse .cover-front{z-index:1;-webkit-transition-property:z-index;transition-property:z-index;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.cover-box.click-reverse .cover-back{z-index:3;-webkit-transition-property:z-index;transition-property:z-index;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.cover-box.turning .cover-motion{-webkit-transform:rotate3d(0, -1, 0, 115deg);transform:rotate3d(0, -1, 0, 115deg);-webkit-transition-duration:2s;transition-duration:2s}
.cover-box.LJS .cover-motion{-webkit-transform:rotate3d(0, -1, 0, 3420deg);transform:rotate3d(0, -1, 0, 3420deg);-webkit-transition-timing-function:cubic-bezier(0.5, 0.13, 0.52, 1.22);transition-timing-function:cubic-bezier(0.5, 0.13, 0.52, 1.22);-webkit-transition-duration:10s;transition-duration:10s}
.cover-box.LJS .cover-back{background-position:center;background-repeat:no-repeat;background-image:url(../images/introduce/test_introduce01.jpg);background-size:cover}
.cover-box.LJS .cover-back img{-webkit-transition-delay:8s;transition-delay:8s;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.cover-box .cover-protact{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}
.book-view-container{margin-top:36rem;position:relative;z-index:2}
.book-view-container .book-view-inner{background-color:#fff;padding-top:3rem;border-radius:1.5rem 1.5rem 0 0}
.book-view-container .book-view-header{margin-bottom:2rem}
.book-view-container .flag-box{padding:0 2rem;margin-bottom:1.4rem}
.book-view-container .title-box{padding:0 2rem}
.book-view-container .title-box .title{margin-top:0}
.book-view-container .book-info-box{padding:0 2rem;margin-top:1rem}
.book-view-container .book-info-box .txt{font-size:1.3rem;line-height:1.76;color:#999;display:inline;padding-right:0.5rem;position:relative}
.book-view-container .book-info-box .txt + .txt{padding-left:0.8rem}
.book-view-container .book-info-box .txt + .txt::after{content:"";width:1px;height:1.2rem;top:0.5rem;left:0;position:absolute;background-color:#ccc}
.book-view-container .book-info-box .txt.block{display:block;color:#222}
.book-view-container .book-info-box .txt.block + .txt{padding-left:0}
.book-view-container .book-info-box .txt.block + .txt::after{content:none}
.book-view-container .hash-tag-box{padding:0 2rem;margin-top:1.8rem}
.book-view-container .hash-tag-box .hash-tag{font-size:1.5rem;line-height:1.66;font-weight:500;display:inline-block;margin-right:0.7rem;color:#666}
.book-view-container .hash-tag-box .hash-tag::before{content:"#";display:inline-block;vertical-align:0;margin-right:0.2rem}
.book-view-container .book-price-box{padding:2rem 2rem 2.7rem;margin-top:2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden}
.book-view-container .book-price-box .price{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}
.book-view-container .book-price-box .share-favorite{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}
.book-view-container .book-price-box::after{content:"";position:absolute;height:1px;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);width:-webkit-calc(100% - 4rem);width:calc(100% - 4rem);left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#ccc;top:0}
.book-view-container .book-price-box .num{font-size:2.7rem;line-height:1.37;font-weight:700;font-family:"Mulish"}
.book-view-container .book-price-box .txt{font-size:1.3rem;line-height:1.76}
.book-view-container .book-price-box .fav-btn{margin-left:2.2rem;position:relative;z-index:2}
.book-view-container .btn-area{padding:0 2rem;position:relative}
.book-view-container .btn-area .btn-sticky-area{width:100%;position:fixed;bottom:-10rem;z-index:2;left:0;display:none;-webkit-box-shadow:0 -0.5rem 0.5rem rgba(0, 0, 0, 0.1);box-shadow:0 -0.5rem 0.5rem rgba(0, 0, 0, 0.1)}
.book-view-container .btn-area .btn-sticky-area .btn-lv01{border-radius:0;padding:1.6rem 1.5rem}
.book-view-container .btn-area .btn-sticky-area.none-fixed{position:relative;top:0}
.book-view-container .btn-area.sticky{padding:0;height:0}
.book-view-container .line-thick{height:0.9rem;border-top:1px solid #ddd;background-color:#eee;display:block;width:100%}
.book-view-container .video-container .thumnail-box{margin-top:3.4rem;position:relative;padding-top:56.2%}
.book-view-container .video-container .thumnail-box.bd-0{border:0}
.book-view-container .video-container embed,.book-view-container .video-container iframe,.book-view-container .video-container img{width:100%;height:100%;position:absolute;top:0;left:0}
.book-view-container .video-container .round-box iframe{border-radius:10px}
.book-view-container .video-container .open-btn{position:absolute;top:50%;left:50%;margin-left:-3.3rem;margin-top:-3.3rem}
.book-view-container .img-container{margin-top:5.3rem}
.book-view-container .download-btn-container{margin-top:4.5rem}
.book-view-container .download-btn-container .download-btn{background-color:#222;height:5.5rem;border-radius:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}
.book-view-container .download-btn-container [class*="box"]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.book-view-container .download-btn-container .img-box{max-width:11.5rem;width:11.5rem;padding:0 2rem;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.book-view-container .download-btn-container .img-box .guide-center{width:7.5rem;height:7.5rem;position:relative}
.book-view-container .download-btn-container .img-box .guide-center img{width:auto;max-width:7.5rem;max-height:7.5rem;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.book-view-container .download-btn-container .txt-box{width:-webkit-calc(100% - 175px);width:calc(100% - 175px);width:-webkit-calc(100% - 17.5rem);width:calc(100% - 17.5rem);-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.book-view-container .download-btn-container .ico-box{width:6rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative}
.book-view-container .download-btn-container .ico-box .txt{font-size:1.1rem;line-height:1.9}
.book-view-container .download-btn-container .ico-box::after{content:"";display:block;height:4rem;position:absolute;left:0;top:-webkit-calc(50% - 20px);top:calc(50% - 20px);top:-webkit-calc(50% - 2rem);top:calc(50% - 2rem);width:1px;background-color:#999;opacity:0.5}
.book-view-container .download-btn-container .txt{font-size:1.5rem;line-height:1.66;color:#fff}
.book-view-container .accrodion-content{font-size:1.5rem;line-height:1.66}
.book-view-container .accrodion-content .txt{margin-bottom:0.5rem}
.book-view-container .accrodion-content .bold{font-weight:700}
.book-view-container .accrodion-content .chapter-tag{background-color:#222;color:#fff;display:inline-block;margin-right:8px;border-radius:2.1rem;padding:0 0.7rem;font-size:0}
.book-view-container .accrodion-content .chapter-tag .ko{font-weight:700;font-size:1.3rem;line-height:1.76}
.book-view-container .accrodion-content .chapter-tag .num{padding-left:0.3rem;font-weight:700;font-size:1.3rem;line-height:1.76;font-family:"Mulish"}
.book-view-container .accrodion-content .list{margin-bottom:1.5rem}
.book-view-container .accrodion-content .tbl-container01{margin-top:1.2rem}
.book-view-container .accrodion-content .tbl-container01 + .txt{margin-top:2rem}
.book-view-container .sub-title{font-size:1.7rem;line-height:1.58}
.book-view-container .sub-title.blue{color:#4051b8}
.book-view-container .title{margin-top:3.3rem;font-size:2.5rem;line-height:1.4;font-weight:700;position:relative}
.book-view-container .title.medium{font-size:2.2rem;line-height:1.45;font-weight:500}
.book-view-container .title .flag{vertical-align:0.7rem}
.book-view-container .title .line{position:absolute;bottom:100%;left:0;width:2.1rem;height:0.6rem;border-radius:0.6rem;background-color:#e1002a}
.book-view-container .flag{border:1px solid #999;padding:0 0.8rem 0.2rem;border-radius:2rem;font-size:0;display:inline-block}
.book-view-container .flag .num{font-size:1.2rem;line-height:1.83;font-family:"Mulish"}
.book-view-container .flag .txt{font-size:1.2rem;line-height:1.83}
.book-view-container .flag.red{color:#e1002a;border-color:#e1002a}
.book-view-container .flag.round{width:3.5rem;height:3.5rem;border-radius:3.5rem;font-size:1.1rem;line-height:1.9;padding:0;font-weight:500;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.book-view-container .flag.round.blue{color:#fff;background-color:#4051b8;border-color:#4051b8}
.book-view-container .flag.round.red{color:#fff;background-color:#e1002a;border-color:#e1002a}
.grey-column-text-box{text-align:center;padding:1.3rem 0 2rem;border-radius:1rem;background-color:#f9f9f9;font-size:0;margin:3rem 0}
.grey-column-text-box .txt{font-size:1.3rem;line-height:1.76;line-height:0.9;padding:0 0.9rem;display:inline-block;margin-top:0.7rem;color:#222}
.grey-column-text-box .bl{border-left:1px solid #ccc}
.grey-column-text-box + .btn-lv03{margin-top:0}
.round-type-tag{display:inline-block;margin-bottom:2rem;border-radius:3rem;padding:0.4rem 1.2rem 0.5rem;border:1px solid #4051b8;color:#4051b8;font-size:1.3rem;line-height:1.76;position:relative}
.round-type-tag .bold{font-weight:700}
.round-type-tag .bold + .normal::before{content:"";display:inline-block;height:1.2rem;width:1px;margin-right:0.5rem;margin-left:0.2rem;margin-top:-0.2rem;background-color:#ddd}
.round-type-tag .bd-none::after{content:none}
.round-type-tag .font-medium{font-size:1.5rem;line-height:1.66}
.text-round-box{font-size:1.3rem;line-height:1.76;font-weight:500;padding:1.8rem 0;border-radius:7.5rem;line-height:1.5}
[class*="content-box"]{overflow:hidden;padding:0 2rem}
[class*="content-box"] .btn-lv03{margin-top:0.5rem;padding:1rem 2rem 1rem;min-width:15.4rem;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16)}
[class*="content-box"] .btn-lv03 .txt{color:#fff;font-size:1.5rem;line-height:1.66;font-weight:500;padding-right:1rem}
[class*="content-box"] .book-view-content{overflow:visible;padding:0 0 4.4rem}
[class*="content-box"] .book-view-content .title{margin-bottom:2.3rem}
[class*="content-box"] .book-view-content .swiper-slide{position:relative}
[class*="content-box"] .book-view-content .flag{position:absolute;top:-1rem;left:-1rem;z-index:2}
[class*="content-box"] .book-view-content img{-webkit-box-shadow:0 1.5rem 1.5rem rgba(0, 0, 0, 0.16);box-shadow:0 1.5rem 1.5rem rgba(0, 0, 0, 0.16);background-color:#fff}
[class*="content-box"] .book-view-content .book-title{font-size:1.5rem;line-height:1.66;margin-top:1rem;font-weight:500;text-align:center}
[class*="content-box"] .book-view-content .img-box{background-color:rgba(0, 0, 0, 0.03);border-radius:0.5rem;display:block;position:relative;z-index:1}
[class*="content-box"] .book-view-content .img-box::after{padding-top:100%;content:"";width:100%;display:block}
[class*="content-box"] .book-view-content .img-box img{position:absolute;top:50%;left:50%;width:auto;max-width:-webkit-calc(100% - 36px);max-width:calc(100% - 36px);max-height:-webkit-calc(100% - 36px);max-height:calc(100% - 36px);max-width:-webkit-calc(100% - 3.6rem);max-width:calc(100% - 3.6rem);max-height:-webkit-calc(100% - 3.6rem);max-height:calc(100% - 3.6rem);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1);box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1)}
[class*="content-box"] .book-view-content.book-swiper02{padding-top:3.5rem}
[class*="content-box"] .sub-title{font-size:2.2rem;line-height:1.45;font-weight:500;margin-top:3.3rem}
[class*="content-box"] .book-view-content02{padding:0 0 4.1rem;width:-webkit-calc(100% + 40px);width:calc(100% + 40px);width:-webkit-calc(100% + 4rem);width:calc(100% + 4rem);margin-left:-2rem;position:relative}
[class*="content-box"] .book-view-content02 .swiper-wrapper{margin-top:1.6rem}
[class*="content-box"] .book-view-content02 .swiper-slide{padding:0 2rem}
[class*="content-box"] .book-view-content02 .sub-title{padding:0 2rem}
[class*="content-box"] .book-view-content02 .swiper-pagination{bottom:0}
[class*="content-box"] .book-card-box [class*="swiper-dig"]{margin-top:-0.5rem}
[class*="content-box"] .book-card-box .swiper-dig-prev-button{left:-2rem}
[class*="content-box"] .book-card-box .swiper-dig-next-button{right:-2rem}
[class*="content-box"] .accrodion-container{margin-top:1.5rem}
[class*="content-box"].review-type{background-color:#f9f9f9}
[class*="content-box"].gregre-type{background-color:#faf9f5}
[class*="content-box"].round-type{border:1px solid #ddd;border-radius:1rem;padding:4rem 0;text-align:center;overflow:hidden;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);width:-webkit-calc(100% - 4rem);width:calc(100% - 4rem);margin:0 auto;position:relative}
[class*="content-box"].round-type .round-type-title{font-size:0}
[class*="content-box"].round-type .round-type-title .txt{font-size:2.2rem;line-height:1.45;font-weight:700}
[class*="content-box"].round-type .round-type-title .num{font-size:2.2rem;line-height:1.45;font-weight:700;font-family:"Mulish";color:#4051b8;padding-left:0.5rem;vertical-align:-0.9rem}
[class*="content-box"].round-type .round-type-sub-desc{font-size:1.4rem;line-height:1.71;margin-top:0.7rem;padding:0 5rem}
[class*="content-box"].round-type .title-label{position:absolute;top:-1px;left:-1px;background-color:#4051b8;width:-webkit-calc(100% + 2px);width:calc(100% + 2px);font-size:1.5rem;line-height:1.66;color:#fff;text-align:center;font-weight:700;padding:0.8rem 0}
[class*="content-box"].round-type.space02{padding:8.5rem 2rem 4rem;margin-top:3.8rem}
[class*="content-box"] .step-number{width:4rem;height:4rem;border-radius:4rem;color:#fff;font-size:1.4rem;line-height:1.71;font-weight:700;font-family:"Mulish";display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 auto;position:relative}
[class*="content-box"] .step-sub-title{font-size:2.2rem;line-height:1.45;margin-top:0.7rem;font-weight:700;text-align:center;position:relative}
[class*="content-box"] .step-sub-title.small{font-size:1.8rem;line-height:1.55;font-weight:500}
[class*="content-box"] .step-sub-title.small + .step-sub-title{margin-top:0.5rem}
[class*="content-box"] .step-sub-title.content-intro{margin-top:5rem;color:#e94820}
[class*="content-box"] .step-sub-subtit{font-size:1.8rem;line-height:1.55;margin-top:7rem;font-weight:700;text-align:center}
[class*="content-box"] .step-sub-desc{font-size:1.4rem;line-height:1.71;margin-top:0.8rem;text-align:center;position:relative}
[class*="content-box"] .step-sub-desc.small{font-size:1.2rem;line-height:1.83}
[class*="content-box"] .step-sub-desc.color-666{color:#666}
[class*="content-box"] .step-sub-desc + .img-box.content-intro{position:relative;margin-top:4rem;text-align:center}
[class*="content-box"] .step-sub-desc + .img-box.content-intro img{position:static;width:inherit;height:inherit}
[class*="content-box"] .step-notice{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1.1rem;line-height:1.9;margin:1rem auto 0.5rem;padding:0.5rem 1.2rem 0.5rem 3rem;border-radius:5rem;color:#333;background-color:#ffecec;text-align:center;font-weight:500}
[class*="content-box"] .step-notice::before{content:"";position:absolute;top:50%;left:1.2rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1.2rem;height:1.2rem;background:url(../images/common/ico_notice@2x.png) no-repeat center center/contain}
[class*="content-box"] .img-box.content-intro{position:relative;margin-top:4rem;padding:0 2.5rem;text-align:center}
.step-type{padding:6rem 0 0;position:relative;margin-top:6rem}
.step-type::before{content:"";display:inline-block;position:absolute;width:100%;height:70%;background-color:#f5f5f5;top:0;left:0}
.step-type.type-style01{text-align:center}
.step-type.type-style01 .step-number{display:inline;border-radius:5rem;padding:0.6rem 1.5rem 0.8rem 1.5rem}
.step-type.type-style01 .step-number .num{font-size:1.4rem;line-height:1.71}
.step-type.type-style01 .step-number .numtit{font-size:1.4rem;line-height:1.71;font-weight:500;line-height:1.53}
.step-type.type-style01 .step-number .numtit::before{content:"";width:0.1rem;height:1rem;background-color:#fff;display:inline-block;margin:0 0.75rem 0.25rem 0.75rem}
.step-type.type-style01 .txt-area .txt-box{text-align:left}
.step-type.type-style01 .txt-area .txt-box.center{text-align:center}
.video-popup{position:fixed;display:none;top:0;left:0;height:100%;width:100%;z-index:100;background-color:rgba(0, 0, 0, 0.7)}
.video-popup .iframe-box{width:-webkit-calc(100% - 40px);width:calc(100% - 40px);width:-webkit-calc(100% - 4rem);width:calc(100% - 4rem);top:50%;left:2rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute}
.video-popup .iframe-box iframe{width:100%;left:0;height:60vw}
.video-popup .iframe-box .video-pop-close{top:-4rem;right:0}
.video-popup .video-box{width:-webkit-calc(100% - 40px);width:calc(100% - 40px);width:-webkit-calc(100% - 4rem);width:calc(100% - 4rem);top:50%;left:2rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute}
.video-popup .video-box video{width:100%;top:0;left:0;position:relative;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);height:60vw}
.video-popup .video-box .video-pop-close{top:-4rem;right:0}
.video-popup video{max-width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.video-popup .video-pop-close{position:absolute;top:2rem;right:2rem}
.main-banner{margin:6rem auto -6rem auto}
.main-banner .banner-swiper{position:relative}
.main-banner .banner-swiper .swiper-slide img{width:100%}
.main-banner .banner-swiper .indicator-bx{position:absolute;bottom:0.5rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1}
.main-banner .banner-swiper .swiper-button-next,.main-banner .banner-swiper .swiper-button-prev{display:none}
/*! s : 전집 과학공룡 */
.step-title{font-size:3rem;line-height:1.33;text-align:center;margin-top:6rem;margin-bottom:3.4rem;font-weight:700;letter-spacing:-0.03em}
.step-title .num{font-family:"Mulish"}
.step-title.mt-0{margin-top:0}
.step-title.mb-0{margin-bottom:0}
[class*="pageClassCollectedView"] .collected-banner-container .img-box::before{padding-top:167%}
[class*="pageClassCollectedView"] .collected-banner-container .swiper-pagination-bullets{bottom:80px}
[class*="pageClassCollectedView"] .collected-banner-container .swiper-pagination{bottom:80px}
[class*="pageClassCollectedView"] .book-view-container{margin-top:540px}
[class*="pageClassGregreView"] .collected-banner-container .img-box::before{padding-top:167%}
[class*="pageClassGregreView"] .collected-banner-container .swiper-pagination-bullets{bottom:80px}
[class*="pageClassGregreView"] .book-view-container{margin-top:540px}
.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet{background-color:#222;margin:0.2rem 0.4rem}
.public-swiper-container{overflow:visible;margin-top:3.5rem}
.public-swiper-container.mt-40{margin-top:4rem}
.public-swiper-container .swiper-slide{padding:0 2rem}
.public-swiper-container .swiper-pagination-bullet{background-color:#222}
.public-swiper-container .swiper-pagination-bullets{bottom:0;overflow:visible}
.public-swiper-container .video-container .thumnail-box{margin-top:0;border:0;border-radius:1rem;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16)}
.public-swiper-container .swiper-pagination-book-cover{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 2rem;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.public-swiper-container .swiper-pagination-book-cover .btn{padding:0 0.5rem;width:8rem;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;opacity:0.3}
.public-swiper-container .swiper-pagination-book-cover .btn .hide-txt{display:none;position:absolute;top:0;left:0;opacity:0}
.public-swiper-container .swiper-pagination-book-cover .btn img{-webkit-box-shadow:0.2rem 0.2rem 0.7rem rgba(0, 0, 0, 0.16);box-shadow:0.2rem 0.2rem 0.7rem rgba(0, 0, 0, 0.16)}
.public-swiper-container .swiper-pagination-book-cover .btn.on{opacity:1}
.public-swiper-container .swiper-pagination-book-cover .btn.on .hide-txt{display:block}
.public-swiper-container .swiper-pagination-book-cover + .swiper-wrapper{margin-top:2rem}
.cont-area{position:relative;border-radius:1rem}
.cont-area .curious-box{position:absolute;top:1.6rem;left:1.4rem;height:4rem;width:-webkit-calc(100% - 28px);width:calc(100% - 28px);width:-webkit-calc(100% - 2.8rem);width:calc(100% - 2.8rem);overflow:hidden}
.cont-area .curious-box .ico-curious{position:relative;z-index:2}
.cont-area .curious-box .txt-box-wrapper{position:absolute;left:2rem;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);width:-webkit-calc(100% - 2rem);width:calc(100% - 2rem);top:0;height:100%;overflow:hidden}
.cont-area .curious-box .txt-box{background-color:rgba(0, 0, 0, 0.75);height:4rem;padding:0.9rem 0 0.8rem 1.5rem;border-radius:0 4rem 4rem 0;width:99%;position:absolute;top:0;left:0;z-index:1;letter-spacing:-0.02rem;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);text-align:center}
.cont-area .curious-box .txt-box .txt{color:#fff;font-size:1.3rem;line-height:1.76;font-weight:500}
.cont-area .label-box{position:absolute;top:0;left:0;width:100%;height:3.5rem;border-radius:1rem 1rem 0 0;padding-top:0.6rem;text-align:center;background-color:#ccc}
.cont-area .label-box .txt{font-size:1.5rem;line-height:1.66;font-weight:700;color:#fff}
.cont-area .label-box .line{display:inline-block;width:1px;height:1.3rem;background-color:rgba(255, 255, 255, 0.4);margin:0 0.5rem}
.cont-area .cont-detail{position:absolute;left:2.4rem;bottom:2.4rem;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;width:-webkit-calc(100% - 48px);width:calc(100% - 48px);width:-webkit-calc(100% - 4.8rem);width:calc(100% - 4.8rem)}
.cont-area .cont-detail .txt-box.center{text-align:center}
.cont-area .cont-detail .txt-box .txt{font-size:1.2rem;line-height:1.83;font-weight:500;color:#fff}
.cont-area .cont-detail .txt-box .txt.orange{color:#ff650c}
.cont-area .cont-detail .txt-box .txt.black{color:#222}
.cont-area .cont-detail .txt-box .txt.bold{font-weight:700}
.cont-area .cont-detail .txt-box .txt.regualr{font-weight:400}
.cont-area .cont-detail .txt-box .txt.small{font-size:1.2rem;line-height:1.83}
.cont-area .cont-detail.top{bottom:auto;top:2.4rem}
.cont-area .cont-detail.top2{bottom:auto;top:7rem}
.cont-area .bg-img.bg-white{background-color:#fff}
.cont-area .bg-img img{-webkit-filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.16));filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.16))}
.cont-area .cont-desc-area{text-align:center;padding:2rem 1.5rem 2rem 1.5rem;background-color:#fff}
.cont-area .cont-desc-area .cont-desc-tit{font-size:1.7rem;line-height:1.58;padding:1rem 0 0.5rem 0;font-weight:700}
.cont-area .cont-desc-area .cont-desc-tit.deep-red{color:#d8213b}
.cont-area .cont-desc-area .cont-desc-txt{padding:0 0 1rem 0;font-size:1.2rem;line-height:1.83;color:#222;letter-spacing:-0.025em}
.txt-area{padding:0 0.8rem;margin-top:2rem}
.txt-area .book-img{width:7rem;min-width:7rem}
.txt-area .book-img.no-shadow{-webkit-box-shadow:none;box-shadow:none}
.txt-area .book-img img{-webkit-filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.16));filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.16))}
.txt-area strong{font-size:1.4rem;line-height:1.71}
.txt-area .txt-box{padding-left:2.1rem}
.txt-area .txt{font-size:1.4rem;line-height:1.71;letter-spacing:-0.05em}
.swiper-collected-list{margin-top:2.4rem;padding-bottom:2rem;overflow:visible}
.swiper-collected-list .bullet-info-box{text-align:left;border-bottom:1px solid #ddd;width:-webkit-calc(100% - 30px);width:calc(100% - 30px);padding-bottom:0.8rem;margin:0 auto}
.swiper-collected-list .bullet-info-box .mont{font-family:"Mulish";font-size:1.2rem;line-height:1.83;line-height:1}
.swiper-collected-list .bullet-info-box .noto{font-size:1.2rem;line-height:1.83}
.swiper-collected-list .bullet-info-box::before{content:none!important}
.swiper-collected-list .swiper-slide [class*="bullet"]{display:inline-block}
.swiper-collected-list .swiper-slide [class*="bullet"]::before{content:"";display:inline-block;width:0.6rem;height:0.6rem;border-radius:0.6rem;background-color:#ccc;margin-right:0.2rem}
.swiper-collected-list .swiper-slide [class*="bullet"] + [class*="bullet"]{margin-left:0.6rem}
.swiper-collected-list .swiper-slide [class*="bullet"].bullet-qr::before{background-color:#e1002a}
.swiper-collected-list .swiper-slide [class*="bullet"].bullet-app::before{background-color:#4051b8}
.swiper-collected-list .swiper-slide [class*="bullet"].bullet-listening::before{background-color:#00bca9}
.swiper-collected-list .swiper-slide [class*="bullet"].bullet-reading::before{background-color:#fdab01}
.swiper-collected-list .swiper-slide [class*="bullet"].bullet-video::before{background-color:#ff00a1}
.swiper-collected-list .swiper-slide [class*="bullet"].hide-txt{width:0.6rem;height:0.6rem;position:relative;margin:0;vertical-align:0.2rem;overflow:visible;font-size:0}
.swiper-collected-list .collected-lists{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 1.5rem;margin-top:1.3rem}
.swiper-collected-list .collected-lists .list{width:-webkit-calc(33.33% - 3.4px);width:calc(33.33% - 3.4px);width:-webkit-calc(33.33% - 0.34rem);width:calc(33.33% - 0.34rem);margin-right:0.5rem;margin-bottom:2.3rem;text-align:left}
.swiper-collected-list .collected-lists .list .img-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:10px 0;background-color:rgba(0, 0, 0, 0.03);border-radius:0.5rem}
.swiper-collected-list .collected-lists .list img{-webkit-box-shadow:0.3rem 0.3rem 0.8rem rgba(0, 0, 0, 0.16);box-shadow:0.3rem 0.3rem 0.8rem rgba(0, 0, 0, 0.16);width:70%}
.swiper-collected-list .collected-lists .list .book-title{margin-top:0.5rem;font-size:0}
.swiper-collected-list .collected-lists .list .book-title .num{display:block;font-family:"Mulish";font-weight:500;font-size:1.2rem;line-height:1.83;padding-right:0.3rem;line-height:1}
.swiper-collected-list .collected-lists .list .book-title .txt{display:block;margin-top:0.5rem;font-size:1.2rem;line-height:1.83;font-weight:500;word-break:keep-all;line-height:1.4}
.swiper-collected-list .collected-lists .list:nth-child(3n + 3){margin-right:0}
.plus-block{text-align:center;margin-top:-1.4rem;height:2.8rem;position:relative;z-index:2}
.plus-block .ico-blue-plus{border-radius:50%;-webkit-box-shadow:0.3rem 0.3rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.3rem 0.3rem 1rem rgba(0, 0, 0, 0.16)}
.swiper-collected-item-lits{margin-top:4.7rem;overflow:visible;padding-bottom:2rem}
.swiper-collected-item-lits .indicator-bx{position:absolute;bottom:0;width:100%}
.use-tips-swiper{overflow:visible;width:30rem;margin:0}
.use-tips-swiper .step-label{background-color:#e1002a;border-radius:2rem;padding:0.4rem 1rem;color:#fff;font-weight:700;font-family:"Mulish";display:inline-block;font-size:1rem;line-height:2;line-height:1.3}
.use-tips-swiper .use-tip-title{font-size:1.7rem;line-height:1.58;font-weight:700;margin-top:1rem}
.use-tips-swiper .swiper-slide{padding-right:4rem;overflow:visible;letter-spacing:-0.02em}
.use-tips-swiper .round{width:100%;padding-top:100%;background-color:#ffe53f;opacity:0.4;border-radius:100%}
.use-tips-swiper .img-box{min-width:26rem;min-height:28rem;position:relative}
.use-tips-swiper .img-box img{position:absolute;bottom:0;left:0}
.swiper-reality-review{width:25rem;padding-bottom:8.5rem;overflow:visible}
.swiper-reality-review .swiper-slide{border-radius:1rem;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);overflow:hidden}
.swiper-reality-review .swiper-pagination{bottom:5.5rem}
.preview-container{text-align:center}
.preview-container .item-content{border-radius:1rem;border:1px solid #ddd;width:-webkit-calc(50% - 7px);width:calc(50% - 7px);width:-webkit-calc(50% - 0.7rem);width:calc(50% - 0.7rem);margin-right:0.7rem;padding:2.5rem 0}
.preview-container .item-content + .item-content{margin-left:0.7rem;margin-right:0}
.preview-container .preview-title{font-size:1.7rem;line-height:1.58;margin-top:1.5rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2rem 0 2rem}
.preview-container .preview-desc{font-size:1.3rem;line-height:1.76;margin-top:0.4rem;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding:0 2rem;height:4.4rem}
.preview-container .link{margin-top:1.3rem;padding:0.3rem 1.3rem;min-width:auto}
.preview-container .link .txt{font-size:1.3rem;line-height:1.76;padding-right:0.2rem}
.preview-container img{width:auto!important;max-width:9rem;max-height:9rem;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16)}
.popup-book-lists .modal-popup-container{background-color:#f5f5f5;text-align:center;padding-top:6rem}
.popup-book-lists .img-box{width:20rem;height:20rem;margin:0 auto;position:relative}
.popup-book-lists img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16)}
.popup-book-lists .modal-popup-infomation{background-color:#fff;border-radius:2rem 2rem 0 0;padding:3.5rem 4.2rem;height:23.7rem;overflow:auto}
.popup-book-lists .list{display:none}
.popup-book-lists .list:first-child{display:block}
.popup-book-lists .book-title{color:#4051b8;font-size:2rem;line-height:1.5;font-weight:700}
.popup-book-lists .book-title .num{font-family:"Mulish"}
.popup-book-lists .popup-collected-swiper{padding-bottom:6.7rem}
.popup-book-lists .swiper-pagination{bottom:2rem}
.popup-book-lists .book-description{font-size:1.5rem;line-height:1.66;margin-top:1.2rem}
[class*="swiper-btn-round"]{display:none}
.pageClassCollectedGuideMap .tbl-fixed-scroll{width:-webkit-calc(100% - 40px);width:calc(100% - 40px);margin:0 auto;margin-top:1.2rem}
.pageClassCollectedGuideMap .tbl-fixed-scroll .tbl-col-row01 thead tr:nth-child(2) th{top:5.2rem}
.pageClassCollectedGuideMap .tbl-fixed-scroll tbody td,.pageClassCollectedGuideMap .tbl-fixed-scroll tbody th{padding:1.8rem 1.4rem;position:relative;overflow:visible}
.pageClassCollectedGuideMap .tbl-fixed-scroll tbody td{font-size:1.2rem;line-height:1.83;font-weight:500;background-color:transparent}
.pageClassCollectedGuideMap .tbl-fixed-scroll .tbl-col-row01 tbody tr:nth-child(even) td{background-color:transparent}
.pageClassCollectedGuideMap .tbl-fixed-scroll .tbl-col-row01 tbody tr:nth-child(even) td.bg-gray{background-color:#f5f5f5}
.pageClassCollectedGuideMap .tbl-fixed-scroll .start{z-index:1}
.pageClassCollectedGuideMap .tbl-fixed-scroll [class*="ico-collected"]{margin-right:0.6rem}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items{position:absolute;top:0.7rem;left:1.3rem;height:-webkit-calc(100% - 14px);height:calc(100% - 14px);width:-webkit-calc(100% - 26px);width:calc(100% - 26px);border-radius:4.5rem;border:0.2rem solid #ccc;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items.red-item{border-color:#e1002a}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items.yellow-item{border-color:#ffe53f}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items.blue-item{border-color:#4051b8}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items.green-item{border-color:#00bca9}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items.pink-item{border-color:#ff6795}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items.orange-item{border-color:#fb9606}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items.skyblue-item{border-color:#b3d6ff}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-2{width:-webkit-calc(200% - 26px);width:calc(200% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-3{width:-webkit-calc(300% - 26px);width:calc(300% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-4{width:-webkit-calc(400% - 26px);width:calc(400% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-5{width:-webkit-calc(500% - 26px);width:calc(500% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-6{width:-webkit-calc(600% - 26px);width:calc(600% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-7{width:-webkit-calc(700% - 26px);width:calc(700% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-8{width:-webkit-calc(800% - 26px);width:calc(800% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-9{width:-webkit-calc(900% - 26px);width:calc(900% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-10{width:-webkit-calc(1000% - 26px);width:calc(1000% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-11{width:-webkit-calc(1100% - 26px);width:calc(1100% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-12{width:-webkit-calc(1200% - 26px);width:calc(1200% - 26px)}
.pageClassCollectedGuideMap .guide-items-color-box{margin-top:4.1rem;padding:0 2rem;font-size:1.2rem;line-height:1.83/*! s: 20231011 창의예술 색상 추가 - mo *//*! e: 20231011 창의예술 색상 추가 - mo */}
.pageClassCollectedGuideMap .guide-items-color-box [class*="items"]::before{content:"";display:inline-block;width:1.1rem;height:1.1rem;border-radius:1.1rem;border:0.3rem solid #ccc;margin-right:0.3rem;vertical-align:-0.1rem}
.pageClassCollectedGuideMap .guide-items-color-box [class*="items"] + [class*="items"]{margin-left:1.2rem}
.pageClassCollectedGuideMap .guide-items-color-box [class*="items"]:last-child{margin-left:1.5rem}
.pageClassCollectedGuideMap .guide-items-color-box .red-items::before{border-color:#e1002a}
.pageClassCollectedGuideMap .guide-items-color-box .yellow-items::before{border-color:#ffe53f}
.pageClassCollectedGuideMap .guide-items-color-box .blue-items::before{border-color:#4051b8}
.pageClassCollectedGuideMap .guide-items-color-box .green-items::before{border-color:#00bca9}
.pageClassCollectedGuideMap .guide-items-color-box .pink-items::before{border-color:#ff6795}
.pageClassCollectedGuideMap .guide-items-color-box .orange-items::before{border-color:#fb9606}
.pageClassCollectedGuideMap .guide-items-color-box.mo-mode .mo-show{display:block}
.pageClassCollectedGuideMap .guide-items-color-box.mo-mode .mo-type{margin-left:0}
.pageClassCollectedGuideMap .guide-items-color-box .skyblue-items::before{border-color:#b3d6ff}
.pageClassCollectedGuideMap .scrollbar-inner.gregre{height:auto}
.table-view-body-container{padding:4.5rem 2rem;border-bottom:1px solid #ccc}
.table-view-body-container tbody tr:nth-child(even) td{background-color:transparent}
[class*="content-box"] .book-view-content .book-title.align-left{text-align:left}
.new-tags{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.new-tags .new-tag{color:#000;padding:0.2rem 1rem 0.2rem 1rem;font-size:1.2rem;line-height:1.83;border-radius:2.8rem;border:1px solid #ddd;margin-top:0.7rem;margin-right:0.4rem}
.content-visual-img.gregre-main img{top:5%;left:5%}
.main-info-container{position:relative;max-width:100%;overflow:hidden}
.main-info-container .bg-area{height:50%;background:url("../images/introduce/gregre_main_bg_mo.jpg") no-repeat;background-size:cover;border-bottom-left-radius:50%;border-bottom-right-radius:50%;overflow:hidden}
.main-info-container .main-info-inner{position:relative;top:-100%;right:-300px;max-width:100%;min-height:61.5rem;margin:0 auto;padding:0 2rem 4rem 13.5rem}
.main-info-container .main-info-inner .main-info-btn{margin-top:2rem}
.main-info-container .main-info-inner .main-info-btn .main-info-link .txt{position:relative;padding:0.8rem 1.2rem 0.8rem 1.7rem;border:0.1rem solid #333;font-size:1.2rem;line-height:1.83;color:#333;font-weight:500;border-radius:30px}
.main-info-container .main-info-inner .main-info-btn .main-info-link .txt::after{content:"";display:inline-block;-webkit-transform:translateY(15%);-ms-transform:translateY(15%);transform:translateY(15%);margin-left:5px;width:1.1rem;height:1.9rem;background:url(../images/introduce/black_color_arrow.png) no-repeat left top;background-size:50%}
.main-info-container .main-info-inner .main-info-txt{padding-top:37rem;font-size:1.3rem;line-height:1.76;line-height:1.61}
.main-info-container .main-info-inner .main-info-txt p.mo-show{margin-top:1.5rem}
.step-title.gregre{margin-bottom:0}
.detail-info-container{display:inline-block;width:100%;padding:0 0 8rem;margin-top:4rem}
.detail-info-container .swiper-container.swiper-gregre{width:25rem;margin:0 auto;border-radius:10px;overflow:visible}
.detail-info-container .swiper-container.swiper-gregre .swiper-btn-round-next{right:-11rem}
.detail-info-container .swiper-container.swiper-gregre .swiper-btn-round-prev{left:-11rem;z-index:100}
.detail-info-container .swiper-container.swiper-gregre .swiper-pagination{bottom:-3rem}
.detail-info-container .swiper-container.swiper-gregre .swiper-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.detail-info-container .swiper-container.swiper-gregre .swiper-wrapper .swiper-slide{min-height:34.5rem;margin-right:2rem;border-radius:10px;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);background:#fff}
.detail-info-container .swiper-container.swiper-gregre .swiper-wrapper .content-bg{max-width:100%}
.detail-info-container .swiper-container.swiper-gregre .swiper-wrapper .content-bg img{width:100%}
.detail-info-container .swiper-container.swiper-gregre .swiper-wrapper .content-txt{padding:3rem;border-radius:1rem;text-align:left;background:#fff}
.detail-info-container .swiper-container.swiper-gregre .swiper-wrapper .content-txt dt{font-size:1.4rem;line-height:1.71;font-weight:bold}
.detail-info-container .swiper-container.swiper-gregre .swiper-wrapper .content-txt dd:first-of-type{margin-top:1.2rem;font-size:1.3rem;line-height:1.76}
.detail-info-container .swiper-container.swiper-gregre .swiper-wrapper .content-txt dd:last-of-type{margin-top:3rem;padding-bottom:0.5rem}
.detail-info-container .swiper-container.swiper-gregre .swiper-wrapper .content-txt dd .main-info-link .txt{position:relative;padding:0.8rem 1.2rem 0.8rem 1.7rem;border:0.1rem solid #e1002a;font-size:1.2rem;line-height:1.83;color:#e1002a;font-weight:500;border-radius:30px}
.detail-info-container .swiper-container.swiper-gregre .swiper-wrapper .content-txt dd .main-info-link .txt::after{content:"";display:inline-block;-webkit-transform:translateY(15%);-ms-transform:translateY(15%);transform:translateY(15%);margin-left:5px;width:1.1rem;height:1.9rem;background:url(../images/introduce/main_color_arrow.png) no-repeat left top;background-size:50%}
.main-introduce-container{max-width:120rem;width:100%;margin:0 auto;overflow:hidden}
.main-introduce-container ul{margin-top:6rem;padding:0 2rem}
.main-introduce-container ul .introduce-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;min-height:15rem;border-radius:15px}
.main-introduce-container ul .introduce-item:first-of-type{background:url("../images/introduce/gregre_intersting_mo.png") no-repeat;background-size:cover}
.main-introduce-container ul .introduce-item:first-of-type .item-txt{padding:3rem 0 0 2.5rem}
.main-introduce-container ul .introduce-item:first-of-type .item-desc{position:absolute;z-index:10}
.main-introduce-container ul .introduce-item:nth-of-type(2){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;background:url("../images/introduce/gregre_interaction_mo.png") no-repeat;background-size:cover}
.main-introduce-container ul .introduce-item:nth-of-type(2) .item-txt{padding:3rem 1.5rem 0 0;width:50%}
.main-introduce-container ul .introduce-item:nth-of-type(3){background:url("../images/introduce/gregre_communication_mo.png") no-repeat;background-size:cover}
.main-introduce-container ul .introduce-item:last-of-type{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;background:url("../images/introduce/gregre_service_mo.png") no-repeat;background-size:cover}
.main-introduce-container ul .introduce-item:last-of-type .item-txt{padding:3rem 1rem 0 0;width:50%}
.main-introduce-container ul .introduce-item:not(:first-child){margin-top:2rem}
.main-introduce-container ul .introduce-item .item-txt{padding:2.5rem 0 0 2.5rem}
.main-introduce-container ul .introduce-item .item-txt .item-sub-title{font-size:1.5rem;line-height:1.66;font-weight:700}
.main-introduce-container ul .introduce-item .item-txt .item-desc{margin-top:0.2rem;font-size:1.4rem;line-height:1.71;line-height:1.5}
.main-introduce-container ul .introduce-item .item-word{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;font-size:1.2rem;line-height:1.83;color:#fff;font-weight:500}
.light-green02-detail-btn{display:block;width:10.5rem;margin:1.5rem auto 0;padding:0.8rem 1rem;background-color:#00a78d;border:1px solid #000;border-color:#00a78d;border-radius:4rem;color:#fff;text-align:center;font-size:1.3rem;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16)}
.light-green02-detail-btn .ico-asset{width:0.7rem;height:1.2rem;margin-left:0.8rem;margin-bottom:0.2rem;background-size:0.7rem 1.2rem;background-image:url(../images/common/ico_asset@2x.png)}
.content-box.light-orange02.gregre-use-tips{padding:6rem 2rem 0;position:relative;margin-top:5rem}
.content-box.light-orange02.gregre-use-tips .swiper-container.ui-public-swiper.use-tips-swiper.gregre{margin-top:3.5rem;padding-bottom:1rem}
.content-box.light-orange02.gregre-use-tips .img-box{min-width:27.6rem;min-height:34.5rem;border-top-right-radius:10px;border-bottom-right-radius:10px}
.content-box.light-orange02.gregre-use-tips .img-box img{position:relative;min-height:inherit;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);border-radius:10px}
.step-type02{padding:6rem 0 0;position:relative;margin-top:6rem}
.step-type02::before{content:"";display:inline-block;position:absolute;width:100%;height:70%;background-color:#f5f5f5;top:0;left:0}
.pc-show{display:none}
.mo-show{display:block}
.content-box .step-box strong{font-weight:700;font-size:22px;line-height:1.45}
.pageClassBebemama #content{overflow:hidden}
.pageClassBebemama .content-visual-container{height:50rem;margin-bottom:6rem}
.pageClassBebemama .content-visual-container::before{height:22.3rem;background:url(../images/introduce/bebemama/bg_main_deco.png) no-repeat center center/cover}
.pageClassBebemama .content-visual-center-container{width:90%;margin:0 auto}
.pageClassBebemama .content-visual-text{top:22%;bottom:auto;padding:0;z-index:2}
.pageClassBebemama .content-visual-bi{max-width:51.6rem;height:27rem;top:42%}
.pageClassBebemama .content-visual-bi [class^="img"].img01{top:13%;left:11%;width:34%}
.pageClassBebemama .content-visual-bi [class^="img"].img02{top:27%;left:12%;width:40%}
.pageClassBebemama .content-visual-bi [class^="img"].img03{top:5%;right:8%;width:40%}
.pageClassBebemama .content-visual-bi [class^="img"].img04{top:0;right:5%;width:22%}
.pageClassBebemama .content-visual-bi [class^="img"].img05{left:5%;width:83%}
.pageClassBebemama .content-visual-bg [class^="img"]{position:absolute}
.pageClassBebemama .content-visual-bg [class^="img"].img01{left:0;width:40%}
.pageClassBebemama .content-visual-bg [class^="img"].img02{right:0;width:40%}
.pageClassBebemama .content-visual-bg [class^="img"].img03{left:-9%;bottom:13%}
.pageClassBebemama .content-visual-bg [class^="img"].img04{right:-4%;bottom:9%;-webkit-transition-delay:0.5s!important;transition-delay:0.5s!important}
.pageClassBebemama .book-view-container{margin:6rem auto 8.5rem auto}
.pageClassBebemama .book-view-container .video-container{width:90%;margin:0 auto}
.pageClassBebemama .book-view-container .video-container embed,.pageClassBebemama .book-view-container .video-container iframe,.pageClassBebemama .book-view-container .video-container img{border-radius:2rem}
.pageClassBebemama .book-view-container .video-container .thumnail-box::after{bottom:-9%;left:-3%;width:6.2rem;height:7.2rem;background:url(../images/introduce/bebemama/ico_video_deco01.png) no-repeat center center/cover}
.pageClassBebemama .book-view-container .video-container .thumnail-box::before{bottom:-9%;right:-5%;width:3.8rem;height:4.6rem;background:url(../images/introduce/bebemama/ico_video_deco02.png) no-repeat center center/cover}
.pageClassBebemama .tab-nav-container{width:90%;height:10rem}
.pageClassBebemama .tab-nav-container .ui-sticky-item.sticky{width:90%;margin:0 auto;top:6.5rem}
.pageClassBebemama .tab-nav-link{background-color:#fff}
.pageClassBebemama .tab-content-wrap{margin-top:-2.5rem}
.pageClassBebemama .tab-content-wrap [class^="tab-content"]{padding-bottom:8.7rem}
.pageClassBebemama .tab-content-wrap [class^="tab-content"].deco::before{width:21.5rem;height:7rem}
.pageClassBebemama .tab-content-wrap .inner{width:90%}
.pageClassBebemama .tab-content-wrap .book-img{width:6rem;min-width:6rem}
.pageClassBebemama .tab-content-wrap .pc-show{display:none!important}
.pageClassBebemama .tab-content-wrap .mo-show{display:block!important}
.pageClassBebemama .public-swiper-container .txt-box{padding-left:1.7rem;line-height:1.4}
.pageClassBebemama .public-swiper-container .txt-box .round-type-tag{line-height:1.5}
.pageClassBebemama .public-swiper-container .txt-box .txt{line-height:1.5}
.pageClassBebemama #tab1 [class^="tab-content"] .main-tit{font-size:2.9rem;line-height:1.34}
.pageClassBebemama #tab1 [class^="tab-content"] .main-tit::before{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.pageClassBebemama #tab1 [class^="tab-content"] .sub-tit{font-size:1.7rem;line-height:1.58}
.pageClassBebemama #tab1 .tab-content01{padding-top:12rem}
.pageClassBebemama #tab1 .tab-content01 .sub-tit{display:block}
.pageClassBebemama #tab1 .tab-content01 .sub-tit::before{top:8.4rem;width:6.2rem;height:7.9rem}
.pageClassBebemama #tab1 .tab-content01 .main-tit{margin:15rem auto 1.5rem auto}
.pageClassBebemama #tab1 .tab-content02{padding:15rem 0 0}
.pageClassBebemama #tab1 .tab-content02 .main-tit::before{top:-4.5rem;width:3.4rem;height:2.5rem}
.pageClassBebemama #tab1 .tab-content02 .scholar-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:4rem;padding:4.3rem 0 8rem 0}
.pageClassBebemama #tab1 .tab-content02 .scholar-list::after{bottom:-0.5rem;width:1rem;height:4rem}
.pageClassBebemama #tab1 .tab-content02 .scholar-list li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:2rem}
.pageClassBebemama #tab1 .tab-content02 .scholar-list li .img{width:14.5rem;height:14.5rem}
.pageClassBebemama #tab1 .tab-content02 .scholar-list li .txt{width:-webkit-calc(100% - 145px - 20px);width:calc(100% - 145px - 20px);text-align:left}
.pageClassBebemama #tab1 .tab-content02 .scholar-list li .txt .tit{font-size:1.2rem;line-height:1.83;border-radius:2rem;padding:0.3rem 1.2rem;margin:0 0 1.6rem 0}
.pageClassBebemama #tab1 .tab-content02 .scholar-list li .txt .desc{font-size:1.4rem;line-height:1.71;line-height:1.4}
.pageClassBebemama #tab1 .tab-content02 .scholar-list li:last-child .img{background:url(../images/introduce/bebemama/tab1_contents02_img02.png) no-repeat center center/cover}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom{padding:7.5rem 0 15rem 0}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom [class^="txt"].txt01{font-size:1.6rem;line-height:1.62}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom [class^="txt"].txt02{font-size:1.6rem;line-height:1.62;margin:1.6rem auto 3rem auto}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom [class^="txt"].txt03{font-size:2.4rem;line-height:1.41}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom [class^="txt"].txt03 strong{font-size:3.6rem;line-height:1.27}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom .img-area .img01{width:12rem;bottom:-18rem;left:-3rem}
.pageClassBebemama #tab1 .tab-content02 .scholar-bottom .img-area .img02{width:13.3rem;height:21.6rem;bottom:-23.3rem;right:0}
.pageClassBebemama #tab1 .tab-content03{padding-top:10rem}
.pageClassBebemama #tab1 .tab-content03 .sub-logo{width:13.5rem;height:6rem}
.pageClassBebemama #tab1 .tab-content03 .sub-desc{margin:2rem auto 4rem auto;font-size:1.4rem;line-height:1.71;line-height:1.4}
.pageClassBebemama #tab1 .tab-content03 .cont-area-wrap::before{top:9%;height:33.1rem}
.pageClassBebemama #tab1 .tab-content03 .cont-area:first-child{margin-bottom:3.5rem}
.pageClassBebemama #tab1 .tab-content03 .cont-area .bg-img img{width:88%}
.pageClassBebemama #tab2 [class^="tab-content"]{padding-top:12rem}
.pageClassBebemama #tab2 [class^="tab-content"] .feature-num{font-size:1.4rem;line-height:1.71;padding:0.4rem 1.6rem;border-radius:3rem}
.pageClassBebemama #tab2 [class^="tab-content"] .feature-title{margin:2rem auto 2rem auto;font-size:2.4rem;line-height:1.41;line-height:1.4}
.pageClassBebemama #tab2 [class^="tab-content"] .feature-desc{font-size:1.4rem;line-height:1.71;line-height:1.4}
.pageClassBebemama #tab2 [class^="tab-content"] .content-center .public-swiper-container:first-child .cont-area,.pageClassBebemama #tab2 [class^="tab-content"] .content-center .public-swiper-container:nth-child(2) .cont-area{position:relative}
.pageClassBebemama #tab2 [class^="tab-content"] .content-center .public-swiper-container:first-child .cont-area::before,.pageClassBebemama #tab2 [class^="tab-content"] .content-center .public-swiper-container:nth-child(2) .cont-area::before{content:"";position:absolute;bottom:-6%;right:-4%;width:7.2rem;height:7.2rem;-webkit-filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3));filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3));z-index:3}
.pageClassBebemama #tab2 [class^="tab-content"] .content-center .public-swiper-container:first-child .cont-area::before{background:url(../images/introduce/bebemama/tab2_contents03_sec02_tag.png) no-repeat center center/cover}
.pageClassBebemama #tab2 [class^="tab-content"] .content-center .public-swiper-container:nth-child(2) .cont-area::before{background:url(../images/introduce/bebemama/tab2_contents03_sec01_tag.png) no-repeat center center/cover}
.pageClassBebemama #tab2 .tab-content01 .feature-desc{margin:2.4rem auto 4rem auto}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap{position:relative}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap::before{top:1.35rem}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap .public-swiper-container{max-width:85.5rem;width:100%;overflow:visible}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap .feature-num{width:2.8rem;height:2.8rem;margin-bottom:2rem;font-size:1.2rem;line-height:1.83;line-height:2.8rem}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap .txt-area{margin-top:1.8rem}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap .txt-area .txt{font-size:1.4rem;line-height:1.71;line-height:1.4}
.pageClassBebemama #tab2 .tab-content01 .feature-swiper-wrap .txt-area .txt strong{font-size:1.4rem;line-height:1.71}
.pageClassBebemama #tab2 .tab-content02{padding-bottom:3.2rem}
.pageClassBebemama #tab2 .tab-content02 .feature-desc{margin:2rem auto 5rem auto}
.pageClassBebemama #tab2 .tab-content02 .cont-area{position:relative}
.pageClassBebemama #tab2 .tab-content02 .btn-wrap{display:block;width:5rem;position:absolute;bottom:5%;left:16%}
.pageClassBebemama #tab2 .tab-content03 .content-center{gap:4rem}
.pageClassBebemama #tab2 .tab-content03 .content-center .public-swiper-container .txt{display:block;font-size:1.4rem;line-height:1.71;margin-top:2rem;color:#fff;line-height:1.4}
.pageClassBebemama #tab2 .tab-content03 .content-center .public-swiper-container .txt strong{color:#f8e642;font-weight:700}
.pageClassBebemama #tab2 .tab-content04 .public-swiper-container{padding-bottom:2.8rem}
.pageClassBebemama #tab3 [class^="tab-content"]{padding:12rem 0 0 0}
.pageClassBebemama #tab3 [class^="tab-content"] .point-title{gap:0.9rem;padding:0.9rem 2.4rem;margin-bottom:2.9rem;border-radius:2.4rem}
.pageClassBebemama #tab3 [class^="tab-content"] .point-title .tag{font-size:0.9rem;line-height:2.11;padding:0.1rem 0.8rem;border-radius:3rem}
.pageClassBebemama #tab3 [class^="tab-content"] .point-title .name{font-size:1.6rem;line-height:1.62;font-weight:800}
.pageClassBebemama #tab3 [class^="tab-content"] .point-sec{padding-bottom:5rem}
.pageClassBebemama #tab3 [class^="tab-content"] .point-sec:nth-child(3) .cont-area .bg-img img{border-radius:1rem}
.pageClassBebemama #tab3 [class^="tab-content"] .point-txt{width:100%;margin-bottom:3rem}
.pageClassBebemama #tab3 [class^="tab-content"] .point-desc{font-size:2rem;line-height:1.5}
.pageClassBebemama #tab3 [class^="tab-content"] .point-subdesc{margin-bottom:0.8rem;font-size:1rem;line-height:2;text-align:right}
.pageClassBebemama #tab3 .tab-content01 .point-sec:first-child .point-title{margin-bottom:3rem}
.pageClassBebemama #tab3 .tab-content01 .point-sec:first-child .point-txt{margin-bottom:3rem}
.pageClassBebemama #tab3 .tab-content01 .point-sec:first-child .public-swiper-container{margin-top:0}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(2){padding:5rem 0}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(2) .point-txt{margin-bottom:4rem}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3){padding:4rem 0}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-txt{margin-bottom:3rem}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-tip-box{width:100%;font-size:1.1rem;line-height:1.9;border-radius:1.2rem;padding:1.6rem 2rem;line-height:1.4}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-book-list{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 3rem;margin:2rem auto 5rem auto}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-book-list li{width:45%}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-book-list li:first-child{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-book-list li:nth-child(2){-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3;margin-top:0}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .point-book-list li:last-child{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}
.pageClassBebemama #tab3 .tab-content01 .point-sec:nth-child(3) .cont-area{overflow:hidden}
.pageClassBebemama #tab3 .tab-content01 .point-sec:last-child{padding:4rem 0}
.pageClassBebemama #tab3 .tab-content01 .point-sec:last-child .point-txt{margin-bottom:2rem}
.pageClassBebemama #tab3 .tab-content01 .point-sec:last-child .point-desc{margin-bottom:2rem;font-size:1.2rem;line-height:1.83;line-height:1.4}
.pageClassBebemama #tab3 .tab-content01 .point-sec:last-child .round-type-tag .normal::before{height:0.6rem;margin-right:0.6rem;margin-left:0.4rem}
.pageClassBebemama #tab3 .tab-content02{padding-top:5rem}
.pageClassBebemama #tab3 .tab-content02 .point-sec{padding-bottom:0}
.pageClassBebemama #tab3 .tab-content02 .point-sec .tab-label{background:#fff;border:0.5px solid #bcd9ff;border-bottom:0;color:#2b89e1;padding:0.7rem 1.6rem}
.pageClassBebemama #tab3 .tab-content02 .point-sec .tab-label.active{background:#eff6ff;border:0.5px solid #eff6ff;border-bottom:0}
.pageClassBebemama #tab3 .tab-content02 .point-sec .tab-body{background:#eff6ff}
.pageClassBebemama #tab3 .tab-content02 .video-container .thumnail-box::after{left:-4%;width:7.6rem;height:7.3rem}
.pageClassBebemama #tab3 .tab-content02 .video-container .thumnail-box::before{right:-4%;width:11.5rem;height:7.4rem}
.pageClassBebemama #tab3 .tab-content03{padding-top:5rem}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-txt{margin:2rem auto 4rem auto}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-music-box{padding:4rem 1.5rem;border-radius:2.4rem}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-music-box::before{top:-1.5%;width:3.6rem;height:3.6rem}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-music-box .point-tit{font-size:1.6rem;line-height:1.62}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-music-box .point-desc{margin:1.8rem auto 3rem auto;font-size:1.2rem;line-height:1.83;line-height:1.4}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-music-box .cont-area{display:block}
.pageClassBebemama #tab3 .tab-content03 .point-sec:first-child .point-music-box .cont-area .bg-img{width:100%}
.pageClassBebemama #tab3 .tab-content03 .point-sec:nth-child(2){padding-bottom:0}
.pageClassBebemama #tab3 .tab-content03 .point-sec:nth-child(2) .book-view-container{margin-top:2rem}
.pageClassBebemama #tab3 .tab-content03 .point-sec:nth-child(2) .book-view-container .video-container .thumnail-box::after{bottom:-9%;left:-4%;width:7.1rem;height:7.3rem}
.pageClassBebemama #tab3 .tab-content03 .point-sec:nth-child(2) .book-view-container .video-container .thumnail-box::before{bottom:-10%;right:-5%;width:6.25rem;height:7.3rem}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child{padding:4rem 0 0}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .scrollbar-inner{height:100%}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .scrollbar-inner .tbl-col-row01 colgroup col:nth-child(1){width:150px!important}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .scrollbar-inner .tbl-col-row01 colgroup col:nth-child(2){width:150px!important}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .scrollbar-inner .tbl-col-row01 colgroup col:nth-child(3){width:180px!important}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .scrollbar-inner .tbl-col-row01 colgroup col:nth-child(4){width:180px!important}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .scrollbar-inner .tbl-col-row01 colgroup col:nth-child(5){width:180px!important}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .scrollbar-inner .tbl-col-row01 thead th{font-size:1.2rem!important;line-height:1.83!important;padding:1rem 1.4rem}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .scrollbar-inner .tbl-col-row01 tbody tr th{font-size:1.4rem!important;line-height:1.71!important;padding:1rem 1.4rem}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .scrollbar-inner .tbl-col-row01 tbody tr td{padding:1rem 1.4rem;line-height:1.5}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .sticky-guide-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:4}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .sticky-guide-area [class^="ico-swipe-able"].ico-swipe-able01{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.pageClassBebemama #tab3 .tab-content03 .point-sec:last-child .tbl-fixed-scroll .sticky-guide-area [class^="ico-swipe-able"].ico-swipe-able02{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.pageClassBebemama #tab3 .tab-content04{padding-top:9rem}
.pageClassBebemama #tab3 .tab-content04 .point-sec:first-child .cont-area{width:90%;margin:0 auto}
.pageClassBebemama #tab3 .tab-content04 .point-sec:last-child{padding-bottom:8rem}
.pageClassBebemama #tab3 .tab-content04 .point-sec:last-child .point-desc{font-size:1.2rem;line-height:1.83;line-height:1.5}
.pageClassBebemama #tab3 .tab-content04 .point-sec:last-child .content-center{gap:1rem;margin-top:2.8rem}
.pageClassBebemama #tab3 .tab-content04 .point-sec:last-child .content-center .txt{font-size:1rem;line-height:2}
.pageClassBebemama #tab3 .tab-content04 .point-sec:last-child .content-center .sign{width:7.8rem;height:2.6rem}
.pageClassBebemama #tab4{padding:12rem 0 0}
.pageClassBebemama #tab4 .tab-content01{gap:2.8rem}
.pageClassBebemama #tab4 .tab-content01 .round-type-tag{margin-bottom:1rem;padding:0.8rem 1.2rem;font-size:1.2rem;line-height:1.83;line-height:1}
.pageClassBebemama #tab4 .tab-content01 .main-tit{margin-bottom:2.8rem;font-size:2rem;line-height:1.5}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
.align-center-box .desc{font-size:1.8rem;line-height:1.55}
.align-center-box .txt{font-size:2rem;line-height:1.5}
.align-center-box .quot-mark{padding:0 2.7rem}
.align-center-box .quot-mark::after,.align-center-box .quot-mark::before{top:-0.2rem;width:1.8rem;height:1.6rem;background-size:1.8rem 1.6rem}
.align-center-box.mt-25{margin-top:2.5rem}
.pageClassBook #content,.pageClassCollected #content,.pageClassGregre #content{overflow:hidden}
.pageClassBook #content .book-info-box,.pageClassCollected #content .book-info-box,.pageClassGregre #content .book-info-box{width:123rem;max-width:100%;margin:0 auto;position:relative;left:1.5rem}
.pageClassBook #content .content-visual-container .img02,.pageClassCollected #content .content-visual-container .img02,.pageClassGregre #content .content-visual-container .img02{-webkit-animation-delay:0.2s;animation-delay:0.2s}
.pageClassBookView .book-cover-flip-area{height:72rem;position:relative;text-align:center;-webkit-perspective:150rem;perspective:150rem}
.pageClassBookView .book-view-container .video-container{width:80rem}
.pageClassBookView .tab-nav-type09{width:40rem}
.cover-box{display:inline-block;margin:6rem auto 0;max-height:50rem;position:relative;cursor:url(../images/common/ico_hover.png) 4 12,auto}
.cover-box .cover-motion{position:relative;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.cover-box .cover-front{position:relative;z-index:3;-webkit-transform:translateZ(7px);transform:translateZ(7px);-webkit-backface-visibility:inherit;backface-visibility:inherit;height:100%}
.cover-box .cover-front img{max-height:44rem}
.cover-box .cover-back{position:absolute;z-index:0;top:0;left:0;-webkit-transform:rotateY(-180deg) translateZ(7px);transform:rotateY(-180deg) translateZ(7px);-webkit-box-shadow:-1rem 1rem 2rem 0.1rem rgba(0, 0, 0, 0.16);box-shadow:-1rem 1rem 2rem 0.1rem rgba(0, 0, 0, 0.16);-webkit-transition:-webkit-box-shadow 500ms ease-in-out;transition:-webkit-box-shadow 500ms ease-in-out;transition:box-shadow 500ms ease-in-out;transition:box-shadow 500ms ease-in-out,-webkit-box-shadow 500ms ease-in-out;-webkit-backface-visibility:inherit;backface-visibility:inherit;height:100%}
.cover-box .cover-back img{max-height:44rem}
.cover-box .cover-side{position:absolute;z-index:2;top:0;left:0;height:100%;-webkit-transform:rotateY(-90deg) translateZ(7px);transform:rotateY(-90deg) translateZ(7px);-webkit-backface-visibility:inherit;backface-visibility:inherit}
.cover-box .cover-side img{min-width:2rem;width:auto}
.cover-box .cover-right{position:absolute;z-index:2;top:0;right:0;min-width:1.7rem;height:100%;background-color:#fff;-webkit-transform:rotateY(-90deg) translateZ(3.5px);transform:rotateY(-90deg) translateZ(3.5px);-webkit-backface-visibility:inherit;backface-visibility:inherit}
.cover-box .cover-right::after{content:"";position:absolute;height:100%;width:1px;background-color:#cecece;bottom:0;left:13px}
.cover-box .cover-right::before{content:"";position:absolute;height:100%;width:1px;background-color:#cecece;bottom:0;right:6px}
.cover-box img{max-height:100%}
.cover-box.hover .cover-motion{-webkit-transform:rotate3d(0, 1, 0, 35deg);transform:rotate3d(0, 1, 0, 35deg)}
.cover-box.hover-reverse .cover-motion{-webkit-transform:rotate3d(0, -1, 0, 35deg);transform:rotate3d(0, -1, 0, 35deg)}
.cover-box.click .cover-motion{-webkit-transform:rotate3d(0, 1, 0, 180deg);transform:rotate3d(0, 1, 0, 180deg)}
.cover-box.click .cover-front{z-index:1;-webkit-transition-property:z-index;transition-property:z-index;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.cover-box.click .cover-back{z-index:3;-webkit-transition-property:z-index;transition-property:z-index;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.cover-box.click-reverse .cover-motion{-webkit-transform:rotate3d(0, -1, 0, 180deg);transform:rotate3d(0, -1, 0, 180deg)}
.cover-box.click-reverse .cover-front{z-index:1;-webkit-transition-property:z-index;transition-property:z-index;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.cover-box.click-reverse .cover-back{z-index:3;-webkit-transition-property:z-index;transition-property:z-index;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.cover-box.turning .cover-motion{-webkit-transform:rotate3d(0, -1, 0, 115deg);transform:rotate3d(0, -1, 0, 115deg);-webkit-transition-duration:2s;transition-duration:2s}
.cover-box.LJS .cover-motion{-webkit-transform:rotate3d(0, -1, 0, 3420deg);transform:rotate3d(0, -1, 0, 3420deg);-webkit-transition-timing-function:cubic-bezier(0.5, 0.13, 0.52, 1.22);transition-timing-function:cubic-bezier(0.5, 0.13, 0.52, 1.22);-webkit-transition-duration:10s;transition-duration:10s}
.cover-box.LJS .cover-back{background-position:center;background-repeat:no-repeat;background-image:url(../images/introduce/test_introduce01.jpg);background-size:cover}
.cover-box.LJS .cover-back img{-webkit-transition-delay:8s;transition-delay:8s;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
}
@media screen and (min-width: 1024px) and (-ms-high-contrast: active),(min-width: 1024px) and (-ms-high-contrast: none){
.cover-box .cover-motion{-webkit-transition:none;transition:none;-webkit-transform-style:unset;transform-style:unset;-webkit-transition-delay:0;transition-delay:0}
.cover-box.hover .cover-motion,.cover-box.hover-reverse .cover-motion{-webkit-transform:rotate3d(0, 0, 0, 0);transform:rotate3d(0, 0, 0, 0)}
.cover-box.click .cover-motion,.cover-box.click-reverse .cover-motion{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:none;transition:none}
.cover-box.click .cover-front,.cover-box.click-reverse .cover-front{z-index:1;-webkit-transition:none;transition:none}
.cover-box.click .cover-back,.cover-box.click-reverse .cover-back{z-index:3;-webkit-transition:none;transition:none}
}
@media (min-width: 1024px){
.cover-box .cover-protact{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}
.bg-leaves{background-image:url(../images/common/bg_leaves@2x.png);background-repeat:no-repeat;background-size:cover;background-position:center}
.ico-curious{width:5rem;height:5rem;background-size:5rem 5rem;background-image:url(../images/introduce/ico_curious.png)}
.ico-asset{width:0.7rem;height:1.2rem;background-size:0.7rem 1.2rem;background-image:url(../images/common/ico_asset@2x.png)}
.ico-blue-plus{width:7rem;height:7rem;background-size:7rem 7rem;background-image:url(../images/common/ico_blue_plus@2x.png)}
.ico-sky-plus{width:6.4rem;height:6.4rem;background-size:6.4rem 6.4rem;background-image:url(../images/common/ico_sky_plus@2x.png)}
.ico-baby-black{width:2.3rem;height:2.5rem;background-size:2.3rem 2.5rem;background-image:url(../images/common/ico_baby_black@2x.png)}
.ico-child-black{width:2.3rem;height:2.5rem;background-size:2.3rem 2.5rem;background-image:url(../images/common/ico_child_black@2x.png)}
.ico-girl-black{width:2.6rem;height:2.5rem;background-size:2.6rem 2.5rem;background-image:url(../images/common/ico_girl_black@2x.png)}
.ico-boy-black{width:2.2rem;height:2.5rem;background-size:2.2rem 2.5rem;background-image:url(../images/common/ico_boy_black@2x.png)}
.ico-preview{width:5rem;height:5rem;background-size:5rem 5rem;background-image:url(../images/introduce/ico_preview@2x.png)}
.ico-music{width:7rem;height:7rem;background-size:7rem 7rem;background-image:url(../images/introduce/ico_music@2x.png)}
.ico-collected-logo01{width:4.9rem;height:4rem;background-size:4.9rem 4rem;background-image:url(../images/common/ico_collected_logo01@2x.png)}
.ico-collected-logo02{width:5.5rem;height:4rem;background-size:5.5rem 4rem;background-image:url(../images/common/ico_collected_logo02@2x.png)}
.ico-collected-logo03{width:5.9rem;height:4.2rem;background-size:5.9rem 4.2rem;background-image:url(../images/common/ico_collected_logo03@2x.png)}
.ico-collected-logo04{width:6rem;height:4.2rem;background-size:6rem 4.2rem;background-image:url(../images/common/ico_collected_logo04@2x.png)}
.ico-collected-logo05{width:6rem;height:4.2rem;background-size:6rem 4.2rem;background-image:url(../images/common/ico_collected_logo05@2x.png)}
.ico-collected-logo06{width:5.9rem;height:4.3rem;background-size:5.9rem 4.3rem;background-image:url(../images/common/ico_collected_logo06@2x.png)}
.ico-collected-logo07{width:7.2rem;height:3rem;background-size:7.2rem 3rem;background-image:url(../images/common/ico_collected_logo07@2x.png)}
.ico-collected-logo08{width:4.9rem;height:4.1rem;background-size:4.9rem 4.1rem;background-image:url(../images/common/ico_collected_logo08@2x.png)}
.ico-collected-logo09{width:6.1rem;height:3.8rem;background-size:6.1rem 3.8rem;background-image:url(../images/common/ico_collected_logo09@2x.png)}
.ico-collected-logo10{width:5.8rem;height:3.1rem;background-size:5.8rem 3.1rem;background-image:url(../images/common/ico_collected_logo10@2x.png)}
.ico-collected-logo11{width:5.7rem;height:3.5rem;background-size:5.7rem 3.5rem;background-image:url(../images/common/ico_collected_logo11@2x.png)}
.ico-collected-logo12{width:4.6rem;height:4.1rem;background-size:4.6rem 4.1rem;background-image:url(../images/common/ico_collected_logo12@2x.png)}
.ico-collected-logo13{width:9.9rem;height:3rem;background-size:9.9rem 3rem;background-image:url(../images/common/ico_collected_logo13@2x.png)}
.ico-collected-logo14{width:5.3rem;height:4.1rem;background-size:5.3rem 4.1rem;background-image:url(../images/common/ico_collected_logo14@2x.png)}
.ico-collected-logo15{width:3.9rem;height:4.2rem;background-size:3.9rem 4.2rem;background-image:url(../images/common/ico_collected_logo15@2x.png)}
.ico-collected-logo16{width:10.7rem;height:3.3rem;background-size:10.7rem 3.3rem;background-image:url(../images/common/ico_collected_logo16@2x.png)}
.ico-collected-logo17{width:6.1rem;height:2.8rem;background-size:6.1rem 2.8rem;background-image:url(../images/common/ico_collected_logo17@2x.png)}
.ico-collected-logo18{width:5rem;height:4.5rem;background-size:5rem 4.5rem;background-image:url(../images/common/ico_collected_logo18@2x.png)}
.ico-collected-logo19{width:5.4rem;height:4.3rem;background-size:5.4rem 4.3rem;background-image:url(../images/common/ico_collected_logo19@2x.png)}
.ico-collected-logo20{width:5.7rem;height:3.5rem;background-size:5.7rem 3.5rem;background-image:url(../images/common/ico_collected_logo20@2x.png)}
.ico-collected-logo21{width:5.7rem;height:3.5rem;background-size:5.7rem 3.5rem;background-image:url(../images/common/ico_collected_logo21@2x.png)}
.ico-collected-logo26{width:5.7rem;height:3.5rem;background-size:5.7rem 3.5rem;background-image:url(../images/common/ico_collected_logo26@2x.png)}
.ico-collected-logo27{width:5.5rem;height:5.5rem;background-size:5.5rem 5.5rem;background-image:url(../images/common/ico_collected_logo27@2x.png)}
.ico-collected-logo28{width:6.5rem;height:5.5rem;background-size:180%;background-image:url(../images/common/ico_collected_logo28@2x.png)}
.ico-gregre-logo01{width:5rem;height:4.2rem;background-size:5rem 4.2rem;background-image:url(../images/common/ico_gregre_logo1.png)}
.ico-gregre-logo02{width:4rem;height:4.4rem;background-size:4rem 4.4rem;background-image:url(../images/common/ico_gregre_logo2.png)}
.ico-gregre-logo03{width:4rem;height:4.4rem;background-size:4rem 4.4rem;background-image:url(../images/common/ico_gregre_logo3.png)}
.ico-gregre-logo04{width:4rem;height:4.4rem;background-size:4rem 4.4rem;background-image:url(../images/common/ico_gregre_logo4.png)}
.ico-collected-logo29{width:6.5rem;height:5.5rem;background-size:100%;background-image:url(../images/common/ico_collected_logo29@2x.png)}
.ico-collected-logo30{width:4.8rem;height:3.35rem;background-size:100%;background-image:url(../images/common/ico_collected_logo30@2x.png)}
.ico-collected-logo31{width:8.45rem;height:4.4rem;background-size:100%;background-image:url(../images/common/ico_collected_logo31@2x.png)}
.ico-collected-logo32{width:5.5rem;height:5.5rem;background-size:100%;background-image:url(../images/common/ico_collected_logo32@2x.png)}
.ico-collected-logo33{width:6.2rem;height:4.4rem;background-size:100%;background-image:url(../images/common/ico_popo_logo01.png)}
.ico-collected-logo34{width:5.7rem;height:4rem;background-size:100%;background-image:url(../images/common/ico_collected_logo34@2x.png)}
/*! padding, margin 공통*/
.mb-25{margin-bottom:2.5rem}
.mt-35{margin-top:3.5rem}
.mt-60{margin-top:9rem}
.pb-10{padding-bottom:1rem}
.pb-20{padding-bottom:4rem}
.pb-30{padding-bottom:3rem}
.pt-30{padding-top:3rem}
.pt-42{padding-top:4.2rem}
.pt-50{padding-top:5rem}
.pc-width-100{width:100%;margin-top:9rem}
.pc-width-100 .tab-nav-type09{width:80rem;margin:0 auto}
.pc-width-100.mt-0{margin-top:40px}
.award-book-list .item-content:nth-child(1n + 3){margin-top:2.6rem}
.award-book-list .container-row{width:60rem;margin:0 auto;padding:0;margin-top:6rem}
.award-book-list .img-box{position:relative;border-radius:1rem}
.award-book-list .img-box .txt{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0, 0, 0, 0.6);color:#fff;height:8rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:0 0 1rem 1rem;padding:0 1.7rem;font-size:1.6rem;line-height:1.62;font-weight:500;text-align:center;line-height:1.5}
.item-content.width-50{width:50%}
.item-content.width-50:nth-child(odd){padding-right:1rem}
.item-content.width-50:nth-child(even){padding-left:1rem}
.item-content .book-title{text-align:center;margin-top:1.2rem}
.item-content .book-title .num{font-family:"Mulish";font-size:1.8rem;line-height:1.55;font-weight:500}
.item-content .book-title .txt{font-size:1.8rem;line-height:1.55;font-weight:500}
.tab-nav-type06-align{margin-top:5.5rem}
.tab-nav-type08-align{margin-top:4rem}
.tab-nav-type08-align .tab-nav-txt02{padding:0 1rem 0 1rem}
.swiper-book-introduce{width:120rem;max-width:100%;height:37rem;padding-bottom:4rem;margin-bottom:10rem}
.swiper-book-introduce::after{content:"";width:100%;height:33rem;display:block;position:absolute;z-index:1;background-color:#f9f9f9;border:1px solid #ddd;border-top:0;top:0;left:0}
.swiper-book-introduce .swiper-wrapper{position:relative;z-index:3}
.swiper-book-introduce .link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;height:100%}
.swiper-book-introduce .img-box{width:22rem;position:relative}
.swiper-book-introduce .img-box img{width:auto;-webkit-box-shadow:0.5rem 1rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 1rem 1rem rgba(0, 0, 0, 0.16);max-width:100%;max-height:100%;background-color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.swiper-book-introduce .info-area{width:-webkit-calc(100% - 220px);width:calc(100% - 220px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-left:5rem}
.swiper-book-introduce .title{font-size:2.6rem;line-height:1.38;font-weight:700}
.swiper-book-introduce .sub-tit{font-size:1.8rem;line-height:1.55;margin-top:0.4rem;color:#4051b8}
.swiper-book-introduce .desc{font-size:1.6rem;line-height:1.62;margin-top:1.3rem;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.swiper-book-introduce .swiper-slide{padding:5rem 5rem 5.5rem}
.swiper-book-introduce .swiper-pagination .swiper-pagination-bullet{-webkit-transition:background-color 0.3s ease-out;transition:background-color 0.3s ease-out}
.swiper-book-introduce .swiper-pagination .swiper-pagination-bullet-active{background-color:#222}
.swiper-book-introduce .indicator-bx{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-1.6rem}
.swiper-book-introduce .indicator-bx .swiper-pagination-bullet{background-color:#222}
.tab-nav-container.space01{margin-top:2.1rem;position:relative}
.tab-nav-container.mt-10{margin-top:1rem}
.tab-nav-container.mt-15{margin-top:1.5rem}
.tab-group-container{margin-top:1rem}
.tab-group-container .form-validation-container{margin:0 auto;padding:0 2rem;margin-top:5rem;width:60rem}
.tab-group-container .tag-area{margin:0 auto;margin-top:1rem;padding:0 2rem;width:60rem;text-align:center}
.tab-group-container .tag-area .btn-tag{display:inline-block;margin-right:1rem}
/*! 단행본 리스트 - 타이틀 폰트 조정 */
.book-info-box.type02 .book-title{font-size:1.8rem;line-height:1.55;line-height:1.4}
/*! 단행본 상세페이지 */
.ico-share{width:2.4rem;height:2.6rem;background-size:2.4rem 2.6rem;background-image:url(../images/common/ico_share@2x.png)}
.ico-videoplay{width:8rem;height:8rem;background-size:8rem 8rem;background-image:url(../images/common/ico_videoplay@2x.png)}
.ico-close-white{width:2rem;height:2rem;background-size:2rem 2rem;background-image:url(../images/common/ico_close_popup_white@2x.png)}
.ico-download-white{width:2.4rem;height:2.5rem;background-size:2.4rem 2.5rem;background-image:url(../images/common/ico_download_white@2x.png)}
.ico-bookopen{width:2.9rem;height:2.3rem;background-size:2.9rem 2.3rem;background-image:url(../images/common/ico_bookopen@2x.png)}
.pageClassBookView img,[class*="pageClassCollectedView"] img,[class*="pageClassGregreView"] img{max-width:100%}
.pageClassBookView .tab-nav-container,[class*="pageClassCollectedView"] .tab-nav-container,[class*="pageClassGregreView"] .tab-nav-container{-webkit-box-sizing:content-box;box-sizing:content-box}
.pageClassBookView .tab-nav-container .round-box,[class*="pageClassCollectedView"] .tab-nav-container .round-box,[class*="pageClassGregreView"] .tab-nav-container .round-box{padding:1rem 2rem}
.pageClassBookView .tab-nav-container .tab-nav-type09-align,[class*="pageClassCollectedView"] .tab-nav-container .tab-nav-type09-align,[class*="pageClassGregreView"] .tab-nav-container .tab-nav-type09-align{padding:1.5rem 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;-webkit-box-shadow:0;box-shadow:0;-webkit-transition:-webkit-box-shadow 0.3s ease-out;transition:-webkit-box-shadow 0.3s ease-out;transition:box-shadow 0.3s ease-out;transition:box-shadow 0.3s ease-out,-webkit-box-shadow 0.3s ease-out}
.pageClassBookView .tab-nav-container .tab-nav-type09-align.sticky,[class*="pageClassCollectedView"] .tab-nav-container .tab-nav-type09-align.sticky,[class*="pageClassGregreView"] .tab-nav-container .tab-nav-type09-align.sticky{-webkit-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.05);box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.05)}
.book-cover-box strong{font-size:2rem;line-height:1.5;font-weight:700;width:100%;text-align:center;display:block}
.book-cover-flip-area{width:100%;height:60rem;background-color:#f5f5f5;z-index:1;overflow:hidden}
.book-cover-flip-area .swiper-button-group{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:128rem;max-width:100%;z-index:2}
.book-cover-flip-area .swiper-button-group .swiper-button-next,.book-cover-flip-area .swiper-button-group .swiper-button-prev{width:2.9rem;height:5.6rem;opacity:0.3;-webkit-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}
.book-cover-flip-area .swiper-button-group .swiper-button-next::after,.book-cover-flip-area .swiper-button-group .swiper-button-prev::after{width:2.9rem;height:5.6rem;-webkit-transition:background-image 0.3s ease-out;transition:background-image 0.3s ease-out;font-size:0;display:block}
.book-cover-flip-area .swiper-button-group .swiper-button-prev{left:50%;margin:-2.9rem 0 0 -60rem}
.book-cover-flip-area .swiper-button-group .swiper-button-prev:after{background:url("../images/introduce/collected_banner_swiper_prev.png") no-repeat center center;background-size:100%}
.book-cover-flip-area .swiper-button-group .swiper-button-next{right:50%;margin:-2.9rem -60rem 0 0}
.book-cover-flip-area .swiper-button-group .swiper-button-next:after{background:url("../images/introduce/collected_banner_swiper_next.png") no-repeat center center;background-size:100%}
.book-cover-flip-area .swiper-button-group .swiper-button-prev:hover{opacity:1}
.book-cover-flip-area .swiper-button-group .swiper-button-next:hover{opacity:1}
.book-cover-flip-area.none-fixed{position:relative}
.book-cover-flip-area .banner-templete01{position:relative;height:60rem;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:104rem;margin:0 auto;padding-left:3rem;padding-bottom:6rem}
.book-cover-flip-area .banner-templete01 .box01{width:51rem;height:24rem;margin:0 auto;max-width:100%;z-index:1;overflow:hidden}
.book-cover-flip-area .banner-templete01 .box01 .logo{margin-top:2rem;position:relative}
.book-cover-flip-area .banner-templete01 .box02{width:60rem;height:37.5rem;margin:0 auto;max-width:100%;position:relative;z-index:1;overflow:hidden}
.book-cover-flip-area .banner-templete01 .box02 .motion-box{width:100%;height:100%}
.book-cover-flip-area .banner-templete01 .text{font-size:24px;position:relative;width:100%;color:#333;text-align:center}
.book-cover-flip-area .banner-templete01 img{position:absolute;top:0;left:0}
.book-cover-flip-area .banner-templete01 .motion{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0}
.book-cover-flip-area .banner-templete03 .img-box{width:100%;height:60rem;position:relative;overflow:hidden}
.book-cover-flip-area .banner-templete03 .img-box img{max-width:none;position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.book-cover-flip-area .book-preview-btns{position:absolute;bottom:15rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding-top:1.4rem}
.book-cover-flip-area .book-preview-btns .ico-bookopen{width:4.6rem;height:4.6rem;border-radius:4.6rem;-webkit-box-shadow:0.5rem 0.5rem 1.5rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1.5rem rgba(0, 0, 0, 0.16);background-color:rgba(0, 0, 0, 0.3);display:inline-block;vertical-align:middle}
.book-cover-flip-area .book-preview-btns .txt{font-size:1.6rem;line-height:1.62;margin-left:0.4rem;display:inline-block;vertical-align:-3px}
.book-view-container{position:relative;z-index:2}
.book-view-container .book-view-header{padding:4.8rem 0;background-color:#fff;border-radius:2rem;width:114rem;margin:0 auto;margin-top:-12rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-shadow:0 1rem 2rem rgba(0, 0, 0, 0.16);box-shadow:0 1rem 2rem rgba(0, 0, 0, 0.16);max-width:100%}
.book-view-container .book-view-header .info-area{width:65rem}
.book-view-container .book-view-header .price-area{width:-webkit-calc(100% - 650px);width:calc(100% - 650px);width:-webkit-calc(100% - 65rem);width:calc(100% - 65rem);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.book-view-container .book-view-header .price-area::after{content:"";position:absolute;height:100%;width:1px;left:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#ccc;top:0}
.book-view-container .flag-box{padding:0 4.8rem;margin-bottom:1.4rem}
.book-view-container .title-box{padding:0 4.8rem}
.book-view-container .title-box .title{margin-top:0}
.book-view-container .book-info-box{padding:0 4.8rem;margin-top:2rem}
.book-view-container .book-info-box .txt{font-size:1.6rem;line-height:1.62;color:#999;display:inline;vertical-align:top;padding-right:0.7rem;position:relative}
.book-view-container .book-info-box .txt::after{content:"";width:1px;height:1.2rem;top:0.7rem;left:0;position:absolute;background-color:#ccc}
.book-view-container .book-info-box .txt:first-child:after{display:none}
.book-view-container .book-info-box .txt + .txt{padding-left:0.9rem}
.book-view-container .book-info-box .txt.block{display:block;color:#222;font-weight:500}
.book-view-container .book-info-box .txt.block::after{content:none}
.book-view-container .book-info-box .txt.block + .txt{padding-left:0}
.book-view-container .book-info-box .txt.block + .txt::after{content:none}
.book-view-container .hash-tag-box{padding:0 4.8rem;margin-top:1.8rem}
.book-view-container .hash-tag-box .hash-tag{font-size:1.8rem;line-height:1.55;font-weight:500;display:inline-block;margin-right:0.7rem;color:#666}
.book-view-container .hash-tag-box .hash-tag::before{content:"#";display:inline-block;vertical-align:0;margin-right:0.2rem}
.book-view-container .book-price-box{padding:0 4.8rem;padding-top:7rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.book-view-container .book-price-box .num{font-size:3.4rem;line-height:1.29;font-weight:700;font-family:"Mulish"}
.book-view-container .book-price-box .txt{font-size:1.6rem;line-height:1.62}
.book-view-container .book-price-box .fav-btn{position:relative;z-index:2;text-align:left}
.book-view-container .book-price-box .share-favorite{position:absolute;top:0;left:4.8rem;width:-webkit-calc(100% - 48px);width:calc(100% - 48px);width:-webkit-calc(100% - 4.8rem);width:calc(100% - 4.8rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:50px}
.book-view-container .book-price-box .share-favorite a{width:50%;display:inline-block}
.book-view-container .book-price-box .share-favorite a i:not(.ico-heart){width:5rem;height:5rem;border-radius:5rem;background-position:center;border:1px solid #ddd;vertical-align:middle}
.book-view-container .book-price-box .share-favorite a .ico-heart{left:2.5rem;bottom:-webkit-calc(100% - 8px);bottom:calc(100% - 8px);bottom:-webkit-calc(100% - 0.8rem);bottom:calc(100% - 0.8rem)}
.book-view-container .book-price-box .share-favorite .hide-txt{display:inline-block;font-size:1.6rem;line-height:1.62;vertical-align:middle;width:auto;height:auto;overflow:visible;position:relative;margin-left:0.9rem}
.book-view-container .btn-area{padding:0 4.8rem;position:relative;margin-bottom:0;margin-top:2.1rem}
.book-view-container .btn-area .btn-lv01{width:100%}
.book-view-container .btn-area .btn-sticky-area{width:100%;position:fixed;bottom:-10rem;z-index:2;left:0;display:none;-webkit-box-shadow:0 -0.5rem 0.5rem rgba(0, 0, 0, 0.1);box-shadow:0 -0.5rem 0.5rem rgba(0, 0, 0, 0.1)}
.book-view-container .btn-area .btn-sticky-area .btn-lv01{border-radius:0;padding:1.6rem 1.5rem}
.book-view-container .btn-area .btn-sticky-area.none-fixed{position:relative;top:0}
.book-view-container .btn-area.sticky{padding:0;height:0;display:none}
.book-view-container .line-thick{display:none}
.book-view-container .video-container{width:80rem;margin:0 auto}
.book-view-container .video-container .thumnail-box{margin-top:5rem;position:relative;text-align:center;padding-top:56.2%}
.book-view-container .video-container embed,.book-view-container .video-container iframe,.book-view-container .video-container img{width:100%;height:100%;position:absolute;top:0;left:0}
.book-view-container .video-container .round-box iframe{border-radius:10px}
.book-view-container .video-container .open-btn{position:absolute;top:50%;left:50%;margin-left:-3.3rem;margin-top:-3.3rem}
.book-view-container .img-container{margin:0 auto;margin-top:6rem;width:104rem;max-width:100%;text-align:center}
.book-view-container .download-btn-container{margin:0 auto;margin-top:10rem;width:104rem;max-width:100%}
.book-view-container .download-btn-container .download-btn{background-color:#222;height:8rem;border-radius:1rem;-webkit-box-shadow:0 0.6rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0 0.6rem 1rem rgba(0, 0, 0, 0.16);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}
.book-view-container .download-btn-container [class*="box"]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.book-view-container .download-btn-container .img-box{max-width:23rem;width:23rem;padding:0 4rem;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.book-view-container .download-btn-container .img-box .guide-center{width:15rem;height:15rem;position:relative}
.book-view-container .download-btn-container .img-box .guide-center img{width:auto;max-width:15rem;max-height:15rem;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.book-view-container .download-btn-container .txt-box{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.book-view-container .download-btn-container .txt-box .txt{display:inline-block;margin-left:0.5rem}
.book-view-container .download-btn-container .ico-box{min-width:20rem;max-width:20rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative}
.book-view-container .download-btn-container .ico-box .txt{font-size:1.6rem;line-height:1.62;margin-left:2rem;display:inline-block}
.book-view-container .download-btn-container .ico-box::after{content:"";display:block;height:4rem;position:absolute;left:0;top:-webkit-calc(50% - 20px);top:calc(50% - 20px);top:-webkit-calc(50% - 2rem);top:calc(50% - 2rem);width:1px;background-color:#999;opacity:0.5}
.book-view-container .download-btn-container .txt{font-size:1.8rem;line-height:1.55;color:#fff}
.book-view-container .accrodion-content{padding:2.5rem 3rem;font-size:1.6rem;line-height:1.62}
.book-view-container .accrodion-content .txt{margin-bottom:0.5rem}
.book-view-container .accrodion-content .bold{font-size:1.8rem;line-height:1.55;font-weight:700}
.book-view-container .accrodion-content .chapter-tag{background-color:#222;color:#fff;display:inline-block;margin-right:8px;border-radius:2.1rem;padding:0.4rem 1rem;font-size:0}
.book-view-container .accrodion-content .chapter-tag .ko{font-weight:700;font-size:1.4rem;line-height:1.71}
.book-view-container .accrodion-content .chapter-tag .num{padding-left:0.3rem;font-weight:700;font-size:1.4rem;line-height:1.71;font-family:"Mulish"}
.book-view-container .accrodion-content .lists{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.book-view-container .accrodion-content .list{width:33.333333%;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}
.book-view-container .accrodion-content .list:nth-child(1n + 4){margin-top:2rem}
.book-view-container .accrodion-content .tbl-container01{margin-top:1.2rem}
.book-view-container .accrodion-content .tbl-container01 + .txt{margin-top:2rem}
.book-view-container .accrodion-content .pc-flex-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.book-view-container .accrodion-content .pc-flex-box .box{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:-webkit-calc(50% - 15px);width:calc(50% - 15px);width:-webkit-calc(50% - 1.5rem);width:calc(50% - 1.5rem);max-width:-webkit-calc(50% - 15px);max-width:calc(50% - 15px);max-width:-webkit-calc(50% - 1.5rem);max-width:calc(50% - 1.5rem)}
.book-view-container .accrodion-content .pc-flex-box .box:nth-child(odd){margin-right:1.5rem}
.book-view-container .accrodion-content .pc-flex-box .box:nth-child(even){margin-left:1.5rem}
.book-view-container .accrodion-content .pc-flex-box .box:nth-child(1n + 3){margin-top:1.5rem}
.book-view-container .accrodion-content .pc-flex-box .table-line{width:100%;margin:0}
.book-view-container .sub-title{font-size:1.8rem;line-height:1.55}
.book-view-container .sub-title.blue{color:#4051b8}
.book-view-container .title{margin:0 auto;margin-top:9rem;font-size:3.4rem;line-height:1.29;font-weight:700;width:104rem;max-width:100%;position:relative}
.book-view-container .title.medium{font-size:2.2rem;line-height:1.45;font-weight:500}
.book-view-container .title .flag{margin-left:0;vertical-align:0.7rem}
.book-view-container .title .line{position:absolute;bottom:100%;left:0;width:2.1rem;height:0.6rem;border-radius:0.6rem;background-color:#e1002a}
.book-view-container .title.mt-29{margin-top:2.9rem}
.book-view-container .flag{border:1px solid #999;padding:0.4rem 1.4rem;border-radius:2rem;font-size:0;display:inline-block;margin-left:0.4rem}
.book-view-container .flag .num{font-size:1.4rem;line-height:1.71;font-family:"Mulish"}
.book-view-container .flag .txt{font-size:1.4rem;line-height:1.71}
.book-view-container .flag.red{color:#e1002a;border-color:#e1002a}
.book-view-container .flag.round{width:4rem;height:4rem;border-radius:4rem;font-size:1.2rem;line-height:1.83;padding:0 0 0.2rem;font-weight:500;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.book-view-container .flag.round.blue{color:#fff;background-color:#4051b8;border-color:#4051b8}
.book-view-container .flag.round.red{color:#fff;background-color:#e1002a;border-color:#e1002a}
.grey-column-text-box{text-align:center;margin:0 auto;padding:1.3rem 0 2rem;border-radius:1rem;background-color:#f9f9f9;font-size:0;width:60rem}
.grey-column-text-box .txt{font-size:1.6rem;line-height:1.62;line-height:0.9;padding:0 1rem;display:inline-block;margin-top:1.2rem}
.grey-column-text-box .bl{border-left:1px solid #ccc}
.round-type-tag{display:inline-block;margin-bottom:2.6rem;border-radius:3rem;padding:0.3rem 1.2rem 0.5rem;border:1px solid #4051b8;color:#4051b8;font-size:1.6rem;line-height:1.62;position:relative}
.round-type-tag .bold{font-weight:700}
.round-type-tag .bold + .normal::before{content:"";display:inline-block;height:1.4rem;width:1px;margin-right:0.5rem;margin-left:0.2rem;margin-top:-0.2rem;background-color:#ddd}
.round-type-tag .bd-none::after{content:none}
.round-type-tag .font-medium{font-size:2rem;line-height:1.5}
.round-type-tag.style02{padding:0.9rem 2rem}
.round-type-tag + .bullet-info-box{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}
.text-round-box{font-size:1.6rem;line-height:1.62;font-weight:500;padding:2.4rem 0 2.6rem;border-radius:7.5rem;line-height:1.5;width:50rem;margin:0 auto;margin-top:-0.1rem}
[class*="content-box"]{overflow:hidden;padding:0 2rem}
[class*="content-box"] .btn-lv03{font-weight:500;min-width:21rem;margin-top:3rem;padding:1.3rem 2rem 1.3rem;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16)}
[class*="content-box"] .btn-lv03 .txt{color:#fff;font-size:2rem;line-height:1.5;font-weight:500}
[class*="content-box"] .book-view-content{padding:0 1.4rem 0;width:106.8rem;z-index:2}
[class*="content-box"] .book-view-content.pb-0{padding-bottom:0}
[class*="content-box"] .book-view-content .title{margin-bottom:2.8rem}
[class*="content-box"] .book-view-content .swiper-slide{position:relative}
[class*="content-box"] .book-view-content .flag{position:absolute;top:-1rem;left:-1rem;margin:0}
[class*="content-box"] .book-view-content img{-webkit-box-shadow:0 1.5rem 1.5rem rgba(0, 0, 0, 0.16);box-shadow:0 1.5rem 1.5rem rgba(0, 0, 0, 0.16);background-color:#fff}
[class*="content-box"] .book-view-content .book-title{font-size:1.6rem;line-height:1.62;margin-top:1rem;font-weight:500;text-align:center}
[class*="content-box"] .book-view-content.book-swiper02{padding-top:3.5rem}
[class*="content-box"] .book-view-content .img-box{background-color:rgba(0, 0, 0, 0.03);border-radius:0.5rem;display:block;position:relative;z-index:1}
[class*="content-box"] .book-view-content .img-box::after{padding-top:100%;content:"";width:100%;display:block}
[class*="content-box"] .book-view-content .img-box img{position:absolute;top:50%;left:50%;width:auto;max-width:-webkit-calc(100% - 55px);max-width:calc(100% - 55px);max-height:-webkit-calc(100% - 60px);max-height:calc(100% - 60px);max-width:-webkit-calc(100% - 5.5rem);max-width:calc(100% - 5.5rem);max-height:-webkit-calc(100% - 6rem);max-height:calc(100% - 6rem);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1);box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1)}
[class*="content-box"] .sub-title{font-size:2.2rem;line-height:1.45;font-weight:500;margin-top:3.3rem}
[class*="content-box"] .book-view-content02{padding:0 0 6rem;width:104rem;max-width:-webkit-calc(100% - 240px);max-width:calc(100% - 240px);margin:0 auto;position:relative}
[class*="content-box"] .book-view-content02 .swiper-wrapper{margin-top:1.6rem}
[class*="content-box"] .book-view-content02 .swiper-pagination{bottom:0}
[class*="content-box"].content-box02 .book-card-box{margin:0 auto;width:128rem;max-width:100%}
[class*="content-box"] .book-card-box [class*="swiper-dig"]{position:absolute;-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out;width:6.8rem;height:6.8rem;margin-top:-3.2rem;border:1px solid #d2d2d2;border-radius:100%;top:50%;padding:0}
[class*="content-box"] .book-card-box [class*="swiper-dig"] .ico-swiper-default-arrow{display:none}
[class*="content-box"] .book-card-box [class*="swiper-dig"]::after{content:"";display:inline-block;width:1.5rem;height:2.7rem;background-repeat:no-repeat;background-position:center center;background-size:100%}
[class*="content-box"] .book-card-box [class*="swiper-dig"].swiper-button-disabled{cursor:default;pointer-events:none;-webkit-box-shadow:none;box-shadow:none;opacity:0.2}
[class*="content-box"] .book-card-box .swiper-dig-prev-button{left:0}
[class*="content-box"] .book-card-box .swiper-dig-prev-button:after{margin-right:0.3rem;background-image:url("../images/store/bu_common_prev@2x_back2.png")}
[class*="content-box"] .book-card-box .swiper-dig-next-button{right:0}
[class*="content-box"] .book-card-box .swiper-dig-next-button:after{margin-left:0.3rem;background-image:url("../images/store/bu_common_next@2x_back2.png")}
[class*="content-box"] .book-card-box .swiper-dig-next-button:hover,[class*="content-box"] .book-card-box .swiper-dig-prev-button:hover{border-color:#e1002a;-webkit-box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.2);box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.2);opacity:1}
[class*="content-box"] .book-card-box .swiper-dig-prev-button:hover::after{background-image:url("../images/main/bu_common_prev@2x_hover.png")}
[class*="content-box"] .book-card-box .swiper-dig-next-button:hover::after{background-image:url("../images/main/bu_common_next@2x_hover.png")}
[class*="content-box"] .accrodion-container{margin:0 auto;margin-top:2.3rem;width:104rem;max-width:100%}
[class*="content-box"].review-type{background-color:#f9f9f9;position:relative;text-align:center}
[class*="content-box"].review-type [class*="swiper-btn-round"]{margin-top:2rem}
[class*="content-box"].gregre-type{background-color:#faf9f5}
[class*="content-box"].round-type{border:1px solid #ddd;border-radius:1rem;padding:7.3rem 0;text-align:center;overflow:hidden;width:80rem;margin:0 auto;margin-top:1.2rem;position:relative}
[class*="content-box"].round-type .round-type-title{font-size:0}
[class*="content-box"].round-type .round-type-title .txt{font-size:3.4rem;line-height:1.29;font-weight:700}
[class*="content-box"].round-type .round-type-title .num{font-size:3.4rem;line-height:1.29;font-weight:700;font-family:"Mulish";color:#4051b8;padding-left:0.5rem}
[class*="content-box"].round-type .round-type-sub-desc{font-size:1.8rem;line-height:1.55;margin-top:1rem;padding:0 15rem}
[class*="content-box"].round-type .indicator-bx{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
[class*="content-box"].round-type .indicator-bx .swiper-pagination-bullet{background-color:#222}
[class*="content-box"].round-type .title-label{position:absolute;top:-1px;left:-1px;background-color:#4051b8;width:-webkit-calc(100% + 2px);width:calc(100% + 2px);font-size:2rem;line-height:1.5;color:#fff;text-align:center;font-weight:700;padding:1.1rem 0 1rem}
[class*="content-box"].round-type.space02{padding:8.5rem 2rem 4rem;margin-top:3.8rem}
[class*="content-box"] .step-number{width:6rem;height:6rem;border-radius:6rem;color:#fff;font-size:2.4rem;line-height:1.41;font-weight:700;font-family:"Mulish";display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 auto;position:relative}
[class*="content-box"] .step-sub-title{font-size:3.4rem;line-height:1.29;margin-top:2rem;font-weight:700;text-align:center;position:relative}
[class*="content-box"] .step-sub-title.small{font-size:2.8rem;line-height:1.35;margin-top:1.8rem;font-weight:500}
[class*="content-box"] .step-sub-title.small + .step-sub-title{margin-top:0.4rem}
[class*="content-box"] .step-sub-title.content-intro{margin-top:9rem;color:#e94820}
[class*="content-box"] .step-sub-title.pt-22{padding-top:2.2rem}
[class*="content-box"] .step-sub-subtit{font-size:2.4rem;line-height:1.41;margin-top:5.6rem;font-weight:700;text-align:center}
[class*="content-box"] .step-sub-desc{font-size:1.8rem;line-height:1.55;margin-top:1rem;text-align:center;position:relative;color:#222}
[class*="content-box"] .step-sub-desc.small{font-size:1.6rem;line-height:1.62}
[class*="content-box"] .step-sub-desc.color-666{color:#666}
[class*="content-box"] .step-sub-desc + .img-box.content-intro{margin-top:6rem;position:relative;text-align:center}
[class*="content-box"] .step-sub-desc + .img-box.content-intro img{position:static;max-width:54rem;margin:0 auto}
[class*="content-box"] .step-notice{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1.6rem;line-height:1.62;margin:2rem auto 0.8rem;padding:1rem 2rem 1rem 5rem;border-radius:5rem;color:#333;background-color:#ffecec;text-align:center;font-weight:500}
[class*="content-box"] .step-notice::before{content:"";position:absolute;top:50%;left:2rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1.9rem;height:1.9rem;background:url(../images/common/ico_notice@2x.png) no-repeat center center/cover}
[class*="content-box"] .img-box.content-intro{position:relative;margin-top:6rem;text-align:center}
[class*="content-box"] .img-box.content-intro img{margin:0 auto}
.step-type{padding:10rem 0 0;position:relative;margin-top:10rem}
.step-type::before{content:"";display:inline-block;position:absolute;width:100%;height:65%;background-color:#f5f5f5;top:0;left:0}
.step-type.type-style01{text-align:center}
.step-type.type-style01 .step-number{display:inline;border-radius:5rem;padding:0.7rem 2.5rem 1.1rem 2.5rem;line-height:1.5}
.step-type.type-style01 .step-number .num{font-size:2.2rem;line-height:1.45}
.step-type.type-style01 .step-number .numtit{font-size:2rem;line-height:1.5;font-weight:500}
.step-type.type-style01 .step-number .numtit::before{content:"";width:0.2rem;height:2rem;background-color:#fff;display:inline-block;margin:0 1.5rem 0.5rem 1.5rem}
.step-type.type-style01 .txt-area .txt-box{text-align:left}
.step-type.type-style01 .txt-area .txt-box.center{text-align:center}
.step-type02{padding:10rem 0 0;position:relative;margin-top:10rem}
.step-type02::before{content:"";display:inline-block;position:absolute;width:100%;height:65%;background-color:#f9f9f9;top:0;left:0}
.video-popup{position:fixed;display:none;top:0;left:0;height:100%;width:100%;z-index:100;background-color:rgba(0, 0, 0, 0.7);text-align:center}
.video-popup .video-box{width:auto;height:auto;position:relative;display:inline-block;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);max-width:100%;width:80rem}
.video-popup .iframe-box{position:relative;display:inline-block;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);max-width:100%;width:80rem}
.video-popup .iframe-box::after{content:"";display:block;width:100%;padding-top:56.2%}
.video-popup .iframe-box iframe{width:100%;height:100%;top:0;left:0;position:absolute}
.video-popup video{max-height:80vh;max-width:100%}
.video-popup .video-pop-close{position:absolute;top:-4rem;right:0}
/*! s : 전집 과학공룡 */
.step-title{font-size:4.6rem;line-height:1.21;text-align:center;margin-top:10rem;margin-bottom:5rem;font-weight:700;letter-spacing:-0.03em}
.step-title .num{font-family:"Mulish"}
.step-title.mb-0{margin-bottom:0}
.step-title.mt-0{margin-top:0}
.step-title.mt-90{margin-top:90px}
.public-swiper-container{margin:0 auto;margin-top:5rem;width:85.5rem}
.public-swiper-container.pb-10{padding-bottom:2.5rem}
.public-swiper-container.pb-30{padding-bottom:4.5rem}
.public-swiper-container .swiper-slide{padding:0 12.7rem}
.public-swiper-container .swiper-pagination-bullet{background-color:#222}
.public-swiper-container .swiper-pagination-bullets{bottom:0}
.public-swiper-container [class*="swiper-btn-round"]{margin-top:-11rem;z-index:5}
.public-swiper-container .swiper-btn-round-next{left:auto;right:0}
.public-swiper-container .swiper-btn-round-prev{left:0}
.public-swiper-container .video-container .thumnail-box{margin-top:0;border:0;border-radius:1rem;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16)}
.public-swiper-container .swiper-pagination-book-cover{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:62rem;margin:0 auto}
.public-swiper-container .swiper-pagination-book-cover .btn{padding:0 1rem;width:15.6rem;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;opacity:0.3}
.public-swiper-container .swiper-pagination-book-cover .btn .hide-txt{display:none;position:absolute;top:0;left:0;opacity:0}
.public-swiper-container .swiper-pagination-book-cover .btn img{-webkit-box-shadow:0.2rem 0.2rem 0.7rem rgba(0, 0, 0, 0.16);box-shadow:0.2rem 0.2rem 0.7rem rgba(0, 0, 0, 0.16)}
.public-swiper-container .swiper-pagination-book-cover .btn.on{opacity:1}
.public-swiper-container .swiper-pagination-book-cover .btn.on .hide-txt{display:block}
.public-swiper-container .swiper-pagination-book-cover + .swiper-wrapper{margin-top:3rem}
.cont-area{position:relative;-webkit-filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.16));filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.16));border-radius:2rem;overflow:hidden}
.cont-area .curious-box{position:absolute;top:3rem;width:43.4rem;left:50%;margin-left:-21.7rem;height:5rem;overflow:hidden}
.cont-area .curious-box .ico-curious{position:relative;z-index:2}
.cont-area .curious-box .txt-box-wrapper{position:absolute;width:-webkit-calc(100% - 25px);width:calc(100% - 25px);width:-webkit-calc(100% - 2.5rem);width:calc(100% - 2.5rem);left:2.5rem;top:0;height:100%;overflow:hidden}
.cont-area .curious-box .txt-box{text-align:center;background-color:rgba(0, 0, 0, 0.75);height:5rem;padding:1.2rem 0 1.3rem 1.5rem;border-radius:0 5rem 5rem 0;width:99%;position:absolute;top:0;left:0;z-index:1;letter-spacing:-0.02rem;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.cont-area .curious-box .txt-box .txt{color:#fff;font-size:1.8rem;line-height:1.55;font-weight:500}
.cont-area .label-box{position:absolute;top:0;left:0;width:100%;height:5rem;border-radius:1rem 1rem 0 0;padding-top:1.1rem;text-align:center;background-color:#ccc}
.cont-area .label-box .txt{font-size:2rem;line-height:1.5;font-weight:700;color:#fff}
.cont-area .cont-detail{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:4rem;bottom:3.6rem;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;width:-webkit-calc(100% - 80px);width:calc(100% - 80px);width:-webkit-calc(100% - 8rem);width:calc(100% - 8rem);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.cont-area .cont-detail .txt-box.center{text-align:center}
.cont-area .cont-detail .txt-box .txt{font-size:1.8rem;line-height:1.55;font-weight:500;color:#fff}
.cont-area .cont-detail .txt-box .txt.orange{color:#ff650c}
.cont-area .cont-detail .txt-box .txt.black{color:#222}
.cont-area .cont-detail .txt-box .txt.bold{font-weight:700}
.cont-area .cont-detail .txt-box .txt.regualr{font-weight:400}
.cont-area .cont-detail .txt-box .txt.small{font-size:1.6rem;line-height:1.62}
.cont-area .cont-detail .txt-box .txt.medium{font-size:2.4rem;line-height:1.41}
.cont-area .cont-detail.top{bottom:auto;top:4rem}
.cont-area .cont-detail.top2{bottom:auto;top:11.4rem}
.cont-area .bg-img.bg-white{background-color:#fff}
.cont-area .cont-desc-area{text-align:center;padding:5rem 1.5rem 5rem 1.5rem;background-color:#fff}
.cont-area .cont-desc-area .cont-desc-tit{font-size:2rem;line-height:1.5;padding:0 0 0.9rem 0;font-weight:700}
.cont-area .cont-desc-area .cont-desc-tit.deep-red{color:#d8213b}
.cont-area .cont-desc-area .cont-desc-txt{padding:0 0 0 0;font-size:1.6rem;line-height:1.62;color:#222;letter-spacing:-0.025em}
.txt-area{padding:0 1rem;margin-top:3rem}
.txt-area .book-img{width:10rem;min-width:10rem;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16)}
.txt-area .book-img.no-shadow{-webkit-box-shadow:none;box-shadow:none}
.txt-area strong{font-size:1.8rem;line-height:1.55}
.txt-area .txt-box{padding-left:3.5rem;width:-webkit-calc(100% - 100px);width:calc(100% - 100px);width:-webkit-calc(100% - 10rem);width:calc(100% - 10rem)}
.txt-area .txt{font-size:1.8rem;line-height:1.55}
.swiper-collected-list{margin-top:3.7rem;padding-bottom:5rem;overflow:visible}
.swiper-collected-list .bullet-info-box{text-align:left;border-bottom:1px solid #ddd;width:-webkit-calc(100% - 160px);width:calc(100% - 160px);padding-bottom:0.8rem;margin:0 auto}
.swiper-collected-list .bullet-info-box .mont{font-family:"Mulish";font-size:1.4rem;line-height:1.71;line-height:1}
.swiper-collected-list .bullet-info-box .noto{font-size:1.4rem;line-height:1.71}
.swiper-collected-list .bullet-info-box::before{content:none!important}
.swiper-collected-list .swiper-slide [class*="bullet"]{display:inline-block}
.swiper-collected-list .swiper-slide [class*="bullet"]::before{content:"";display:inline-block;width:0.6rem;height:0.6rem;border-radius:0.6rem;background-color:#ccc;margin-right:0.2rem}
.swiper-collected-list .swiper-slide [class*="bullet"] + [class*="bullet"]{margin-left:1.2rem}
.swiper-collected-list .swiper-slide [class*="bullet"].bullet-qr::before{background-color:#e1002a}
.swiper-collected-list .swiper-slide [class*="bullet"].bullet-app::before{background-color:#4051b8}
.swiper-collected-list .swiper-slide [class*="bullet"].bullet-listening::before{background-color:#00bca9}
.swiper-collected-list .swiper-slide [class*="bullet"].bullet-reading::before{background-color:#fdab01}
.swiper-collected-list .swiper-slide [class*="bullet"].bullet-video::before{background-color:#ff00a1}
.swiper-collected-list .swiper-slide [class*="bullet"].hide-txt{width:0.6rem;height:0.6rem;position:relative;margin:0;vertical-align:0.2rem;overflow:visible;font-size:0}
.swiper-collected-list .collected-lists{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 8rem;margin-top:3.1rem}
.swiper-collected-list .collected-lists .list{width:-webkit-calc(25% - 6px);width:calc(25% - 6px);width:-webkit-calc(25% - 0.6rem);width:calc(25% - 0.6rem);margin-right:0.8rem;margin-bottom:3.5rem;text-align:left}
.swiper-collected-list .collected-lists .list .img-box{position:relative;width:100%;padding-top:100%;background-color:rgba(0, 0, 0, 0.03);border-radius:1rem}
.swiper-collected-list .collected-lists .list img{-webkit-box-shadow:0.5rem 0.5rem 1.5rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1.5rem rgba(0, 0, 0, 0.16);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-height:-webkit-calc(100% - 40px);max-height:calc(100% - 40px);max-width:-webkit-calc(100% - 54px);max-width:calc(100% - 54px);width:auto}
.swiper-collected-list .collected-lists .list .book-title{margin-top:0.6rem;font-size:0;padding:0 1rem}
.swiper-collected-list .collected-lists .list .book-title .num{display:block;font-family:"Mulish";font-weight:500;font-size:1.6rem;line-height:1.62;padding-right:0.3rem;letter-spacing:-0.02rem;display:inline-block;min-height:2.5rem}
.swiper-collected-list .collected-lists .list .book-title .txt{padding-left:0.1rem;display:block;font-size:1.6rem;line-height:1.62;font-weight:500;letter-spacing:-0.02rem;line-height:1.4;word-break:keep-all}
.swiper-collected-list .collected-lists .list:nth-child(4n + 4){margin-right:0}
.swiper-collected-list .collected-lists .list [class*="bullet"]:nth-child(1){margin-left:0.3rem}
.plus-block{text-align:center;margin-top:-2.5rem;height:3.5rem;position:relative;z-index:2}
.plus-block .ico-blue-plus{border-radius:50%;-webkit-box-shadow:0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.16)}
.swiper-collected-item-lits{margin-top:4.7rem;padding-bottom:4.3rem;overflow:visible}
.swiper-collected-item-lits .swiper-slide{padding:0 1.5rem}
.swiper-collected-item-lits img{width:50rem}
.use-tips-swiper{width:85.5rem;margin:0 auto;padding-bottom:1rem}
.use-tips-swiper .step-label{background-color:#e1002a;border-radius:2rem;padding:0.5rem 1.3rem;color:#fff;font-weight:700;font-family:"Mulish";display:inline-block;font-size:1.4rem;line-height:1.71;line-height:1.3}
.use-tips-swiper .use-tip-title{font-size:2.6rem;line-height:1.38;font-weight:700;margin-top:1rem}
.use-tips-swiper .swiper-slide{padding:0 12.2rem;overflow:visible;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.use-tips-swiper [class*="swiper-btn-round"]{z-index:5}
.use-tips-swiper .round{width:100%;padding-top:100%;background-color:#ffe53f;opacity:0.4;border-radius:100%}
.use-tips-swiper .img-box{margin-top:1.1rem;position:relative;min-width:32rem;min-height:34.5rem}
.use-tips-swiper .img-box img{position:absolute;bottom:0;left:0}
.use-tips-swiper .text-box{width:-webkit-calc(100% - 320px);width:calc(100% - 320px);width:-webkit-calc(100% - 32rem);width:calc(100% - 32rem)}
.swiper-reality-review{width:-webkit-calc(100% - 136px);width:calc(100% - 136px);width:-webkit-calc(100% - 13.6rem);width:calc(100% - 13.6rem);max-width:111.2rem;display:inline-block;padding:0 3.6rem 15rem;margin-top:4.1rem;z-index:2}
.swiper-reality-review .swiper-wrapper{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.swiper-reality-review .swiper-slide{border-radius:1rem;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);overflow:hidden}
.swiper-reality-review .swiper-slide:last-child{margin-right:0!important}
.swiper-reality-review .swiper-pagination{bottom:10rem}
.reality-review-btn-box{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:100%;width:128rem}
.round-container-out-btn{width:128rem;position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:-3.4rem;height:7.4rem;max-width:100%}
.round-container-out-btn.top02{margin-top:-2.5rem}
.round-container-out-btn.top03{margin-top:0}
.round-container-out-btn.top04{margin-top:2rem}
.preview-container{text-align:left}
.preview-container .container-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;width:104rem;max-width:100%;margin:4.2rem auto 0;margin-top:0.5rem}
.preview-container .item-content{border-radius:1rem;border:1px solid #ddd;margin-right:2rem;padding:4rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:-webkit-calc(50% - 20px);width:calc(50% - 20px);width:-webkit-calc(50% - 2rem);width:calc(50% - 2rem)}
.preview-container .item-content + .item-content{margin-left:2rem;margin-right:0}
.preview-container .preview-title{font-size:1.7rem;line-height:1.58;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);width:-webkit-calc(100% - 2rem);width:calc(100% - 2rem)}
.preview-container .preview-desc{font-size:1.6rem;line-height:1.62;margin-top:0.4rem;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:5rem;width:26.8rem}
.preview-container .link{margin-top:1.3rem;padding:0.2rem 1.3rem;min-width:auto}
.preview-container .link .txt{font-size:1.4rem;line-height:1.71}
.preview-container img{width:auto!important;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);max-width:14rem;max-height:14rem;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:absolute}
.preview-container .img-box{min-width:14rem;height:14rem;margin-right:2rem;position:relative}
.preview-container .text-box{width:-webkit-calc(100% - 140px);width:calc(100% - 140px);width:-webkit-calc(100% - 14rem);width:calc(100% - 14rem)}
.popup-book-lists .modal-popup-dialog{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.popup-book-lists .modal-popup-container{background-color:#f5f5f5;text-align:center;padding-top:6rem;width:60rem;border-radius:1rem}
.popup-book-lists .img-box{width:30rem;height:30rem;margin:0 auto;position:relative}
.popup-book-lists img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-shadow:1rem 1rem 2rem rgba(0, 0, 0, 0.16);box-shadow:1rem 1rem 2rem rgba(0, 0, 0, 0.16)}
.popup-book-lists .modal-popup-infomation{background-color:#fff;border-radius:2rem 2rem 1rem 1rem;padding:3.5rem 4.2rem;height:20.9rem;overflow:auto}
.popup-book-lists .list{display:none}
.popup-book-lists .list:first-child{display:block}
.popup-book-lists .book-title{color:#4051b8;font-size:2rem;line-height:1.5;font-weight:700}
.popup-book-lists .book-title .num{font-family:"Mulish"}
.popup-book-lists .popup-collected-swiper{padding-bottom:6.7rem}
.popup-book-lists .swiper-pagination{bottom:2rem}
.popup-book-lists .book-description{font-size:1.6rem;line-height:1.62;margin-top:1.3rem}
.main-banner{max-width:1200px;margin:9.5rem auto 0 auto}
.main-banner .banner-swiper{position:relative}
.main-banner .banner-swiper .swiper-slide img{width:100%}
.main-banner .banner-swiper .indicator-bx{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:0.5rem}
.main-banner .banner-swiper .indicator-bx .swiper-pagination-bullet{background-color:#000;opacity:0.3}
.main-banner .banner-swiper .indicator-bx .swiper-pagination-bullet-active{background-color:#222;opacity:1}
.pageClassCollectedGuideMap .tbl-fixed-scroll{width:120rem;margin:0 auto;max-width:100%;margin-top:1.7rem}
.pageClassCollectedGuideMap .tbl-fixed-scroll .scroll-content{padding-right:2.9rem}
.pageClassCollectedGuideMap .tbl-fixed-scroll tbody td,.pageClassCollectedGuideMap .tbl-fixed-scroll tbody th{padding:2.5rem 1.4rem;position:relative;overflow:visible}
.pageClassCollectedGuideMap .tbl-fixed-scroll .tbl-col-row01{margin-bottom:2.9rem}
.pageClassCollectedGuideMap .tbl-fixed-scroll .tbl-col-row01 .br-0,.pageClassCollectedGuideMap .tbl-fixed-scroll .tbl-col-row01 thead tr:first-child th:last-child{border-right:1px solid #ddd}
.pageClassCollectedGuideMap .tbl-fixed-scroll .tbl-col-row01 tbody tr:last-child td,.pageClassCollectedGuideMap .tbl-fixed-scroll .tbl-col-row01 tbody tr:last-child th{border-bottom:1px solid #ddd}
.pageClassCollectedGuideMap .tbl-fixed-scroll .tbl-col-row01 thead tr:nth-child(2) th{top:5.4rem}
.pageClassCollectedGuideMap .tbl-fixed-scroll tbody td{font-size:1.4rem;line-height:1.71;font-weight:500}
.pageClassCollectedGuideMap .tbl-fixed-scroll .tbl-col-row01 tbody tr:nth-child(even) td{background-color:transparent}
.pageClassCollectedGuideMap .tbl-fixed-scroll .tbl-col-row01 tbody tr:nth-child(even) td.bg-gray{background-color:#f5f5f5}
.pageClassCollectedGuideMap .tbl-fixed-scroll .start{z-index:1}
.pageClassCollectedGuideMap .tbl-fixed-scroll [class*="ico-collected"]{margin-right:0.6rem}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items{position:absolute;top:0.7rem;left:1.3rem;height:-webkit-calc(100% - 14px);height:calc(100% - 14px);width:-webkit-calc(100% - 26px);width:calc(100% - 26px);border-radius:4.5rem;border:0.2rem solid #ccc;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff}
}
@media screen and (min-width: 1024px) and (-ms-high-contrast: active),(min-width: 1024px) and (-ms-high-contrast: none){
.pageClassCollectedGuideMap .tbl-fixed-scroll .items{height:-webkit-calc(100% + 7px);height:calc(100% + 7px)}
}
@media (min-width: 1024px){
.pageClassCollectedGuideMap .tbl-fixed-scroll .items.red-item{border-color:#e1002a}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items.yellow-item{border-color:#ffe53f}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items.blue-item{border-color:#4051b8}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items.green-item{border-color:#00bca9}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items.pink-item{border-color:#ff6795}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items.orange-item{border-color:#fb9606}
.pageClassCollectedGuideMap .tbl-fixed-scroll .items.skyblue-item{border-color:#b3d6ff}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-2{width:-webkit-calc(200% - 26px);width:calc(200% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-3{width:-webkit-calc(300% - 26px);width:calc(300% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-4{width:-webkit-calc(400% - 26px);width:calc(400% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-5{width:-webkit-calc(500% - 26px);width:calc(500% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-6{width:-webkit-calc(600% - 26px);width:calc(600% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-7{width:-webkit-calc(700% - 26px);width:calc(700% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-8{width:-webkit-calc(800% - 26px);width:calc(800% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-9{width:-webkit-calc(900% - 26px);width:calc(900% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-10{width:-webkit-calc(1000% - 26px);width:calc(1000% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-11{width:-webkit-calc(1100% - 26px);width:calc(1100% - 26px)}
.pageClassCollectedGuideMap .tbl-fixed-scroll .width-12{width:-webkit-calc(1200% - 26px);width:calc(1200% - 26px)}
.pageClassCollectedGuideMap .guide-items-color-box{font-size:1.6rem;line-height:1.62;width:120rem;margin:0 auto;margin-top:7.6rem;max-width:100%}
.pageClassCollectedGuideMap .guide-items-color-box [class*="items"]::before{content:"";display:inline-block;width:1.5rem;height:1.5rem;border-radius:1.5rem;border:0.5rem solid #ccc;margin-right:0.3rem;vertical-align:-0.2rem}
.pageClassCollectedGuideMap .guide-items-color-box [class*="items"] + [class*="items"]{margin-left:2.5rem}
.pageClassCollectedGuideMap .guide-items-color-box .red-items::before{border-color:#e1002a}
.pageClassCollectedGuideMap .guide-items-color-box .yellow-items::before{border-color:#ffe53f}
.pageClassCollectedGuideMap .guide-items-color-box .blue-items::before{border-color:#4051b8}
.pageClassCollectedGuideMap .guide-items-color-box .green-items::before{border-color:#00bca9}
.pageClassCollectedGuideMap .guide-items-color-box .pink-items::before{border-color:#ff6795}
.pageClassCollectedGuideMap .guide-items-color-box .orange-items::before{border-color:#fb9606}
.pageClassCollectedGuideMap .guide-items-color-box.mo-mode .mo-show{display:none}
.pageClassCollectedGuideMap .guide-items-color-box .skyblue-items::before{border-color:#b3d6ff}
.table-view-body-container{padding:4.5rem 0;border-bottom:2px solid #ccc}
[class*="content-box"] .book-view-content .book-title.align-left{text-align:left}
.new-tags{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.new-tags .new-tag{color:#000;padding:0.2rem 1rem 0.2rem 1rem;font-size:1.2rem;line-height:1.83;border-radius:2.8rem;border:1px solid #ddd;margin-top:0.7rem;margin-right:0.4rem}
.content-visual-img.gregre-main img{top:27.5%}
.content-visual-img.gregre-main img.img02{top:22%;left:25%}
.content-visual-img.gregre-main img.mo-show{display:none}
.main-info-container{position:relative;max-width:100%;min-height:1125px}
.main-info-container::after{content:"";display:block;clear:both}
.main-info-container .bg-area{float:right;width:-webkit-calc(100% / 2);width:calc(100% / 2);min-height:inherit;background:url("../images/introduce/gregre_main_bg.jpg") no-repeat;border-radius:20% 90% 0 100%/50% 0 100% 50%;border-bottom-left-radius:200rem;background-size:cover;background-position:center}
.main-info-container .main-info-inner{position:absolute;width:120rem;max-width:100%;left:44%;bottom:-webkit-calc(50vh - 280px);bottom:calc(50vh - 280px);bottom:-webkit-calc(50vh - 28rem);bottom:calc(50vh - 28rem);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0}
.main-info-container .main-info-inner .main-info-txt{font-size:2rem;line-height:1.5;line-height:1.8;font-weight:500}
.main-info-container .main-info-inner .main-info-txt p.mo-show{display:none}
.main-info-container .main-info-inner .main-info-txt p.pc-show{margin-top:3rem}
.main-info-container .main-info-inner .main-info-btn{margin-top:4rem}
.main-info-container .main-info-inner .main-info-btn .main-info-link .txt{position:relative;padding:0.8rem 1.5rem 0.8rem 1.7rem;border:0.1rem solid #333;font-size:1.6rem;line-height:1.62;font-weight:500;border-radius:30px}
.main-info-container .main-info-inner .main-info-btn .main-info-link .txt::after{content:"";display:inline-block;-webkit-transform:translateY(5%);-ms-transform:translateY(5%);transform:translateY(5%);margin-left:5px;width:1.1rem;height:1.9rem;background:url(../images/introduce/black_color_arrow.png) no-repeat left top;background-size:70%}
.step-title.gregre.mo-show{display:none}
.detail-info-container{display:inline-block;width:100%;max-width:120rem;padding:0 0 10rem;margin-top:1rem}
.detail-info-container .non-swiper-container.swiper-gregre{padding-bottom:3rem;overflow:visible}
.detail-info-container .non-swiper-container.swiper-gregre .swiper-btn-round-next{right:-11rem;display:none}
.detail-info-container .non-swiper-container.swiper-gregre .swiper-btn-round-prev{left:-11rem;display:none}
.detail-info-container .non-swiper-container.swiper-gregre .swiper-pagination{display:none}
.detail-info-container .swiper-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:70px}
.detail-info-container .swiper-wrapper .swiper-slide{max-width:353px;min-height:427px;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);border-radius:10px;background:#fff}
.detail-info-container .swiper-wrapper .content-bg{max-width:100%}
.detail-info-container .swiper-wrapper .content-txt{padding:30px;text-align:left;background:#fff}
.detail-info-container .swiper-wrapper .content-txt dt{font-size:2.4rem;line-height:1.41;font-weight:bold}
.detail-info-container .swiper-wrapper .content-txt dd:first-of-type{margin-top:1.2rem;font-size:2rem;line-height:1.5}
.detail-info-container .swiper-wrapper .content-txt dd:last-of-type{margin-top:3rem}
.detail-info-container .swiper-wrapper .content-txt dd .main-info-link .txt{position:relative;padding:0.8rem 1.5rem 0.8rem 1.7rem;border:0.1rem solid #e1002a;font-size:1.6rem;line-height:1.62;color:#e1002a;font-weight:500;border-radius:30px}
.detail-info-container .swiper-wrapper .content-txt dd .main-info-link .txt::after{content:"";display:inline-block;-webkit-transform:translateY(5%);-ms-transform:translateY(5%);transform:translateY(5%);margin-left:5px;width:1.1rem;height:1.9rem;background:url(../images/introduce/main_color_arrow.png) no-repeat left top;background-size:70%}
.main-introduce-container{max-width:120rem;width:100%;margin:0 auto;overflow:hidden}
.main-introduce-container.mo-show{display:none}
.main-introduce-container ul{margin-top:10rem}
.main-introduce-container ul .introduce-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;min-height:300px}
.main-introduce-container ul .introduce-item:first-of-type{background:url("../images/introduce/gregre_intersting.png") no-repeat;background-size:cover}
.main-introduce-container ul .introduce-item:first-of-type .item-txt{padding-left:12rem}
.main-introduce-container ul .introduce-item:first-of-type .item-word{padding-right:8rem}
.main-introduce-container ul .introduce-item:nth-of-type(2){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;background:url("../images/introduce/gregre_interaction.png") no-repeat;background-size:cover}
.main-introduce-container ul .introduce-item:nth-of-type(2) .item-txt{padding-right:12rem}
.main-introduce-container ul .introduce-item:nth-of-type(2) .item-word{padding-left:8rem}
.main-introduce-container ul .introduce-item:nth-of-type(3){background:url("../images/introduce/gregre_communication.png") no-repeat;background-size:cover}
.main-introduce-container ul .introduce-item:nth-of-type(3) .item-txt{padding-left:12rem}
.main-introduce-container ul .introduce-item:nth-of-type(3) .item-word{padding-right:8rem}
.main-introduce-container ul .introduce-item:last-of-type{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;background:url("../images/introduce/gregre_service.png") no-repeat;background-size:cover}
.main-introduce-container ul .introduce-item:last-of-type .item-txt{padding-right:12rem}
.main-introduce-container ul .introduce-item:last-of-type .item-word{padding-left:8rem}
.main-introduce-container ul .introduce-item:not(:first-child){margin-top:3rem}
.main-introduce-container ul .introduce-item .item-txt .item-sub-title{font-size:3rem;line-height:1.33;font-weight:700}
.main-introduce-container ul .introduce-item .item-txt .item-desc{margin-top:1.5rem;font-size:1.8rem;line-height:1.55}
.main-introduce-container ul .introduce-item .item-word{color:#fff;font-size:3.2rem;line-height:1.31;font-weight:500}
.light-green02-detail-btn{display:block;width:11.5rem;margin:1.5rem auto 0;padding:0.8rem 1rem;background-color:#00a78d;border:1px solid #000;border-color:#00a78d;border-radius:4rem;color:#fff;text-align:center;font-size:1.3rem;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16)}
.light-green02-detail-btn .ico-asset{width:0.7rem;height:1.2rem;margin-left:0.8rem;margin-bottom:0.2rem;background-size:0.7rem 1.2rem;background-image:url(../images/common/ico_asset@2x.png)}
.content-box.light-orange02.gregre-use-tips{position:relative;padding:10rem 0 0;margin-top:10rem}
.content-box.light-orange02.gregre-use-tips .swiper-container{margin-top:8rem}
.content-box.light-orange02.gregre-use-tips img{position:relative;-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);border-radius:10px}
.full-img{width:100%}
.content-box.step-type.navy.step-1.none-bg::before{content:none}
.content-box.round-type.linked-books p{position:absolute;top:0;left:0;width:100%;height:52px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff;background:#4051b8;border-radius:10px 10px 0 0;font-size:20px;font-weight:700}
.content-box.round-type.linked-books .content-box{padding:0 30px;margin-top:50px}
.content-box.round-type.linked-books .content-box .swiper-container{width:100%}
.content-box.round-type.linked-books .content-box .swiper-container .swiper-wrapper .swiper-slide{width:100%}
.content-box.round-type.linked-books .content-box .swiper-container .swiper-wrapper .swiper-slide .linked-books-txt{margin-top:20px;font-weight:400;font-size:18px;line-height:26px;text-align:center}
.content-box.round-type.linked-books .content-box .swiper-container .swiper-pagination{position:static;margin-top:25px}
.content-box.round-type.story-wizard .swiper-container.swiper-collected-list .swiper-wrapper .swiper-slide ul li .num{margin-right:8px;margin-bottom:8px;padding-left:0.1rem;font-family:"Montserrat";font-weight:500;font-size:16px}
.content-box.step-type.step-3.story-wizard .swiper-container .swiper-wrapper .swiper-slide .align-center-box.type01 .align-center-box-desc{margin-top:20px;font-weight:400;font-size:18px;line-height:28px;text-align:center;color:#222}
.pc-show{display:block}
.mo-show{display:none}
}