@charset "utf-8";

body    {padding-top: 0;}

/* CEO */
.visual {height: 815px; position: relative; overflow: hidden;}
.visual p.bg {transform: scale(1.2); transition: transform 1.8s ease-out;}
.visual.activate p.bg  {transform:  scale(1);}
.visual p.bg > img   {width: 100%;}
.visual .txt                {position: absolute; z-index: 1; margin: 0 auto; width: 100%; text-align: center; top: 345px;}
.visual .txt .submaintext span   {color: #B3E7FF; font-size: 36px; font-weight: 500; transform:translate3d(0,70%,0); transition:transform 1.3s cubic-bezier(.43,.05,.17,1);}
.visual .txt .maintext           {margin-top: 50px;}
.visual .txt .maintext span      {margin-right: 13px; color: #fff; font-size: 94px; font-weight: 700; transform:translate3d(0,70%,0); transition:transform 1.3s cubic-bezier(.43,.05,.17,1);}
.visual .txt .subtext            {margin-top: 50px;}
.visual .txt .subtext span       {color: #fff; background: rgba(14, 126, 146, 0.34); padding: 11px 30px; border-radius: 50px; margin-right: 10px; font-size: 22px; font-weight: 400; transform:translate3d(0,70%,0); transition:transform 1.8s cubic-bezier(.47,.16,.24,1);}
.visual .txt .subtext span:last-child   {margin-right: 0;}
.visual .txt > p > span          {display: inline-block;}
.visual .txt.activate span   {transform: translate3d(0,0,0);}

.visual .txt .maintext span:nth-child(2) {transition-delay: 0.1s;}
.visual .txt .maintext span:nth-child(3) {transition-delay: 0.2s;}
.visual .txt .maintext span:nth-child(4) {transition-delay: 0.3s;}
.visual .txt .maintext span:nth-child(5) {transition-delay: 0.4s;}
.visual .txt .maintext span:nth-child(6) {transition-delay: 0.5s;}
.visual .txt .maintext span:nth-child(7) {transition-delay: 0.6s;}
.visual .txt .maintext span:nth-child(8) {transition-delay: 0.7s;}

.ceo .buttonGroup           {display: flex; justify-content: center; background: linear-gradient(90deg, #176CE3 0%, #9F4DFB 100%);}
.ceo .buttonGroup button    {font-family: "Pretendard"; background: none; width: 640px; padding: 28px 0; color: #ffffff; font-size: 23px; font-weight: 500;}
.ceo .buttonGroup .apply    {position: relative;}
.ceo .buttonGroup .download {position: relative;}
.ceo .buttonGroup .apply::after     {content: ''; position: absolute; background: url('../_img/pc/mainBtnArrow.png')no-repeat 50% 50%; width: 16px; height: 19px; margin-left: 7px; margin-top: 4px; animation: move-arrow 1.5s ease-in-out infinite alternate;}
.ceo .buttonGroup .download::before {content: ''; position: absolute; width: 1px; height: 56px; opacity: 0.3; left: 0; z-index: 10; background: #ffffff; top: 15px;}
.ceo .buttonGroup .download::after  {content: ''; position: absolute; background: url('../_img/pc/mainBtnDown.png')no-repeat 50% 50%; width: 24px; height: 24px; margin-left: 15px; animation: move-down 1.5s ease-in-out infinite alternate;}
@keyframes move-arrow {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(10px);
  }
}

@keyframes move-down {
  0% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(5px);
  }
}

.visual + .titleGroup   {margin-top: 100px;}
.titleGroup         {word-break: keep-all; align-items: last baseline; gap: 125px; max-width: 1280px; margin: 150px auto 50px; display: flex; width: 100%;}
.titleGroup .tRight  {color: #333333; font-size: 19px; font-weight: 300; line-height: 31px;}
.titleGroup .blueTitle   {font-size: 19px; font-weight: 500; color: #0F6DCD; background: rgba(15, 109, 205, 0.2); padding: 9px 16px; border-radius: 5px; margin-bottom: 15px; display: inline-block;}
.titleGroup h4  {line-height: 70px; color: #000000; font-weight: 700; font-size: 64px; margin-top: 5px;}

.titleGroup02   {margin: 100px auto 25px; max-width: 1280px;}
.titleGroup02 h5    {color: #333333; font-size: 40px; font-weight: 600; line-height: 40px; margin-bottom: 5px;}
.titleGroup02 .plaintext    {color: #333333; font-size: 19px; line-height: 36px; font-weight: 300;}

.aiEX   {background: #F1F1F1; margin: 0 auto; max-width: 1280px; padding: 43px; border-radius: 10px;}
.aiEX > .title       {text-align: center; display: grid; line-height: 1.2;font-size: 30px; margin-bottom: 30px; color: #333333;}
.aiEX .title span   {font-weight: 300;}
.aiEX .title b      {font-weight: 600;}
.aiEX .aimWrap      {display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr);}
.aiEX .aimWrap .aiDiv   {box-shadow: 3px 3px 32px rgba(0, 0, 0, 0.14);}
.aiEX .aimWrap .imageArea   {height: 186px; padding: 65px 20px; text-align: center; color: #ffffff; border-radius: 5px 5px 0 0;}
.aiEX .aimWrap .imageArea p   {font-size: 28px; font-weight: 600; margin-bottom: 3px;}
.aiEX .aimWrap .imageArea span   {font-size: 19px; font-weight: 300;}
.aiEX .aimWrap .aim01 .imageArea    {background: url('../_img/pc/aim01.jpg')no-repeat 50% 50%;}
.aiEX .aimWrap .aim02 .imageArea    {background: url('../_img/pc/aim02.jpg')no-repeat 50% 50%;}
.aiEX .aimWrap .aim03 .imageArea    {background: url('../_img/pc/aim03.jpg')no-repeat 50% 50%;}
.aiEX .aimWrap .whiteArea    {background: #ffffff; border-radius: 0 0 5px 5px; padding: 30px 35px; height: 370px;}
.aiEX .aimWrap .whiteArea .dotLists ul      {margin-bottom: 20px;}
.aiEX .aimWrap .whiteArea .dotLists ul li  {font-size: 19px; color: #333333; line-height: 32px; position: relative; padding-left: 12px;}
.aiEX .aimWrap .whiteArea .dotLists ul li::before   {top: 12px; content: ''; width: 5px; height: 5px; background: #B8B8B8; border-radius: 5px; left: 0; position: absolute; top: 11px;}
.aiEX .aimWrap .whiteArea .lists    {margin-top: 20px; position: relative;}
.aiEX .aimWrap .whiteArea .lists::before    {content: ''; position: absolute; top: -20px; width: 100%; background: #CBCBCB; height: 1px; margin: 0 auto;}
.aiEX .aimWrap .whiteArea .lists > div    {margin-bottom: 15px;}
.aiEX .aimWrap .whiteArea .lists > div:first-child  {margin-top: 40px;}
.aiEX .aimWrap .whiteArea .lists > div:last-child   {margin-bottom: 0;}
.aiEX .aimWrap .whiteArea .lists > div .title   {display: inline-block; background: #333333; border-radius: 40px; padding: 9px 15px; color: #ffffff; font-size: 17px; font-weight: 600;}
.aiEX .aimWrap .whiteArea .lists > div .title + p   {padding-left: 11px; margin-top: 10px; font-size: 17px; font-weight: 300; color: #333333;}

.aiManage   {max-width: 1280px; margin: 0 auto; background: url('../_img/pc/aiManagementBG.png')no-repeat 50% 50%; height: 429px; border-radius: 10px; display: flex; justify-content: center; align-items: center; gap: 153px;}
.aiManage .aim01   {text-align: center; padding: 151px 30px 20px; position: relative; background: #93939357; width: 240px; height: 240px; border-radius: 240px; color: #ffffff; font-weight: 600; font-size: 19px; line-height: 1.2;}
.aiManage .aim01::before    {content: ''; position: absolute; background: url(../_img/pc/aiManage01.png) no-repeat 50% 50%; right: 66px; width: 105px; height: 82px; top: 47px}
.aiManage .aim02        {position: relative;}
.aiManage .aim02::before{content: ''; position: absolute; background: url(../_img/pc/X.png)no-repeat 50% 50%; width: 15px; height: 15px; left: -25%; top: 50%;}
.aiManage .aim02::after {content: ''; position: absolute; background: url(../_img/pc/X.png)no-repeat 50% 50%; width: 15px; height: 15px; right: -25%; top: 50%;}
.aiManage .aim02 > p    {font-size: 22px; font-weight: 600; color: #ffffff; border-radius: 40px; padding: 20px; width: 300px; text-align: center;}
.aiManage .aim02 > p + p    {margin-top: 11px;}
.aiManage .aim02 .pur   {background: rgba(84, 55, 152, 0.7);}
.aiManage .aim02 .blu   {background: rgba(55, 94, 152, 0.7);}
.aiManage .aim02 .gre   {background: rgba(55, 139, 152, 0.7);}
.aiManage .aim03        {padding: 160px 30px 20px; text-align: center; position: relative; background: #93939357; width: 240px; height: 240px; border-radius: 240px; color: #ffffff; font-weight: 600; font-size: 19px; line-height: 1.2;}
.aiManage .aim03::before    {content: ''; position: absolute; background: url(../_img/pc/aiManage02.png) no-repeat 50% 50%; width: 96px; height: 81px; top: 61px; left: 71px;}

.programTab {max-width: 1280px; margin: 0 auto;}
.programTab .p_tab  {display: flex; justify-content: center; gap: 131px; margin-top: 120px;}
.programTab .p_tab > li a {color: #000000; font-size: 22px; font-weight: 600; transition: all 0.5s ease; position: relative;}
.programTab .p_tab > li:nth-child(1) a   {background: url(../_img/pc/p_tab01.png)no-repeat 50% 50% /52px; padding: 100px 0 0;}
.programTab .p_tab > li:nth-child(2) a   {background: url(../_img/pc/p_tab02.png)no-repeat 50% 50% /66px; padding: 124px 0 0;}
.programTab .p_tab > li:nth-child(3) a   {background: url(../_img/pc/p_tab03.png)no-repeat 50% 50% /60px; padding: 110px 0 0;}
.programTab .p_tab > li:nth-child(4) a   {background: url(../_img/pc/p_tab04.png)no-repeat 50% 50% /74px; padding: 100px 0 0;}
.programTab .p_tab > li.on:nth-child(1) a   {color: #F09332;}
.programTab .p_tab > li.on:nth-child(2) a   {color: #0F6DCD;}
.programTab .p_tab > li.on:nth-child(3) a   {color: #FF5252;}
.programTab .p_tab > li.on:nth-child(4) a   {color: #9F4DFB;}
.programTab .p_tab > li.on:nth-child(1) a::after {content: ''; background: #F09332;}
.programTab .p_tab > li.on:nth-child(2) a::after {content: ''; background: #0F6DCD;}
.programTab .p_tab > li.on:nth-child(3) a::after {content: ''; background: #FF5252;}
.programTab .p_tab > li.on:nth-child(4) a::after {content: ''; background: #9F4DFB;}
.programTab .p_tab li a {position: relative;}
.programTab .p_tab li a::after {content: ""; position: absolute; bottom: -10px; left: 0; display: block; width: 0; height: 3px; opacity: 0; background: #222; transition: width .3s ease-in-out, opacity .1s ease-in-out;}
.programTab .p_tab li a:hover::after {width: 100%; opacity: 1;}
.programTab .p_tab > li.on a::after {width: 100%; opacity: 1;}

.programTab .tabCont        {display: none;}
.programTab .tabCont.on     {display: flex; margin-top: 35px;}
.programTab .tabCont .imgArea   {width: 407px; height: 422px; margin-right: 20px; border-radius: 10px;}
.programTab .tabCont .imgArea .text   {color: #ffffff; padding: 55px 50px;}
.programTab .tabCont .imgArea .module   {font-size: 19px; line-height: 22px; font-weight: 600; margin-bottom: 15px;}
.programTab .tabCont .imgArea .mainTitle   {font-size: 28px; font-weight: 600; line-height: 30px; margin-bottom: 5px;}
.programTab .tabCont .imgArea .engTitle   {font-size: 22px; font-weight: 300; opacity: 0.3;}
.programTab .tabCont .textArea  {padding: 65px; border-radius: 10px; width: calc(100% - 407px);}
.programTab .tabCont .t_ul      {display: grid; gap: 40px; grid-template-columns: repeat(2, 1fr);}
.programTab .tabCont .t_ul > li      {padding-left: 16px;  position: relative;}
.programTab .tabCont .t_ul > li::before {content: ''; width: 6px; height: 6px; border-radius: 6px; opacity: 0.4; background: #000000; left: 0; top: 10px; position: absolute;}
.programTab .tabCont .t_ul > li > p     {font-size: 22px; font-weight: 600; color: #333333; margin-bottom: 10px;}
.programTab .tabCont .t_ul02 > li       {font-size: 19px; color: #333333; font-weight: 300; line-height: 1.2;}
.programTab .tabCont .t_ul02 > li + li  {margin-top: 8px;}
.programTab #menu01 .imgArea    {background: url(../_img/pc/module01.png)no-repeat 50% 50%;}
.programTab #menu02 .imgArea    {background: url(../_img/pc/module02.png)no-repeat 50% 50%;}
.programTab #menu03 .imgArea    {background: url(../_img/pc/module03.png)no-repeat 50% 50%;}
.programTab #menu04 .imgArea    {background: url(../_img/pc/module04.png)no-repeat 50% 50%;}
.programTab #menu01 .textArea   {background: #F6EDE4;}
.programTab #menu02 .textArea   {background: #DAEBFF;}
.programTab #menu03 .textArea   {background: #FFE9E9;}
.programTab #menu04 .textArea   {background: #ECDDFF;}

.subArea    {background: url(../_img/pc/subAreaBG.png) no-repeat 50% 50%; height: 630px; margin-top: 150px;}
.subArea > div  {max-width: 1280px; margin: 0 auto; padding-top: 170px;}
.subArea .blue  {color: #60AFFF; font-size: 26px; font-weight: 400; line-height: 26px; margin-bottom: 12px;} 
.subArea h4     {color: #ffffff; font-weight: 700; font-size: 64px; line-height: 65px; margin-bottom: 55px;}
.subArea .subTitle  {color: #ffffff; margin-bottom: 20px; font-weight: 600; font-size: 32px;}
.subArea .text      {color: #ffffff; opacity: 0.6; font-size: 19px; line-height: 31px;}

.eduDiv {max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px;}
.eduDiv .eDiv   {padding: 65px 35px; background: #F1F1F1; border-radius: 10px;}
.eduDiv .eDiv > p   {font-size: 22px; font-weight: 600; color: #000000; line-height: 24px; margin-bottom: 10px;}
.eduDiv .eDiv > span   {font-size: 19px; line-height: 28px; color: #333333; margin-left: 35px; display: block;}
.eduDiv .eDiv01 p           {position: relative; padding-left: 35px;}
.eduDiv .eDiv01 p::before   {content: ''; position: absolute; left: 0; background: url(../_img/pc/edu01.png) no-repeat 50% 50% / 25px; width: 25px; height: 26px;}
.eduDiv .eDiv02 p           {position: relative; padding-left: 35px;}
.eduDiv .eDiv02 p::before   {content: ''; position: absolute; left: 0; background: url(../_img/pc/edu02.png) no-repeat 50% 50% / 27px; width: 27px; height: 27px;}
.eduDiv .eDiv03 p           {position: relative; padding-left: 35px;}
.eduDiv .eDiv03 p::before   {content: ''; position: absolute; left: 0; background: url(../_img/pc/edu03.png) no-repeat 50% 50% / 30px; width: 30px; height: 29px;}
.eduDiv .eDiv04 p           {position: relative; padding-left: 35px;}
.eduDiv .eDiv04 p::before   {content: ''; position: absolute; left: 0; background: url(../_img/pc/edu04.png) no-repeat 50% 50% / 31px; width: 31px; height: 31px;}
.eduDiv .eDiv05 p           {position: relative; padding-left: 35px;}
.eduDiv .eDiv05 p::before   {content: ''; position: absolute; left: 0; background: url(../_img/pc/edu05.png) no-repeat 50% 50% / 26px; width: 26px; height: 28px;}

.aiBiz .pc  {display: block; background: url(../_img/pc/aiBizBG.png) no-repeat 50% 50%; height: 900px;}
.aiBiz .ta,
.aiBiz .mo  {display: none;}
.aiBiz p > img  {width: 100%; margin: 0 auto; text-align: center; display: block; max-width: 1280px;}

.gallery            {max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;}
.gallery > div      {filter: drop-shadow(5px 5px 13px rgba(0, 0, 0, 0.25)); overflow: hidden; position: relative; border-radius: 10px; height: 253px;}
.gallery > div::before  {content: ''; position: absolute; width: 100%; z-index: 2; height: 91px; bottom: 0; background: linear-gradient(360deg, #000000 14.16%, rgba(0, 0, 0, 0) 117.01%); opacity: 0.7;}
.gallery .imgArea       {position: absolute; z-index: 1; border-radius: 10px;}
.gallery .imgArea .tamo {display: none;}
.gallery .text          {position: absolute; z-index: 3; color: #ffffff; width: 100%; bottom: 0;font-size: 22px; font-weight: 500; padding: 30px;}
.ceoGallery > div:nth-child(5)  {border: 1px solid #D8D8D8;}

.basicTabWrap   {max-width: 1280px; margin: 0 auto;}
.basicTabWrap .basicTab {border-radius: 5px; overflow: hidden; display: flex; width: 100%; justify-content: space-around;}
.basicTabWrap .basicTab li  {width: 100%;}
.basicTabWrap .basicTab li a          {line-height: 1.2; transition: all 0.3s ease 0s; display: flex; justify-content: center; align-items: center; text-align: center;  background: #EFEFEF; padding: 18px 18px; width: 100%; color: #333333; font-size: 22px; font-weight: 500;word-break: keep-all;}
.basicTabWrap .basicTab li a:hover    {background: #DEDEDE; border-radius: 5px;}
.basicTabWrap .basicTab li.active a   {background: #000000; border-radius: 5px; color: #ffffff;}
.basicTabWrap .tCont        {display: none;}
.basicTabWrap .tCont.on     {display: block;}

.commonTable            {margin-top: 35px; width: 100%; border-collapse: collapse;}
.commonTable tr:first-child {border-top: solid 2px #000;}
.commonTable tbody th   {padding: 19px 20px; background: #EFEFEF; color: #333333; font-weight: 500; font-size: 19px; border-bottom: 1px solid #CDCDCD; vertical-align: middle;}
.commonTable tbody td   {font-size: 19px; color: #333333; font-weight: 300; padding: 19px 20px; border-bottom: 1px solid #CDCDCD; border-right: #CDCDCD;}
.commonTable tbody td:last-child    {border-right: none;}
.commonTable thead th               {padding: 18px 20px; background: #000; color: #fff; font-size: 19px; font-weight: 600; border-right: 1px solid #fff;}
.commonTable thead th:last-child    {border-right: none;}

.applyBtm  {height: 301px; background: url(../_img/pc/applyBG.png) no-repeat 50% 50%; margin-top: 150px; align-items: center; display: flex;}
.applyBtm > div {max-width: 1280px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; width: 100%;}
.applyBtm > div > p {color: #ffffff; font-size: 42px; line-height: 50px; font-weight: 600;}
.applyBtm > div > button    {transition: all ease 0.2s; background: rgba(36, 143, 175, 1);border-radius: 90px; width: 355px; padding: 18px 40px; align-items: center; justify-content: space-between; display: flex;}
.applyBtm > div > button p  {color: #ffffff; font-size: 19px; font-weight: 500; font-family: "Pretendard";}
.applyBtm > div > button img {width: 10px; height: 15px; margin-top: 6px;}
.applyBtm button:hover      {box-shadow: 0px 15px 20px rgba(27, 39, 63, 0.4); transform: translateY(-5px);}
.applyBtm .tamo {display: none;}

.applyBtm.downBtm > div > button img	{width: 24px; height: 24px;}

/* DEFENCE */
.visual.defVis .txt {top: 265px;}
.visual.defVis .txt .subtext span {background: #00A17C; padding: 15px 46px; font-size: 26px; font-weight: 500;}
.visual.defVis .txt .maintext  {margin-top: 75px;}
.visual.defVis p.bg           {transform: scale(1.2); transition: transform 1.8s ease-out;}
.visual.defVis.activate p.bg  {transform:  scale(1);}
.visual.defVis p.bg > img   {width: 100%;}
.visual.defVis .submaintext .tamo {display: none;}

.defence .buttonGroup           {display: flex; justify-content: center; background: linear-gradient(90deg, #006AFF 0%, #00A17C 100%);}
.defence .buttonGroup button    {font-family: "Pretendard"; background: none; width: 640px; padding: 28px 0; color: #ffffff; font-size: 23px; font-weight: 500;}
.defence .buttonGroup .apply    {position: relative;}
.defence .buttonGroup .download {position: relative;}
.defence .buttonGroup .apply::after     {content: ''; position: absolute; background: url('../_img/pc/mainBtnArrow.png')no-repeat 50% 50%; width: 16px; height: 19px; margin-left: 7px; margin-top: 4px; animation: move-arrow 1.5s ease-in-out infinite alternate;}
.defence .buttonGroup .download::before {content: ''; position: absolute; width: 1px; height: 56px; opacity: 0.3; left: 0; z-index: 10; background: #ffffff; top: 15px;}
.defence .buttonGroup .download::after  {content: ''; position: absolute; background: url('../_img/pc/mainBtnDown.png')no-repeat 50% 50%; width: 24px; height: 24px; margin-left: 15px; animation: move-down 1.5s ease-in-out infinite alternate;}
@keyframes move-arrow {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(10px);
  }
}

@keyframes move-down {
  0% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(5px);
  }
}

div.bk {background: #171A20; padding: 150px 0;}
div.grey  {background: #F1F1F1; padding: 150px 0; margin-top: 150px;}

.titleGroup03         {word-break: keep-all; align-items: last baseline; gap: 125px; max-width: 1280px; margin: 0px auto; display: flex; width: 100%; padding: 0px 0 50px;}
.titleGroup03 .sTitle {font-size: 19px; font-weight: 500; color: #171A20; background: #0EBE95; padding: 9px 16px; border-radius: 5px; margin-bottom: 15px; display: inline-block;}
.titleGroup03 h4      {line-height: 64px; color: #ffffff; font-weight: 700; font-size: 64px; margin-top: 5px;}

.titleGroup .greenTitle {font-size: 19px; font-weight: 500; color: #109F7D; background: rgba(14, 190, 149, 0.19); padding: 9px 16px; border-radius: 5px; margin-bottom: 15px; display: inline-block;}
.titleGroup.block   {display: block;}
.titleGroup .subTitle {font-size: 32px; line-height: 40px; color: #000000; font-weight: 300;}
.titleGroup .subBlueTitle	{font-size: 50px; line-height: 64px; color: #5E7BB3; font-weight: 700; margin-top: 8px;}
.titleGroup.margin  {margin: 0 auto;}
.titleGroup .tRight02 {display: flex; gap: 10px;}
.titleGroup .tRight02 p {padding: 9px 20px 9px 33px;  position: relative; font-size: 19px; font-weight: 500; border-radius: 40px;}
.titleGroup .tRight02 p.red {background: rgba(255, 82, 82, 0.42); color: #6B0B0B;}
.titleGroup .tRight02 p.red::before {content: ''; position: absolute; width: 6px; height: 6px; border-radius: 6px; left: 19px; top: 18px; background: rgba(255, 82, 82, 0.5);}
.titleGroup .tRight02 p.org {background: rgba(241, 154, 63, 0.46); color: #915313;}
.titleGroup .tRight02 p.org::before {content: ''; position: absolute; width: 6px; height: 6px; border-radius: 6px; left: 19px; top: 18px; background: rgba(157, 98, 36, 0.6);}
.titleGroup .tRight02 p.grn {background: rgba(14, 190, 149, 0.38); color: #0D725B;}
.titleGroup .tRight02 p.grn::before {content: ''; position: absolute; width: 6px; height: 6px; border-radius: 6px; left: 19px; top: 18px; background: rgba(13, 113, 91, 0.6);}
.titleGroup .tRight02 p.blu {background: rgba(15, 109, 205, 0.33); color: #08325C;}
.titleGroup .tRight02 p.blu::before {content: ''; position: absolute; width: 6px; height: 6px; border-radius: 6px; left: 19px; top: 18px; background: rgba(8, 50, 92, 0.6);}
.titleGroup .tRight02 p.pur {background: rgba(176, 164, 220, 0.8); color: #2D1D66;}
.titleGroup .tRight02 p.pur::before {content: ''; position: absolute; width: 6px; height: 6px; border-radius: 6px; left: 19px; top: 18px; background: rgba(45, 29, 102, 0.6);}

.greetings  {max-width: 1280px; margin: 0 auto; display: flex; gap: 30px;}
.greetings .gDiv  {position: relative; width: 50%; padding: 100px 60px; color: #fff; filter: drop-shadow(6px 6px 21px rgba(0, 0, 0, 0.26)); border-radius: 10px;}
.greetings .gDiv .title  {font-size: 32px; line-height: 46px; font-weight: 600; margin-bottom: 30px;}
.greetings .gDiv > span {word-break: keep-all; margin-bottom: 90px; display: block; opacity: 0.65; font-size: 19px; line-height: 34px; font-weight: 300;}
.greetings .gDiv .name  {text-align: right; position: absolute; bottom: 100px; right: 60px;}
.greetings .gDiv .name > p {font-size: 22px; line-height: 25px; font-weight: 500;}
.greetings .gDiv .name > span {font-size: 18px; line-height: 22px; margin-bottom: 13px; display: block;}
.greetings .gd01  {background: url(../_img/pc/greetings01.jpg)no-repeat 50% 50% / cover;}
.greetings .gd02  {background: url(../_img/pc/greetings02.jpg)no-repeat 50% 50% / cover;}

.vision       {display: block; position: relative; background: linear-gradient(90deg, #D5E8FF 0%, #FFFFFF 100%); padding: 80px 0;}
.vision::after{position: absolute; content: ''; background: url(../_img/pc/jet.png) no-repeat 50% 50% / 652px; width: 652px; right: 230px; bottom: -9px; height: 435px;}
.vision > div {padding: 0 55px 0; max-width: 1280px; margin: 0 auto;}
.vision > div p {font-size: 45px; line-height: 45px; margin-bottom: 30px; color: #2D6CBF;}
.vision > div p b {font-weight: 700;} 
.vision > div span {font-size: 25px; line-height: 25px; font-weight: 400; color: #163967;}

.visionPlus       {max-width: 1280px; margin: 35px auto 0; display: flex; justify-content: space-between; gap: 22px;}
.visionPlus > div	{cursor: pointer; width: 290px; height: 625px; box-sizing: border-box; overflow: hidden; transition:all 0.4s ease-in-out; border-radius: 10px; padding: 60px 55px; color: #fff;}
.visionPlus > div.active	{width: 656px; transition:all 0.4s ease-in-out; padding: 60px 55px;}
.visionPlus > .v01		{background: url('../_img/pc/visplus01.jpg') no-repeat 50% 50%;}
.visionPlus > .v02		{background: url('../_img/pc/visplus02.jpg') no-repeat 50% 50%;}
.visionPlus > .v03		{background: url('../_img/pc/visplus03.jpg') no-repeat 50% 50%;}
.visionPlus > .v01.active		{background: url('../_img/pc/visplus01.jpg') no-repeat 50% 50%;}
.visionPlus > .v02.active		{background: url('../_img/pc/visplus02.jpg') no-repeat 50% 50%;}
.visionPlus > .v03.active		{background: url('../_img/pc/visplus03.jpg') no-repeat 50% 50%;}
.visionPlus > div p.t02 {opacity: 0;}
.visionPlus > div span {opacity: 0;}
.visionPlus > div p.t01  {opacity: 1; font-weight: 700; font-size: 35px; line-height: 40px; margin-bottom: 5px;}
.visionPlus > div.active p.t01  {opacity: 0.3;}
.visionPlus > div.active p.t02 {opacity: 1; font-weight: 700; font-size: 35px; line-height: 40px; margin-bottom: 24px;}
.visionPlus > div.active span {opacity: 1; font-weight: 400; font-size: 19px; line-height: 31px; word-break: keep-all;}

.schedule     {margin-top: 50px;}
.schedule .pc {border-radius: 10px; overflow: hidden; width: 100%; max-width: 1280px; margin: 0 auto; box-shadow: 3px 3px 32px rgba(0, 0, 0, 0.14);}
.schedule .tamo {display: none;}

.program   {background: #F1F1F1; margin: 0 auto; max-width: 1280px; padding: 43px; border-radius: 10px;}
.program > div      {display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr);}
.program > div .pDiv   {box-shadow: 3px 3px 32px rgba(0, 0, 0, 0.14);}
.program > div .imageArea   {height: 186px; padding: 65px 20px; text-align: center; color: #ffffff; border-radius: 5px 5px 0 0;}
.program > div .imageArea p   {font-size: 28px; font-weight: 600; margin-bottom: 3px;}
.program > div .imageArea span   {font-size: 19px; font-weight: 300;}
.program > div .pDiv01  .imageArea    {background: url('../_img/pc/pDiv01.jpg')no-repeat 50% 50%;}
.program > div .pDiv02  .imageArea    {background: url('../_img/pc/pDiv02.jpg')no-repeat 50% 50%;}
.program > div .pDiv03  .imageArea    {background: url('../_img/pc/pDiv03.jpg')no-repeat 50% 50%;}
.program > div .whiteArea    {background: #ffffff; border-radius: 0 0 5px 5px; padding: 30px 35px; height: 475px;}
.program > div .title {display: inline-block; background: #333333; border-radius: 40px; padding: 9px 15px; color: #fff; font-size: 17px; font-weight: 600; margin-bottom: 11px;}
.program > div ul li            {word-break: keep-all; padding-left: 14px; position: relative; margin-top: 8px; line-height: 24px; font-size: 19px; color: #333333; font-weight: 400;}
.program > div ul li:first-child {margin-top: 0px;}
.program > div ul li::before  {content: ''; width: 5px; height: 5px; background: #B8B8B8; border-radius: 5px; left: 0; position: absolute; top: 10px;}

.greyText {margin: 15px auto 0; word-break: keep-all; max-width: 1280px; width: 100%; display: block; font-size: 18px; font-weight: 400; line-height: 24px; color: #666666;}

@media only screen and (max-width: 1650px)	{

/* CEO TABLET */
 .visual.ceoVis {background: url('../_img/mo/ceoMainBG.png')no-repeat 50% 50% / cover; height: 730px;}
 .visual p.bg > img    {display: none;}
 .visual .txt   {top: 51%; transform: translateY(-50%);}
 .visual .txt .submaintext span  {font-size: 30px;}
 .visual .txt .maintext          {margin-top: 40px;}
 .visual .txt .maintext span     {font-size: 84px;}
 .visual .txt .subtext           {margin-top: 35px;}
 .visual .txt .subtext span      {font-size: 19px;}

 .ceo .buttonGroup button   {padding: 22px 0; font-size: 21px;}
 .ceo .buttonGroup .apply::after    {background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 15px; width: 16px; height: 19px;}
 .ceo .buttonGroup .download::before    {height: 40px; top: 14px;}
 .ceo .buttonGroup .download::after {background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 19px; width: 20px; height: 20px;}
 
 @keyframes move-down {
  0% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(3px);
  }
 }
 
 .titleGroup    {margin: 100px auto 30px; max-width: unset; padding: 0 40px; gap: 100px;}
 .titleGroup .blueTitle {font-size: 18px; padding: 8px 13px; margin-bottom: 10px;}
 .titleGroup .greenTitle {font-size: 18px; padding: 8px 13px; margin-bottom: 10px;}
 .titleGroup h4 {font-size: 57px; margin-top: 5px; line-height: 57px;} 
 .titleGroup .subBlueTitle	{font-size: 42px; line-height: 52px; margin-top: 6px;}

 .titleGroup02    {margin: 80px auto 30px; max-width: unset; padding: 0 40px;}
 .titleGroup02 h5 {font-size: 35px;}

 .aiEX  {max-width: unset; margin: 0 40px 0;}
 .aiEX > .title {font-size: 27px; margin-bottom: 25px;}
 .aiEX .aimWrap .aim01 .imageArea   {background: url('../_img/mo/aim01.jpg')no-repeat 50% 50%/cover;}
 .aiEX .aimWrap .aim02 .imageArea   {background: url('../_img/mo/aim02.jpg')no-repeat 50% 50%/cover;}
 .aiEX .aimWrap .aim03 .imageArea   {background: url('../_img/mo/aim03.jpg')no-repeat 50% 50%/cover;}

 .aiManage  {max-width: unset; margin: 0 40px 0; background: url('../_img/mo/aiManagementBG.png')no-repeat 50% 50%/cover;}
 .aiManage .aim01::before {background: url(../_img/mo/aiManage01.png) no-repeat 50% 50% /105px;}
 .aiManage .aim03::before {background: url(../_img/mo/aiManage02.png) no-repeat 50% 50% /96px;}
 .aiManage .aim02::before {background: url(../_img/mo/X.png)no-repeat 50% 50% /15px; width: 15px; height: 15px;}
 .aiManage .aim02::after {background: url(../_img/mo/X.png)no-repeat 50% 50% /15px; width: 15px; height: 15px;}

 .programTab    {max-width: unset; margin: 0 40px 0;}

 .subArea {background: url(../_img/mo/subAreaBG.png) no-repeat 50% 50%/cover; height: 560px; margin-top: 100px;}
 .subArea > div {max-width: unset; margin: 0 40px; padding-top: 150px;}
 .subArea h4  {font-size: 57px; margin-bottom: 45px;}
 .subArea .blue {font-size: 24px;}
 .subArea .subTitle {font-size: 30px;}

 .eduDiv    {max-width: unset; margin: 0 40px 0;}
 
 .basicTabWrap  {max-width: unset; margin: 0 40px 0;}
 .programTab .p_tab {gap: 100px;}
 .programTab .tabCont .textArea  {padding: 45px;}
 .basicTabWrap .basicTab li a {padding: 15px 15px; font-size: 20px;}

 .commonTable {margin-top: 25px;}
 .commonTable thead th  {font-size: 18px;}
 .commonTable tbody th  {font-size: 18px;}
 .commonTable tbody td  {font-size: 18px;}

 .aiBiz .pc {display: none;}
 .aiBiz .ta {display: block;}
 .aiBiz p > img {max-width: unset;}

 .applyBtm  {background: url(../_img/mo/applyBG.png) no-repeat 50% 50%/cover; margin-top: 100px;}
 .applyBtm > div    {max-width: unset; margin: 0 40px 0;}
 .applyBtm > div > p  {font-size: 40px; line-height: 47px;}
 .applyBtm .pc    {display: none;}
 .applyBtm .tamo  {display: block;}
 .applyBtm > div > button img {margin-top: 5px;}

 .gallery {max-width: unset; margin: 0 40px;}
 .gallery .imgArea .pc  {display: none;}
 .gallery.ceoGallery div:nth-child(1) {background: url(../_img/mo/ceo_gallery01.jpg) no-repeat 50% 50%/cover;}
 .gallery.ceoGallery div:nth-child(2) {background: url(../_img/mo/ceo_gallery02.jpg) no-repeat 50% 50%/cover;}
 .gallery.ceoGallery div:nth-child(3) {background: url(../_img/mo/ceo_gallery03.jpg) no-repeat 50% 50%/cover;}
 .gallery.ceoGallery div:nth-child(4) {background: url(../_img/mo/ceo_gallery04.jpg) no-repeat 50% 50%/cover;}
 .gallery.ceoGallery div:nth-child(5) {background: url(../_img/mo/ceo_gallery05.jpg) no-repeat 50% 50%/cover;}
 .gallery.ceoGallery div:nth-child(6) {background: url(../_img/mo/ceo_gallery06.jpg) no-repeat 50% 50%/cover;}
 .gallery > div {height: 248px;}


/* DEFENCE TABLET */
 .visual.defVis {background: url('../_img/mo/defMainBG.png')no-repeat 50% 50% / cover; height: 730px;}
 .visual.defVis .submaintext .pc   {display: none;}
 .visual.defVis .submaintext .tamo {display: block; width: 100%;}
 .visual.defVis .submaintext span  {width: 190px;}
 .visual.defVis .txt {top: 55%;}
 .visual.defVis .txt .maintext {margin-top: 45px;}
 .visual .txt .subtext {margin-top: 30px;}

 .gallery.defGallery div:nth-child(1) {background: url(../_img/mo/def_gallery01.jpg) no-repeat 50% 50%/cover;}
 .gallery.defGallery div:nth-child(2) {background: url(../_img/mo/def_gallery02.jpg) no-repeat 50% 50%/cover;}
 .gallery.defGallery div:nth-child(3) {background: url(../_img/mo/def_gallery03.jpg) no-repeat 50% 50%/cover;}
 .gallery.defGallery div:nth-child(4) {background: url(../_img/mo/def_gallery04.jpg) no-repeat 50% 50%/cover;}
 .gallery.defGallery div:nth-child(5) {background: url(../_img/mo/def_gallery05.jpg) no-repeat 50% 50%/cover;}
 .gallery.defGallery div:nth-child(6) {background: url(../_img/mo/def_gallery06.jpg) no-repeat 50% 50%/cover;}

 .defence .buttonGroup button   {padding: 22px 0; font-size: 21px;}
 .defence .buttonGroup .apply::after    {background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 15px; width: 16px; height: 19px;}
 .defence .buttonGroup .download::before    {height: 40px; top: 14px;}
 .defence .buttonGroup .download::after {background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 19px; width: 20px; height: 20px;}
 
 @keyframes move-down {
  0% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(3px);
  }
 }

 div.bk {padding: 100px 0; overflow: hidden;}
 div.grey  {padding: 100px 0; margin-top: 100px;}

 .titleGroup03    {margin: 0 40px 30px; max-width: unset; gap: 100px; padding-bottom: 0;}
 .titleGroup03 .sTitle {font-size: 18px; padding: 8px 13px; margin-bottom: 10px;}
 .titleGroup03 h4 {font-size: 57px; margin-top: 5px; line-height: 57px;} 

 .greetings {max-width: unset; margin: 0 40px;}
 .greetings .gDiv {padding: 60px 45px;}
 .greetings .gDiv .title  {font-size: 29px; line-height: 40px; margin-bottom: 25px;}
 .greetings .gDiv > span  {font-size: 18px; line-height: 32px;}
 .greetings .gDiv .name {bottom: 60px;}
 .greetings .gDiv .name > span  {font-size: 16px; margin-bottom: 6px;}
 .greetings .gDiv .name > p {font-size: 21px;}
 .greetings .gd01 {background: url(../_img/mo/greetings01.jpg)no-repeat 50% 50% / cover;}
 .greetings .gd02 {background: url(../_img/mo/greetings02.jpg)no-repeat 50% 50% / cover;}

 .titleGroup .subTitle  {font-size: 29px; line-height: 38px; margin-top: 14px;}

 .vision        {padding: 60px 0;}
 .vision::after {right: 0; width: 485px; background: url(../_img/mo/jet.png) no-repeat 50% 50% / 482px; right: 0; bottom: 20px; height: 255px;}
 .vision > div  {padding: 0 40px 0; max-width: unset;}
 .vision > div p  {font-size: 40px; margin-bottom: 17px;}
 .vision > div span {font-size: 22px;}

 .visionPlus  {max-width: unset; margin: 35px 40px 0; gap: 15px;}
 .visionPlus > .v01  {background: url('../_img/mo/visplus01.jpg') no-repeat 50% 50% /cover;}
 .visionPlus > .v02  {background: url('../_img/mo/visplus02.jpg') no-repeat 40% 50% /cover;}
 .visionPlus > .v03  {background: url('../_img/mo/visplus03.jpg') no-repeat 50% 50% /cover;}
 .visionPlus > .v01.active  {background: url('../_img/mo/visplus01.jpg') no-repeat 50% 50% /cover;}
 .visionPlus > .v02.active  {background: url('../_img/mo/visplus02.jpg') no-repeat 30% 50% /cover;}
 .visionPlus > .v03.active  {background: url('../_img/mo/visplus03.jpg') no-repeat 50% 50% /cover;}
 .visionPlus > div.active {width: 55%; padding: 50px 45px;}
 .visionPlus > div        {width: 21%; height: 540px; padding: 50px 45px;}
 .visionPlus > div p.t01  {font-size: 32px; margin-bottom: 0px;}
 .visionPlus > div.active p.t02 {font-size: 32px;}

 .program   {background: #F1F1F1; margin: 0 40px 0; max-width: unset; padding: 30px; border-radius: 10px;}
 .program > div      {display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr);}
 .program > div .pDiv   {box-shadow: 3px 3px 32px rgba(0, 0, 0, 0.14);}
 .program > div .imageArea   {height: 186px; padding: 65px 20px; text-align: center; color: #ffffff; border-radius: 5px 5px 0 0;}
 .program > div .imageArea p   {font-size: 28px; font-weight: 600; margin-bottom: 3px;}
 .program > div .imageArea span   {font-size: 19px; font-weight: 300;}
 .program > div .pDiv01  .imageArea    {background: url('../_img/mo/pDiv01.jpg')no-repeat 50% 50%/cover;}
 .program > div .pDiv02  .imageArea    {background: url('../_img/mo/pDiv02.jpg')no-repeat 50% 50%/cover;}
 .program > div .pDiv03  .imageArea    {background: url('../_img/mo/pDiv03.jpg')no-repeat 50% 50%/cover;}
 .program > div .whiteArea    {background: #ffffff; border-radius: 0 0 5px 5px; padding: 30px 35px; height: 475px;}
 .program > div .title {display: inline-block; background: #333333; border-radius: 40px; padding: 9px 15px; color: #fff; font-size: 17px; font-weight: 600; margin-bottom: 11px;}
 .program > div ul li            {word-break: keep-all; padding-left: 14px; position: relative; margin-top: 8px; line-height: 24px; font-size: 19px; color: #333333; font-weight: 400;}
 .program > div ul li:first-child {margin-top: 0px;}
 .program > div ul li::before  {content: ''; width: 5px; height: 5px; background: #B8B8B8; border-radius: 5px; left: 0; position: absolute; top: 10px;}

 .schedule      {margin-top: 20px;}
 .schedule .pc {display: none;}
 .schedule .tamo  {box-shadow: 3px 3px 32px rgba(0, 0, 0, 0.14); display: block; margin: 0 40px; overflow: hidden; display: block; border-radius: 10px;}
 .schedule .tamo img  {width: 100%;}

}

@media only screen and (max-width: 1250px)	{
/* CEO TABLET */
 .visual.ceoVis {height: 580px;}
 .visual .txt .maintext span  {font-size: 77px; margin-right: 8px;}

 .titleGroup     {display: block; margin: 80px auto 30px; padding: 0 30px;}
 .titleGroup h4  {margin-top: 0; font-size: 50px; line-height: 50px;}
 .titleGroup .subBlueTitle	{font-size: 38px; line-height: 46px; margin-top: 6px;}
 .titleGroup .tRight    {margin-top: 15px; padding-left: 11px;}

 .titleGroup02    {margin: 55px auto 30px; padding: 0 30px;}
 .titleGroup02 h5 {font-size: 31px;}

 .aiEX  {margin: 0 30px 0; padding: 25px;}
 .aiEX > .title {font-size: 25px;}
 .aiEX .aimWrap .whiteArea .dotLists ul li  {font-size: 18px; line-height: 28px;}
 .aiEX .aimWrap .aim01 .imageArea   {background: url('../_img/mo/aim01.jpg')no-repeat 50% 50%/cover;}
 .aiEX .aimWrap .aim02 .imageArea   {background: url('../_img/mo/aim02.jpg')no-repeat 50% 50%/cover;}
 .aiEX .aimWrap .aim03 .imageArea   {background: url('../_img/mo/aim03.jpg')no-repeat 50% 50%/cover;}
 .aiEX .aimWrap .imageArea      {height: 156px;}
 .aiEX .aimWrap .imageArea p    {font-size: 24px;}
 .aiEX .aimWrap .whiteArea      {padding: 20px 25px;}
 .aiEX .aimWrap .whiteArea .lists > div .title  {padding: 6px 13px; font-size: 16px;}
 .aiEX .aimWrap .whiteArea .lists > div .title + p {margin-top: 5px; font-size: 17px;}

 .aiManage  {margin: 0 30px 0; gap: 100px;}
 .aiManage .aim01 {width: 210px; height: 220px; font-size: 18px; padding: 130px 30px 20px;}
 .aiManage .aim02 > p {font-size: 20px; padding: 17px;}
 .aiManage .aim03 {width: 210px; height: 210px; font-size: 18px; padding: 146px 30px 20px;}
 .aiManage .aim01::before {background: url(../_img/mo/aiManage01.png) no-repeat 50% 50% /85px; width: 85px; height: 80px; right: 62px;}
 .aiManage .aim03::before {background: url(../_img/mo/aiManage02.png) no-repeat 50% 50% /76px; width: 70px; height: 74px;}
 .aiManage .aim02::before  {left: -19%;}
 .aiManage .aim02::after  {right: -19%;}

 .programTab  {margin: 0 30px 0;}
 .programTab .p_tab {margin-top: 105px;}
 .programTab .p_tab > li a  {font-size: 20px;}
 .programTab .tabCont.on  {display: block;}
 .programTab .tabCont .imgArea .text  {padding: 40px;}
 .programTab #menu01 .imgArea {background: url(../_img/mo/module01.png)no-repeat 50% 50% /cover;}
 .programTab #menu02 .imgArea {background: url(../_img/mo/module02.png)no-repeat 50% 50% /cover;}
 .programTab #menu03 .imgArea {background: url(../_img/mo/module03.png)no-repeat 50% 50% /cover;}
 .programTab #menu04 .imgArea {background: url(../_img/mo/module04.png)no-repeat 50% 50% /cover;}
 .programTab .tabCont .textArea {padding: 40px 35px; width: 100%;}
 .programTab .tabCont .imgArea  {width: 100%; height: 330px; margin: 0 0 20px 0;}
 .programTab .tabCont .t_ul > li > p  {font-size: 19px; margin-bottom: 7px;}
 .programTab .tabCont .t_ul02 > li  {font-size: 18px; line-height: 1.1;}
 .programTab .tabCont .imgArea .module  {font-size: 17px; margin-bottom: 6px;}
 .programTab .tabCont .imgArea .mainTitle {font-size: 25px; margin-bottom: 1px;}
 .programTab .tabCont .imgArea .engTitle  {font-size: 20px;}

 .subArea {background: url(../_img/mo/subAreaBG.png) no-repeat 50% 50%/cover; height: 560px; margin-top: 100px;}
 .subArea > div {max-width: unset; margin: 0 30px; padding-top: 150px;}

 .eduDiv  {margin: 0 30px 0;}
 .eduDiv .eDiv  {padding: 55px 25px;}

 .gallery {margin: 0 30px; grid-template-columns: repeat(2, 1fr);}
 .gallery > div {height: 230px;}
 .gallery .text {font-size: 19px; padding: 20px;}

 .basicTabWrap  {margin: 0 30px 0;}

 .applyBtm {margin-top: 80px;}



/* DEFENCE TABLET */
 .visual.defVis {background: url('../_img/mo/defMainBG.png')no-repeat 50% 50% / cover; height: 580px;}
 .visual.defVis .submaintext span  {width: 160px;}
 .visual.defVis .txt {top: 54%;}
 .visual.defVis .txt .maintext {margin-top: 45px;}
 .visual .txt .subtext {margin-top: 25px;}
 .visual.defVis .txt .subtext span {padding: 11px 41px; font-size: 22px;}

 div.bk     {padding: 80px 0;}
 div.grey   {padding: 80px 0; margin-top: 80px;}

 .titleGroup03    {margin: 0 30px 30px; display: block;}
 .titleGroup03 h4 {margin-top: 0; font-size: 50px; line-height: 50px;}

 .greetings {margin: 0 30px 20px;}
 .greetings .gDiv {padding: 40px 35px;}
 .greetings .gDiv .title  {font-size: 26px; line-height: 36px;margin-bottom: 20px;}
 .greetings .gDiv > span  {font-size: 18px; line-height: 32px;}
 .greetings .gDiv .name {bottom: 40px;}

 .titleGroup .subTitle  {font-size: 26px; line-height: 37px; margin-top: 10px;}

 .vision        {padding: 40px 0;}
 .vision::after {width: 405px; background: url(../_img/mo/jet.png) no-repeat 50% 50% / 382px; right: 0; bottom: 20px; height: 255px;}
 .vision > div  {padding: 0 40px 0; max-width: unset;}
 .vision > div p  {font-size: 33px; margin-bottom: 5px;}
 .vision > div span {font-size: 19px;}

 .visionPlus  {margin: 30px 30px 0; gap: 10px;}
 .visionPlus > div.active {width: 55%; padding: 40px 35px;}
 .visionPlus > div        {width: 21%; height: 460px; padding: 50px 45px;}
 .visionPlus > div p.t01  {font-size: 29px; margin-bottom: 0px;}
 .visionPlus > div.active p.t02 {font-size: 29px;}

 .program {max-width: unset; margin: 0 30px; padding: 25px;}
 .program > div {gap: 15px;}
 .program > div .imageArea  {height: 136px; padding: 45px 10px;}
 .program > div .imageArea p  {font-size: 23px; margin-bottom: 0;}
 .program > div .imageArea span {font-size: 15px;}
 .program > div .whiteArea  {padding: 20px 25px; height: 440px;}
 .program > div .title  {padding: 6px 15px;}
 .program > div ul li {line-height: 22px; font-size: 17px;}
 .program > div ul li::before {width: 4px; height: 4px;}
 
 .greyText  {max-width: unset; margin: 10px 0px 0; padding: 0 30px; font-size: 15px;}

 .titleGroup .tRight02  {margin-top: 20px;}
 .titleGroup .tRight02 p  {padding: 7px 17px 7px 30px; font-size: 17px;}

 .schedule      {margin-top: 20px;}
 .schedule .tamo  {margin: 0 30px; overflow: hidden; }

}

@media only screen and (max-width: 1000px)	{

/* CEO TABLET */
 .visual.ceoVis {background: url('../_img/mo/ceoMainBG.png')no-repeat 50% 50% / cover; height: 530px;}
 .visual .txt .submaintext span  {font-size: 25px;}
 .visual .txt .maintext          {margin-top: 28px;}
 .visual .txt .maintext span     {font-size: 70px; margin-right: 5px;}
 .visual .txt .subtext           {margin-top: 23px;}
 .visual .txt .subtext span      {font-size: 17px; padding: 8px 30px; margin-right: 10px;}

 .titleGroup        {margin: 80px auto 20px; padding: 0 20px;}
 .titleGroup h4     {font-size: 39px; line-height: 49px;}
 .titleGroup .subBlueTitle	{font-size: 30px; line-height: 38px; margin-top: 2px;}
 .titleGroup .tRight    {margin-top: 7px; padding-left: 5px; font-size: 17px; line-height: 27px;}
 .titleGroup .blueTitle {font-size: 15px; padding: 5px 13px;}
 .titleGroup .greenTitle {font-size: 15px; padding: 5px 13px;}

 .titleGroup02        {margin: 50px auto 20px; padding: 0 20px;}
 .titleGroup02 h5     {font-size: 27px; line-height: 35px; margin-bottom: 0;}
 .titleGroup02 .plaintext {font-size: 17px; line-height: 27px;}
 
 .aiEX          {margin: 0 20px;}
 .aiEX .aimWrap {grid-template-columns: repeat(2, 1fr);}
 .aiEX .aimWrap .whiteArea  {height: 320px;}

 .aiManage  {display: grid; height: unset; margin: 0 20px 0; justify-content: center; padding: 20px; gap: 60px; box-sizing: border-box;}
 .aiManage .aim01 {width: unset; height: unset; font-size: 18px; padding: 105px 160px 20px; display: block;}
 .aiManage .aim01::before {right: 42%; top: 19px;}
 .aiManage .aim02 {width: 100%;}
 .aiManage .aim02::before  {left: 49%; top: -19%;}
 .aiManage .aim02 > p     {font-size: 19px; width: 100%;}
 .aiManage .aim02::after  {right: 48%; bottom: -19%; top: unset;}
 .aiManage .aim03 {width: unset; height: unset; padding: 106px 30px 20px;}
 .aiManage .aim03::before {top: 27px; left: 42%;}

 .programTab        {margin: 0 20px;}
 .programTab .p_tab {margin-top: 95px; gap: 8%;}
 .programTab .p_tab > li a  {font-size: 19px;}
 .programTab .p_tab > li:nth-child(1) a {background: url(../_img/pc/p_tab01.png)no-repeat 50% 50% /45px;}
 .programTab .p_tab > li:nth-child(2) a {background: url(../_img/pc/p_tab02.png)no-repeat 50% 50% /59px; padding: 112px 0 0;}
 .programTab .p_tab > li:nth-child(3) a {background: url(../_img/pc/p_tab03.png)no-repeat 50% 50% /57px; padding: 103px 0 0;}
 .programTab .p_tab > li:nth-child(4) a {background: url(../_img/pc/p_tab04.png)no-repeat 50% 50% /63px; padding: 90px 0 0;}

 .subArea {height: unset; margin-top: 80px;}
 .subArea > div {max-width: unset; margin: 0 20px; padding: 80px 10% 80px 0px; word-break: keep-all;}
 .subArea h4  {font-size: 39px; line-height: 39px; margin-bottom: 25px;}
 .subArea .blue {font-size: 20px; margin-bottom: 5px;}
 .subArea .subTitle {font-size: 22px; margin-bottom: 10px;}
 .subArea .text {font-size: 17px; line-height: 27px;}

 .eduDiv  {margin: 0 20px 0; grid-template-columns: repeat(2, 1fr);}
 .eduDiv .eDiv  {padding: 35px 25px;}
 .eduDiv .eDiv > p  {font-size: 20px; margin-bottom: 5px;}
 .eduDiv .eDiv > span {font-size: 18px; line-height: 27px;}
 .eduDiv .eDiv04 p::before  {background: url(../_img/pc/edu04.png) no-repeat 50% 50% / 24px; height: 26px;}
 
 .aiBiz .ta {display: none;}
 .aiBiz .mo {display: block;}

 .gallery {margin: 0 20px;}
 .gallery > div {height: 190px;}
 .gallery .text {font-size: 18px;}

 .basicTabWrap  {margin: 0 20px 0;}
 .programTab .p_tab {gap: 80px;}
 .programTab .tabCont .textArea  {padding: 35px;}

 .basicTabWrap .basicTab li a {padding: 12px 15px; font-size: 18px; height: 100%;}

 .commonTable {margin-top: 15px;}
 .commonTable tbody th  {font-size: 17px; padding: 13px 15px; vertical-align: middle;}
 .commonTable tbody td  {font-size: 17px; padding: 13px 15px;}
 .commonTable thead th  {padding: 9px 15px; font-size: 17px;}

 .tScroll              {overflow-x: scroll;}
 .tScroll .commonTable {width: 100%; min-width: 1040px;}

 .applyBtm  {margin-top: 80px; background: url(../_img/mo/applyBG_MO.png) no-repeat 50% 50%/cover; height: unset; padding: 60px 0;}
 .applyBtm > div  {margin: 0 20px;}
 .applyBtm > div > p  {font-size: 28px; line-height: 36px;}
 .applyBtm > div > button {width: 265px; padding: 14px 26px;}
 .applyBtm > div > button p {font-size: 17px;}
 .applyBtm > div > button img {width: 8px; height: 14px; margin-top: 2px;}
 .applyBtm.downBtm > div > button img	{width: 20px; height: 20px;}


/* DEFENCE TABLET */
 .visual.defVis {height: 530px;}
 .visual.defVis .txt  {top: 51%;}
 .visual.defVis .submaintext span {width: 140px;}
 .visual.defVis .txt .maintext  {margin-top: 35px;}
 .visual.defVis .txt .subtext span  {padding: 9px 36px; font-size: 20px;}
 .visual .txt .subtext  {margin-top: 20px;}

 .titleGroup03    {margin: 0 20px 20px;}
 .titleGroup03 h4 {margin-top: 0; font-size: 39px; line-height: 49px;}
 .titleGroup03 .sTitle {font-size: 15px; padding: 5px 13px;}

 .greetings {margin: 0 20px 20px; display: block;}
 .greetings .gDiv {width: 100%;}
 .greetings .gd01 {margin-bottom: 15px;}
 .greetings .gDiv .title  {font-size: 24px; line-height: 33px;margin-bottom: 15px;}
 .greetings .gDiv > span  {font-size: 17px; line-height: 30px;}
 .greetings .gDiv .name {bottom: 40px;}

 div.bk     {padding: 80px 0;}
 div.grey   {padding: 80px 0; margin-top: 80px;}

 .titleGroup .subTitle  {font-size: 22px; line-height: 31px; margin-top: 5px;}

 .vision        {padding: 28px 0;}
 .vision::after {width: 285px; background: url(../_img/mo/jet.png) no-repeat 50% 50% / 282px; right: 0; bottom: 20px;height: 195px;}
 .vision > div  {padding: 0 20px 0;}
 .vision > div p  {font-size: 27px; margin-bottom: 3px; line-height: 35px;}
 .vision > div span {font-size: 18px;}

 .visionPlus  {margin: 20px 20px 0; display: block;}
 .visionPlus > .v01  {background: url('../_img/mo/visplus01.jpg') no-repeat 50% 50% /cover;}
 .visionPlus > .v02  {background: url('../_img/mo/visplus02.jpg') no-repeat 50% 50% /cover;}
 .visionPlus > .v03  {background: url('../_img/mo/visplus03.jpg') no-repeat 50% 50% /cover;}
 .visionPlus > .v01.active  {background: url('../_img/mo/visplus01.jpg') no-repeat 50% 50% /cover;}
 .visionPlus > .v02.active  {background: url('../_img/mo/visplus02.jpg') no-repeat 50% 50% /cover;}
 .visionPlus > .v03.active  {background: url('../_img/mo/visplus03.jpg') no-repeat 50% 50% /cover;}
 .visionPlus > div.active {width: 100%; padding: 40px 35px; height: 100%;}
 .visionPlus > div        {width: 100%; height: 130px; padding: 40px 35px;}
 .visionPlus > div p.t01  {font-size: 25px; margin-bottom: 0px; line-height: 27px;}
 .visionPlus > div.active p.t02 {font-size: 25px; margin-bottom: 14px;}
 .visionPlus > div.active span  {font-weight: 300; font-size: 17px; line-height: 27px;}
 .visionPlus > .v02 {margin: 15px 0;}

 .program {max-width: unset; margin: 0 20px; padding: 15px;}
 .program > div .whiteArea  {height: 505px;}
 .program > div {gap: 15px; grid-template-columns: repeat(2, 1fr);}
 .program > div .imageArea  {height: 156px; padding: 55px 10px;}
 .program > div .imageArea p  {font-size: 25px;}
 .program > div .imageArea span {font-size: 17px;}
 .program > div .whiteArea  {padding: 20px 25px; height: 455px;}
 .program > div .title  {padding: 6px 15px;}
 .program > div ul li {line-height: 22px; font-size: 17px;}
 .program > div ul li::before {width: 4px; height: 4px;}

 .greyText  {max-width: unset; margin: 20px 0px 0; padding: 0 20px; font-size: 16px;}

 .schedule .tamo  {margin: 0 20px; }

}

@media only screen and (max-width: 730px)	{

/* CEO TABLET */
 .visual.ceoVis {height: 400px;}
 .visual .txt .maintext span    {font-size: 60px; margin-right: 0; line-height: 60px;}
 .visual .txt .submaintext span {font-size: 21px;}
 .visual .txt .maintext         {margin-top: 22px;}
 .visual .txt   {padding: 0 20px;}
 .visual .txt .subtext span {font-size: 15px; padding: 6px 24px; margin-right: 6px;}

 .titleGroup .tRight    {font-size: 16px; line-height: 26px; padding-left: 5px;}
 .titleGroup02 .plaintext {font-size: 16px; line-height: 26px;}

 .ceo .buttonGroup button   {padding: 16px 0; font-size: 19px;}
 .ceo .buttonGroup .download::before {height: 36px; top: 10px;}
 .ceo .buttonGroup .apply::after    {background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 13px; width: 15px; height: 16px;}
 .ceo .buttonGroup .download::after {background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 15px; width: 16px; height: 18px;}
 
 .aiEX .aimWrap {grid-template-columns: repeat(1, 1fr);}

 .programTab .p_tab {gap: 6%; margin-top: 80px;}
 .programTab .p_tab > li a  {font-size: 17px;}
 .programTab .p_tab > li:nth-child(1) a {background: url(../_img/pc/p_tab01.png)no-repeat 50% 50% /38px; padding-top: 80px;}
 .programTab .p_tab > li:nth-child(2) a {background: url(../_img/pc/p_tab02.png)no-repeat 50% 50% /46px; padding: 94px 0 0;}
 .programTab .p_tab > li:nth-child(3) a {background: url(../_img/pc/p_tab03.png)no-repeat 50% 50% /44px; padding: 87px 0 0;}
 .programTab .p_tab > li:nth-child(4) a {background: url(../_img/pc/p_tab04.png)no-repeat 50% 50% /54px; padding: 80px 0 0;}
 .programTab .p_tab li a::after {bottom: -6px; height: 2px;}
 .programTab .tabCont.on  {margin-top: 25px;}
 .programTab .tabCont .imgArea .text  {padding: 25px;}
 .programTab .tabCont .imgArea .module  {font-size: 15px;}
 .programTab .tabCont .imgArea .mainTitle {font-size: 22px;}
 .programTab .tabCont .imgArea .engTitle  {font-size: 19px;}
 .programTab .tabCont .imgArea  {height: 260px; margin: 0 0 10px 0;}
 .programTab .tabCont .textArea {padding: 30px 25px;}
 .programTab .tabCont .t_ul > li > p  {font-size: 18px; margin-bottom: 5px;}
 .programTab .tabCont .t_ul02 > li  {font-size: 16px;}

 .subArea {margin-top: 50px; background: url(../_img/mo/subAreaBG_MO.png) no-repeat 56% 80%/cover;}
 .subArea > div {padding: 80px 0% 410px 0px;}

 .eduDiv  {grid-template-columns: repeat(1, 1fr);}
 .eduDiv .eDiv  {padding: 25px 25px;}
 .eduDiv .eDiv > p  {font-size: 18px; margin-bottom: 3px;}
 .eduDiv .eDiv01 p::before  {background: url(../_img/pc/edu01.png) no-repeat 50% 50% / 18px; width: 22px; height: 23px;}
 .eduDiv .eDiv02 p::before  {background: url(../_img/pc/edu02.png) no-repeat 50% 50% / 22px; height: 23px;}
 .eduDiv .eDiv03 p::before  {background: url(../_img/pc/edu03.png) no-repeat 50% 50% / 24px; height: 25px;}
 .eduDiv .eDiv04 p::before  {background: url(../_img/pc/edu04.png) no-repeat 50% 50% / 20px; height: 23px;}
 .eduDiv .eDiv05 p::before  {background: url(../_img/pc/edu05.png) no-repeat 50% 50% / 20px; height: 20px;}
 .eduDiv .eDiv > span {font-size: 16px; line-height: 22px;}

 .gallery {display: block;}
 .gallery > div {margin-top: 10px; height: 190px;}
 .gallery > div:first-child {margin-top: 0;}
 .gallery .text {font-size: 16px;}

 .basicTabWrap .basicTab li a {padding: 10px 14px; font-size: 16px;}
 .tScroll .commonTable  {min-width: 860px;}
 .commonTable           {margin-top: 10px;}
 .commonTable tbody th  {font-size: 16px; padding: 10px 12px;}
 .commonTable tbody th  {font-size: 16px; padding: 10px 12px;}
 .commonTable tbody td  {font-size: 16px; padding: 10px 12px;}

 .applyBtm  {padding: 40px 0;}
 .applyBtm > div > p  {font-size: 22px; line-height: 30px;}
 .applyBtm > div > button {width: 185px;}


/* DEFENCE TABLET */
 .visual.defVis {height: 400px;}
 .visual.defVis .txt  {top: 51%;}
 .visual.defVis .submaintext span {width: 110px;}
 .visual.defVis .txt .maintext  {margin-top: 10px;}
 .visual.defVis .txt .subtext span  {padding: 6px 26px; font-size: 16px;}
 .visual .txt .subtext  {margin-top: 20px;}

 .defence .buttonGroup button   {padding: 16px 0; font-size: 19px;}
 .defence .buttonGroup .download::before {height: 36px; top: 10px;}
 .defence .buttonGroup .apply::after    {background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 13px; width: 15px; height: 16px;}
 .defence .buttonGroup .download::after {background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 15px; width: 16px; height: 18px;}
 
 div.bk     {padding: 80px 0;}
 div.grey   {padding: 80px 0; margin-top: 80px;}

 .titleGroup03    {margin: 0 20px 20px; width: fit-content;}
 .titleGroup03 h4 {margin-top: 0; font-size: 37px; line-height: 39px; width: fit-content;}
 .titleGroup03 .sTitle {font-size: 15px; padding: 5px 13px;}

 .titleGroup .subTitle  {font-size: 20px; line-height: 25px; margin-top: 2px;}

 .vision        {padding: 15px 0;}
 .vision::after {display: none;}
 .vision > div  {padding: 0 20px 0;}
 .vision > div p  {font-size: 22px; margin-bottom: 3px; line-height: 29px;}
 .vision > div span {font-size: 16px;}

 .visionPlus  {margin: 20px 20px 0; display: block;}
 .visionPlus > div.active {width: 100%; padding: 40px 35px; height: 100%;}
 .visionPlus > div        {width: 100%; height: 130px; padding: 30px 25px;}
 .visionPlus > div p.t01  {font-size: 22px; margin-bottom: 0px; line-height: 22px;}
 .visionPlus > div.active p.t02 {font-size: 22px; margin-bottom: 5px;}
 .visionPlus > div.active span  {font-weight: 300; font-size: 17px; line-height: 27px;}
 .visionPlus > .v02 {margin: 10px 0;}

 .program {margin: 0px; padding: 20px; border-radius: 0;}
 .program > div .whiteArea  {height: 100%;}
 .program > div {grid-template-columns: repeat(1, 1fr); gap: 15px;}
 .program > div .imageArea  {height: 116px; padding: 35px 10px;}
 .program > div .imageArea p  {font-size: 20px;}
 .program > div .imageArea span {font-size: 17px;}
 .program > div .whiteArea  {padding: 20px 25px; height: fit-content;}
 .program > div .title  {padding: 6px 15px;}
 .program > div ul li {line-height: 22px; font-size: 17px;}
 .program > div ul li::before {width: 4px; height: 4px;}

 .greyText  {margin: 10px 0px 0; padding: 0 20px; font-size: 15px;}

 .titleGroup .tRight02  {margin-top: 10px;}
 .titleGroup .tRight02 p.red::before  {width: 5px; height: 5px; left: 15px; top: 15px;}
 .titleGroup .tRight02 p.org::before  {width: 5px; height: 5px; left: 15px; top: 15px;}
 .titleGroup .tRight02 p.grn::before  {width: 5px; height: 5px; left: 15px; top: 15px;}
 .titleGroup .tRight02 p.blu::before  {width: 5px; height: 5px; left: 15px; top: 15px;}
 .titleGroup .tRight02 p.pur::before  {width: 5px; height: 5px; left: 15px; top: 15px;}
 .titleGroup .tRight02 p  {padding: 5px 17px 5px 25px; font-size: 15px;}

 .schedule  {margin-top: 10px;}
}

@media only screen and (max-width: 540px) {

/* CEO MOBILE */
 .visual .txt .submaintext span  {font-size: 19px;}
 .visual .txt .maintext      {margin-top: 8px;}
 .visual .txt .maintext span {font-size: 50px; line-height: 50px;}
 .visual .txt .subtext  {margin-top: 16px;}
 .visual .txt .subtext span {font-size: 14px; padding: 3px 21px; margin-right: 6px;}
 
 .ceo .buttonGroup button   {padding: 16px 0; font-size: 17px;}
 .ceo .buttonGroup .download::before {height: 36px; top: 10px;}
 .ceo .buttonGroup .apply::after    {background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 13px; width: 15px; height: 16px;}
 .ceo .buttonGroup .download::after {background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 15px; width: 16px; height: 18px;}
 
 .titleGroup            {margin: 50px auto 15px;}
 .titleGroup .blueTitle {font-size: 14px; padding: 2px 11px; margin-bottom: 7px;}
 .titleGroup .greenTitle {font-size: 14px; padding: 2px 11px; margin-bottom: 7px;}
 .titleGroup h4         {font-size: 37px; line-height: 39px;}
 .titleGroup .subBlueTitle	{font-size: 28px; line-height: 36px; margin-top: 2px;}
 .titleGroup .tRight    {font-size: 16px; line-height: 25px;}

 .titleGroup02            {margin: 30px auto 15px;}
 .titleGroup02 .plaintext {font-size: 16px; line-height: 23px; margin-top: 5px;}
 .titleGroup02 h5         {font-size: 23px; line-height: 31px;}

 .aiEX  {margin: 0; padding: 25px 20px; border-radius: 0;}
 .aiEX .aimWrap .whiteArea  {height: unset; padding: 10px 15px;}
 .aiEX > .title             {font-size: 19px; margin-bottom: 15px;}
 .aiEX .aimWrap .imageArea  {height: 96px; padding: 23px 20px;}
 .aiEX .aimWrap .imageArea span {font-size: 17px;}
 .aiEX .aimWrap .imageArea p    {font-size: 19px; margin-bottom: 0;}
 .aiEX .aimWrap .whiteArea .dotLists ul li  {font-size: 16px; line-height: 25px;}
 .aiEX .aimWrap .whiteArea .lists > div:first-child {margin-top: 30px;}
 .aiEX .aimWrap .whiteArea .lists > div .title  {padding: 3px 15px; font-size: 15px;}
 .aiEX .aimWrap .whiteArea .lists > div .title + p  {font-size: 15px; margin-top: 2px;}
 .aiEX .aimWrap .whiteArea .lists > div {margin-bottom: 10px;}
 
 .aiManage        {display: block;}
 .aiManage .aim01 {width: 100%; font-size: 16px; padding: 94px 24px 20px; height: unset;}
 .aiManage .aim01::before {background: url(../_img/mo/aiManage01.png) no-repeat 50% 50% /72px; width: 72px; height: 75px;}
 .aiManage .aim02     {margin: 60px 0;}
 .aiManage .aim02 > p {font-size: 17px; padding: 12px;}
 .aiManage .aim02 > p + p {margin-top: 8px;}
 .aiManage .aim02::before {top: -23%;}
 .aiManage .aim02::after  {bottom: -23%;}
 .aiManage .aim03 {padding: 92px 30px 20px; font-size: 16px;}
 .aiManage .aim03::before {top: 21px; left: 43%; background: url(../_img/mo/aiManage02.png) no-repeat 50% 50% /65px; width: 65px; height: 66px;}
 
 .programTab        {margin: 0;}
 .programTab .p_tab {margin-top: 0; padding: 53px 20px 10px; overflow-x: scroll; overflow-y: hidden; display: inline-block; position: relative; white-space: nowrap; width: 100%;}
 .programTab .p_tab li  {position: relative; display: inline-block; margin-right: 23px;}
 .programTab .p_tab > li a  {font-size: 15px;}
 .programTab .tabCont.on  {margin-top: 7px;}
 .programTab .tabCont .imgArea  {height: 180px; border-radius: 0; margin: 0;}
 .programTab .tabCont .imgArea .module  {font-size: 14px; margin-bottom: 5px;}
 .programTab .tabCont .imgArea .mainTitle {font-size: 20px; margin-bottom: 0px;}
 .programTab .tabCont .imgArea .engTitle {font-size: 17px;}
 .programTab .tabCont .textArea {padding: 20px 25px;}
 .programTab .tabCont .t_ul > li::before  {width: 4px; height: 4px; top: 12px;}
 .programTab .tabCont .t_ul > li  {padding-left: 12px;}
 .programTab .tabCont .t_ul > li > p  {font-size: 16px; margin-bottom: 3px;}
 .programTab .tabCont .t_ul02 > li    {font-size: 15px;}
 .programTab .tabCont .t_ul {gap: 10px 0; grid-template-columns: repeat(1, 1fr); border-radius: 0;}
 .programTab .p_tab > li:nth-child(1) a {background: url(../_img/pc/p_tab01.png)no-repeat 50% 50% /32px; padding-top: 69px;}
 .programTab .p_tab > li:nth-child(2) a {background: url(../_img/pc/p_tab02.png)no-repeat 50% 50% /37px; padding: 76px 0 0;}
 .programTab .p_tab > li:nth-child(3) a {background: url(../_img/pc/p_tab03.png)no-repeat 50% 50% /34px; padding: 66px 0 0;}
 .programTab .p_tab > li:nth-child(4) a {background: url(../_img/pc/p_tab04.png)no-repeat 50% 50% /40px; padding: 67px 0 0;}

 .subArea > div {padding: 50px 0% 330px 0px;}
 .subArea h4  {font-size: 37px; line-height: 39px; margin-bottom: 25px;}
 .subArea .blue {font-size: 18px; margin-bottom: 5px;}
 .subArea .subTitle {font-size: 19px; margin-bottom: 10px;}
 .subArea .text {font-size: 15px; line-height: 22px;}

 .basicTabWrap .basicTab {display: flex;}
 .basicTabWrap .basicTab li {width: 100%;}
 .basicTabWrap .basicTab li a {padding: 8px 10px; font-size: 15px; display: flex; height: 100%; word-break: keep-all;justify-content: center; align-items: center;}

 .commonTable tbody th  {font-size: 15px; padding: 8px 9px; line-height: 1.2;}
 .commonTable thead th  {font-size: 15px; padding: 8px 9px; line-height: 1.2;}
 .commonTable tbody td  {font-size: 15px; padding: 8px 9px; line-height: 1.2;}

 .applyBtm        {padding: 20px 0; margin-top: 50px;}
 .applyBtm > div  {display: block;}
 .applyBtm > div > p  {font-size: 19px; margin-bottom: 15px; text-align: center; word-break: keep-all; line-height: 24px;}
 .applyBtm > div > button {width: 100%;}
 .applyBtm > div > button p {font-size: 15px;}
 .applyBtm > div > button img {width: 6px; height: 12px;}

 .eduDiv .eDiv  {padding: 15px 20px;}
 .eduDiv .eDiv > p  {font-size: 16px; margin-bottom: 0px; padding-left: 33px;}
 .eduDiv .eDiv > span {font-size: 14px;}


/* DEFENCE MOBILE */
 .visual.defVis .submaintext span {width: 93px;}

 .defence .buttonGroup button   {padding: 16px 0; font-size: 17px;}
 .defence .buttonGroup .download::before {height: 36px; top: 10px;}
 .defence .buttonGroup .apply::after    {background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 13px; width: 15px; height: 16px;}
 .defence .buttonGroup .download::after {background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 15px; width: 16px; height: 18px;}

 .titleGroup03 h4 {margin-top: 0; font-size: 37px; line-height: 39px;}
 .titleGroup03 .sTitle {font-size: 14px; padding: 2px 11px; margin-bottom: 7px;}

 div.bk {padding: 50px 0;}

 .greetings .gDiv {padding: 30px 25px;}
 .greetings .gDiv .title  {font-size: 20px; line-height: 27px; margin-bottom: 10px; word-break: keep-all;}
 .greetings .gDiv > span  {font-size: 15px; line-height: 25px; margin-bottom: 80px;}
 .greetings .gDiv .name {right: 25px;}
 .greetings .gDiv .name > span  {font-size: 14px; margin-bottom: 2px;}
 .greetings .gDiv .name > p {font-size: 18px;}

 .titleGroup .subTitle  {font-size: 18px; line-height: 23px; margin-top: 7px;}

 .vision        {padding: 15px 0;}
 .vision::after {display: none;}
 .vision > div p  {font-size: 20px; margin-bottom: 3px; line-height: 26px;}
 .vision > div span {font-size: 15px;}

 .visionPlus  {margin: 20px 20px 0; display: block;}
 .visionPlus > div.active {width: 100%; padding: 25px 20px; height: 100%;}
 .visionPlus > div        {width: 100%; height: 100px; padding: 25px 20px;}
 .visionPlus > div p.t01  {font-size: 20px; margin-bottom: 0px; line-height: 20px;}
 .visionPlus > div.active p.t02 {font-size: 20px; margin-bottom: 5px;}
 .visionPlus > div.active span  {font-weight: 300; font-size: 15px; line-height: 20px;}

 .titleGroup .tRight02  {display: inline-block;}
 .titleGroup .tRight02 p.red  {margin-bottom: 5px;}
 .titleGroup .tRight02 p  {padding: 3px 18px 2px 26px; font-size: 13px; display: inline-block; margin-right: 5px;}

 .schedule  {margin-top: 15px;}

}

@media only screen and (max-width: 400px) {

/*iPhone Size */

/* CEO MOBILE */
 .visual.ceoVis  {height: 330px;}
 .visual .txt   {top: 58%;}
 .visual .txt .submaintext span {font-size: 16px; line-height: 20px;}
 .visual .txt .maintext span  {font-size: 43px; line-height: 45px;}
 .visual .txt .subtext span {padding: 3px 14px; margin-right: 5px;}
 
 .ceo .buttonGroup button   {padding: 16px 15px; font-size: 15px; text-align: left;}
 .ceo .buttonGroup .download::before    {height: 32px;}
 .ceo .buttonGroup .apply::after    {background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 11px; height: 13px; right: 20px;}
 .ceo .buttonGroup .download::after {background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 14px; height: 16px; right: 16px;}

 .titleGroup .blueTitle {font-size: 13px; padding: 4px 10px; margin-bottom: 5px;}
 .titleGroup .greenTitle {font-size: 13px; padding: 4px 10px; margin-bottom: 5px;}
 .titleGroup h4         {font-size: 32px; line-height: 34px;}
 .titleGroup .subBlueTitle	{font-size: 22px; line-height: 26px; margin-top: 4px;}
 .titleGroup .tRight    {margin-top: 10px; padding-left: 5px; font-size: 15px; line-height: 24px;}

 .titleGroup02 h5         {font-size: 20px; line-height: 28px;}

 .aiManage  {margin: 0 0; border-radius: 0;}
 .aiManage .aim01::before {right: 40%;}
 .aiManage .aim02::before {left: 47%;}
 .aiManage .aim03::before {left: 40%;}

 .subArea {background: url(../_img/mo/subAreaBG_MO.png) no-repeat 76% 100%/cover;}
 .subArea > div {padding: 40px 0 310px 0;}
 .subArea h4  {font-size: 32px; line-height: 34px; margin-bottom: 25px;}
 .subArea .blue {font-size: 16px; margin-bottom: 5px;}
 .subArea .subTitle {font-size: 18px; margin-bottom: 8px;}
 .subArea .text {font-size: 15px; line-height: 22px;}


/* DEFENCE MOBILE */
 .visual.defVis  {height: 330px;}
 .visual.defVis .txt  {top: 55%;}
 .visual.defVis .submaintext span {width: 80px;}
 .visual.defVis .txt .maintext  {margin-top: 7px;}
 .visual .txt .subtext  {margin-top: 13px;}
 .visual.defVis .txt .subtext span  {padding: 3px 21px; font-size: 14px;}

 .defence .buttonGroup button   {padding: 16px 15px; font-size: 15px; text-align: left;}
 .defence .buttonGroup .download::before    {height: 32px;}
 .defence .buttonGroup .apply::after    {background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 11px; height: 13px; right: 20px;}
 .defence .buttonGroup .download::after {background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 14px; height: 16px; right: 16px;}

 .titleGroup03 h4 {margin-top: 0; font-size: 32px; line-height: 34px;}
 .titleGroup03 .sTitle {font-size: 13px; padding: 4px 10px; margin-bottom: 5px}

 .greetings .gDiv > span  {font-size: 14px; line-height: 24px;}

 .program {margin: 0px; padding: 20px; border-radius: 0;}
 .program > div .whiteArea  {height: 100%;}
 .program > div {grid-template-columns: repeat(1, 1fr); gap: 10px;}
 .program > div .imageArea  {height: 116px; padding: 35px 10px;}
 .program > div .imageArea p  {font-size: 19px;}
 .program > div .imageArea span {font-size: 17px;}
 .program > div .whiteArea  {padding: 20px 25px; height: fit-content;}
 .program > div .title  {padding: 4px 14px;}
 .program > div ul li {line-height: 18px; font-size: 15px; padding-left: 11px; font-weight: 300;}
 .program > div ul li::before {width: 3px; height: 3px;}

}



/* GATE */
.gate h1		{position: absolute; left: 65px; top: 45px; z-index: 1;}
.gate h1 a		{display: block; font-size: 0; background: url('../_img/pc/mainLogo.png') no-repeat 50% 50% / 195px; height: 42px; width: 195px;}

.gate .gate_box	{padding: 0 40px; gap: 100px; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100vh;}
.gate .bg		{position: absolute; left: 0; top: 0; background: url('../_img/pc/GateBG.png') no-repeat 50% 50% / cover; height: 100vh; width: 100%;}

.gate .visual	{height: 100vh;}
.gate .visual .txt					{position: inherit;}
.gate .visual .txt .maintext		{margin-top: 0;}
.gate .visual .txt .maintext span	{font-size: 62px; line-height: 120%; transform: translate3d(0, 18%, 0);}
.gate .visual .txt.activate span	{transform: translate3d(0, 0%, 0);}
.gate .visual .txt .maintext span.green	{color: #00A17C;}
.gate .visual .txt .submaintext		{margin-top: 28px; line-height: 130%;}
.gate .visual .txt .submaintext span{font-size: 28px; color: #D7F9FF; font-weight: 300;}

.gate .gate_btn					{max-width: 1450px; width: 100%; display: flex; gap: 4px; position: relative; z-index: 1; word-break: keep-all;}
.gate .gate_btn li				{width: 100%; transform:translate3d(0,10%,0); transition:transform 1.3s cubic-bezier(.43,.05,.17,1);}
.gate .gate_btn.active li		{transform: translate3d(0,0,0);}
.gate .gate_btn li a			{padding: 46px 44px; background: rgba(217,217,217,.1); border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between; backdrop-filter:blur(30px); min-height: 260px; height: 100%; transition: all 0.5s ease;}
.gate .gate_btn li a .tit		{font-size: 26px; line-height: 120%; font-weight: 500; color: #fff; transition: all 0.5s ease;}
.gate .gate_btn li a .tt		{font-size: 18px; line-height: 130%; color: #666; margin-top: 8px; opacity: 0; margin-top: 10px; transition: all 0.5s ease;}
.gate .gate_btn li a .btn		{display: flex; justify-content: flex-end;}
.gate .gate_btn li a .btn span	{width: 130px; height: 40px; color: #fff; font-size: 16px; font-weight: 300; border: 1px solid #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease;}
.gate .gate_btn li a .btn span:after	{content: ''; width: 15px; height: 15px; display: block; margin-left: 10px; background: url('../_img/pc/gate_btn.png') no-repeat 50% 50% / 15px;}
.gate .gate_btn li a:hover				{background: #fff;}
.gate .gate_btn li a:hover .tit			{color: #333; font-weight: 800;}
.gate .gate_btn li a:hover .tt			{opacity: 1;}
.gate .gate_btn li a:hover .btn span	{border: 1px solid #00A17C; background: #00A17C;}

.gate .gate_btn li:nth-child(2) {transition-delay: 0.1s;}
.gate .gate_btn li:nth-child(3) {transition-delay: 0.2s;}
.gate .gate_btn li:nth-child(4) {transition-delay: 0.3s;}


@media only screen and (max-width: 1650px)	{
/* GATE TABLET */
.gate .visual p.bg > img	{display: block;}
.gate .visual .txt			{transform: translateY(0%);}
}

@media only screen and (max-width: 1250px)	{
/* GATE TABLET */
.gate h1		{left: 20px; top: 20px;}
.gate h1 a		{background: url('../_img/mo/mainLogo.png') no-repeat 50% 50% / 155px; width: 155px;}

.gate .gate_box					{padding: 0 20px; gap: 80px;}

.gate .visual .txt .maintext span		{font-size: 56px;}
.gate .visual .txt .submaintext			{margin-top: 18px;}
.gate .visual .txt .submaintext span	{font-size: 24px;}

.gate .gate_btn li a			{padding: 36px 34px; gap: 20px;}
.gate .gate_btn li a .tit		{font-size: 24px;}
.gate .gate_btn li a .tt		{font-size: 17px;}
}

@media only screen and (max-width: 1000px)	{
.gate .gate_box					{gap: 60px;}

.gate .visual .txt .maintext span		{font-size: 52px;}
.gate .visual .txt .submaintext			{margin-top: 16px;}
.gate .visual .txt .submaintext span	{font-size: 22px;}

.gate .gate_btn				{flex-wrap: wrap;}
.gate .gate_btn li			{width: calc(50% - 2px);}
.gate .gate_btn li a		{padding: 32px 30px; min-height: auto;}
.gate .gate_btn li a .tit	{font-size: 22px;}
.gate .gate_btn li a .tt	{font-size: 16px;}

}

@media only screen and (max-width: 730px) {
/* GATE MOBILE */
.gate h1		{top: 12px;}
.gate h1 a		{background: url('../_img/mo/mainLogo.png') no-repeat 50% 50% / 125px; width: 125px;}

.gate .gate_box		{gap: 30px; padding: 100px 15px 60px;}
.gate .gate_box,
.gate .bg			{min-height: 100vh; height: 100%;}

.gate .visual							{height: 100%;}
.gate .visual .txt .maintext span		{font-size: 30px;}
.gate .visual .txt .submaintext			{margin-top: 12px;}
.gate .visual .txt .submaintext span	{font-size: 17px;}

.gate .gate_btn				{flex-wrap: wrap;}
.gate .gate_btn li			{width: 100%;}
.gate .gate_btn li a		{padding: 30px 20px; min-height: auto;}
.gate .gate_btn li a .tit	{font-size: 20px; font-weight: 600;}
.gate .gate_btn li a .tt	{font-size: 15px; line-height: 140%; margin-top: 6px; opacity: 1; color: rgba(255,255,255,.6);}
.gate .gate_btn li a .btn span			{width: 100%; height: 40px; font-size: 15px; font-weight: 500;}
.gate .gate_btn li a .btn span:after	{width: 12px; height: 12px; display: block; margin-left: 8px; background: url('../_img/pc/gate_btn.png') no-repeat 50% 50% / 12px;}
.gate .gate_btn li a:hover .tt			{color: #666;}
}


/* humanities */
.humanities .visual			{height: 725px;}
.humanities .visual .txt	{top: 307px;}

.humanities .buttonGroup           {display: flex; justify-content: center; background: linear-gradient(90deg, #65C6C7 0%, #007DCC 100%);}
.humanities .buttonGroup button    {font-family: "Pretendard"; background: none; width: 640px; padding: 28px 0; color: #ffffff; font-size: 23px; font-weight: 500;}
.humanities .buttonGroup .apply    {position: relative;}
.humanities .buttonGroup .download {position: relative;}
.humanities .buttonGroup .apply::after     {content: ''; position: absolute; background: url('../_img/pc/mainBtnArrow.png')no-repeat 50% 50%; width: 16px; height: 19px; margin-left: 7px; margin-top: 4px; animation: move-arrow 1.5s ease-in-out infinite alternate;}
.humanities .buttonGroup .download::before {content: ''; position: absolute; width: 1px; height: 56px; opacity: 0.3; left: 0; z-index: 10; background: #ffffff; top: 15px;}
.humanities .buttonGroup .download::after  {content: ''; position: absolute; background: url('../_img/pc/mainBtnDown.png')no-repeat 50% 50%; width: 24px; height: 24px; margin-left: 15px; animation: move-down 1.5s ease-in-out infinite alternate;}
.humanities .buttonGroup button:nth-child(1):before	{display: none;}

.humanities .titleGroup .blueTitle	{font-weight: 700;}

.max_w	{max-width: 1280px; width: 100%; margin: 0 auto; box-sizing: border-box;}

.hu01_1			{background: #f8f8f8; width: 100%; padding: 40px 40px; border-radius: 10px; gap: 7%; display: flex; justify-content: center; align-items: center;}
.hu01_1 p		{font-size: 26px; font-weight: 700; line-height: 31px; color: #4C4AA1; padding: 20px; min-width: 200px; height: 200px; border-radius: 200px; background: #E6E6F3; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.hu01_1 p span	{line-height: 10px;}
.hu01_1 ul		{max-width: 360px; width: 100%; gap: 20px; display: flex; flex-direction: column;}
.hu01_1 ul li	{font-size: 20px; font-weight: 600; color: #444; line-height: 120%; width: 100%; padding: 24px 10px; border: 2px solid rgba(116,104,136,.4); background: #fff; text-align: center; position: relative; word-break: keep-all;}
.hu01_1 ul.hu_li01 li:nth-child(1)	{border-radius: 30px 30px 0 30px;}
.hu01_1 ul.hu_li01 li:nth-child(2)	{border-radius: 30px 0 30px 30px;}
.hu01_1 ul.hu_li02 li:nth-child(1)	{border-radius: 30px 30px 30px 0;}
.hu01_1 ul.hu_li02 li:nth-child(2)	{border-radius: 0 30px 30px 30px;}
.hu01_1 ul li:before						{position: absolute; content: ''; width: 100%; height: 1px; border-top: 2px dashed #C7C3CF; display: block; z-index: -1;}
.hu01_1 ul.hu_li01 li:nth-child(1):before	{right: -50%; bottom: 40px; transform: rotate(10deg);}
.hu01_1 ul.hu_li01 li:nth-child(2):before	{right: -50%; top: 40px; transform: rotate(170deg);}
.hu01_1 ul.hu_li02 li:nth-child(1):before	{left: -50%; bottom: 40px; transform: rotate(170deg);}
.hu01_1 ul.hu_li02 li:nth-child(2):before	{left: -50%; top: 40px; transform: rotate(10deg);}

.hu01_2						{margin-top: 40px; word-break: keep-all;}
.hu01_2 ul					{display: grid; gap: 14px 12px; grid-template-columns: 1fr 1fr;}
.hu01_2 ul li				{padding: 25px 0; color: #fff; display: flex; align-items: center;}
.hu01_2 ul li:nth-child(1)	{background: #65C6C7;}
.hu01_2 ul li:nth-child(2)	{background: #5FBFE0;}
.hu01_2 ul li:nth-child(3)	{background: #5284C6;}
.hu01_2 ul li:nth-child(4)	{background: #1D86CF;}
.hu01_2 ul li .left			{min-width: 30%; text-align: center; position: relative; padding: 15px; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.hu01_2 ul li .left:after	{content: ''; width: 2px; height: calc(100% + 10px); background: #fff; position: absolute; right: 0; top: -5px; display: block;}
.hu01_2 ul li .left span	{font-size: 18px; font-weight: 500; width: 60px; height: 25px; margin: 0 auto 10px; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.hu01_2 ul li:nth-child(1) .left span	{color: #65C6C7;}
.hu01_2 ul li:nth-child(2) .left span	{color: #5FBFE0;}
.hu01_2 ul li:nth-child(3) .left span	{color: #5284C6;}
.hu01_2 ul li:nth-child(4) .left span	{color: #1D86CF;}
.hu01_2 ul li .left p		{font-size: 22px; font-weight: 500;}
.hu01_2 ul li .right		{width: 100%; padding: 0 20px;}
.hu01_2 ul li .right .tit	{font-size: 24px; line-height: 120%; font-weight: 600;}
.hu01_2 ul li .right .tt	{font-size: 19px; line-height: 120%; margin-top: 4px; font-weight: 200;}
.hu01_2 .last	{font-size: 20px; line-height: 31px; font-weight: 400; margin-top: 14px; padding: 20px 8px; background: #852290; color: #fff; text-align: center;}

.hu02 ul		{display: flex; flex-direction: column; gap: 4px;}
.hu02 ul li		{background: #e9e9e9; display: flex; word-break: keep-all;}
.hu02 ul li .date				{font-size: 22px; font-weight: 500; width: 17%; padding: 8px 20px; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center;}
.hu02 ul li:nth-child(1)		{border-right: 5px solid #0068A9;}
.hu02 ul li:nth-child(1) .date	{background: #0068A9;}
.hu02 ul li:nth-child(2)		{border-right: 5px solid #0066A5;}
.hu02 ul li:nth-child(2) .date	{background: #0066A5;}
.hu02 ul li:nth-child(3)		{border-right: 5px solid #2364A1;}
.hu02 ul li:nth-child(3) .date	{background: #2364A1;}
.hu02 ul li:nth-child(4)		{border-right: 5px solid #44629D;}
.hu02 ul li:nth-child(4) .date	{background: #44629D;}
.hu02 ul li:nth-child(5)		{border-right: 5px solid #596099;}
.hu02 ul li:nth-child(5) .date	{background: #596099;}
.hu02 ul li:nth-child(6)		{border-right: 5px solid #6C5D95;}
.hu02 ul li:nth-child(6) .date	{background: #6C5D95;}
.hu02 ul li:nth-child(7)		{border-right: 5px solid #7C5A91;}
.hu02 ul li:nth-child(7) .date	{background: #7C5A91;}
.hu02 ul li:nth-child(8)		{border-right: 5px solid #8B558C;}
.hu02 ul li:nth-child(8) .date	{background: #8B558C;}
.hu02 ul li:nth-child(9)		{border-right: 5px solid #A14E86;}
.hu02 ul li:nth-child(9) .date	{background: #A14E86;}
.hu02 ul li:nth-child(10)		{border-right: 5px solid #B04680;}
.hu02 ul li:nth-child(10) .date	{background: #B04680;}
.hu02 ul li:nth-child(11)		{border-right: 5px solid #B04680;}
.hu02 ul li:nth-child(11) .date	{background: #B04680;}

.hu02 ul li .txt				{width: 54%; padding: 18px 40px; position: relative;}
.hu02 ul li.on .txt:after		{position: absolute; right: -17px; top: calc(50% - 23px); transform: rotate(-15deg); content: '저자직강'; width: 117px; height: 47px; font-size: 22px; font-weight: 600; color: #ff0000; border: 2px solid #ff0000; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.hu02 ul li .txt .tit			{font-size: 22px; line-height: 120%; color: #222; font-weight: 600;}
.hu02 ul li .txt .tt			{font-size: 19px; line-height: 120%; color: rgba(34,34,34,.7); margin-top: 4px;}

.hu02 ul li .name		{width: 29%; padding: 8px 20px; text-align: center; gap: 8px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; align-content: center; border-left: 1px solid #D5D5D5;}
.hu02 ul li .name .tit	{font-size: 19px; line-height: 120%; color: #222; font-weight: 600;}
.hu02 ul li .name .tt	{font-size: 16px; line-height: 120%; color: #222;}

.humanities .greeting				{background: url('../_img/pc/greetingBG.png') no-repeat 50% 50% / cover; height: auto; word-break: keep-all;}
.humanities .greeting > div			{padding: 150px 0; gap: 4%; display: flex; justify-content: space-between; align-items: flex-end;}
.humanities .greeting .subTitle		{margin: 30px 0; color: #CFE2F5;}
.humanities .greeting .img			{max-width: 260px; width: 100%;}
.humanities .greeting .img img		{display: block; width: 100%;}
.humanities .greeting .right		{text-align: right;}
.humanities .greeting .right span	{font-size: 18px; color: #fff; margin-top: 12px; display: block; font-weight: 200; opacity: .8;}
.humanities .greeting .right .name	{font-size: 22px; color: #fff; margin-top: 6px; font-weight: 500; opacity: .8;}

.humanities .member 				{display: grid; gap: 50px 7px; grid-template-columns: repeat(5, 1fr);}
.humanities .member li .img			{border-radius: 10px; overflow: hidden;}
.humanities .member li .img img		{width: 100%; display: block;}
.humanities .member li .text		{margin-top: 25px; text-align: center; word-break: keep-all;}
.humanities .member li .name		{font-size: 24px; font-weight: 700; color: #222;}
.humanities .member li .name span	{font-size: 17px; color: #444; font-weight: 300; margin-top: 4px; display: block;}
.humanities .member li .tt			{font-size: 18px; line-height: 130%; font-weight: 600; margin-top: 8px; color: #4C4AA1; letter-spacing: -.2px;}

.humanities #tab03 .top				{padding: 20px 10px; font-size: 19px; line-height: 120%; margin-top: 35px; background: #464EA1; color: #fff; text-align: center;}
.humanities #tab03 .top b			{font-size: 20px; font-weight: 600; display: block;}
.humanities #tab03 ul				{margin-top: 30px; display: grid; gap: 10px; grid-template-columns: repeat(4, 1fr);}
.humanities #tab03 ul li			{width: 100%; text-align: center; word-break: keep-all;}
.humanities #tab03 ul li .icon		{margin: 0 auto 15px; width: 160px; height: 160px; border-radius: 200px;}
.humanities #tab03 ul li:nth-child(1) .icon	{background: #464EA1 url('../_img/pc/hu_icon01.png')no-repeat 50% 50% / 60px;}
.humanities #tab03 ul li:nth-child(2) .icon	{background: #464EA1 url('../_img/pc/hu_icon02.png')no-repeat 50% 50% / 60px;}
.humanities #tab03 ul li:nth-child(3) .icon	{background: #464EA1 url('../_img/pc/hu_icon03.png')no-repeat 50% 50% / 60px;}
.humanities #tab03 ul li:nth-child(4) .icon	{background: #464EA1 url('../_img/pc/hu_icon04.png')no-repeat 50% 50% / 60px;}
.humanities #tab03 ul li .tit		{font-size: 24px; font-weight: 700; line-height: 120%; color: #464EA1;}
.humanities #tab03 ul li .tit .en	{font-size: 17px; margin-top: 2px; display: block; font-weight: 600; line-height: 120%;}
.humanities #tab03 ul li .tt		{margin-top: 6px; font-size: 17px; line-height: 120%; color: rgba(34,34,34,.7);}



@media only screen and (max-width: 1650px)	{
.visual.humanitiesVis {background: url('../_img/mo/humanitiesMainBG.png')no-repeat 50% 50% / cover; height: 725px;}

.humanities .visual .txt	{top: 55%;}
 
.humanities .buttonGroup button				{padding: 22px 0; font-size: 21px;}
.humanities .buttonGroup .apply::after		{background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 15px; width: 16px; height: 19px;}
.humanities .buttonGroup .download::before  {height: 40px; top: 14px;}
.humanities .buttonGroup .download::after	{background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 19px; width: 20px; height: 20px;}

.max_w	{padding: 0 40px; max-width: 100%;}
}

@media only screen and (max-width: 1250px)	{
.humanities .visual			{height: 580px;}
.humanities .visual .txt	{top: 54%;}

.max_w	{padding: 0 30px;}

.hu01_1 p		{font-size: 22px; line-height: 26px; padding: 20px; min-width: 160px; height: 160px;}
.hu01_1 p span	{line-height: 10px;}
.hu01_1 ul li	{font-size: 18px; line-height: 120%; padding: 20px 10px;}

.hu01_2 ul li .left span	{font-size: 17px;}
.hu01_2 ul li .left p		{font-size: 20px;}
.hu01_2 ul li .right .tit	{font-size: 22px;}
.hu01_2 ul li .right .tt	{font-size: 18px;}
.hu01_2 .last	{font-size: 18px; line-height: 26px; margin-top: 14px;}


.hu02 ul li .date			{font-size: 20px; width: 15%; padding: 6px 20px;}
.hu02 ul li .txt			{width: 55%; padding: 16px 20px;}
.hu02 ul li.on .txt:after	{right: -17px; top: calc(50% - 22px); width: 100px; height: 44px; font-size: 20px;}
.hu02 ul li .txt .tit		{font-size: 20px;}
.hu02 ul li .txt .tt		{font-size: 17px; margin-top: 4px;}

.hu02 ul li .name		{width: 30%; padding: 6px 20px; gap: 4px;}
.hu02 ul li .name .tit	{font-size: 19px;}
.hu02 ul li .name .tt	{font-size: 16px;}

.humanities .member 				{gap: 50px 7px; grid-template-columns: repeat(4, 1fr);}
.humanities .member li .text		{margin-top: 22px;}
.humanities .member li .name		{font-size: 22px;}
.humanities .member li .name span	{font-size: 16px; margin-top: 4px;}
.humanities .member li .tt			{font-size: 17px; margin-top: 6px;}

}

@media only screen and (max-width: 1000px)	{
.humanities .visual			{height: 530px;}
.humanities .visual .txt	{top: 51%;}

.max_w	{padding: 0 20px;}

.hu01_2						{margin-top: 30px;}
.hu01_2 ul					{gap: 10px 8px;}
.hu01_2 ul li				{padding: 20px 0;}
.hu01_2 ul li .left			{padding: 0 10px;}
.hu01_2 ul li .left span	{font-size: 16px; width: 55px; height: 22px; margin: 0 auto 6px;}
.hu01_2 ul li .left p		{font-size: 18px;}
.hu01_2 ul li .right		{padding: 0 10px;}
.hu01_2 ul li .right .tit	{font-size: 19px;}
.hu01_2 ul li .right .tt	{font-size: 17px; margin-top: 4px;}
.hu01_2 .last	{font-size: 17px; line-height: 24px; margin-top: 10px;}


.hu02 ul li .date			{font-size: 18px; width: 15%; padding: 4px 10px;}
.hu02 ul li .txt			{width: 60%; padding: 16px 10px;}
.hu02 ul li.on .txt:after	{right: -17px; top: calc(50% - 20px); width: 90px; height: 40px; font-size: 17px;}
.hu02 ul li .txt .tit		{font-size: 18px;}
.hu02 ul li .txt .tt		{font-size: 17px; margin-top: 4px;}

.hu02 ul li .name		{width: 25%; padding: 4px 10px; gap: 4px; flex-direction: column;}
.hu02 ul li .name .tit	{font-size: 17px;}
.hu02 ul li .name .tt	{font-size: 15px;}

.humanities .greeting > div		{padding: 80px 0px;}
.humanities .greeting .subTitle	{margin: 20px 0;}
.humanities .greeting .right span	{font-size: 16px; margin-top: 10px;}
.humanities .greeting .right .name	{font-size: 20px; margin-top: 2px;}

.humanities .member 				{gap:40px 7px; grid-template-columns: repeat(3, 1fr);}
.humanities .member li .text		{margin-top: 22px;}
.humanities .member li .name		{font-size: 22px;}
.humanities .member li .name span	{font-size: 16px; margin-top: 4px;}
.humanities .member li .tt			{font-size: 17px; margin-top: 6px;}

.humanities #tab03 .top				{padding: 15px 10px; font-size: 18px; line-height: 130%; margin-top: 15px;}
.humanities #tab03 .top b			{font-size: 19px;}
.humanities #tab03 ul				{margin-top: 20px;}
.humanities #tab03 ul li .icon		{margin: 0 auto 15px; width: 140px; height: 140px;}
.humanities #tab03 ul li:nth-child(1) .icon	{background: #464EA1 url('../_img/pc/hu_icon01.png')no-repeat 50% 50% / 50px;}
.humanities #tab03 ul li:nth-child(2) .icon	{background: #464EA1 url('../_img/pc/hu_icon02.png')no-repeat 50% 50% / 50px;}
.humanities #tab03 ul li:nth-child(3) .icon	{background: #464EA1 url('../_img/pc/hu_icon03.png')no-repeat 50% 50% / 50px;}
.humanities #tab03 ul li:nth-child(4) .icon	{background: #464EA1 url('../_img/pc/hu_icon04.png')no-repeat 50% 50% / 50px;}
.humanities #tab03 ul li:nth-child(1) br	{display: none;}
.humanities #tab03 ul li .tit		{font-size: 22px;}
.humanities #tab03 ul li .tit .en	{font-size: 16px;}
.humanities #tab03 ul li .tt		{margin-top: 10px; font-size: 16px;}

}

@media only screen and (max-width: 730px)	{
.humanities .visual						{height: 400px;}
.humanities .visual .txt .maintext span	{line-height: 30px;}

.humanities .buttonGroup button				{padding: 16px 0; font-size: 19px;}
.humanities .buttonGroup .download::before	{height: 36px; top: 10px;}
.humanities .buttonGroup .apply::after		{background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 13px; width: 15px; height: 16px;}
.humanities .buttonGroup .download::after	{background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 15px; width: 16px; height: 18px;}

.hu01_1			{flex-direction: column; gap: 30px; padding: 30px 20px;}
.hu01_1 p		{font-size: 18px; line-height: 24px; padding: 15px; min-width: 140px; height: 140px;}
.hu01_1 p span	{line-height: 8px;}
.hu01_1 ul		{display: flex; flex-direction: row; max-width: 100%; gap: 15px;}
.hu01_1 ul li	{font-size: 16px; line-height: 120%; padding: 15px 10px;}

.hu01_1 ul.hu_li01 li:nth-child(2)	{border-radius: 30px 30px 30px 0;}
.hu01_1 ul.hu_li02 li:nth-child(1)	{border-radius: 30px 0 30px 30px;}
.hu01_1 ul.hu_li01 li:nth-child(1):before	{right: -25%; bottom: -40px; transform: rotate(45deg);}
.hu01_1 ul.hu_li01 li:nth-child(2):before	{left: -25%; bottom: -40px; transform: rotate(135deg); top: auto;}
.hu01_1 ul.hu_li02 li:nth-child(1):before	{right: -25%; top: -40px; transform: rotate(135deg); left: auto;}
.hu01_1 ul.hu_li02 li:nth-child(2):before	{left: -25%; top: -40px; transform: rotate(45deg);}

.hu01_2						{margin-top: 20px;}
.hu01_2 ul					{grid-template-columns: 1fr;}
.hu01_2 ul li .left span	{font-size: 15px; width: 50px; height: 22px; margin: 0 auto 4px;}
.hu01_2 ul li .left p		{font-size: 17px;}
.hu01_2 ul li .right .tit	{font-size: 18px;}
.hu01_2 ul li .right .tt	{font-size: 16px;}
.hu01_2 .last	{font-size: 16px; line-height: 22px;}

.hu02 ul li					{flex-direction: column; border-right: none !important;}
.hu02 ul li .date			{font-size: 17px; width: 100%; padding: 10px 10px;}
.hu02 ul li .txt			{width: 100%; padding: 16px 10px; text-align: center;}
.hu02 ul li.on .txt:after	{right: 10px; top: auto; bottom: -45px; width: 80px; height: 36px; font-size: 15px;}
.hu02 ul li .txt .tit		{font-size: 17px;}
.hu02 ul li .txt .tt		{font-size: 16px; margin-top: 4px;}

.hu02 ul li .name		{width: 100%; padding: 10px 10px; gap: 4px; border-left: none; border-top: 1px solid #D5D5D5;}
.hu02 ul li .name .tit	{font-size: 16px;}
.hu02 ul li .name .tt	{font-size: 15px;}

.humanities .greeting > div			{flex-direction: column; gap: 20px;}
.humanities .greeting .img			{max-width: 100%;}
.humanities .greeting .right span	{font-size: 15px;}
.humanities .greeting .right .name	{font-size: 18px; margin-top: 0px;}

.humanities .member 				{gap:30px 6px; grid-template-columns: repeat(2, 1fr);}
.humanities .member li .text		{margin-top: 15px;}
.humanities .member li .name		{font-size: 20px;}
.humanities .member li .name span	{font-size: 15px; margin-top: 2px;}
.humanities .member li .tt			{font-size: 16px; margin-top: 5px;}

.humanities #tab03 .top				{padding: 10px 10px; font-size: 17px; margin-top: 15px;}
.humanities #tab03 .top b			{font-size: 18px;}
.humanities #tab03 ul				{margin-top: 15px; grid-template-columns: repeat(2, 1fr); gap: 25px 10px;}
.humanities #tab03 ul li .icon		{margin: 0 auto 10px; width: 140px; height: 140px;}
.humanities #tab03 ul li:nth-child(1) .icon	{background: #464EA1 url('../_img/pc/hu_icon01.png')no-repeat 50% 50% / 50px;}
.humanities #tab03 ul li:nth-child(2) .icon	{background: #464EA1 url('../_img/pc/hu_icon02.png')no-repeat 50% 50% / 50px;}
.humanities #tab03 ul li:nth-child(3) .icon	{background: #464EA1 url('../_img/pc/hu_icon03.png')no-repeat 50% 50% / 50px;}
.humanities #tab03 ul li:nth-child(4) .icon	{background: #464EA1 url('../_img/pc/hu_icon04.png')no-repeat 50% 50% / 50px;}
.humanities #tab03 ul li .tit		{font-size: 20px;}
.humanities #tab03 ul li .tit .en	{font-size: 15px;}
.humanities #tab03 ul li .tt		{margin-top: 8px; font-size: 15px;}
}

@media only screen and (max-width: 540px)	{
.humanities .visual .txt .maintext		{margin-top: 0;}
.humanities .visual .txt .maintext span	{line-height: 40px;}

.humanities .buttonGroup button				{padding: 16px 0; font-size: 17px;}
.humanities .buttonGroup .download::before	{height: 36px; top: 10px;}
.humanities .buttonGroup .apply::after		{background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 13px; width: 15px; height: 16px;}
.humanities .buttonGroup .download::after	{background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 15px; width: 16px; height: 18px;}

.hu01_1			{gap: 20px; padding: 20px 15px;}

.humanities .greeting > div		{padding: 50px 0%;}
.humanities .greeting .subTitle	{margin: 15px 0;}
}

@media only screen and (max-width: 400px)	{
.humanities .visual						{height: 330px;}
.humanities .visual .txt				{top: 55%;}
.humanities .visual .txt .maintext span	{line-height: 36px;}

.humanities .buttonGroup button				{padding: 16px 15px; font-size: 15px; text-align: left;}
.humanities .buttonGroup .download::before  {height: 32px;}
.humanities .buttonGroup .apply::after		{background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 11px; height: 13px; right: 20px;}
.humanities .buttonGroup .download::after	{background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 14px; height: 16px; right: 16px;}

.humanities .greeting > div	{padding: 40px 0%;}
}






/* ai */
.ai .visual			{height: 725px;}
.ai .visual .txt	{top: 307px;}

.ai .buttonGroup           {display: flex; justify-content: center; background: linear-gradient(90deg, #29BAEF 0%, #3333F5 100%);}
.ai .buttonGroup button    {font-family: "Pretendard"; background: none; width: 640px; padding: 28px 0; color: #ffffff; font-size: 23px; font-weight: 500;}
.ai .buttonGroup .apply    {position: relative;}
.ai .buttonGroup .download {position: relative;}
.ai .buttonGroup .apply::after     {content: ''; position: absolute; background: url('../_img/pc/mainBtnArrow.png')no-repeat 50% 50%; width: 16px; height: 19px; margin-left: 7px; margin-top: 4px; animation: move-arrow 1.5s ease-in-out infinite alternate;}
.ai .buttonGroup .download::before {content: ''; position: absolute; width: 1px; height: 56px; opacity: 0.3; left: 0; z-index: 10; background: #ffffff; top: 15px;}
.ai .buttonGroup .download::after  {content: ''; position: absolute; background: url('../_img/pc/mainBtnDown.png')no-repeat 50% 50%; width: 24px; height: 24px; margin-left: 15px; animation: move-down 1.5s ease-in-out infinite alternate;}
.ai .buttonGroup button:nth-child(1):before	{display: none;}

.ai .ai_kaist				{background: #171A20 url('../_img/pc/ai_kaistBG.jpg')no-repeat 50% 50% / cover; padding: 120px 0; word-break: keep-all;}
.ai .ai_kaist .titleGroup	{gap: 30px; margin: 0 auto;}
.ai .ai_kaist h4			{font-size: 32px; line-height: 120%; color: #fff;}
.ai .ai_kaist .tRight		{color: #fff; padding-left: 0;}
.ai .ai_kaist .tRight span	{font-weight: 600; color: #FEF100;}

.ai .ai_kaist .img				{margin: 60px auto 30px;}
.ai .ai_kaist .img img			{display: block; width: 100%; max-width: 480px; margin: 0 auto;}
.ai .ai_kaist .txt				{font-size: 38px; margin-bottom: 60px; line-height: 120%; font-weight: 700; text-align: center; color: #fff;}
.ai .ai_kaist .box_li			{display: flex; gap: 14px;}
.ai .ai_kaist .box_li > li		{padding: 25px; 20px; width: 100%; background: #fff;}
.ai .ai_kaist .box_li > li p	{margin-bottom: 15px; font-size: 20px; height: 60px; padding: 4px 10px; display: flex; align-items: center; justify-content: center; font-weight: 600; border-radius: 5px; background: #2B2B87; color: #fff;}
.ai .ai_kaist .box_li > li .dot_li	{display: flex; flex-direction: column; gap: 8px;}

.ai .dot_li li			{font-size: 19px; color: #333; padding-left: 10px; font-weight: 400;}
.ai .dot_li li:before	{content: ''; width: 5px; height: 5px; vertical-align: 4px; right: 8px; position: relative; background: #B8B8B8; border-radius: 5px; display: inline-block;}

.ai .subBlueTitle			{font-size: 24px; line-height: 120%;}
.ai .subBlueTitle + .dot_li	{margin-top: 10px; display: flex; gap: 30px;}

.ai .qr_flex				{display: flex; gap: 20px; align-items: center; justify-content: space-between;}
.ai .qr_flex .qr_img		{display: block; max-width: 120px;}
.ai .qr_flex .qr_img img	{display: block; max-width: 100px; width: 100%;}
.ai .qr_flex .qr_img span	{text-align: center; display: block; font-size: 13px; padding: 0px 10px; font-weight: 500; background: #000000; color: #fff; border-radius: 5px; margin-top: 4px;}

@media only screen and (max-width: 1650px)	{
.visual.aiVis		{background: url('../_img/mo/aiMainBG.png')no-repeat 50% 50% / cover; height: 725px;}
.ai .visual .txt	{top: 55%;}

.ai .ai_kaist					{padding: 100px 0;}
.ai .ai_kaist .titleGroup		{padding: 0;}

.ai .buttonGroup button				{padding: 22px 0; font-size: 21px;}
.ai .buttonGroup .apply::after		{background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 15px; width: 16px; height: 19px;}
.ai .buttonGroup .download::before  {height: 40px; top: 14px;}
.ai .buttonGroup .download::after	{background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 19px; width: 20px; height: 20px;}

.ai .ai_kaist .img				{margin: 40px auto;}
.ai .ai_kaist .txt				{font-size: 34px; margin-bottom: 50px;}
.ai .ai_kaist .box_li			{flex-wrap: wrap;}
.ai .ai_kaist .box_li > li		{padding: 20px 18px; width: calc(50% - 14px);}
.ai .ai_kaist .box_li > li p	{margin-bottom: 12px; font-size: 18px; height: 58px;}
.ai .ai_kaist .box_li > li .dot_li	{gap: 6px;}

}

@media only screen and (max-width: 1250px)	{
.ai .visual			{height: 580px;}
.ai .visual .txt	{top: 54%;}

.ai .ai_kaist		{padding: 80px 0;}
.ai .ai_kaist h4	{font-size: 30px;}

.ai .dot_li li				{font-size: 18px;}
.ai .subBlueTitle			{font-size: 22px; margin-top: 8px;}

}

@media only screen and (max-width: 1000px)	{
.ai .visual			{height: 530px;}
.ai .visual .txt	{top: 51%;}

}

@media only screen and (max-width: 730px)	{
.ai .visual						{height: 400px;}
.ai .visual .txt .maintext span	{line-height: 30px;}

.ai .buttonGroup button				{padding: 16px 0; font-size: 19px;}
.ai .buttonGroup .download::before	{height: 36px; top: 10px;}
.ai .buttonGroup .apply::after		{background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 13px; width: 15px; height: 16px;}
.ai .buttonGroup .download::after	{background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 15px; width: 16px; height: 18px;}

.ai .ai_kaist h4	{font-size: 26px;}

.ai .dot_li li			{font-size: 16px; padding-left: 10px;}
.ai .dot_li li:before	{width: 4px; height: 4px; vertical-align: 4px; right: 8px;}

.ai .subBlueTitle				{font-size: 18px;}
.ai .subBlueTitle + .dot_li		{margin-top: 8px; gap: 2px; flex-wrap: wrap;}
.ai .subBlueTitle + .dot_li li	{width: 100%;}

.ai .ai_kaist .img				{margin: 20px auto;}
.ai .ai_kaist .txt				{font-size: 24px; margin-bottom: 30px;}
.ai .ai_kaist .box_li			{flex-wrap: wrap;}
.ai .ai_kaist .box_li > li		{padding: 18px 15px; width: 100%;}
.ai .ai_kaist .box_li > li p	{margin-bottom: 8px; font-size: 16px; padding: 8px 10px; height: auto;}
.ai .ai_kaist .box_li > li p br	{display:none;}
.ai .ai_kaist .box_li > li .dot_li	{gap: 2px;}

.ai .qr_flex				{flex-wrap: wrap; gap: 10px;}
.ai .qr_flex .qr_img span	{padding: 4px 8px;}
}

@media only screen and (max-width: 540px)	{
.ai .buttonGroup button				{padding: 16px 0; font-size: 17px;}
.ai .buttonGroup .download::before	{height: 36px; top: 10px;}
.ai .buttonGroup .apply::after		{background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 13px; width: 15px; height: 16px;}
.ai .buttonGroup .download::after	{background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 15px; width: 16px; height: 18px;}

.ai .ai_kaist		{padding: 50px 0;}
.ai .ai_kaist h4	{font-size: 22px;}
}

@media only screen and (max-width: 400px)	{
.ai .visual						{height: 330px;}
.ai .visual .txt				{top: 55%;}
.ai .visual .txt .maintext span	{line-height: 36px;}

.ai .buttonGroup button				{padding: 16px 15px; font-size: 15px; text-align: left;}
.ai .buttonGroup .download::before  {height: 32px;}
.ai .buttonGroup .apply::after		{background: url('../_img/mo/mainBtnArrow.png')no-repeat 50% 50% / 11px; height: 13px; right: 20px;}
.ai .buttonGroup .download::after	{background: url('../_img/mo/mainBtnDown.png')no-repeat 50% 50% / 14px; height: 16px; right: 16px;}

}