@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

.motion-wrap{
   position: relative;
   width:100%;
   height:850px;
   background:#f0f7fd;
}
.motion-wrap .circle p img{ opacity: 0;}
.motion-wrap .typo p img{ opacity: 0;}
.motion-wrap .cube p img{ opacity: 0;}

.motion-wrap .circle p {
   position: absolute;
   z-index: 1;
   left: 50%;
   transform: translateX(-50%);
}
.motion-wrap .circle p:nth-child(1){
   top:-178px;
   margin-left: -954px;
}
.motion-wrap .circle p:nth-child(2){
   top:-57px;
   margin-left: 550px;
}
.motion-wrap .circle p:nth-child(3){
   top:auto;
   bottom:-74px;
   margin-left: 712px;
}
.visual-wrap { 
   position: relative;
   max-width:1200px;
   margin:0 auto;
}
.visual-wrap .typo{
   text-align: left;
   padding-top:177px;
   box-sizing: border-box;
}

.visual-wrap .typo p:nth-child(2){
   padding-top: 50px;
}
.visual-wrap .typo p:nth-child(3){
   position: absolute;
   z-index:4;
   padding-top: 30px;
}
.visual-wrap .typo p:nth-child(4){
   position: absolute;
   z-index:5;
   padding-top: 30px;
}
.visual-wrap .typo p:nth-child(5){
   padding-top: 125px;
}
.visual-wrap .typo p:nth-child(3) img, .visual-wrap .typo p:nth-child(4) img{
   height:45px;
}
.visual-wrap .cube{
   position:absolute;
   top:148px;
   right:0;
}
/* .visual-wrap .cube p img{
   will-change: transform, opacity;
} */
.visual-wrap .cube p{
   position: absolute;
   top:0;
   right:0;
}
.visual-wrap .cube p:nth-child(1){
   z-index:4;
}
.visual-wrap .cube p:nth-child(2){
   z-index:5;
}
.visual-wrap .cube p:nth-child(3){
   z-index:6;
}

/* cont */
.custom-wrap * { font-family:Pretendard;}
.custom-wrap .inner { position:relative; width:1200px; margin:0 auto; box-sizing:border-box; height:100%;}
.custom-wrap .cont01 { background: linear-gradient(180deg, #A1C0D6 0%, #FFF 77%); padding-top:130px;}
.custom-wrap .cont01 .inner { width:1400px; }
.custom-wrap .cont01 .inner .img-map{ position: relative;}
.custom-wrap .cont01 .check{
   position: absolute;
   z-index:3;
   top:199px;
   left:837px;
}
.custom-wrap .cont02 { padding :130px 0;}
.custom-wrap .cont03 { position: relative; padding: 200px 0 130px 0; background:#F1F1F1;}
.custom-wrap .cont04 { padding: 130px 0; background:#fff;}
.custom-wrap .cont05 { padding: 130px 0; background:#F1F1F1;}
.custom-wrap .cont06 { background: #273563; overflow: hidden;}
.custom-wrap .cont06 .inner::after{
   width: 1316px;
   height: 1359px;
   position: absolute;
   z-index:10; 
   content:'';
   left: 0;
   right:0;
   margin:0 auto;
   bottom: -1110px;
   border-radius: 1359px;
   opacity: 0.45;
   background: #7A305D;
   filter: blur(150px);
}
.custom-wrap .cont06 .inner{
   display: flex;
   width:1200px;
   height: 390px;
   padding:0;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.custom-wrap .cont06 .text-wrap{
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 10px;
   align-self: stretch;
   z-index:11;
}
.custom-wrap .cont06 .img-wrap{
   display: flex;
   width: 363px;
   height: 363px;
   justify-content: center;
   align-items: center;

   position: absolute;
   right: 0px;
   bottom: -9.187px;

   mix-blend-mode: lighten;
   z-index:11;
}

.custom-wrap p.notice{
   color: #888;
   font-size: 16px;
   font-style: normal;
   font-weight: 300;
   line-height: 1.3;
   text-align: left;
   margin-top: 10px;
}

/* fixmenu */
.custom-wrap .fix-menu {
   z-index:501;
   position:absolute;
   top:0;
   display:flex;
   justify-content:center;
   align-items:center;
   width:100%;
   box-sizing:border-box;
   background:#333;
}
.custom-wrap .fix-menu.fix {
   z-index:11;
   position:fixed;
   top:0;
   left:0;
}
.custom-wrap .fix-menu.fix.fix-top{ 
   top:0 !important; 
}
.custom-wrap .fix-menu .menu {
   display:flex;
   justify-content:space-around;
   align-items:center;
   width:1140px;
   flex-basis: auto;
   padding:10px 0;
}
.custom-wrap .fix-menu .menu a {
   width:380px;
   background:transparent;
   font-weight: 600;
   height:50px;
   display:flex; 
   align-items:center;
   justify-content:center;
   flex-direction:column;
   position: relative;
   color:#5c5c5c;
   text-align: center;
   font-size: 26px;
   font-style: normal;
   font-weight: 700;
   line-height: 1.4;
}
.custom-wrap .fix-menu .menu a.on{
   background:#fff;
   border-radius: 50px;
   color:#7A385F;
}

.title-set{
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 24px;
}

.title-set .number{
   background: url("https://img.megastudy.net/campus/library/v2015/library/campus_common/2025/2025_custom_contents/num_box.png")no-repeat;
   width:92px;
   height:64px;
   color: #FFF;
   text-align: center;
   font-size: 28px;
   font-style: normal;
   font-weight: 700;
   line-height: 1;
   padding-top: 12px;
}
.title-set .text span{
   display: block;
   color: #222;
   text-align: center;
   font-size: 32px;
   font-style: normal;
   font-weight: 400;
   line-height: 1; 
}
.title-set .text > strong{
   color: #222;
   text-align: center;
   font-size: 52px;
   font-style: normal;
   font-weight: 700;
   line-height: 1;
   margin-top: 15px;
   display: inline-block;
}
.title-set .text ul{
   margin-top: 20px;
}
.title-set .text ul li{
   color: #333;
   text-align: center;
   font-size: 20px;
   font-style: normal;
   font-weight: 300;
   line-height: 1.6;
   display: block;
}
.title-set .text ul li em{
   font-weight: 600;
}

.hash-set {
   margin-top: 100px;
   position: relative;
   display: inline-block;
}

.hash-set .round {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width:49px;
   height:48px;
   border-radius:50%;
   background:#F9A863;
}

.hash-set .round.green{
   background:#84D0C6;
}
.hash-set .round.mint{
   background:#B9DADF;
}
.hash-set .round.purple{
   background:#D5D3F2;
}

.hash-set div{
   position: relative;
   left:10px;
   top:10px;
   color: #000;
   text-align: center;
   font-size: 36px;
   font-style: normal;
   font-weight: 700;
   line-height: 1;
}

/* table */
.cont03 .table-title{
   margin:100px 0 40px 0;
}
.table-title{
   margin:80px 0 40px 0;
   border-radius:50px;
   border:2px solid #003193;
   padding: 4px 40px;
   display: inline-block;
   color: #064F80;
   text-align: center;
   font-size: 28px;
   font-style: normal;
   font-weight: 700;
   line-height: 1.4;
}
.table-set{
   display: flex;
   justify-content: space-around;
   align-items:flex-start;
   gap:40px;
}

table + .caption{
   margin-top: 40px;
}

.custom-wrap .caption{
   color: #000;
   text-align: left;
   font-size: 22px;
   font-style: normal;
   font-weight: 600;
   line-height: 1.5;
   margin-bottom: 10px;
}

.table-set .set-1 { flex: 3 1 0%; } /* 3 ºñÀ² */
.table-set .set-2 { flex: 4 1 0%; } /* 4 ºñÀ² */
.table-set .set-3 { flex: 1 1 0%; } /* 1 ºñÀ² */

.tb_style {
   width:100%; 
   border-top:2px solid #222;
}
.tb_style th, 
.tb_style td { 
   font-family:"Pretendard Variable", Pretendard, sans-serif;
   padding:18px 8px; 
   font-size:18px; 
   text-align:center; 
   letter-spacing:-0.1px;
   vertical-align:middle;
   border-left:1px solid #eaeaea; 
   border-bottom:1px solid #eaeaea;
}
.tb_style th:first-child, .tb_style td:first-child {
   border-left:none;
}
.tb_style thead th { font-weight:600; color:#000; background:#F1F7FF;}

.tb_style tbody th { font-weight:600; background:#f0f7ff;}
.tb_style tbody td { 
   line-height:1.8; 
   font-size:17px; 
   font-weight:300; 
   line-height:1.5;
   word-break:keep-all; word-wrap:break-word; background:#fff;
}
.tb_style tbody td em{ 
   color: #064F80;
   text-align: center;
   font-size: 22px;
   font-style: normal;
   font-weight: 600;
   line-height: 1.3;
   margin-bottom: 14px;
   display: inline-block;
}
.brL {border-left:1px solid #E5E5E5 !important;}
.brR {border-right:1px solid #E5E5E5 !important;}

.bg_f4{background:#f4f4f4 !important;}
.bg_ed{background:#ede7ff !important;}

.vatop{ vertical-align: top !important;}
.lh18{ line-height:1.8 !important;}
.pd28{ padding:28px 8px !important;}