@charset "utf-8";
@import url('../../font.css');
/* 829 교과서 홍보페이지 - 보충수업자료 css */
/* common */
body,html,.body-wrap{font-family:"SUIT",sans-serif;}
html{scroll-behavior:smooth;}
.body-wrap{overflow:hidden;}
.body-wrap .header.classsub{background:transparent;height:auto;border:0;}
.body-wrap .header.classsub .header-inner{height:100px;}
.contWrap,.visualWrap{position:relative;}
.effect-bounce-updown{text-align:center;margin:30px auto;}
.btnTop{position:fixed;bottom:50px;right:20px;z-index:2;opacity:0;transition:0.5s linear;display:inline-block;box-shadow:0px 2px 5px 2px rgba(0,0,0,0.1);border-radius:100%;overflow:hidden;}
.btnTop.on{opacity:1;}
.btnTop img {width: 60px;}
.blind {position:absolute;left:-1000000px;text-indent:-1000000px;overflow:hidden;;margin:-1px;width:1px;height:1px;}
/*fullpage*/
[class^="section"]{display:inherit;position:relative;}
#fp-nav.fp-right{top:auto;bottom:0;right:50%;}
#fp-nav ul {display:flex;justify-content:center;}
.fp-watermark{display:none;}
.body-wrap .mainInner{width:1270px;margin:0 auto 0;height:100%;}
.body-wrap .inner.type2{width:1200px;height:100%;}
.body-wrap .inner.type3{width:1235px;padding:52px 12px 0 0;}
.body-wrap .fullpage-wrapper {background: url("/resources/images/visangtextbook/2022/pc/classsub/bg.jpg") 50% 100% repeat;background-size: cover;height:100%;}
.body-wrap .footer{display: none;}
.body-wrap .footer.on{display: block;}
/* section1 */
[class^="section"] .visualWrap{height:100%;position:relative;}
[class^="section"] .effect-bounce-updown.icon-scroll{position:static;top:auto;left:auto;}
/*[class^="section"] .visualCont .listBox{margin-top:4.5rem;}*/
[class^="section"] .visualCont .listBox h2{text-align:center;margin-bottom:36px;}
[class^="section"] .visualCont .list{display:flex;justify-content:center;gap:0 16px;}
[class^="section"] .visualCont .list li{width:304px;}
[class^="section"] .visualCont .list li a{display:block;height:100%;background:blue; color:#fff;text-align:center;padding:20px;border-radius:30px;overflow:hidden;}
[class^="section"] .visualCont .list li img{filter:drop-shadow(0px 4px 10px rgba(0,0,0,0.1));}
[class^="mainitem"]{display:inline-block;position:absolute;z-index:1;}
.logoWrap{display:flex;justify-content:space-between;width:100%;position:absolute;top:0;z-index:1;padding-top:35px;}
.logoWrap span,.logoWrap a{display:inline-block;background:url("/resources/images/visangtextbook/2022/pc/classsub/logo1.png") no-repeat 0 0;width:113px;height:39px;}
.logoWrap span{margin-left:122px;}
.logoWrap a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/logo2.png");width:139px;height:20px;margin-right:122px;margin-top:10px;}
.section1 .fp-tableCell{height:1080px !important;}
.section1 .visualWrap{background:linear-gradient(to bottom, #CEF6FF, #9EEDFF 31%, #24DCFF 100%);height:1080px;}
.section1 .visualCont{background:url("/resources/images/visangtextbook/2022/pc/classsub/mainBg3.png")50% 466px no-repeat;height:2720px;position:relative;background-size:cover;}
.section1 .visualCont .titImg{text-align:center;padding-top:110px;}
.section1 .visualCont .mainTit{text-align:center;}
.section1 .visualCont .mainTit h2{font-size:45px;}
.section1 .visualCont .mainCont.active{display:none;}
.section1 .visualCont .mainitem.item1{top:32px;left:50%;margin-left:-1210px;animation:obj2 1.5s linear infinite;animation-delay:1s;animation-duration:1.2s;}
.section1 .visualCont .mainitem.item2{top:-139px;left:50%;margin-left:-1024px;animation:obj2 1.5s linear infinite;animation-delay:1.4s;animation-duration:1.4s;}
.section1 .visualCont .mainitem.item3{top:2px;left:50%;margin-left:-887px;animation:obj1 1.5s linear infinite;}
.section1 .visualCont .mainitem.item4{top:-152px;left:50%;margin-left:-917px;animation:obj1 1.5s linear infinite;}
.section1 .visualCont .mainitem.item5{top:-233px;left:50%;margin-left:-815px;animation:obj2 1.5s linear infinite;animation-delay:1.6s;animation-duration:1.6s;}
.section1 .visualCont .mainitem.item6{top:-31px;left:50%;margin-left:-781px;animation: obj1 1.5s linear infinite;animation-delay: 0.8s;}
.section1 .visualCont .mainitem.item7{top:-55px;right:50%;margin-right:-806px;animation: obj1 1.5s linear infinite;}
.section1 .visualCont .mainitem.item8{top:81px;right:50%;margin-right:-965px;animation: obj1 1.5s linear infinite;animation-delay: 0.8s;}
.section1 .visualCont .mainitem.item9{top:-121px;right:50%;margin-right:-1044px;animation:obj1 1.5s linear infinite;}
.section1 .visualCont .mainitem.item10{top:-145px;right:50%;margin-right:-1088px;animation:obj2 1.5s linear infinite;animation-delay:1.8s;animation-duration:1.8s;}
.section1 .visualCont .mainitem.item11{top:43px;right:50%;margin-right:-1250px;animation:obj2 1.5s linear infinite;animation-delay:2s;animation-duration:2s;}
.section1 .visualCont .mainitem.itemTxt1{top:117px;left:50%;margin-left:-671px;z-index:0;}
.section1 .visualCont .mainitem.itemTxt2{top:117px;right:50%;margin-right:-711px;z-index:0;margin-top:-25px;}
.section1 .visualCont .subjectObj{height:50%;position:absolute;bottom:50%;width:100%;margin-bottom:-466px;}
.section1 .visualCont .subjectObj .land{background:url("/resources/images/visangtextbook/2022/pc/classsub/land.png")no-repeat 50% 0%;height:526px;margin-top:-47px;position:relative;}
.section1 [class^='subjectobj']{position:absolute;display:inline-block;}
.section1 {position:relative;}
.section1 [class^='subjectobj'] img {-webkit-transition: -webkit-transform 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s;}
.section1 [class^='subjectobj']:hover img{transform:scale(1.1);-webkit-transition: -webkit-transform 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s;z-index:1;}
.section1 [class^='subjectobj'] .mainTip{display:none;position:absolute;top:-10px;left:50%;transform:translateX(-50%);background-color:#2F3444;border-radius:20px;color:#fff;font-size:14px;min-width:131px;padding:8px 15px;z-index:1;}
.section1 [class^='subjectobj'] .mainTip:before{content:"";display:inline-block;position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top:7px solid #2F3444;}
.section1 [class^='subjectobj']:hover .mainTip,.section1 [class^='subjectobj'] .mainTip.open{display:block;}
.section1 [class^='subjectobj'] .mainTip.open{background:url("/resources/images/visangtextbook/2022/pc/classsub/openTip.png")no-repeat 50% 0%;width:94px;height:56px;background-size:50% auto;top:auto;bottom:0;}
.section1 [class^='subjectobj'] .mainTip.open:before{content: none;}
.section1 .subjectobj1{top:71px;left:50%;margin-left:-420px;}
.section1 .subjectobj2{top:179px;left:50%;margin-left:-148px;}
.section1 .subjectobj2 .mainTip{top:-30px;}
.section1 .subjectobj3{top:0;left:50%;margin-left:-205px;}
.section1 .subjectobj3 .mainTip{top:-23px;}
.section1 .subjectobj4{top:19px;right:50%;margin-right:-240px;z-index:1;}
.section1 .subjectobj4 .mainTip{left:50px;top:5px;}
.section1 .subjectobj5{top:-29px;right:50%;margin-right:-379px;}
.section1 .subjectobj5 .mainTip.open{margin-left:7px;margin-bottom:19px;}
/*.section1 .subjectobj5:before{display:block;content:"";position:absolute;width:5px;height:5px;background-color:#F3E1C9;top:67px;left:51%;z-index:-1;}*/
.section1 .subjectobj6{top:155px;right:50%;margin-right:-414px;}
.section1 .subjectobj6 .mainTip.open{margin-left:6px;margin-bottom:18px;}
.section1 .subjectobj7{top:263px;left:50%;margin-left:-350px;}
.section1 .subjectobj7 .mainTip{top:20px;}
.section1 .subjectobj8{top:255px;right:50%;margin-right:-277px;}
.section1 .subjectobj8 .mainTip.open{margin-left:-11px;margin-bottom:21px;}
.section1 .inner.on{display:none;}
.section1 .effect-bounce-updown.icon-scroll{margin-top:-55px;padding-bottom:55px;}
/* section2*/
.section2 .fp-tableCell{height:980px !important;}
.section2 .visualWrap{height:100%;}
.section2 .visualCont{/*position:absolute;top:50%;transform:translateY(-50%);width:100%;*/opacity:1;}
.section2 .visualCont .slideWrap{text-align:center;padding-top:60px;}
.section2 .visualCont .slideWrap h2{text-align:center;padding-bottom:35px;}
.section2 .visualCont .slideWrap .section .slide{width:160px;height:90px;}
.section2 .visualCont .slideContainer{text-align:left;}
.section2 .visualCont .slideContainer ~ .slideContainer{margin-top:10px;}
.section2 .visualCont .slideContainer ul{transition-timing-function:linear;}
.section2 .visualCont .slideContainer li{width:266px;height:150px;box-shadow:0 3px 5px rgba(0,0,0,0.2);border-radius:5px;}
.section2 .visualCont .slideContainer li img{max-height:100%;}
.section2 .visualCont .slideContainer#slide2{margin-bottom:2.5vh;}
.section2 .visualCont.on{opacity:0;}
/*header*/
.body-wrap .tabWrap.on{position:fixed;width:100%;z-index:5;top:0;font-family:"SUIT",sans-serif;}
.body-wrap .tabWrap ul{display:flex;align-items:center;justify-content:center;text-align:center;}
.body-wrap .tabWrap ul li a{display:block;width:100%;height:100%;}
.body-wrap .tabWrap #subject{background:#4076e2;height:120px;}
.body-wrap .tabWrap #subject.math{background:#4076e2;}
.body-wrap .tabWrap #subject.society{background-color:#F52C90;}
.body-wrap .tabWrap #subject.science{background-color:#FF7153;}
.body-wrap .tabWrap #subject.art{background-color:#9222CF;}
.body-wrap .tabWrap #subject.music{background-color:#0FAE7F;}
.body-wrap .tabWrap #subject.physical{background-color:#00B0E1;}
.body-wrap .tabWrap #subject.english{background-color:#81A80D;}
.body-wrap .tabWrap #subject.practicalCourse{background-color:#EB9423;}
.body-wrap .tabWrap #subject .inner.type2{display:flex;align-items:center;height:100%;position:static;width:1235px;padding-left:40px;}
.body-wrap .tabWrap #subject .logo{display:inline-block;background:url("/resources/images/visangtextbook/2022/pc/classsub/logo3.png")no-repeat 0 0;width:182px;height:88px;}
.body-wrap .tabWrap #subject ul.innerWrap{margin-left:auto;height:100%;width:calc(100% - 328px);justify-content:flex-start;}
.body-wrap .tabWrap #subject ul.innerWrap > li{width:200px;height:100%;}
.body-wrap .tabWrap #subject ul.innerWrap > li > a{display:block;background:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_math.png")no-repeat center center;width:100%;height:100%;position:relative;}
.body-wrap .tabWrap #subject ul.innerWrap > li a:after{content:"";display:inline-block;background:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_bar.png")center center;width:2px;height:48px;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.body-wrap .tabWrap #subject ul.innerWrap > li:first-child a:after{content:none;}
.body-wrap .tabWrap #subject ul.innerWrap > li.math > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_math.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.society > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_society.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.english > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_english.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.science > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_science.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.music > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_music.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.art > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_art.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.physical > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_physical.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.practicalCourse > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_tech.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.on > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_math_on.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.math > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_math_on.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.society > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_society_on.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.english > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_english_on.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.science > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_science_on.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.music > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_music_on.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.art > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_art_on.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.physical > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_physical_on.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.practicalCourse > a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/gnb_tech_on.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu{width:100%;position:absolute;top:120px;left:50%;transform:translateX(-50%);height:67px;padding:10px 0 11px;background:#fff;border-bottom:1px solid #e1e2e4;}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu .subTabBox{width:1235px;margin:0 auto;}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu ul.tab_menu{display:none;gap:0 20px;width:calc(100% - 310px);margin-left:auto;}
.body-wrap .tabWrap #subject.physical ul.innerWrap > li .subTabMenu ul.tab_menu{width:calc(100% - 328px);}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu ul.tab_menu li{height:46px;}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu ul.tab_menu li a{border-radius:23px;line-height:46px;color:#787878;background:url("/resources/images/visangtextbook/2022/pc/classsub/sub_tit1.png") no-repeat center center;height:100%;width:176px;}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu ul.tab_menu li:nth-child(1) a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/sub_tit1.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu ul.tab_menu li:nth-child(2) a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/sub_tit2.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu ul.tab_menu li:nth-child(3) a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/sub_tit3.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu ul.tab_menu li:nth-child(4) a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/sub_tit4.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu ul.tab_menu li:nth-child(1).on a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/sub_tit1_on.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu ul.tab_menu li:nth-child(2).on a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/sub_tit2_on.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu ul.tab_menu li:nth-child(3).on a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/sub_tit3_on.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu ul.tab_menu li:nth-child(4).on a{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/sub_tit4_on.png");}
.body-wrap .tabWrap #subject ul.innerWrap > li.on ul.tab_menu{display:flex;z-index:1;}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu ul.tab_menu li.on a{color:#fff;position:relative;}
.body-wrap .tabWrap #subject ul.innerWrap > li .subTabMenu ul.tab_menu li.on a:after{content:"";display:block;width:178px;height:48px;z-index:-1;border-radius:23px;left:50%;transform:translate(-50%, -50%);}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.math .subTabMenu ul.tab_menu li.on a{background-color:#093ca1;}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.math .subTabMenu ul.tab_menu li.on a:after{background:linear-gradient(-45deg,rgba(9,60,161,.6),#093CA1);box-shadow:0 4px 4px 0 rgba(9,60,161,.1);}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.society .subTabMenu ul.tab_menu > li.on > a{background-color:#ac0a5b;}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.society .subTabMenu ul.tab_menu li.on a:after{background:linear-gradient(-45deg,#E3569C,#AC0A5B);box-shadow:0 4px 4px 0 rgba(172,10,91,.1);}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.science .subTabMenu ul.tab_menu > li.on > a{background-color:#bb2e10;}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.science .subTabMenu ul.tab_menu > li.on > a:after{background:linear-gradient(-45deg,#FF7153,#BB2E10);box-shadow:0 4px 4px 0 rgba(187,46,16,.1);}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.music .subTabMenu ul.tab_menu > li.on > a{background-color:#097b59;}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.music .subTabMenu ul.tab_menu > li.on > a:after{background:linear-gradient(-45deg#0FAE7F,#097B59);box-shadow:0 4px 4px 0 rgba(9,123,89,.1);}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.art .subTabMenu ul.tab_menu > li.on > a{background-color:#5c0c87;}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.art .subTabMenu ul.tab_menu > li.on > a:after{background:linear-gradient(-45deg,#9222CF,#5C0C87);box-shadow:0 4px 4px 0 rgba(92,12,135,.1);}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.physical .subTabMenu ul.tab_menu > li.on > a{background-color:#0077aa;}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.physical .subTabMenu ul.tab_menu > li.on > a:after{background:linear-gradient(-45deg,#00B0E1,#0077AA);box-shadow:0 4px 4px 0 rgba(0,119,170,.1);}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.english .subTabMenu ul.tab_menu > li.on > a{background-color:#626A05;}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.english .subTabMenu ul.tab_menu > li.on > a:after{background:linear-gradient(-45deg,#DAE558,#626A05);box-shadow:0 4px 4px 0 rgba(9,123,89,.1);}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.practicalCourse .subTabMenu ul.tab_menu > li.on > a{background-color:#9D7422;}
.body-wrap .tabWrap #subject ul.innerWrap > li.on.practicalCourse .subTabMenu ul.tab_menu > li.on > a:after{background:linear-gradient(-45deg,#FFB115,#9D7422);box-shadow:0 4px 4px 0 rgba(92,12,135,.1);}

/* 서브 페이지 */
.body-wrap [class^="subContWrap"],.body-wrap [class^="subContWrap"].on{padding-top:187px;}
.body-wrap .tab_conts{display:none;position:relative;padding-bottom:30px;}
.body-wrap .subContWrap#practicalCourse .tab_conts:last-child{padding-bottom:0;}
.body-wrap .tab_conts.on{display:block;}
.body-wrap .tab_conts .partWrap{padding-top:52px;}
.body-wrap .tab_conts .part{width:948px;margin-left:298px;margin-bottom:54px;}
.body-wrap .tab_conts .part h3{font-size:32px;margin-bottom:20px;font-weight:800;padding-left:39px;}
.body-wrap .tab_conts .infoTxt{padding:30px 40px;background:#f8f8f8;border-radius:20px;line-height:30px;font-size:18px;text-align:left;width:902px;margin:20px auto 0;}
.body-wrap .tab_conts .infoTxt strong{font-weight:bold;}
.body-wrap .tab_conts video{width:100%;min-height:508px;height:100%;cursor:pointer;}

/* 2022 개정 특징 */
.body-wrap .tab_conts#revision{padding-bottom:0;}
.body-wrap .tab_conts .subMainBg .bg{background-color:#f3f4f6;}
.body-wrap .tab_conts .subMainBg .subMain_txt{background:url("/resources/images/visangtextbook/2022/pc/classsub/math/math_subMain1.jpg") no-repeat 50% 0 #f3f4f6;height:643px;text-align:center;position:relative;width:1200px;margin:0 auto;}
.body-wrap .tab_conts .subMainBg.math .subMain_txt{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/math/math_subMain1.jpg");}
.body-wrap .tab_conts .subMainBg.society .subMain_txt{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/society/society_subMain1.jpg");}
.body-wrap .tab_conts .subMainBg.science .subMain_txt{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/science/science_subMain1.jpg");height:671px;}
.body-wrap .tab_conts .subMainBg.english .subMain_txt{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/english/english_subMain1.jpg");}
.body-wrap .tab_conts .subMainBg.music .subMain_txt{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/music/music_subMain1.jpg");}
.body-wrap .tab_conts .subMainBg.art .subMain_txt{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/art/art_subMain1.jpg");height:645px;}
.body-wrap .tab_conts .subMainBg.physical .subMain_txt{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/physical/physical_subMain1.jpg");}
.body-wrap .tab_conts .subMainBg.practicalCourse .subMain_txt{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/practicalCourse/paraticalCourse_subMain1.jpg");}
.body-wrap .tab_conts .subMainBg .subMain_txt img{position:absolute;right:0;top:0;margin-right:-230px;}
.body-wrap .tab_conts .subMainBg.science .subMain_txt img,.body-wrap .tab_conts .subMainBg.physical .subMain_txt img{margin-right:-154px;}
.body-wrap .tab_conts .subMainBg.art .subMain_txt img{margin-right:-120px;}
.body-wrap .tab_conts .subMainBg.society .subMain_txt img{margin-right:-180px;}
.body-wrap .tab_conts .subMainBg.practicalCourse .subMain_txt img{margin-right:-205px;}
.body-wrap .tab_conts .subMainBg.english .subMain_txt img{margin-right:-205px;margin-top:-10px;}
.body-wrap .tab_conts .subMainBg .musicSubTxt .subMain_txt img{top:140px;right:auto;left:0;margin-left:148px;}
.body-wrap .tab_conts .subMainBg .infoList{width:1200px;background:url("/resources/images/visangtextbook/2022/pc/classsub/math/math_subMain3.jpg")no-repeat 50% 0;}
.body-wrap .tab_conts .subMainBg .infoList.math{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/math/math_subMain3.jpg");background-color:#fff;box-shadow:0px 5px 10px rgba(0,0,0,0.1);height:509px;border-radius:16px;margin-top:-172px;}
.body-wrap .tab_conts .subMainBg .infoList.society{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/society/society_subMain3.png");height:345px;margin-top:-159px;}
.body-wrap .tab_conts .subMainBg .infoList.science{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/science/science_subMain3.jpg");height:349px;box-shadow:0px 5px 10px rgba(0,0,0,0.1);border-radius:16px;margin-top:-226px;}
.body-wrap .tab_conts .subMainBg .infoList.english{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/english/english_subMain3.png");height:345px;margin-top:-159px;}
.body-wrap .tab_conts .subMainBg .infoList.music{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/music/music_subMain3.png");height:350px;margin-top:-141px;}
.body-wrap .tab_conts .subMainBg .infoList.art{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/art/art_subMain3.png");height:345px;margin-top:-141px;}
.body-wrap .tab_conts .subMainBg .infoList.physical{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/physical/physical_subMain3.png");height:350px;margin-top:-159px;}
.body-wrap .tab_conts .subMainBg .infoList.practicalCourse{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/practicalCourse/practicalCourse_subMain3.png");height:437px;margin-top:-128px;filter:drop-shadow(0px 5px 10px rgba(0,0,0,0.1));}
.body-wrap .tab_conts .subMainBg .subjectBanner{margin-top:30px;position:relative;}
.body-wrap .tab_conts .subMainBg .subjectBanner .bannerTxt{color:#fff;font-weight:700;font-size:24px;position:absolute;right:0;top:92px;line-height:38px;left:448px;}
.body-wrap .tab_conts .subMainBg .subjectBanner .bannerTxt strong{color:#000;font-weight:800;}
.body-wrap .tab_conts .subMainBg .subjectBanner.english .bannerTxt{top:87px;}
/*.body-wrap .tab_conts  .subMainBg .subjectBanner .bannerTxt:before{content:"";border-right:1px solid rgba(255,255,255,0.5);display:inline-block;height:99px;width:1px;position:absolute;top:10px;left:-58px;}*/

/* 서브 lnb */
.body-wrap .tab_conts .contLnb{position:absolute;top:0px;left:0;border-radius:20px;box-shadow:0px 5px 5px 0 rgba(0,0,0,0.1);padding:16px 0;width:240px;border:1px solid #E6E6E6;margin-top:50px;}
.body-wrap .tab_conts .contLnb li{width:238px;padding-left:25px;}
.body-wrap .tab_conts .contLnb li a{display:block;width:100%;height:100%;padding:15px 27px 14px 0px;position:relative;color:#646464;font-size:18px;}
.body-wrap .tab_conts .contLnb li.on a{font-weight:800;color:#333;}
.body-wrap .tab_conts .contLnb li:after{content:"";display:block;border-bottom:1px solid #ddd;width:calc(100% - 20px);}
.body-wrap .tab_conts .contLnb li:last-child:after{border-bottom:0;}
.body-wrap .tab_conts .contLnb li a:before,.body-wrap .tab_conts .contLnb li a:after{content:"";display:inline-block;position:absolute;}
.body-wrap .tab_conts .contLnb li a:before{border-right:2px solid #082575;top:28px;right:-3px;padding-bottom:52px;}
.body-wrap .tab_conts .contLnb li a:after{background:url("/resources/images/visangtextbook/2022/pc/classsub/lnb_arrow.png") no-repeat bottom center;top:50%;right:-14px;transform:translateY(-50%);width:24px;height:24px;}
.body-wrap .tab_conts .contLnb li:last-child a:before{content:none;position:static;}
.body-wrap .tab_conts .contLnb li.on a:after,.body-wrap .tab_conts .contLnb.math li.on a:after{background-position-y:top;width:24px;height:24px;}
.body-wrap .tab_conts .contLnb.society li.on a:after{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/lnb_arrow2.png");}
.body-wrap .tab_conts .contLnb.science li.on a:after{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/lnb_arrow3.png");}
.body-wrap .tab_conts .contLnb.music li.on a:after{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/lnb_arrow4.png");}
.body-wrap .tab_conts .contLnb.art li.on a:after{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/lnb_arrow5.png");}
.body-wrap .tab_conts .contLnb.physical li.on a:after{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/lnb_arrow6.png");}
.body-wrap .tab_conts .contLnb.english li.on a:after{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/lnb_arrow8.png");}
.body-wrap .tab_conts .contLnb.practicalCourse li.on a:after{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/lnb_arrow7.png");}
.body-wrap .tab_conts .contLnb li:last-child{border-bottom:0;}


.body-wrap .tab_conts [class^="tooltip"]{display:inline-block;position:absolute;top:-20px;right:4px;z-index:2;background:#406AE2;color:#fff;font-weight:bold;font-size:18px;padding:6px 15px 6px 14px;}
.body-wrap .tab_conts [class^="tooltip"]:after{content:"";display:inline-block;position:absolute;right:0;bottom:-11px;background:url("/resources/images/visangtextbook/2022/pc/classsub/tooltip.png") no-repeat 0 0;width:20px;height:11px;}
.body-wrap .tab_conts .contSub .contSlide [class^="tooltip"], .body-wrap .tab_conts .contSub .youtubeSlide [class^="tooltip"]{top:0;}
.body-wrap .tab_conts .contSub .Boxtooltip .tooltip{top:35px;}
.body-wrap .tab_conts .contSub .Boxtooltip .tooltip2{top:0;background:#093CA1;}
.body-wrap .tab_conts .contSlide, .body-wrap .tab_conts .youtubeSlide{text-align:center;overflow:hidden;}
.body-wrap .tab_conts .swiper-container{position:relative;}
.body-wrap .tab_conts .contSlide .swiperBtn, .body-wrap .tab_conts .youtubeSlide .swiperBtn{background:url("/resources/images/visangtextbook/2022/pc/classsub/slideBtn_prev.png") no-repeat 0 0;display:inline-block;position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;left:0;z-index:2;cursor:pointer;}
.body-wrap .tab_conts .contSlide .swiperBtn.next, .body-wrap .tab_conts .youtubeSlide .swiperBtn.next{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/slideBtn_next.png");left:auto;right:0;}
.body-wrap .tab_conts .youtubeSlide .swiperBtn{opacity: 1;}
.body-wrap .tab_conts .youtubeSlide .swiperBtn.swiper-button-disabled{opacity:0;}
.body-wrap .tab_conts .contSub{position:relative;}
.body-wrap .tab_conts .contSub.on + .contSub{margin-top:60px;}
.body-wrap .tab_conts .part9 > .contSub:last-child,
.body-wrap .tab_conts .part22 > .contSub:last-child,
.body-wrap .tab_conts .part50 .contSub:last-child{padding-bottom:0;}
.body-wrap .tab_conts .contSub.type2{margin-bottom:150px;}
.body-wrap .tab_conts .contSub a.linkBtn,.body-wrap .tab_conts .contSub .imgBox button.linkBtn{position:absolute;top:25px;right:25px;background-color:#F66C67;color:#fff;padding:9px 56px 9px 24px;border-radius:20px;font-size:18px;font-weight:bold;z-index:2;}
.body-wrap .tab_conts .contSub .imgBox button.society1{top:24px;}
.body-wrap .tab_conts .contSub a.linkBtn:after,.body-wrap .tab_conts .contSub .imgBox button.linkBtn:after{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);background:url("/resources/images/visangtextbook/2022/pc/classsub/icon_shortcut.png")no-repeat 50% 0;width:20px;height:17px;}
.body-wrap .tab_conts .contSub .imgBox{position:relative;width:902px;margin:0 auto;min-height:508px;background-color:#E6E6E6;}
.body-wrap .tab_conts .contSub .imgBox .videoPoster, .body-wrap .tab_conts .contSub .video-container .youtubePoster{display:inline-block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;cursor:pointer;}
.body-wrap .tab_conts .contSub .imgBox .videoPoster, .body-wrap .tab_conts .contSub .imgBox #player{width:100%;height:100%;}
.body-wrap .tab_conts .contSub .imgBox .videoPoster.active, .body-wrap .tab_conts .contSub .video-container .youtubePoster.active{display:none;}
.body-wrap .tab_conts .contSub .contSlide .imgBox{margin-top:15px;}
.body-wrap .tab_conts .contSub .contSlide .imgBox .on{max-width:100%;}

/*각 과목별 콘텐츠 버튼 25.08.27 */
.body-wrap .subContWrap .tab_conts .part .contSub .imgBox .contBtn{display:inline-block;position:absolute;bottom:98px;left:calc(50% + 20px);transform:translate(-50%, 0);width:325px;height:90px;background:url("/resources/images/visangtextbook/2022/pc/classsub/math/math_button1.png") no-repeat center center;}
.body-wrap .subContWrap#math .tab_conts .part2 .contSub .imgBox .contBtn{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/math/math_button1.png");}
.body-wrap .subContWrap#math .tab_conts .part10 .contSub .imgBox .contBtn{background-image:url("/resources/images/visangtextbook/2022/pc/classsub/math/math_button2.png");}

@keyframes obj1 {
    0%{
        rotate: 5deg;
    }
    50%{
        rotate: -5deg;
    }
    100%{
        rotate: 5deg;
    }
}
@keyframes obj2 {
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(10px);
    }
    100%{
        transform:translateY(0px);
    }
}
@media all and (max-height:900px){
    .section2 .visualCont .listBox{margin-top:0;}
}
@media all and (min-height:1800px){
    .section1 .visualCont{height:100%;}
}
@media all and (min-width:2560px){
    .section2 .visualCont .slideWrap{padding-top:60px;}
    .section2 .visualCont .slideContainer#slide2{margin-bottom:100px;}
}

/* 253 */
.main253.main-body {overflow: hidden; width: 100%; background-image: url("/resources/images/visangtextbook/2022/pc/classsub_2503/section_bg_bottom.png"), url("/resources/images/visangtextbook/2022/pc/classsub_2503/section_bg_x.jpg"); background-position: 50% 100%, 50% 0; background-repeat: no-repeat,  repeat-x; }
.main253.main-body::before {content: ''; position: absolute; left: -10%; top: -2%; width: 120%; height: 100%; transform: rotate(-3deg) skewY(-0deg); opacity: .3; background: url("/resources/images/visangtextbook/2022/pc/classsub_2503/section_bg_top.png") 0 0 repeat-x; background-size: 3636px auto; animation: bgflowEffect 30s linear infinite;}
@keyframes bgflowEffect {
    0% {background-position-x: 0;}
    100% {background-position-x: 3636px;}
}
.main253.main-body .logoWrap {position: absolute; z-index: 1; left: 50%; top: 0; display: flex; justify-content: end; width: 1280px; padding-top: 45px; margin-left: calc(-1280px / 2);}
.main253.main-body .logoWrap .logo {width: 88px; height:13px; margin: 0; background: url("/resources/images/visangtextbook/2022/pc/classsub_2503/logo_vivasam_88x13.png") no-repeat 50% 0;}
.main253.main-body .fullpage-wrapper,
.main253.main-body .section1,
.main253.main-body .section1 .visualCont {background: none;}
.main253.main-body .sectionInner {margin: 0 auto; text-align: center;}

.main253.main-body .bgObjs {position: relative; max-width: 2560px; margin: 0 auto;}
.main253.main-body .bgObjs [class^='item'] {position: absolute; animation: moveUpDown 1.6s linear infinite;}
.main253.main-body .bgObjs .item1 {right: -145px; top: -145px; animation-delay: 1s;}
.main253.main-body .bgObjs .item2 {left: 350px; top: 100px; animation-delay: 1.5s;}
.main253.main-body .bgObjs .item3 {right: 180px; top: 790px; animation-delay: 2s;}
.main253.main-body .bgObjs .item4 {left: -150px; top: 740px; animation-delay: 1s;}
.main253.main-body .bgObjs .item5 {left: 280px; top: 1558px; animation-delay: 1.5s;}
.main253.main-body .bgObjs .item6 {right: 20px; top: 2350px; animation-delay: 2s;}
.main253.main-body .bgObjs .item7 {left: -70px; top: 2850px;  animation-delay: 1s;}
@keyframes moveUpDown {
    0%, 100% {transform:translateY(0px);}
    50%{transform:translateY(15px);}
}
.main253.main-body .section1 .sectionInner {width: 1600px; padding: 168px 0 290px;}
.main253.main-body .section1 .sectionInner .itemTxt1 {position: relative;}
.main253.main-body .section1 .sectionInner .img_01_obj_01 {position: absolute; left: 544px; top: -60px; animation: stars 2s ease-in-out 2s infinite both; }
@keyframes stars {
    0% {transform: rotate(0deg) scale(1);}
    40% {transform: rotate(0deg) scale(1.5);}
    45% {transform: rotate(90deg) scale(1.5);}
    50% {transform: rotate(180deg) scale(1.5);}
    55% {transform: rotate(270deg) scale(1.5);}
    60% {transform: rotate(360deg) scale(1.5);}
    100% {transform: rotate(360deg) scale(1);}
}
.main253.main-body .section1 .sectionInner .itemTxt2 {margin-top: -38px;}
.main253.main-body .section1 .sectionInner .itemTxt3 {margin-top: 52px;}

.main253.main-body .section2 {margin: 0; padding: 0;}
.main253.main-body .section2 .sectionInner {width: 1080px; padding: 45px 0 342px; margin: 0 auto;}
.main253.main-body .section2 .sectionInner .vSlideContainer ul {transition-timing-function:linear;}
.main253.main-body .section2 .listBox .list {display: flex; gap: 13px;}
.main253.main-body .section2 .slideWrap {position: relative; display: flex; gap: 13px; width: 1090px; height: 438px; padding: 7px 77px 7px 80px; margin: 0 auto;}
/* .main253.main-body .section2 .slideWrap::after {content: ''; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; background: url("/resources/images/visangtextbook/2022/pc/classsub_2503/img_02_bg.png") no-repeat 50% 0;} */
.main253.main-body .section2 .slideWrap .scrim-layer {position: absolute; z-index: 2; left: 0; right: 0; top: 7px; bottom: 0; height: 424px;}
.main253.main-body .section2 .slideWrap .scrim-layer::before,
.main253.main-body .section2 .slideWrap .scrim-layer::after {content: ''; position: absolute; left: 0; right: 0; width: 100%; height: 1px; background: #fff; box-shadow: 0 0 7px 1px #fff;}
.main253.main-body .section2 .slideWrap .scrim-layer::before {top: 0;}
.main253.main-body .section2 .slideWrap .scrim-layer::after {bottom: 0;}
.main253.main-body .section2 .slideWrap .scrim-layer .inner {overflow: hidden; position: relative; width: 110%; height: 100%; margin: 0 -5%;}
.main253.main-body .section2 .slideWrap .scrim-layer .inner::before,
.main253.main-body .section2 .slideWrap .scrim-layer .inner::after {content: ''; position: absolute; left: 0; right: 0; width: 100%; height: 424px; box-shadow: 0 136px 100px -101px #0f368f;}
.main253.main-body .section2 .slideWrap .scrim-layer .inner::before {top: -423px;}
.main253.main-body .section2 .slideWrap .scrim-layer .inner::after {bottom: 0; transform-origin: 50% 100%; transform: rotate(180deg)}
.main253.main-body .section2 .slideWrap .swiper-container {overflow: hidden; flex: 0 0 auto; width: 220px;}
.main253.main-body .section2 .slideWrap .swiper-wrapper {flex-direction: column;}
.main253.main-body .section2 .slideWrap .swiper-slide {width: 100%; height: 86px;}
.main253.main-body .section2 .listBox {margin: 53px 0 0;}
.main253.main-body .section2 .listBox .list li {overflow: hidden; border-radius: 20px; box-shadow: 0 5px 10px rgba(0,0,0,0.14);}

.main253.main-body .section3 .sectionInner {width: 1095px; padding: 0 0 224px;}
.main253.main-body .section3 .lectureData .swiper {position: relative; padding: 200px 0 0;}
.main253.main-body .section3 .swiper-pagination {position: absolute; left: 0; top: 0; display: flex; gap: 39px; padding: 0 0 0 62px; }
.main253.main-body .section3 .swiper-pagination .swiper-pagination-bullet {width: 136px; height: 150px; opacity: 1; background-color: transparent; background-position: 50% 0; background-repeat: no-repeat; border-radius: 0;}
.main253.main-body .section3 .swiper-pagination .swiper-pagination-bullet:nth-child(1) {background-image: url("/resources/images/visangtextbook/2022/pc/classsub_2503/img_03_tab_01.png");}
.main253.main-body .section3 .swiper-pagination .swiper-pagination-bullet:nth-child(2) {background-image: url("/resources/images/visangtextbook/2022/pc/classsub_2503/img_03_tab_02.png");}
.main253.main-body .section3 .swiper-pagination .swiper-pagination-bullet:nth-child(3) {background-image: url("/resources/images/visangtextbook/2022/pc/classsub_2503/img_03_tab_03.png");}
.main253.main-body .section3 .swiper-pagination .swiper-pagination-bullet:nth-child(4) {background-image: url("/resources/images/visangtextbook/2022/pc/classsub_2503/img_03_tab_04.png");}
.main253.main-body .section3 .swiper-pagination .swiper-pagination-bullet:nth-child(5) {background-image: url("/resources/images/visangtextbook/2022/pc/classsub_2503/img_03_tab_05.png");}
.main253.main-body .section3 .swiper-pagination .swiper-pagination-bullet:nth-child(6) {background-image: url("/resources/images/visangtextbook/2022/pc/classsub_2503/img_03_tab_06.png");}
.main253.main-body .section3 .swiper-pagination .swiper-pagination-bullet-active {background-position-y: 100%;}

.main253.main-body .section4 .sectionInner {width: 1282px; padding: 0 0 115px;}
.main253.main-body .section4 .itemTxt1 {margin: 0 0 126px;}
.main253.main-body .section4 .land {position: relative; width: 100%; height: 518px; background: url("/resources/images/visangtextbook/2022/pc/classsub_2503/land.png") no-repeat 0 100%;}
.main253.main-body .section4 [class^='obj'] {position: absolute;}
.main253.main-body .section4 [class^='obj'] img {transition: transform 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s;}
.main253.main-body .section4 [class^='obj']:hover {z-index: 2;}
.main253.main-body .section4 [class^='obj']:hover img{transform: scale(1.1); transition:  transform 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s; }
.main253.main-body .section4 .obj1 {left: 118px; top: 19px;}
.main253.main-body .section4 .obj2 {left: 312px; top: -60px;}
.main253.main-body .section4 .obj3 {left: 413px; top: 191px;}
.main253.main-body .section4 .obj4 {left: 640px; top: -50px;}
.main253.main-body .section4 .obj5 {right: 123px; top: -75px;}
.main253.main-body .section4 .obj6 {right: 0; top: 90px;}