@charset "utf-8";

/* 메인페이지 */
.main_page .main_section {position: relative;width: 100vw;background: #fff;overflow: hidden;}
.main_page .init {background: #fff;position: absolute;top: 0;left: 0;width: 100%;height: 100vh;z-index: 3;}
.main_page .init>* {width: 100%;}
.main_page .init .ms1_copywrap {color: #111 !important;transition: .3s;}
.main_page .init .scroll {right: auto;left: 50%;transform: translate(-50%,0);height: 50px;border: 2px solid #979aa4;border-radius: 16px;width: 34px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.629' height='31.18' viewBox='0 0 9.629 31.18'%3E%3Cg transform='translate(-8.186 -20.879)'%3E%3Crect width='6' height='12' rx='3' transform='translate(9.998 20.879)' fill='%23979aa4'/%3E%3Cpath d='M4.814,6.8,4.8,6.817l-.012-.042L0,1.988.583,0,4.814,4.232,9.047,0l.582,1.988L4.842,6.775l-.012.042Z' transform='translate(8.186 45.242)' fill='%23989aa4'/%3E%3Cpath d='M3.408,5.4l-.015.015-.012-.042L0,1.988.582,0,3.408,2.826,6.235,0l.582,1.988L3.435,5.369l-.012.042Z' transform='translate(9.549 40.309)' fill='%23979aa4' opacity='0.5'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;display: none;}
.main_page .ms1 {height: 200vh;background: #c475e2;}
.main_page .ms1 > .inner {height: 100vh;position: relative;width: 100%;z-index: 4;background: #fff;padding: 0;clip-path: circle(100% at 50% 50vh);animation-name: circle;animation-duration: 3s;animation-direction: normal;animation-timing-function: ease-in-out;}
@keyframes circle {
	0% {clip-path: circle(10% at 50% 50vh);}
	15% {clip-path: circle(14% at 50% 50vh);}
	30% {clip-path: circle(10% at 50% 50vh);}
	100% {clip-path: circle(100% at 50% 50vh);	}
}
.main_page .ms1_txt_g {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.main_page .ms1 .ms1_copywrap {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-weight: 700;font-size: 4.5rem;line-height: 1;letter-spacing: -0.02em;color: #fff;z-index: 5;}
.main_page .ms1 .ms1_txtwrap {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-weight: 500;font-size: 3rem;line-height: 1;letter-spacing: -0.02em;color: #fff;z-index: 5;flex-direction: column;gap: 30px;display: flex;opacity: 0;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox {display: flex; justify-content: center; align-items: center;height: 65px;overflow: visible;order: 2;font-size: 4.25rem;font-weight: 700;word-break: keep-all;line-height: normal;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word {display: flex;transition: transform 0.4s ease;height: 100%;align-items: center;line-height: 1;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word img {height: 100%;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word {transform: translateY(0);padding-top: 10px;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word.kr {flex: none;padding-top: 0;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word:nth-child(1) {transition-delay: 0.8s;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word:nth-child(2) {transition-delay: 0.9s;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word:nth-child(3) {transition-delay: 1.0s;margin-left: 4px;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word:nth-child(4) {transition-delay: 1.1s;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word:nth-child(5) {transition-delay: 1.2s;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word:nth-child(6) {transition-delay: 1.3s;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word:nth-child(7) {transition-delay: 1.4s;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word:nth-child(8) {transition-delay: 1.5s;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word:nth-child(9) {transition-delay: 1.6s;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word:nth-child(10) {transition-delay: 1.7s;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word:nth-child(11) {transition-delay: 1.8s;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word:nth-child(12) {transition-delay: 1.9s;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word:nth-child(13) {transition-delay: 2.0s;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .word:nth-child(14) {transition-delay: 2.1s;}
.main_page .ms1 .ms1_txtwrap .fixed_txtbox .blank {width: 0.2em;}
.main_page .ms1 .ms1_txtwrap .ani_txtbox {display: flex;align-items: baseline;height: 1em;overflow: hidden;order: 1;gap: 0.125em;transform: translateY(0);opacity: 1;transition: transform 0.8s ease 1.5s, opacity 0.8s ease 1.5s;font-size: 2.125rem;text-align: center;justify-content: center;}
.main_page .ms1 .ms1_txtwrap .ani_txtbox .blink {width: 1rem;height: 2px;background: #ffffff;animation: blink 1s linear infinite;transition: var(--darkmode);}
.main_page .ms1 .ms1_txtwrap .ani_txtbox .typing {display: inline-block;min-height: 1em;}
.main_page .ms1 .ms1_vidwrap {position: absolute;right: 0;top: 0px;width: 100%;height: 100%;z-index: 2;}
.main_page .ms1 .ms1_vidwrap .ms1_vidbox {position: relative;width: 100%;height: 100%;overflow: hidden;display: flex;transition: all 0.8s ease;}
.main_page .ms1 .ms1_vidwrap .ms1_vidbox {opacity: 1;}
.main_page .ms1 .ms1_vidwrap .ms1_vidbox .ms1_video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.main_page .ms1 .event, .scroll, .banner {position: absolute;right: 80px;bottom: 50px;z-index: 2;}
.main_page .ms1 .event a {display: flex;align-items: center;justify-content: center;background: transparent linear-gradient(117deg,#dd1ff6 0%,#221ff6 100%) 0% 0% no-repeat padding-box;padding: 0 30px 0 40px;height: 50px;border-radius: 100px;color: #fff;font-weight: 700;font-size: 1.25rem;gap: 8px;transition: .2s;}
.main_page .ms1 .event a:hover {background: transparent linear-gradient(320deg,#DD1FF6 0%,#221FF6 100%) 0% 0% no-repeat padding-box;}
.main_page .ms1 .event a:after {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.414' height='14.828' viewBox='0 0 8.414 14.828'%3E%3Cpath d='M0,0,6,6,0,12' transform='translate(1.414 1.414)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat 50% 50%;width: 6px;height: 14px;display: block;content: "";}
.main_page .scroll {right: auto;left: 50%;transform: translate(-50%,-50%);height: 50px;border: 2px solid #ffffff;border-radius: 16px;width: 34px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='50' viewBox='0 0 34 50'%3E%3Cg id='scroll_icon' transform='translate(3.999 -15.881)'%3E%3Crect width='6' height='12' rx='3' transform='translate(9.999 20.879)' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;}
.main_page .scroll:before, .scroll:after {content: '';left: 50%;top: 50%;display: block;width: 5px;height: 5px;transform: translate(-50%,-5px) rotate(135deg);border: solid #fff;border-width: 1px 1px 0 0;animation-delay: 0.1s;animation: mouse_scroll ease 0.8s infinite;opacity: 0;position: absolute;}
.main_page .scroll:after { top:calc(50% + 5px);animation-delay: 0.2s;width: 6px;height: 6px;border-width: 2px 2px 0 0;}
.main_page .ms1 .banner {padding: 24px 28px 20px; background: rgba(60, 9, 148, 0.8); border-radius: 20px; color: #ffffff; width: 348px; right: 67px; bottom: 38px; overflow: hidden;}
.main_page .ms1 .banner .ai-book{ display: flex; justify-content: space-between;}
.main_page .ms1 .banner .ai-book div{ flex: 1 1 auto;}
.main_page .ms1 .banner .ai-book span{ font-size: 13px; font-weight: 500; line-height: 15px; display: block;}
.main_page .ms1 .banner .ai-book strong{ font-size: 32px; font-weight: 700; line-height: 38px; margin: 4px 0 8px;}
.main_page .ms1 .banner .ai-book p{ font-size: 14px; font-weight: 700; line-height: 16px; margin-bottom: 27px;}
.main_page .ms1 .banner .ai-book > a{ font-size: 13px; font-weight: 700; line-height: 15px; background: linear-gradient(137.75deg, rgba(37, 14, 68, 0.9) 15.66%, rgba(78, 3, 128, 0.9) 89.07%); flex: 0 0 96px; height: 42px; border-radius: 40px; display: flex; align-items: center; justify-content: center;}
.main_page .ms1 .banner span{ font-size: 12px; font-weight: 500; line-height: 14px;}
.main_page .ms1 .banner span::before{ content: ""; position: absolute; bottom: -5px; right: 0; background: url(../img/main/bot_floating.png); width: 91px; height: 106px; z-index: -1;}
.main_page .ms1 .banner_02 {display: block; overflow: hidden; position: absolute; z-index: 2; right: 67px; bottom: calc(38px + 160px + 20px); width: 348px; border-radius: 20px; color: #ffffff;}
.main_page .ms1 .banner_02 .banner_link {display: flex;}
@keyframes mouse_scroll {
	0% {transform: translate(-50%,-5px) rotate(135deg);opacity: 0;	}
	40%, 60% {opacity: 0.7;transform: translate(-50%,0) rotate(135deg);}
	100% {opacity: 0;transform: translate(-50%,7px) rotate(135deg);}
}
.zoom_minimap {position: absolute;display: none;left: 0;top: 0;z-index: 10;transform: scale(.15);transform-origin: left top;border: 2px solid #ddd;box-shadow: 3px 3px 10px rgba(0,0,0,0.4);}
.zoom_minimap .magnifier {display: block !important;background: #000;}
.zoom_org, .original {position: relative;}
.zoom_org {width: 100%;display: inline-block;}
.original {cursor: zoom-in;width: 100% !important;height: 100% !important;}
.zoom_org .viewer {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.zoom_org .viewer img {position: absolute;max-width: unset;}
.magnifier {position: absolute;opacity: .2;top: 0;left: 0;}
.magnifier, .viewer {display: none;}
.original:hover~div {display: block;}
.original::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.original img { width: 100% !important; height: 100% !important; }  /* 강제 적용 */
.zoom-img-area {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background-color: #000;}
.zoom-img-area img {width: 100%;}
.scroll a {display: block;width: 100%;height: 100%;}
@keyframes blink {
	0%, 49.9% {opacity: 1;	}
	50%, 99.9% {opacity: 0;}
	to {opacity: 1;}
}
.main_page .ms2 {min-height: 100vh;background: transparent linear-gradient(139deg,#E5F1FF 0%,#E5D5FF 100%);display: flex;align-content: center;}
.main_page .ms2 .ms2_contbox {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 55px;padding-top: 140px; padding-bottom: 140px}
.main_page .ms_head {display: flex;align-items: center;justify-content: center;gap: 20px;}
.main_page .ms_head h2 {color: #111;font-size: 2.75rem;font-weight: 800;text-align: center;}
.main_page .ms_head .badge {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='96' height='96' viewBox='0 0 96 96'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.192' y1='0.038' x2='0.853' y2='1.063' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23dd1ff6'/%3E%3Cstop offset='1' stop-color='%23221ff6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M96,48a10.926,10.926,0,0,0-2.32-6.766,13.631,13.631,0,0,1-2.737-10.21A11.029,11.029,0,0,0,84.176,19.3,13.644,13.644,0,0,1,76.7,11.824,11.03,11.03,0,0,0,64.976,5.057a13.648,13.648,0,0,1-10.21-2.732,11.011,11.011,0,0,0-13.533,0,13.649,13.649,0,0,1-10.21,2.732A11.03,11.03,0,0,0,19.3,11.824,13.646,13.646,0,0,1,11.824,19.3, 11.03,11.03,0,0,0,5.057,31.024,13.633, 13.633,0,0,1,2.32,41.234a11.029,11.029,0,0,0,0,13.533A13.65,13.65,0,0,1,5.057,64.981,11.02,11.02,0,0,0,11.824,76.7,13.676,13.676,0,0,1,19.3,84.176a11.029,11.029,0,0,0,11.722,6.766,13.675,13.675,0,0,1,10.21,2.737,11.029,11.029,0,0,0,13.533,0,13.674,13.674,0,0,1,10.21-2.737A11.029, 11.029,0,0,0,76.7,84.176,13.675,13.675,0,0,1,84.176,76.7a11.019,11.019,0,0,0,6.766-11.718A13.648,13.648,0,0,1,93.68,54.766,10.916,10.916,0,0,0,96,48' fill='url(%23linear-gradient)'/%3E%3C/svg%3E") no-repeat 50% 50%;color: #fff;font-size: 1.25rem;line-height: 25px;width: 96px;height: 96px;display: flex;align-items: center;justify-content: center;flex: none;font-weight: 600;text-align: center;}
.main_page .ms2 .ms_card_g ul {display: flex;justify-content: space-between;gap: 25px;}
.main_page .ms_card_g [class^='school_'] {display: flex;flex-direction: column; flex:1 1 auto; overflow: hidden; background: transparent linear-gradient(146deg,#FE6D5F 0%,#FE9467 100%);border-radius: 30px;padding: 24px 3px 3px 3px;gap: 15px;position: relative;}
.main_page .ms_card_g [class^='school_'] h3 {font-size: 1.75rem;font-weight: 700;color: #fff;text-align: center;}
.main_page .ms_card_g [class^='school_'] .book_g {display: flex;gap: 20px; flex-wrap: wrap; justify-content: center; background: #fff;border-radius: 28px;padding: 30px 30px 120px 30px;height: 100%;}
.main_page .ms_card_g [class^='school_'] dl {width: calc(50% - 10px); display: flex;background: #fff;border-radius: 20px;padding: 0px 0px;align-items: center; position: relative;flex-direction: column;text-align: center;}
.main_page .ms_card_g [class^='school_'] dt > div {display: flex;gap: 8px;flex: none;justify-content: center;}
.main_page .ms_card_g [class^='school_'] dt img {width: clamp(134px, 100%, 180px);}
.main_page .ms_card_g [class^='school_'] dd strong {display: block;font-size: 1.125rem;font-weight: 600;white-space: nowrap;}
.main_page .ms_card_g [class^='school_'] .badge {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='68' height='79' viewBox='0 0 68 79'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='-0.011' x2='1' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fe6d5f'/%3E%3Cstop offset='1' stop-color='%23fe9467'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M63.561,65.857,37.222,78.275a7.529,7.529,0,0,1-6.448,0L4.434,65.857A7.8,7.8,0,0,1,0,58.795V7.788A7.724,7.724,0,0,1,7.663,0H60.337A7.727,7.727,0,0,1,68,7.788V58.795a7.8,7.8,0,0,1-4.439,7.063' transform='translate(0 0)' fill='url(%23linear-gradient)'/%3E%3Cpath d='M59.822,62.523,35.032,74.311a7.03,7.03,0,0,1-6.069,0L4.173,62.523A7.409,7.409,0,0,1,0,55.818V7.394A7.3,7.3,0,0,1,7.212,0H56.788A7.306,7.306,0,0,1,64,7.394V55.818a7.405,7.405,0,0,1-4.178,6.7' transform='translate(2 2.006)' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E") no-repeat 0 0;width: 68px;height: 79px;position: absolute;right: 32px;top: -6px;display: flex;align-items: center;justify-content: center;padding: 0 10px 7px 10px;}
.main_page .ms_card_g [class^='school_'] .badge>p {background-image: linear-gradient(137deg,#FD6E5F 0%,#FD9567 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 1.25rem;font-weight: 700;text-align: center;line-height: 24px;}
.main_page .ms_card_g [class^='school_'].school_2 {background: transparent linear-gradient(146deg,#51A1C3 0%,#74D9E4 100%);}
.main_page .ms_card_g [class^='school_'].school_2 .badge {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='68' height='79' viewBox='0 0 68 79'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='-0.011' x2='1' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2351a1c3'/%3E%3Cstop offset='1' stop-color='%2374d9e4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M63.561,65.857,37.222,78.275a7.529,7.529,0,0,1-6.448,0L4.434,65.857A7.8,7.8,0,0,1,0,58.795V7.788A7.724,7.724,0,0,1,7.663,0H60.337A7.727,7.727,0,0,1,68,7.788V58.795a7.8,7.8,0,0,1-4.439,7.063' transform='translate(0 0)' fill='url(%23linear-gradient)'/%3E%3Cpath d='M59.822,62.523,35.032,74.311a7.03,7.03,0,0,1-6.069,0L4.173,62.523A7.409,7.409,0,0,1,0,55.818V7.394A7.3,7.3,0,0,1,7.212,0H56.788A7.306,7.306,0,0,1,64,7.394V55.818a7.405,7.405,0,0,1-4.178,6.7' transform='translate(2 2.006)' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.main_page .ms_card_g [class^='school_'].school_2 .badge p {background-image: linear-gradient(146deg,#51A1C3 0%,#74D9E4 100%);}
.main_page .ms_card_g [class^='school_'].school_3 {background: transparent linear-gradient(90deg,#4DB97D 0%,#55D6AC 100%);}
.main_page .ms_card_g [class^='school_'].school_3 .badge {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='68' height='79' viewBox='0 0 68 79'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='0.468' x2='1' y2='0.469' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%234db97d'/%3E%3Cstop offset='1' stop-color='%2356dab5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M63.561,65.857,37.222,78.275a7.529,7.529,0,0,1-6.448,0L4.434,65.857A7.8,7.8,0,0,1,0,58.795V7.788A7.724,7.724,0,0,1,7.663,0H60.337A7.727,7.727,0,0,1,68,7.788V58.795a7.8,7.8,0,0,1-4.439,7.063' transform='translate(0 0)' fill='url(%23linear-gradient)'/%3E%3Cpath d='M59.822,62.523,35.032,74.311a7.03,7.03,0,0,1-6.069,0L4.173,62.523A7.409,7.409,0,0,1,0,55.818V7.394A7.3,7.3,0,0,1,7.212,0H56.788A7.306,7.306,0,0,1,64,7.394V55.818a7.405,7.405,0,0,1-4.178,6.7' transform='translate(2 2.006)' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E ");}
.main_page .ms_card_g [class^='school_'].school_3 .badge p {background-image: linear-gradient(90deg,#4DB97D 0%,#56DAB5 100%);}
.main_page .ms_card_g [class^='school_'] .btn_text_more {margin-top: 12px;}
.main_page .ms_card_g [class^='school_']:nth-child(1) dl {width: calc(33.3333% - 15px);}
.main_page .ms_card_g [class^='school_']:nth-child(2) dl,
.main_page .ms_card_g [class^='school_']:nth-child(3) dl {width: calc(50% - 10px);}
.main_page .btn_text_more {display: inline-block;text-decoration: underline;letter-spacing: -0.28px;color: #606060;font-size: 0.875rem;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Crect id='Area' width='15' height='15' opacity='0'/%3E%3Cpath id='arrow' d='M18,7.5l4.063,4.063L18,15.625' transform='translate(-12.063 -4.063)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 100% 50%;padding-right: 16px;}
.main_page .btn_moreview {white-space: nowrap;position: absolute;left: 50%;bottom: 37px;transform: translate(-50%,0);border: 2px solid #FD6E5F;border-radius: 100px;font-size: 1.125rem;font-weight: 500;color: #FD6E5F;display: flex;align-items: center;justify-content: center;padding: 0 40px;height: 50px; max-width: 290px; width: calc(100% - 40px);;}
.main_page .btn_moreview:after {content: "";display: block;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='그룹_19830' data-name='그룹 19830' transform='translate(-1518)'%3E%3Crect id='사각형_24323' data-name='사각형 24323' width='12' height='12' transform='translate(1518)' fill='none'/%3E%3Cpath id='패스_24818' data-name='패스 24818' d='M0,0,4,4,0,8' transform='translate(1522.577 1.5)' fill='none' stroke='%23fd6e5f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;width: 12px;height: 12px;}
.main_page .btn_moreview:hover {background: transparent linear-gradient(107deg,#FE6D5F 0%,#FE9467 100%) 0% 0% no-repeat padding-box;color: #fff;}
.main_page .btn_moreview:hover:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='그룹_19830' data-name='그룹 19830' transform='translate(-1518)'%3E%3Crect id='사각형_24323' data-name='사각형 24323' width='12' height='12' transform='translate(1518)' fill='none'/%3E%3Cpath id='패스_24818' data-name='패스 24818' d='M0,0,4,4,0,8' transform='translate(1522.577 1.5)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") !important;}
.main_page .school_2 .btn_moreview {border-color: #53A4C5;color: #53A4C5;}
.main_page .school_2 .btn_moreview:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='그룹_19830' data-name='그룹 19830' transform='translate(-1518)'%3E%3Crect id='사각형_24323' data-name='사각형 24323' width='12' height='12' transform='translate(1518)' fill='none'/%3E%3Cpath id='패스_24818' data-name='패스 24818' d='M0,0,4,4,0,8' transform='translate(1522.577 1.5)' fill='none' stroke='%2353A4C5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");}
.main_page .school_2 .btn_moreview:hover {background: transparent linear-gradient(106deg,#53A4C5 0%,#74D8E4 100%) 0% 0% no-repeat padding-box;color: #fff;}
.main_page .school_3 .btn_moreview {border-color: #4DB97D;color: #4DB97D;}
.main_page .school_3 .btn_moreview:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='그룹_19830' data-name='그룹 19830' transform='translate(-1518)'%3E%3Crect id='사각형_24323' data-name='사각형 24323' width='12' height='12' transform='translate(1518)' fill='none'/%3E%3Cpath id='패스_24818' data-name='패스 24818' d='M0,0,4,4,0,8' transform='translate(1522.577 1.5)' fill='none' stroke='%234DB97D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");}
.main_page .school_3 .btn_moreview:hover {background: transparent linear-gradient(90deg,#4DB97D 0%,#55D6AC 100%) 0% 0% no-repeat padding-box;color: #fff;}
.main_page .ms_list_g .list_item {overflow: hidden;border-radius: 30px;position: relative;height: 600px;width: 100px;transition: all .3s;}
.main_page .ms_list_g .list_item .item_head {display: flex;align-items: center;gap: 16px;order: 1;margin-bottom: 4px;}
.main_page .ms_list_g .list_item .item_number {font-size: 1.5rem;font-weight: 700;color: #fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.192' y1='0.038' x2='0.853' y2='1.063' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23dd1ff6'/%3E%3Cstop offset='1' stop-color='%23221ff6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='30' cy='30' r='30' fill='url(%23linear-gradient)'/%3E%3C/svg%3E");width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 100%;}
.main_page .ms_list_g .list_item .item_title {color: #111111;font-size: 1.75rem;font-weight: 700;}
.main_page .ms3 {background: linear-gradient(153deg,#A359E0 0%,#5263C3 100%);width: 100%;position: relative;}
.main_page .ms3 .ms3_pin {	height: 100vh;overflow: hidden;display: flex;left: 0;flex-direction: column;gap: 57px;align-items: center;justify-content: center;position: relative;z-index: 5;width: 100vw;}
.main_page .ms3 .ms_head h2 {color: #fff;text-align: left;width: 100%;}
.main_page .ms3 .ms3_pin .pin_wrap, .main_page .ms3 .ms_head {position: relative;width: 100%;max-width: 1280px;}
.main_page .ms3 .ms3_pin .pin_wrap .ms_list_g {position: relative;	display: flex;justify-content: flex-start;align-items: center;	will-change: transform;gap: 10px;width: 100%;}
.main_page .ms3 .ms_list_g .list_item {overflow: hidden;border-radius: 30px;position: relative;height: 600px;width: 100px;transition: width 0.4s;background: #584da4;}
.main_page .ms3 .ms_list_g .list_item .item_head {display: flex;align-items: center;gap: 16px;order: 1;margin-bottom: 4px;}
.main_page .ms3 .ms_list_g .list_item .item_number {font-size: 1.5rem;font-weight: 700;color: #fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.192' y1='0.038' x2='0.853' y2='1.063' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23dd1ff6'/%3E%3Cstop offset='1' stop-color='%23221ff6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='30' cy='30' r='30' fill='url(%23linear-gradient)'/%3E%3C/svg%3E");width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 100%;}
.main_page .ms3 .ms_list_g .list_item .item_title {color: #111111;font-size: 1.75rem;font-weight: 700;}
.main_page .ms3 .ms_list_g .list_item.open {width: 820px;background: #fff;transition: width 0.4s;}
.main_page .ms3 .ms_list_g .list_item .item_inner {opacity: 0;padding: 0;width: 0;height: 100%;overflow: hidden;position: absolute;left: 0;top: 0;transition: .3s;}
.main_page .ms3 .ms_list_g .list_item .item_label {width: 100px;height: 100%;position: absolute;left: 0;top: 0;background: #584da4;border-radius: 30px;z-index: 2;opacity: 0;animation: txt_reveal_tit 0.8s 0.4s forwards;}
.main_page .ms3 .ms_list_g .list_item .item_label .item_head {flex-direction: column;align-items: center;position: relative;}
.main_page .ms3 .ms_list_g .list_item .item_label .item_number {background: #fff;color: #7562F9;margin-top: 40px;}
.main_page .ms3 .ms_list_g .list_item .item_label .item_title {color: #fff;transform: rotate(90deg);white-space: nowrap;font-size: 1.5rem;width: 420px;position: absolute;left: -160px;transform-origin: center;top: 325px;}
.main_page .ms3 .ms_list_g .list_item.open + .list_item {margin-left: 12px;}
.main_page .ms3 .ms_list_g .list_item.open .item_inner {background: #fff;border-radius: 30px;padding: 40px;display: flex;flex-direction: column;gap: 24px;height: 600px;width: 820px;position: relative;left: auto;top: auto;opacity: 1;overflow: hidden;}
.main_page .ms3 .ms_list_g .list_item.open .item_inner>* {visibility: visible;}
.main_page .ms3 .ms_list_g .list_item.open .item_inner .item_head {opacity: 0;animation: txt_reveal 0.3s 0.3s forwards;}
.main_page .ms3 .ms_list_g .list_item.open .item_inner .item_visual {order: 2;border-radius: 20px;overflow: hidden;opacity: 0;transform: translateX(-15%);animation: txt_reveal 0.3s 0.4s forwards;}
.main_page .ms3 .ms_list_g .list_item.open .item_inner .item_visual img {max-width: none;width: 100%;height: 100%;object-fit: cover;}
.main_page .ms3 .ms_list_g .list_item.open .item_inner .item_detail {order: 3;color: #606060;font-size: 1.125rem;opacity: 0;transform: translateX(-15%);overflow: visible;animation: txt_reveal 0.3s 0.4s forwards;}
.main_page .ms3 .ms_list_g .list_item.open .item_label {opacity: 0;padding: 0;width: 0;height: 0;overflow: hidden;position: absolute;left: 0;top: 0;transition: .3 .1s;}
@keyframes txt_reveal {
	0% {opacity: 0;transform: translateX(-10%);}
	100% {opacity: 1;transform: translateX(0%);}
}
@keyframes txt_reveal_tit {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.pop_wrap {position: absolute;left: 50%;bottom: 0;width: 100%;max-width: 1280px;transform: translate(-50%,0);}
.pop_wrap .pop_head {height: 84px;display: flex;justify-content: space-between;position: relative;background: linear-gradient(270deg,#dd1ff6 0%,#221ff6 100%);width: 100%;border-radius: 30px 30px 0 0;padding: 0 40px;align-items: center;color: #fff;}
.pop_wrap .pop_head .btn_on {position: absolute;width: 100%;height: 100%;left: 0px;top: 0;display: block;}
.pop_wrap .pop_head .btn_on:before {content: "";	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20'%3E%3Cpath d='M8.728,2.035a1.5,1.5,0,0,1,2.544,0l7.294,11.67A1.5,1.5,0,0,1,17.294,16H2.706a1.5,1.5,0,0,1-1.272-2.295Z' transform='translate(16) rotate(90)'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;border-radius: 100%;width: 44px;height: 44px;display: flex;justify-content: center;align-items: center;position: absolute;right: 40px;top: 50%;transform: translate(0,-50%);}
.pop_wrap .pop_head h2 {font-size: 1.5rem;font-weight: 600;}
.jconfirm-type-pop_wrap .jconfirm-content {padding: 0;}
.jconfirm-type-pop_wrap .jconfirm-content .pop_wrap {position: relative;left: auto;bottom: auto;max-width: none;transform: none;font-size: 0;line-height: 0;}
.jconfirm-type-pop_wrap .jconfirm-content .pop_content {font-size: 0;line-height: 0;}
.jconfirm .jconfirm-type-pop_wrap div.jconfirm-closeIcon {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.631' height='30.631' viewBox='0 0 30.631 30.631'%3E%3Cg transform='translate(0.707 0.707)'%3E%3Cpath d='M1.558,2.818H36.94a1.369,1.369,0,0,0,1.56-1.41A1.369,1.369,0,0,0,36.94,0H1.558A1.368,1.368,0,0,0,0,1.409a1.368,1.368,0,0,0,1.558,1.41' transform='translate(1.993 0) rotate(45)' fill='%23fff' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M1.558,0H36.939A1.369,1.369,0,0,1,38.5,1.41a1.369,1.369,0,0,1-1.56,1.409H1.558A1.368,1.368,0,0,1,0,1.41,1.368,1.368,0,0,1,1.558,0' transform='translate(29.216 1.993) rotate(135)' fill='%23fff' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;position: absolute;width: 44px;height: 44px;right: 110px;top: 20px;display: flex;justify-content: center;align-items: center;}
.main_page .ms4 {position: relative;}
.main_page .ms4 .ms4_contbox {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100vh;position: relative;z-index: 2;gap: 60px;}
.main_page .ms4_vidwrap, .main_page .ms5_vidwrap {position: absolute;left: 0;top: 0;width: 100vw;height: 100%;z-index: 1;}
.main_page .ms4_vidwrap .msbg_vidbox, .main_page .ms5_vidwrap .msbg_vidbox {position: relative;width: 100%;height: 100%;overflow: hidden;display: flex;transition: all 0.8s ease;}
.main_page .ms4_vidwrap .msbg_video, .main_page .ms5_vidwrap .msbg_video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.main_page .ms4 .ms_list_g {width: 100%;max-width: 1280px;display: flex;flex-direction: column;gap: 12px;align-items: center;}
.main_page .ms4 .ms_list_g .list_item {width: 100%;max-width: 1200px;height: auto;}
.main_page .ms4 .ms_list_g [class^="item_detail"] {display: flex;align-items: center;width: 100%;max-width: 1200px;background: #fff;box-shadow: 0px 2px 10px rgba(0,0,0,0.05);border-radius: 100px;gap: 12px;justify-content: space-between;padding: 9px 50px 9px 15px;}
.main_page .ms4 .ms_list_g [class^="item_detail"] dt {display: flex;align-items: center;gap: 20px;position: relative;background: #fff;z-index: 1;}
.main_page .ms4 .ms_list_g [class^="item_detail"] dt .item_title {position: relative;z-index: 2;background: #fff;padding-right: 54px;}
.main_page .ms4 .ms_list_g [class^="item_detail"] dt:after {content: "";display: block;position: absolute;width: 300px;right: -300px;top: 50%;transform: translate(0,-50%);height: 2px;border-bottom: 2px dashed #867E8C;z-index: 1;}
.main_page .ms4 .ms_list_g [class^="item_detail"] dd {padding-left: 44px;background: #fff;position: relative;z-index: 2;}
.main_page .ms4 .ms_list_g [class^="item_detail"] dd:before {content: "";display: block;position: absolute;left: -10px;top: 50%;transform: translate(0,-50%);background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.8' height='14' viewBox='0 0 9.8 14'%3E%3Cpath d='M6.186,1.139a1,1,0,0,1,1.627,0l5.057,7.08A1,1,0,0,1,12.057,9.8H1.943a1,1,0,0,1-.814-1.581Z' transform='translate(9.8) rotate(90)' fill='%23867e8c'/%3E%3C/svg%3E") no-repeat 50% 50%;width: 10px;height: 14px;}
.main_page .ms4 .ms_list_g [class^="item_detail"] dd .desc {font-weight: 500;font-size: 1.75rem;color: #333;display: flex;align-items: center;gap: 12px;min-width: 350px;}
.main_page .ms4 .ms_list_g [class^="item_detail"] .desc:after {content: "";display: block;flex: none;width: 36px;height: 36px;background: url("../img/ic_check.png") no-repeat 50% 50%;margin-left: 8px;}
.main_page .ms4 .ms_list_g [class^="item_detail"] .desc:before {content: "";display: block;flex: none;width: 72px;height: 72px;background: url("../img/main/ic_function_01.png") no-repeat 50% 50%;background-size: 72px;}
.main_page .ms4 .ms_list_g [class^="item_detail"].item_detail_1 .desc:before {background-image: url("../img/main/ic_function_01.png");}
.main_page .ms4 .ms_list_g [class^="item_detail"].item_detail_2 .desc:before {background-image: url("../img/main/ic_function_02.png");}
.main_page .ms4 .ms_list_g [class^="item_detail"].item_detail_3 .desc:before {background-image: url("../img/main/ic_function_03.png");}
.main_page .ms4 .ms_list_g [class^="item_detail"].item_detail_4 .desc:before {background-image: url("../img/main/ic_function_04.png");}
.main_page .ms4 .ms_list_g [class^="item_detail"].item_detail_5 .desc:before {background-image: url("../img/main/ic_function_05.png");}
.main_page .ms4 .ms_list_g [class^="item_detail"].item_detail_6 .desc:before {background-image: url("../img/main/ic_function_06.png");}
.main_page .ms5 {position: relative;}
.main_page .ms5 .ms5_contbox {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100vh;position: relative;z-index: 2;gap: 120px;}
.main_page .ms5 .ms5_contbox .ms_head h2 {color: #fff;}
.main_page .ms5 .ms5_contbox .ms_card_g {width: 100%;max-width: 1280px;position: relative;}
.main_page .ms5 .character {position: absolute;right: 0;top: 50%;margin-top: -100px;animation-name: character;animation-duration: 5s;animation-direction: normal;animation-iteration-count: infinite;}
.main_page .ms5 .ms_card_g ul {display: flex;flex-wrap: wrap;gap: 20px;width: 100%;align-items: center;justify-content: center;max-width: 1020px;}
.main_page .ms5 .ms_card_g ul li {width: calc(25% - 15px);height: 135px; position: relative}
.main_page .ms5 .ms_card_g ul button {display: flex;align-items: flex-start;justify-content: flex-start;width: 100%;height: 100%;font-weight: 500;font-size: 1.5rem;color: #111;padding: 30px 56px 40px 24px;text-align: left;word-break: keep-all;background: rgba(255,255,255,0.85) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20.914' viewBox='0 0 20 20.914'%3E%3Cg id='icon_arrow' transform='translate(-181 -111)'%3E%3Crect width='20' height='20' transform='translate(181 111)' fill='%23fff' opacity='0'/%3E%3Cpath d='M7.5,16.5h18m-9-9,9,9-9,9' transform='translate(174.5 105)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right 22px bottom 20px;transition: .3s;border-radius: 20px;}
.main_page .ms5 .ms_card_g ul button:hover {background-color: #FDFDFD;font-weight: 700;}
.main_page .ms5 .ms_card_g ul li:nth-of-type(1) {margin-left: 1%;}
.main_page .ms5 .ms_card_g ul li.m2 button, .main_page .ms5 .ms_card_g ul li.m5 button, .main_page .ms5 .ms_card_g ul li.m10 button {background-color: #E957E6;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20.914' viewBox='0 0 20 20.914'%3E%3Cg id='icon_arrow' transform='translate(-181 -111)'%3E%3Crect width='20' height='20' transform='translate(181 111)' fill='%23fff' opacity='0'/%3E%3Cpath d='M7.5,16.5h18m-9-9,9,9-9,9' transform='translate(174.5 105)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");color: #fff;}
.main_page .ms5 .ms_card_g ul li.m2 button:hover, .main_page .ms5 .ms_card_g ul li.m5 button:hover, .main_page .ms5 .ms_card_g ul li.m10 button:hover {background-color: #EA56E6;font-weight: 700;}
.main_page .ms5 .ms_card_g ul button.btn_p{ position: absolute; right: 54px; bottom: 20px; width: 24px; height: 24px; background: #ff0000; padding: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.002' height='24.002' viewBox='0 0 24.002 24.002'%3E%3Cpath d='M19200.074,13648.073a12,12,0,1,1,8.484-3.516A12.016,12.016,0,0,1,19200.074,13648.073Zm-1.994-17.7a1.5,1.5,0,0,0-1.5,1.5v8.4a1.492,1.492,0,0,0,2.328,1.244l6.3-4.194a1.5,1.5,0,0,0,0-2.5l-6.3-4.194A1.48,1.48,0,0,0,19198.08,13630.373Z' transform='translate(-19188.072 -13624.071)' fill='%23111'/%3E%3C/svg%3E") no-repeat 50% 50%;}
.main_page .ms5 .ms_card_g ul li.m2 button.btn_p, .main_page .ms5 .ms_card_g ul li.m5 button.btn_p, .main_page .ms5 .ms_card_g ul li.m10 button.btn_p{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.002' height='24.002' viewBox='0 0 24.002 24.002'%3E%3Cpath d='M19200.074,13648.073a12,12,0,1,1,8.484-3.516A12.016,12.016,0,0,1,19200.074,13648.073Zm-1.994-17.7a1.5,1.5,0,0,0-1.5,1.5v8.4a1.492,1.492,0,0,0,2.328,1.244l6.3-4.194a1.5,1.5,0,0,0,0-2.5l-6.3-4.194A1.48,1.48,0,0,0,19198.08,13630.373Z' transform='translate(-19188.072 -13624.071)' fill='%23fff'/%3E%3C/svg%3E") }
@keyframes character {
	0% {transform: translate(0,0);animation-timing-function: cubic-bezier(.25,.46,.45,.94);}
	25% {transform: translate(0,-30px);animation-timing-function: cubic-bezier(.55,.085,.68,.53);}
	50% {transform: translate(0,0);animation-timing-function: cubic-bezier(.25,.46,.45,.94);}
	75% {transform: translate(0,30px); animation-timing-function: cubic-bezier(.55,.085,.68,.53);}
	100% {transform: translate(0,0);}
}
.main_page .ms6 {position: relative;overflow: hidden;}
.main_page .ms6 .ms6_contbox {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100vh;position: relative;z-index: 2;gap: 80px;background: #5B42C6;}
.main_page .ms6 .ms6_contbox .ms_head {position: relative;width: 100%;max-width: 1280px;}
.main_page .ms6 .ms6_contbox .ms_head h2 {color: #fff;text-align: left;width: 100%;}
.main_page .ms6 .ms6_contbox .ms_card_g {width: 100%;max-width: 1280px;}

/* 공통 */
.gellery_w {display: flex;width: 100%;gap: 30px;position: relative;padding-left: calc(50% - 200px); height: 560px;max-width: none !important;}
.gellery_w .ms_card_g {width: 100%;max-width: 1280px;}
.gellery_w .interview_g {width: 400px;background: #fff;margin: 0;border-radius: 30px;height: 560px;flex: none;position: absolute;left: 50%;top: 0;transform: translate(-50%,0) !important;margin-left: -430px;z-index: 2;}
.gellery_w li {padding: 40px 30px;display: flex;flex-direction: column;gap: 28px;}
.gellery_w .card_head .dec {font-size: 1.125rem;font-weight: 500;margin-bottom: 6px;background-image: linear-gradient(98deg,#DD1FF6 0%,#221FF6 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.gellery_w .card_head h3 {font-weight: 700;font-size: 1.65rem;color: #111;letter-spacing: -1px;}
.gellery_w .card_content .img {border-radius: 20px;width: 340px;height: 210px;overflow: hidden;position: relative;}
.gellery_w .card_content .img img {max-width: none;height: 100%;object-fit: cover;width: 100%;}
.gellery_w .card_content .desc {font-size: 1.125rem;color: #333;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 3;height: 73px;margin-top: 30px;}
.gellery_w .interview_g li {background: #fff;border-radius: 30px;}
.gellery_w .card_g {overflow-y: visible;overflow-x: scroll;width: calc(100% + 5rem); flex: none;padding-right: 5rem;display: flex;padding-bottom: 40px;position: relative;z-index: 3;}
.gellery_w .card_g::-webkit-scrollbar {width: 8px;height: 8px;}
.gellery_w .card_g::-webkit-scrollbar-thumb {background-color: #fff;border-radius: 10px;}
.gellery_w .card_g ul {display: flex;gap: 30px;width: 1680px;flex: none;position: relative;}
.gellery_w .card_g li {background: #fff;border-radius: 30px;height: 514px;width: 400px;flex: none;z-index: 1;position: relative;}
.gellery_w .toolbx {position: absolute;right: 30px;bottom: 40px;z-index: 10;}
.gellery_w .btn_view {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20.914' viewBox='0 0 20 20.914'%3E%3Cg id='icon_arrow' transform='translate(-181 -111)'%3E%3Crect width='20' height='20' transform='translate(181 111)' fill='%23fff' opacity='0'/%3E%3Cpath d='M7.5,16.5h18m-9-9,9,9-9,9' transform='translate(174.5 105)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right 34px bottom 30px;}
.gellery_w.aaa:after, [class*='sb_container'] .gellery_w:after {content: "";display: block;width: calc(100%);height: 1px;background: rgba(255,255,255,0.15);position: absolute;left: 50%;bottom: 4px;transform: translate(-200px,0);z-index: 1;}

/* 자료실 */
.data_container {padding-top: var(--pc-header); background: #fff url("../img/sbmain/bg_shape_1.png") no-repeat top right / 100%; }
.data_container .inner{max-width:1280px; padding: 0; margin: 0 auto; box-sizing: border-box;}
.data_container .sbmain_ai{position: relative;}
.data_container .sbmain_ai > .inner {padding-top: calc(13.75rem - var(--pc-header)); padding-bottom: 8.75rem;}
.csinfo{background: rgba(168,188,231,0.3); padding: 5.625rem 0}
.csinfo .inner{display: flex; gap: 30px; max-width: 1280px; margin: 0 auto; padding: 0;}
.csinfo .item{flex: 1; display:flex; flex-direction: column; justify-content: space-between; background: #fff; border-radius: 40px; padding:40px 50px; position: relative;}
.csinfo .item.ai-info{background: #fff url(../img/sbmain/bg_shape_2.png) no-repeat right 40px bottom 40px}
.csinfo .item.ai-info strong{font-size: 22px; font-weight: 700; display: block; margin-bottom:4px}
.csinfo .item.ai-info span{font-size: 22px; font-weight: 500}
.csinfo .item.ai-info ul{margin-top: 50px;}
.csinfo .item.ai-info li{font-size: 16px; font-weight: 500; padding-left: 15px; color: #111; position: relative}
.csinfo .item.ai-info li + li{margin-top: 8px}
.csinfo .item.ai-info li:before{content:""; width: 3px; height: 3px; background: #666; border-radius: 5px; position: absolute; top:50%; left: 0; transform: translateY(-50%)}
.csinfo .item.tt-info strong{display: block; font-size: 35px; font-weight: 900; margin-bottom: 5px}
.csinfo .item.tt-info .btn{transition: all .3s ease; display: block; background: #3d88f0; color: #fff; font-size: 20px; font-weight: 600; text-align: center; border-radius: 15px; padding: 17px 0;  }
.csinfo .item.tt-info .btn:hover{background: #337de6; box-shadow: inset 0 0 10px rgba(0,0,0,0.15)}
.csinfo .item.tt-info .obj_floating{position: absolute; top: -100px; right: -100px; animation: csFloating 3s ease-in-out infinite;}
 @keyframes csFloating {
	0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
 }
.data_container .sbmain_ai .headline h1{font-size: 3.625rem; font-weight: 900;}
.data_container .sbmain_ai .headline h2{font-size: 1.46rem;; font-weight: 500; color: #313131; margin-top: 25px}
.data_container .sbmain_ai .launch a{transition: all .3s ease; display: inline-block; padding: 19px 54px; border-radius: 500px; color: #fff; background: linear-gradient(117deg,#458FF6 0%,#458FF6 100%) 0% 0% no-repeat; font-size: 18px; margin-top: 50px; position: relative; }
.data_container .sbmain_ai .launch a:hover{background: linear-gradient(117deg,#dd1ff6 0%,#221ff6 100%) 0% 0% no-repeat; padding-right: 75px}
.data_container .sbmain_ai .launch a:hover:after{content:"→"; color: #fff; position: absolute; right: 40px;}
.data_container .sbmain_ai .headline .obj{position: absolute; top: 21px; right: -200px}
.data_container .sbmain_ai .headline .obj img {vertical-align: top;}
.data_container .sbmain_ai .movie_wrap{position: relative; z-index: 5; margin-top: 13.5%; background: #fff; box-shadow: 0 4px 30px rgba(0,0,0,0.15); border-radius: 16px 16px 50px 50px; overflow: hidden;}
.data_container .sbmain_ai .category{display: flex; gap: 40px; padding: 40px; border-bottom: 8px solid #BFDAFF}
.data_container .sbmain_ai .category .item{flex: 1; }
.data_container .sbmain_ai .category h3{font-size: 1.75rem; font-weight:800; text-align: center;}
.data_container .sbmain_ai .category ul{display: flex; flex-direction: column; margin-top: 20px; text-align: center; border-radius: 15px; overflow: hidden}
.data_container .sbmain_ai .category li a{transition:all .3s ease; background: #fff;display: block; padding: 18px 0; border: 1px solid #d2d2d2; border-bottom: 0px none; font-size: 1.286rem;}
.data_container .sbmain_ai .category li a:hover{background: rgba(69,143,246,0.05); color: #458FF6;}
.data_container .sbmain_ai .category li:first-child a{border-radius: 15px 15px 0 0}
.data_container .sbmain_ai .category li:last-child a{border-radius: 0 0 15px 15px; border-bottom: 1px solid #d2d2d2}
.data_container .sbmain_ai .category li a.active{color: #458FF6; font-weight: 700; background: #E5F0FF; border-color:#458FF6; position: relative; z-index: 1; border-bottom: 1px solid #458FF6; margin-bottom: -1px;}
.data_container .sbmain_ai .category li:last-child a.active {margin-bottom: 0;}
.data_container .sbmain_ai .content{padding: 2.5rem 2.5rem 0 2.5rem; display: none; }
.data_container .sbmain_ai .content.active{display: flex; gap: 50px; align-items: flex-start; }
.data_container .sbmain_ai .content.active.block {display: block;}
.data_container .sbmain_ai .content .video_container{flex: 1 1 auto; min-width: 0; padding-bottom: 40px }
.data_container .sbmain_ai .content .video_container .script{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;	white-space: normal; font-size: 17.5px; line-height: 160%}
.data_container .sbmain_ai .content .video_container .hierarchy ol{display: flex; font-size: 20px; font-weight: 800; padding-left: 10px; margin-top: 15px; position: relative }
.data_container .sbmain_ai .content .video_container .hierarchy ol:before{content:""; width: 3px; height: 3px; background:#000; border-radius: 5px; position: absolute; top: 50%; left: 0; transform: translateY(-50%)}
.data_container .sbmain_ai .content .video_container .hierarchy li + li:before{content:">"; padding: 0 5px;}
.data_container .sbmain_ai .content .movie{margin-top: 30px}
.data_container .sbmain_ai .content .overview{margin-top: 30px}
.data_container .sbmain_ai .content .overview .title{font-size: 20px; font-weight: 800; margin-bottom: 20px}
.data_container .sbmain_ai .content .movie video{border-radius: 20px; width: 100%; height: auto }
.data_container .sbmain_ai .content .video_list_container{flex: 0 0 260px }
.data_container .sbmain_ai .content .video_list{overflow-y: auto; }
.data_container .sbmain_ai .content .video_list_container .title{background:#F5F5F5; border-radius:13px; padding: 18px 12px; display: flex; font-size: 14px; font-weight: 600; justify-content: space-between; margin-bottom: 15px; position: sticky}
.data_container .sbmain_ai .content .video_list_container .title.align-center{justify-content: center;}
.data_container .sbmain_ai .content .video_list_container .current{font-size: 12px; color: #AFAFAF; letter-spacing: 1px;}
.data_container .sbmain_ai .content .video_list_container .current strong{color: #458FF6; font-weight:600;}
.data_container .sbmain_ai .content .video_list .item{cursor: pointer}
.data_container .sbmain_ai .content .video_list .item + .item{margin-top: 20px;}
.data_container .sbmain_ai .content .video_list .item.active .thumbs, .sbmain_ai .content .video_list .item:hover .thumbs{background:#458FF6}
.data_container .sbmain_ai .content .video_list .item.active .thumbs img{opacity: 0.69}
.data_container .sbmain_ai .content .video_list .item.active .thumbs:after{content:"Now playing.."; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; z-index: 5; font-size: 15px; font-weight: 500; letter-spacing: 1px;}
.data_container .sbmain_ai .content .video_list .item .thumbs{ padding: 5px; border-radius: 10px; box-shadow: 0 1.7px 4.25px rgba(0,0,0,0.15); transition: all .3s ease; position: relative }
.data_container .sbmain_ai .content .video_list .item .thumbs .inner{background: #000;position: relative; padding-top: 56%;border-radius: 8px;overflow: hidden }
.data_container .sbmain_ai .content .video_list .item .thumbs img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto}
.data_container .sbmain_ai .content .video_list .item .subject{font-size: 15px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;	white-space: normal; margin: 10px 0}
.data_container .sbmain_ai .content .video_list .item .info{display: flex; font-size: 14px; color: #757575; justify-content: end;}
.data_container .sbmain_ai .content .video_list .item .info p + p:before{content:""; width: 3px; height: 3px; background: #757575; border-radius: 3px; display: inline-block; margin: 0 5px; vertical-align: middle;}
.data_container .sbmain_ai .tab_list{display: flex;}
.data_container .sbmain_ai .tab_list .tab_nav {width: 100%; flex: 1 1 auto;}
.data_container .sbmain_ai .tab_list .tab_nav .tab_btn {display: flex; align-items: center; justify-content: center; height: 4rem; width: 100%; font-weight: 400; font-size: 1.5rem; line-height: 2.25rem; color: #606060; background-color: #F8F8F8;}
.data_container .sbmain_ai .tab_list .tab_nav.on .tab_btn {background-color: #458FF6; color: #fff; font-weight: 600;}
.data_container .sbmain_ai .tab_cont {display: none;}
.data_container .sbmain_ai .tab_cont.on {display: block;}
.data_container .sbmain_ai .filter{padding: 2.5rem; border-bottom: 0.5rem solid #BFDAFF}
.data_container .sbmain_ai .filter .filter_desc {margin-bottom: 0.625rem; font-weight: 400; font-size: 1.25rem; line-height: 1.75rem; color: #000;}
.data_container .sbmain_ai .filter .filter_table {border:1px solid #EAEAEA; border-radius: 0.5rem; overflow: hidden;}
.data_container .sbmain_ai .filter .filter_table table {table-layout: fixed; border-collapse: collapse; border-spacing: 0; width: 100%;}
.data_container .sbmain_ai .filter .filter_table th {height: 1.75rem; padding: 0.5625rem 1.25rem; background-color: #F8F8F8; border-bottom:1px solid #EAEAEA; text-align: center; font-weight: 700; font-size: 1.125rem; line-height: 1.5rem; border-right:1px solid #EAEAEA; }
.data_container .sbmain_ai .filter .filter_table td {height: 1.75rem; padding: 0.5625rem 1.25rem; background-color: #ffffff; border-bottom:1px solid #EAEAEA; text-align: left; font-weight: 400; font-size: 1.125rem; line-height: 1.5rem;}
.data_container .sbmain_ai .filter .filter_table tr:last-child th,
.data_container .sbmain_ai .filter .filter_table tr:last-child td {border-bottom: 0;}
.data_container .sbmain_ai .filter .rdo_box_group {display: flex; gap: 0.5rem 1rem; flex-wrap: wrap;}
.data_container .sbmain_ai .filter .rdo_box {position: relative; display: inline-flex; vertical-align: middle;}
.data_container .sbmain_ai .filter .rdo_box input {appearance: none; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%;}
.data_container .sbmain_ai .filter .rdo_box input + span {position: relative; z-index: 1; display: inline-flex; padding: 0.6875rem 0.9375rem; border:1px solid #CCCCCC; background-color: #ffffff; border-radius: 4px;}
.data_container .sbmain_ai .filter .rdo_box input:checked + span {border:1px solid #458FF6; background-color: #E5F0FF; color: #458FF6; font-weight: 700;}
.data_container .sbmain_ai .skill_sec {width: 100%; padding-bottom: 2.5rem;}
.data_container .sbmain_ai .skill_sec + .skill_sec {padding-top: 2.5rem; border-top: 1px solid #ececec;}
.data_container .sbmain_ai .skill_sec .skill_header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;}
.data_container .sbmain_ai .skill_sec .skill_title { font-weight: 700; font-size: 1.5rem; line-height: 2rem;}
.data_container .sbmain_ai .skill_sec .skill_toolbar {display: flex; align-items:center; gap: 1rem;}
.data_container .sbmain_ai .skill_sec .skill_toolbar .split {display: block; width: 4px; height: 4px; background-color: #d9d9d9; border-radius: 50%;}
.data_container .sbmain_ai .skill_sec .skill_toolbar .btn_toolbar {display: flex; font-weight: 400; font-size: 1.25rem; line-height: 110%; color: #000;}
.data_container .sbmain_ai .skill_sec .skill_toolbar .btn_toolbar.is_active {color: #458FF6; font-weight: 700; border-bottom: 1px solid #458FF6;}
.data_container .sbmain_ai .skill_sec .skill_body {--border-radius: 1.25rem;}
.data_container .sbmain_ai .skill_sec .skill_body + .skill_body {margin-top:20px}
.data_container .sbmain_ai .skill_sec .skill_list {display: grid; gap: 2.5rem 1.125rem;}
.data_container .sbmain_ai .skill_sec .skill_list li {overflow: hidden;}
.data_container .sbmain_ai .skill_sec .skill_list.type_doc {grid-template-columns: repeat(4, 1fr);}
.data_container .sbmain_ai .skill_sec .skill_list.type_vod {grid-template-columns: repeat(3, 1fr);}
.data_container .sbmain_ai .skill_sec .skill_video {flex: 1 1 auto; width: 100%;}
.data_container .sbmain_ai .skill_sec .skill_video .vidbox {position: relative; aspect-ratio: 388/218; border-radius: var(--border-radius); overflow: hidden;}
.data_container .sbmain_ai .skill_sec .skill_video video {width:100%; height: 100%; object-fit: cover;}
.data_container .sbmain_ai .skill_sec .skill_video .btn_play {width: 5rem; height: 5rem; border-radius: 50%;}
.data_container .sbmain_ai .skill_sec .skill_video .btn_play::before {width: 100%; height: 100%; background-size: 3rem auto;}
.data_container .sbmain_ai .skill_sec .skill_video .video_tit {margin-top: 1rem; font-size: 1.375rem; line-height: 140%; color: #111; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.data_container .sbmain_ai .skill_sec .skill_doc {display: flex; flex-direction: column; align-items: flex-start; background-color: #F6F6F6; border-radius: var(--border-radius); padding: 1.75rem;}
.data_container .sbmain_ai .skill_sec .skill_doc .icn {flex:none; display: block; width: 2.5rem; height: 2.5rem; margin-bottom: 0.75rem; background-size: contain;}
.data_container .sbmain_ai .skill_sec .skill_doc .icn_01 {background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0121 3H43.4062V49.4H4.27051V13.7415L15.0121 3Z' fill='white' stroke='%23050505' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.0121 13.7415H4.27051L15.0121 3V13.7415Z' fill='white' stroke='%23050505' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.4377 22.3098H10.3745V29.373H17.4377V22.3098Z' fill='url(%23paint0_linear_2590_4041)' stroke='%23020202' stroke-linejoin='round'/%3E%3Cpath d='M16.2046 24.5049L14.7105 25.999L13.2163 27.4932L11.7222 25.999' stroke='%23050505' stroke-linejoin='bevel'/%3E%3Cpath d='M21.7119 24.4559H38.028' stroke='%23050505' stroke-linejoin='bevel'/%3E%3Cpath d='M21.7119 27.2214H31.3777' stroke='%23050505' stroke-linejoin='bevel'/%3E%3Cpath d='M17.4377 34.2793H10.3745V41.3425H17.4377V34.2793Z' fill='white' stroke='%23050505'/%3E%3Cpath d='M16.2046 36.4797L14.7105 37.9739L13.2163 39.468L11.7222 37.9739' fill='white'/%3E%3Cpath d='M16.2046 36.4797L14.7105 37.9739L13.2163 39.468L11.7222 37.9739' stroke='%23050505' stroke-linejoin='bevel'/%3E%3Cpath d='M21.7119 36.4309H38.028' stroke='%23050505' stroke-linejoin='bevel'/%3E%3Cpath d='M21.7119 39.1964H31.3777' stroke='%23050505' stroke-linejoin='bevel'/%3E%3Cpath d='M40.113 8.82983H31.686' stroke='%23050505'/%3E%3Cpath d='M40.113 11.9919H31.686' stroke='%23050505'/%3E%3Cpath d='M50.6318 33.0296C51.5391 32.1222 51.5391 30.6498 50.6318 29.7424L48.6758 27.7865C47.7685 26.8791 46.2961 26.8791 45.3887 27.7865L33.479 39.6962L38.7221 44.9447L50.6318 33.0296Z' fill='url(%23paint1_linear_2590_4041)' stroke='%23050505'/%3E%3Cpath d='M33.479 39.6962L31.6208 46.7974L38.7221 44.9393L36.0979 42.315L33.479 39.6962Z' fill='white' stroke='%23050505'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2590_4041' x1='10.3723' y1='25.8413' x2='17.4339' y2='25.8413' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC200'/%3E%3Cstop offset='1' stop-color='%23F5DC34'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2590_4041' x1='33.479' y1='27.106' x2='33.479' y2='44.9447' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='%2374D8E4'/%3E%3Cstop stop-color='%2353A4C5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");}
.data_container .sbmain_ai .skill_sec .skill_doc .icn_02 {background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.00732 7.93945V8.48005C3.00732 8.29985 3.01941 8.11965 3.03754 7.93945H3.00732Z' fill='white' stroke='%23050505' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.00732 44.7962H3.01941C3.01941 44.7061 3.00732 44.616 3.00732 44.5259V44.7962Z' fill='white' stroke='%23050505' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.54938 39.0178C5.49128 39.0178 3.00732 41.4805 3.00732 44.5259C3.00732 44.616 3.01941 44.7061 3.01941 44.7962C3.16446 47.7094 5.58193 50.028 8.54938 50.028H45.7785V39.0178H8.54938Z' fill='white' stroke='%23050505' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.54962 39.0178H45.7787V2.97192H8.54962C5.67283 2.97192 3.30975 5.15234 3.03779 7.93942C3.01966 8.11362 3.00757 44.5259 3.00757 44.5259C3.00757 41.4806 5.49152 39.0178 8.54962 39.0178Z' fill='url(%23paint0_linear_2590_4070)' stroke='%23020202'/%3E%3Cpath d='M16.4236 43.9854H45.4514' stroke='%23050505' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.74561 3.09204V38.8857' stroke='%23050505' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.5809 12H37.407C36.0792 12 35 13.0493 35 14.3402V21.1663C35 22.4632 36.0792 23.5124 37.407 23.5124H41.0932L42.997 26L44.9007 23.5124H48.587C49.9208 23.5124 51 22.4632 51 21.1663V14.3461C50.9939 13.0493 49.9147 12 48.5809 12Z' fill='white' stroke='%23050505' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.7321 12H17.2565C16.0117 12 15 13.0493 15 14.3402V21.1663C15 22.4632 16.0117 23.5124 17.2565 23.5124H20.7124L22.4972 26L24.2819 23.5124H27.7378C28.9883 23.5124 30 22.4632 30 21.1663V14.3461C29.9943 13.0493 28.9826 12 27.7321 12Z' fill='url(%23paint1_linear_2590_4070)' stroke='%23020202'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2590_4070' x1='3.00757' y1='2.97192' x2='3.00757' y2='44.5259' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='%2374D8E4'/%3E%3Cstop stop-color='%2353A4C5'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2590_4070' x1='14.9953' y1='18.9996' x2='29.9918' y2='18.9996' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC200'/%3E%3Cstop offset='1' stop-color='%23F5DC34'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");}
.data_container .sbmain_ai .skill_sec .skill_doc .icn_03 {background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.6474 45.9301C30.6474 48.5681 28.5418 50.7101 25.936 50.7101C23.3359 50.7101 21.2246 48.5681 21.2246 45.9301V39.493C21.2246 36.855 23.3303 34.713 25.936 34.713C28.5362 34.713 30.6474 36.8493 30.6474 39.493V45.9301Z' fill='white' stroke='%23020202'/%3E%3Cpath d='M33.4592 32.3737C38.5929 29.6286 42.0876 24.1666 42.0876 17.876C42.0876 8.82903 34.8593 1.48999 25.9365 1.48999C17.0193 1.48999 9.79102 8.82903 9.79102 17.876C9.79102 24.1723 13.2912 29.6343 18.4249 32.3737V37.3792H33.4648V32.3737H33.4592Z' fill='url(%23paint0_linear_2590_4086)' stroke='%23020202'/%3E%3Cpath d='M33.4578 41.6687H18.418V45.9583H33.4578V41.6687Z' fill='white' stroke='%23020202'/%3E%3Cpath d='M33.4578 37.3792H18.418V41.6687H33.4578V37.3792Z' fill='white' stroke='%23020202'/%3E%3Cpath d='M24.6924 7.4762H7.50792C7.30791 7.4762 7.15234 7.63966 7.15234 7.84259V19.6459C7.15234 19.8489 7.31347 20.0123 7.50792 20.0123H15.6751L20.2143 23.8284V20.0123H24.6868C24.8868 20.0123 25.0424 19.8489 25.0424 19.6459V7.84259C25.048 7.63966 24.8868 7.4762 24.6924 7.4762Z' fill='white' stroke='%23050505'/%3E%3Cpath d='M11.2695 14.0656H13.1419' stroke='%23050505'/%3E%3Cpath d='M14.9375 14.0656H16.8043' stroke='%23050505'/%3E%3Cpath d='M18.5979 14.0656H20.4647' stroke='%23050505'/%3E%3Cpath d='M45.8488 27.774C45.8488 27.9149 45.7322 28.0333 45.5933 28.0333H33.1814C33.0425 28.0333 32.9258 27.9206 32.9258 27.774V15.1815C32.9258 15.0406 33.0369 14.9222 33.1814 14.9222H45.5933C45.7322 14.9222 45.8488 15.035 45.8488 15.1815V27.774Z' fill='url(%23paint1_linear_2590_4086)' stroke='%23050505' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37.8262 18.9075L42.2153 21.4778L37.8262 24.0482V18.9075Z' fill='white' stroke='%23050505' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2590_4086' x1='9.78086' y1='19.4337' x2='42.0698' y2='19.4337' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC200'/%3E%3Cstop offset='1' stop-color='%23F5DC34'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2590_4086' x1='32.9258' y1='14.9222' x2='32.9258' y2='28.0333' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='%2374D8E4'/%3E%3Cstop stop-color='%2353A4C5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");}
.data_container .sbmain_ai .skill_sec .skill_doc .icn_04 {background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 51.5V11.5L27 0.5V40L9.5 51.5Z' fill='url(%23paint0_linear_2590_4103)'/%3E%3Cpath d='M42.5191 11.2424H33.2863V4.27721C33.2863 4.11544 33.2152 3.97164 33.0819 3.88177C32.9575 3.7919 32.7975 3.76493 32.6465 3.80987L27.4124 5.48152V0.493541C27.4124 0.313794 27.3147 0.143035 27.1547 0.0621487C26.9948 -0.0277248 26.8082 -0.0187374 26.6571 0.0801234L9.22216 11.3143C9.08886 11.4132 9 11.5659 9 11.7367V51.5147C9 51.5237 9 51.5237 9 51.5237C9 51.5416 9 51.5506 9 51.5686C9 51.5776 9 51.5866 9 51.5866C9 51.6135 9.01777 51.6315 9.02666 51.6585C9.03555 51.6765 9.03555 51.7034 9.04443 51.7214L9.05332 51.7304C9.0622 51.7394 9.0622 51.7484 9.0622 51.7573C9.0622 51.7663 9.07109 51.7663 9.07109 51.7753C9.10664 51.8292 9.15107 51.8742 9.20439 51.9101C9.21327 51.9191 9.22216 51.9281 9.23104 51.9281C9.23993 51.9281 9.23993 51.9371 9.23993 51.9371C9.24882 51.9371 9.2577 51.9371 9.26659 51.9461C9.32879 51.982 9.39988 52 9.47986 52H42.5103C42.7768 52 42.999 51.7753 42.999 51.5057V11.7367C43.0168 11.4581 42.7946 11.2424 42.5191 11.2424ZM32.3088 4.95126V11.7367V43.6957L12.8833 49.9059L27.1903 40.667C27.3324 40.5771 27.4124 40.4153 27.4124 40.2535V6.51506L32.3088 4.95126ZM9.97749 12.0063L26.4349 1.39228V6.14658V39.9749L9.97749 50.6159V12.0063ZM42.0304 51.0204H12.6612L26.6304 46.5447H37.214C37.4806 46.5447 37.7028 46.32 37.7028 46.0504C37.7028 45.7808 37.4806 45.5561 37.214 45.5561H29.7229L32.9486 44.5225C33.153 44.4596 33.2863 44.2709 33.2863 44.0462V40.7568H37.214C37.4806 40.7568 37.7028 40.5322 37.7028 40.2625C37.7028 39.9929 37.4806 39.7682 37.214 39.7682H33.2863V34.9959H37.214C37.4806 34.9959 37.7028 34.7713 37.7028 34.5016C37.7028 34.232 37.4806 34.0073 37.214 34.0073H33.2863V29.2351H37.214C37.4806 29.2351 37.7028 29.0104 37.7028 28.7408C37.7028 28.4711 37.4806 28.2465 37.214 28.2465H33.2863V23.4562H37.214C37.4806 23.4562 37.7028 23.2315 37.7028 22.9619C37.7028 22.6923 37.4806 22.4676 37.214 22.4676H33.2863V17.6953H37.214C37.4806 17.6953 37.7028 17.4706 37.7028 17.201C37.7028 16.9314 37.4806 16.7067 37.214 16.7067H33.2863V12.213H42.0304V51.0204Z' fill='%23141515'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2590_4103' x1='9.5' y1='0.5' x2='9.5' y2='51.5' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='%2374D8E4'/%3E%3Cstop stop-color='%2353A4C5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");}
.data_container .sbmain_ai .skill_sec .skill_doc .icn_05 {background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M17.6182%2021.8523L19.1478%2018.4639L34.7774%2025.1711L33.5648%2028.4151L17.6182%2021.8523Z%22%20fill%3D%22%238D7DFF%22/%3E%3Cpath%20d%3D%22M33.6353%2029.2476C33.5644%2029.2477%2033.4943%2029.2335%2033.429%2029.2059L17.1037%2022.3349C17.0202%2022.2992%2016.947%2022.2429%2016.891%2022.1711L14.3903%2018.9711C14.3293%2018.8958%2014.2897%2018.8052%2014.276%2018.709C14.2623%2018.6128%2014.2749%2018.5147%2014.3124%2018.4251C14.3499%2018.3356%2014.4109%2018.258%2014.4889%2018.2007C14.5669%2018.1434%2014.6589%2018.1085%2014.7551%2018.0999L18.779%2017.6718C18.8688%2017.6626%2018.9594%2017.6758%2019.0428%2017.7103L35.3659%2024.5824C35.4315%2024.6093%2035.4911%2024.6491%2035.5412%2024.6995C35.5913%2024.7499%2035.6309%2024.8099%2035.6577%2024.8759C35.6844%2024.9419%2035.6978%2025.0126%2035.697%2025.0839C35.6962%2025.1551%2035.6813%2025.2255%2035.6531%2025.2909L34.1321%2028.9158C34.091%2029.0142%2034.0219%2029.0982%2033.9335%2029.1573C33.8451%2029.2163%2033.7414%2029.2477%2033.6353%2029.2476ZM17.6462%2021.392L33.3492%2028.0018L34.4533%2025.3711L18.7535%2018.7624L15.8326%2019.0717L17.6462%2021.392Z%22%20fill%3D%22%232A2A2A%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M35.6778%2029.7781C34.8502%2029.7334%2034.0464%2029.4837%2033.3377%2029.0514C33.2163%2028.9767%2033.1293%2028.8566%2033.0959%2028.7174C33.0625%2028.5782%2033.0854%2028.4314%2033.1596%2028.3092C33.2338%2028.187%2033.3531%2028.0995%2033.4914%2028.0658C33.6298%2028.0322%2033.7758%2028.0553%2033.8972%2028.1299C34.5748%2028.5792%2035.3976%2028.7507%2036.1969%2028.6094C36.3864%2028.5177%2036.5512%2028.3814%2036.6773%2028.2121C36.8034%2028.0427%2036.8871%2027.8453%2036.9212%2027.6365C36.9687%2027.49%2036.9851%2027.335%2036.9695%2027.1817C36.954%2027.0283%2036.9067%2026.8799%2036.8308%2026.7461C36.45%2026.2589%2035.9209%2025.9108%2035.3246%2025.755C35.2563%2025.7377%2035.1921%2025.7069%2035.1356%2025.6646C35.0791%2025.6222%2035.0315%2025.5691%2034.9954%2025.5082C34.9592%2025.4474%2034.9354%2025.3799%2034.9252%2025.3098C34.915%2025.2397%2034.9186%2025.1682%2034.9359%2025.0995C34.9531%2025.0307%2034.9837%2024.9661%2035.0257%2024.9092C35.0678%2024.8524%2035.1206%2024.8045%2035.1811%2024.7681C35.2416%2024.7318%2035.3086%2024.7079%2035.3783%2024.6976C35.448%2024.6873%2035.5191%2024.6909%2035.5874%2024.7083C36.4635%2024.9357%2037.2321%2025.4662%2037.7583%2026.2067C37.9073%2026.4642%2038.0017%2026.7499%2038.0357%2027.0458C38.0698%2027.3418%2038.0427%2027.6416%2037.9562%2027.9266C37.8818%2028.2987%2037.7188%2028.647%2037.4811%2028.9417C37.2434%2029.2365%2036.9381%2029.4688%2036.5915%2029.6186C36.2998%2029.7296%2035.9897%2029.7837%2035.6778%2029.7781Z%22%20fill%3D%22%232A2A2A%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M33.3652%2037.2421H6.34794C5.92814%2037.2312%205.52914%2037.0558%205.23603%2036.7532C4.94293%2036.4506%204.77892%2036.0448%204.77892%2035.6223C4.77892%2035.1997%204.94293%2034.7939%205.23603%2034.4913C5.52914%2034.1887%205.92814%2034.0133%206.34794%2034.0024H33.3652V37.2421Z%22%20fill%3D%22%231B86EE%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M33.5399%2037.6021C33.3988%2037.6021%2033.2635%2037.5458%2033.1638%2037.4454C33.064%2037.345%2033.008%2037.2089%2033.008%2037.067V31.2973C33.008%2031.1541%2033.0646%2031.0167%2033.1652%2030.9155C33.2659%2030.8142%2033.4024%2030.7573%2033.5447%2030.7573C33.687%2030.7573%2033.8234%2030.8142%2033.9241%2030.9155C34.0247%2031.0167%2034.0813%2031.1541%2034.0813%2031.2973V37.0574C34.0826%2037.1293%2034.0694%2037.2007%2034.0427%2037.2674C34.0159%2037.3341%2033.9761%2037.3946%2033.9256%2037.4455C33.875%2037.4963%2033.8149%2037.5364%2033.7486%2037.5633C33.6823%2037.5902%2033.6113%2037.6034%2033.5399%2037.6021Z%22%20fill%3D%22%232A2A2A%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M33.547%2022.1222C33.406%2022.1222%2033.2708%2022.0658%2033.171%2021.9655C33.0713%2021.8651%2033.0152%2021.729%2033.0152%2021.587V3.54482C33.0149%203.41149%2032.9622%203.28373%2032.8685%203.18946C32.7748%203.09519%2032.6478%203.04205%2032.5153%203.04177H5.60442C5.47192%203.04205%205.34488%203.09519%205.25118%203.18946C5.15749%203.28373%205.10474%203.41149%205.10446%203.54482V9.34666C5.10446%209.48986%205.04792%209.62714%204.94728%209.7284C4.84665%209.82966%204.71014%209.88655%204.56782%209.88655C4.4255%209.88655%204.28905%209.82966%204.18842%209.7284C4.08778%209.62714%204.03124%209.48986%204.03124%209.34666V3.54906C4.03068%203.12905%204.1958%202.72604%204.49037%202.42845C4.78494%202.13086%205.18485%201.96305%205.60228%201.96191H32.5132C32.9302%201.96248%2033.33%202.12943%2033.625%202.42616C33.9199%202.72289%2034.0858%203.12518%2034.0863%203.54482V21.5817C34.0871%2021.653%2034.0736%2021.7238%2034.0467%2021.7899C34.0199%2021.8559%2033.9801%2021.9159%2033.9299%2021.9662C33.8796%2022.0166%2033.8199%2022.0564%2033.7541%2022.0832C33.6884%2022.1099%2033.618%2022.1232%2033.547%2022.1222Z%22%20fill%3D%22%232A2A2A%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M4.56158%2017.0819C4.42053%2017.0819%204.28523%2017.0255%204.18549%2016.9252C4.08575%2016.8248%204.02975%2016.6887%204.02975%2016.5467V11.1366C4.02975%2010.9934%204.08629%2010.8561%204.18692%2010.7548C4.28756%2010.6536%204.42407%2010.5967%204.56639%2010.5967C4.70871%2010.5967%204.84515%2010.6536%204.94579%2010.7548C5.04642%2010.8561%205.10296%2010.9934%205.10296%2011.1366V16.5371C5.10426%2016.609%205.09115%2016.6805%205.0644%2016.7471C5.03765%2016.8138%204.99782%2016.8744%204.94728%2016.9252C4.89675%2016.9761%204.83658%2017.0161%204.77031%2017.0431C4.70403%2017.07%204.63304%2017.0832%204.56158%2017.0819Z%22%20fill%3D%22%232A2A2A%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M4.56158%2024.2825C4.42053%2024.2825%204.28523%2024.2262%204.18549%2024.1258C4.08575%2024.0255%204.02975%2023.8893%204.02975%2023.7474V18.3373C4.02975%2018.1941%204.08629%2018.0568%204.18692%2017.9555C4.28756%2017.8543%204.42407%2017.7974%204.56639%2017.7974C4.70871%2017.7974%204.84515%2017.8543%204.94579%2017.9555C5.04642%2018.0568%205.10296%2018.1941%205.10296%2018.3373V23.7378C5.10426%2023.8097%205.09115%2023.8811%205.0644%2023.9478C5.03765%2024.0145%204.99782%2024.0751%204.94728%2024.1259C4.89675%2024.1767%204.83658%2024.2168%204.77031%2024.2437C4.70403%2024.2707%204.63304%2024.2839%204.56158%2024.2825Z%22%20fill%3D%22%232A2A2A%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M4.56158%2036.1636C4.42053%2036.1636%204.28523%2036.1073%204.18549%2036.0069C4.08575%2035.9065%204.02975%2035.7704%204.02975%2035.6285V25.8988C4.02975%2025.7556%204.08629%2025.6183%204.18692%2025.517C4.28756%2025.4158%204.42407%2025.3589%204.56639%2025.3589C4.70871%2025.3589%204.84515%2025.4158%204.94579%2025.517C5.04642%2025.6183%205.10296%2025.7556%205.10296%2025.8988V35.6188C5.10426%2035.6907%205.09115%2035.7621%205.0644%2035.8288C5.03765%2035.8955%204.99782%2035.9561%204.94728%2036.007C4.89675%2036.0578%204.83658%2036.0979%204.77031%2036.1248C4.70403%2036.1517%204.63304%2036.1649%204.56158%2036.1636Z%22%20fill%3D%22%232A2A2A%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M25.319%2014.5623H14.2228C14.0805%2014.5623%2013.944%2014.5054%2013.8433%2014.4041C13.7427%2014.3029%2013.6862%2014.1656%2013.6862%2014.0224C13.6862%2013.8792%2013.7427%2013.7418%2013.8433%2013.6406C13.944%2013.5393%2014.0805%2013.4824%2014.2228%2013.4824H25.3148C25.4571%2013.4824%2025.5936%2013.5393%2025.6942%2013.6406C25.7949%2013.7418%2025.8514%2013.8792%2025.8514%2014.0224C25.8514%2014.1656%2025.7949%2014.3029%2025.6942%2014.4041C25.5936%2014.5054%2025.4571%2014.5623%2025.3148%2014.5623H25.319Z%22%20fill%3D%22%231B86EE%22%20stroke%3D%22%231B86EE%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M25.319%2010.9607H14.2228C14.0805%2010.9607%2013.944%2010.9038%2013.8433%2010.8026C13.7427%2010.7013%2013.6862%2010.564%2013.6862%2010.4208C13.6862%2010.2776%2013.7427%2010.1403%2013.8433%2010.039C13.944%209.93775%2014.0805%209.88086%2014.2228%209.88086H25.3148C25.4571%209.88086%2025.5936%209.93775%2025.6942%2010.039C25.7949%2010.1403%2025.8514%2010.2776%2025.8514%2010.4208C25.8514%2010.564%2025.7949%2010.7013%2025.6942%2010.8026C25.5936%2010.9038%2025.4571%2010.9607%2025.3148%2010.9607H25.319Z%22%20fill%3D%22%231B86EE%22%20stroke%3D%22%231B86EE%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M5.63846%2011.6814H3.48664C3.34432%2011.6814%203.20781%2011.6245%203.10717%2011.5233C3.00654%2011.422%202.95%2011.2847%202.95%2011.1415C2.95%2010.9983%203.00654%2010.861%203.10717%2010.7597C3.20781%2010.6585%203.34432%2010.6016%203.48664%2010.6016H5.63313C5.77545%2010.6016%205.91196%2010.6585%206.0126%2010.7597C6.11324%2010.861%206.16977%2010.9983%206.16977%2011.1415C6.16977%2011.2847%206.11324%2011.422%206.0126%2011.5233C5.91196%2011.6245%205.77545%2011.6814%205.63313%2011.6814H5.63846Z%22%20fill%3D%22%232A2A2A%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M6.80064%2012.9424C6.65832%2012.9424%206.52181%2012.8855%206.42117%2012.7842C6.32054%2012.6829%206.264%2012.5456%206.264%2012.4024C6.264%2012.2592%206.32054%2012.1218%206.42117%2012.0206C6.52181%2011.9193%206.65832%2011.8624%206.80064%2011.8624C7.03789%2011.8624%207.26541%2011.7677%207.43317%2011.5989C7.60093%2011.4301%207.69519%2011.2011%207.69519%2010.9624C7.69519%2010.7236%207.60093%2010.4947%207.43317%2010.3259C7.26541%2010.1571%207.03789%2010.0623%206.80064%2010.0623C6.65832%2010.0623%206.52181%2010.0054%206.42117%209.90413C6.32054%209.80287%206.264%209.66558%206.264%209.52238C6.264%209.37918%206.32054%209.24183%206.42117%209.14057C6.52181%209.03931%206.65832%208.98242%206.80064%208.98242C7.32253%208.98242%207.82307%209.19104%208.1921%209.56236C8.56113%209.93367%208.76841%2010.4372%208.76841%2010.9624C8.76841%2011.4875%208.56113%2011.9911%208.1921%2012.3624C7.82307%2012.7337%207.32253%2012.9424%206.80064%2012.9424Z%22%20fill%3D%22%232A2A2A%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M5.63846%2018.8816H3.48664C3.34432%2018.8816%203.20781%2018.8247%203.10717%2018.7235C3.00654%2018.6222%202.95%2018.4849%202.95%2018.3417C2.95%2018.1985%203.00654%2018.0612%203.10717%2017.9599C3.20781%2017.8586%203.34432%2017.8018%203.48664%2017.8018H5.63313C5.77545%2017.8018%205.91196%2017.8586%206.0126%2017.9599C6.11324%2018.0612%206.16977%2018.1985%206.16977%2018.3417C6.16977%2018.4849%206.11324%2018.6222%206.0126%2018.7235C5.91196%2018.8247%205.77545%2018.8816%205.63313%2018.8816H5.63846Z%22%20fill%3D%22%232A2A2A%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M6.80064%2020.1425C6.65832%2020.1425%206.52181%2020.0857%206.42117%2019.9844C6.32054%2019.8831%206.264%2019.7458%206.264%2019.6026C6.264%2019.4594%206.32054%2019.322%206.42117%2019.2208C6.52181%2019.1195%206.65832%2019.0626%206.80064%2019.0626C7.03789%2019.0626%207.26541%2018.9679%207.43317%2018.7991C7.60093%2018.6303%207.69519%2018.4013%207.69519%2018.1626C7.69519%2017.9238%207.60093%2017.6949%207.43317%2017.5261C7.26541%2017.3573%207.03789%2017.2625%206.80064%2017.2625C6.65832%2017.2625%206.52181%2017.2056%206.42117%2017.1043C6.32054%2017.0031%206.264%2016.8658%206.264%2016.7226C6.264%2016.5794%206.32054%2016.442%206.42117%2016.3408C6.52181%2016.2395%206.65832%2016.1826%206.80064%2016.1826C7.32253%2016.1826%207.82307%2016.3912%208.1921%2016.7626C8.56113%2017.1339%208.76841%2017.6374%208.76841%2018.1626C8.76841%2018.6877%208.56113%2019.1913%208.1921%2019.5626C7.82307%2019.9339%207.32253%2020.1425%206.80064%2020.1425Z%22%20fill%3D%22%232A2A2A%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M5.63846%2026.0818H3.48664C3.34432%2026.0818%203.20781%2026.0249%203.10717%2025.9237C3.00654%2025.8224%202.95%2025.6851%202.95%2025.5419C2.95%2025.3987%203.00654%2025.2614%203.10717%2025.1601C3.20781%2025.0588%203.34432%2025.002%203.48664%2025.002H5.63313C5.77545%2025.002%205.91196%2025.0588%206.0126%2025.1601C6.11324%2025.2614%206.16977%2025.3987%206.16977%2025.5419C6.16977%2025.6851%206.11324%2025.8224%206.0126%2025.9237C5.91196%2026.0249%205.77545%2026.0818%205.63313%2026.0818H5.63846Z%22%20fill%3D%22%232A2A2A%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M6.80064%2027.3413C6.65832%2027.3413%206.52181%2027.2844%206.42117%2027.1831C6.32054%2027.0819%206.264%2026.9445%206.264%2026.8013C6.264%2026.6581%206.32054%2026.5208%206.42117%2026.4195C6.52181%2026.3183%206.65832%2026.2614%206.80064%2026.2614C7.03789%2026.2614%207.26541%2026.1666%207.43317%2025.9978C7.60093%2025.829%207.69519%2025.6%207.69519%2025.3613C7.69519%2025.1226%207.60093%2024.8936%207.43317%2024.7248C7.26541%2024.556%207.03789%2024.4612%206.80064%2024.4612C6.65832%2024.4612%206.52181%2024.4043%206.42117%2024.3031C6.32054%2024.2018%206.264%2024.0645%206.264%2023.9213C6.264%2023.7781%206.32054%2023.6408%206.42117%2023.5395C6.52181%2023.4382%206.65832%2023.3813%206.80064%2023.3813C7.32253%2023.3813%207.82307%2023.59%208.1921%2023.9613C8.56113%2024.3326%208.76841%2024.8362%208.76841%2025.3613C8.76841%2025.8864%208.56113%2026.39%208.1921%2026.7613C7.82307%2027.1327%207.32253%2027.3413%206.80064%2027.3413Z%22%20fill%3D%22%232A2A2A%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3Cpath%20d%3D%22M33.5482%2037.9622H6.17676C5.60734%2037.9622%205.06122%2037.7346%204.65858%2037.3295C4.25593%2036.9243%204.02975%2036.3748%204.02975%2035.8019C4.02975%2035.2289%204.25593%2034.6795%204.65858%2034.2743C5.06122%2033.8692%205.60734%2033.6416%206.17676%2033.6416H33.5482C33.6905%2033.6416%2033.827%2033.6985%2033.9277%2033.7997C34.0283%2033.901%2034.0849%2034.0384%2034.0849%2034.1816C34.0849%2034.3248%2034.0283%2034.462%2033.9277%2034.5633C33.827%2034.6646%2033.6905%2034.7215%2033.5482%2034.7215H6.17676C5.89212%2034.7215%205.6191%2034.8352%205.41783%2035.0377C5.21656%2035.2403%205.10348%2035.515%205.10348%2035.8014C5.10348%2036.0878%205.21656%2036.3624%205.41783%2036.5649C5.6191%2036.7674%205.89212%2036.8812%206.17676%2036.8812H33.5482C33.6905%2036.8812%2033.827%2036.9381%2033.9277%2037.0394C34.0283%2037.1406%2034.0849%2037.278%2034.0849%2037.4212C34.0849%2037.5644%2034.0283%2037.7017%2033.9277%2037.803C33.827%2037.9042%2033.6905%2037.9611%2033.5482%2037.9611V37.9622Z%22%20fill%3D%22%232A2A2A%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%220.2%22/%3E%3C/svg%3E");}
.data_container .sbmain_ai .skill_sec .skill_doc .tit {font-weight: 700; font-size: 1.5rem; line-height: 2rem; color: #111; word-break: keep-all;}
.data_container .sbmain_ai .skill_sec .skill_doc .btn_group {display: flex; gap: 0.5rem; width: 100%; margin-top: 1.125rem;}
.data_container .sbmain_ai .skill_sec .skill_doc .btn_group button {display: flex; justify-content: center; align-items: center; flex:1 1 auto; width: 100%; height: 2.8125rem; border-radius: 4px; border:1px solid #ccc; background-color: #fff; color: #111; font-size: 1.125rem; line-height: 1.25rem; gap: 0.25rem;}
.data_container .sbmain_ai .skill_sec .skill_doc .btn_group button::before {content:''; display: block; width: 1.25rem; height: 1.25rem; background: no-repeat center center / contain;}
.data_container .sbmain_ai .skill_sec .skill_doc .btn_group .btn_preview::before { background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2695_24131' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='2' width='21' height='17'%3E%3Crect x='0.25' y='2.5' width='20' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2695_24131)'%3E%3Cpath d='M10.2508 15.5C6.94175 15.5 4.14175 12.836 2.83275 10.25C4.14175 7.664 6.94175 5 10.2508 5C13.5598 5 16.3597 7.664 17.6688 10.25C16.3597 12.836 13.5598 15.5 10.2508 15.5ZM19.1847 9.938C17.7078 6.734 14.3758 3.5 10.2508 3.5C6.12575 3.5 2.79375 6.734 1.31675 9.938C1.22775 10.137 1.22775 10.363 1.31675 10.562C2.79375 13.766 6.12575 17 10.2508 17C14.3758 17 17.7078 13.766 19.1847 10.562C19.2738 10.363 19.2738 10.137 19.1847 9.938Z' fill='%23606060'/%3E%3Cpath d='M10.0009 12.5C9.09091 12.5 8.27091 11.953 7.92291 11.109C7.57491 10.27 7.76691 9.301 8.41091 8.66C9.05191 8.016 10.0209 7.824 10.8599 8.172C11.7039 8.52 12.2509 9.34 12.2509 10.25C12.2509 11.492 11.2429 12.5 10.0009 12.5ZM10.0009 6.5C8.48491 6.5 7.11791 7.414 6.53591 8.816C5.95391 10.215 6.27791 11.828 7.34891 12.902C8.42291 13.973 10.0359 14.297 11.4349 13.715C12.8369 13.133 13.7509 11.766 13.7509 10.25C13.7469 8.18 12.0709 6.504 10.0009 6.5Z' fill='%23606060'/%3E%3C/g%3E%3C/svg%3E%0A");}
.data_container .sbmain_ai .skill_sec .skill_doc .btn_group .btn_download::before {background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2695_24106' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='2' y='3' width='17' height='15'%3E%3Crect x='2.75' y='3.5' width='16' height='14' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2695_24106)'%3E%3Cpath d='M17.75 11.5C17.4844 11.5 17.23 11.6051 17.0424 11.7924C16.8551 11.98 16.75 12.2344 16.75 12.5V15.5H4.75V12.5C4.75 11.948 4.302 11.5 3.75 11.5C3.198 11.5 2.75 11.948 2.75 12.5V16.5C2.75 16.7656 2.85511 17.02 3.04244 17.2076C3.23 17.3949 3.48444 17.5 3.75 17.5H17.75C18.0156 17.5 18.27 17.3949 18.4576 17.2076C18.6449 17.02 18.75 16.7656 18.75 16.5V12.5C18.75 12.2344 18.6449 11.98 18.4576 11.7924C18.27 11.6051 18.0156 11.5 17.75 11.5Z' fill='%23606060'/%3E%3Cpath d='M10.0427 13.2067C10.2303 13.3949 10.4838 13.5 10.7494 13.5C11.0149 13.5 11.2685 13.3949 11.4561 13.2067L14.4561 10.2067C14.8354 9.81422 14.8301 9.19089 14.4438 8.80556C14.0585 8.41933 13.4352 8.414 13.0427 8.79333L11.7494 10.086V4.5C11.7494 3.948 11.3014 3.5 10.7494 3.5C10.1974 3.5 9.7494 3.948 9.7494 4.5V10.086L8.45606 8.79244C8.06362 8.41311 7.44028 8.41933 7.05495 8.80556C6.66873 9.19089 6.6634 9.81422 7.04273 10.2067L10.0427 13.2067Z' fill='%23606060'/%3E%3C/g%3E%3C/svg%3E%0A");}
.data_container .sbmain_ai .modelinfo{display: none; background: linear-gradient(180deg, #74D8E4 100%, #53A4C5 0%);}
.data_container .sbmain_ai .modelinfo.on {display: block;}
.data_container .sbmain_ai .modelinfo .inner {padding: 8.75rem 3rem;}
.data_container .sbmain_ai .modelinfo_wrap {padding: 3.75rem; background-color: #fff; border-radius: 2.5rem; box-shadow: 0px 1.625rem 2.5rem rgba(0, 0, 0, 0.13);}
.data_container .sbmain_ai .modelinfo_header {text-align: center;}
.data_container .sbmain_ai .modelinfo_header .title {font-weight: 700; font-size: 2.5rem; line-height: 3.5rem;}
.data_container .sbmain_ai .modelinfo_header .explain {margin-top: 0.75rem; font-weight: 400; font-size: 1.125rem; line-height: 1.625rem;}
.data_container .sbmain_ai .modelinfo_video {max-width: 56.875rem; width: 100%; aspect-ratio: 910/512; margin: 1.875rem auto 0; border-radius: 1.75rem; overflow: hidden;}
.data_container .sbmain_ai .modelinfo_video video {width: 100%; height: 100%; object-fit: cover; vertical-align: top;}
.data_container .sbmain_ai .modelinfo_video .btn_play {width: 5rem; height: 5rem; border-radius: 50%;}
.data_container .sbmain_ai .modelinfo_video .btn_play::before {width: 100%; height: 100%; background-size: 3rem auto;}
.data_container .sbmain_ai .modelinfo_summary {max-width: 52rem; margin: 1.875rem auto 0; text-align: center; word-break: keep-all;}
.data_container .sbmain_ai .modelinfo_summary .title {font-weight: 700; font-size: 1.5rem; line-height: 2.125rem; color: #458FF6;}
.data_container .sbmain_ai .modelinfo_summary .expain {margin-top: 0.75rem; font-weight: 400; font-size: 1.125rem; line-height: 1.625rem; color: #666;}
.data_container .sbmain_ai .pagination {display: flex; justify-content: center; align-items: center; margin-top: 2.5rem;}
.data_container .sbmain_ai .pagination a {display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; background: no-repeat center center / contain;}
.data_container .sbmain_ai .pagination .pg_number {padding-top: 0.2rem; border-radius: 0.5rem;}
.data_container .sbmain_ai .pagination .pg_next,
.data_container .sbmain_ai .pagination .pg_number {margin-left: 0.625rem;}
.data_container .sbmain_ai .pagination .pg_number.is_current {background-color: #458FF6; color: #000; font-weight: 500; font-size: 1rem; color: #fff;}
.data_container .sbmain_ai .pagination .pg_last,
.data_container .sbmain_ai .pagination .pg_first {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5049 20.495L19.8049 24.795C19.9361 24.9263 20.1142 25.0001 20.2999 25.0001C20.4855 25.0001 20.6636 24.9263 20.7949 24.795C20.9261 24.6638 20.9999 24.4857 20.9999 24.3C20.9999 24.1144 20.9261 23.9363 20.7949 23.805L16.9899 19.995L20.7899 16.195C20.9211 16.0638 20.9949 15.8857 20.9949 15.7C20.9949 15.5144 20.9211 15.3363 20.7899 15.205C20.6586 15.0738 20.4805 15 20.2949 15C20.1092 15 19.9311 15.0738 19.7999 15.205L15.5049 19.495C15.4398 19.56 15.3883 19.6372 15.3531 19.7221C15.3179 19.8071 15.2998 19.8981 15.2998 19.99C15.2998 20.082 15.3179 20.173 15.3531 20.2579C15.3883 20.3429 15.4398 20.42 15.5049 20.485V20.495Z' fill='%2372787F'/%3E%3Cpath d='M19.2051 20.495L23.5051 24.795C23.6363 24.9263 23.8144 25.0001 24.0001 25.0001C24.1857 25.0001 24.3638 24.9263 24.4951 24.795C24.6263 24.6638 24.7001 24.4857 24.7001 24.3C24.7001 24.1144 24.6263 23.9363 24.4951 23.805L20.6901 19.995L24.4901 16.195C24.6213 16.0638 24.6951 15.8857 24.6951 15.7C24.6951 15.5144 24.6213 15.3363 24.4901 15.205C24.3588 15.0738 24.1807 15 23.9951 15C23.8094 15 23.6313 15.0738 23.5001 15.205L19.2051 19.495C19.14 19.56 19.0885 19.6372 19.0533 19.7221C19.0181 19.8071 19 19.8981 19 19.99C19 20.082 19.0181 20.173 19.0533 20.2579C19.0885 20.3429 19.14 20.42 19.2051 20.485V20.495Z' fill='%2372787F'/%3E%3C/svg%3E%0A");}
.data_container .sbmain_ai .pagination .pg_next,
.data_container .sbmain_ai .pagination .pg_prev {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.355 20.495L21.655 24.795C21.7862 24.9263 21.9643 25.0001 22.15 25.0001C22.3356 25.0001 22.5137 24.9263 22.645 24.795C22.7762 24.6638 22.85 24.4857 22.85 24.3C22.85 24.1144 22.7762 23.9363 22.645 23.805L18.84 19.995L22.64 16.195C22.7712 16.0638 22.845 15.8857 22.845 15.7C22.845 15.5144 22.7712 15.3363 22.64 15.205C22.5087 15.0738 22.3306 15 22.145 15C21.9593 15 21.7812 15.0738 21.65 15.205L17.355 19.495C17.2899 19.56 17.2384 19.6372 17.2032 19.7221C17.168 19.8071 17.1499 19.8981 17.1499 19.99C17.1499 20.082 17.168 20.173 17.2032 20.2579C17.2384 20.3429 17.2899 20.42 17.355 20.485V20.495Z' fill='%2372787F'/%3E%3C/svg%3E%0A");}
.data_container .sbmain_ai .pagination .pg_next,
.data_container .sbmain_ai .pagination .pg_last {transform: rotate(180deg);}
.data_container .sbmain_ai .pagination a.is_disabled {opacity: 0.5;}

/* 교과서 소개 */
.sbmain_container .inner {display: flex;flex-direction: column;align-items: center; box-sizing: border-box;}
.sbmain_container .inner > div {max-width:1280px; margin: 0 auto;}
.sbmain_container .sbmain_sec1 {position: relative;background: #F8F8F8; height: 47.5rem; padding: 12.5rem 0 50px 0; background: linear-gradient(112deg,#FE6D5F 0%,#FE9467 100%);}
.sbmain_container .sbmain_sec1::after {content:''; position: absolute; left: 50%; bottom: -3.6rem; display: block; width: 56.25rem; height: 30.5rem; background: url('../img/sbmain/img_sbmain0_obj01.png') no-repeat center center / contain; transform: translateX(-50%);}
.sbmain_container .sbmain_sec1 .sb_header {text-align: center;}
.sbmain_container .sbmain_sec1 .sb_header h1 {color: #fff;font-size: 3.4375rem;font-weight: 800;line-height: 140%;}
.sbmain_container .sbmain_sec1 .sb_header p {margin-top: 0.8rem; color: #fff;font-size: 1.25rem;font-weight: 400;line-height: 140%;}
.sbmain_container .sbmain_sec2 {padding-top: 7.5rem; padding-bottom: 7.5rem; background-color: #f8f8f8;}
.sbmain_container .sbmain_sec2 .sb_sec {position: relative; z-index: 10; width: 100%; margin-top: 7.5rem;}
.sbmain_container .sbmain_sec2 .sb_sec:first-child {margin-top: 0;}
.sbmain_container .sbmain_sec2 .sb_sec .only-mobile {display: none;}
.sbmain_container .sbmain_sec2 .sb_sec .sb_header h2 {font-weight: 800; font-size: 2.75rem; line-height: 100%; color: #000;}
.sbmain_container .sbmain_sec2 .sb_sec .btn_moreview {white-space: nowrap;position: absolute;left: 50%;bottom: 37px;transform: none;border: 2px solid #FD6E5F;border-radius: 100px;font-size: 1.125rem;font-weight: 500;color: #FD6E5F;display: flex;align-items: center;justify-content: center;padding: 0 20px;height: 50px;}
.sbmain_container .sbmain_sec2 .sb_sec .btn_moreview:after {content: "";display: block;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='그룹_19830' data-name='그룹 19830' transform='translate(-1518)'%3E%3Crect id='사각형_24323' data-name='사각형 24323' width='12' height='12' transform='translate(1518)' fill='none'/%3E%3Cpath id='패스_24818' data-name='패스 24818' d='M0,0,4,4,0,8' transform='translate(1522.577 1.5)' fill='none' stroke='%23fd6e5f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;width: 12px;height: 12px;}
.sbmain_container .sbmain_sec2 .sb_sec .btn_moreview:hover {background: transparent linear-gradient(180deg,#FE6D5F 0%,#FE9467 100%) 0% 0% no-repeat padding-box;color: #fff;}
.sbmain_container .sbmain_sec2 .sb_sec .btn_moreview:hover:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='그룹_19830' data-name='그룹 19830' transform='translate(-1518)'%3E%3Crect id='사각형_24323' data-name='사각형 24323' width='12' height='12' transform='translate(1518)' fill='none'/%3E%3Cpath id='패스_24818' data-name='패스 24818' d='M0,0,4,4,0,8' transform='translate(1522.577 1.5)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") !important;}

.sbmain_container .sbmain_sec2 .sb_sec .sb_header h2 span {display: inline-block; background: linear-gradient(0deg,#FD5D4D 0.5rem,transparent calc(0.5rem + 1px)); background-size: 0.5rem;}
.sbmain_container .sbmain_sec2 .book_bx {display: grid; grid-template-columns: 2fr 1fr;gap: 1.375rem;align-items: stretch;width: 100%;position: relative;z-index: 2;margin-top: 5.4375rem;}
.sbmain_container .sbmain_sec2 .bookbox_g {position: relative; display: flex;align-items: center;gap: 18px;background: #fff;border-radius: 30px;padding: 4.5rem 1.25rem 1.25rem 1.25rem;;box-shadow: 0px 3px 6px #00000029;flex-direction: column;width: 100%;}
.sbmain_container .sbmain_sec2 .bookbox_g h3 {display: flex;align-items: center;justify-content: center; position: absolute;left: 50%;top:-2rem; width: 13.75rem; max-width: 80%; height: 4rem;background: transparent linear-gradient(180deg,#FD5D4D 0%,#FF7F55 100%);flex: none;border-radius: 100px; transform: translate(-50%,0); color: #111111;font-size: 1.25rem;display: flex;align-items: center;word-break: keep-all;}
.sbmain_container .sbmain_sec2 .bookbox_g h3>strong {color: #fff;font-size: 1.75rem;font-weight: 700;}
.sbmain_container .sbmain_sec2 .bookbox_g .book_box {display: flex; overflow: hidden; background: #FFF6ED;border-radius: 20px;display: flex;flex-direction: column;align-items: center;padding: 2.5rem 1.25rem 1.125rem 1.25rem; width: 100%;height: 100%; justify-content: flex-start;position: relative;border: 2px solid rgba(255,255,255,0);}
.sbmain_container .sbmain_sec2 .bookbox_g .book_g {flex-direction: row;background: #fff;border-radius: 20px;display: flex;align-items: center;width: 100%;height: 100%;justify-content: center;gap: 18px;}
.sbmain_container .sbmain_sec2 .bookbox_g .img_g {display: flex;justify-content: center;gap: 0;max-width: 100%; overflow: hidden; width: 220px;}
.sbmain_container .sbmain_sec2 .bookbox_g .img_g .img {aspect-ratio: 1/1;line-height: 0;overflow: hidden; width: 100%;}
.sbmain_container .sbmain_sec2 .bookbox_g .img_g .img img {width: 100%;}
.sbmain_container .sbmain_sec2 .bookbox_g .detail_g {margin-top: 1.125rem; padding: 0; text-align: center;}
.sbmain_container .sbmain_sec2 .bookbox_g .tit {margin-bottom: 2.4rem; color: #111111;font-weight: 700;font-size: 1.5rem;text-align: center;}
.sbmain_container .sbmain_sec2 .bookbox_g .desc {font-size: 1.125rem;color: #333;word-break: keep-all;}
.sbmain_container .sbmain_sec2 .bookbox_g .book_box .btn_group {display: flex; gap: 1.5rem; width: 100%; margin-top: auto; padding: 1.5rem 1rem 0 1rem; transition: .3s; opacity: 0; transform: translate(0, 150%);}
.sbmain_container .sbmain_sec2 .bookbox_g .book_box .btn_moreview {position: static; width: 100%; gap: 0.25rem; box-sizing: border-box; background: transparent linear-gradient(180deg,#FE6D5F 0%,#FE9467 100%) 0% 0% no-repeat padding-box;color: #fff;border: none; transform: none;}
.sbmain_container .sbmain_sec2 .bookbox_g .book_box .btn_moreview:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg transform='translate(-1518)'%3E%3Crect id='사각형_24323' data-name='사각형 24323' width='12' height='12' transform='translate(1518)' fill='none'/%3E%3Cpath d='M0,0,4,4,0,8' transform='translate(1522.577 1.5)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") !important;}
.sbmain_container .sbmain_sec2 .bookbox_g .book_box:hover {border: 2px solid #FD9567;}
.sbmain_container .sbmain_sec2 .bookbox_g .book_box:hover .btn_group {opacity: 1;transform: translate(0,0);}
.sbmain_container .sbmain_sec2 .sb_sec.ele .bookbox_g .book_box {padding-left: 1.125rem; padding-right: 1.125rem;}
.sbmain_container .sbmain_sec2 .sb_sec.ele .bookbox_g .img_g {width: 100%;}
.sbmain_container .sbmain_sec2 .sb_sec.ele .bookbox_g .tit {margin-bottom: 1.125rem;}
.sbmain_container .sbmain_sec2 .sb_sec.ele .bookbox_g .detail_g {padding: 0 1rem;}
.sbmain_container .sbmain_sec2 .sb_sec.mid .sb_header h2 span {background: linear-gradient(0deg,#74D8E4 0.5rem,transparent calc(0.5rem + 1px));}
.sbmain_container .sbmain_sec2 .sb_sec.mid .bookbox_g .tit {margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 2rem;}
.sbmain_container .sbmain_sec2 .sb_sec.mid .book_bx {grid-template-columns: 2fr 1fr 1fr;}
.sbmain_container .sbmain_sec2 .sb_sec.mid .bookbox_g .detail_g .desc {font-size: 1rem; line-height: 1.625rem;}
.sbmain_container .sbmain_sec2 .sb_sec.mid .bookbox_g h3 {background: transparent linear-gradient(180deg,#4293B7 0%,#60CDDC 100%);}
.sbmain_container .sbmain_sec2 .sb_sec.mid .bookbox_g .book_box {padding-left: 1.25rem; padding-right: 1.25rem;; background: #E1F7F8;}
.sbmain_container .sbmain_sec2 .sb_sec.mid .book_box .btn_moreview {background: transparent linear-gradient(106deg,#53A4C5 0%,#74D8E4 100%) 0% 0% no-repeat padding-box;border: none;}
.sbmain_container .sbmain_sec2 .sb_sec.mid .book_box:hover {border: 2px solid #71D3E1;}
.sbmain_container .sbmain_sec2 .sb_sec.hi .sb_header h2 span {background: linear-gradient(0deg,#3DAC6D 0.5rem,transparent calc(0.5rem + 1px));}
.sbmain_container .sbmain_sec2 .sb_sec.hi .bookbox_g {padding: 4.5rem 1.25rem 1.25rem 1.25rem;}
.sbmain_container .sbmain_sec2 .sb_sec.hi .bookbox_g .tit {margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 2rem;}
.sbmain_container .sbmain_sec2 .sb_sec.hi .book_bx {grid-template-columns: 2fr 1fr 1fr;}
.sbmain_container .sbmain_sec2 .sb_sec.hi .bookbox_g .detail_g .desc {font-size: 1rem; line-height: 1.625rem;}
.sbmain_container .sbmain_sec2 .sb_sec.hi .bookbox_g h3 {background: transparent linear-gradient(180deg,#3DAC6D 0%,#42CA9A 100%);}
.sbmain_container .sbmain_sec2 .sb_sec.hi .bookbox_g .book_box {padding-left: 1.25rem; padding-right: 1.25rem; background: #E5F7EE;}
.sbmain_container .sbmain_sec2 .sb_sec.hi .book_box .btn_moreview {background: transparent linear-gradient(90deg,#4DB97D 0%,#55D6AC 100%) 0% 0% no-repeat padding-box;border: none;}
.sbmain_container .sbmain_sec2 .sb_sec.hi .book_box:hover {border: 2px solid #4DB97D;}
.sbmain_container .copy_bx {width: 100%;max-width: 1280px;font-weight: 500;color: #867E8C;font-size: 2.5rem;}
.sbmain_container .copy_bx em {color: #000;font-style: normal;}
.sbmain_container .copy_bx strong {color: #111;position: relative;z-index: 2;font-weight: 800;}
.sbmain_container .copy_bx strong:before {content: "";display: block;position: absolute;left: 0;bottom: 0;height: 12px;background: #00FF31;width: 100%;z-index: -1;}
.sbmain_container .copy_bx p+p {margin-top: 10px;}
.sbmain_container .sbmain_sec3 {background: #5B42C6;padding: 120px 0 140px 0;}
.sbmain_container .sbmain_sec3 .inner {max-width: 100%;}
.sbmain_container .sbmain_sec3 .inner>* {width: 100%;max-width: 1280px;}
.sbmain_container .sbmain_sec3 .copy_bx {margin-bottom: 5rem; color: #D6D6D6;}
.sbmain_container .sbmain_sec3 .copy_bx strong {color: #fff;}
.sbmain_container .sbmain_sec3 .copy_bx strong:before {background: #DD1FF6;}
.sbmain_container .sbmain_sec3 .card_bx li {background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20.914' viewBox='0 0 20 20.914'%3E%3Cg id='icon_arrow' transform='translate(-181 -111)'%3E%3Crect width='20' height='20' transform='translate(181 111)' fill='%23fff' opacity='0'/%3E%3Cpath d='M7.5,16.5h18m-9-9,9,9-9,9' transform='translate(174.5 105)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat right 22px bottom 20px;}
.sbmain_container [class^="object_"] {background: url("../img/sbmain/object1.png") no-repeat 50% 50%;animation-name: object1;animation-duration: 5s;animation-direction: normal;animation-iteration-count: infinite;position: absolute;z-index: 3;border-radius: 100%;background-size: cover;}
.sbmain_container .diagram {position: relative;width: 100%;margin: 80px 0;}
.sbmain_container .diagram .diagram_inner {display: flex;width: 100%;justify-content: space-between;position: relative;}
.sbmain_container .diagram_inner:after,
.sbmain_container .t:before,
.sbmain_container .s:after,
.sbmain_container .diagram_inner:before,
.sbmain_container .t:after,
.sbmain_container .s:before,
.sbmain_container .desc1,
.sbmain_container .desc2 {filter: grayscale(1);animation-direction: normal;animation-iteration-count: infinite;}
.sbmain_container .t {animation-name: dg-t;animation-duration: 4s;animation-direction: normal;animation-delay: 0;animation-iteration-count: infinite;}
.sbmain_container .diagram_inner:after,
.sbmain_container .t:before,
.sbmain_container .s:after,
.sbmain_container .desc1 {animation-name: dg-line1;animation-duration: 4s;animation-direction: normal;animation-delay: 1s;}
.sbmain_container .s {animation-name: dg-s;animation-duration: 4s;animation-direction: normal;animation-delay: 2s;animation-iteration-count: infinite;}
.sbmain_container .diagram_inner:before,
.sbmain_container .t:after,
.sbmain_container .s:before,
.sbmain_container .desc2 {animation-name: dg-line1;animation-duration: 4s;animation-direction: normal;animation-delay: 4s;}
@keyframes dg-t {0% {		 border: 2px solid #867E8C;		 box-shadow: 0px 3px 6px rgba(0,0,0,0);	}25% {		 border: 2px solid #DD1FF6;		 box-shadow: 0px 3px 6px rgba(0,0,0,0.16);	}50% {		 border: 2px solid #DD1FF6;		 box-shadow: 0px 3px 6px rgba(0,0,0,0.16);	}75% {		 border: 2px solid #867E8C;		 box-shadow: 0px 3px 6px rgba(0,0,0,0);	}100% {		 border: 2px solid #867E8C;		 box-shadow: 0px 3px 6px rgba(0,0,0,0);	}}
@keyframes dg-s {0% {		 border: 2px solid #867E8C;		 box-shadow: 0px 3px 6px rgba(0,0,0,0);	}25% {		 border: 2px solid #7562F9;		 box-shadow: 0px 3px 6px rgba(0,0,0,0.16);	}50% {		 border: 2px solid #7562F9;		 box-shadow: 0px 3px 6px rgba(0,0,0,0.16);	}70% {		 border: 2px solid #867E8C;		 box-shadow: 0px 3px 6px rgba(0,0,0,0);	}100% {		 border: 2px solid #867E8C;		 box-shadow: 0px 3px 6px rgba(0,0,0,0);	}}
@keyframes dg-line1 {0% {		 filter: grayscale(1);	}25% {		 filter: grayscale(0);	}50% {		 filter: grayscale(0);	}75% {		 filter: grayscale(1);	}100% {		 filter: grayscale(1);	}}
.sbmain_container .digtab_w .txtbox {color: #606060;font-size: 1.125rem;display: flex;justify-content: center;}
.sbmain_container .digtab_w .txtbox ul {display: flex;flex-direction: column;gap: 10px;}
.sbmain_container .digtab_w .txtbox li {display: inline-flex;align-items: center;gap: 10px;text-align: center;}
.sbmain_container .digtab_w .txtbox li:before {content: "";display: block;width: 4px;height: 4px;background: #606060;}

.sbmain_container .object_1 {width: 180px;height: 180px;right: calc(50% + 615px);top: 650px;animation-duration: 6s;transform: rotate(45deg);background-image: url("../img/sbmain/object2.png");}
.sbmain_container .object_2 {width: 70px;height: 70px;right: calc(50% + 786px);top: 815px;animation-delay: 2s;transform: rotate(0deg);background-image: url("../img/sbmain/object2.png");filter: blur(4px);animation-duration: 8s;}
.sbmain_container .object_3 {width: 40px;height: 40px;right: 6vw;top: 900px;animation-delay: 2s;background-image: url("../img/sbmain/object1.png");filter: blur(4px);animation-duration: 8s;animation-name: object2;}
.sbmain_container .object_4 {width: 240px;height: 240px;left: calc(50% + 543px);top: 940px;animation-duration: 5s;background-image: url("../img/sbmain/object1.png");animation-name: object2;z-index: 1;}
.sbmain_container .object_5 {width: 120px;height: 120px;left: calc(50% + 777px); top: 420px;animation-delay: 2s;background-image: url("../img/sbmain/object3.png");filter: blur(1px);animation-duration: 8s;animation-name: object2;}
.sbmain_container .object_6 {width: 380px;height: 380px;right: calc(50% + 314px);top: -180px;}
@keyframes object1 {
	0% {transform: translate(0,0);		 animation-timing-function: cubic-bezier(.25,.46,.45,.94);	}
	25% {transform: translate(0,-30px);		 animation-timing-function: cubic-bezier(.55,.085,.68,.53);	}
	50% {transform: translate(0,0);		 animation-timing-function: cubic-bezier(.25,.46,.45,.94);	}
	75% {transform: translate(0,30px);		 animation-timing-function: cubic-bezier(.55,.085,.68,.53);	}
	100% {transform: translate(0,0);	}}
@keyframes object2 {
	0% {transform: translate(0,0) rotate(45deg);animation-timing-function: cubic-bezier(.25,.46,.45,.94);	}
	25% {transform: translate(0,-30px) rotate(45deg);animation-timing-function: cubic-bezier(.55,.085,.68,.53);	}
	50% {transform: translate(0,0);animation-timing-function: cubic-bezier(.25,.46,.45,.94);	}
	75% {transform: translate(0,30px) rotate(45deg);animation-timing-function: cubic-bezier(.55,.085,.68,.53);	}
	100% {transform: translate(0,0) rotate(45deg);}
}

/* 교과서 상세 */
.sb_sec2 {background: #F8F8F8;}
.sb_sec2 .inner {display: flex;flex-direction: column;gap: 80px;padding-top: 120px;padding-bottom: 120px;align-items: center;}
.sb_sec2 h3 {font-size: 2.5rem;font-weight: 700;color: #111;}
.sb_sec2 .inner>div {display: flex;flex-direction: column;gap: 50px;max-width: 1280px;width: 100%;}
.sb_sec2 .writer_bx {display: flex;width: 100%;gap: 1px;}
.sb_sec2 .writer_bx>div {background: #FFFFFF;box-shadow: 0px 3px 6px #00000029;border-radius: 20px;padding: 40px 40px 50px 40px;}
.sb_sec2 .writer_main_box {width: 420px;display: flex;flex-direction: column;align-items: center;flex: none;padding: 40px 50px 50px 50px;gap: 30px;position: relative;}
.sb_sec2 .writer_main_box:after {display: block;content: "";width: 10px;height: calc(100% - 40px); background: #fff;position: absolute;right: 0;top: 20px;z-index: 2;}
.sb_sec2 .writer {display: flex;flex-direction: column;gap: 10px;}
.sb_sec2 .writer dt {font-size: 1.25rem;color: #111;display: flex;align-items: center;white-space: nowrap;gap: 12px;font-weight: 700;}
.sb_sec2 .writer dt>strong {font-size: 2.125rem;font-weight: 600;}
.sb_sec2 .writer dd {color: #333;font-size: 1.25rem;font-weight: 500;display: flex;flex-direction: column;gap: 14px;word-break: keep-all;}
.sb_sec2 .writer ul {display: flex;flex-direction: column;gap: 10px;}
.sb_sec2 .writer li {color: #606060;font-size: 1.125rem;font-weight: 400;display: flex;align-items: flex-start;gap: 10px;word-break: keep-all;}
.sb_sec2 .writer li:before {content: "";width: 4px;height: 4px;border-radius: 100%;background: #606060;margin-top: 0.52rem;}
.sb_sec2 .writer_box {width: 100%;display: flex;flex-wrap: wrap;padding: 50px 70px;gap: 20px;position: relative;align-content: flex-start;}
.sb_sec2 .writer_box:after {display: block;content: "";width: 10px;height: calc(100% - 40px); background: #fff;position: absolute;left: 0;top: 20px;z-index: 2;}
.sb_sec2 .writer_box .writer {width:calc(33.3% - 14px); flex: none;}
.sb_sec2 .writer_box .writer.w_wide {width: calc(33.3% + 60px)}
.sb_sec2 .writer_box .writer dt {font-size: 1.5rem;}
.sb_sec2 .writer_box dd {color: #606060;font-size: 1rem;font-weight: 400;}
.sb_sec2 .writer_bx>div.writer_box {padding: 50px 70px;}
.sb_sec2 .pic {width: 200px;height: 200px;background: #FD9567;overflow: hidden;border-radius: 100%;}
.sb_sec2 .partner_box {width: 100%;}
.sb_sec2 .partner_box>li {box-shadow: 0px 3px 6px rgba(0,0,0,0.16);border-radius: 20px;display: flex;padding: 50px;width: 100%;flex-direction: column;gap: 20px;padding-top: 70px;}
.sb_sec2 .partner_box a {display: flex;flex-direction: column;gap: 20px;}
.sb_sec2 .partner_box>li.full {padding-top: 50px;}
.sb_sec2 .partner_box>li.full, .sb_sec2 .partner_box .full a {gap: 60px;align-items: center;flex-direction: row;width: 100%;display: flex;}
.sb_sec2 .partner_box .logo {flex: none;align-items: center;display: flex;position: absolute;right: 40px;top: 46px;width: auto;height: auto;justify-content: flex-end;}
.sb_sec2 .partner_box .full .logo {width: 180px;height: 88px;flex: none;justify-content: center;align-items: center;display: flex;		position: relative;left: auto;right: auto;top: auto;}
.sb_sec2 .partner_box .card_head {display: flex;flex-direction: column;gap: 14px;max-width: 320px;}
.sb_sec2 .partner_box .card_head h3 {font-size: 1.5rem;}
.sb_sec2 .partner_box .card_head .desc {font-size: 1.125rem;font-weight: 400;color: #333;}
.sb_sec2 .partner_box .card_content .detail {flex-direction: column;gap: 6px;}
.sb_sec2 .partner_box .card_content .detail li {padding: 0;gap: 10px;color: #606060;font-size: 1rem;display: flex;align-items: center;flex-direction: row;position: relative;padding-left: 14px;word-break: keep-all;}
.sb_sec2 .partner_box .card_content .detail li:before {content: "";display: block;width: 4px;height: 4px;border-radius: 100%;background: #606060;flex: none;position: absolute;left: 0;top: 0.46rem;}
.sb_sec3 {background: transparent linear-gradient(161deg,#A359E0 0%,#5263C3 100%);}
.sb_sec3 .inner {display: flex;flex-direction: column;margin: 0 auto;align-items: center;padding-top: 120px;padding-bottom: 120px;gap: 50px;}
.sb_sec3 .inner>* {width: 100%;max-width: 1280px;}
.sb_sec3 .sb_header h3 {color: #fff;font-size: 2.5rem;font-weight: 700;text-align: center;}
.sb_sec3 .tab_bx {width: 100%;max-width: 1280px;}
.sb_sec3 .tab_bx .tabs {gap: 10px;}
.sb_sec3 .tab_bx .tab {border-radius: 20px 20px 0 0;background: #5C52C9;height: 90px;width: 100%;font-size: 1.25rem;color: #fff;padding: 18px 30px 18px 54px;overflow: hidden;position: relative;display: flex;align-items: flex-start;justify-content: flex-start;text-align: left;font-weight: 500;word-break: keep-all;line-height: 1.4;}
.sb_sec3 .tab_bx .tab.on {background: #fff;color: #111;font-weight: 700;}
.sb_sec3 .tab_bx .tab >span {position: absolute;left: 18px;top: 18px;font-size: 1rem;color: #ACA0FF;font-weight: 500;}
.sb_sec3 .tab_bx .tab.on>Span {color: #7562F9;}
.sb_sec3 .tab_bx .tab_content_g {background: #fff;padding: 40px 00px;width: 100%;overflow: hidden;position: relative;}
.sb_sec3 .tab_bx .tab_content {z-index: 1;}
.sb_sec3 .tab_bx .benefit_g >ul>li {flex-direction: column;gap: 30px;align-items: center;max-width: 100%;overflow: hidden;padding: 0 100px;}
.sb_sec3 .tab_bx .benefit_g .card_head {display: flex;flex-direction: column;gap: 24px;align-items: center;justify-content: flex-start;font-size: 1rem;color: #333;}
.sb_sec3 .tab_bx .benefit_g .card_head h4 {height: 37px;align-items: center;justify-content: center;padding: 0 20px;background: transparent linear-gradient(88deg,#DD1FF6 0%,#221FF6 100%);border-radius: 100px;color: #fff;font-size: 1.125rem;font-weight: 700;width: auto;display: flex;}
.sb_sec3 .tab_bx .card_content {border: 1px solid #E5E5E5;border-radius: 20px;width: 100%;height: 540px;overflow: hidden;margin-top: 30px;position: relative;}
.sb_sec3 .tab_bx .img {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;}
.sb_sec3 .tab_bx .img:hover {--zoom: 2;}
.sb_sec3 .tab_bx .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(var(--zoom,1));transform-origin: var(--x) var(--y);transition: transform 0.3s ease;}
.sb_sec3 .tab_bx .prv_btn, .sb_sec3 .tab_bx .next_btn {position: absolute;z-index: 2;left: 20px;top: 50%;width: 60px;height: 60px;background: #333 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.596' height='19.192' viewBox='0 0 10.596 19.192'%3E%3Cpath d='M22.432,12,14.25,20.182l8.182,8.182' transform='translate(-13.25 -10.586)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat 50% 50%;border-radius: 100%;cursor: pointer;border: none;transform: rotate(0deg);}
.sb_sec3 .tab_bx .next_btn {right: 20px;left: auto;transform: rotate(180deg);}
.sb_sec3 .tab_bx .prv_btn:not(.swiper-button-disabled):hover {transform: rotate(180deg);}
.sb_sec3 .tab_bx .next_btn:not(.swiper-button-disabled):hover {transform: rotate(0deg);}
.sb_sec3 .tab_bx .swiper-button-disabled {	 opacity: 0.25;cursor: auto;}
.sb_sec3 .tab_bx .zoom {position: absolute;z-index: 2;right: 160px;bottom: 100px;width: 68px;height: 68px;}
.sb_sec3 .tab_bx .zoom p {font-size: 1rem;background: #606060;box-shadow: 2px 2px 4px rgba(0,0,0,0.16);padding: 9px 15px;border-radius: 8px;position: absolute;color: #fff;white-space: nowrap;left: 50%;top: -54px;transform: translate(-50%,0);}
.sb_sec3 .tab_bx .zoom p:after {content: "";display: block;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26.357' height='23.335' viewBox='0 0 26.357 23.335'%3E%3Cg transform='matrix(1, 0, 0, 1, 0, 0)' %3E%3Cpath d='M10.659,4.124a1.838,1.838,0,0,1,3.021,0l5.287,7.381a1.985,1.985,0,0,1-1.511,3.163H6.883a1.985,1.985,0,0,1-1.511-3.163Z' transform='translate(23.35 18.67) rotate(180)' fill='%23606060'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 0%;width: 26px;height: 24px;background-size: 26px;position: absolute;left: 50%;bottom: -18px;transform: translate(-50%,0);}
.sb_sec3 .tab_bx .zoom:before {content: "";display: block;width: 68px;height: 68px;border-radius: 100%;background: rgba(117,98,249,0.7) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28' height='28' viewBox='0 0 28 28'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect width='28' height='28' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip-path)'%3E%3Cpath d='M12.552,25.1A12.552,12.552,0,1,1,25.1,12.552,12.566,12.566,0,0,1,12.552,25.1m0-23.172A10.621,10.621,0,1,0,23.172,12.552,10.632,10.632,0,0,0,12.552,1.931' fill='%23fff'/%3E%3Cpath d='M23.543,24.509a.97.97,0,0,1-.684-.282l-6.3-6.3a.965.965,0,0,1,1.365-1.365l6.3,6.3a.966.966,0,0,1-.684,1.649M9.06,14.371a.966.966,0,0,1-.966-.966V10.026H4.716a.966.966,0,1,1,0-1.931H8.095V4.716a.966.966,0,1,1,1.931,0V8.095h3.379a.966.966,0,1,1,0,1.931H10.026v3.379a.966.966,0,0,1-.966.966' transform='translate(3.491 3.491)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;box-shadow: 2px 2px 4px rgba(0,0,0,0.16);}
.sb_sec3 .qna_bx {margin-top: -50px;background: #F8F8F8;width: 100%;border-radius: 0px 0px 30px 30px;border-top: 1px solid #E5E5E5;padding: 30px 60px 40px 70px;}
.sb_sec3 .qna_bx dl {display: flex;flex-direction: column;gap: 12px;align-items: flex-start;}
.sb_sec3 .qna_bx dt {color: #333;font-size: 1.125rem;font-weight: 500;}
.sb_sec3 .qna_bx dd {padding: 20px 30px;font-size: 1.25rem;}
.sb_sec3 .qna_bx>div {position: relative;}
.sb_sec3 .qna_bx>div:before {position: absolute;left: 0;top: 0;content: "";display: block;border-radius: 100%;background: #F6EFE9 url("../img/img_teacher.png") no-repeat 50% 50%;width: 100px;height: 100px;overflow: hidden;background-size: 100%;}
.sb_sec3 .qna_bx .q {padding-left: 110px;display: flex;flex-direction: column;}
.sb_sec3 .qna_bx .q dd {background: #7562F9;box-shadow: 0px 3px 6px rgba(0,0,0,0.1);border-radius: 0px 30px 30px 30px;color: #fff;font-weight: 700;}
.sb_sec3 .qna_bx .a {padding-right: 115px;display: flex;flex-direction: column;align-items: flex-end;text-align: right;}
.sb_sec3 .qna_bx .a:before {left: auto;right: 0;background-color: #FDDFBB;background-image: url("../img/ibm_haracter.png");background-size: 78px;}
.sb_sec3 .qna_bx .a dl {align-items: flex-end;padding-top: 4px;}
.sb_sec3 .qna_bx .a dd {border: 2px solid #7562f9;background: #fff;border-radius: 30px 0px 30px 30px;text-align: left;width: min(740px,100%);word-break: keep-all;}
.sb_sec4 {background: #EEEEF8 url("../img/sb/bg_sec4.png") no-repeat 50% 50%;min-height: 1200px;}
.sb_sec4 .inner {display: flex;flex-direction: column;margin: 0 auto;align-items: center;padding-top: 120px;padding-bottom: 120px;gap: 50px;}
.sb_sec4 .inner>* {width: 100%;max-width: 1280px;}
.sb_sec4 .sb_header h3 {font-size: 2.5rem;font-weight: 700;text-align: center;}
.sb_sec4 .tab_bx {display: flex;flex-direction: column;gap: 20px;}
.sb_sec4 .tabs {flex-wrap: wrap;gap: 8px 10px;}
.sb_sec4 .tab {border-radius: 20px;background: #fff;min-height: 90px;flex: none;width: calc(20% - 8px); padding: 18px 38px 18px 54px;display: flex;align-items: flex-start;justify-content: flex-start;color: #606060;font-weight: 500;font-size: 1.25rem;text-align: left;position: relative;word-break: keep-all;}
.sb_sec4 .tab.on {background: #7562f9;color: #fff;}
.sb_sec4 .tab >span {position: absolute;left: 18px;top: 18px;font-size: 1rem;color: #ACA0FF;}
.sb_sec4 .tab_content_g {background: #fff;border-radius: 30px;overflow: hidden;padding: 40px 40px 60px 40px;}
.sb_sec4 .summary {display: flex;flex-direction: column;gap: 12px;color: #333;font-size: 1.125rem;margin-bottom: 20px;}
.sb_sec4 .summary li {padding-left: 56px;position: relative;}
.sb_sec4 .summary li:before {content: "";display: block;width: 26px;height: 26px;background: url("../img/ic_check.png") no-repeat 50% 50%;position: absolute;left: 20px;top: -2px;background-size: 24px;}
.sb_sec5 .inner {display: flex;flex-direction: column;margin: 0 auto;align-items: center;padding-top: 120px;padding-bottom: 120px;gap: 50px;}
.sb_sec5 .inner>* {width: 100%;max-width: 1280px;}
.sb_sec5 .sb_header h3 {font-size: 2.5rem;font-weight: 700;text-align: center;}
.sb_sec5 .viewr_bx {display: flex;justify-content: space-between;gap: 40px;}
.sb_sec5 .mv_box {background: #F3EDFF;border-radius: 30px;padding: 50px 40px;display: flex;flex-direction: column;gap: 20px;width: 100%;max-width: 620px;}
.sb_sec5 .mv_box h4 {font-size: 1.75rem;font-weight: 700;}
.sb_sec5 .mv_box .v_img {position: relative;border-radius: 20px;overflow: hidden;line-height: 0;}
.sb_sec5 .mv_box .tit {font-weight: 700;color: #333;font-size: 1.5rem;}
.sb_sec5 .mv_box .txt {font-size: 1.25rem;color: #333;margin-top: 20px;}
.sb_sec5 .ebook_box {display: flex;flex-direction: column;gap: 12px;width: 100%;}
.sb_sec5 .ebook_box .ebook, .sb_sec5 .ebook_box .ebook_plus {display: flex;gap: 50px;align-items: flex-start; background: #FFF2F0;padding: 40px 50px;border-radius: 30px;width: 100%;}
.sb_sec5 .ebook_box .ebook + .ebook {background: #F0F5FE;}
.sb_sec5 .ebook_box .img {width: 125px;flex: none;box-shadow: 1px 6px 20px rgba(0,0,0,0.08);line-height: 0;}
.sb_sec5 .ebook_box dl {display: flex;flex-direction: column;gap: 12px; padding-top: 8px;}
.sb_sec5 .ebook_box dt {color: #111;font-size: 1.75rem;font-weight: 700;}
.sb_sec5 .ebook_box dd {display: flex;flex-direction: column;gap: 20px;word-break: keep-all;}
.sb_sec5 .ebook_box .txt {font-size: 18px;font-weight: 500;color: #333;}
.sb_sec5 .ebook_box .btns {display: flex;align-items: center;gap: 6px;}
.sb_sec5 .ebook_box .btns button {white-space: nowrap;}
.sb_sec5 .ebook_box .btns button, .sb_sec5 .ebook_box .btns button.btn_play {height: 44px;padding: 0 13px 0 38px;border: 1px solid #cccccc;font-size: 1rem;font-weight: 500;background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(0 1.75)'%3E%3Crect width='20' height='20' transform='translate(0 -1.75)' fill='none'/%3E%3Cg transform='translate(0 1)'%3E%3Cpath d='M9,12C5.692,12,2.892,9.336,1.583,6.75,2.892,4.164,5.692,1.5,9,1.5s6.109,2.664,7.418,5.25C15.11,9.336,12.31,12,9,12m8.934-5.562C16.458,3.234,13.126,0,9,0S1.544,3.234.067,6.438a.763.763,0,0,0,0,.624C1.544,10.266,4.876,13.5,9,13.5s7.457-3.234,8.934-6.438a.763.763,0,0,0,0-.624' transform='translate(0.999 0.25)' fill='%23606060'/%3E%3Cpath d='M9,9a2.249,2.249,0,1,1,2.25-2.25A2.246,2.246,0,0,1,9,9M9,3a3.75,3.75,0,1,0,3.75,3.75A3.753,3.753,0,0,0,9,3' transform='translate(0.749 0.25)' fill='%23606060'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 12px 50%;border-radius: 4px; color: #111 }
.sb_sec5 .ebook_box .btns button.btn_dn {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M15,36a1,1,0,0,0-1,1v3H2V37a1,1,0,0,0-2,0v4a1,1,0,0,0,1,1H15a1,1,0,0,0,1-1V37a1,1,0,0,0-1-1' transform='translate(2 -27.75)' fill='%23606060'/%3E%3Cpath d='M21.336,9.707a1,1,0,0,0,1.413,0l3-3a1,1,0,0,0-1.413-1.413L23.043,6.586V1a1,1,0,1,0-2,0V6.586L19.75,5.292h0a1,1,0,0,0-1.413,1.413Z' transform='translate(-12.043 0.25)' fill='%23606060'/%3E%3C/svg%3E%0A");}
.sb_sec5 .ebook_box .btns button.btn_play{ position: relative; width: auto; border-radius: 4px; left: auto; top: auto; transform: none; z-index: auto;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect width='20' height='20' transform='translate(0 -0.75)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 0.75)' clip-path='url(%23clip-path)'%3E%3Cg transform='translate(-1513 -1882.75)'%3E%3Cg transform='translate(1515 1884)' fill='none'%3E%3Cpath d='M8,0A8,8,0,1,1,0,8,8,8,0,0,1,8,0Z' stroke='none'/%3E%3Cpath d='M 8 1.300000190734863 C 4.305609703063965 1.300000190734863 1.300000190734863 4.305609703063965 1.300000190734863 8 C 1.300000190734863 11.69438934326172 4.305609703063965 14.69999980926514 8 14.69999980926514 C 11.69438934326172 14.69999980926514 14.69999980926514 11.69438934326172 14.69999980926514 8 C 14.69999980926514 4.305609703063965 11.69438934326172 1.300000190734863 8 1.300000190734863 M 8 0 C 12.41827964782715 0 16 3.581720352172852 16 8 C 16 12.41827964782715 12.41827964782715 16 8 16 C 3.581720352172852 16 0 12.41827964782715 0 8 C 0 3.581720352172852 3.581720352172852 0 8 0 Z' stroke='none' fill='%23606060'/%3E%3C/g%3E%3Cpath d='M3.176,1.2a1,1,0,0,1,1.648,0l2.1,3.053A1,1,0,0,1,6.1,5.818H1.9a1,1,0,0,1-.824-1.567Z' transform='translate(1526.636 1888) rotate(90)' fill='%23606060'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}
.sb_sec5 .ebook_box .btns button.btn_go{ padding-left: 16px; padding-right: 38px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect width='16' height='16' transform='translate(0 -0.75)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 0.75)' clip-path='url(%23clip-path)'%3E%3Cpath d='M0,0,4,4,0,8' transform='translate(6.5 3.75)' fill='none' stroke='%23606060' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3C/g%3E%3C/svg%3E%0A"); background-position: right 12px top 50%}
.sb_sec5 .ebook_box .btns button.btn_play:before{ display: none}
.sb_sec5 .ebook_box .grade_btns .grade {position: relative; display: flex; align-items: center; gap: 6px; margin-top: 8px; margin-bottom: 4px; font-weight: 700; font-size: 16px; line-height: 24px;}
.sb_sec5 .ebook_box .grade_btns .grade::before {content:''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #666;}
.sb_sec5 .ebook_box .grade_btns .grade:first-child {margin-top: 0;}
.sb_sec5 .ebook_box .ebook_plus{ padding: 0; background: none; border-radius: 0; gap:12px; align-items: stretch}
.sb_sec5 .ebook_box .ebook_plus dl{ gap:18px; padding: 30px 50px; background:#F8F8F8; border-radius: 30px; width: 100%; min-width: calc(50% - 6px) }
.sb_sec5 .ebook_box .ebook_plus dl.half{ padding: 24px 30px;}
.sb_sec5 .ebook_box .ebook_plus dt{ font-size:1.5rem }
.sb_sec5 .ebook_box .ebook_plus dl.half dt{ font-size: 1.25rem; word-break: keep-all; font-weight: 600; color: #333}
.sb_sec5 .ebook_box .ebook_plus button{ height: 40px !important}
.sb_sec5 .ebook_box .ebook_plus dl.half_brochure{ gap:18px; padding: 30px 50px; background:#ffc2c2; border-radius: 30px; width: 100%; min-width: calc(50% - 6px) }
.sb_sec5 .ebook_box .ebook_plus dl.half_brochure dt{ font-size: 1.25rem; word-break: keep-all; font-weight: 600; color: #333}
.sb_sec5 .ebook_box .ebook_plus dl.half_brochure{ padding: 24px 30px;}
.sb_sec5 .ebook_box.type_row {flex-direction: row; flex-wrap: wrap; gap: 40px;}
.sb_sec5 .ebook_box.type_row .ebook {width: calc(50% - 20px);}
.sb_sec5 .ebook_box.type_row .ebook_plus {text-align: center;}
.sb_sec5 .ebook_box.type_row .ebook_plus .btns {justify-content: center;}
.sb_sec5 .faq_bx {display: flex;flex-direction: column;gap: 27px;}
.sb_sec5 .viewr_bx + .faq_bx {margin-top: 30px;}
.sb_sec5 .sb_header2 {display: flex;align-items: baseline;gap: 20px;color: #333333;}
.sb_sec5 .sb_header2 h3 {font-size: 2.5rem;font-weight: 600;}
.sb_sec5 .sb_header2 p {font-size: 1.25rem;font-weight: 400;}
.sb_sec5 .faq_g {border-top: 2px solid #111111;}
.sb_sec5 .faq_g .faq {border-bottom: 1px solid #E1E1E1;overflow: hidden;transition: transform .25s linear;}
.sb_sec5 .faq_g .f {padding: 30px 32px 30px 105px;color: #111111;font-size: 1.5rem;font-weight: 500;position: relative;cursor: pointer;}
.sb_sec5 .faq_g .f:before, .sb_sec5 .faq_g .a .txt:after {content: "Q";display: flex;width: 50px;height: 50px;border-radius: 100%;border: 1px solid #E1E1E1;position: absolute;left: 32px;top: 19px;align-items: center;justify-content: center;color: #221FF6;font-weight: 600;font-size: 1.25rem;}
.sb_sec5 .faq_g .f:after {content: "";display: block;width: 28px;height: 28px;position: absolute;right: 32px;top: 32px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg transform='translate(28 28) rotate(180)'%3E%3Cpath d='M3574.9,381.6l10,10.909,10-10.909' transform='translate(-3571.405 -373.01)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;transform: scaleY(-1);transition: transform .25s linear;}
.sb_sec5 .faq_g .a {color: #606060;font-size: 1.25rem;font-weight: 500;position: relative;height: auto;	opacity: 1;transition-property: height, opacity, margin;transition-duration: .25s;transition-timing-function: linear;transition-delay: 0s, .125s, 0s;margin: 40px 0;}
.sb_sec5 .faq_g .a:before {content: "";display: block;width: 100%;height: calc(100% + 80px); position: absolute;left: 0;top: -40px;background: #FBFBFB;border-top: 1px solid #E1E1E1;}
.sb_sec5 .faq_g .a.concealed {height: 0 !important;opacity: 0;margin: 0;transition-delay: 0s;}
.sb_sec5 .faq_g .a.concealed:before {display: none;}
.sb_sec5 .faq_g .a .txt {padding: 0px 70px 0px 150px;position: relative;}
.sb_sec5 .faq_g .a .txt:before {content: "";display: block;position: absolute;width: 20px;height: 20px;border: 2px dotted #867E8C;border-width: 0 0 2px 2px;left: 58px;top: 4px;}
.sb_sec5 .faq_g .a .txt:after {left: 82px;top: 0px;content: "A";background: transparent linear-gradient(147deg,#DD1FF6 0%,#221FF6 100%);color: #fff;border: none;}
.sb_sec5 .faq_g .faq:has(>.a.revealed)>.f:after{transform: scaleY(1);}
.sb_sec6 {background: #3F64DB url("../img/sb/bg_sec6.png") no-repeat 50% 100%;background-size: cover;}
.sb_sec6 .inner {display: flex;flex-direction: column;margin: 0 auto;align-items: center;padding-top: 120px;padding-bottom: 120px;gap: 20px;}
.sb_sec6 .inner>* {width: 100%;max-width: 1280px;}
.sb_sec6 .sb_header {display: flex;flex-direction: column;gap: 50px;align-items: center;}
.sb_sec6 .sb_header h3 {font-size: 2.5rem;font-weight: 700;text-align: center;color: #fff;}
.sb_sec6 .event_head {background: #0F2F90;border-radius: 100px;padding: 30px 100px;text-align: center;position: relative;}
.sb_sec6 .event_head .tit {color: #01b9de;font-size: 1.75rem;font-weight: 700;display: flex;align-items: center;justify-content: center;gap: 15px;}
.sb_sec6 .event_head .txt {margin-top: 15px;color: #fff;font-size: 1.125rem;font-weight: 500;}
.sb_sec6 .event_head:before {position: absolute;left: 50%;bottom: -15px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='30' viewBox='0 0 38 30'%3E%3Cpath d='M19.993,5.426a4.865,4.865,0,0,1,8,0L41.982,24.961c2.471,3.449.12,8.372-4,8.372H10c-4.118,0-6.469-4.923-4-8.372Z' transform='translate(42.991 33.333) rotate(180)' fill='%230f2f90'/%3E%3C/svg%3E") no-repeat 50% 100%;width: 38px;height: 30px;display: block;transform: translate(-50%,0);content: "";}
.sb_sec6 .tab {height: 64px;width: 100%;border-left: 1px solid #e5e5e5;border-radius: 16px 16px 0 0;background: #f8f8f8;font-size: 1.5rem;color: #606060;}
.sb_sec6 .tab:first-of-type {border-left: none;}
.sb_sec6 .tab.on {background: transparent linear-gradient(107deg,#dd1ff6 0%,#221ff6 100%);color: #fff;font-weight: 500;border: none;}
.sb_sec6 .tab_content_g {padding: 40px 70px 80px 70px;border-radius: 0px 0px 30px 30px;background: #fff;}
.sb_sec6 .tab_content .img {border: 1px solid #e5e5e5;border-radius: 20px;overflow: hidden;margin-bottom: 50px;}
.sb_sec6 .tab_content .img img {width: 100%;}
.sb_sec6 .tab_content .detail_g {display: flex;flex-direction: column;gap: 20px;}
.sb_sec6 .tab_content .detail_g .desc {color: #111;font-size: 1.75rem;font-weight: 700;}
.sb_sec6 .tab_content .detail_g .detail {display: flex;flex-direction: column;gap: 10px;font-size: 1.25rem;color: #333333;font-weight: 500;}
.sb_sec6 .tab_content .detail_g .detail li {padding-left: 10px;color: #606060;font-size: 1.125rem;position: relative;font-weight: 400;}
.sb_sec6 .tab_content .detail_g .detail li:before {content: "";display: block;width: 4px;height: 4px;border-radius: 100%;background: #606060;position: absolute;left: 0;top: 0.6rem;}
.sb_sec6 .tab_content iframe {aspect-ratio: 1.7430444444;display: block;width: 100%;border: none;outline: none;}
.sb_sec6 .event_banner .banner {position: relative;right:auto; bottom:auto; border-radius: 30px;overflow: hidden;min-height: 280px;display: flex;align-items: flex-start;color: #fff;flex-direction: column;justify-content: center;padding: 55px 120px;gap: 20px;}
.sb_sec6 .event_banner .banner>* {position: relative;z-index: 2;}
.sb_sec6 .event_banner .banner .tit {font-size: 2rem;font-weight: 700;}
.sb_sec6 .event_banner .banner .tit>strong {color: #c8e8b2;}
.sb_sec6 .event_banner .banner .eventimg {line-height: 0;position: absolute;left: 0;bottom: 0;overflow: hidden;width: 100%;height: calc(100% - 1px); z-index: 1;}
.sb_sec6 .event_banner .banner .txt {font-weight: 500;font-size: 1.125rem;line-height: 1.8;color: #f4f7f9;}
.sb_sec6 .event_banner .banner .bt_go {position: absolute;z-index: 3;width: 100%;height: 100%;display: block;left: 0;top: 0;}
.float_g ul {display: flex;flex-direction: column;gap: 22px;justify-content: flex-start;padding: 0 0 0 30px;align-items: flex-start;}
.float_g ul li {background: rgba(96,96,96,0.4);border-radius: 100px;min-height: 30px;display: inline-flex;align-items: center;justify-content: flex-start;color: #fff;font-size: 0.9375rem;font-weight: 400;position: relative;padding: 0 14px;gap: 8px;width: auto;transition: .3s;}
.float_g ul li:before {content: "";display: block;width: 8px;height: 8px;border-radius: 100%;background: #fff;}
.float_g ul li.active {background: #fff;color: #FD6E5F;font-size: 1rem;font-weight: 700;}
.float_g ul li.active:before {background: transparent linear-gradient(135deg,#FD6E5F 0%,#FD9567 100%);width: 10px;height: 10px;}
.float_g ul li a {height: 100%;padding: 6px 0px 5px 0px;}
.float_box2 {display: flex;flex-direction: column;gap: 40px;align-items: flex-end;}
.float_box2 .float_g {border: 2px solid #DD1FF6;width: 200px;border-radius: 20px 0px 0px 20px;line-height: 1;box-shadow: 0px 3px 6px #52525229;}
.float_box2 .float_g h4 {background: transparent linear-gradient(110deg,#DD1FF6 0%,#221FF6 100%);background: transparent linear-gradient(110deg,#DD1FF6 0%,#221FF6 100%) 0% 0% no-repeat padding-box;border-radius: 18px 0px 0px 0px;height: 48px;align-items: center;font-weight: 800;font-size: 1rem;color: #fff;text-align: center;display: flex;justify-content: center;}
.float_box2 .float_g h4>a {width: 100%;height: 100%;text-align: center;display: flex;justify-content: center;align-items: center;}
.float_box2 .float_g ul {gap: 0;padding: 0;align-items: flex-end;overflow: visible;line-height: 1;margin-top: -1px;}
.float_box2 .float_g li {border-radius: 0;min-height: 46px;width: 100%;white-space: nowrap;padding: 0;background: #fff;flex: none;border-top: 1px solid #E5E5E5;}
.float_box2 .float_g li.active {background: transparent linear-gradient(101deg,#FD5D4D 0%,#FF7F55 100%);position: relative;z-index: 2;width: auto;min-width: 185px;border-radius: 22px 0px 0px 22px;overflow: hidden;border: none;}
.float_box2 .float_g li.active + li {border-top: 0;}
.float_box2 .float_g li a {padding: 0 24px 0 20px;white-space: nowrap;width: 100%;flex: none;color: #606060;font-size: 1rem;}
.float_box2 .float_g li.active a {padding: 0 24px 0 30px;color: #fff;font-size: 1.125rem;font-weight: 700;}
.float_box2 .float_g li:before {display: none;}
.float_box2 .float_g li:first-of-type {border-top: 0;}
.float_box2 .float_g li:last-of-type {border-bottom-left-radius: 20px;}
.float_box2 .sample {border-radius: 20px 0px 0px 20px;box-shadow: 0px 3px 6px #52525229;padding: 0px;color: #606060;font-size: 1rem;display: flex;align-items: center;width: 100%;width: 200px;overflow: hidden;background: linear-gradient(130deg,#9F53DE 0%,#5263C3 100%);}
.float_box2 .sample a {display: flex;padding: 15px 15px 15px 75px;white-space: normal;word-break: keep-all;background: url("../img/sb/icon_float.png") no-repeat 22px 50%;color: #fff;}
.float_box1 li+li:after {content: "";display: block;width: 1px;height: 18px;background: rgba(96,96,96,0.4);position: absolute;left: 17px;top: -20px;}
.sb_container_2 .sb_sec1 {background: transparent linear-gradient(118deg,#51A1C3 0%,#74D9E4 100%);}
.sb_container_2 .sb_sec1 .img_g .img {animation-name: object1-2;left: 165px;top: 115px;}
.sb_container_2 .float_g ul li.active {color: #53A4C5;}
.sb_container_2 .float_g ul li.active:before {background: transparent linear-gradient(135deg,#51A1C3 0%,#74D9E4 100%);}
.sb_container_2 .float_box2 .float_g li.active {width: 216px; background: transparent linear-gradient(104deg,#4293B7 0%,#60CDDC 100%) 0% 0% no-repeat padding-box;}
.sb_container_2 .sb_sec2 .pic {background: #74D8E4;}
.sb_container_2 .sb_sec1 .object_3 {filter: blur(2px) hue-rotate(320deg);}
.sb_container_3 .sb_sec1 {background: transparent linear-gradient(90deg,#4DB97D 0%,#55D6AC 100%);}
.sb_container_3 .float_g ul li.active {color: #4EB97D;}
.sb_container_3 .float_g ul li.active:before {background: transparent linear-gradient(90deg,#4DB97D 0%,#55D6AC 100%);}
.sb_container_3 .float_box2 .float_g li.active {width: 216px; background: transparent linear-gradient(90deg,#3DAC6D 0%,#42CA9A 100%);}
.sb_container_3 .sb_sec2 .pic {background: #56DAB5;}
.sb_container_3 .sb_sec1 .object_3 {filter: blur(2px) hue-rotate(154deg);}
.sb_container_3 .object_0 {animation-name: object3;}

/* 디지털교과서란? */
/* 교과서 소개 */
.aidt_container {background-color: #F8F8F8;}
.aidt_container section {position: relative; z-index: 10; padding: 7.5rem 0;}
.aidt_container .inner > div {width: 100%; max-width:1280px; margin-left: auto; margin-right: auto;}
.aidt_container {--box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784)}
.aidt_container .aidt_header {text-align: center;}
.aidt_container .aidt_header h1 {color: #fff;font-size: 3.4375rem;font-weight: 800;line-height: 140%;}
.aidt_container .aidt_header h2 {color: #000000;font-size: 2.75rem;font-weight: 800;line-height: 140%;}
.aidt_container .aidt_header h1 + p {margin-top: 0.8rem; color: #fff;font-size: 1.25rem;font-weight: 400;line-height: 140%;}
.aidt_container .aidt_header h2 + p {margin-top: 1.75rem; color: #666666;font-size: 1.125rem;font-weight: 400;line-height: 140%;}
.aidt_container .aidt_body {margin-top: 3.75rem;}
.aidt_container [class^="object_"] {background: url("../img/aidt/object1.png") no-repeat 50% 50%;animation-name: object1;animation-duration: 5s;animation-direction: normal;animation-iteration-count: infinite;position: absolute;z-index: 3;border-radius: 100%;background-size: cover;}
.aidt_container .object_1 {z-index:12; width: 180px;height: 180px;right: calc(50% + 615px);top: 650px;animation-duration: 6s;transform: rotate(45deg);background-image: url("../img/aidt/object2.png");}
.aidt_container .object_2 {z-index:12; width: 70px;height: 70px;right: calc(50% + 786px);top: 815px;animation-delay: 2s;transform: rotate(0deg);background-image: url("../img/aidt/object2.png");filter: blur(4px);animation-duration: 8s;}
.aidt_container .object_3 {z-index:12; width: 40px;height: 40px;right: 6vw;top: 900px;animation-delay: 2s;background-image: url("../img/aidt/object1.png");filter: blur(4px);animation-duration: 8s;animation-name: object2;}
.aidt_container .object_4 {z-index:12; width: 240px;height: 240px;left: calc(50% + 543px);top: 940px;animation-duration: 5s;background-image: url("../img/aidt/object1.png");animation-name: object2;z-index: 1;}
.aidt_container .object_5 {z-index:12; width: 120px;height: 120px;left: calc(50% + 777px); top: 420px;animation-delay: 2s;background-image: url("../img/aidt/object3.png");filter: blur(1px);animation-duration: 8s;animation-name: object2;}
.aidt_container .object_6 {z-index:12; width: 380px;height: 380px;right: calc(50% + 314px);top: -180px;}
.aidt_container .aidt_sec1 {position: relative;background: #F8F8F8; height: 47.5rem; padding: 12.5rem 0 50px 0; background: linear-gradient(112deg,#51A1C3 0%,#74D9E4 100%);}
.aidt_container .aidt_sec1::after {content:''; position: absolute; left: 50%; bottom: 2.5rem; display: block; width: 45.75rem; height: 26.25rem; background: url('../img/aidt/img_aidt0_obj01.png') no-repeat center center / contain; transform: translateX(-50%);}
.aidt_container .aidt_sec2 {padding: 0;}
.aidt_container .aidt_sec2 .why_box {margin-top: -2.5rem; padding: 5rem; border-radius: 1.875rem; box-shadow: var(--box-shadow); background-color: #fff;}
.aidt_container .aidt_sec2 .why_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; max-width: 59.875rem; width: 100%; margin: 0 auto;}
.aidt_container .aidt_sec2 .why_item {height: 7rem; padding: 1.5rem 1.5rem; border-radius: 1.25rem; background-color: #F6F6F6;  text-align: center;}
.aidt_container .aidt_sec2 .why_item:nth-child(1) {--why-color: #FF6652;}
.aidt_container .aidt_sec2 .why_item:nth-child(2) {--why-color: #05B9DF;}
.aidt_container .aidt_sec2 .why_item:nth-child(3) {--why-color: #45B035;}
.aidt_container .aidt_sec2 .why_item .tit {font-weight: 400; font-size: 1.5rem; line-height: 1.625rem; color: var(--why-color);}
.aidt_container .aidt_sec2 .why_item .txt {font-weight: 400; font-size: 1.125rem; line-height: 1.625rem; color: #666; margin-top: 0.75rem;}
.aidt_container .aidt_sec3 .process_box {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem;}
.aidt_container .aidt_sec3 .process_box .process_item {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 2.5rem 2.5rem 1.75rem 2.5rem; box-shadow: var(--box-shadow); border-radius: 1.25rem; background-color: #fff;}
.aidt_container .aidt_sec3 .process_box .process_img {width: 100%; max-width: 14.0625rem; aspect-ratio: 1/1; background: no-repeat center center / contain;}
.aidt_container .aidt_sec3 .process_box .process_item:nth-child(1) .process_img {background-image: url('/aidt/img/aidt/img_sec03_01.png');}
.aidt_container .aidt_sec3 .process_box .process_item:nth-child(2) .process_img {background-image: url('/aidt/img/aidt/img_sec03_02.png');}
.aidt_container .aidt_sec3 .process_box .process_item:nth-child(3) .process_img {background-image: url('/aidt/img/aidt/img_sec03_03.png');}
.aidt_container .aidt_sec3 .process_box .process_item:nth-child(4) .process_img {background-image: url('/aidt/img/aidt/img_sec03_04.png');}
.aidt_container .aidt_sec3 .process_box .process_tit {margin-top: 1.25rem; font-weight: 700; font-size: 1.25rem; line-height: 1.625rem; text-align: center;}
.aidt_container .aidt_sec4 {position: relative; background: linear-gradient(0deg, #1F1CDA 0%, #3480B5 100%);}
.aidt_container .aidt_sec4::before {content:''; display: block; position: absolute; right: calc(50% + 22.0625rem); top: 0; width: 21.40625rem; height: 10.1875rem; background: url('/aidt/img/aidt/img_sec03_object01.png') no-repeat center center / contain; opacity: 0.15;}
.aidt_container .aidt_sec4::after {content:''; display: block; position: absolute; left: calc(50% + 15.8125rem); bottom: 0; width: 34.59375rem; height: 20.375rem; background: url('/aidt/img/aidt/img_sec03_object02.png') no-repeat center center / contain; opacity: 1;}
.aidt_container .aidt_sec4 .aidt_header h2,
.aidt_container .aidt_sec4 .aidt_header p {color: #fff;}
.aidt_container .aidt_sec4 .diff_table_pc {overflow: hidden; border-radius: 0.75rem; box-shadow: var(--box-shadow);}
.aidt_container .aidt_sec4 .diff_table_pc table {table-layout: fixed; border-collapse: collapse; border-spacing: 0; width: 100%;}
.aidt_container .aidt_sec4 .diff_table_pc table thead {background-color: #144CAC; color: #fff;}
.aidt_container .aidt_sec4 .diff_table_pc table thead th {padding: 1rem 0;}
.aidt_container .aidt_sec4 .diff_table_pc table th {height: 3.75rem; text-align: center;}
.aidt_container .aidt_sec4 .diff_table_pc table td {height: 3.75rem; text-align: center; border-bottom:1px solid #EAEAEA; background-color: #fff;}
.aidt_container .aidt_sec4 .diff_table_pc table th + th {border-left:1px solid #144CAC;}
.aidt_container .aidt_sec4 .diff_table_pc table td + td {border-left:1px solid #EAEAEA;}
.aidt_container .aidt_sec4 .diff_table_mo {display: none;}
.aidt_container .aidt_sec5 .process_box {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;}
.aidt_container .aidt_sec5 .process_box .process_item {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2.5rem 2.5rem 1.75rem 2.5rem; box-shadow: var(--box-shadow); border-radius: 1.25rem; background-color: #fff;}
.aidt_container .aidt_sec5 .process_box .process_img {width: 14.0625rem; height: 14.0625rem; background: no-repeat center center / contain;}
.aidt_container .aidt_sec5 .process_box .process_item:nth-child(1) .process_img {background-image: url('/aidt/img/aidt/img_sec05_01.png');}
.aidt_container .aidt_sec5 .process_box .process_item:nth-child(2) .process_img {background-image: url('/aidt/img/aidt/img_sec05_02.png');}
.aidt_container .aidt_sec5 .process_box .process_item:nth-child(3) .process_img {background-image: url('/aidt/img/aidt/img_sec05_03.png');}
.aidt_container .aidt_sec5 .process_box .process_tit {margin-top: 1.25rem; font-weight: 700; font-size: 1.25rem; line-height: 1.625rem; text-align: center;}
.aidt_container .aidt_sec6 {padding: 0; background-color: rgba(168,188,231,0.3);}
.aidt_container .aidt_sec6 .csinfo {background-color: transparent;}
.aidt_container .aidt_sec6 .csinfo .inner {padding: 0 !important; display: flex;}

.badge-new {padding: 2px 4px;background-color: #EF4348;border-radius: 20px;font-weight: 700;font-size: 12px;line-height: 12px;color: #fff;}