.section.one{width: 100vw;height: 100vh;}
.section.one .topvideo{width: 100vw;height: 100vh;position: relative;background: center / cover url('/expo/course/images/01/visual_01.png');overflow: hidden; }
.section.one .videoCont{width: 100vw;height: 100vh;}
.section.one .topvideo video{width: 100vw; height: 100vh;object-fit: cover;}
.section.one.active .topvideo{position: fixed;top: 0;}
.section.one .topvideo #video-gray{position: absolute;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.6);top: 0;opacity: 0.8;}
.section.one.active .topvideo #video-gray{position: fixed;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.6);top: 0;opacity: 0;}
.section.one .topvideo p{margin: 0;position: absolute;width: 100%;max-width: 1280px;top: 50%;left:50%;transform:translate(-50%, -60%);font-family:MaruBuri;font-size: 4.8rem;font-weight: 300;color: #fefefe;word-break:keep-all;z-index:1}
.section.one .topvideo p.txtC{text-align: center;}
.section.one .topvideo p>strong{display:block;padding-top:25px;font-size: 7rem; font-weight: 500;color:#b1df0a;/*text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;*/}
.section.one .topvideo p>strong>span{display:block;}

.topvideo .intro_mov_img {position: absolute;left: 50%;top: 50%;min-width: 100%;min-height: 100%;height: auto;width: auto;transform: translate(-50%,-50%);z-index: 0;}

@media only screen and (max-width:1870px){
 /*    .section.one .topvideo video{width: auto;height:100vh;} */
  }
@media only screen and (max-width:1280px){
    .section.one .topvideo p br{display:none; }
}
@media only screen and (max-width:1024px){
    .section.one .topvideo p{ width: 90%; }
}   
@media only screen and (max-width:768px){
    .section.one .topvideo p {  font-size: 2rem !important; }
    .section.one .topvideo p>strong { padding-top: 0; font-size: 5rem; }
}
@media only screen and (max-width:510px){
    .section.one .topvideo p>strong { padding-top: 0; font-size: 3rem; }
}
.section.two{margin: 0 auto; padding: 15rem 0; width: 100vw;  overflow: hidden; background: center / cover url('/expo/course/images/common/sectionBg01.png');}
.section.two .inner{ margin: 0 auto; width: calc(100% - 5rem); max-width: 1280px;}
.section.two .contentsbox{padding-bottom: 70px;display: inline-block;}
.section.two .contentsbox .tit{width: auto;padding-right: 50px;float: left;opacity:0}
.section.two .contentsbox .tit span:first-child{font-size: 2.3rem;font-weight: bold;color:#484848}
.section.two .contentsbox .tit span:last-child{font-size: 1.8rem;display: inline-block;margin-top: 10px;color:#484848}
.section.two .contentsbox .cont{width: auto;float: left;font-size: 20px;margin: 0;padding-top: 27px;color:#484848;opacity:0}
.section.two .videobox{width: 100%;position:relative}
.section.two .videobox video{width: 100%;/* box-shadow: 0px 0px 10px black; */}
.section.two .videobox .controlBtn{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 300px;height: 300px;border: none;background: none;background-size: cover;opacity: 0.5;background-image: url('/expo/course/images/common/play.png');cursor: pointer;}
.section.two .videobox .controlBtn[data-play='1']{background-image: url('/expo/course/images/common/pause.png');opacity:0}
.section.two .videobox:hover .controlBtn{opacity: 0.8;}
.section.two.active .videobox:hover .controlBtn{opacity: 0.8;}
.section.two.active .videobox .controlBtn{ }

.section.two .inner .rec .tit{margin-bottom: 3.5rem; display:block; font-family: S-CoreDream-6Bold;font-size: 6rem;color:#191919;line-height: 1;}
.section.two .inner .rec .tit>em{color: #9dbf21;}
.section.two .inner .rec .titS{margin-bottom: 2.5rem;display:block; font-family: S-CoreDream-4Regular;font-size: 1.8rem;color:#767676;line-height: 1;}
.section.two .inner .rec .titDate{ position:relative;margin-bottom: 8rem; display:block; font-family: S-CoreDream-4Regular;font-size: 3rem;color:#123f27;line-height: 1; z-index:1; }
.section.two .inner .rec .titDate>em{font-size: 1.8rem;color:#616161;}
.section.two .inner .rec .cont{margin-top: -130px; padding-top:15.2rem; background: url('/expo/course/images/01/sec2_01.png') no-repeat top right 12.8rem;}
.section.two .inner .rec .cont > div{display: flex; justify-content: space-between; align-items: center; padding:0 7rem; width:100%; height:36rem; border-radius: 18rem; background: #9dbf21;}
.section.two .inner .rec .cont > div > p{ font-family: S-CoreDream-6Bold; font-size: 4.2rem; color: #000; line-height: 1; text-align: justify;}
.section.two .inner .rec .cont > div > p > span{ display: block; font-family: S-CoreDream-3Light; font-size: 3.6rem; color: #616161; letter-spacing: -1px;}
.section.two .inner .rec .cont > div > ul{ display: flex; justify-content: space-between; align-items: center;/* width: calc(100% - 22rem);*/width: calc(100% - 0rem);}
.section.two .inner .rec .cont > div > ul > li{ display: flex; flex-direction: column; align-items: center; justify-content: center; width:25rem; height: 25rem; border-radius: 50%; background: #f5f6ca; text-align: center;}
.section.two .inner .rec .cont > div > ul > li i{ padding-bottom: 2rem; }
.section.two .inner .rec .cont > div > ul > li:nth-child(1) > i{ width:12.4rem; height: 8.1rem; background: url('/expo/course/images/01/sec2_02.svg') no-repeat center;}
.section.two .inner .rec .cont > div > ul > li:nth-child(2) > i{ width:10.1rem; height: 8.1rem; background: url('/expo/course/images/01/sec2_03.svg') no-repeat center;}
.section.two .inner .rec .cont > div > ul > li:nth-child(3) > i{ width:8rem; height: 8.1rem; background: url('/expo/course/images/01/sec2_04.svg') no-repeat center;}
.section.two .inner .rec .cont > div > ul > li > p{ font-family: S-CoreDream-5Medium; font-size: 3.2rem; color:#2c7046; letter-spacing: -.5px; }

.section.two .inner .rec.active{opacity: 0;-webki©t-transform: translate3d(50%, 0, 0);transform: translate3d(50%, 0, 0)}
.section.two.active .inner .rec.animate {-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;/* -webkit-animation-delay: 0.3s;-moz-animation-delay: 0.3s;animation-delay: 0.3s; */}
@-webkit-keyframes fadeInRight {
    from {opacity: 0;-webkit-transform: translate3d(50%, 0, 0);transform: translate3d(50%, 0, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}
}
.section.two.active .inner .rec.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}

@media only screen and (max-width:1280px){
    .section.two .inner .rec .cont { padding-top: 17rem;}
    .section.two .inner .rec .cont > div > ul > li { width :27rem; height: 27rem;}
}
@media only screen and (max-width:1130px){
    .section.two .inner .rec .cont > div > ul > li { width :26rem; height: 26rem;}
}
@media only screen and (max-width:1080px){
    .section.two .inner .rec .cont > div > p{ font-size: 4rem; }
    .section.two .inner .rec .cont > div > p span{ font-size: 3rem;}
    .section.two .inner .rec .cont > div > ul{ width: calc(100% - 0rem);}
    .section.two .inner .rec .cont > div > ul > li > i{ padding-bottom: 2rem;}
    .section.two .inner .rec .cont > div > ul > li > i img{ width: 50%;}
    .section.two .inner .rec .cont > div > ul > li > p{ font-size: 2.8rem; }
}
@media only screen and (max-width:1050px){
    .section.two .inner .rec .cont > div > ul > li{  width:23rem; height: 23rem; }
}
@media only screen and (max-width:1024px){
    .section.two { padding: 10rem 0; }
    .section.two .inner { width: 90%; word-break: keep-all; }
    .section.two .inner .rec .cont { margin-top: -100px;} 
    .section.two .inner .rec .cont > div > dl > dt{ padding-right: 4rem; }    
}
@media only screen and (max-width:1000px){
    .section.two .inner .rec .cont { padding-top: 19rem;} 
}
@media only screen and (max-width:900px){
/*     .section.two .inner .rec .cont > div > dl > dd { border-radius: 0;}
    .section.two .inner .rec .cont > div > dl > dd:nth-child(2) { border-top-left-radius: 50%; border-bottom-left-radius: 50%;}
    .section.two .inner .rec .cont > div > dl > dd:nth-child(4) { border-top-right-radius: 50%; border-bottom-right-radius: 50%;} */
    .section.two .inner .rec .cont > div { position:relative; display: block; padding: 5rem 7rem; /*height: 40rem; */border-radius: 20rem;}
    .section.two .inner .rec .cont > div > p { text-align: center; padding-bottom: 3rem;}
    .section.two .inner .rec .cont > div > p span { display: inline-block; padding-left: 1rem; font-size: 4rem;}
    .section.two .inner .rec .cont > div > ul { width: 100%;}
}
@media only screen and (max-width:768px){
	   .section.two .inner .rec .tit { font-size: 4.5rem; }
    .section.two .inner .rec .cont { margin-top: -115px; background-position: right 0; /* background-size: 50%; */ } 
    .section.two .inner .rec .cont > div { padding: 5rem 3rem; border-radius: 3rem; height: auto;}
    .section.two .inner .rec .cont > div > p { padding-bottom: 4rem; }
    .section.two .inner .rec .cont > div > ul { flex-direction: column; }
    .section.two .inner .rec .cont > div > ul > li { margin-bottom: 3rem; width: 100%; height: 20rem; border-radius: 3rem;}
    .section.two .inner .rec .cont > div > ul > li:last-child { margin-bottom: 0;}
}
@media only screen and (max-width:414px){
	.section.two .inner .rec .tit { font-size: 4rem; }
    .section.two .inner .rec .cont { margin-top: -40px; padding-top: 16rem; background-position: top center; background-size: 300px;} 
}


/* 다섯 가지 특별함 */
.section.three{/* min-height:100vh; */text-align: center;}
.section.three .three-01{width: 100vw;height: auto;background: center / cover url('../images/common/sectionBg02.png');display:inline-block;padding:15rem 0}
.section.three .three-01 .tit{margin-bottom: 8rem; text-align: center;font-family: S-CoreDream-6Bold;font-size: 6rem;color:#fff;line-height: 1;word-break: keep-all;}
.section.three .three-01 .tit>span{ color:#9dbf21;}
.section.three .three-01 img {max-width: 100%;}
.section.three .three-01 .evenBox { margin: 0 auto; max-width: 1140px;}
.section.three .three-01 .evenBox .evenBoxIn { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5rem; }
.section.three .three-01 .evenBox .evenBoxIn:nth-child(even) { flex-direction: row-reverse; }
.section.three .three-01 .evenBox .evenBoxIn > div:first-child { width:32.5%; padding-right: 4rem; }
.section.three .three-01 .evenBox .evenBoxIn > div:last-child { width:67.5%; text-align: left;}
.section.three .three-01 .evenBox .evenBoxIn:nth-child(even) > div:first-child { padding-right: 0; padding-left: 4rem; }
.section.three .three-01 .evenBox .evenBoxIn:nth-child(even) > div:last-child { text-align: right; }
.section.three .three-01 .evenBox .evenBoxIn > div img { width: 100%; }
.section.three .three-01 .evenBox .evenBoxIn > div h2 { margin-bottom: 30px; font-family: S-CoreDream-5Medium; font-size: 3.2rem; color: #efefef; letter-spacing: -.5px; line-height: 1.2; word-break: keep-all;}
.section.three .three-01 .evenBox .evenBoxIn > div h2 > span { display: block;font-family: S-CoreDream-3Light;font-size: 2rem;}
.section.three .three-01 .evenBox .evenBoxIn > div ul { }
.section.three .three-01 .evenBox .evenBoxIn > div ul li { padding: 0 0 2px 8px; font-family: S-CoreDream-3Light; font-size: 1.8rem; color: #efefef; text-indent: -7px; }
.section.three .three-01 .evenBox .evenBoxIn > div ul li::before { content: ""; display: inline-block; margin-right: 5px; margin-bottom: 5px; width: 3px; height: 1px; background: #efefef; }

@media only screen and (max-width:1280px){
    .section.three .three-01 .tit>span { display: block; padding-top: 10px; }
    .section.three .three-01 .evenBox {width: calc(100% - 5rem);}
}
@media only screen and (max-width:1024px){
    .section.three .three-01 { padding: 10rem 5%; box-sizing: border-box; }
    .section.three .three-01 .evenBox .evenBoxIn > div:first-child { width:45%; }
    .section.three .three-01 .evenBox .evenBoxIn > div:last-child { width:55%; }
}
@media only screen and (max-width:768px){
    .section.three { min-height: 100%;}
    .section.three .three-01 .tit { font-size: 4.5rem; }
    .section.three {min-height:100%; }
    .section.three .three-01 .evenBox { width: 100%;}
    .section.three .three-01 .evenBox .evenBoxIn { margin-bottom: 7rem;}
    .section.three .three-01 .evenBox .evenBoxIn,
    .section.three .three-01 .evenBox .evenBoxIn:nth-child(even) { flex-direction: column;}
    .section.three .three-01 .evenBox .evenBoxIn:nth-child(even) > div:last-child { text-align: left;}
    .section.three .three-01 .evenBox .evenBoxIn > div { width: 100% !important; padding-right: 0 !important; padding-left: 0 !important;}
    .section.three .three-01 .evenBox .evenBoxIn > div:first-child { padding-bottom: 5rem;}
}
@media only screen and (max-width:405px){
.section.three .three-01 .tit {font-size: 4rem;}
	
}

/*BIG CHANGE 10*/
.big-cont { color: #fff; font-size: 2.8rem; font-weight: 400;}
.big-cont span {color: #bae325;font-weight: 500;font-size: 3rem;}
.ul-list-big02 ::before{background: none !important;}
.ul-list-big02 li ul li {font-size: 1.5rem !important;}
.change-title-s {display: inline-block !important;font-size: 2.5rem !important;}