@charset "utf-8";
div,ul {position:relative;}
div:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
ul {display:block; height:auto;}

.wrap {}
.mSection {padding:110px 0;}
/*수정전 삭제필요*/
.secInner {width:100%; max-width:1320px; padding:0px; margin:0 auto;}
.secInner .mSub {color:#FFF; font-size:24px; font-weight:300; padding:0 0 5px 0; text-align:center;}
.secInner .mTitle {color:#FFF; font-size:54px; font-weight:700; padding:0; letter-spacing:-1px; text-align:center;;}
.secInner .mDesc {color:#FFF; font-size:24px; font-weight:300; padding:0 0 5px 0; text-align:center; line-height:1.3;}
.secInner .mDescPoint {color:#FFF; font-size:30px; font-weight:500; padding:10px 0 0 0; text-align:center;}
/*수정전 삭제필요*/



.visutext{max-width:1320px; margin:0 auto; top:130px; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; z-index:10;}
.visutext .visutextsub {color:#FFF; font-size:65px; font-weight:600; margin-bottom:20px; text-align:center;}
.visutext .visutextsub2 {color:#FFF; font-size:37px; font-weight:500; line-height:1.4; text-align:center;}
.visutext .visutextsub3 {color:#FFF; font-size:30px; font-weight:300; line-height:1.4; text-align:center;}



.boSection {padding:110px 0;}
.bosecInner {width:100%; max-width:1320px; padding:0px; margin:0 auto;}
.bosecInner .mSub {color:#1ac5b0; font-size:24px; font-weight:300; padding:0 0 5px 0; text-align:center;}
.bosecInner .mTitle {color:#FFF; font-size:54px; font-weight:700; padding:0; letter-spacing:-1px; text-align:center;;}
.bosecInner .mDesc {color:#FFF; font-size:24px; font-weight:300; padding:20px 0 5px 0; text-align:center; line-height:1.4;}
.bosecInner .mDescPoint {color:#FFF; font-size:30px; font-weight:500; padding:10px 0 0 0; text-align:center;}



.secInner2 {width:100%; max-width:1320px; padding:0px; margin:0 auto;}
.secInner2 .mSub {color:#232323; font-size:24px; font-weight:300; padding:0 0 35px 0; text-align:center;}
.secInner2 .img {background:url(../_img/talk.png) no-repeat 50% 50%; width:1315px; height:1330px;}
.secInner2 .mTitle {color:#232323; font-size:54px; font-weight:700; padding:0 0 90px 0;  letter-spacing:-1px; text-align:center;}
.secInner2 .mDesc {color:#232323; font-size:24px; font-weight:300; padding:0 0 5px 0; text-align:center; line-height:1.3;}
.secInner2 .mDescPoint {color:#232323; font-size:30px; font-weight:500; padding:10px 0 0 0; text-align:center;}

.secInner3 {width:100%; max-width:1320px; padding:0px; margin:0 auto;}
.secInner3 .mSub {color:#3a3a3a; font-size:30px; font-weight:500; text-align:center; background-color:#fff; width:397px; margin: auto;}
.secInner3 .mTitle {color:#FFF; font-size:60px; font-weight:700; padding:0; letter-spacing:-1px; text-align:center; padding:15px 0 20px 0px;}
.secInner3 .mDesc {color:#FFF; font-size:24px; font-weight:300; padding:0 0 5px 0; text-align:center; line-height:1.3;}
.secInner3 .mDescPoint {color:#FFF; font-size:30px; font-weight:500; padding:40px 0 0 0; text-align:center;}


.secInner4 {width:100%; max-width:1320px; padding:0px; margin:0 auto;}
.secInner4 .mSub {color:#3a3a3a; font-size:30px; font-weight:500; text-align:center; background-color:#fff; width:397px; margin: auto;}
.secInner4 .mTitle {color:#FFF; font-size:60px; font-weight:700; padding:0; letter-spacing:-1px; text-align:center; padding:15px 0 20px 0px;}
.secInner4 .mDesc {color:#FFF; font-size:24px; font-weight:300; padding:0 0 5px 0; text-align:center; line-height:1.3;}
.secInner4 .mDescPoint {color:#FFF; font-size:30px; font-weight:500; padding:40px 0 0 0; text-align:center;}


.secInner5 {width:100%; max-width:1320px; padding:0px; margin:0 auto;}
.secInner5 .mSub {color:#232323; font-size:30px; font-weight:500; text-align:center; margin: auto; margin-bottom: 30px; line-height:1.3; }
.secInner5 .mTitle {color:#232323; font-size:60px; font-weight:700; padding:0; letter-spacing:-1px; text-align:center; padding:15px 0 20px 0px;}
.secInner5 .mDesc {text-align: center; margin:50px 0 50px 0px; height:400px;}
.secInner5 .mDescmo {text-align: center; margin:50px 0 50px 0px; height:435px; width:777px; margin: auto; margin-top: 50px;}
.secInner5 .mDescPoint {color:#FFF; font-size:30px; font-weight:500; padding:40px 0 0 0; text-align:center;}


.secInner7 {width:100%; max-width:1320px; padding:0px; margin:0 auto;}
.secInner7 .mSub {color:#464646; font-size:30px; font-weight:500; text-align:center; margin: auto; margin-bottom: 30px; line-height:1.3; }
.secInner7 .mTitle {color:#1ac5b0; font-size:60px; font-weight:700; padding:0; letter-spacing:-1px; text-align:center; padding:15px 0 20px 0px;}
.secInner7 .mDesc {text-align:center;}


.secInner8 {width:100%; max-width:1320px; padding:0px; margin:0 auto;}
.secInner8 .mSub {color:#2e2e2e; font-size:30px; font-weight:500; text-align:center; margin: auto; margin-bottom: 30px; line-height:1.3; }
.secInner8 .mTitle {color:#2e2e2e; font-size:60px; font-weight:700; padding:0; letter-spacing:-1px; text-align:center; padding:15px 0 20px 0px;}
.secInner8 .mDesc {text-align:center;}
.secInner8 .mDesc2 {text-align:center;}





.secInner9 {width:100%; max-width:1320px; padding:0px; margin:0 auto;}
.secInner9 .mSub {color:#fff; font-size:30px; font-weight:300; text-align:center; margin: auto; line-height:1.3; }
.secInner9 .mTitle {color:#fff; font-size:60px; font-weight:700; padding:0; letter-spacing:-1px; text-align:center; padding:15px 0 0px 0px;}
.secInner9 .mDesc {text-align:center;}


.secInner10 {width:100%; max-width:1320px; padding:0px; margin:0 auto; }
.secInner10 .mSub {color:#232323; font-size:30px; font-weight:500; text-align:center; margin: auto; margin-bottom: 5px; line-height:1.3; }
.secInner10 .mTitle {color:#232323; font-size:60px; font-weight:700; padding:0; letter-spacing:-1px; text-align:center;}




.secInnerSec {display:flex; justify-content:center; align-items:center; z-index:10;}
.secInnerSec .whygr {align-items:center; border-radius:110px; width:410px; height:180px; overflow:hidden; padding:20px 0 0px 0; margin: 0 20px 0 0px; margin: auto;}
.secInnerSec .whygr.con001 {background:#fc6d0e;}
.secInnerSec .whygr.con002 {background:#4caeba;}
.secInnerSec .whygr.con003 {background:#d94ead;}
.secInnerSec .whygr .ico {display:block; width:170px; height:130px; float:left;}
.secInnerSec .whygr.con001 .ico {background:url(../_img/mico01.png) no-repeat 50% 50%;}
.secInnerSec .whygr.con002 .ico {background:url(../_img/mico02.png) no-repeat 50% 50%;}
.secInnerSec .whygr.con003 .ico {background:url(../_img/mico03.png) no-repeat 50% 50%;}
.secInnerSec .whygr .txt {color:#FFF; font-size:24px; font-weight:300; line-height:1.1; padding-left:20px; width:calc(120% - 86px); margin-top: 25px;}



.tecInnerSec {display:flex; justify-content:center; align-items:center; z-index:10;}
.tecInnerSec .tegr {align-items:center; border-radius:110px; width:970px; height:590px; overflow:hidden; }
.tecInnerSec .tegr.con0001 {background:rgba(0, 0, 0, 0.3);}
.tecInnerSec .tegr.icoc {width:970px; border:4px solid #003958;}
.tecInnerSec .tegr .ico {display:block; width:100px; height:50px; float:left; }
.tecInnerSec .tegr.con0001 .ico {background:url(../_img/ch.png) no-repeat 50% 50%;}
.tecInnerSec .tegr .txt {color:#FFF; font-size:30px; font-weight:600; line-height:1.1; width:calc(100% - 86px); margin-top: 50px;}
.tecInnerSec .tegr .txt2 {color:#FFF; font-size:19px; font-weight:400; line-height:1.1; width:calc(120% - 86px); margin-top: 15px;}


.brcInnerSec {display:flex; justify-content:center; align-items:center; z-index:10;}
.brcInnerSec .brgr {align-items:center; border-radius:30px; width:927px; height:283px; overflow:hidden; padding:0px 0 35px 0; }
.brcInnerSec .brgr.conb0001 {background:#fff;  border:1px solid #e0e0e0;}
.brcInnerSec .brgr .ico {display:block; width:200px; height:150px; float:left; margin-top: 85px;}
.brcInnerSec .brgr.conb0001 .ico {background:url(../_img/logo_brg.jpg) no-repeat 50% 50%;}
.brcInnerSec .brgr .txt {color:#383838; font-size:25px; font-weight:400; line-height:1.3; width:calc(100% - 86px); margin-top: 30px;}
.brcInnerSec .brgr .txtp {color:#00ac97;}









.gloHeader {position:fixed; left:0; top:0; width:100%; height:auto; background:rgba(0, 0, 0, 0.3); z-index:100; transition:.3s all;}
.gloHeader .secInner {padding-right:310px;}
.gloHeader .logo {float:left; margin:17px 30px 0 0;}
.gloHeader .logo a {display:block; width:165px; height:63px; background:url(../_img/logo2.png) no-repeat 50% 50%; background-size:100%;}
.gloHeader .navi {float:left; margin-left:20px;}
.gloHeader .navi li {float:left; font-size:18px; line-height:1.3;}
.gloHeader .navi li a {display:block; color:#FFF; font-weight:600; padding:25px 30px; text-align:center;}
.gloHeader .navi li dl {display:none;}
.gloHeader .myUtil {position:absolute; right:50px; top:50%; transform:translate(0, -50%);}
.gloHeader .myUtil span a {vertical-align:middle;}
.gloHeader .myUtil .btnMyClass a {display:inline-block; padding:8px 16px; border-radius:40px; background:#2589c0; color:#FFF; font-size:16px; font-weight:600; margin-right:10px;}
.gloHeader .myUtil .txtMenu a {display:inline-block; padding:8px; color:#FFF; font-size:16px; font-weight:600;border-radius:40px; background:#868686; color:#FFF; }
.gloHeader .myUtil .btnYt a {display:inline-block; width:35px; height:35px; background:url(../_img/ico_youtube.png) no-repeat 50% 50%; background-size:100%; margin-right:10px; border-radius:50%;}
.gloHeader .allMenu a {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:40px; height:40px; background:url(../_img/ico_menu2.png) no-repeat 50% 50%;}

.gloHeader.fixed {background:#FFF; border-bottom:1px solid #ccc;}
.gloHeader.fixed .navi li a {color:#000; font-weight:400;}
.gloHeader.fixed .myUtil .txtMenu a {color:#333;}
.gloHeader.fixed .allMenu a {background:url(../_img/ico_menu2.png) no-repeat 50% 50%;}

.mainVisual {}
.mainVisual .swiper-slide {height:600px !important;}
.mainVisual .mVisual01 {background:url(../_img/m_visual01.jpg) no-repeat center/cover; background-size:cover;}
.mainVisual .mVisual02 {background:url(../_img/m_visual02.jpg) no-repeat center/cover; background-size:cover;}
.mainVisual .visualDim {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:1;}
.mainVisual .visualTxt {max-width:1320px; margin:0 auto; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; z-index:10;}
.mainVisual .visualTxt .vsTitle {color:#FFF; font-size:60px; font-weight:100; margin-bottom:20px; text-align:center;}
.mainVisual .visualTxt .vsDesc {color:#FFF; font-size:24px; font-weight:500; line-height:1.4; text-align:center;}



/*수정전 삭제필요*/
.conWhy {background:#2589c0;}
.conWhy:before {content:''; position:absolute; left:0; top:0; width:635px; height:550px; background:url(../_img/gr_bg.png) no-repeat 50% 50%;}
.conWhy:after {content:''; position:absolute; right:0; bottom:0; width:635px; height:550px; background:url(../_img/proud_deco02.png) no-repeat 50% 50%;}
/*수정전 삭제필요*/

.conWhy2 {background:url(../_img/talt_bg.jpg) no-repeat 50% 50%; width:100%; height:2000px;}
.conWhy3 {background:url(../_img/ye_bg.jpg) no-repeat 50% 50%; width:100%; height:786px;}
.conWhy4 {background:url(../_img/gr_bg.jpg) no-repeat 50% 50%; width:100%; height:986px;}
.conWhy5 {background:url(../_img/book_bg.jpg) no-repeat 50% 50%; width:100%; height:1550px;}

.whyPartSec {display:flex; justify-content:center; align-items:center; z-index:10;}
.whyPartSec .whyBox {align-items:center; border-radius:14px; width:270px; height:270px; overflow:hidden; padding:20px 0 35px 0;}
.whyPartSec .whyBox.con01 {background:#cf1c6d;}
.whyPartSec .whyBox.con02 {background:#70c2cc;}
.whyPartSec .whyBox.con03 {background:#cfd725;}
.whyPartSec .whyBox .ico {display:block; width:270px; height:270px;}
.whyPartSec .whyBox.con01 .ico {background:url(../_img/mico01.png) no-repeat 50% 50%;}
.whyPartSec .whyBox.con02 .ico {background:url(../_img/mico02.png) no-repeat 50% 50%;}
.whyPartSec .whyBox.con03 .ico {background:url(../_img/mico03.png) no-repeat 50% 50%;}
.whyPartSec .whyBox .txt {color:#FFF; font-size:24px; font-weight:300; line-height:1.3; padding-left:20px; width:calc(100% - 86px);}

.conIntro {background:#efefef;}
/*수정전 삭제필요*/
.conIntro {background:#efefef;}
/*수정전 삭제필요*/
.conIntro .mSub, .conIntro .mTitle, .conIntro .mDesc {color:#333;}
.conIntro .mTitle {padding-bottom:25px; margin-bottom:30px; position:relative;}
.conIntro .mTitle:after {content:''; position:absolute; left:50%; bottom:0; transform:translate(-50%, 0); width:220px; height:1px; background:#333;}

.boIntro {background:url(../_img/boo_bgg.jpg) no-repeat 50% 50%; height:1700px;}
.gboIntro {background:url(../_img/gbo_bg.jpg) no-repeat 50% 50%; height:920px;}


.using {background:#FFF;}
.using .mSub, .using .mTitle, .using .mDesc {color:#333;}
.using .mTitle {padding-bottom:25px; margin-bottom:30px; position:relative;}
.using .mTitle:after {content:''; position:absolute; left:50%; bottom:0; transform:translate(-50%, 0); width:220px; height:1px; background:#333;}

.mBookList {max-width:1320px; margin:0 auto; padding:50px 0; text-align:center;}
.mBookList ul {display:flex; justify-content:space-evenly; align-items:center; flex-wrap:wrap; margin-bottom:40px;}
.mBookList ul li {float:left; width:20%; text-align:center; position:relative; padding:0 15px;}
.mBookList ul li img {border:4px solid #003958; border-radius:14px; max-width:100%;
-webkit-box-shadow: 13px 13px 0px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 13px 13px 0px 0px rgba(0,0,0,0.15);
box-shadow: 13px 13px 0px 0px rgba(0,0,0,0.15);
}

.mBookList .moreDetail a {display:inline-block; padding:10px 40px 10px 10px; color:#333; font-size:20px; font-weight:500; }

.joinBtns {max-width:1320px; margin:0 auto; padding-right:0; display:flex; justify-content:center; align-items:center;}
.joinBtns .freeJoin {display:block; height:95px; background:#70c2cc; border:3px solid #70c2cc; border-radius:95px; color:#FFF; transition:.3s all; width:70%; margin:0 15px;}
.joinBtns .freeJoin:hover {background:#e8af3b; border:3px solid #e8af3b;}
.joinBtns .freeJoin a {display:block; height:100%; padding:0 50px 0 164px; color:#FFF;}
.joinBtns .freeJoin .ico {position:absolute; left:70px; top:50%; transform:translate(0, -50%); width:65px; height:65px; background:url(../_img/mico04.png) no-repeat 50% 50%; background-size:100%;}
.joinBtns .freeJoin .ar {position:absolute; right:30px; top:50%; transform:translate(0, -50%); width:14px; height:26px; background:url(../_img/ar_tail_w.png) no-repeat 50% 50%; background-size:100%;}
.joinBtns .freeJoin .subTxt {font-size:16px; margin:20px 0 0px 0;}
.joinBtns .freeJoin .btnTxt {font-size:26px; font-weight:600;}
.joinBtns .joinUs {display:block; height:95px; background:#db191f; border-radius:95px; width:70%; color:#FFF; transition:.3s all;}
.joinBtns .joinUs a {display:block; height:100%; padding:0 30px 0 120px; color:#FFF;}
.joinBtns .joinUs .ico {position:absolute; left:35px; top:50%; transform:translate(0, -50%); width:65px; height:65px; background:url(../_img/ico_youtube.png) no-repeat left 50%; background-size:100%;}
.joinBtns .joinUs .ar {position:absolute; right:25px; top:50%; transform:translate(0, -50%); width:14px; height:26px; background:url(../_img/ar_tail_w.png) no-repeat 50% 50%; background-size:100%;}
.joinBtns .joinUs .btnTxt {font-size:26px; font-weight:600; color:#FFF; padding-top:30px;}






.blbgIntro {background:url(../_img/bl_bg.jpg) no-repeat center/cover; background-size:cover; }
.blroudSec {display:flex; justify-content:center; align-items:center; padding:70px 0 10px 0; z-index:10;}
.blroudSec .blProud {width:25%; padding:0 20px;}
.blroudSec .blProud .cycle2 {border-radius:50%; overflow:hidden; display:flex; justify-content:center; align-items:center; color:#FFF; font-size:24px; font-weight:500; line-height:1.2; text-align:center;}
.blroudSec .blProud .cycle2:after {content:''; padding-bottom:100%;}
.blroudSec .blProud .cycle2.bg01 {background:#f8b500;}
.blroudSec .blProud .cycle2.bg02 {background:#fc6d0e;}
.blroudSec .blProud .cycle2.bg03 {background:#d94ead;}
.blroudSec .blProud .cycle2.bg04 {background:#00ac97;}
.blroudSec .blProud .cycle2.bg05 {background:#3d65c9;}
.blroudSec .blProud .cycle2.bg06 {background:#a03dc9;}
.blroudSec .blProud .cycle2.bg07 {background:#4c78ba;}
.blroudSec .blProud .cycle2.bg08 {background:#c93d7c;}

.blroudSec .blProud .prTxt {margin-top:25px; font-size:18px; color:#FFF; font-weight:600; line-height:1; text-align:center;}




.conProud {background:url(../_img/bg_proud.jpg) no-repeat center/cover; background-size:cover;}
.proudSec {display:flex; justify-content:center; align-items:center; padding:70px 0 40px 0; z-index:10;}
.proudSec .perProud {width:25%; padding:0 20px;}
.proudSec .perProud .cycle {border-radius:50%; overflow:hidden; border:3px solid #FFF; display:flex; justify-content:center; align-items:center; color:#FFF; font-size:24px; font-weight:400; line-height:1.4; text-align:center;}
.proudSec .perProud .cycle:after {content:''; padding-bottom:100%;}
.proudSec .perProud .cycle.bg01 {background:rgba(37, 137, 192, 0.1);}
.proudSec .perProud .cycle.bg02 {background:rgba(207, 28, 109, 0.1);}
.proudSec .perProud .cycle.bg03 {background:rgba(112, 194, 204, 0.1);}
.proudSec .perProud .cycle.bg04 {background:rgba(207, 215, 37, 0.1);}
.proudSec .perProud .prTxt {margin-top:25px; font-size:18px; color:#FFF; font-weight:600; line-height:1.3; text-align:center;}
.conProud .freeCharge {display:block; width:417px; height:192px; background:url(../_img/bg_btn.png) no-repeat 50% 50%; background-size:100%; margin:0 auto;}
.conProud .freeCharge a {display:block; font-size:24px; text-align:center; color:#FFF; font-weight:600; padding-top:130px;}


.conmov {}
.moproudSec {display:flex; justify-content:center; align-items:center; padding:50px 0 0px 0; z-index:10; }
.moproudSec .moperProud  {align-items:center; width:927px; height:600px; overflow:hidden; text-align:center;}
.moInnerSec .morgr .icomo {display:block; width:700px; text-align:center; margin-top:40px;}
.moproudSec .moperProud .moprTxt {margin:27px 0 40px 0px; font-size:25px; color:#3c3c3c; font-weight:600; line-height:1.3; text-align:center; }
.moproudSec .moperProud .icomo {width:777px; height:435px; margin: auto;}
.conmov .mofreeCharge {display:block; width:417px; height:192px; background:url(../_img/bg_btn_gr.png) no-repeat 50% 50%; background-size:100%; margin:0 auto;}
.conmov .mofreeCharge a {display:block; font-size:24px; text-align:center; color:#FFF; font-weight:600; padding-top:130px;}
.conmov .mofreeCharge2 {display:block; width:417px; height:192px; background:url(../_img/bg_btn_ye.png) no-repeat 50% 50%; background-size:100%; margin:0 auto; }
.conmov .mofreeCharge2 a {display:block; font-size:24px; text-align:center; color:#FFF; font-weight:600; padding-top:130px;}








.mNotice {float:left; width:50%; height:auto; overflow:hidden; background:#f0f0f0; border-radius:15px; padding:40px 40px 30px 40px;}
.mNotice .title {color:#333; font-size:20px; font-weight:500; position:relative; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #666;}
.mNotice .title .more a {position:absolute; right:0; top:10px; color:#999; font-size:14px; font-weight:500;}
.mNotice li {display:block; height:auto; overflow:hidden;}
.mNotice li a {display:block; padding:6px 90px 6px 16px; position:relative; color:#333; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mNotice li a:after {content:''; position:absolute; left:5px; top:12px; width:2px; height:2px; background:#333;}
.mNotice li a .mNotiDate {position:absolute; right:0; top:6px; text-align:right; font-size:14px; color:#666;}




.serviceBtns {display:block; width:100%; height:auto; overflow:hidden; display:flex; justify-content:center; align-items:center; margin:0 auto;}
.serviceBtns .serBtnBox {display:block; padding:0 20px; margin-top:0px;}
.serviceBtns .serBtnBox a {display:block;}
.serviceBtns .serBtnBox .ico {margin-bottom:10px;}
.serviceBtns .serBtnBox .serTxt {color:#333; font-size:15px; font-weight:600; text-align:center;}



.mSection_bl.footer_bl {background:#ececec; padding:0;}
.footer_bl .btmMenu2 {background:#2589c0;}
.footer_bl .btmMenu2 ul {max-width:1320px; margin:0 auto; padding:15px 0; overflow:hidden;}
.footer_bl .btmMenu2 ul li {float:left; font-size:16px;}
.footer_bl .btmMenu2 ul li a {color:#FFF; font-weight:500; padding:10px 30px 10px 0; margin-right:27px; position:relative;}
.footer_bl .btmMenu2 ul li a:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#FFF;}
.footer_bl .btmMenu2 ul li:last-child a {margin-right:0;}
.footer_bl .btmMenu2 ul li:last-child a:after {display:none;}
.footer_bl .secInner2 {padding:40px 0; display:flex; justify-content:space-between; align-items:center;}
.footer_bl .secInner2 .logo {display:block; width:340px; text-align:center; height:170px; }
.footer_bl .secInner2 .logo img {max-width:146px;}
.footer_bl .secInner2 .corpInfo {display:block; width:calc(100% - 340px); height:170px;}
.footer_bl .secInner2 .corpInfo p {color:#666; font-size:14px; line-height:1.6;}




.mSection.footer {background:#ececec; padding:0;}
.footer .btmMenu {background:#2589c0;}
.footer .btmMenu ul {max-width:1320px; margin:0 auto; padding:15px 0; overflow:hidden;}
.footer .btmMenu ul li {float:left; font-size:16px;}
.footer .btmMenu ul li a {color:#FFF; font-weight:500; padding:10px 30px 10px 0; margin-right:27px; position:relative;}
.footer .btmMenu ul li a:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#FFF;}
.footer .btmMenu ul li:last-child a {margin-right:0;}
.footer .btmMenu ul li:last-child a:after {display:none;}
.footer .secInner {padding:40px 0; display:flex; justify-content:space-between; align-items:center;}
.footer .secInner .logo {display:block; width:340px; text-align:center; height:170px; }
.footer .secInner .logo img {max-width:146px;}
.footer .secInner .corpInfo {display:block; width:calc(100% - 340px); height:170px;}
.footer .secInner .corpInfo p {color:#666; font-size:14px; line-height:1.6;}

.subVisual {height:420px; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.subVisual:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:1;}
/* .subVisual .visualDim {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:1;} */
.subVisual.bgJoin {background:url(../_img/m_visual02.jpg) no-repeat center/cover; background-size:cover;}
.subVisual h1 {text-align:center; font-size:30px; font-weight:600; color:#FFF; z-index:10;}
.subVisual .pageDesc {text-align:center; font-size:20px; font-weight:400; color:#FFF; z-index:10;}

.pageSubMenu {position:relative; background:#2589c0;}
.pageSubMenu .pInner {max-width:1320px; margin:0 auto; display:none;}
.pageSubMenu .pInner.on {display:block;}
.pageSubMenu .pInner .currentPage {display:block; height:auto; overflow:hidden; display:none;}
.pageSubMenu .pInner ul {position:relative; display:table; table-layout:fixed; width:100%;}
.pageSubMenu .pInner ul li {display:table-cell; vertical-align:middle; width:25%; text-align:center;}
.pageSubMenu .pInner ul li a {display:block; padding:20px 0; color:#FFF; font-size:18px; font-weight:500;}
.pageSubMenu .pInner ul li:hover a {background:#70c2cc;}
.pageSubMenu .pInner ul li.on a {background:#70c2cc; font-weight:600;}

.comnBlock {padding:80px 0;}
.comnBlock .comnInner {max-width:1320px; margin:0 auto;}
.comnBlock .comnInner h2 {color:#333; font-size:30px; color:#333; margin-bottom:5px;}
.comnBlock .comnInner h2 {color:#333; font-size:30px; color:#333; margin-bottom:5px;}
.comnBlock .comnInner .pageSubDesc {color:#333; font-size:20px; font-weight:400; line-height:1.4;}




.pageSubDescti {color:#333; font-size:60px; font-weight:600; line-height:1.4; margin-top: 50px; }

.expTitle {color:#333; font-size:22px; font-weight:600; margin:30px 0;}
.expStep {padding:0 0 30px 0; display:flex;}
.expStep .expCycle {display:flex; justify-content:center; align-items:center; width:170px; text-align:center; font-size:18px; color:#FFF; line-height:1.4; font-weight:500;}
.expStep .expCycle:after {content:''; display:block; padding-top:110%;}

.expStep .expCycle.exp01 {background:url(../_img/gu_1.jpg) no-repeat 10% 0%;}
.expStep .expCycle.exp02 {background:url(../_img/gu_2.jpg) no-repeat 0% 0%;}
.expStep .expCycle.exp03 {background:url(../_img/gu_3.jpg) no-repeat 0% 0%;}
.expStep .expCycle.exp04 {background:url(../_img/gu_4.jpg) no-repeat 0% 0%;}
.expStep .expCycle.exp05 {background:url(../_img/gu_5.jpg) no-repeat 0% 0%;}
.expStep .expCycle.exp06 {background:url(../_img/gu_6.jpg) no-repeat 0% 0%;}


.expStep2 {padding:50px 0 30px 0; display:flex; }
.expStep2 .expCycle2 {display:flex; justify-content:center; align-items:top; width:270px; height:260px; text-align:center; font-size:19px; padding-top:50px; line-height:1.4; font-weight:700;}

.expStep2 .ar {margin:0 20px; }
.expStep2 .expCycle2.expCyclete {font-weight:700;}
.expStep2 .expCycle2:after {content:''; display:block; padding-top:110%;}

.expStep2 .expCycle2.exp012 {background:url(../_img/cy_wh.png) no-repeat 10% 0%;}
.expStep2 .expCycle2.exp0122 {background:url(../_img/cy_wh2.png) no-repeat 10% 0%;}
.expStep2 .expCycle2.exp0123 {background:url(../_img/cy_wh3.png) no-repeat 10% 0%;}
.expStep2 .expCycle2.exp0124 {background:url(../_img/cy_wh4.png) no-repeat 10% 0%;}
.expStep2 .expCycle2.exp0125 {background:url(../_img/cy_wh5.png) no-repeat 10% 0%;}






.expStep .ar {padding:0 30px; background:url(../_img/ar_tail_g.png) no-repeat 50% 50%;}

.pageTitleSec {display:block; height:auto; overflow:hidden; position:relative; padding:20px 0 80px 0; text-align:center;}
.pageTitleSec h2 {font-size:48px !important; font-weight:600; letter-spacing:-1px;}

.comnRound {border-radius:20px; padding:30px;}
.comnRoundTy01 {border-radius:20px; padding:50px 40px 0 40px; overflow:hidden;}

.introWrap {}
.introWrap .introImg {float:left; width:60%; border-radius:20px; overflow:hidden;}
.introWrap .introImg img {border:1px solid #eee;}
.introWrap .introCon {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:50%; height:auto; padding:30px; background:rgba(0, 0, 0, 0.5); color:#FFF; font-size:18px; line-height:1.4; border-radius:20px;}
.introWrap .introCon em {display:block; margin:10px 0; font-size:28px; font-weight:700;}


.joinwrap {border-radius:14px; background:#f8b500;} 

.secInner8 .mTitle {color:#2e2e2e; font-size:40px; font-weight:700; padding:0; letter-spacing:-1px; text-align:center; padding:15px 0 20px 0px;}

.whyWrap {}
.whyWrap .whyImg {text-align:center;}
.whyWrap .headWhy {text-align:center; font-size:30px; font-weight:600; position:relative; color:#00ac97; padding:0px; }
.whyWrap .headWhy2 {text-align:center; font-size:45px; font-weight:600; position:relative; color:#262626; padding:0px; margin-top: 20px;}

.whyWrap .whyPartSec {padding:40px 0 35px 0; z-index:10; margin-left:60px;}
.whyWrap .whyPartSec .whyBoxIn {width:270px; height:270px; display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:14px; overflow:hidden; margin-right:60px;}
.whyWrap .whyPartSec .whyBoxIn.con01 {background:#f8b500;}
.whyWrap .whyPartSec .whyBoxIn.con02 {background:#e83528;}
.whyWrap .whyPartSec .whyBoxIn.con03 {background:#00ac97;}
.whyWrap .whyPartSec .whyBoxIn .ico {display:block; width:100%; height:152px; margin-bottom:20px;}
.whyWrap .whyPartSec .whyBoxIn.con01 .ico {background:url(../_img/why_ico1.png) no-repeat 50% 50%;}
.whyWrap .whyPartSec .whyBoxIn.con02 .ico {background:url(../_img/why_ico2.png) no-repeat 50% 50%;}
.whyWrap .whyPartSec .whyBoxIn.con03 .ico {background:url(../_img/why_ico3.png) no-repeat 50% 50%;}
.whyWrap .whyPartSec .whyBoxIn .txt {display:block; color:#FFF; font-size:24px; font-weight:500; line-height:1; text-align:center; width:100%; clear:both; padding-left:0;}






.whyWrap .whyDesc {font-size:20px; color:#333; font-weight:500; line-height:1.4; text-align:center;}

.whyWrap .whyPoint {margin:80px 0; background:url(../_img/img_why01.png) no-repeat 50% 50%; border-radius:20px; overflow:hidden;}
.whyWrap .whyPoint:after {content:''; padding-bottom:66%;}
.whyWrap .whyPoint .inTxt {position:absolute; left:0; bottom:0; width:100%; text-align:center; padding:40px 0; color:#FFF; background:rgba(37, 137, 192, 0.4);}
.whyWrap .whyPoint .inTxt .wpTxt {font-size:24px;}
.whyWrap .whyPoint .inTxt .wpTxt.big {font-size:40px; font-weight:600; margin:10px 0;}
.whyWrap .whyPoint .inTxt .wpDesc {font-size:18px; line-height:1.4;}

.feaCon {height:890px; background:url(../_img/feature_bg.jpg) no-repeat center/cover; background-size:cover; position:relative; border-radius:20px; margin-bottom:50px;}
.feaCon .feaConBox {position:absolute; left:40%; width:55%; top:50%; transform:translate(0, -50%);}
.feaCon .feaConBox {position:absolute; left:40%; width:55%; top:50%; transform:translate(0, -50%);}
.feaCon .feaConBox .headFea {font-size:33px; font-weight:500; color:#00ac97; margin:20px auto 20px;}
.feaCon .feaConBox .inFea {margin-bottom:50px;}
.feaCon .feaConBox .inFea:last-child {margin-bottom:0;}
.feaCon .feaConBox .inFea .tIn {display:inline-block; position:relative; padding:0 5px; margin-bottom:10px;}
.feaCon .feaConBox .inFea .tIn:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:15px;}
.feaCon .feaConBox .inFea .tIn span {display:inline-block; position:relative; z-index:10; color:#FFF; font-size:28px; font-weight:500;  color:#f8b500;}
.feaCon .feaConBox .inFea .tInTxt {display:block; color:#FFF; font-size:20px;}

.feaWrap {background:#f8f8f8; }

.partFea {margin-bottom:30px;}
.partFea:last-child {margin-bottom:0;}
.partFea .tFea {font-size:26px; font-weight:600;}
.innerPf {position:relative; margin:40px 0; display:flex; justify-content:space-between; align-items:center; padding-left:0px;}
.innerPf .symbol {width:16%; position:relative; border-radius:50%; overflow:hidden;}
.innerPf .symbol:after {content:''; padding-bottom:100%;}
.innerPf .symbol img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto;}
.innerPf .feaStep {padding-left:30px; width:100%; display:flex; justify-content:flex-start; align-items:center;}

.innerPf .feaStep .cycle {display:flex; justify-content:center; align-items:center; width:16%; border:2px solid #71c7c8; background:#71c7c8; border-radius:50%; text-align:center; font-size:18px; color:#FFF; line-height:1.4; font-weight:500;}
.innerPf .feaStep .cycle:after {content:''; display:block; padding-bottom:100%;}
.innerPf .feaStep .cycle:last-child {background:#2589c0; border:2px solid #2589c0; color:#FFF; font-weight:700;}
.innerPf .feaStep .ar {width:5%; height:50px; background:url(../_img/ar_tail_g.png) no-repeat 50% 50%;}

.innerPf.ty01 .symbol {width:16%; border-radius:0;}
.innerPf.ty01 .symbol:after {content:''; padding-bottom:100%;}
.innerPf.ty01 .symbol img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:100%;}
.innerPf.ty01 .feaExp {padding-left:30px;font-size:20px; line-height:1.4; color:#333; font-weight:500; width:100%;}

.feaCont2 {margin:0 -40px; padding:40px; text-align:center;}
.feaCont2 .fcTitle2 {font-size:50px; color:#00ac97; font-weight:700; letter-spacing:-2px; margin-bottom:10px;}


.feaCont {background:#d9f0f0; margin:0 -40px; padding:40px; text-align:center;}
.feaCont .fcTitle {font-size:48px; color:#118687; font-weight:700; letter-spacing:-2px; margin-bottom:10px;}
.feaCont .fcDesc {font-size:20px; color:#666;}
.feaCont .fcHead {background:#118687; padding:15px 40px; border-radius:80px; text-align:center; color:#FFF; font-size:20px; line-height:1.3; margin:30px auto 20px; display:inline-block;}
.feaCont .fcHead.ty01 {margin-bottom:40px;}

.feaCont .mBookList {padding:20px 0;}

.feaScreen {max-width:1320px; margin:0 auto; padding:0; text-align:center;}
.feaScreen ul {display:flex; justify-content:space-evenly; align-items:center; flex-wrap:wrap; margin-bottom:40px;}
.feaScreen ul li {float:left; width:33.3333%; text-align:center; position:relative; padding:0 15px; margin-bottom:30px;}
.feaScreen ul li .ifTitle {display:inline-block; padding:6px 20px; color:#FFF; font-size:16px; font-weight:600; background:#118687; border-radius:30px; margin-bottom:20px;}
.feaScreen ul li img {border:4px solid #003958; border-radius:14px; max-width:100%;
-webkit-box-shadow: 13px 13px 0px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 13px 13px 0px 0px rgba(0,0,0,0.15);
box-shadow: 13px 13px 0px 0px rgba(0,0,0,0.15);
}

.arResult {text-align:center; margin-bottom:30px;}

.courseWrap {background:#f8f8f8;}
.courseWrap .courseImg {text-align:center;}
.courseWrap .courseDesc {font-size:20px; color:#333; font-weight:500; line-height:1.4; text-align:center; margin-top:30px;}

.courseWrap .courseTable {margin-top:40px;}
.courseWrap .courseTable table {padding:0; margin:0; width:100%; table-layout:fixed;}
.courseWrap .courseTable th, .courseWrap .courseTable td {font-size:14px;}
.courseWrap .courseTable th {vertical-align:bottom;}
.courseWrap .courseTable th .csLevel {display:flex; width:100%; justify-content:center; align-items:center; color:#FFF; border-radius:15px 0px 15px 15px; font-weight:500;}
.csLevel.cs00 {background:#ccc; height:52px;}
.csLevel.cs01 {background:#e8af3b; height:52px;}
.csLevel.cs02 {background:#c9a950; height:62px;}
.csLevel.cs03 {background:#9fa16d; height:72px;}
.csLevel.cs04 {background:#6e978e; height:82px;}
.csLevel.cs05 {background:#448fab; height:92px;}
.csLevel.cs06 {background:#2689bf; height:102px;}
.courseWrap .courseTable td {background:#FFF; padding:8px; border:1px solid #ccc; vertical-align:top; line-height:1.4;}
.courseWrap .courseTable td.item {background:#eee;}





.readingWrap {background:#f8f8f8; border-radius:20px;}
.readingWrap .headreading {text-align:center; font-size:30px; font-weight:300; position:relative; color:#00ac97; padding:0px; padding: 50px 0 0 0px;}
.readingWrap .headreading2 {text-align:center; font-size:40px; font-weight:700; position:relative; color:#00ac97;}
.readingWrap .headreading3 {text-align:center; font-size:40px; font-weight:700; position:relative; color:#00ac97;  padding: 50px 0 20px 0px;}
.readingWrap .headreading4 {text-align:right; font-size:22px; font-weight:300; position:relative; color:#2f2f2f;  padding: 20px 0 50px 0px; margin-right: 230px;}
.readingWrap .readingBoxIn {width:584px; height:240px; display:flex; border-radius:164px; overflow:hidden; background:#00ac97;}
.readingWrap .readingImg {float:left; border-radius:20px; overflow:hidden; padding:20px 0 0 17px; no-repeat 50% 50%;}
.readingWrap .readingfll {float:left; margin:50px 0 0 60px;}
.readingWrap .readingflr {float:right; margin:50px 60px 0px 0px;}
.readingWrap .readingImg img {width:100%; height:auto;}
.readingWrap .readingCon {position:absolute; left:260PX; top:40px; width:50%; height:auto; background:#00ac97; font-size:18px; line-height:1.2;font-size:22px;font-weight:600;}
.readingWrap .readingCon em {font-size:50px; font-weight:700;}









.inBk {display:block; height:auto; overflow:hidden; margin-bottom:10px;}
.inBk li {float:left; width:44%; height:auto; overflow:hidden; border-radius:5px; border:2px solid #333; margin-left:-28px;}
.inBk li:first-child {margin-left:0;}

.singleStep {position:relative;}
.singleStep p {padding:15px 30px; color:#333; font-size:18px; line-height:1.4; background:#d9f0f0; border-radius:40px; margin:10px 0;}
.singleStep p em {color:#000; font-size:24px; font-weight:700; margin-right:10px;}
.singleStep p.point {background:#e8af3b; color:#FFF; text-align:center; font-weight:600;}

.testStep { max-width:90%; margin:50px auto 0px;}
.testFlow {width:100%; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #ccc;}
.testFlow:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.testFlow .cycle {display:flex; justify-content:center; align-items:center; width:21%; border:2px solid #2589c0; background:#2589c0; border-radius:50%; text-align:center; font-size:18px; color:#333; line-height:1.4; font-weight:500; margin-bottom:30px;}
.testFlow .cycle:after {content:''; display:block; padding-bottom:100%;}
.testFlow .empty {display:flex; justify-content:center; align-items:center; width:21%; border:0px solid #2589c0; background:#2589c0; border-radius:50%; text-align:center; font-size:18px; color:#333; line-height:1.4; font-weight:500; margin-bottom:30px;}
.testFlow .empty:after {content:''; display:block; padding-bottom:100%;}
.testFlow .cycle.white {background:#FFF;}
.testFlow .cycle.end {background:#70c2cc; border:2px solid #70c2cc;}

.testFlow .cycle span {padding:0 15px; font-size:16px; color:#FFF; font-weight:400;}
.testFlow .cycle span em {color:#FFF; display:block;}
.testFlow .cycle span em.fail {color:#c02546;}
.testFlow .cycle span em.part {color:#FFF; font-size:20px; font-weight:600; padding-bottom:8px; margin-bottom:8px; position:relative; line-height:1.3;}
.testFlow .cycle span em.part:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#FFF;}
.testFlow .ar {width:5%; height:50px; background:url(../_img/ar_tail_g.png) no-repeat 50% 50%; margin-bottom:60px;}
.testFlow .arEmpty {width:5%; height:50px; background:none; margin-bottom:60px;}

.programSet {position:relative; padding:30px;}
.programSet .partProgram {float:left; position:relative; width:48%; margin-right:4%; margin-bottom:40px; text-align:center;}
.programSet .partProgram:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.programSet .partProgram:nth-child(2n) {margin-right:0;}
.programSet .partProgram img {border-radius:14px; max-width:100%; margin-top:-15px;}

.programSet .partProgram .proStep {padding:20px 0 35px 0; color:#FFF; font-size:18px; font-weight:600; border-radius:10px;}
.programSet .partProgram .proStep.step01 {background:#f8b500;}
.programSet .partProgram .proStep.step02 {background:#00ac97;}
.programSet .partProgram .proStep.step03 {background:#e83528;}
.programSet .partProgram .proStep.step04 {background:#3436ab;}

.programTxt {text-align:center; font-size:18px; line-height:1.4; color:#333; margin-bottom:30px;}

.feedBackKind {display: block; height:auto; overflow:hidden;}
.feedBackKind li {float:left; width:32%; height:auto; overflow:hidden; margin-right:2%; margin-bottom:50px; background:#f8b500; border-radius:14px;}
.feedBackKind li:nth-child(3) {margin-right:0;}
.feedBackKind li.single {width:100%; margin-right:0;}
.feedBackKind li .title {color:#fff; font-size:24px; font-weight:500; margin:20px 0 15px 0px; letter-spacing:-1px; text-align:center;}
.feedBackKind li img {border:1px solid #f8b500; border-radius:14px; max-width:100%;}


.feedBackKind2 {display: block; height:auto; overflow:hidden;}
.feedBackKind2 li {float:left; width:32%; height:auto; overflow:hidden; margin-right:2%; margin-bottom:50px; background:#00ac97; border-radius:14px;}
.feedBackKind2 li:nth-child(3) {margin-right:0;}
.feedBackKind2 li.single {width:100%; margin-right:0;}
.feedBackKind2 li .title {color:#fff; font-size:24px; font-weight:500; margin:20px 0 15px 0px; letter-spacing:-1px; text-align:center;}
.feedBackKind2 li img {border:1px solid #00ac97; border-radius:14px; max-width:100%;}


.expReport {margin:40px 0; text-align:center;}
.expReport .erTitle {color:#333; font-size:18px; line-height:1.4;}
.expReport .erTitle2 {color:#333; font-size:35px; line-height:1.4; margin-top: 50px; font-weight:700;}
.expReport .erTitle3 {color:#333; font-size:25px; line-height:1.4; margin-top: 10px; font-weight:300;}
.expReport img {padding:15px 0;}

.imgTest {display:flex; justify-content:flex-start; margin-bottom:30px;}
.imgTest .itBox {width:54%; padding:0 20px;}
.imgTest .itBox:first-child {width:44%; padding:0 20px;}
.imgTest .itBox img {}
.imgTest .itBox .itTitle {display:inline-block; padding:6px 20px; color:#FFF; font-size:16px; font-weight:600; background:#118687; border-radius:30px;}

.forMo {display:none;}
.forDesk {display:block !important;}

.dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:10000; display:none;}
.mMenuSet {position:fixed; right:-100%; top:0; width:80%; height:100%; overflow-y:auto; background:#FFF; z-index:20000; padding:20px; transition:.4s all;}
.mMenuSet.on {right:0;}
.mMenuSet .menuClose {position:absolute; right:10px; top:10px; width:40px; height:40px; z-index:10; cursor:pointer;}
.mMenuSet .menuClose:after {content:''; position:absolute; left:20px; top:50%; width:2px; height:22px; background:#666; transform:translate(0, -50%) rotate(45deg);}
.mMenuSet .menuClose:before {content:''; position:absolute; left:20px; top:50%; width:2px; height:22px; background:#666; transform:translate(0, -50%) rotate(-45deg);}
.mMenuSet .registFunc {padding-bottom:20px; border-bottom:1px solid #333;}
.mMenuSet .registFunc .txtMenu a {display:inline-block; padding:8px; color:#333; font-size:16px; font-weight:600;}

.mMenuSet .moMenuSet {margin-top:30px;}
.mMenuSet .moMenuSet .moMenu .mCurrent a {display:block; font-size:18px; color:#333; font-weight:500; padding:20px 10px; border-bottom:1px solid #ccc; position:relative;}
.mMenuSet .moMenuSet .moMenu .mCurrent a .ico {position:absolute; right:10px; top:22px; width:10px; height:18px; background:url(/main/_img/ar_tail_g.png) no-repeat 50% 50%; background-size:100%; transform:rotate(90deg); transition:.4s all;}
.mMenuSet .moMenuSet .moMenu .mCurrent a .ico.on {transform:rotate(-90deg);}
.mMenuSet .moMenuSet .moMenu ul {padding:10px 0; display:none;}
.mMenuSet .moMenuSet .moMenu ul li {display:block; font-size:16px;}
.mMenuSet .moMenuSet .moMenu ul li a {display:block; padding:10px;}

.termsWrap {display:block; height:auto; overflow:hidden;}
.termsWrap h4 {font-size:18px; color:#333; font-weight:600; padding:25px 0 15px 0; text-align:left;}
.termsWrap h4.rights {color:#0D3B8C; font-weight:700;}
.termsWrap p {line-height:1.4; font-size:16px; color:#333; padding:4px 0; font-weight:400; margin-bottom:0;}
.termsWrap p.inner {padding-left:17px;}
.termsWrap p.inner.in {padding-left:15px !important;}
.termsWrap p.mt {margin-bottom:20px;}

.payTable {display:flex; justify-content:space-between; }
.payTable:after {display:none;}
.payTable .pTable {float:left; width:65%; height:auto; overflow:hidden; border:2px solid #2689bf; border-radius:10px;}
.payTable .pTable:after {display:none;}
.payTable .pTable table {padding:0; margin:0; width:100%; table-layout:fixed;}
.payTable .pTable th, .payTable .pTable td {border:1px solid #dddddd; padding:15px; text-align:center; font-size:16px; color:#333; font-weight:500;}
.payTable .pTable th.tdBlue {background:#e9f0ff; line-height:1.4;}
.payTable .pTable th {background:#f0f0f0; color:#333;}
.payTable .pTable th.discount, .payTable .pTable td.discount {color:#ff0000; font-size:18px; font-weight:600;}
.payTable .pTable th:first-child, .payTable .pTable td:first-child {border-left:0;}
.payTable .pTable th:last-child, .payTable .pTable td:last-child {border-right:0;}

.payTable .benefit {float:right; width:32%; background:#3472e6; border-radius:10px; padding:30px;}
.payTable .benefit:after {display:none;}
.payTable .benefit .bTitle {font-size:30px; font-weight:600; color:#fff; margin-bottom:20px;}
.payTable .benefit li {font-size:16px; line-height:1.4; margin-bottom:10px; padding-left:15px; position:relative; color:#fff; }
.payTable .benefit li:last-child {margin-bottom:0; color:#fff; }
.payTable .benefit li:after {content:''; position:absolute; left:0; top:7px; width:6px; height:2px; background:#fff;}
.payTable .benefit li dd {padding:5px 0;}

.floatKakao a {position:fixed; right:15px; bottom:15px; width:100px; height:100px; z-index:100000; background:#f1d900 url(../_img/ico_kakao.png) no-repeat 50% 10px; background-size:40px auto; border-radius:50%; text-align:center; color:#333; font-weight:500; font-size:14px; padding-top:52px;}

.floatBnr a {position:fixed; left:0; bottom:0; width:100%; height:80px; display:flex; justify-content:center; align-items:center; z-index:90000; background:#f58321; color:#FFF; font-size:26px; font-weight:500;}
.floatBnr a em {font-weight:700; color:#ffea00; text-shadow: 1px 1px 3px #000; margin:0 5px;}


.floatBnrmenu {position:fixed; left:0; bottom:0; width:100%; height:180px; display:flex; justify-content:center; align-items:top; z-index:80001; background:#272727; color:#FFF; font-size:26px; font-weight:500; padding-top:35px;}
.floatBnrmenu ul {font-weight:500; margin:0 auto; overflow:hidden; margin:0px 50px 0px 0px;}
.floatBnrmenu ul li {float:left; font-size:26px; margin-right:30px;}
.floatBnrmenu ul li a {color:#FFF; font-weight:500;}
.floatBnrmenu ul li:hover a {color:#f1d900; font-weight:500; font-weight:700; text-decoration: underline;}
.floatBnrmenu em {font-weight:700; color:#FFF; text-shadow: 1px 1px 3px #000; margin:0 5px;}



.usePass {display:block; height:auto; overflow:hidden; padding:40px 0;}
.usePass.sub {padding-top:0;}
.usePass li {float:left; width:25%; padding:20px;}
.usePass li img {border:1px solid #d9d9d9; border-radius:14px; max-width:100%;
-webkit-box-shadow: 7px 7px 0px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 7px 7px 0px 0px rgba(0,0,0,0.7);
-webkit-box-shadow: 13px 13px 0px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 13px 13px 0px 0px rgba(0,0,0,0.15);
box-shadow: 13px 13px 0px 0px rgba(0,0,0,0.15);
}

/* rexi */
.coverList {display:flex; justify-content:center; align-items:stretch; gap:34px; flex-wrap:wrap;}
.coverList .thumb {width:calc((100% / 6) - 29px);}
.coverList .thumb:after {display:none;}
.coverList .thumb img {width:100%;}

.rexiService {display:block; margin-top:60px; background:#f1f1f1; border-radius:32px; padding:40px;}
.rxTitle {color:#222; font-size:32px; font-weight:700; text-align:center; margin-bottom:0px;}
.rxTitle em {box-shadow:inset 0 -14px 0 #ffe56a;}
.rxDesc {text-align:center; color:#222; font-size:20px; font-weight:500; line-height:1.3; margin-top:16px;}
.rexiService .srvList {display:flex; justify-content:center; align-items:stretch; gap:40px 0px; flex-wrap:wrap; margin:20px 0 60px;}
.rexiService .srvList .perSrv {width:25%; display:block; padding:0 10px;}
.rexiService .srvList .perSrv .thumb {display:flex; justify-content:center; align-items:center; height:230px;}
.rexiService .srvList .perSrv .txt {margin-top:10px; color:#222; font-size:16px; font-weight:600; text-align:center;}

.rexiService .rexiGuide {display:block;}
.rexiService .guideCont {display:flex; justify-content:flex-start; align-items:stretch; gap:24px; flex-wrap:wrap; margin-top:40px;}
.rexiService .guideCont .perGuide {display:block; width:calc(25% - 18px); position:relative;}
.rexiService .guideCont .perGuide .guideNum {position:absolute; left:50%; top:-10px; transform:translate(-50%, 0); padding:6px 12px; color:#FFF; font-size:16px; font-weight:700; border-radius:100px; background:#f26a2d; z-index:1;}
.rexiService .guideCont .perGuide .conBox {display:block; border-radius:8px; padding:40px 20px; text-align:center; background:#FFF; border:1px solid #ddd; color:#333; font-size:18px; font-weight:600; line-height:1.4;}

.rexiPreview {display:block; margin-top:60px;}
.rexiPreview:after {display:none;}
.rxCont {display:flex; justify-content:flex-start; align-items:flex-start; gap:40px; margin-top:40px;}
.rxCont:after {display:none;}
.rxCont .rcTitle {display:inline-flex; justify-content:flex-start; align-items:center; gap:10px; color:#222; font-size:16px; margin-bottom:24px;}
.rxCont .rcTitle span {padding:6px 18px; border-radius:100px; color:#FFF; font-size:16px; font-weight:500;}
.rxCont .rcTitle span.purple {background:#6f3190;}
.rxCont .rcTitle span.orange {background:#f26a2d;}
.rxCont .rxVod {display:block; width:44%;}
.rxCont .rxVod:after {display:none;}
.rxCont .rxAudio {display:block; width:calc(56% - 40px);}
.rxCont .rxAudio:after {display:none;}
.rxCont .rxAudio .audList {display:flex; justify-content:flex-start; align-items:stretch;}
.rxCont .rxAudio .audList .perAud {width:16.66667%; padding:16px; text-align:center; border-radius:8px; background:#FFF; opacity:0.5; transition:.4s all; cursor:pointer;}
.rxCont .rxAudio .audList .perAud img {width:100%;}
.rxCont .rxAudio .audList .perAud p {color:#222; font-size:16px; font-weight:500; margin-top:10px;}
.rxCont .rxAudio .audList .perAud.on {opacity:1.0; background:#ffe56a;}

.rxCont .rxAudio .audCate {display:flex; justify-content:flex-start; align-items:flex-start; gap:40px; margin-top:24px;}
.rxCont .rxAudio .audCate .cateList {width:40%; display:flex; justify-content:flex-start; align-items:stretch; gap:4px; flex-wrap:wrap;}
.rxCont .rxAudio .audCate .cateList .perCate {width:calc(25% - 3px); background:#eee;  border-radius:4px;}
.rxCont .rxAudio .audCate .cateList .perCate a {display:block; padding:6px 10px; text-align:center; font-size:14px; color:#999; font-weight:500;}
.rxCont .rxAudio .audCate .cateList .perCate.on {background:#f26a2d;}
.rxCont .rxAudio .audCate .cateList .perCate.on a {color:#FFF;}

@media only screen and (max-width:1280px) {
	.gloHeader {padding:0 10px;}
	.gloHeader .logo {margin-right:30px;}
	.gloHeader .navi {margin-left:5%;}
	.gloHeader .navi li a {padding:25px; font-size:16px;}
	.gloHeader .myUtil .btnMyClass a {font-size:14px;}
	.gloHeader .myUtil .txtMenu a {font-size:14px;}
}

@media only screen and (max-width:1150px) {
	.gloHeader .logo a {width:114px; height:50px;}
	.gloHeader .navi {margin-left:0%;}
	.gloHeader .navi li a {padding:25px 15px;}
}

@media only screen and (max-width:1024px) {
	.gloHeader .navi {display:none;}
	.payTable {display:flex; flex-direction:column;}
	.payTable .pTable {width:100%; float:none; display:block; margin-bottom:20px;}
	.payTable .benefit {width:100%; float:none; display:block;}
	.joinBtns .joinUs {width:40%;}
}

@media only screen and (max-width:768px) {
	
	.readingWrap .headreading4 {text-align:center; font-size:17px; font-weight:300; padding: 0px 0 30px 0px; width: 100%;}
	.moInnerSec .morgr .icomo {max-width: 600px;}
	.expStep2 .expCycle2 {font-size:17px; padding-top:65px;}
	
	.gboIntro {background:url(../_img/gbo_bg.jpg) no-repeat 50% 50%; height:1050px; background: #21bda8;}
	
	.conWhy4 {background:url(../_img/gr_bg.jpg) no-repeat 50% 50%; width:100%; height:900px;}
	
	.secInner8 .mSub {font-size:20px; line-height:1.5;}
	.secInner8 .mTitle {font-size:28px; }
	.secInner8 .mDesc {text-align:center;}
	
	.secInner8 .mDesc2 {margin-left: -15px; padding-bottom: 500px;  }
	
	.secInner5 .mSub {font-size:19px;}
	.secInner5 .mTitle {font-size:40px;}

	.brcInnerSec {display:flex; justify-content:center; align-items:center; z-index:10;}
	.brcInnerSec .brgr {align-items:center; border-radius:30px; width:100%; height:530px; overflow:hidden;}
	.brcInnerSec .brgr.conb0001 {background:#fff;  border:1px solid #e0e0e0;}
	.brcInnerSec .brgr .ico {display:block; width:100%; height:150px; float:center; margin-top: 25px;}
	.brcInnerSec .brgr .txt {color:#383838; font-size:20px; height:1000px; font-weight:400; line-height:1.3; margin: auto;  text-align: center; }
	.brcInnerSec .brgr .txtp {color:#00ac97;}
	
	
	

	.readingWrap {background:#f8f8f8; border-radius:20px; margin: auto;}
	.readingWrap .headreading {text-align:center; font-size:25px; font-weight:300; position:relative; color:#00ac97; margin: auto;}
	.readingWrap .headreading2 {text-align:center; font-size:25px; font-weight:700; position:relative; color:#00ac97; margin: auto;}
	.readingWrap .headreading3 {text-align:center; font-size:20px; font-weight:700; position:relative; color:#2f2f2f; margin: auto;}
	.readingWrap .readingBoxIn {width:100%;  height:130px; display:flex; border-radius:20px; overflow:hidden; background:#00ac97; margin:0; }
	.readingWrap .readingImg {float:left; border-radius:20px; overflow:hidden; }
	.readingWrap .readingfll {float:left; margin:20px 0 0 0px; }
	.readingWrap .readingflr {float:right; margin:20px 0px 0px 0px;}
	.readingWrap .readingImg img {width:40%;}
	.readingWrap .readingCon {position:absolute; left:110px; top:14px; width:60%; height:auto; background:#00ac97; line-height:1.2; font-size:18px;font-weight:500;}
	.readingWrap .readingCon em {font-size:30px; font-weight:700;}

	
	
	
	
	.floatBnrmenu {padding:10px 15px; text-align: center; height:145px; }
	.floatBnrmenu ul {float:none; display:inline-block; text-align: center; width:83%;}
	.floatBnrmenu ul li  {font-size:15px;  margin-right:10px; text-align: center; margin-bottom: 5px;}
	.floatBnrmenu em {font-weight:700; color:#FFF; text-shadow: 1px 1px 3px #000; text-align: center;}
	
	.usePass {padding:20px 0;} 
	.usePass li {float:left; width:50%; padding:10px;}
	.floatKakao a {width:80px; height:80px; background-position:50% 10px; background-size:25px auto; font-size:12px; padding-top:40px; bottom:40px;}
	.floatBnr a {font-size:18px; padding:0 20px; word-break:keep-all; line-height:1.2; height:60px; justify-content:flex-start;}
	.forMo {display:block !important;}
	.forDesk {display:none !important;}
	.gloHeader {padding-right:5px;}
	.gloHeader .secInner {padding-right:0; height:70px;}
	.gloHeader .logo {margin-top:12px;}
	.gloHeader .logo a {width:103px; height:45px;}
	.gloHeader .myUtil {right:40px;}
	.gloHeader .myUtil .txtMenu {display:none;}
	.gloHeader .myUtil .txtMenu a {padding:8px 4px;}
	.gloHeader .myUtil .btnMyClass a {margin-right:5px; padding:8px 12px;}

	.mainVisual .swiper-slide {height:400px !important;}
	.mainVisual .visualTxt .vsTitle {font-size:40px;}
	.mainVisual .visualTxt .vsDesc {font-size:16px;}
	
	
	.visutext {height:300px !important;}
	.visutext .visutextsub {font-size:35px; font-weight:700;}
	.visutext .visutextsub2  {font-size:24px;}
	.visutext .visutextsub3 {font-size:20px;}
	

	.mSection {padding:80px 15px;}
	.secInner .mSub {font-size:16px;}
	.secInner .mTitle {font-size:36px;}
	.secInner2 .mSub {font-size:16px;}
	.secInner2 .mTitle {font-size:36px; padding-bottom:15px;}
	.conWhy2 {background:url(../_img/talt_bg.jpg) no-repeat 50% 50%; width:100%; height:100%;}
	.secInner2 .img {background:url(../_img/talt_bgm.png) no-repeat 50% 50%; width:322px; height:857px; margin: auto;}
	
		
	
	.mSection {padding:80px 15px;}
	.secInner .mSub {font-size:16px;}
	.secInner .mTitle {font-size:36px;}
	.secInner2 .mSub {font-size:16px;}
	.secInner2 .mTitle {font-size:36px; padding-bottom:15px;}
	.conWhy2 {background:url(../_img/talt_bg.jpg) no-repeat 50% 50%; width:100%; height:100%;}
	.secInner2 .img {background:url(../_img/talt_bgm.png) no-repeat 50% 50%; width:322px; height:857px; margin: auto;}
	
	.boSection {padding:80px 15px;}
	.bosecInner .mSub {font-size:20px;}
	.bosecInner .mTitle {font-size:38px;}
	.bosecInner .mDesc {font-size:16px;}
	
	.secInner7 .mTitle {color:#1ac5b0; font-size:32px; font-weight:700; padding:0; letter-spacing:-1px; text-align:center; padding:15px 0 20px 0px;}
	.secInner7 .mSub {font-size:20px;}
	
	.whyPartSec {flex-direction:column; padding:40px 0;}
	.whyPartSec .whyBox {width:270px%; padding:20px 20px 20px 40px; margin-bottom:15px;}
	.whyPartSec .whyBox:last-child {margin-bottom:0;}
	.whyPartSec .whyBox .ico {width:40px; height:40px;}
	.whyPartSec .whyBox.con01 .ico,
	.whyPartSec .whyBox.con02 .ico,
	.whyPartSec .whyBox.con03 .ico {background-size:100%;}
	.whyPartSec .whyBox .txt {font-size:18px;}
	.whyPartSec .whyBox .txt br {display:none;}
	.secInner .mDesc {font-size:16px;}
	.secInner .mDescPoint {font-size:24px;}
	
	.boSection {padding:80px 15px;}
	.bosecInner .mSub {font-size:16px;}
	.bosecInner .mTitle {font-size:36px;}
	
	
	
	.secInnerSec {flex-direction:column;}
	.secInner5 .mDescmo {height:235px; width:100%; margin: auto; margin-top: 50px;}
	.secInner10 .mTitle {color:#232323; font-size:45px; font-weight:700; padding:0; letter-spacing:-1px; text-align:center; }
	
	
	.conmov {}
	.moproudSec {width:90%; margin: auto;}
	.moproudSec .moperProud  {width:100%; height:400px;}
	.moInnerSec .morgr .icomo {align-items:center; width:90%;}
	.moproudSec .moperProud .icomo {width:100%; height:235px; margin: auto;}
	.moproudSec .moperProud .moprTxt {margin:27px 0 100px 0px; font-size:18px; color:#3c3c3c; font-weight:600; line-height:1.5; text-align:center; }
	.conmov .mofreeCharge {display:block; width:80%; background:url(../_img/bg_btn_gr.png) no-repeat 50% 50%; background-size:100%; margin:0 auto;}
	.conmov .mofreeCharge a {display:block; font-size:20px; text-align:center; color:#FFF; font-weight:600; padding-top:120px;}
	.conmov .mofreeCharge2 {display:block; width:80%; background:url(../_img/bg_btn_ye.png) no-repeat 50% 50%; background-size:100%; margin:0 auto;}
	.conmov .mofreeCharge2 a {display:block; font-size:20px; text-align:center; color:#FFF; font-weight:600; padding-top:120px;}
	

	
	.conIntro .mTitle {padding-bottom:20px; margin-bottom:25px;}
	.conIntro .mTitle:after {width:154px;}
	.secInner .mDesc.deco {padding:0 50px;}

	.mBookList {padding-bottom:20px;}
	.mBookList ul {margin-bottom:0;}
	.mBookList ul li {width:50%; margin-bottom:40px;}
	.mBookList .moreDetail a {font-size:18px; background-size:auto 10px; padding-right:30px; width:50%;}
	
	.joinBtns .freeJoin {width:96%; height:90px;}
	.joinBtns .freeJoin a {padding:0 20px 0 100px;}
	.joinBtns .freeJoin .ico {left:36px; width:40px; height:40px;}
	.joinBtns .freeJoin .btnTxt {font-size:24px;}

	.proudSec {flex-direction:column; padding:40px 0;}
	.proudSec .perProud {width:100%; padding:0 10px; margin-bottom:20px;}
	.proudSec .perProud .cycle {font-size:20px; line-height:1.3; width:60%; margin:0 auto;}
	.proudSec .perProud .prTxt {margin-top:15px; font-size:16px;}


	
	.blroudSec {flex-direction:column; padding:40px 0; }
	.blroudSec .blProud  {width:100%; padding:0 10px; margin-bottom:20px;}
	.blroudSec .blProud  .cycle2 {font-size:18px; line-height:1.3; width:60%; margin:0 auto;}
	.blroudSec .blProud  .prTxt {margin-top:15px; font-size:16px;}
	
	.secInner9 .mSub {color:#fff; font-size:20px; font-weight:300; text-align:center; margin: auto; line-height:1.3;}
	.secInner9 .mTitle {color:#fff; font-size:28px; font-weight:700; padding:0; letter-spacing:-1px; text-align:center; padding:15px 0 10px 0px;}
	
	
	.conProud .freeCharge {width:330px; height:152px;}
	.conProud .freeCharge a {font-size:20px; padding-top:105px;}

	.mSection.service {padding:50px 15px;}
	.mNotice {float:none; width:100%; padding:20px;}
	.mNotice .title {font-size:16px;}
	.mNotice .title .more a {font-size:13px; top:0px;}
	.mNotice li a {font-size:14px;}
	.mNotice li a .mNotiDate {font-size:12px;}
	.serviceBtns {float:none; width:100%; flex-wrap:wrap; padding:0 30px;}
	.serviceBtns .serBtnBox {width:50%; margin-bottom:20px;}
	
	
	.footer_bl .btmMenu2 {padding:0 15px; text-align:center;}
	.footer_bl .btmMenu2 ul li {font-size:14px; float:none; display:inline-block;}
	.footer_bl .btmMenu2 ul li a {padding:10px 15px 10px 0; margin-right:15px;}

	.footer_bl .secInner {justify-content:center; align-items:center; flex-direction:column;}
	.btmLogo img {width:100px;}
	.footer_bl .secInner2 .corpInfo {width:100%; padding:20px 15px;}
	.footer_bl .secInner2 .corpInfo p {font-size:11px; text-align:center; word-break:keep-all;}
	
	
	
	

	.footer .btmMenu {padding:0 15px; text-align:center;}
	.footer .btmMenu ul li {font-size:14px; float:none; display:inline-block;}
	.footer .btmMenu ul li a {padding:10px 15px 10px 0; margin-right:15px;}

	.footer .secInner {justify-content:center; align-items:center; flex-direction:column;}
	.btmLogo img {width:100px;}
	.footer .secInner .corpInfo {width:100%; padding:20px 15px;}
	.footer .secInner .corpInfo p {font-size:11px; text-align:center; word-break:keep-all;}

	.subVisual {height:320px;}
	.pageSubMenu .pInner .currentPage {display:block;}
	.pageSubMenu .pInner .currentPage a {display:block; padding:15px; color:#FFF; font-size:16px; position:relative;}
	.pageSubMenu .pInner .currentPage a:after {content:''; position:absolute; right:18px; top:15px; width:10px; height:18px; background:url(/main/_img/ar_tail_w.png) no-repeat 50% 50%; background-size:100%; transform:rotate(90deg); transition:.4s all;}
	.pageSubMenu .pInner ul {background:#f0f0f0; position:absolute; left:0; top:48px; width:100%; z-index:1000; display:none;}
	.pageSubMenu .pInner ul li {display:block; width:100%; border-bottom:1px solid #ccc; text-align:left;}
	.pageSubMenu .pInner ul li a {color:#333; font-size:14px; padding:15px 20px;}
	.pageSubMenu .pInner ul li a:hover {background:transparent;}
	.pageSubMenu .pInner ul li.on a {background:transparent; font-weight:500;}
	.pageSubMenu .pInner ul li:last-child {border-bottom:0;}

	.introWrap {margin:0 -15px;}
	.introWrap .introImg {width:100%; float:none; display:block; border-radius:0;}
	.introWrap .introCon {position:relative; right:unset; top:unset; transform:none; width:96%; margin:-40px auto 0; font-size:16px;}
	.introWrap .introCon em {font-size:22px;}
	

	

	.comnBlock {padding:40px 15px;}
	.pageTitleSec {padding:20px 0 40px 0;}
	.pageTitleSec h2 {font-size:24px !important; letter-spacing:0;}
	.comnBlock .comnInner .pageSubDesc {font-size:16px;}

	.whyWrap {padding-bottom:0 !important;}
	.whyWrap .whyImg img {width:100px;}
	.whyWrap .headWhy {font-size:20px; color:#00ac97; margin-top: 20px; }
	.whyWrap .headWhy2 {font-size:26px; color:#262626;  margin-top: 20; width:90%; margin: auto;}
	.whyWrap .whyPartSec .whyBoxIn {width:240px; height:240px; margin-bottom:15px;}
	.whyWrap .whyPartSec .whyBoxIn:last-child {margin-bottom:0;}
	.whyWrap .whyPartSec .whyBoxIn .txt {font-size:18px;}
	.whyWrap .whyDesc {font-size:16px; line-height:1.4; width:95%; margin: auto; margin-top: 20px;}
	.whyWrap .whyPoint {margin:30px -15px 0 -15px; height:600px;}
	.whyWrap .whyPoint:after {display:none;}
	.comnRound {padding:20px;}
	.comnRoundTy01 {padding:30px 20px 0 20px;}
	.whyWrap .whyPoint .inTxt {padding:40px 15px;}
	.whyWrap .whyPoint .inTxt .wpTxt {font-size:18px;}
	.whyWrap .whyPoint .inTxt .wpTxt.big {font-size:30px;}
	.whyWrap .whyPoint .inTxt .wpDesc {font-size:16px;}
	.feaCon {height:auto;}
	.feaCon .feaConBox {display:block; position:relative; left:unset; top:unset; transform:none; width:100%; padding:30px;}
	.feaCon .feaConBox .headFea {font-size:32px ;}
	.feaCon .feaConBox .inFea .tIn span {font-size:24px; background-size: 100%; background-position: 0; padding:0 0px;}
	.feaCon .feaConBox .inFea .tInTxt {font-size:16px;}
	.feaCon .feaConBox .inFea .tIn:after {display:none;}
	
	
	.boIntro {background:url(../_img/boo_bgg.jpg) no-repeat 50% 50%; height:100%; background:#222222;}
	

	.comnRoundTy01 {padding:30px 20px 0 20px;}

	
	.secInner3 .mTitle {font-size:42px;}
	.secInner3 .mSub {color:#3a3a3a; font-size:20px; font-weight:500; text-align:center; background-color:#fff; width:287px; padding-left:-150px;}
	.secInner3 .mDescPoint {color:#FFF; font-size:17px; padding:30px 0 0 0; text-align:center; height:170px; line-height:1.4;}
	.secInner3 .whygr {align-items:center; border-radius:50px; width:100%; height:110px; overflow:hidden; margin:0 auto; magin-left:-20px;}
	.secInner3 .whygr .ico {margin-left: -30px; margin-top: -30px; width:30%;}
	.secInner3 .whygr .txt {color:#FFF; font-size:18px; font-weight:300; line-height:1.1; width:600px; margin-top:0px; margin-left: -130px;}
	
	.secInnerSec .whygr {margin: 0 0px 20px 0px;}
	.secInnerSec .whygr .ico {margin-left:10px;}

	.tecInnerSec {}
	.tecInnerSec .tegr {align-items:center; border-radius:50px; width:970px; height:650px; overflow:hidden;}
	.tecInnerSec .tegr.con0001 {background:rgba(0, 0, 0, 0.3);}
	.tecInnerSec .tegr.icoc {width:970px;}
	.tecInnerSec .tegr .ico {display:block; width:100px; height:50px; float:left; }
	.tecInnerSec .tegr.con0001 .ico {background:url(../_img/ch.png) no-repeat 50% 50%; margin-left: -20px;}
	.tecInnerSec .tegr .txt {width:100%; color:#FFF; font-size:18px; font-weight:600; line-height:1.1; margin-top: 50px;}
	.tecInnerSec .tegr .txt2 {padding-left:78px; color:#FFF; font-size:15px; font-weight:400; line-height:1.1; width:calc(120% - 86px); margin-top: 15px;}

	
	
	.secInner4 .mSub {color:#3a3a3a;  font-size:20px; font-weight:500; text-align:center; background-color:#fff; width:287px; margin: auto;}
	.secInner4 .mTitle {font-size:40px;}
	.secInner4 .mDescPoint {color:#FFF; font-size:17px; font-weight:500; padding:40px 0 0 0px; margin: auto; width:80%; line-height:1.4;}


	

	.readingPartSec {display:flex; justify-content:center; align-items:center; z-index:10;}
.readingPartSec .whyBox {align-items:center; border-radius:14px; width:270px; height:270px; overflow:hidden; padding:20px 0 35px 0;}
.readingPartSec .whyBox.con01 {background:#cf1c6d;}
.readingPartSec .whyBox.con02 {background:#70c2cc;}
.readingPartSec .whyBox.con03 {background:#cfd725;}
.readingPartSec .whyBox .ico {display:block; width:270px; height:270px;}
.readingPartSec .whyBox.con01 .ico {background:url(../_img/mico01.png) no-repeat 50% 50%;}
.readingPartSec .whyBox.con02 .ico {background:url(../_img/mico02.png) no-repeat 50% 50%;}
.whyPartSec .whyBox.con03 .ico {background:url(../_img/mico03.png) no-repeat 50% 50%;}
.whyPartSec .whyBox .txt {color:#FFF; font-size:24px; font-weight:300; line-height:1.3; padding-left:20px; width:calc(100% - 86px);}

	

	.partFea .tFea {font-size:18px;}
	.innerPf.ty01 .symbol {width:40%; margin-bottom:20px;}
	.innerPf.ty01 .feaExp {padding-left:10px; font-size:16px;}
	.innerPf .symbol {width:70%;}
	.innerPf .feaStep {flex-wrap:wrap; flex-direction:column; justify-content:center;}
	.innerPf .feaStep .cycle {width:80%;}
	.innerPf .feaStep .ar {width:8%; transform:rotate(90deg);}

	.imgTest {display:block;}
	.imgTest .itBox:first-child {width:100%; display:block; margin-bottom:20px; padding:0;}
	.imgTest .itBox {width:100%; display:block; padding:0;}

	.feaCont2 .fcTitle2 {font-size:23px; line-height:1.4;}
	.feaCont .fcTitle {font-size:30px;}
	.feaCont .fcDesc {font-size:18px;}
	.feaCont .fcHead {font-size:18px; padding:15px 30px;}
	.feaScreen ul {margin-bottom:0;}
	.feaScreen ul li {width:100%; margin-bottom:40px;}

	.courseWrap .courseImg img {width:100px;}
	.courseWrap .courseDesc {font-size:16px;}
	.courseWrap .courseTable {overflow-y:auto;}
	.courseWrap .courseTable table {width:1340px;}
	.courseCau {padding:15px 0; font-size:16px; color:#333;}

	.singleStep p {padding:10px 30px; font-size:16px;}
	.singleStep p em {font-size:20px;}
	.testStep {max-width:100%; margin-top:20px;}
	.testFlow {flex-wrap:wrap; flex-direction:column;}
	.testFlow .cycle {width:65%; margin-bottom:0;}
	.testFlow .ar {width:8%; margin-bottom:0; transform:rotate(90deg);}
	.singleStep p.point {margin-top:30px; padding:30px;}
	.expReport {margin:20px 0 0 0;}
	.testFlow .cycle span em.part {font-size:16px;}
	.expReport .erTitle {font-size:16px;}
	.expReport .erTitle2 {font-size:25px;}
	.expReport .erTitle3 {font-size:16px; margin-bottom: 15px;}

	.programSet {padding:0;}
	.programSet .partProgram {float:none; width:100%; margin-bottom:20px;}
	.programTxt {margin-top:20px; font-size:16px;}

	.feedBackKind li .title {font-size:18px;}
	.feedBackKind li {float:none; display:block; width:100%; margin-right:0; margin-bottom:30px;}

	
	.feedBackKind2  li .title {font-size:18px;}
	.feedBackKind2  li {float:none; display:block; width:100%; margin-right:0; margin-bottom:30px;}
	
	
	.expTitle {font-size:20px; margin:20px 0;}
	.expStep {flex-wrap:wrap;}
	.expStep .expCycle {width:40%; margin-bottom:20px;}
	.expStep .ar {width:12%; padding:0 14px; margin-bottom:0; }
	.expStep .ar.none01 {display:none;}
	
	
	

	.expStep2 {flex-wrap:wrap; }
	.expStep2 .expCycle2 {margin: auto; padding:50px 0 0 0px;}
	.expStep2 .ar {width:12%; padding:0 14px; margin-bottom:0; }
	.expStep2 .ar.none01 {display:none;}
	
	

	.payTable {margin-bottom:50px;}
	.payTable .benefit .bTitle {font-size:26px;}
	.payTable .pTable th, .payTable .pTable td {font-size:14px;}
	.payTable .pTable th.discount, .payTable .pTable td.discount {font-size:14px;}

	.joinBtns {flex-direction:column;}
	.joinBtns .freeJoin {width:100%; margin-bottom:10px;}
	.joinBtns .joinUs {width:100%; height:70px;}
	.joinBtns .joinUs .btnTxt {padding-top:22px; font-size:18px;}
}