.textauth .wrap_input{position:relative;padding-right:5px;}
.textauth .wrap_input .inp{width:100%;}
.textauth .wrap_input .timer{position:absolute;right:10px;top:10px;color:#3660a9;font-size:15px;}

/*프로그램 소개*/

.fade_and_slide {
      opacity: 0;
      transform: translateY(30%);
      transition: opacity 1s ease, transform 1s ease;
    }

.fade_and_slide.fade-in {
      opacity: 1;
      transform: translateY(0%);
	  animation-delay:1s;
}
.fade_and_slide2 {
      opacity: 0;
      transform: translateY(30%);
      transition: opacity 1.5s ease, transform 1.5s ease;
    }

.fade_and_slide2.fade-in {
      opacity: 1;
      transform: translateY(0%);
	  animation-delay:1.5s;
}
.fade_and_slide3 {
      opacity: 0;
      transform: translateY(30%);
      transition: opacity 2s ease, transform 2s ease;
    }

.fade_and_slide3.fade-in {
      opacity: 1;
      transform: translateY(0%);
	  animation-delay:2s;
}
.fade_and_slide4 {
      opacity: 0;
      transform: translateY(30%);
      transition: opacity 2.5s ease, transform 2.5s ease;
    }

.fade_and_slide4.fade-in {
      opacity: 1;
      transform: translateY(0%);
	  animation-delay:2s;
}
.fade_and_slide5 {
      opacity: 0;
      transform: translateX(-30%);
      transition: opacity 1s ease, transform 1s ease;
    }

.fade_and_slide5.fade-in {
      opacity: 1;
      transform: translateX(0%);
	  animation-delay:1s;
}
.fadeIn {
      opacity: 0;
      transition: opacity 1s ease;
    }

.fadeIn.fade-in {
      opacity: 1;
	  animation-delay:0s;
}

@media (max-width: 1024px) {
  .fade-in {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
  .fade_and_slide, .fade_and_slide2, .fade_and_slide3, .fade_and_slide4, .fade_and_slide5  {
	transform: translateX(0%) !important;
	transform: translateY(0%) !important;
	opacity: 1 !important;
  }
}


.axel.intro .visual_wrap {
	display:block;
	width:100%;
	background-image:url(../_img/axel/axel_visual.jpg);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	padding:95px 60px;
	border-radius:30px;
}
.axel.intro .visual_wrap .txt1 {font-size:40px; color:#fff; font-weight:400;}
.axel.intro .visual_wrap .txt2 {font-size:20px; color:#fff; font-weight:400; line-height:1.4;}
.axel.intro .visual_wrap .txt1 span.bold {font-weight:bold;}
.axel.intro .visual_wrap .txt2 span.block {display:block;}
.axel.intro .visual_wrap .tit {
	font-family: 'Montserrat', sans-serif;
	font-size: 70px;
    width:fit-content;
    margin:10px 0;
    text-align: center;
    background: linear-gradient(to right, #69f1ff, #5e9fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
	font-weight:800;
}
.axel.intro .section {margin:100px 0;}
.axel.intro .section .sec_tit {font-size:30px; color:#000; font-weight:600; text-align:center; margin-bottom:40px;}
.axel.intro .section.sec1 .txt {font-size:20px; color:#000; text-align:center;}
.axel.intro .section.sec1 .sub {font-size:18px; color:#6d91cd; text-align:center; margin-top:5px;}
.axel.intro .section.sec1 .box_wrap {width:102%; margin:50px -1%;}
.axel.intro .section.sec1 .box_wrap .box {
	width:48%; margin:0 1%;
	background-color:#fff;
	box-shadow:5px 5px 10px 5px rgba(201, 209, 227, 0.5);
	border-radius:30px;
	padding:50px;
}
.axel.intro .section.sec1 .box_wrap .box p {font-size:20px; color:#000; font-weight:400; text-align:center; line-height:1.4; margin-top:10px;}
.axel.intro .section.sec1 .box_wrap .box p .block {display:block;}
.axel.intro .section.sec1 .box_wrap .box .icon {
	display:block;
	width:190px; height:190px;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	margin:0 auto;
}
.axel.intro .section.sec1 .box_wrap .box .icon.I01 {background-image:url(../_img/axel/axel_intro_icon1.png);}
.axel.intro .section.sec1 .box_wrap .box .icon.I02 {background-image:url(../_img/axel/axel_intro_icon2.png);}

.axel.intro .section.sec2 .info_wrap dl {width:100%;}
.axel.intro .section.sec2 .info_wrap dt.pdt20 {padding-top:20px;}
.axel.intro .section.sec2 .info_wrap dt.pdt35 {padding-top:35px;}
.axel.intro .section.sec2 .info_wrap dt.pdt45 {padding-top:45px;}
.axel.intro .section.sec2 .info_wrap dt {
	width:300px; 
	background-color:#d8e4fb;
	border-bottom:1px solid #fff;
	font-size:20px;
	color:#13356c;
	font-weight:600;
}
.axel.intro .section.sec2 .info_wrap dt .flex_jcsb {
	display:flex; 
	justify-content:space-between; 
	align-items:center; 
	width:100%; max-width:73px; 
	margin:auto;
}
.axel.intro .section.sec2 .info_wrap dl:first-child dt {border-top:1px solid #d8e4fb; border-radius:30px 0 0 0;}
.axel.intro .section.sec2 .info_wrap dl:last-child dt {border-bottom:1px solid #d8e4fb; border-radius:0 0 0 30px;}
.axel.intro .section.sec2 .info_wrap dd {width:auto; flex:1; padding:20px 50px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.axel.intro .section.sec2 .info_wrap dl:first-child dd {border-radius:0 30px 0 0; border-top:1px solid #ddd;}
.axel.intro .section.sec2 .info_wrap dl:last-child dd {border-radius:0 0 30px 0;}
.axel.intro .section.sec2 .info_wrap dd .cont {font-size:20px; color:#000;}
.axel.intro .section.sec2 .info_wrap dd .sub {font-size:18px; color:#999; margin-top:5px; text-indent:-13px; padding-left:13px;}

.axel.intro .section.sec3 .effect_wrap {width:102%; margin:50px -1%;}
.axel.intro .section.sec3 .effect_wrap .effect_box {
	width:48%; margin:0 1%;
	border-radius:30px;
	padding:50px;
}
.axel.intro .section.sec3 .effect_wrap .effect_box.bg1 {
	background:radial-gradient(at top, #f7faff, transparent 70%),
				radial-gradient(at left bottom, #cbdaf9, transparent 70%),
				radial-gradient(at center bottom, #a8c7f4, transparent 50%),
				radial-gradient(at right bottom, #bfe3ff, transparent 50%);
	background-color: #ffffff; /* 기본 바탕 */
}
.axel.intro .section.sec3 .effect_wrap .effect_box.bg2 {
	background:radial-gradient(at top, #f7faff, transparent 70%),
				radial-gradient(at left bottom, #dcf3f9, transparent 50%),
				radial-gradient(at center bottom, #acdeec, transparent 70%),
				radial-gradient(at right bottom, #a8caf8, transparent 70%);
	background-color: #ffffff; /* 기본 바탕 */
}
.axel.intro .section.sec3 .effect_wrap .effect_box .e_icon {
	display:block;
	width:140px; height:140px;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	margin:0 auto;
}
.axel.intro .section.sec3 .effect_wrap .effect_box .e_icon.I01 {background-image:url(../_img/axel/axel_intro_icon3.png);}
.axel.intro .section.sec3 .effect_wrap .effect_box .e_icon.I02 {background-image:url(../_img/axel/axel_intro_icon4.png);}
.axel.intro .section.sec3 .effect_wrap .effect_box .cap {
	display:block;
	font-size:22px;
	color:#13356c;
	font-weight:600;
	text-align:center;
	background-color:#fff;
	border:1px solid #13356c;
	border-radius:30px;
	margin:10px auto 20px;
	padding:5px 20px;
	width:fit-content;
}
.axel.intro .section.sec3 .effect_wrap .effect_box p {font-size:20px; color:#000; line-height:1.4; text-align:center;}
.axel.intro .section.sec3 .effect_wrap .effect_box p.sub {font-size:19px; margin-top:5px;}
.axel.intro .section.sec3 .effect_wrap .effect_box p .block {display:block;}


/*프로그램 소개 ---*/

/*커리큘럼*/
.axel.curriculum .process_wrap .sec_tit {
	font-size:30px;
    color:#000;
    font-weight:600;
    text-align:center;
    margin:100px auto 30px;
}
.axel.curriculum .process_wrap .txt {font-size: 20px; color: #000; text-align: center;}
.axel.curriculum .process_wrap .process {align-items:center; width:100%; max-width:1200px; margin:40px auto;}
.axel.curriculum .process_wrap .process li {position:relative; flex:1; font-size:18px; color:#666; text-align:center; transition:0.3s;}
.axel.curriculum .process_wrap .process li:first-child:before {display:none;}
.axel.curriculum .process_wrap .process li:before {
	content:'';
	width:50px; height:1px;
	background-color:#e2dfe7;
	position:absolute;
	top:35%; left:-25px;
}
.axel.curriculum .process_wrap .process li:hover {font-weight:600; color:#000;}
.axel.curriculum .process_wrap .process li .icon {
	display:block;
	width:80px; height:80px;
	border-radius:100%;
	margin:0 auto 10px;
	background-size:40px;
	background-position:center;
	background-repeat:no-repeat;
}
.axel.curriculum .process_wrap .process li .icon.w1 {background-color:#863ee8; background-image:url(../_img/axel/axel_curri_icon1.png);}
.axel.curriculum .process_wrap .process li .icon.w2 {background-color:#9c54f1; background-image:url(../_img/axel/axel_curri_icon2.png);}
.axel.curriculum .process_wrap .process li .icon.w3 {background-color:#b365f9; background-image:url(../_img/axel/axel_curri_icon3.png);}
.axel.curriculum .process_wrap .process li .icon.w4 {background-color:#c172ff; background-image:url(../_img/axel/axel_curri_icon4.png);}
.axel.curriculum .process_wrap .process li .icon.w5 {background-color:#ac77fb; background-image:url(../_img/axel/axel_curri_icon5.png);}
.axel.curriculum .process_wrap .process li .icon.w6 {background-color:#8173f3; background-image:url(../_img/axel/axel_curri_icon6.png);}
.axel.curriculum .process_wrap .process li .icon.w7 {background-color:#5470eb; background-image:url(../_img/axel/axel_curri_icon7.png);}
.axel.curriculum .process_wrap .process li .icon.w8 {background-color:#116ce5; background-image:url(../_img/axel/axel_curri_icon8.png);}

.axel.curriculum .curri_wrap .week {font-size:20px; color:#666; font-weight:600; margin:10px 0 10px -15px;}
.axel.curriculum .curri_wrap .week .circle {display:inline-block; width:30px; height:30px; border-radius:100%; margin-right:5px; position:relative;}
.axel.curriculum .curri_wrap .week .circle:before {
	content:'';
	display:block;
	width:6px; height:6px;
	border-radius:100%;
	background-color:#fff;
	position:absolute;
	top:12px; left:12px;
}
.axel.curriculum .curri_wrap.first .week .circle {background-color:#863ee8;}
.axel.curriculum .curri_wrap.second .week .circle {background-color:#9c54f1;}
.axel.curriculum .curri_wrap.third .week .circle {background-color:#b365f9;}
.axel.curriculum .curri_wrap.fourth .week .circle {background-color:#c172ff;}
.axel.curriculum .curri_wrap.fifth .week .circle {background-color:#ac77fb;}
.axel.curriculum .curri_wrap.sixth .week .circle {background-color:#8173f3;}
.axel.curriculum .curri_wrap.seventh .week .circle {background-color:#5470eb;}
.axel.curriculum .curri_wrap.eighth .week .circle {background-color:#116ce5;}
.axel.curriculum .curri_wrap .curri_flex {display:flex; flex-wrap:wrap; align-items:flex-start; padding:10px 0 0 25px; border-left:1px solid #efefef;}
.axel.curriculum .curri_wrap .instructor {
	width:35%;
	margin-right:20px;
	background-color:#f1f4fa;
	border-radius:20px;
	padding:40px;
}
.axel.curriculum .curri_wrap .instructor .thumb_wrap {
	width:130px; height:130px; 
	border-radius:30px; 
	background-color:#fff;
	overflow:hidden;
}
.axel.curriculum .curri_wrap .instructor .thumb_wrap img {width:100%; height:100%; object-fit:contain;}
.axel.curriculum .curri_wrap .instructor .info_wrap {width:calc( 100% - 170px ); margin-left:30px;}
.axel.curriculum .curri_wrap .instructor .info_wrap .t_name {font-size:22px; color:#333; font-weight:600;}
.axel.curriculum .curri_wrap .instructor .info_wrap .t_org {font-size:20px; color:#90a6d0; font-weight:600;}
.axel.curriculum .curri_wrap .instructor .info_wrap .t_history {font-size:20px; color:#333; line-height:1.4; text-indent:-10px; padding-left:10px;}
.axel.curriculum .curri_wrap .instructor .info_wrap .mt20 {margin-top:20px;}
.axel.curriculum .curri_wrap .program_wrap {width:auto; flex:1;} 
.axel.curriculum .curri_wrap .program_wrap .program {
	border:1px solid #ddd;
	border-radius:20px;
	padding:40px;
	margin-bottom:20px;
}

.axel.curriculum .curri_wrap .program_wrap .program dt {
	font-size:16px; 
	text-align:center; 
	width:80px; padding:7px;
	border-radius:30px;
}
.axel.curriculum .curri_wrap .program_wrap .program.lecture .tit_wrap dt {color:#fff; background-color:#618fed;}
.axel.curriculum .curri_wrap .program_wrap .program.lecture .cont_wrap dt {color:#618fed; background-color:#e3eaf9;}
.axel.curriculum .curri_wrap .program_wrap .program.practice .tit_wrap dt {color:#fff; background-color:#bc90d6;}
.axel.curriculum .curri_wrap .program_wrap .program.practice .cont_wrap dt {color:#bc90d6; background-color:#f5edfa;}
.axel.curriculum .curri_wrap .program_wrap .program .tit_wrap,
.axel.curriculum .curri_wrap .program_wrap .program .cont_wrap {align-items:flex-start;}
.axel.curriculum .curri_wrap .program_wrap .program .cont_wrap {margin-top:20px;}
.axel.curriculum .curri_wrap .program_wrap .program dd {width:calc( 100% - 100px ); margin-left:20px;}
.axel.curriculum .curri_wrap .program_wrap .program dd .tit {font-size:22px; color:#333; font-weight:600;}
.axel.curriculum .curri_wrap .program_wrap .program dd .cont {font-size:20px; color:#333; font-weight:400; text-indent:-14px; padding-left:14px; line-height:1.4;}
.axel.curriculum .curri_wrap .program_wrap .program dd .length {
	font-size:18px; color:#999; 
	border:1px solid #ccc;
	border-radius:30px;
	padding:5px 10px 5px 35px;
	background-image:url(../_img/axel/icon_time.png);
	background-size:18px;
	background-position:center left 10px;
	background-repeat:no-repeat;
	margin-top:5px;
	width:fit-content;
}

@media screen and (max-width:1200px) {
	.axel.curriculum .curri_wrap .curri_flex {padding:10px 0 0 20px;}
	.axel.curriculum .curri_wrap .instructor {padding:30px;}
	.axel.curriculum .curri_wrap .instructor .thumb_wrap {width:110px; height:110px;}
	.axel.curriculum .curri_wrap .instructor .info_wrap {width:auto; flex:1; margin-left:20px;}
	.axel.curriculum .curri_wrap .program_wrap .program {padding:30px;}
}
@media screen and (max-width:1110px) {
	.axel.curriculum .process_wrap .process li:before {width:30px; left:-15px;}
}
@media screen and (max-width:1024px) {
	.axel.curriculum .process_wrap .process li {font-size:16px;}
	.axel.curriculum .process_wrap .process li .icon {width:70px; height:70px;}
	.axel.curriculum .curri_wrap {margin-bottom:20px;}
	.axel.curriculum .curri_wrap .week {margin:0;}
	.axel.curriculum .curri_wrap .curri_flex {padding:10px 0 0; border-left:none;}
	.axel.curriculum .curri_wrap .instructor {width:30%; padding:20px;}
	.axel.curriculum .curri_wrap .instructor .thumb_wrap {margin:0 auto;}
	.axel.curriculum .curri_wrap .instructor .info_wrap {width:100%; margin:15px 0 0; flex:auto;}
	.axel.curriculum .curri_wrap .instructor .info_wrap .t_name {font-size:20px; text-align:center;}
	.axel.curriculum .curri_wrap .instructor .info_wrap .t_org {font-size:18px; text-align:center;}
	.axel.curriculum .curri_wrap .instructor .info_wrap .t_history {font-size:18px;}
	.axel.curriculum .curri_wrap .instructor .info_wrap .mt20 {margin-top:15px;}
	.axel.curriculum .curri_wrap .program_wrap .program {padding:20px;}
	.axel.curriculum .curri_wrap .program_wrap .program dt {font-size:16px; padding:5px; width:70px;}
	.axel.curriculum .curri_wrap .program_wrap .program dd {width:100%; margin:10px 0 0; flex:auto;}
	.axel.curriculum .curri_wrap .program_wrap .program dd .tit {font-size:20px;}
	.axel.curriculum .curri_wrap .program_wrap .program dd .length {font-size:16px; padding: 3px 10px 2px 30px; background-position:center left 7px;}
	.axel.curriculum .curri_wrap .program_wrap .program dd .cont {font-size:18px;}
}
@media screen and (max-width:870px) {
	.axel.curriculum .process_wrap .process li:before {width:10px; left:-5px;}
	.axel.curriculum .curri_wrap .instructor {width:100%; margin:0 0 10px;}
	.axel.curriculum .curri_wrap .instructor .thumb_wrap {width:110px; height:110px;}
	.axel.curriculum .curri_wrap .instructor .info_wrap {width: auto; flex: 1; margin:0 0 0 20px;}
	.axel.curriculum .curri_wrap .program_wrap {flex:auto; width:100%;}
	.axel.curriculum .curri_wrap .instructor .info_wrap .t_name,
	.axel.curriculum .curri_wrap .instructor .info_wrap .t_org {text-align:left;}
	.axel.curriculum .curri_wrap .program_wrap .program dd {width: calc(100% - 90px); margin:0 0 0 20px;}
}
@media screen and (max-width:780px) {
	.axel.curriculum .process_wrap .process li .icon {width:60px; height:60px; background-size:35px;}
}
@media screen and (max-width:620px) {
	.axel.curriculum .process_wrap .process li {font-size:14px;}
	.axel.curriculum .process_wrap .process li:before {display:none;}
	.axel.curriculum .process_wrap .process li .icon {margin:0 auto 5px;}
	.axel.curriculum .curri_wrap .instructor .info_wrap .t_name {font-size:18px;}
	.axel.curriculum .curri_wrap .instructor .info_wrap .t_org {font-size:16px;}
	.axel.curriculum .curri_wrap .instructor .info_wrap .t_history {font-size:16px;}
	.axel.curriculum .curri_wrap .instructor .info_wrap .mt20 {margin-top:10px;}
	.axel.curriculum .curri_wrap .program_wrap .program .cont_wrap {margin-top:15px;}
	.axel.curriculum .curri_wrap .program_wrap .program dd .tit {font-size:18px;}
	.axel.curriculum .curri_wrap .program_wrap .program dd .length {font-size:14px; padding:2px 10px 2px 27px; background-size:16px;}
	.axel.curriculum .curri_wrap .program_wrap .program dd .cont {font-size:16px; text-indent:-11px; padding-left:11px; word-break:break-all;}
}
@media screen and (max-width:520px) {
	.axel.curriculum .process_wrap .process li .icon {width:50px; height:50px; background-size:30px;}
}
@media screen and (max-width:480px) {
	.axel.curriculum .curri_wrap .week {font-size:18px;}
	.axel.curriculum .curri_wrap .week .circle {width:25px; height:25px;}
	.axel.curriculum .curri_wrap .week .circle:before {top:10px; left:10px;}
	.axel.curriculum .curri_wrap .instructor,
	.axel.curriculum .curri_wrap .program_wrap .program {padding:15px;}
	.axel.curriculum .curri_wrap .program_wrap .program dt {font-size:14px;}
	.axel.curriculum .curri_wrap .program_wrap .program dd {width:100%; margin:10px 0 0;}
}
@media screen and (max-width:420px) {
	.axel.curriculum .process_wrap .process li {flex:auto; width:25%;}
	.axel.curriculum .curri_wrap .instructor .info_wrap {width: 100%; margin:10px 0 0; flex: auto;}
	.axel.curriculum .curri_wrap .instructor .info_wrap .t_name,
	.axel.curriculum .curri_wrap .instructor .info_wrap .t_org {text-align:center;}
	.axel.curriculum .curri_wrap .instructor,
	.axel.curriculum .curri_wrap .program_wrap .program {margin-bottom:10px;}
}
@media screen and (max-width:320px) {
	.axel.curriculum .curri_wrap .instructor,
	.axel.curriculum .curri_wrap .program_wrap .program {padding:10px;}
}

/*커리큘럼 ---*/