@charset "utf-8";



html body .fc_blue,
html body .fc_blue * {color:#354ad8 !important;}
html body .fc_yellow,
html body .fc_yellow * {color:#ffe863 !important;}



.mainCon {margin:0 auto; padding:120px 0;}

.mainCon .topArea {width:100%; position:relative; margin:0 auto 60px; padding:0; background:#354ad8;}
.mainCon .topArea > div {display:block; width:100%; max-width:1230px; position:relative; margin:0 auto; padding:40px 15px; box-sizing:border-box;}
.mainCon .topArea p {display:block; text-align:left; position:relative; margin:0; padding:0; color:#fff;}
.mainCon .topArea .t1 {font-size:30px; line-height:40px; font-weight:600;}

.mainCon .inner {width:100%; max-width:1230px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.mainCon .typoArea {position:relative; margin:0 auto 60px;}
.mainCon .typoArea p,
.mainCon .typoArea a {display:block; text-align:left; position:relative; margin:0; padding:0; color:#000;}
.mainCon .typoArea .tit {font-size:48px; line-height:62px; font-weight:400;}
.mainCon .typoArea .desc {font-size:32px; line-height:42px; font-weight:400;}
.mainCon .typoArea .t1 {font-size:40px; line-height:52px; font-weight:400;}
.mainCon .typoArea .t2 {font-size:28px; line-height:36px; font-weight:400;}
.mainCon .typoArea .t3 {font-size:16px; line-height:24px; font-weight:400;}
.mainCon .typoArea .b1 {width:260px; height:60px; text-align:center; font-size:20px; line-height:60px; font-weight:500; color:#333; background:#ffe863; border-radius:5px;}
.mainCon .typoArea .b1 img {display:inline-block; max-width:100%; vertical-align:middle; margin:-3px 0 0 5px;}

.mainCon .typoArea.tac {}
.mainCon .typoArea.tac p {text-align:center;}

@media screen and (max-width:1280px){
  .mainCon {padding:100px 0;}
  .mainCon .typoArea .tit {font-size:40px; line-height:54px;}
  .mainCon .typoArea .desc {font-size:28px; line-height:38px;}
  .mainCon .typoArea .t1 {font-size:36px; line-height:48px;}
  .mainCon .typoArea .t2 {font-size:24px; line-height:32px;}
  .mainCon .typoArea .t3 {font-size:15px; line-height:24px;}
}

@media screen and (max-width:1080px){
  .mainCon {padding:90px 0;}
  .mainCon .typoArea .tit {font-size:36px; line-height:48px;}
  .mainCon .typoArea .desc {font-size:24px; line-height:34px;}
  .mainCon .typoArea .t1 {font-size:32px; line-height:44px;}
  .mainCon .typoArea .t2 {font-size:20px; line-height:28px;}
  .mainCon .typoArea .t3 {}
  .mainCon .typoArea .b1 {width:240px; height:50px; font-size:18px; line-height:50px;}
}

@media screen and (max-width:960px){
  .mainCon {padding:80px 0;}
  .mainCon .typoArea .tit {font-size:32px; line-height:42px;}
  .mainCon .typoArea .desc {font-size:20px; line-height:30px;}
  .mainCon .typoArea .t1 {font-size:28px; line-height:36px;}
  .mainCon .typoArea .t2 {font-size:19px; line-height:26px;}
  .mainCon .typoArea .t3 {font-size:14px; line-height:24px;}
  .mainCon .typoArea .b1 {width:220px; height:50px; font-size:16px; line-height:50px;}
}

@media screen and (max-width:768px){
  .mainCon {padding:70px 0;}
  .mainCon .typoArea .tit {font-size:30px; line-height:40px;}
  .mainCon .typoArea .desc {font-size:18px; line-height:26px;}
  .mainCon .typoArea .t1 {font-size:24px; line-height:32px;}
  .mainCon .typoArea .t2 {font-size:18px; line-height:26px;}
  .mainCon .typoArea .t3 {font-size:14px; line-height:22px;}
  .mainCon .typoArea .b1 {width:200px; height:40px; font-size:15px; line-height:40px;}
}

@media screen and (max-width:640px){
  .mainCon {padding:65px 0;}
  .mainCon .typoArea .tit {font-size:26px; line-height:34px;}
  .mainCon .typoArea .desc {font-size:17px; line-height:24px;}
  .mainCon .typoArea .t1 {font-size:20px; line-height:28px;}
  .mainCon .typoArea .t2 {font-size:17px; line-height:24px;}
  .mainCon .typoArea .t3 {}
  .mainCon .typoArea .b1 {}
}

@media screen and (max-width:480px){
  .mainCon {padding:60px 0;}
  .mainCon .typoArea .tit {font-size:22px; line-height:30px;}
  .mainCon .typoArea .desc {font-size:16px; line-height:22px;}
  .mainCon .typoArea .t1 {font-size:18px; line-height:26px;}
  .mainCon .typoArea .t2 {font-size:15px; line-height:22px;}
  .mainCon .typoArea .t3 {font-size:13px; line-height:20px;}
  .mainCon .typoArea .b1 {width:180px; height:36px; font-size:14px; line-height:36px;}
}

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

}



/* 인트로 페이지 영역 :: S */
.mainPopWrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:2000; background:rgba(0,0,0,0.5);}
.mainPopWrap.close {display:none;}
.mainPopWrap ._in {width:100%; height:100%; max-height:100%; position:relative; overflow-y:auto; padding:30px 0; box-sizing:border-box;}
.mainPopWrap ._in .disT {}
.mainPopWrap ._in .disTC {text-align:center; vertical-align:middle; padding:15px; box-sizing:border-box;}

.mainPopWrap .rect {width:800px; position:relative; margin:0 auto; border:2px solid #333; box-sizing:border-box;
width:400px; padding:30px; background:rgba(0,0,0,0.95);}
.mainPopWrap .rect:before,
.mainPopWrap .rect:after {display:block; content:''; position:absolute; left:50%; background:#000; z-index:3;
display:none !important;}
.mainPopWrap .rect:before {width:100px; height:34px; top:-17px; margin:0 0 0 -50px;}
.mainPopWrap .rect:after {width:460px; height:24px; bottom:-12px; margin:0 0 0 -230px;}
.mainPopWrap .rect > * {z-index:5;}
.mainPopWrap .rect p {display:block; width:100%; text-align:center; position:relative; color:#fff; margin:0 auto; padding:0;}
.mainPopWrap .rect .title {font-size:48px; line-height:52px; font-weight:500; top:-16px;
font-size:24px; line-height:30px; top:auto;}
.mainPopWrap .rect .title:before {display:block; content:''; width:46px; height:34px; position:relative; margin:0 auto; margin-bottom:50px !important; background-size:cover !important; background:url('/public/images/cm_icon_ticker_white_1.png') center center no-repeat;
display:none !important;}

.mainPopWrap .popup {width:100%; max-width:800px; position:relative; margin:0 auto;}
.mainPopWrap .popup .btns {width:100%; position:relative; text-align:right; margin:0 auto 10px;}
.mainPopWrap .popup .btns a {display:inline-block; position:relative; width:20px; height:20px; margin:0 10px 0 0;}
.mainPopWrap .popup .btns a:last-child {margin:0;}
.mainPopWrap .popup .btns a img {width:100%;}

.mainPopWrap .popup .mainPopupBannerSlider {width:100%; position:relative;}
.mainPopWrap .popup .mainPopupBannerSlider .swiper-slide {position:relative;}
.mainPopWrap .popup .swiper-pagination {width:100%; height:10px; position:absolute; bottom:10px; left:0; top:auto; right:auto; text-align:center; vertical-align:top;}
.mainPopWrap .popup .swiper-pagination span {display:inline-block; width:10px; height:10px; position:relative; vertical-align:top; margin:0 6px 0 0;}
.mainPopWrap .popup .swiper-pagination span:last-child {margin:0;}
.mainPopWrap .popup .swiper-pagination span.swiper-pagination-bullet-active {}

.mainPopWrap .popup .banner {display:block; text-align:center; position:relative;}
.mainPopWrap .popup .banner img {max-width:100%;}

.mainPopWrap .rect .desc {font-size:20px; line-height:24px; font-weight:400; bottom:-12px;
font-size:14px; line-height:20px; bottom:auto;}

.mainPopWrap .rect .btnArea {width:100%; position:relative; text-align:center; margin:80px auto;
margin:30px auto;}
.mainPopWrap .rect .btnArea a {display:inline-block; position:relative; vertical-align:middle; margin:0 150px 0 0; text-align:center; font-size:36px; line-height:40px; font-weight:500; color:#fff;
margin:0 50px 0 0; font-size:30px; line-height:32px;}
.mainPopWrap .rect .btnArea a:last-child {margin:0;}
.mainPopWrap .rect .btnArea a.confirm {color:#d84466;}
.mainPopWrap .rect .btnArea a img {display:block; max-width:100%; margin:0 auto 15px;
max-width:85px; margin:0 auto 10px;}

.mainPopWrap.popup {position:fixed; top:0; left:0; z-index:99999;}


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

}

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

}

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

}

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

}

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

}

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

}

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

}
/* 인트로 페이지 영역 :: E */



/* 상단 문구배너 영역 :: S */
.topMentBanner {background:#ffeb7e; padding:0;}
.topMentBanner .inner {background-size:55% auto !important; background:url('/public/images/renew_202208/main/cm_main_top_banner_bg_1.png') right bottom no-repeat;}

.topMentBanner .typoArea {width:50%; padding:200px 0; margin:0;}
.topMentBanner .typoArea .tit {}
.topMentBanner .typoArea .desc {margin:0 auto 40px;}

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

}

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

}

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

}

@media screen and (max-width:768px){
  .topMentBanner .inner {background-size:50% auto !important; background:url('/public/images/renew_202208/main/cm_main_top_banner_bg_1.png') center bottom no-repeat;}

  .topMentBanner .typoArea {width:100%; padding:80px 0 45% 0;}
  .topMentBanner .typoArea p {text-align:center;}
}

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

}

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

}

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

}
/* 상단 문구배너 영역 :: E */



/* 두번째 문구배너 영역 :: S */
.secMentBanner {background-size:contain !important; background:#354ad8 url('/public/images/renew_202208/main/cm_main_banner_bg_1.png') center bottom no-repeat;}

.secMentBanner .typoArea {}
.secMentBanner .typoArea p {color:#fff;}
.secMentBanner .typoArea .t2 {margin:0 auto 30px;}

.secMentBanner .banner {width:100%; position:relative; margin:0; padding:35px 140px 35px 35px; box-sizing:border-box; border-radius:10px; background:#fff;}
.secMentBanner .banner p {display:block; text-align:left; position:relative; color:#000; margin:0; padding:0;}
.secMentBanner .banner .t1 {font-size:28px; line-height:34px; font-weight:400;}
.secMentBanner .banner .t2 {font-size:16px; line-height:24px; font-weight:400; color:#777; margin:30px auto;}
.secMentBanner .banner .t3 {font-size:16px; line-height:24px; font-weight:400; color:#333;}
.secMentBanner .banner .profile {width:100px; height:100px; position:absolute; top:30px; right:30px;}
.secMentBanner .banner .profile img {max-width:100%; vertical-align:top;}

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

}

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

}

@media screen and (max-width:960px){
  .secMentBanner .banner {padding:30px 135px 30px 30px;}
  .secMentBanner .banner .t1 {font-size:24px; line-height:30px;}
  .secMentBanner .banner .t2 {font-size:15px; line-height:22px; margin:25px auto;}
  .secMentBanner .banner .t3 {font-size:15px; line-height:22px;}
  .secMentBanner .banner .profile {width:90px; height:90px; top:25px; right:25px;}
}

@media screen and (max-width:768px){
  .secMentBanner .banner {padding:25px 130px 25px 25px;}
  .secMentBanner .banner .t1 {font-size:20px; line-height:26px;}
  .secMentBanner .banner .t2 {font-size:14px; line-height:22px; margin:20px auto;}
  .secMentBanner .banner .t3 {font-size:14px; line-height:22px;}
  .secMentBanner .banner .profile {width:80px; height:80px; top:20px; right:20px;}
}

@media screen and (max-width:640px){
  .secMentBanner .banner {padding:20px 125px 20px 20px;}
  .secMentBanner .banner .t1 {font-size:18px; line-height:24px;}
  .secMentBanner .banner .t2 {font-size:13px; line-height:20px; margin:15px auto;}
  .secMentBanner .banner .t3 {font-size:13px; line-height:20px;}
  .secMentBanner .banner .profile {width:70px; height:70px; top:18px; right:18px;}
}

@media screen and (max-width:480px){
  .secMentBanner .banner {padding:15px 120px 15px 15px;}
  .secMentBanner .banner .t1 {font-size:16px; line-height:22px;}
  .secMentBanner .banner .t2 {font-size:13px; line-height:20px; margin:12px auto;}
  .secMentBanner .banner .t3 {font-size:13px; line-height:20px;}
  .secMentBanner .banner .profile {width:65px; height:65px; top:15px; right:15px;}
}

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

}
/* 두번째 문구배너 영역 :: E */



/* 세번째 문구배너 영역 :: S */
.thdMentBanner {background:#eaeffb;}

.thdMentBanner .typoArea {}

.thdMentBanner .process {width:100%; position:relative; margin:0; padding:0;}
.thdMentBanner .process .brains {width:100%; position:relative; overflow:hidden; margin:20px auto 40px; text-align:center;}
.thdMentBanner .process .brains > * {display:inline-block; position:relative; margin:0; padding:0; vertical-align:middle;}
.thdMentBanner .process .brains .brain {width:calc(50% - 105px);}
.thdMentBanner .process .brains .brain img {display:block; width:100%;}
.thdMentBanner .process .brains .brain p {display:block; width:100%; text-align:center; margin:0; padding:10px 0; background:#777; font-size:16px; line-height:20px; font-weight:400; color:#eee;}
.thdMentBanner .process .arrow {width:170px; height:75px; margin:0 15px;}
.thdMentBanner .process p {display:block; text-align:left; position:relative; margin:0; padding:0;}
.thdMentBanner .process .t1 {font-size:20px; line-height:24px; font-weight:500; color:#354ad8;}
.thdMentBanner .process .t2 {font-size:20px; line-height:32px; font-weight:400; color:#222;}
.thdMentBanner .process .t3 {font-size:16px; line-height:24px; font-weight:400; color:#555; margin:50px auto 0; padding:20px; box-sizing:border-box; background:#fff; border-radius:10px;}

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

}

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

}

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

}

@media screen and (max-width:768px){
  .thdMentBanner .process .t1 {font-size:16px; line-height:20px;}
  .thdMentBanner .process .t2 {font-size:15px; line-height:24px;}
  .thdMentBanner .process .t3 {font-size:14px; line-height:20px; margin:30px auto 0; padding:18px;}
}

@media screen and (max-width:640px){
  .thdMentBanner .process .brains .brain {width:calc(50% - 65px);}
  .thdMentBanner .process .arrow {width:85px; height:37.5px; margin:0 10px;}
  .thdMentBanner .process .t1 {font-size:15px; line-height:20px;}
  .thdMentBanner .process .t2 {font-size:14px; line-height:22px;}
  .thdMentBanner .process .t3 {font-size:13px; line-height:20px; margin:25px auto 0; padding:15px;}
}

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

}

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

}
/* 세번째 문구배너 영역 :: E */



/* 중단 문구배너 영역 :: S */
.mainMidBanner {padding:60px 0; background-size:cover !important;}
.mainMidBanner .typoArea {margin:0 auto;}

.mainMidBanner._1 {background:#354ad7 url('/public/images/renew_202208/main/cm_main_mid_banner_bg_1.png') center center no-repeat;}
.mainMidBanner._1 .typoArea {}
.mainMidBanner._1 .typoArea p {color:#fff;}

.mainMidBanner._2 {background:#ffeb7e;}
.mainMidBanner._2 .typoArea {}
.mainMidBanner._2 .typoArea p {color:#333;}
/* 중단 문구배너 영역 :: E */



/* 두비전 인증 영역 :: S */
.mainCertiWrap {background:#f4f6fd;}

.mainCertiWrap .typoArea {}

.mainCertiWrap .typoArea._1 {}
.mainCertiWrap .typoArea._1 .tit {margin:0 auto 30px;}

.mainCertiWrap .typoArea._2 {}
.mainCertiWrap .typoArea._2 .tit.leaf {}
.mainCertiWrap .typoArea._2 .tit.leaf img {display:block; max-width:100%; margin:0 auto 30px;}
.mainCertiWrap .typoArea._2 .tit.leaf:before,
.mainCertiWrap .typoArea._2 .tit.leaf:after {display:block; content:''; width:56px; height:140px; position:absolute; bottom:0; left:50%; vertical-align:middle; margin:0 0 0 -28px; padding:0; background-size:cover !important;}
.mainCertiWrap .typoArea._2 .tit.leaf:before {background:url('/public/images/renew_202208/main/cm_main_icon_leaf_1_left.png') center center no-repeat; left:calc(50% - 240px);}
.mainCertiWrap .typoArea._2 .tit.leaf:after {background:url('/public/images/renew_202208/main/cm_main_icon_leaf_1_right.png') center center no-repeat; left:calc(50% + 240px);}

.mainCertiWrap .features {width:100%; position:relative; margin:60px auto 30px; padding:30px 15px; box-sizing:border-box; border-radius:10px; background:#fff; text-align:center; overflow:hidden; box-shadow:0 3px 5px 5px rgba(0,0,0,0.0.5);}
.mainCertiWrap .features .feature {width:33.33333333333333%; float:left; position:relative; text-align:center; margin:20px 0; padding:0;}
.mainCertiWrap .features .feature img {max-width:100%;}
.mainCertiWrap .features .feature p {display:block; height:48px; text-align:center; position:relative; margin:20px auto 0; font-size:20px; line-height:24px; font-weight:400; color:#222;}

.mainCertiWrap .notice {display:block; text-align:left; position:relative; margin:40px auto; padding:30px; box-sizing:border-box; border-radius:10px; background:#ffeb7e; font-size:16px; line-height:24px; font-weight:400; color:#555;}

.mainCertiWrap .certification {width:100%; position:relative; text-align:center; margin:50px auto 100px; padding:0;}
.mainCertiWrap .certification img {max-width:560px;}
.mainCertiWrap .certification p {display:block; text-align:center; position:relative; margin:10px auto 0; padding:0; font-size:16px; line-height:20px; color:#777;}
.mainCertiWrap .certification p span {font-size:12px;}

.mainCertiWrap .programs {width:100%; position:relative; margin:0 auto; padding:0;}
.mainCertiWrap .programs ul {display:block; width:100%; position:relative; margin:0; padding:0; overflow:hidden;}
.mainCertiWrap .programs ul li {display:block; float:left; width:calc(50% - 15px); margin:0 30px 60px 0; padding:0; position:relative; border-radius:15px; overflow:hidden; background:#fff;}
.mainCertiWrap .programs ul li:nth-of-type(2n+2) {margin:0 0 60px 0;}
.mainCertiWrap .programs ul li .top {width:100%; height:60px; text-align:center; background:#354ad8; font-size:20px; line-height:60px; font-weight:400; color:#fff;}
.mainCertiWrap .programs ul li .mid {width:100%; position:relative; padding:20px; box-sizing:border-box; text-align:center;}
.mainCertiWrap .programs ul li .mid img {max-width:100%;}
.mainCertiWrap .programs ul li .mid p {display:block; text-align:center; position:relative; margin:15px auto 0; padding:0; font-size:16px; line-height:24px; font-weight:400; color:#777;}

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

}

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

}

@media screen and (max-width:960px){
  .mainCertiWrap .typoArea._2 .tit.leaf img {max-width:140px; margin:0 auto 15px;}
  .mainCertiWrap .typoArea._2 .tit.leaf:before,
  .mainCertiWrap .typoArea._2 .tit.leaf:after {width:28px; height:70px; margin:0 0 0 -14px;}
  .mainCertiWrap .typoArea._2 .tit.leaf:before {left:calc(50% - 150px);}
  .mainCertiWrap .typoArea._2 .tit.leaf:after {left:calc(50% + 150px);}

  .mainCertiWrap .programs ul li {width:calc(50% - 10px); margin:0 20px 40px 0;}
  .mainCertiWrap .programs ul li:nth-of-type(2n+2) {margin:0 0 40px 0;}
  .mainCertiWrap .programs ul li .top {height:50px; font-size:18px; line-height:50px;}
  .mainCertiWrap .programs ul li .mid p {font-size:15px; line-height:22px;}
}

@media screen and (max-width:768px){
  .mainCertiWrap .features .feature {margin:18px 0;}
  .mainCertiWrap .features .feature p {height:40px; margin:15px auto 0; font-size:16px; line-height:20px;}

  .mainCertiWrap .notice {margin:30px auto; padding:25px; font-size:15px; line-height:22px;}
}

@media screen and (max-width:640px){
  .mainCertiWrap .features .feature {margin:15px 0;}
  .mainCertiWrap .features .feature img {max-width:80%;}
  .mainCertiWrap .features .feature p {height:36px; margin:12px auto 0; font-size:14px; line-height:18px;}

  .mainCertiWrap .notice {margin:25px auto; padding:20px; font-size:14px; line-height:20px;}

  .mainCertiWrap .certification img {max-width:80%;}

  .mainCertiWrap .programs ul li {width:100% !important; margin:0 auto 30px !important;}
  .mainCertiWrap .programs ul li:last-child {margin:0 auto !important;}
  .mainCertiWrap .programs ul li .top {height:40px; font-size:15px; line-height:40px;}
  .mainCertiWrap .programs ul li .mid {padding:15px;}
  .mainCertiWrap .programs ul li .mid p {font-size:14px; line-height:22px;}
}

@media screen and (max-width:480px){
  .mainCertiWrap .typoArea._2 .tit.leaf img {max-width:100px; margin:0 auto 12px;}
  .mainCertiWrap .typoArea._2 .tit.leaf:before,
  .mainCertiWrap .typoArea._2 .tit.leaf:after {}
  .mainCertiWrap .typoArea._2 .tit.leaf:before {left:calc(50% - 120px);}
  .mainCertiWrap .typoArea._2 .tit.leaf:after {left:calc(50% + 120px);}

  .mainCertiWrap .features .feature {width:50%;}
  .mainCertiWrap .features .feature img {max-width:80%;}
  .mainCertiWrap .features .feature p {height:36px; margin:10px auto 0; font-size:13px; line-height:18px;}

  .mainCertiWrap .notice {margin:20px auto; padding:18px; font-size:13px; line-height:20px;}
}

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

}
/* 두비전 인증 영역 :: E */



/* 뇌파변화 영역 :: S */
.brainPerformWrap {background:#293aa6;}

.brainPerformWrap .typoArea {}
.brainPerformWrap .typoArea p {color:#fff;}

.brainPerformWrap .graphArea {width:100%; position:relative; margin:60px auto;}
.brainPerformWrap .graphArea p {display:block; text-align:left; position:relative; margin:0; padding:0; color:#fff;}
.brainPerformWrap .graphArea .t1 {font-size:20px; line-height:24px; font-weight:500;}
.brainPerformWrap .graphArea .t2 {font-size:20px; line-height:30px; font-weight:400;}
.brainPerformWrap .graphArea .graphs {width:100%; position:relative; overflow:hidden; margin:15px auto;}
.brainPerformWrap .graphArea .graphs .graph {width:calc(50% - 10px); float:left; position:relative; margin:0 20px 0 0; padding:15px 30px; box-sizing:border-box; border-radius:15px; background:#fff;}
.brainPerformWrap .graphArea .graphs .graph:nth-of-type(2n+2) {margin:0;}
.brainPerformWrap .graphArea .graphs .graph > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0;}
.brainPerformWrap .graphArea .graphs .graph img {max-width:100%; margin:0 30px 0 0;}
.brainPerformWrap .graphArea .graphs .graph p {font-size:16px; line-height:20px; font-weight:500; color:#222;}
.brainPerformWrap .graphArea .graphs .graph p span {font-size:12px; color:#777;}

.brainPerformWrap .specs {width:100%; position:relative; margin:0 auto; padding:0;}
.brainPerformWrap .specs ul {display:block; width:100%; position:relative; margin:0; padding:0; overflow:hidden;}
.brainPerformWrap .specs ul li {display:block; float:left; width:calc(33.33333333333333% - 10px); margin:0 15px 0 0; position:relative; border-radius:20px; overflow:hidden; background:#fff;}
.brainPerformWrap .specs ul li:nth-of-type(3n+3) {margin:0;}
.brainPerformWrap .specs ul li .top {width:100%; height:60px; text-align:center; position:relative; background:#eee; font-size:20px; line-height:60px; font-weight:400; color:#222;}
.brainPerformWrap .specs ul li .mid {width:100%; position:relative; margin:0; padding:30px 15px; box-sizing:border-box;}
.brainPerformWrap .specs ul li .mid p {display:block; text-align:left; position:relative; font-size:16px; line-height:20px; font-weight:500; color:#777; margin:0 auto 10px; padding:0;}
.brainPerformWrap .specs ul li .mid .img {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.brainPerformWrap .specs ul li .mid .img.right {margin:0 auto 30px;}
.brainPerformWrap .specs ul li .mid .img.left {margin:30px auto 0;}
.brainPerformWrap .specs ul li .mid .img img {width:100%;}
.brainPerformWrap .specs ul li .mid .img span {display:block; width:100%; height:20px; position:absolute; font-size:13px; line-height:20px; font-weight:400; color:#777; margin:0; padding:0;}
.brainPerformWrap .specs ul li .mid .img.right span {bottom:-25px; left:0; text-align:left;}
.brainPerformWrap .specs ul li .mid .img.left span {top:-25px; right:0; text-align:right;}

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

}

@media screen and (max-width:1080px){
  .brainPerformWrap .specs ul li .top {height:50px; font-size:18px; line-height:50px;}
  .brainPerformWrap .specs ul li .mid {padding:25px 12px;}
}

@media screen and (max-width:960px){
  .brainPerformWrap .graphArea .graphs .graph {width:100%; float:none; margin:0 auto 15px; text-align:center;}
  .brainPerformWrap .graphArea .graphs .graph:last-child {margin:0 auto;}

  .brainPerformWrap .specs ul li .top {height:40px; font-size:15px; line-height:40px;}
  .brainPerformWrap .specs ul li .mid {padding:20px 10px;}
}

@media screen and (max-width:768px){
  .brainPerformWrap .specs ul li {width:100% !important; margin:0 auto 10px !important;}
  .brainPerformWrap .specs ul li:last-child {margin:0 auto !important;}
  /*
  .brainPerformWrap .specs ul li .mid .img {text-align:center;}
  .brainPerformWrap .specs ul li .mid .img img {width:auto; max-width:100%;}
  */
}

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

}

@media screen and (max-width:480px){
  .brainPerformWrap .graphArea .graphs .graph {margin:0 auto 10px;}
  .brainPerformWrap .graphArea .graphs .graph:last-child {margin:0 auto;}
  .brainPerformWrap .graphArea .graphs .graph > * {display:block; text-align:center;}
  .brainPerformWrap .graphArea .graphs .graph img {margin:0 auto 15px;}
}

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

}
/* 뇌파변화 영역 :: E */



/* 메인 인터뷰 영역 :: S */
.mainInterviewWrap {}

.mainInterviewWrap .interviewMov {width:100%; position:relative;}
.mainInterviewWrap .interviewMov p {display:block; text-align:left; position:relative; margin:0 auto 30px; padding:0; font-size:20px; line-height:24px; font-weight:500; color:#354ad8;}
.mainInterviewWrap .interviewMov .movies {width:100%; position:relative; margin:0; padding:0; overflow:hidden;}
.mainInterviewWrap .interviewMov .movies .movie {width:calc(50% - 10px); float:left; position:relative; margin:0 20px 0 0; padding:0;}
.mainInterviewWrap .interviewMov .movies .movie:nth-of-type(2n+2) {margin:0;}
.mainInterviewWrap .interviewMov .movies .movie a {display:block; width:100%; height:0; position:relative; padding-bottom:56.25%; overflow:hidden; position:relative; margin:0; background:#ececec;}
.mainInterviewWrap .interviewMov .movies .movie .mov {display:block; width:100%; height:0; position:relative; padding-bottom:56.25%; overflow:hidden; position:relative; margin:0; background:#ececec;}
.mainInterviewWrap .interviewMov .movies .movie .mov iframe {display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.mainInterviewWrap .interviewMov .movies .movie p {display:block; text-align:left; position:relative; margin:15px auto 0; padding:0; font-size:20px; line-height:30px; font-weight:400; color:#222;}

.mainInterviewWrap .interviewSlider {width:100%; position:relative; margin:60px auto 0; overflow:visible;}
.mainInterviewWrap .interviewSlider .swiper-slide {position:relative; border-radius:15px; padding:40px 25px; box-sizing:border-box; overflow:hidden;}
.mainInterviewWrap .interviewSlider .swiper-slide:nth-of-type(4n+1) {background:#9ddcde;}
.mainInterviewWrap .interviewSlider .swiper-slide:nth-of-type(4n+2) {background:#ffec82;}
.mainInterviewWrap .interviewSlider .swiper-slide:nth-of-type(4n+3) {background:#ffd1c4;}
.mainInterviewWrap .interviewSlider .swiper-slide:nth-of-type(4n+4) {background:#c2c8f3;}
.mainInterviewWrap .interviewSlider .swiper-slide p {display:block; text-align:left; position:relative; margin:0; padding:0; color:#222;}
.mainInterviewWrap .interviewSlider .swiper-slide .top {width:100%; position:relative; padding:0 120px 0 0; box-sizing:border-box;}
.mainInterviewWrap .interviewSlider .swiper-slide .top .profile {width:90px; height:90px; position:absolute; top:0; right:0;}
.mainInterviewWrap .interviewSlider .swiper-slide .top .profile img {max-width:100%;}
.mainInterviewWrap .interviewSlider .swiper-slide .top .t1 {font-size:20px; line-height:30px; font-weight:600; color:#222;}
.mainInterviewWrap .interviewSlider .swiper-slide .top .t2 {font-size:16px; line-height:24px; font-weight:400; color:#777; margin:15px auto 0;}
.mainInterviewWrap .interviewSlider .swiper-slide .con {width:100%; text-align:left; position:relative; margin:40px auto 0; font-size:16px; line-height:26px; font-weight:400; color:#333;}

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

}

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

}

@media screen and (max-width:960px){
  .mainInterviewWrap .interviewMov .movies .movie p {margin:18px auto 0; font-size:18px; line-height:26px;}
}

@media screen and (max-width:768px){
  .mainInterviewWrap .interviewMov .movies .movie p {margin:15px auto 0; font-size:16px; line-height:24px;}

  .mainInterviewWrap .interviewSlider {overflow:hidden;}
  .mainInterviewWrap .interviewSlider .swiper-slide {padding:25px 15px;}
  .mainInterviewWrap .interviewSlider .swiper-slide .top {padding:0 70px 0 0;}
  .mainInterviewWrap .interviewSlider .swiper-slide .top .profile {width:60px; height:60px;}
  .mainInterviewWrap .interviewSlider .swiper-slide .top .t1 {font-size:18px; line-height:24px;}
  .mainInterviewWrap .interviewSlider .swiper-slide .top .t2 {font-size:15px; line-height:20px;}
  .mainInterviewWrap .interviewSlider .swiper-slide .con {margin:25px auto 0; font-size:14px; line-height:24px;}
}

@media screen and (max-width:640px){
  .mainInterviewWrap .interviewMov .movies .movie {width:100%; float:none; margin:0 auto 30px;}
  .mainInterviewWrap .interviewMov .movies .movie:nth-of-type(2n+2) {margin:0 auto;}
  .mainInterviewWrap .interviewMov .movies .movie p {margin:12px auto 0; font-size:14px; line-height:20px;}

  .mainInterviewWrap .interviewSlider {overflow:hidden;}
  .mainInterviewWrap .interviewSlider .swiper-slide {padding:20px 12px;}
  .mainInterviewWrap .interviewSlider .swiper-slide .top {padding:0 60px 0 0;}
  .mainInterviewWrap .interviewSlider .swiper-slide .top .profile {width:50px; height:50px;}
  .mainInterviewWrap .interviewSlider .swiper-slide .top .t1 {font-size:15px; line-height:22px;}
  .mainInterviewWrap .interviewSlider .swiper-slide .top .t2 {font-size:13px; line-height:20px;}
  .mainInterviewWrap .interviewSlider .swiper-slide .con {margin:25px auto 0; font-size:13px; line-height:20px;}
}

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

}

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

}
/* 메인 인터뷰 영역 :: E */



/* 7일체험 단계 영역 :: S */
.tutorialSteps {}

.tutorialSteps .typoArea {}
.tutorialSteps .typoArea p {color:#222;}

.tutorialSteps .steps {width:100%; position:relative; margin:0; padding:0;}
.tutorialSteps .steps ul {display:block; width:100%; position:relative; margin:0; padding:0; overflow:hidden;}
.tutorialSteps .steps ul li {display:block; float:left; width:calc(33.33333333333333% - 20px); margin:0 30px 0 0; padding:30px; box-sizing:border-box; border-radius:15px; position:relative;}
.tutorialSteps .steps ul li:nth-of-type(3n+1) {background:#fff9d8;}
.tutorialSteps .steps ul li:nth-of-type(3n+2) {background:#fff1a4;}
.tutorialSteps .steps ul li:nth-of-type(3n+3) {background:#ffeb7e; margin:0;}
.tutorialSteps .steps ul li p {display:block; text-align:left; position:relative; margin:0; padding:0;}
.tutorialSteps .steps ul li .t1 {font-size:20px; line-height:24px; font-weight:600; color:#354ad8;}
.tutorialSteps .steps ul li .t2 {height:60px; font-size:20px; line-height:30px; font-weight:600; color:#222; margin:20px auto;}
.tutorialSteps .steps ul li .t3 {height:72px; font-size:16px; line-height:24px; font-weight:400; color:#777;}

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

}

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

}

@media screen and (max-width:960px){
  .tutorialSteps .steps ul li {width:calc(33.33333333333333% - 10px); margin:0 15px 0 0; padding:20px;}
  .tutorialSteps .steps ul li:nth-of-type(3n+3) {margin:0;}
  .tutorialSteps .steps ul li .t1 {font-size:18px; line-height:22px;}
  .tutorialSteps .steps ul li .t2 {height:48px; font-size:18px; line-height:24px; margin:15px auto;}
  .tutorialSteps .steps ul li .t3 {height:88px; font-size:15px; line-height:22px;}
}

@media screen and (max-width:768px){
  .tutorialSteps .steps ul li {width:calc(33.33333333333333% - 7px); margin:0 10.5px 0 0; padding:15px;}
  .tutorialSteps .steps ul li:nth-of-type(3n+3) {margin:0;}
  .tutorialSteps .steps ul li .t1 {font-size:16px; line-height:20px;}
  .tutorialSteps .steps ul li .t2 {height:44px; font-size:16px; line-height:22px; margin:12px auto;}
  .tutorialSteps .steps ul li .t3 {height:80px; font-size:12px; line-height:20px;}
}

@media screen and (max-width:640px){
  .tutorialSteps .steps ul li {width:100% !important; margin:0 auto 10px !important; padding:12px;}
  .tutorialSteps .steps ul li:nth-of-type(3n+3) {margin:0 auto !important;}
  .tutorialSteps .steps ul li .t1 {font-size:15px;}
  .tutorialSteps .steps ul li .t2 {height:auto; font-size:15px; line-height:20px; margin:10px auto;}
  .tutorialSteps .steps ul li .t3 {height:auto; font-size:12px; line-height:18px;}
}

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

}

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

}
/* 7일체험 단계 영역 :: E */



/* 정보입력 form 영역 :: S */
.tutorialForm.form {background-size:contain !important; background:#ffeb7e url('/public/images/renew_202208/main/cm_main_form_bg_1.png') center center no-repeat;}

.tutorialForm.form .typoArea {}
.tutorialForm.form .typoArea p {color:#222;}
.tutorialForm.form .typoArea .tit {margin:0 auto 15px;}
.tutorialForm.form .typoArea .t3 {color:#777;}

.tutorialForm.form #registerForm {box-shadow:3px 3px 5px 5px rgba(0,0,0,0.05);}
.tutorialForm.form #registerForm label {display:block; font-size:16px; line-height:24px; font-weight:600; color:#333; margin:0 auto 5px;}
.tutorialForm.form #registerForm .submitBtn {width:260px; height:60px; text-align:center; font-size:20px; line-height:60px; font-weight:500; color:#fff; background:#354ad8; border-radius:5px;}
.tutorialForm.form #registerForm .req > label:after {content:'*';}

.tutorialForm.form #registerForm .radioRect {display:inline-block; position:relative; vertical-align:middle; margin:5px; padding:0;}
.tutorialForm.form #registerForm .radioRect input[type="radio"] {display:none;}
.tutorialForm.form #registerForm .radioRect label {display:block; width:200px; height:60px; text-align:center; font-size:16px; line-height:56px; font-weight:600; box-sizing:border-box; border-radius:10px; cursor:pointer; background:transparent; border:2px solid #354ad8; color:#354ad8;}
.tutorialForm.form #registerForm .radioRect input[type="radio"]:checked + label {background:#354ad8; color:#fff;}
/* 정보입력 form 영역 :: E */



/* 센터&예약 배너 영역 :: S */
.branchReservation {background:#293aa6;}
.branchReservation .inner {text-align:center;}
.branchReservation .inner > * {width:calc(50% - 5px); display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0;}

.branchReservation .typoArea {}
.branchReservation .typoArea p {color:#fff;}
.branchReservation .typoArea .t3 {margin:30px auto;}

.branchReservation .img {text-align:right;}
.branchReservation .img img {max-width:100%;}

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

}

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

}

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

}

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

}

@media screen and (max-width:640px){
  .branchReservation .typoArea {width:calc(65% - 5px);}
  .branchReservation .img {width:calc(35% - 5px);}
}

@media screen and (max-width:480px){
  .branchReservation .inner > * {display:block; width:100%; margin:0 auto; text-align:center;}
  .branchReservation .typoArea {width:100%;}
  .branchReservation .typoArea p {text-align:center;}
  .branchReservation .typoArea .b1 {margin:0 auto;}
  .branchReservation .img {width:100%; margin:30px auto 0;}
  .branchReservation .img img {max-width:100%;}
}

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

}
/* 센터&예약 배너 영역 :: E */



/* 숫자카운팅 영역 :: S */
.numberCountingWrap {}
.numberCountingWrap .inner {text-align:center;}

.numberCountingWrap .numberCounting {display:inline-block; position:relative; vertical-align:middle; margin:0 150px 0 0; padding:0;}
.numberCountingWrap .numberCounting:last-child {margin:0;}
.numberCountingWrap .numberCounting p {display:block; text-align:center; position:relative; margin:0; padding:0; font-size:20px; line-height:24px; font-weight:400; color:#222;}
.numberCountingWrap .numberCounting .number {font-size:40px; line-height:46px; font-weight:700; margin:0 auto 15px;}
.numberCountingWrap .numberCounting:nth-of-type(4n+1) .number {color:#15b2b7;}
.numberCountingWrap .numberCounting:nth-of-type(4n+2) .number {color:#ff693c;}
.numberCountingWrap .numberCounting:nth-of-type(4n+3) .number {color:#9667e0;}
.numberCountingWrap .numberCounting:nth-of-type(4n+4) .number {color:#354ad8;}

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

}

@media screen and (max-width:1080px){
  .numberCountingWrap .numberCounting {margin:0 100px 0 0;}
}

@media screen and (max-width:960px){
  .numberCountingWrap .numberCounting {margin:0 60px 0 0;}
  .numberCountingWrap .numberCounting p {font-size:17px; line-height:20px;}
  .numberCountingWrap .numberCounting .number {font-size:32px; line-height:38px; margin:0 auto 10px;}
}

@media screen and (max-width:768px){
  .numberCountingWrap .numberCounting {margin:0 40px 0 0;}
  .numberCountingWrap .numberCounting p {font-size:15px; line-height:20px;}
  .numberCountingWrap .numberCounting .number {font-size:28px; line-height:34px; margin:0 auto 8px;}
}

@media screen and (max-width:640px){
  .numberCountingWrap .numberCounting {margin:0 30px 0 0;}
  .numberCountingWrap .numberCounting p {font-size:14px; line-height:18px;}
  .numberCountingWrap .numberCounting .number {font-size:24px; line-height:30px; margin:0 auto 6px;}
}

@media screen and (max-width:480px){
  .numberCountingWrap .numberCounting {display:block; margin:0 auto 20px;}
  .numberCountingWrap .numberCounting:last-child {margin:0 auto;}
  .numberCountingWrap .numberCounting p {font-size:13px; line-height:16px;}
  .numberCountingWrap .numberCounting .number {font-size:22px; line-height:26px; margin:0 auto 4px;}
}

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

}
/* 숫자카운팅 영역 :: E */



/* 문의정보 배너 영역 :: S */
.csInfoBanner {background:#ffeb7e;}

.csInfoBanner .typoArea {margin:0 auto;}
.csInfoBanner .typoArea .btns {width:100%; position:relative; text-align:center; margin:30px auto;}
.csInfoBanner .typoArea .btns > * {display:inline-block; position:relative; margin:0 15px 0 0; box-sizing:border-box; border:1px solid #354ad8;}
.csInfoBanner .typoArea .btns > *:last-child {margin:0;}
.csInfoBanner .typoArea .btns .b1._1 {background:#354ad8; color:#fff;}
.csInfoBanner .typoArea .btns .b1._2 {background:transparent; color:#354ad8;}
.csInfoBanner .typoArea .t2 {}
.csInfoBanner .typoArea .t2 span {font-size:16px; font-weight:400; color:#777;}

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

}

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

}

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

}

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

}

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

}

@media screen and (max-width:480px){
  .csInfoBanner .typoArea .btns > * {display:block; margin:0 auto 10px;}
  .csInfoBanner .typoArea .btns > *:last-child {margin:0 auto;}
}

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

}
/* 문의정보 배너 영역 :: E */



/* 앱 다운로드 배너 영역 :: S */
.appDownloadBanner {background-size:cover !important; background:url('/public/images/renew_202208/cm_appdownload_banner_bg_1.png') center center no-repeat;}

.appDownloadBanner .typoArea {margin:0 auto;}
.appDownloadBanner .typoArea p {color:#fff;}
.appDownloadBanner .typoArea .btns {width:100%; position:relative; text-align:center; margin:30px auto 0;}
.appDownloadBanner .typoArea .btns > * {display:inline-block; position:relative; margin:0 15px 0 0; background:#fff; color:#333;}
.appDownloadBanner .typoArea .btns > *:last-child {margin:0;}
.appDownloadBanner .typoArea .btns > * img {max-width:36px;}

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

}

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

}

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

}

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

}

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

}

@media screen and (max-width:480px){
  .appDownloadBanner .typoArea .btns > * {display:block; margin:0 auto 10px;}
  .appDownloadBanner .typoArea .btns > *:last-child {margin:0 auto;}
}

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

}
/* 앱 다운로드 배너 영역 :: E */



/* 교육효과 장점 영역 :: S */
.effectAdvantageWrap {padding-top:0;}

.effectAdvantageWrap .typoArea {}

.effectAdvantageWrap .advantageArea {width:100%; position:relative;}
.effectAdvantageWrap .advantageArea ul {display:block; width:100%; position:relative; margin:0; padding:0; overflow:hidden;}
.effectAdvantageWrap .advantageArea ul li {display:block; float:left; width:calc(33.33333333333333% - 20px); margin:0 30px 0 0; padding:40px 30px; box-sizing:border-box; position:relative; border-radius:20px;}
.effectAdvantageWrap .advantageArea ul li img {display:block; max-width:100%; margin:20px auto;}
.effectAdvantageWrap .advantageArea ul li p {display:block; text-align:left; position:relative; margin:0; padding:0; color:#333;}
.effectAdvantageWrap .advantageArea ul li .t1 {font-size:20px; line-height:26px; font-weight:500;}
.effectAdvantageWrap .advantageArea ul li .t2 {font-size:28px; line-height:36px; font-weight:700; height:108px; overflow:hidden; margin:10px auto 0;}
.effectAdvantageWrap .advantageArea ul li .t3 {font-size:16px; line-height:24px; font-weight:400; height:72px; overflow:hidden;}

.effectAdvantageWrap .advantageArea ul li:nth-of-type(3n+1) {background:#bcd0ff;}
.effectAdvantageWrap .advantageArea ul li:nth-of-type(3n+1) .t1 {color:#354ad8;}

.effectAdvantageWrap .advantageArea ul li:nth-of-type(3n+2) {background:#9ddcde;}
.effectAdvantageWrap .advantageArea ul li:nth-of-type(3n+2) .t1 {color:#197578;}

.effectAdvantageWrap .advantageArea ul li:nth-of-type(3n+3) {background:#ffee8a; margin:0;}
.effectAdvantageWrap .advantageArea ul li:nth-of-type(3n+3) .t1 {color:#ff693c;}

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

}

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

}

@media screen and (max-width:960px){
  .effectAdvantageWrap .advantageArea ul li {width:calc(33.33333333333333% - 10px); margin:0 15px 0 0; padding:30px 20px;}
  .effectAdvantageWrap .advantageArea ul li:last-child {margin:0;}
  .effectAdvantageWrap .advantageArea ul li .t1 {font-size:18px; line-height:24px;}
  .effectAdvantageWrap .advantageArea ul li .t2 {height:128px; font-size:24px; line-height:32px;}
  .effectAdvantageWrap .advantageArea ul li img {margin:15px auto;}
  .effectAdvantageWrap .advantageArea ul li .t3 {font-size:15px; line-height:22px; height:66px;}
}

@media screen and (max-width:768px){
  .effectAdvantageWrap .advantageArea ul li {padding:25px 15px;}
  .effectAdvantageWrap .advantageArea ul li:last-child {margin:0;}
  .effectAdvantageWrap .advantageArea ul li .t1 {font-size:16px; line-height:22px;}
  .effectAdvantageWrap .advantageArea ul li .t2 {height:auto; font-size:20px; line-height:26px;}
  .effectAdvantageWrap .advantageArea ul li img {margin:12px auto;}
  .effectAdvantageWrap .advantageArea ul li .t3 {font-size:14px; line-height:20px; height:auto;}
}

@media screen and (max-width:640px){
  .effectAdvantageWrap .advantageArea ul li {width:100% !important; margin:0 auto 15px !important; padding:20px 15px;}
  .effectAdvantageWrap .advantageArea ul li:last-child {margin:0 auto !important;}
  .effectAdvantageWrap .advantageArea ul li .t1 {font-size:14px; line-height:20px;}
  .effectAdvantageWrap .advantageArea ul li .t2 {height:auto; font-size:18px; line-height:22px;}
  .effectAdvantageWrap .advantageArea ul li img {margin:10px auto;}
  .effectAdvantageWrap .advantageArea ul li .t3 {font-size:13px; line-height:20px;}
}

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

}

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

}
/* 교육효과 장점 영역 :: E */



/* 교육효과 설명 영역 :: S */
.effectEducationWrap {background:#293aa6;}

.effectEducationWrap .typoArea {}
.effectEducationWrap .typoArea p {color:#fff;}

.effectEducationWrap .educationArea {width:100%; position:relative;}
.effectEducationWrap .educationArea ul {display:block; width:100%; position:relative; margin:0; padding:0; overflow:hidden;}
.effectEducationWrap .educationArea ul li {display:block; float:left; width:calc(33.33333333333333% - 20px); margin:0 30px 50px 0; padding:30px; box-sizing:border-box; position:relative; text-align:left; border-radius:20px; background:#fff; box-shadow:3px 3px 3px 3px rgba(0,0,0,0.1);}
.effectEducationWrap .educationArea ul li:nth-of-type(3n+3) {margin:0 0 50px 0;}
.effectEducationWrap .educationArea ul li img {max-width:100%;}
.effectEducationWrap .educationArea ul li p {display:block; text-align:left; position:relative; margin:0; padding:0; color:#222;}
.effectEducationWrap .educationArea ul li .t1 {font-size:20px; line-height:28px; font-weight:600; margin:15px auto;}
.effectEducationWrap .educationArea ul li .t2 {font-size:16px; line-height:24px; font-weight:400; color:#777; height:72px; overflow:hidden;}

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

}

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

}

@media screen and (max-width:960px){
  .effectEducationWrap .educationArea ul li {width:calc(33.33333333333333% - 10px); margin:0 15px 30px 0; padding:25px;}
  .effectEducationWrap .educationArea ul li:nth-of-type(3n+3) {margin:0 0 30px 0;}
  .effectEducationWrap .educationArea ul li .t1 {font-size:18px; line-height:24px; margin:12px auto;}
  .effectEducationWrap .educationArea ul li .t2 {font-size:15px; line-height:20px; height:80px;}
}

@media screen and (max-width:768px){
  .effectEducationWrap .educationArea ul li {width:calc(33.33333333333333% - 7px); margin:0 10.5px 20px 0; padding:20px;}
  .effectEducationWrap .educationArea ul li:nth-of-type(3n+3) {margin:0 0 20px 0;}
  .effectEducationWrap .educationArea ul li .t1 {font-size:17px; line-height:22px; margin:10px auto;}
  .effectEducationWrap .educationArea ul li .t2 {font-size:14px; line-height:18px; height:72px;}
}

@media screen and (max-width:640px){
  .effectEducationWrap .educationArea ul li {width:calc(50% - 5px); margin:0 10px 10px 0; padding:15px;}
  .effectEducationWrap .educationArea ul li:nth-of-type(3n+3) {margin:0 10px 10px 0;}
  .effectEducationWrap .educationArea ul li:nth-of-type(2n+2) {margin:0 0 10px 0;}
  .effectEducationWrap .educationArea ul li .t1 {font-size:16px; line-height:20px;}
  .effectEducationWrap .educationArea ul li .t2 {font-size:13px; line-height:18px; height:auto;}
}

@media screen and (max-width:480px){
  .effectEducationWrap .educationArea ul li {width:100% !important; margin:0 auto 10px !important; text-align:center;}
  .effectEducationWrap .educationArea ul li:last-child {margin:0 auto !important;}
  .effectEducationWrap .educationArea ul li p {text-align:center;}
  .effectEducationWrap .educationArea ul li .t1 {font-size:15px; line-height:20px;}
  .effectEducationWrap .educationArea ul li .t2 {font-size:12px; line-height:16px;}
}

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

}
/* 교육효과 설명 영역 :: E */