@charset "UTF-8";

:root {
   --color-org: #ff9900;
   --color-grn: #00e29a;
   --color-pink: #ff34aa;
   --color-sky: #00bae0;
   --color-red: #f0543b;
   --font-pretendard : 'Pretendard';
   --font-maruburi : 'MaruBuriSemiBold';
   --font-maruburibold : 'MaruBuriBold';
   --font-surround : 'Cafe24Ssurround';
}

/* Skip Navigation */
#u_skip{position:absolute;top:0;left:0;z-index:50;width:100%;height:0}
#u_skip a{display:block;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-weight:normal;color:#fff;text-align:center;white-space:nowrap}
#u_skip a:hover,#u_skip a:focus,#u_skip a:active{z-index:1000;width:100%;height:auto;padding:1rem 0;background:#569aff;color:#fff}

/* Layout :: [컨텐츠 공통] */
#wrap{min-width:320px}
.inner {width: 1500px; max-width: var(--inner); margin: 0 auto;}

.color_org {color: #e55a05;}
.color_blue {color: #085ac0;}
.color_purple {color: #8607ac;}

section {padding: 7rem 0; }
.flex {display: flex;}

/* 퀵 */
.quick li:nth-child(1) {opacity: 1;}
.quick li:nth-child(1) a {position: relative; overflow: hidden;}
.quick li:nth-child(1) a video {position: absolute; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}


/* section_top : 디딤돌 수학 교과서 */
.section_top {background: #fef7fb; text-align: center; position: relative; overflow: hidden; z-index: 0; width: 100%; box-sizing: border-box;}
.section_top .obj {position: absolute; opacity: 0.1; z-index: -1;}
.section_top .obj.obj_01 {left: 16%; top: 0;animation: opacityAni 1.5s linear 0s infinite alternate;}
.section_top .obj.obj_02 {left: 0%; bottom: -12%;animation: opacityAni2 1.5s linear 0s infinite alternate;}
.section_top .obj.obj_03 {right: 8%; top: 7%;animation: opacityAni2 1.5s linear 0s infinite alternate;}
.section_top .obj.obj_04 {right: 0%; bottom: -17%;animation: opacityAni 1.5s linear 0s infinite alternate;}

@keyframes opacityAni {
   0%   { opacity: 0.1; }
   50%  { opacity: 0.15; }
   100% { opacity: 0.1; }
}
@keyframes opacityAni2 {
   0%   { opacity: 0.15; }
   50%  { opacity: 0.1; }
   100% { opacity: 0.15; }
}


.section_top .tit_wrap {text-align: center;}
.section_top .sm_tit {font-size: 28px; margin-bottom: 3.75rem;}
.section_top .tit, .section_top .tit span {font-size: 84px; font-family: var(--font-maruburi); }
.section_top .tit span {position: relative;}
.section_top .tit span:before {content:''; width: 10px; height: 10px; border-radius: 50%; background: #e05d0d; position: absolute; left: 50%; top: -1rem; transform:translateX(-50%);}
.section_top .textbook_wrap {margin-top: 5rem; display: flex; justify-content: space-between;}
.section_top .textbook_wrap .textbook {position: relative; box-sizing: border-box; border-radius: 0 25px 25px 0; border: 5px solid transparent;transition: 0.2s all linear; overflow: hidden; }
.section_top .textbook_wrap .textbook.tb01 {transform: rotate(-1deg); box-shadow: 0 10px 25px rgba(255,153,0,0.2);}
.section_top .textbook_wrap .textbook.tb02 {transform: rotate(2deg); box-shadow: 0 10px 25px rgba(0,226,154,0.2);}
.section_top .textbook_wrap .textbook.tb03 {transform: rotate(1deg); box-shadow: 0 10px 25px rgba(255,52,170,0.2);}
.section_top .textbook_wrap .textbook.tb04 {transform: rotate(-2deg); box-shadow: 0 10px 25px rgba(0,186,224,0.2);}
.section_top .textbook_wrap .textbook:hover {transition: 0.2s all linear;}
.section_top .textbook_wrap .textbook.tb01:hover { border-color: var(--color-org);} 
.section_top .textbook_wrap .textbook.tb02:hover { border-color: var(--color-grn);} 
.section_top .textbook_wrap .textbook.tb03:hover { border-color: var(--color-pink);} 
.section_top .textbook_wrap .textbook.tb04:hover { border-color: var(--color-sky);} 
.section_top .textbook_wrap .textbook:before {content:''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -38%); background-repeat: no-repeat; }
.section_top .textbook_wrap .textbook.tb01:before {width: 218px; height: 217px; background-image: url('../img/textbook/textbook_5-1_on.png');}
.section_top .textbook_wrap .textbook.tb02:before {width: 220px; height: 213px; background-image: url('../img/textbook/textbook_5-2_on.png');}
.section_top .textbook_wrap .textbook.tb03:before {width: 158px; height: 214px; background-image: url('../img/textbook/textbook_6-1_on.png');}
.section_top .textbook_wrap .textbook.tb04:before {width: 245px; height: 238px; background-image: url('../img/textbook/textbook_6-2_on.png');}
.section_top .textbook_wrap .textbook:hover {transition: 0.2s all linear;}
.section_top .textbook_wrap .textbook.tb01:hover:before {transform: translate(-50%, -38%) rotate(5deg);}
.section_top .textbook_wrap .textbook.tb02:hover:before {transform: translate(-50%, -38%) rotate(5deg);}
.section_top .textbook_wrap .textbook.tb03:hover:before {transform: translate(-50%, -38%) rotate(5deg);}
.section_top .textbook_wrap .textbook.tb04:hover:before {transform: translate(-50%, -38%) rotate(5deg);}

.section_top .top_info {background: #ff6830; font-size: 24px; color: #fff; display: inline-block; margin: 6.25rem auto 0; padding: 1.125rem 6rem; border-radius: 3rem;}

.mouse {position: fixed; left: 50%; bottom:3%; transform:translateX(-50%); animation: updown 1.5s linear 0s infinite alternate; transition:opacity .3s ease; z-index: 100;} 
.mouse.is-hidden{opacity:0; pointer-events:none}
@keyframes updown {
   0%   { bottom:3% }
   50%  { bottom:3.5% }
   100% { bottom:3% }
}



/* section_textbook : 교과서 링크 */
.section_textbook {background: #fffee9; position: relative; overflow: hidden; z-index: 0; width: 100%; box-sizing: border-box;}
.section_textbook:before, .section_textbook:after { content: ''; position: absolute; animation: spin 10s linear infinite; transform: rotate(0deg); z-index: -1;}
.section_textbook:before {width: 537px; height: 539px; background: url('../img/textbook/bg-obj-05.png'); left: 3%; top: 5%;}
.section_textbook:after {width: 578px; height: 563px; background: url('../img/textbook/bg-obj-06.png'); right: 1%; bottom: 3%;}

@keyframes spin {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
}

.section_textbook .flex {justify-content: space-between;}
.section_textbook .textbook {display: flex; flex-direction: column; gap: 34px;}
.section_textbook .textbook .tb_img {position: relative; display: inline-block;}
.section_textbook .textbook .tb_img img { display: block; width: 100%;}
.section_textbook .textbook .tb_img .img-on { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease-in-out; pointer-events: none; }
.section_textbook .textbook .tb_img.hover .img-on { opacity: 1; } 

.section_textbook .textbook .tb_img:after {content:'';position: absolute; left: 50%; bottom:-46px; transform: translateX(-50%); width: 197px; height: 57px;}
.section_textbook .textbook.tb01 .tb_img:after {background-image: url('../img/textbook/icon-textbook-org.png');}
.section_textbook .textbook.tb02 .tb_img:after {background-image: url('../img/textbook/icon-textbook-grn.png');}
.section_textbook .textbook.tb03 .tb_img:after {background-image: url('../img/textbook/icon-textbook-pink.png');}
.section_textbook .textbook.tb04 .tb_img:after {background-image: url('../img/textbook/icon-textbook-sky.png');}

.section_textbook .textbook .tb_data {box-sizing: border-box; border: 3px solid transparent; padding: 2.5rem 1rem; background: #fff; max-width: 328px; text-align: center; border-radius: 15px;}
.section_textbook .textbook.tb01 .tb_data {border-color: var(--color-org); box-shadow: 0 10px var(--color-org);}
.section_textbook .textbook.tb02 .tb_data {border-color: var(--color-grn); box-shadow: 0 10px var(--color-grn);}
.section_textbook .textbook.tb03 .tb_data {border-color: var(--color-pink); box-shadow: 0 10px var(--color-pink);}
.section_textbook .textbook.tb04 .tb_data {border-color: var(--color-sky); box-shadow: 0 10px var(--color-sky);}
.section_textbook .textbook .tb_data .tb_tit {font-weight: 800; font-size: 30px; letter-spacing: -0.5px; margin-bottom: 2rem;}
.section_textbook .textbook .tb_data .tb_tit small {color: #888; font-size: 20px; display: inline-block; font-weight: 500; margin-left: 1rem;}
.section_textbook .textbook .tb_data .tb_btn {flex-wrap: wrap; gap: 12px;}
.section_textbook .textbook .tb_data .tb_btn a {border: 1px solid transparent; border-radius: 3rem; width: calc((100% - 12px) / 2); box-sizing: border-box; line-height: 44px; position: relative;}

.section_textbook .textbook.tb01 .tb_data .tb_btn a {border-color: rgba(255,153,0,0.5); background: #fffdf8;}
.section_textbook .textbook.tb02 .tb_data .tb_btn a {border-color: rgba(0,226,154,0.5); background: #f6fffc;}
.section_textbook .textbook.tb03 .tb_data .tb_btn a {border-color: rgba(255,52,170,0.5); background: #fff6fb;}
.section_textbook .textbook.tb04 .tb_data .tb_btn a {border-color: rgba(0,186,224,0.5); background: #f4fdff;}
.section_textbook .textbook.tb01 .tb_data .tb_btn a:hover {border-color: var(--color-org);}
.section_textbook .textbook.tb02 .tb_data .tb_btn a:hover {border-color: var(--color-grn);}
.section_textbook .textbook.tb03 .tb_data .tb_btn a:hover {border-color: var(--color-pink);}
.section_textbook .textbook.tb04 .tb_data .tb_btn a:hover {border-color: var(--color-sky);}

.section_textbook .textbook .tb_data .tb_btn a span {transition: 0.2s all linear;}
.section_textbook .textbook .tb_data .tb_btn a:hover span {opacity: 0.2; transition: 0.2s all linear;}
.section_textbook .textbook.tb01 .tb_data .tb_btn a:hover span {color: var(--color-org);}
.section_textbook .textbook.tb02 .tb_data .tb_btn a:hover span {color: var(--color-grn);}
.section_textbook .textbook.tb03 .tb_data .tb_btn a:hover span {color: var(--color-pink);}
.section_textbook .textbook.tb04 .tb_data .tb_btn a:hover span {color: var(--color-sky);}
.section_textbook .textbook .tb_data .tb_btn a img {position: absolute;width: 28px; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0;transition:0.2s all linear;}
.section_textbook .textbook .tb_data .tb_btn a:hover img {opacity: 1; transition:0.2s all linear;}


/* section_info : 교과서 정보 (GNB) */
.section_info {padding: 0; text-align: center; width: 100%; overflow-x: hidden;}
.section_info .p_br {display: block;}
.info_gnb {background: #fff; text-align: center; padding: 0.75rem 0; position: sticky; top: 84px; z-index: 98; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}
.info_gnb div {display: flex; align-items: center; gap: 2rem; justify-content: center;}
.info_gnb a {font-size: 20px; font-weight: 500; border: 1px solid transparent; padding: 1.25rem 3rem; border-radius: 4rem; line-height: 1.2;}
.info_gnb a:last-child {padding: 0.55rem 3rem;}
.info_gnb a small {display: block; font-size: 16px;}
.info_gnb a:hover, .info_gnb a.active {color: #c7000d;  border-color: #c7000d; transition: 0.2s all linear;}

.section_info .inner {width: 1300px;}
.section_info .info_wrap {}
.section_info .info_con {padding: 7rem 0; z-index: 0;}
.section_info .info_con:not(#info01) {position: relative; overflow: hidden;}
.section_info .info_con:not(#info01):before, 
.section_info .info_con:not(#info01):after {content:''; position: absolute;width: 357px; height: 100%; top: 2%; z-index: -1;}
.section_info .info_con:not(#info01):before {left: 1%; animation: bgUpdown 3.5s linear 0s infinite alternate;}
.section_info .info_con:not(#info01):after {right: 1%; animation: bgUpdown2 3.5s linear 0s infinite alternate;}

@keyframes bgUpdown {
   0%   { top:4rem }
   50%  { top:7rem }
   100% { top:4rem }
}
@keyframes bgUpdown2 {
   0%   { top:7rem }
   50%  { top:4rem }
   100% { top:7rem }
}

.section_info .tit_wrap {margin-bottom: 8rem;}
.section_info .tit_wrap .info_tit {font-size: 64px; font-family: var(--font-surround); text-align: center;}
.section_info .tit_wrap .info_desc {font-size: 24px; margin-top: 1rem;}

/* #info01 : 집필진 소개 */
.section_info #info01 {background: #f4faee url('../img/textbook/sec_bg.png'); background-size: contain;}
.section_info #info01 .author_wrap {justify-content: space-between; align-items: center;}
.section_info #info01 .author.m_ver {display: none;}
.section_info #info01 .author_data {}
.section_info #info01 .author_data .author_speak {background: #fff; border: 3px dashed #aad282; position: relative;  font-weight: 500; text-align: center; padding: 4rem 0; border-radius: 30px;}
.section_info #info01 .author_data .author_speak .wrap, .section_info #info01 .author_data .author_speak .wrap span {font-size: 28px; line-height: 1.8;}
.section_info #info01 .author_data .author_speak:before,
.section_info #info01 .author_data .author_speak:after {content:''; width: 82px; height: 54px; position: absolute;}
.section_info #info01 .author_data .author_speak:before {background: url('../img/textbook/icon-ldquo.png'); left: 8%; top: -27px;}
.section_info #info01 .author_data .author_speak:after {background: url('../img/textbook/icon-rdquo.png'); right: 6%; bottom: -27px;}
.section_info #info01 .author_data .author_speak .wrap .highlighter {background: #fffd7d; font-weight: 600; display: inline-block; line-height: 1;}
.section_info #info01 .author_data .author_video {margin-top: 5rem; border: 7px solid #aad282; border-radius: 30px; overflow: hidden;}

.section_info #info01 .teacher_wrap {margin-top: 8rem; flex-wrap: wrap; gap: 8px;}
.section_info #info01 .teacher{width: calc((100% - (8px * 5)) / 6); margin-top: 2rem; text-align: center;}
.section_info #info01 .teacher_info {margin-top: 1rem;}
.section_info #info01 .teacher_info .teacher_name {font-size: 24px; font-family: var(--font-surround);}
.section_info #info01 .teacher_info .teacher_school {margin-top: 1rem;}

/* #info02 : 교과서 소개 */
.section_info #info02 {background: #e5f6fd; }
.section_info #info02:before {background-image: url('../img/textbook/bg-sky-01.png');}
.section_info #info02:after {background-image: url('../img/textbook/bg-sky-02.png');}

.info_con .info_slide_wrap {}
.info_con .info_slide_wrap .slide_top {background: #fff; border-radius: 5rem; justify-content: space-between; align-items: center; padding: 0 3rem 0 6rem;} 
.info_con .info_slide_wrap .slide_top .slide_tit, 
.info_con .info_slide_wrap .slide_top .slide_link a { height: 90px; line-height: 94px; font-size: 30px; font-family: var(--font-surround);}
.info_con .info_slide_wrap .slide_top .slide_tit {position: relative; }
.info_con .info_slide_wrap .slide_top .slide_tit:before {content:''; width: 111px; height: 112px; position: absolute; left: -130px; top: -40px; background: url('../img/textbook/icon-title-02.png') center / contain no-repeat;} 
.info_con .info_slide_wrap .slide_top .slide_tit.index:before {background-image: url('../img/textbook/icon-title-01.png');} 
.info_con .info_slide_wrap .slide_top .slide_link {gap: 2.5rem;} 
.info_con .info_slide_wrap .slide_top .slide_link a {border-radius: 50%; width: 90px; transition: 0.2s all linear;}
.info_con .info_slide_wrap .slide_top .slide_link a:hover {color: #fff; transition: 0.2s all linear;}
#info02.info_con .info_slide_wrap .slide_top .slide_link a:hover {background: var(--color-sky);}

.info_con .info_slide_wrap {width: 1080px; margin: auto;}
.info_con .info_slide_wrap + .info_slide_wrap {margin-top: 10rem;}
.info_con .info_slide_wrap + .con_slide_wrap  {margin-top: 6rem;}
.info_con .info_slide_wrap .slide_wrap { margin-top: 40px; position: relative; }
.info_con .info_slide_wrap .slide_wrap .slide_item {width: 100%; height: 710px; padding-top: 7px; background: #fff; border-radius: 50px; overflow: hidden; }
.info_con .info_slide_wrap .slide_wrap.index .slide_item {height: 703px; padding-top: 0;}
.info_con .info_slide_wrap .slide_item .slide_desc,
.info_con .info_slide_wrap .slide_item .slide_img {display: flex; justify-content: center; align-items: center; width: 100%; box-sizing: border-box; } 
.info_con .info_slide_wrap .slide_item .slide_desc {font-size: 30px; font-weight: 600; letter-spacing: -0.5px; height: 120px; flex-wrap: wrap; align-content: center; display: block; word-break: keep-all;}
.info_con .info_slide_wrap .slide_item .slide_desc b {font-weight: 800; letter-spacing: -0.5px;}
.info_con .info_slide_wrap .slide_item .slide_img {height: calc(100% - 120px);align-items: baseline;}
.info_con .info_slide_wrap .slide_wrap .slide_arrow {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 120px + 10rem);}
.info_con .info_slide_wrap .slide_wrap .slide_arrow p {position: absolute; top: 0; cursor: pointer;}
.info_con .info_slide_wrap .slide_wrap .slide_arrow .arr_prev {left: 0;}
.info_con .info_slide_wrap .slide_wrap .slide_arrow .arr_next {right: 0;}
.info_con .slide_list .slick-dots {position: absolute; right: -7rem; bottom: 0; display: flex; flex-direction: column; gap: 16px;}
.info_con .slide_list .slick-dots button {width: 20px; height: 20px; background: #fff; border-radius: 50%; box-sizing: border-box; box-shadow: 4px 0 9px rgba(0,0,0,0.07); text-indent: -99999px;}

#info02.info_con .slide_list .slick-dots li.slick-active button {background: var(--color-sky);}


/* #info03 : 교사용 교과서 */
.section_info #info03 {background: #ffefe5; }
.section_info #info03.info_con:before, .section_info #info04.info_con:before, .section_info #info05.info_con:before, .section_info #info06.info_con:before {width: 330px;}
.section_info #info03:before {background-image: url('../img/textbook/bg-org-01.png');}
.section_info #info03:after {background-image: url('../img/textbook/bg-org-02.png');}
#info03.info_con .info_slide_wrap .slide_top .slide_link a:hover {background: var(--color-org);}
#info03.info_con .slide_list .slick-dots li.slick-active button {background: var(--color-org);}

/* #info04 : 교사용 지도서 */
.section_info #info04 {background: #ffe5f4; }
.section_info #info04:before {background-image: url('../img/textbook/bg-pink-01.png');}
.section_info #info04:after {background-image: url('../img/textbook/bg-pink-02.png');}
#info04.info_con .info_slide_wrap .slide_top .slide_link a:hover {background: var(--color-pink);}
#info04.info_con .slide_list .slick-dots li.slick-active button {background: var(--color-pink);}

/* #info05 : 전자 저작물 */
.section_info #info05 {background: #defff4; }
.section_info #info05:before {background-image: url('../img/textbook/bg-grn-01.png');}
.section_info #info05:after {background-image: url('../img/textbook/bg-grn-02.png');}
#info05.info_con .info_slide_wrap .slide_top .slide_link a:hover {background: var(--color-grn);}
#info05.info_con .slide_list .slick-dots li.slick-active button {background: var(--color-grn);}

/* #info06 : 디딤돌 교실 */
.section_info #info06 {background: #fbeeef; }
.section_info #info06:before {background-image: url('../img/textbook/bg-red-01.png');}
.section_info #info06:after {background-image: url('../img/textbook/bg-red-02.png');}
.section_info #info06 .tit_wrap .info_tit {margin-top: 1.5rem;}
#info06.info_con .info_slide_wrap .slide_top .slide_link a:hover {background: var(--color-red);}
#info06.info_con .slide_list .slick-dots li.slick-active button {background: var(--color-red);}
#info06.info_con .info_slide_wrap .slide_top .slide_link a {width: auto; display: flex; gap: 2rem; height: auto; line-height: inherit; align-items: center;}
#info06.info_con .info_slide_wrap .slide_top .slide_link a span {width: 28px; position: relative; z-index: 0;}
#info06.info_con .info_slide_wrap .slide_top .slide_link a span img {vertical-align: middle; filter: brightness(0); transition: 0.2s all linear;}
#info06.info_con .info_slide_wrap .slide_top .slide_link a span:after {content: ''; width: 26px; height: 26px; border-radius: 50%; background: #ffe5f4; position: absolute; right: -0.875rem; top: 50%; transform: translateY(-50%); z-index: -1; transition: 0.2s all linear;}
#info06.info_con .info_slide_wrap .slide_top .slide_link a:hover {background: none;gap: 1.5rem;}
#info06.info_con .info_slide_wrap .slide_top .slide_link a:hover span img {filter: brightness(1); transition: 0.2s all linear;}




/* 반응형 */
@media (max-width:1500px) {

   .inner {width: 1300px;}
   .section_top .sm_tit {font-size: 26px;}
   .section_top .tit, .section_top .tit span {font-size: 80px;}
   .section_top .textbook_wrap .textbook {width: 280px;}
   .section_top .top_info {font-size: 20px;}
   .section_top .textbook_wrap .textbook:before {background-size: contain; transform: translate(-50%, -36%);}
   .section_top .textbook_wrap .textbook.tb01:before { width: 190px; height: 190px; }
   .section_top .textbook_wrap .textbook.tb02:before { width: 195px; height: 189px;}
   .section_top .textbook_wrap .textbook.tb03:before { width: 142px; height: 192px;}
   .section_top .textbook_wrap .textbook.tb04:before { width: 220px; height: 214px;}
   .section_top .obj.obj_01 {left: 4%;}
   .section_top .obj.obj_01 img {width: 250px;}
   .section_top .obj.obj_02 img {width: 320px;}
   .section_top .obj.obj_03 {right: 0;}
   .section_top .obj.obj_03 img {width: 350px;}
   .section_top .obj.obj_04 {bottom: -8%;}
   .section_top .obj.obj_04 img {width: 320px;}


   .section_textbook .textbook {width: 300px;}
   .section_textbook .textbook .tb_data .tb_tit {font-size: 28px; margin-bottom: 2.5rem;}
   .section_textbook .textbook .tb_data .tb_btn a {line-height: 40px;}
   
   .info_gnb {gap: 1rem;}
   .info_gnb a {font-size: 20px; padding: 1.25rem 2.5rem;}
   .section_info #info01 .author_data .author_speak .wrap, .section_info #info01 .author_data .author_speak .wrap span {font-size: 26px;}
   .section_info #info01 .author_data .author_speak {padding: 4rem 0;}

}

@media (max-width:1300px) {

   .inner, .section_info .inner { width: 92%; }
   .section_top .sm_tit {font-size: 22px;}
   .section_top .tit, .section_top .tit span {font-size: 70px;}
   .section_top .textbook_wrap {justify-content: center; gap: 2.5rem;}
   .section_top .textbook_wrap .textbook {width: 220px; border-width: 3px;}
   .section_top .textbook_wrap .textbook:before {transform: translate(-50%, -38%);}
   .section_top .textbook_wrap .textbook.tb01:before { width: 155px; height: 155px; }
   .section_top .textbook_wrap .textbook.tb02:before { width: 160px; height: 155px;}
   .section_top .textbook_wrap .textbook.tb03:before { width: 115px; height: 156px;}
   .section_top .textbook_wrap .textbook.tb04:before { width: 175px; height: 170px;}
   .section_top .textbook_wrap .textbook.tb01, .section_top .textbook_wrap .textbook.tb02, 
   .section_top .textbook_wrap .textbook.tb03, .section_top .textbook_wrap .textbook.tb04 {box-shadow: none;}
   .section_top .top_info {font-size: 18px; border-radius: 5rem; padding: 1.125rem 4rem;}
   .section_top .obj.obj_01 img {width: 240px;}
   .section_top .obj.obj_02 img {width: 300px;}
   .section_top .obj.obj_03 img {width: 330px;}
   .section_top .obj.obj_04 img {width: 300px;}

   .section_textbook:before, .section_textbook:after {background-size: contain;}
   .section_textbook:before { width: 420px; height: 422px;}
   .section_textbook:after { width: 420px; height: 409px;}
   .section_textbook .flex {gap: 2rem;}
   .section_textbook .textbook .tb_data {border-width: 2px;}
   .section_textbook .textbook .tb_data .tb_tit {font-size: 24px;}
   .section_textbook .textbook .tb_data .tb_tit small {font-size: 16px; margin-left: 0.25rem;}
   .section_textbook .textbook .tb_data .tb_btn {gap: 10px;}
   .section_textbook .textbook .tb_data .tb_btn a {width: 100%;}

   .info_gnb {gap: 0;}
   .info_gnb a {font-size: 20px; padding: 1.25rem 2rem;} 
   .info_gnb a:last-child { padding: 0.55rem 2rem; }
   .info_gnb a small {font-size: 14px;}
   .section_info .tit_wrap .info_tit {font-size: 60px;}
   .section_info .tit_wrap .info_desc {font-size: 20px;}
   .section_info #info01 .author_wrap {gap: 2rem; align-items: baseline;}
   .section_info #info01 .author_data .author_speak .wrap, .section_info #info01 .author_data .author_speak .wrap span { font-size: 22px; line-height: 1.6;}
   .section_info #info01 .author_data .author_speak:before, .section_info #info01 .author_data .author_speak:after {width: 60px; height: 40px; background-size: contain;}
   .section_info #info01 .author_data .author_speak:before {top: -20px;}
   .section_info #info01 .author_data .author_speak:after {bottom: -20px;}
   .section_info #info01 .author_data .author_video {border-width: 4px;}
   .section_info #info01 .teacher_info .teacher_name {font-size: 20px;}
   .section_info #info01 .teacher_info .teacher_school {margin-top: 0.625rem; font-size: 15px;}

   .info_con .info_slide_wrap { width: calc(100% - 100px);}
   .info_con .info_slide_wrap .slide_top {padding: 0 3rem 0 6rem;}
   .info_con .info_slide_wrap .slide_top .slide_tit, .info_con .info_slide_wrap .slide_top .slide_link a { height: 80px; line-height: 84px; font-size: 26px;}
   .info_con .info_slide_wrap .slide_top .slide_link {gap: 1.5rem;}
   .info_con .info_slide_wrap .slide_top .slide_link a {width: 80px;}
   .info_con .info_slide_wrap .slide_top .slide_tit:before {width: 100px; height: 102px;left: -110px; top: -35px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow {width: calc(100% + 100px); top: calc(50% - 3rem - 25px);}
   .info_con .info_slide_wrap .slide_item .slide_img {padding: 0 1.5rem;}
   .info_con .info_slide_wrap .index .slide_item .slide_img {padding: 0;}
   .info_con .info_slide_wrap .slide_item .slide_desc {font-size: 26px;}
   .info_con .slide_list .slick-dots {position: inherit; right: auto; bottom: auto; flex-direction: row; justify-content: center; margin-top: 3rem;}
   .section_info .info_con:not(#info01):before {left: 2%;}
   .section_info .info_con:not(#info01):after {right: 2%;}
   .section_info .info_con:not(#info01):before, .section_info .info_con:not(#info01):after {background-size: contain;}
   .section_info .info_con:not(#info01):before, .section_info .info_con:not(#info01):after {width: 290px;}
   .section_info #info03.info_con:before, .section_info #info04.info_con:before, .section_info #info05.info_con:before, .section_info #info06.info_con:before {width: 260px;}
   .info_con .slide_list .slick-dots button {width: 18px; height: 18px;}
   .info_con .info_slide_wrap .slide_wrap .slide_item {height: auto; padding-bottom: 3rem;}
   .info_con .info_slide_wrap .slide_wrap.index .slide_item {height: auto; padding-bottom: 0;}
   #info06.info_con .info_slide_wrap .slide_top .slide_link a > img {width: 146px;}

}

@media (max-width:1200px) {

   .section_textbook .textbook .tb_data .tb_tit small {display: block; margin-left: 0;}

   .info_gnb {gap: 1rem;}
   .info_gnb a {font-size: 18px; padding: 1rem 1.5rem;}

   .section_info #info01 .teacher_wrap {margin-top: 6rem;}

}

@media (max-width:1024px) {

   body {font-size:15px;}
   .section_top .sm_tit { font-size: 20px; margin-bottom: 3.25rem; }
   .section_top .tit, .section_top .tit span {font-size: 62px;}
   .section_top .tit span:before {width: 8px; height: 8px;}
   .section_top .textbook_wrap {gap: 1.5rem;}
   .section_top .textbook_wrap .textbook {width: 200px;}
   .section_top .textbook_wrap .textbook.tb01:before {width: 74%; height: 57%;}
   .section_top .textbook_wrap .textbook.tb02:before { width: 74%; height: 55%;}
   .section_top .textbook_wrap .textbook.tb03:before { width: 55%; height: 55%;}
   .section_top .textbook_wrap .textbook.tb04:before { width: 80%; height: 60%;}
   .section_top .top_info {width: 80%;}
   .section_top .top_info .m_br {display: block;}
   .section_top .obj.obj_01 {left: -8%;}
   .section_top .obj.obj_01 img {width: 70%;}
   .section_top .obj.obj_02 {bottom: -12%; left: -11%;}
   .section_top .obj.obj_02 img {width: 76%;}
   .section_top .obj.obj_03 {right: -12%;}
   .section_top .obj.obj_03 img {width: 75%;}
   .section_top .obj.obj_04 {bottom: -4%; right: -7%;}
   .section_top .obj.obj_04 img {width: 70%;}
   .section_top .obj {opacity: 0.07;}
   .section_top .obj.obj_01, .section_top .obj.obj_02, .section_top .obj.obj_03, .section_top .obj.obj_04 {animation:none;}

   .section_textbook .textbook {gap: 25px; width: 100%;}
   .section_textbook .textbook .tb_img:after {width: 138px; height: 40px; bottom: -33px; background-size: contain; background-repeat: no-repeat;}
   .section_textbook .textbook .tb_data .tb_tit {font-size: 22px; font-weight: 600;}
   .section_textbook .textbook .tb_data .tb_tit small {font-weight: 400;}
   .section_textbook:before {width: 350px; height: 351px;}
   .section_textbook:after {width: 350px; height: 341px;}

   /* .info_gnb {overflow-x: scroll; max-width: 100%; width: auto; justify-content: space-between; padding: 0.5rem 2rem; top:70px;} */
   .info_gnb {overflow-x: scroll; white-space:nowrap; height: 70px; top:70px; padding: 0.625rem 1.5rem 0.5rem; box-sizing:border-box;}
   .info_gnb div {display: inline-block; vertical-align: middle;}
   .info_gnb a {display: inline-block; font-size: 16px; padding: 1rem 2rem; vertical-align: middle;}
   .info_gnb a:last-child {padding: 0.41rem 2rem; }
   .info_gnb::-webkit-scrollbar {display:none;}
	.info_gnb a:hover, .info_gnb a.active {color: inherit; border-color:transparent; transition:none;}
	.info_gnb a.active { color: #c7000d; border-color: #c7000d; transition: 0.2s all linear; }

   .section_info .tit_wrap {margin-bottom: 3.75rem;}
   .section_info .tit_wrap .info_tit {font-size: 50px;}
   .section_info .tit_wrap .info_desc {font-size: 18px;}
   section, .section_info .info_con { padding: 6rem 0; }
   .section_info #info01 .teacher_wrap { margin-top: 6rem; gap: 10px; }
   .section_info #info01 .teacher {width: calc((100% - (10px * 3)) / 4);}

   .info_con .info_slide_wrap .slide_top { padding: 0 2rem 0 4rem; }
   .info_con .info_slide_wrap .slide_top .slide_tit, .info_con .info_slide_wrap .slide_top .slide_link a {height: 70px; line-height: 74px; font-size: 22px;}
   .info_con .info_slide_wrap .slide_top .slide_link a {width: 70px;}
   .info_con .info_slide_wrap .slide_top .slide_tit:before {width: 80px; height: 81px; left: -100px; top: -25px;}
   .info_con .info_slide_wrap { width: calc(100% - 60px); } 
   .info_con .info_slide_wrap .slide_wrap {margin-top: 30px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow p {width: 50px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow .arr_prev {left: 20px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow .arr_next {right: 20px;}
   .info_con .info_slide_wrap .slide_item .slide_desc {height: 100px; font-size: 22px; line-height: 1.2;}
   .info_con .info_slide_wrap .slide_wrap .slide_item {padding-bottom: 1.625rem;}
   .info_con .info_slide_wrap .slide_wrap.index .slide_item {padding-bottom: 0;}
   #info06.info_con .info_slide_wrap .slide_top .slide_link a > img {width: 130px;}
   #info06.info_con .info_slide_wrap .slide_top .slide_link a span {width:22px;}
   #info06.info_con .info_slide_wrap .slide_top .slide_link a {gap: 1.5rem; margin-right: 1rem;}
   #info06.info_con .info_slide_wrap .slide_top .slide_link a:hover {gap: 1rem;}
   .info_con .slide_list .slick-dots {margin-top: 2rem;}
   .info_con .slide_list .slick-dots button {width: 16px; height: 16px;}

   .quick li:nth-child(1) {display: none; opacity: 0; transition: 0.2s all linear}
}

@media (max-width:970px) {

   .section_info #info01 .author_data .author_speak .wrap, .section_info #info01 .author_data .author_speak .wrap span {font-size: 18px;}
   .section_info #info01 .author_data .author_speak:before, .section_info #info01 .author_data .author_speak:after {width: 50px;height: 33px;background-size: contain;}
   .section_info #info01 .author_data .author_speak:before {top: -16px;}
   .section_info #info01 .author_data .author_speak:after {bottom: -16px;}
   .section_info #info01 .author_data .author_video {margin-top: 4rem;}
   

}

@media (max-width:768px) {

   body {font-size:14px;}

   .mouse {width: 22px;}

   .section_top .tit, .section_top .tit span {font-size: 56px; font-family: var(--font-maruburibold);}
   .section_top .sm_tit { font-size: 18px; margin-bottom: 2.75rem; }
   .section_top .textbook_wrap {margin-top: 3.75rem; gap: 0;} 
   .section_top .top_info { width: 100%; font-size: 15px; padding: 1.25rem 2rem; margin-top: 3.75rem; box-sizing: border-box; word-break: keep-all; }

   .section_textbook .flex {flex-direction: column; gap: 3rem;} 
   .section_textbook .textbook {width: 100%; flex-direction: row;}
   .section_textbook .textbook .tb_img:after { width: 138px; height: 40px; bottom: auto; background-size: contain; background-repeat: no-repeat; right: -50%; left: auto; transform: rotate(90deg) translate(-10%, 57%); top: 50%; }
   .section_textbook .textbook .tb_data .tb_tit {font-size: 26px; font-weight: 600; margin-bottom: 1.5rem;}
   .section_textbook .textbook .tb_data .tb_tit small {font-weight: 400; display: inline-block; margin-left: 0.75rem;}
   .section_textbook .textbook .tb_img {width: 220px;}
   .section_textbook .textbook .tb_data {max-width: 100%; width: calc(100% - 220px); padding: 1.75rem 2rem;}
   .section_textbook .textbook .tb_data .tb_btn {gap: 12px; flex-direction: row;}
   .section_textbook .textbook .tb_data .tb_btn a {width: calc((100% - 12px) / 2);}
   .section_textbook .textbook .tb_img, .section_textbook .textbook .tb_data {border-radius: 15px;}
   .section_textbook .textbook.tb01 .tb_img, .section_textbook .textbook.tb01 .tb_data { box-shadow: 0 6px var(--color-org); }
   .section_textbook .textbook.tb02 .tb_img, .section_textbook .textbook.tb02 .tb_data { box-shadow: 0 6px var(--color-grn); }
   .section_textbook .textbook.tb03 .tb_img, .section_textbook .textbook.tb03 .tb_data { box-shadow: 0 6px var(--color-pink); }
   .section_textbook .textbook.tb04 .tb_img, .section_textbook .textbook.tb04 .tb_data { box-shadow: 0 6px var(--color-sky); }
   .section_textbook:before { width: 300px; height: 301px; left: 14%; top: 18%;}
   .section_textbook:after { width: 300px; height: 291px; right: 1%; bottom: 20%; }

   .section_info #info01 .author.p_ver {display: none;}
   .section_info #info01 .author.m_ver {display: block;}
   .section_info #info01 .author_data {display: flex; flex-wrap: wrap;}
   .section_info #info01 .author_data .author_video {width: 100%; margin-top: 3rem;}
   .section_info #info01 .author {width: 40%;}
   .section_info #info01 .author_data .author_speak {width: calc(60% - 2rem); margin-left: 2rem; display: flex; align-items: center; justify-content: center; padding: 4rem 3rem; box-sizing: border-box;}
   .section_info #info01 .author_data .author_speak .wrap, .section_info #info01 .author_data .author_speak .wrap span {font-size: 18px; line-height: 1.8;}
   .section_info #info01 .author_data .author_speak .wrap .p_br {display: inline;}
   .section_info #info01 .author_data .author_speak .wrap .highlighter {display: inline;}
   .section_info #info01 .teacher_wrap { margin-top:1rem; }
   .section_info #info01 .teacher_info .teacher_name { font-size: 18px; font-family: var(--font-pretendard); font-weight: 800; }
   .section_info #info01 .teacher_info .teacher_school { font-size: 14px; line-height: 1.3; }
   .info_con .info_slide_wrap .slide_wrap .slide_item { padding-bottom: 1.375rem; }

   .section_info .tit_wrap .info_tit { font-size: 44px; }
   .section_info .tit_wrap .info_desc { font-size: 16px; }
   .info_con .info_slide_wrap .slide_top .slide_tit, .info_con .info_slide_wrap .slide_top .slide_link a { height: 60px; line-height: 64px;}
   .info_con .info_slide_wrap .slide_top .slide_link {gap: 0.5rem;}
   .info_con .info_slide_wrap .slide_top .slide_link a {width: 60px;}
   .info_con .info_slide_wrap .slide_top .slide_tit:before { width: 70px; height: 71px; left: -86px;}
   .info_con .info_slide_wrap .slide_wrap { margin-top: 20px; }
   .info_con .info_slide_wrap .slide_wrap .slide_item {border-radius: 30px;}
   .info_con .slide_list .slick-dots button {width: 14px; height: 14px;}
   .info_con .info_slide_wrap + .info_slide_wrap, .info_con .info_slide_wrap + .con_slide_wrap { margin-top: 6rem; }
   .info_con .info_slide_wrap .slide_item .slide_desc {padding: 0 2rem; font-size: 20px; height: 90px;}
   #info06.info_con .info_slide_wrap .slide_top .slide_link a > img {width: 120px;}
   .info_con .info_slide_wrap .slide_item .slide_img {padding: 0 0.5rem;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow { top: calc(50% - 2rem - 25px); }

}

@media (max-width:640px) {

   .section_top .tit, .section_top .tit span {font-size: 48px;}
   .section_top .textbook_wrap {flex-wrap: wrap; gap: 1rem; }
   .section_top .obj.obj_01 {left: -15%; top: -2%;}
   .section_top .obj.obj_01 img {width: 60%;}
   .section_top .obj.obj_02 {bottom: 2%; left: -28%;}
   .section_top .obj.obj_02 img {width: 58%;}
   .section_top .obj.obj_03 {right: -34%;}
   .section_top .obj.obj_03 img {width: 58%;}
   .section_top .obj.obj_04 {bottom: -3%; right: -26%;}
   .section_top .obj.obj_04 img {width: 55%;}

   .section_textbook .textbook .tb_img { width: 180px; }
   .section_textbook .textbook .tb_data {width: calc(100% - 180px); padding: 1.25rem 1.25rem;}
   .section_textbook .textbook .tb_data .tb_btn {gap: 8px;}
   .section_textbook .textbook .tb_data .tb_btn a {line-height: 34px;}
   .section_textbook .textbook .tb_data .tb_btn a span {font-size: 14px;}
   .section_textbook .textbook .tb_data .tb_tit {font-size: 22px; margin-bottom: 1rem;}
   .section_textbook .textbook .tb_img:after {transform: rotate(90deg) translate(-10%, 11%);}

   .section_info #info01 .author_data .author_speak {padding: 3rem 2rem;}
   .section_info #info01 .author_data .author_speak .wrap, .section_info #info01 .author_data .author_speak .wrap span {font-size: 17px;}

   .info_con .info_slide_wrap { width: calc(100% - 40px); }
   .info_con .info_slide_wrap .slide_top {padding: 5px 2rem 5px 4rem;}
   .info_con .info_slide_wrap .slide_top .slide_tit, .info_con .info_slide_wrap .slide_top .slide_link a {font-size: 18px; font-family: var(--font-pretendard); font-weight: 700;}
   .info_con .info_slide_wrap .slide_top .slide_tit:before { width: 60px; height: 61px; left: -74px; top: -10px; }
   .section_info .tit_wrap { margin-bottom: 5rem; }
   .info_con .info_slide_wrap .slide_top .slide_tit, .info_con .info_slide_wrap .slide_top .slide_link a { height: 50px; line-height: 50px;}
   .info_con .info_slide_wrap .slide_top .slide_link a { width: 50px; }
   .info_con .info_slide_wrap .slide_wrap .slide_arrow p {width: 40px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow .arr_prev {left: 25px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow .arr_next {right: 25px;}
   .info_con .info_slide_wrap .slide_item .slide_desc {font-size: 18px;}

}

@media (max-width:480px) {

   section, .section_info .info_con { padding: 4rem 0; }
   .section_top .top_info {font-size: 14px; padding: 1rem 2rem; }
   .section_top .obj { opacity: 0.05; }
   .section_top .obj.obj_01 {left: -25%;}
   .section_top .obj.obj_01 img {width: 50%;}
   .section_top .obj.obj_02 {bottom: 5%; left: -34%;}
   .section_top .obj.obj_02 img {width: 48%;}
   .section_top .obj.obj_03 {right: -38%;}
   .section_top .obj.obj_03 img {width: 48%;}
   .section_top .obj.obj_04 {bottom: -3%; right: -32%;}
   .section_top .obj.obj_04 img {width: 45%;}
   
   
   .section_top .sm_tit {font-size: 16px; margin-bottom: 1.75rem;}
   .section_top .tit, .section_top .tit span { font-size: 38px; letter-spacing: -1px; }
   .section_top .tit span:before {width: 7px; height: 7px; top: -0.75rem;}
   .section_top .textbook_wrap {margin-top: 3.25rem;}
   .section_top .textbook_wrap .textbook { width: 150px; }
   .section_textbook .textbook .tb_img:after { transform: rotate(0deg) translateX(-50%); right: auto; left: 50%; top: auto; bottom: 0; }
   .section_textbook .flex { flex-direction: row; gap: 1rem; flex-wrap: wrap;}
   .section_textbook .textbook {flex-direction: column; width: calc((100% - 1rem) / 2); gap: 22px;}
   .section_textbook .textbook .tb_data {width: 100%; padding: 2rem 1rem;}
   .section_textbook .textbook .tb_img {width: 100%;}
   .section_textbook .textbook.tb01 .tb_img, .section_textbook .textbook.tb02 .tb_img, .section_textbook .textbook.tb03 .tb_img, .section_textbook .textbook.tb04 .tb_img {box-shadow: none;}
   .section_textbook .textbook.tb03, .section_textbook .textbook.tb04 {margin-top: 2rem;}
   .section_textbook .textbook .tb_img:after {width: 125px; height: 36px; transform: rotate(0deg) translateX(-50%); right: auto; left: 50%; top: auto; bottom: -1.875rem; }
   .section_textbook .textbook .tb_data .tb_tit {font-size: 20px; line-height: 1.2;}
   .section_textbook .textbook .tb_data .tb_tit small {font-size: 13px; margin-left: 0;display: block;}
   .section_textbook .textbook .tb_data .tb_btn a {width: 100%;}
   .section_textbook:before { width: 280px; height: 281px; left: 12%; top: 13%;}
   .section_textbook:after { width: 280px; height: 271px; right: 1%; bottom: 20%; }

	.info_gnb  {height: 60px;}
   .info_gnb div {gap: 0.5rem;}
   .info_gnb a {font-size: 15px; padding: 0.625rem 1.5rem; }
   .info_gnb a:last-child {padding: 0.625rem 1.5rem; }
   .info_gnb a:last-child small {display: inline-block; margin-left: 0.25rem;}

   .section_info .tit_wrap .info_tit { font-size: 32px; }
   .section_info .tit_wrap .info_desc {font-size: 14px; margin-top: 0.625rem;}
   .section_info .tit_wrap .info_desc .m_br {display: block;}
   .section_info #info01 .author {width: 45%;}
   .section_info #info01 .author_data .author_speak .wrap, .section_info #info01 .author_data .author_speak .wrap span { font-size: 14px; line-height: 1.6; }
   .section_info #info01 .author_data .author_speak { padding:2rem 1.5rem; margin-left: 1.5rem; width: calc(55% - 1.5rem); border-width: 2px; }
   .section_info #info01 .author_data .author_speak:before, .section_info #info01 .author_data .author_speak:after { width: 45px; height: 30px;}
   .section_info #info01 .author_data .author_video { border-width: 3px; }
   .section_info #info01 .teacher_wrap {gap: 6px;}
   .section_info #info01 .teacher { width: calc((100% - (6px * 3)) / 4); margin-top: 1rem; }
   .section_info #info01 .teacher_info {margin-top: 0.75rem;}
   .section_info #info01 .teacher_info .teacher_name { font-size: 14px; font-weight: 700; line-height: 1.2; }
   .section_info #info01 .teacher_info .teacher_school {font-size: 13px; letter-spacing: -1px; word-break: keep-all; margin-top: 0.5rem;}

   .info_con .info_slide_wrap { width: calc(100% - 20px); }
   .section_info .tit_wrap { margin-bottom: 3rem; }
   .section_info #info06 .tit_wrap .info_tit { margin-top: 0.75rem;}
   .info_con .info_slide_wrap .slide_top {padding: 5px 1rem 5px 3rem;}
   .info_con .info_slide_wrap .slide_top .slide_link { gap: 0; }
   
   .info_con .info_slide_wrap .slide_top .slide_tit, .info_con .info_slide_wrap .slide_top .slide_link a {font-size: 16px;}
   .info_con .info_slide_wrap .slide_top .slide_link a { width: 45px; }
   .info_con .info_slide_wrap .slide_top .slide_tit, .info_con .info_slide_wrap .slide_top .slide_link a { height: 45px; line-height: 45px; }
   .info_con .info_slide_wrap .slide_top .slide_tit:before { width: 50px; height: 51px; left: -58px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow p { width: 30px; }
   .info_con .info_slide_wrap .slide_wrap .slide_arrow { width: calc(100% + 80px); top: calc(50% - 2.75rem); }
   .info_con .info_slide_wrap + .info_slide_wrap, .info_con .info_slide_wrap + .con_slide_wrap { margin-top: 3.25rem; }
   .info_con .info_slide_wrap .slide_item .slide_desc {height: 70px; font-size: 14px; line-height: 1.3;}
   .section_info .p_br {display: inline-block;}
   .info_con .info_slide_wrap .slide_wrap .slide_item { padding-bottom: 1rem; }
   .info_con .slide_list .slick-dots {gap: 14px; margin-top: 1.5rem;}
   #info06.info_con .info_slide_wrap .slide_top .slide_link a > img { width: 100px; }
   #info06.info_con .info_slide_wrap .slide_top .slide_link a span { width: 20px; }
   #info06.info_con .info_slide_wrap .slide_top .slide_link a span:after {width: 22px; height: 22px;}
   .section_info .info_con:not(#info01):before, .section_info .info_con:not(#info01):after { width: 150px; }
   .section_info #info03.info_con:before, .section_info #info04.info_con:before, .section_info #info05.info_con:before { width: 150px; }
   .section_info #info06.info_con:before, .section_info .info_con:not(#info01):after { background-size: cover; }

   @keyframes bgUpdown {
      0%   { top:7rem }
      50%  { top:4rem }
      100% { top:7rem }
   }
   @keyframes bgUpdown2 {
      0%   { top:2rem }
      50%  { top:6rem }
      100% { top:2rem }
   }

}


@media (max-width:380px) {

}