/********************************************************************************** 강사&교재 > 교재소개 :: mobile first media query :: 0px ~ mobile :: 576px ~ tablet :: 1200px ~ pc 인강, 어학원 공통 **********************************************************************************/ #wrap.textbooks{padding-bottom: 40px;} #mo-menu{display: none !important;} /* contents */ .textbooks > .contents{padding: 16px 0 0;} .textbooks > .contents .pic{justify-content: center;} .textbooks > .contents article{background-color: var(--n-white); padding: 16px; border-radius: var(--b-radius1); box-shadow: var(--box-shadow2);} .textbooks > .contents article.transBg{background-color: transparent; padding: 0; border-radius: 0; box-shadow: none;} .textbooks > .contents article + article{margin-top: 16px;} .textbooks > .contents .topWrap{text-align: center; margin-bottom: 16px;} .textbooks > .contents .topWrap .pageTxt{font-size: var(--f-heading3); font-weight: 700; line-height: 22px; letter-spacing: -0.32px;} .textbooks > .contents .topWrap .textImg{max-width: 204px; margin: 8px auto 16px; display: block;} .textbooks > .contents .topWrap .circleBox{border-radius: 100px; background-color: #D4EBFF; color: #0059FF; display: inline-block; font-size: var(--f-body2); font-weight: 500; letter-spacing: -0.26px; height: 24px; padding: 0 8.5px; line-height: 1.7;} .textbooks > .contents .topWrap .infoWrap{margin-top: 16px;} .textbooks > .contents .topWrap .infoWrap .imgWrap{text-align: center; width: 100%; margin-bottom: 16px;} .textbooks > .contents .topWrap .infoWrap .reviewText{background-color: var(--n-white); border-radius: 50px; margin-bottom: 29px; border: 1px solid var(--s-color1); font-size: var(--f-body3); width: 100%; padding: 0 12px; line-height: 16px; letter-spacing: -0.24px; overflow: hidden; height: 60px; box-shadow: var(--box-shadow1);} .textbooks > .contents .topWrap .infoWrap .reviewText .name{margin-top: 4px; color: var(--n-info);} .textbooks > .contents .topWrap .infoWrap .reviewText .swiper-slide{display: flex; flex-direction: column; justify-content: center;} .textbooks > .contents .topWrap .infoWrap .textWrap{background-color: var(--n-white); border-radius: var(--b-radius2); box-shadow: var(--box-shadow2); width: 100%; text-align: left;} .textbooks > .contents .topWrap .infoWrap .textWrap .top{background: linear-gradient(102deg, #FF8C00 1.12%, #FF5100 100%); border-radius: var(--b-radius2) var(--b-radius2) 0 0; color: var(--n-white); position: relative; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; padding: 16px;} .textbooks > .contents .topWrap .infoWrap .textWrap .top::after{content: ''; position: absolute; top: -13px; right: 20px; width: 53px; height: 76px; background-image: url('../img/textbooks/1st-place.png'); background-repeat: no-repeat; background-size: contain;} .textbooks > .contents .topWrap .infoWrap .textWrap .top b{display: inline-block; font-size: var(--f-display3); line-height: 34px; letter-spacing: -0.48px; margin-left: 8px; font-weight: 600;} .textbooks > .contents .topWrap .infoWrap .textWrap .top span{display: block; font-size: var(--f-body4); line-height: 14px; letter-spacing: -0.22px; margin-top: 6px; font-weight: 300;} .textbooks > .contents .topWrap .infoWrap .textWrap .list{padding: 0 16px; text-align: center; font-size: var(--f-body1); letter-spacing: -0.28px;} .textbooks > .contents .topWrap .infoWrap .textWrap .list p{height: 52px; line-height: 52px;} .textbooks > .contents .topWrap .infoWrap .textWrap .list p + p{border-top: 1px solid var(--s-color1);} .textbooks > .contents .composition section{border-radius: var(--b-radius1); overflow: hidden; box-shadow: var(--box-shadow2);} .textbooks > .contents .composition section + section{margin-top: 16px;} .textbooks > .contents .composition section .imgWrap figure {background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%; aspect-ratio: 328/216;} .textbooks > .contents .composition section .textWrap{padding: 16px; text-align: center; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; background-color: var(--n-white); color: var(--n-info);} .textbooks > .contents .composition section .textWrap b{display: block; margin-top: 4px; font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; color: var(--n-subTitle);} .textbooks > .contents .composition section .textWrap .download{align-items: center; margin-top: 16px;} .textbooks > .contents .composition section .textWrap .download .wrap{width: 100%; text-align: left; display: flex; justify-content: space-between; align-items: center;} .textbooks > .contents .composition section .textWrap .download .wrap + .wrap{margin-top: 8px;} .textbooks > .contents .composition section .textWrap .download .down{font-size: var(--f-body2); letter-spacing: -0.26px; height: 34px; padding: 0 35.5px 0 15.5px; border: 1px solid var(--s-color1); border-radius: var(--b-radius0); color: inherit; line-height: 2.4; background-image: url('../img/common/new_downloadIcon.svg'); background-size: 16px; background-position: right 15.5px center; background-repeat: no-repeat; transition: all 0.3s ease; margin-left: 8px;} .textbooks > .contents .composition .comp1 .imgWrap figure{background-image: url('../img/textbooks/composition-1.png');} .textbooks > .contents .composition .comp2 .imgWrap figure{background-image: url('../img/textbooks/composition-2.png');} .textbooks > .contents .composition .comp3 .imgWrap figure{background-image: url('../img/textbooks/composition-3.png');} .textbooks > .contents .composition .comp4 .imgWrap figure{background-image: url('../img/textbooks/composition-4.png');} .textbooks > .contents .localArea .tit{text-align: center; font-weight: 700; line-height: 22px; letter-spacing: -0.42px;} .textbooks > .contents .localArea .imgWrap{width: 100%; max-width: 296px; aspect-ratio: 296/242; margin: 16px auto 0;} .textbooks > .contents .localArea .imgWrap figure{background-size: contain; background-repeat: no-repeat; background-image: url('../img/textbooks/localArea.png'); background-position: center; width: 100%; height: 100%;} .textbooks > .contents .localArea .textWrap{background-color: var(--b-color5); border-radius: var(--b-radius3); font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; padding: 12px;} .textbooks > .contents .localArea .textWrap .list .dotTxt{position: relative; padding-left: 12px;} .textbooks > .contents .localArea .textWrap .list .dotTxt::before{content: ''; width: 2px; height: 2px; border-radius: 50%; background-color: var(--n-subTitle); left: 6px; position: absolute; top: 8px;} .textbooks > .contents .localArea .textWrap .list + .list{margin-top: 16px;} .textbooks > .contents .notice{background-color: var(--b-color4); margin-top: 16px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; padding: 12px; border-radius: var(--b-radius0); color: var(--n-info);} .textbooks > .contents .notice p + p{margin-top: 2px;} .textbooks > .contents .notice .tit2{font-weight: 500;} .textbooks > .contents .notice .sub1{padding-left: 4px;} .textbooks > .contents .notice .dotTxt{position: relative; padding-left: 15px;} .textbooks > .contents .notice .dotTxt::before{content: ''; width: 2px; height: 2px; border-radius: 50%; background-color: var(--n-info); position: absolute; left: 9px; top: 7px;} /* 우측 옵션 영역 */ .textbooks .sticky-option .registerWrap{padding-bottom: 0; font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .textbooks .sticky-option .registerWrap form{width: 100%; height: 100%;} .textbooks .sticky-option .registerWrap .registerInfo{display: none; padding-bottom: 0; height: calc(100% - 161px); padding-top: 16px; position: relative} .textbooks .sticky-option .registerWrap .registerInfo .scrollWidth{height: 100%;} .textbooks .sticky-option .registerWrap .registerInfo label + label{margin-top: 14px;} .textbooks .sticky-option .registerWrap .registerInfo label{display: block;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div{position: relative; padding: 12px 32px 12px 12px; display: inline-block; cursor: pointer; width: 100%; border: 1px solid var(--s-color1); border-radius: var(--b-radius0); font-weight: 700;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div::before{content: ''; width: 14px; height: 14px; border: 1px solid var(--s-color1); position: absolute; right: 16px; top: 50%; transform: translateY(-50%); background-color: var(--n-white); border-radius: 50%;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div::after{content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: var(--n-white); top: 50%; transform: translateY(-50%); right: 20px;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"]:checked + div{border-color: var(--p-color2);} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"]:checked + div::before{background-color: var(--p-color2); border-color: var(--p-color2);} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div .priceWrap{font-size: var(--f-body2); color: var(--n-info2); line-height: 20px; letter-spacing: -0.26px; display: flex; align-items: center; padding-top: 8px; font-weight: 400;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div .priceWrap .before{position: relative;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div .priceWrap .before::after{content: ''; position: absolute; left: 0; top: 50%; transform; translateY(-50%); width: 100%; height: 1px; background-color: var(--n-info2);} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div .priceWrap .after{font-weight: 700; color: var(--n-subTitle); font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; margin-left: 4px; margin-right: 8px;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div .priceWrap .discount{font-size: 10px; color: var(--waring-color); height: 16px; border-radius: 100px; background-color: #FFDBDB; background-image: url('../img/textbooks/price-down-icon.svg'); background-size: 8px; background-repeat: no-repeat; background-position: right 4.5px top 3px; padding: 0 16px 0 6px; font-weight: 500; line-height: 1.4;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div .priceWrap .discount em{display: none;} .textbooks .sticky-option .resultWrap{position: absolute; bottom: 0; left: 0; margin-left: 0; background-color: var(--n-white); width: 100%; } .textbooks .sticky-option .resultWrap .registerBtn{background-color: var(--n-subTitle); color: var(--n-white); width: 100%; height: 52px; line-height: 52px; text-align: center; font-size: var(--f-heading3); font-weight: 500;} .textbooks .sticky-option .resultWrap .resultPrice{font-size: var(--f-body1); padding-bottom: 8px; display: none; color: var(--n-subTitle); line-height: 20px; letter-spacing: -0.28px;} .textbooks .sticky-option .resultWrap .resultPrice .all{font-weight: 700; font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .textbooks .sticky-option .resultWrap .resultPrice .subject{margin-bottom: 8px; color: var(--n-subTitle); font-weight: 700; } .textbooks .sticky-option .resultWrap .resultPrice .subject p{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: calc(100% - 108px);} .textbooks .sticky-option .resultWrap .resultPrice .subject .sale{color: var(--waring-color); padding-left: 4px;} .textbooks .sticky-option .resultWrap .resultPrice .subject .before{font-size: var(--f-body3); margin: 0 0 0 auto; color: var(--n-info2); font-weight: 400; position: relative;} .textbooks .sticky-option .resultWrap .resultPrice .subject .before::after{content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: var(--n-info2); transform: translateY(-50%);} .textbooks .sticky-option .resultWrap .submitBtn{display: none;} .textbooks .sticky-option.active{height: 100vh; height: calc(var(--vh, 1vh) * 100);} .textbooks .sticky-option.active .resultWrap::after{content: ''; position: absolute; top: 14px; left: 50%; transform: translateX(-50%); width: calc(100% - 24px); height: 1px; background-color: var(--s-color1);} .textbooks .sticky-option.active .registerWrap .registerInfo{display: block;} .textbooks .sticky-option.active .resultWrap{padding: 30px 16px 16px; height: 156px;} .textbooks .sticky-option.active .resultWrap .resultConfirmWrap{padding: 12px; border: 1px solid var(--n-mainTitle); border-radius: var(--b-radius3); margin-bottom: 16px;} .textbooks .sticky-option.active .resultWrap .checkWrap{display: flex;} .textbooks .sticky-option.active .resultWrap .registerBtn {border-radius: var(--b-radius0);} .textbooks .sticky-option.active .resultWrap::before{display: block; background-color: var(--s-color1);} .textbooks .sticky-option.active .resultWrap .openBtn{display: none;} .textbooks .sticky-option.active .resultWrap .submitBtn{display: block;} .textbooks .sticky-option.active .resultWrap .resultPrice{display: block;} @media screen and (min-width: 744px){ #mo-menu{display: block !important;} #header.active, #header.resized.active{height: calc(100vh - 56px); height: calc((var(--vh, 1vh) * 100) - 56px);} /* 공통 */ #wrap.textbooks{padding-bottom: 78px; position: relative; display: flex; padding-left: 32px; padding-right: 32px; justify-content: center; padding-top: 100px;} .textbooks > .contents{width: calc(100% - 261px); max-width: 792px; padding-top: 0;} .textbooks > .contents .max-width{padding: 0;} /* */ .textbooks > .contents .topWrap .infoWrap .imgWrap{max-width: 629px; margin-left: auto; margin-right: auto;} .textbooks > .contents .topWrap .infoWrap .textWrap .top{text-align: center;} .textbooks > .contents .composition section .imgWrap figure{aspect-ratio: 419/215;} .textbooks > .contents .composition .comp1 .imgWrap figure{background-image: url('../img/textbooks/composition-1-tablet.png');} .textbooks > .contents .composition .comp2 .imgWrap figure{background-image: url('../img/textbooks/composition-2-tablet.png');} .textbooks > .contents .composition .comp3 .imgWrap figure{background-image: url('../img/textbooks/composition-3-tablet.png');} .textbooks > .contents .composition .comp4 .imgWrap figure{background-image: url('../img/textbooks/composition-4-tablet.png');} .textbooks > .contents .localArea .imgWrap{max-width: 387px; aspect-ratio: 387/280;} .textbooks > .contents .localArea .imgWrap figure{background-image: url('../img/textbooks/localArea-tablet.png');} /* 우측 옵션 영역 */ .textbooks .sticky-option{position: sticky; top: 56px; width: 245px; background-color: transparent; height: 100%; margin-left: 16px; bottom: auto; min-height: 400px; z-index: 0; margin-top: calc(50vw + 92px); } .textbooks .sticky-option .registerWrap{height: auto; position: relative; padding: 0; background-color: var(--n-white); box-shadow: var(--box-shadow1); border-radius: var(--b-radius1); overflow: hidden; bottom: auto; left: auto;} .textbooks .sticky-option .resultWrap::after{content: ''; position: absolute; top: 14px; left: 50%; transform: translateX(-50%); width: calc(100% - 24px); height: 1px; background-color: var(--s-color1);} .textbooks .sticky-option .registerWrap .registerInfo{background-color: var(--n-white); display: block; border-radius: 0; padding-left: 16px; padding-right: 16px; max-height: initial; height: auto;} .textbooks .sticky-option .registerWrap .registerInfo .selectWrap{max-height: calc(100vh - 295px);} .textbooks .sticky-option .registerWrap .closeBtn{display: none;} .textbooks .sticky-option .resultWrap{position: relative; padding: 30px 16px 16px; bottom: auto; left: auto; border-radius: 0;} .textbooks .sticky-option .resultWrap::before{background-color: var(--s-color1);} .textbooks .sticky-option .resultWrap .resultConfirmWrap{border: 1px solid var(--n-mainTitle); margin-bottom: 14px; border-radius: var(--b-radius3); padding: 12px;} .textbooks .sticky-option .resultWrap .checkWrap{font-size: var(--f-body4); display: flex; padding: 8px; width: 100%; margin: 14px 0 0;} .textbooks .sticky-option .resultWrap .openBtn{display: none !important;} .textbooks .sticky-option .resultWrap .submitBtn{display: block !important;} .textbooks .sticky-option .resultWrap .resultPrice{display: block !important; padding: 0 0 14px;} .textbooks .sticky-option .resultWrap .resultPrice .subject{margin-bottom: 8px; line-height: 16px; } .textbooks .sticky-option .resultWrap .resultPrice .all{font-size: var(--f-body1);} .textbooks .sticky-option .resultWrap .registerBtn{font-size: var(--f-body1); height: 40px; line-height: 40px; width: 100%; margin: 0 auto; border-radius: var(--b-radius0);} .textbooks .sticky-option .dim{display: none !important;} .textbooks .sticky-option .registerWrap .registerInfo .optionSelect > li:last-child{padding-bottom: 14px;} .textbooks .sticky-option .registerWrap .registerInfo .optionSelect > li.active .top{padding-bottom: 16px;} .textbooks .sticky-option .registerWrap .registerInfo .optionSelect > li.active .top .price{padding-top: 8px;} } @media screen and (min-width: 954px) { .textbooks .sticky-option{margin-top: 570px;} } @media screen and (min-width: 1200px){ #mo-menu{display: none !important;} #wrap.textbooks{padding-bottom: 100px; padding-top: 0;} .textbooks > .contents{padding-top: 40px; width: calc(100% - 408px);} .textbooks > .contents article, .textbooks > .contents article.transBg{padding: 40px 24px; border-radius: var(--b-radius2); box-shadow: var(--box-shadow2); background-color: var(--n-white);} .textbooks > .contents article + article{margin-top: 64px;} .textbooks > .contents .topWrap{margin-bottom: 64px;} .textbooks > .contents .topWrap .pageTxt{font-size: var(--f-heading2); line-height: 26px; letter-spacing: -0.36px;} .textbooks > .contents .topWrap .textImg{margin: 16px auto 24px; max-width: 358px;} .textbooks > .contents .topWrap .circleBox{font-size: var(--f-heading3); height: 38px; padding: 0 18px; line-height: 2.2; font-weight: 700;} .textbooks > .contents .topWrap .infoWrap{margin-top: 56px;} .textbooks > .contents .topWrap .infoWrap .imgWrap{order: 1; width: calc(100% - 260px); margin: 0;} .textbooks > .contents .topWrap .infoWrap .textWrap{order: 2; width: 260px;} .textbooks > .contents .topWrap .infoWrap .reviewText{order: 3; width: 100%; margin: 24px 0 0; padding: 0 56px; display: flex; font-size: var(--f-heading2); line-height: 26px; letter-spacing: -0.36px; justify-content: space-between; height: 58px;} .textbooks > .contents .topWrap .infoWrap .reviewText b{font-weight: 400;} .textbooks > .contents .topWrap .infoWrap .reviewText .name{margin: 0; font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; font-weight: 700;} .textbooks > .contents .topWrap .infoWrap .reviewText .swiper-slide{justify-content: space-between; flex-direction: initial; align-items: center;} .textbooks > .contents .topWrap .infoWrap .textWrap .top{text-align: left; font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; padding: 20px 14px 16px;} .textbooks > .contents .topWrap .infoWrap .textWrap .top b{font-size: 32px; margin: 0; line-height: 40px; letter-spacing: -0.64px;} .textbooks > .contents .topWrap .infoWrap .textWrap .top span{margin-top: 12px;} .textbooks > .contents .topWrap .infoWrap .textWrap .top::after{width: 68px; height: 96px; top: -16px; right: 16px; background-image: url('../img/textbooks/1st-place-pc.png');} .textbooks > .contents .composition section{background-color: transparent; box-shadow: none; border-radius: 0;} .textbooks > .contents .composition section + section{margin-top: 64px;} .textbooks > .contents .composition section .textWrap{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; padding: 16px 0 0;} .textbooks > .contents .composition section .textWrap b{font-size: var(--f-heading2); line-height: 26px; letter-spacing: -0.36px; margin: 0;} .textbooks > .contents .composition section .textWrap .download{justify-content: flex-end; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; flex-wrap: nowrap;} .textbooks > .contents .composition section .textWrap .download .wrap{width: auto;} .textbooks > .contents .composition section .textWrap .download .wrap + .wrap{margin-top: 0; margin-left: 16px;} .textbooks > .contents .composition section .textWrap .download .down{margin-left: 8px;} .textbooks > .contents .composition .comp1 .imgWrap figure {background-image: url('../img/textbooks/composition-1-pc.png');} .textbooks > .contents .composition .comp2 .imgWrap figure {background-image: url('../img/textbooks/composition-2-pc.png');} .textbooks > .contents .composition .comp3 .imgWrap figure {background-image: url('../img/textbooks/composition-3-pc.png');} .textbooks > .contents .composition .comp4 .imgWrap figure {background-image: url('../img/textbooks/composition-4-pc.png');} .textbooks > .contents .localArea .tit{font-size: var(--f-heading1); line-height: 28px; letter-spacing: -0.4px;} .textbooks > .contents .localArea .imgWrap{margin: 40px auto 24px;} .textbooks > .contents .localArea .imgWrap{aspect-ratio: 752/296; max-width: 100%;} .textbooks > .contents .localArea .imgWrap figure{background-image: url('../img/textbooks/localArea-pc.png');} .textbooks > .contents .localArea .textWrap{padding: 24px; display: grid; grid-template-columns: repeat(2,1fr); row-gap: 16px; column-gap: 24px;} .textbooks > .contents .localArea .textWrap .list + .list{margin-top: 0;} .textbooks > .contents .notice{margin-top: 64px; padding: 24px 16px; border-radius: var(--b-radius3); font-size: var(--f-body1); line-height: 24px; letter-spacing: -0.28px;} .textbooks > .contents .notice .tit{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .textbooks > .contents .notice p + p{margin-top: 4px;} .textbooks > .contents .notice .dotTxt{padding-left: 17px;} .textbooks > .contents .notice .dotTxt::before{width: 3px; height: 3px; top: 11px;} /* 우측 옵션 영역 */ .textbooks .sticky-option{font-size: var(--f-heading3); z-index: 0; top: 144px; width: 384px; margin-left: 24px; margin-top: 310px;} .textbooks .sticky-option .registerWrap .registerInfo .selectWrap{max-height: calc(100vh - 415px);} .textbooks .sticky-option .registerWrap .registerInfo label + label{margin-top: 16px;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div{padding: 16px 36px 16px 16px; border-radius: var(--b-radius3); font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div::before{width: 18px; height: 18px;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div::after{width: 10px; height: 10px; right: 21px;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div .priceWrap{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; padding-top: 10px;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div .priceWrap .after{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div .priceWrap .discount{font-size: var(--f-body3); letter-spacing: -0.24px; height: 20px; padding: 0 16px 0 8px; line-height: 1.5; background-position: right 6.5px top 4px;} .textbooks .sticky-option .registerWrap .registerInfo input[type="radio"] + div .priceWrap .discount em{display: inline-block;} .textbooks .sticky-option .resultWrap{padding: 32px 16px 16px;} .textbooks .sticky-option .resultWrap::after{top: 16px;} .textbooks .sticky-option .resultWrap .resultPrice{padding-bottom: 16px;} .textbooks .sticky-option .resultWrap .resultPrice .subject{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .textbooks .sticky-option .resultWrap .resultPrice .all{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .textbooks .sticky-option .resultWrap .resultConfirmWrap{padding: 16px; margin-bottom: 16px;} .textbooks .sticky-option .resultWrap .registerBtn{height: 56px; font-size: var(--f-heading2); border-radius: var(--b-radius3); line-height: 56px;} } /************************************************************* hover effect *************************************************************/ @media (hover: hover) and (pointer: fine) { .textbooks > .contents .composition section .textWrap .download .down:hover{background-color: var(--b-color4); border-color: var(--b-color4);} }