/* header */
header {position:fixed; left:0; top:0; width:100%; z-index:1000; padding:30px 0; transition:all ease 0.5s;}
header .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header ul {display:flex; flex-wrap:wrap; align-items:center;}
header ul li {margin:0 5px 0 0;}
header ul li:last-of-type {margin:0;}
header ul li a {width:85px; height:30px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #fff; color:#fff !important; border-radius:50px;}
header.scroll {background:#38507E;}
@media (max-width:991px){
header {padding:15px 0;}
header ul li a {width:70px; height:27px; font-size:13px;}
}

/* section */
section {padding:50px 0 100px;}
@media (max-width:991px){
section {padding:30px 0 70px;}
}

/* footer */
footer {background:#676767; padding:40px 0;}
footer h2 {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
footer h2 img {max-width:100%;}
footer ul {margin:20px 0 0;}
footer ul li {margin:0 0 8px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
footer ul li:last-of-type {margin:20px 0 0;}
footer ul li p {font-size:14px; color:#fff;}
footer ul li a {font-size:14px; color:#fff;}
@media (max-width:991px){
footer {padding:30px 0;}
}
@media (max-width:500px){
footer ul li {margin:0;}
footer ul li p {width:100%; text-align:center; font-size:13px;}
footer ul li p a {font-size:13px; color:#fff;}
footer ul li a {font-size:14px; color:#fff;}
}

/* main-swiper */
.main-box .main-swiper {margin:-50px 0 0;}
.main-box .main-swiper .swiper-container {overflow:hidden; position:relative;}
.main-box .main-swiper .swiper-pagination {z-index:20; bottom:5%;}
.main-box .main-swiper .swiper-pagination span {width:12px; height:12px; background:#fff; opacity:0.7; transition:all ease 0.5s;}
.main-box .main-swiper .swiper-pagination span.swiper-pagination-bullet-active {width:100px; opacity:1; border-radius:100px;}
.main-box .main-swiper .swiper-slide {background-size:cover; background-position:center;}
.main-box .main-swiper .swiper-slide:before {display:block; content:""; padding-bottom:43%;}
.main-box .main-swiper .swiper-slide:after {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); content:"";}
.main-box .main-swiper .swiper-slide .inner {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; z-index:5;}
.main-box .main-swiper .swiper-slide .inner b {width:100%; text-align:center; font-size:34px; font-weight:800; color:#BDBDBD;}
.main-box .main-swiper .swiper-slide .inner h2 {width:100%; font-size:64px; font-weight:800; color:#fff; text-align:center;}
.main-box .main-swiper .swiper-slide .inner p {width:100%; text-align:center; font-size:24px; font-weight:600; color:#fff; word-break:keep-all; margin:10px 0 0;}
@media (max-width:991px){
.main-box .main-swiper {margin:-30px 0 0;}
.main-box .main-swiper .swiper-pagination span {width:8px; height:8px;}
.main-box .main-swiper .swiper-pagination span.swiper-pagination-bullet-active {width:70px;}
.main-box .main-swiper .swiper-slide .inner b {font-size:24px;}
.main-box .main-swiper .swiper-slide .inner h2 {font-size:44px;}
.main-box .main-swiper .swiper-slide .inner p {font-size:20px;}
}
@media (max-width:767px){
.main-box .main-swiper .swiper-slide:before {padding-bottom:64%;}
.main-box .main-swiper .swiper-slide .inner b {font-size:18px;}
.main-box .main-swiper .swiper-slide .inner h2 {font-size:28px;}
.main-box .main-swiper .swiper-slide .inner p {font-size:15px;}
}

/* main-text */
.main-box .main-text {background:url('../images/bg_main_text.png') no-repeat center / cover; padding:100px 0;}
.main-box .main-text .container {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-text .list-left {width:40%; position:relative;}
.main-box .main-text .list-left img {width:100%;}
.main-box .main-text .list-left a {position:absolute; width:21%; height:8%; background:red; font-size:0; opacity:0;}
.main-box .main-text .list-left a.link01 {left:10%; top:18%;}
.main-box .main-text .list-left a.link02 {right:8%; top:18%;}
.main-box .main-text .list-left a.link03 {left:10%; bottom:19%;}
.main-box .main-text .list-left a.link04 {right:8%; bottom:19%;}
.main-box .main-text .list-left a.link05 {left:40%; bottom:63%;}
.main-box .main-text .list-left a.link06 {left:40%; bottom:52%;}
.main-box .main-text .list-left a.link07 {left:40%; bottom:41%;}
.main-box .main-text .list-left a.link08 {left:40%; bottom:29%;}
.main-box .main-text .list-right {width:60%; padding:0 0 0 50px;}
.main-box .main-text .list-right h2 {font-size:38px; color:#fff; font-weight:600; word-break:keep-all;}
.main-box .main-text .list-right h2 b {position:relative; font-size:38px;}
.main-box .main-text .list-right h2 b span {position:relative; font-size:38px; color:#fff; font-weight:600;}
.main-box .main-text .list-right h2 b:before {position:absolute; left:0; bottom:0; width:100%; height:10px; background:#0059FF; content:"";}
.main-box .main-text .list-right p {font-size:24px; font-weight:600; word-break:keep-all; color:#E0F0FF; margin:30px 0 0;}
.main-box .main-text .list-right p b {font-size:24px; font-weight:600; color:#46BCFF;}
@media (max-width:991px){
.main-box .main-text {padding:50px 0;}
.main-box .main-text .list-left {width:100%; max-width:500px; margin:0 auto;}
.main-box .main-text .list-left img {display:block; max-width:500px; margin:0 auto;}
.main-box .main-text .list-right {width:100%; padding:0; margin:24px 0 0;}
.main-box .main-text .list-right h2 {font-size:30px;}
.main-box .main-text .list-right h2 b {font-size:30px;}
.main-box .main-text .list-right h2 b span {font-size:30px;}
.main-box .main-text .list-right h2 b:before {height:5px;}
.main-box .main-text .list-right p {font-size:18px;}
.main-box .main-text .list-right p b {font-size:18px;}
}
@media (max-width:767px){
.main-box .main-text .list-right h2 {font-size:24px;}
.main-box .main-text .list-right h2 b {font-size:24px;}
.main-box .main-text .list-right h2 b span {font-size:24px;}
.main-box .main-text .list-right p {font-size:15px; margin:20px 0 0;}
.main-box .main-text .list-right p b {font-size:15px;}
}

/* main-product */
.main-box .main-product {padding:100px 0;}
.main-box .main-product .title {margin:0 0 42px;}
.main-box .main-product .title h2 {text-align:center; font-size:42px; font-weight:700; color:#000080;}
.main-box .main-product .title p {margin:10px 0 0; text-align:center; font-size:24px; font-weight:500; color:#666;}
.main-box .main-product .text {margin:24px 0 0;}
.main-box .main-product .text p {font-size:18px; font-weight:500; color:#333; text-align:center; word-break:keep-all;}
.main-box .main-product .content ul {flex:1; min-width:0;}
.main-box .main-product .content ul li {display:flex; flex-wrap:wrap; border-radius:500px; padding:14px; height:100%;}
.main-box .main-product .content ul li .inner {order:2; padding:0 70px; height:100%;}
.main-box .main-product .content ul li .inner strong {display:block; text-align:right; font-size:25px; font-weight:600; color:#fff; margin:30px 0 10px;}
.main-box .main-product .content ul li .inner p {text-align:right; font-size:18px; color:#fff; padding:0 0 20px;}
.main-box .main-product .content ul li.product01 {background:#000080;}
.main-box .main-product .content ul li.product01 > .inner {padding:0 100px 0 50px;}
.main-box .main-product .content ul li.product01 > .inner strong {margin-top:40px;}
.main-box .main-product .content ul li.product02 {background:#2323B5;}
.main-box .main-product .content ul li.product03 {background:#4646D9;}
.main-box .main-product .content ul li.product04 {background:#6F6FF4;}
.main-box .main-product .content ul li.product04 > .inner {width:100%; padding:0 50px;}
@media (max-width:1300px){
.main-box .main-product .content ul li .inner {padding:0 40px;}
.main-box .main-product .content ul li .inner strong {font-size:20px;}
.main-box .main-product .content ul li .inner p {font-size:15px;}
.main-box .main-product .content ul li.product04 > .inner {padding:0 30px;}
}
@media (max-width:991px){
.main-box .main-product {padding:50px 0;}
.main-box .main-product .title {margin:0 0 32px;}
.main-box .main-product .title h2 {font-size:30px;}
.main-box .main-product .title p {font-size:18px;}
.main-box .main-product .text {margin:15px 0 0;}
.main-box .main-product .text p {font-size:15px;}
.main-box .main-product .content ul {width:100%; flex:none; order:2;}
.main-box .main-product .content ul li {border-radius:15px;}
.main-box .main-product .content ul li .inner {order:1; width:100%; text-align:center; padding:0 15px 15px !important; height:auto;}
.main-box .main-product .content ul li .inner strong {text-align:center; font-size:18px; margin:0 0 10px;}
.main-box .main-product .content ul li .inner p {text-align:center; font-size:14px; padding:0;}
.main-box .main-product .content ul li.product01 > .inner strong {margin-top:0;}
}

/* main-reading */
.main-box .main-reading {background:#f5f5f5 url('../images/bg_main_reading.png') no-repeat center / cover; padding:100px 0;}
.main-box .main-reading .title {margin:0 0 50px;}
.main-box .main-reading .title h2 {text-align:center; font-size:42px; font-weight:700; color:#38507E; margin:0 0 12px;}
.main-box .main-reading .title h3 {text-align:center; font-size:42px; font-weight:bold; color:#333; word-break:keep-all;}
.main-box .main-reading .title h3:before {display:block; content:""; width:100px; height:2px; margin:42px auto; background:#38507E;}
.main-box .main-reading .title p {text-align:center; font-size:24px; color:#666; word-break:keep-all;}
.main-box .main-reading .title p b {font-size:24px; font-weight:600; color:#666;}
.main-box .main-reading .list ul {display:flex; flex-wrap:wrap;}
.main-box .main-reading .list ul li {flex:1; min-width:0; margin:0 24px 0 0; background:#fff; border-radius:24px; box-shadow:0 4px 24px rgba(0,0,0,0.1); padding:24px;}
.main-box .main-reading .list ul li:last-of-type {margin:0;}
.main-box .main-reading .list ul li .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 24px;}
.main-box .main-reading .list ul li .list-head strong {background:#38507E; color:#fff; height:47px; padding:0 42px; font-size:18px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.main-box .main-reading .list ul li .list-body dl dd {position:relative; font-size:16px; font-weight:500; color:#333; word-break:keep-all; margin:0 0 5px; padding:0 0 0 10px;}
.main-box .main-reading .list ul li .list-body dl dd:last-of-type {margin:0;}
.main-box .main-reading .list ul li .list-body dl dd:before {position:absolute; left:0; top:10px; width:3px; height:3px; background:#333; border-radius:50%; content:"";}
.main-box .main-reading .list ul li .list-foot {margin:24px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-reading .list ul li .list-foot a {height:37px; border:1px solid #bdbdbd; border-radius:4px; padding:0 0 0 8px; font-weight:500; color:#333; flex:1; min-width:0; margin:0 8px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-reading .list ul li .list-foot a:last-of-type {margin:0;}
.main-box .main-reading .list ul li .list-foot a:after {display:inline-block; content:""; width:18px; height:18px; background:url('../images/icon_main_reading_more.svg') no-repeat center / cover;}
@media (max-width:1450px){
.main-box .main-reading .list ul li .list-foot a {flex:none; width:100%; margin:0 0 5px;}
}
@media (max-width:991px){
.main-box .main-reading {padding:50px 0;}
.main-box .main-reading .title {margin:0 0 32px;}
.main-box .main-reading .title h2 {font-size:30px;}
.main-box .main-reading .title h3 {font-size:25px;}
.main-box .main-reading .title h3:before {width:50px; margin:24px auto;}
.main-box .main-reading .title p {font-size:18px;}
.main-box .main-reading .title p b {font-size:18px;}
.main-box .main-reading .list ul li {flex:none; width:100%; margin:0 0 15px; border-radius:10px; padding:15px;}
.main-box .main-reading .list ul li .list-head strong {height:40px; padding:0 24px; font-size:16px;}
.main-box .main-reading .list ul li .list-body dl dd {font-size:14px;}
}

/* main-write */
.main-box .main-write {padding:100px 0;}
.main-box .main-write .title {margin:0 0 42px;}
.main-box .main-write .title h2 {text-align:center; font-size:42px; font-weight:700; color:#38507E;}
.main-box .main-write .title p {margin:12px 0 0; text-align:center; font-size:24px; color:#666;}
.main-box .main-write .title p b {font-size:24px; font-weight:600; color:#0083FF;}
.main-box .main-write .content {display:flex; flex-wrap:wrap;}
.main-box .main-write .content .list-left {flex:1; min-width:0; padding:0 30px 0 0;}
.main-box .main-write .content .list-left p {font-size:24px; font-weight:500; color:#666; word-break:keep-all;}
.main-box .main-write .content .list-left strong {display:block; margin:50px 0 0; font-size:34px; color:#333; font-weight:500;}
.main-box .main-write .content .list-left strong b {font-size:34px; font-weight:700; color:#01AAFF;}
.main-box .main-write .content .list-left strong:last-of-type b {color:#0083FF;}
.main-box .main-write .content .list-right {width:562px;}
.main-box .main-write .content .list-right img {width:100%;}
@media (max-width:991px){
.main-box .main-write {padding:50px 0;}
.main-box .main-write .title {margin:0 0 24px;}
.main-box .main-write .title h2 {font-size:30px;}
.main-box .main-write .title p {font-size:18px;}
.main-box .main-write .title p b {font-size:18px;}
.main-box .main-write .content .list-left {flex:none; width:100%; padding:0; margin:0 0 24px;}
.main-box .main-write .content .list-left p {font-size:18px;}
.main-box .main-write .content .list-left strong {margin:25px 0 0; font-size:22px;}
.main-box .main-write .content .list-left strong b {font-size:22px;}
.main-box .main-write .content .list-right {width:100%;}
.main-box .main-write .content .list-right img {display:block; margin:0 auto; width:90%; max-width:500px;}
}

/* main-training */
.main-box .main-training ul li {padding:100px 0; background-size:cover; background-position:center;}
.main-box .main-training ul li h2 {font-size:42px; font-weight:700; width:100%;}
.main-box .main-training ul li small {display:block; margin:12px 0 0; font-size:24px; font-weight:500; color:#666; word-break:keep-all;}
.main-box .main-training ul li p {margin:30px 0 0; font-size:24px; font-weight:500; color:#333; word-break:keep-all;}
.main-box .main-training ul li .inner {display:flex; flex-wrap:wrap; align-items:center; margin:24px 0 0;}
.main-box .main-training ul li .inner a {height:70px; padding:0 60px; font-size:24px; font-weight:bold; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.main-box .main-training ul li .inner a:after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 10px; background:url('../images/icon_main_lecture_more.svg') no-repeat center / cover;}
.main-box .main-training ul li:nth-of-type(1) {background-image:url('../images/bg_main_lecture_01.png');}
.main-box .main-training ul li:nth-of-type(2) {background-image:url('../images/bg_main_lecture_02.png');}
.main-box .main-training ul li:nth-of-type(3) {background-image:url('../images/bg_main_lecture_03.png');}
.main-box .main-training ul li:nth-of-type(1) h2 {color:#FF00AA;}
.main-box .main-training ul li:nth-of-type(2) h2 {color:#FF9D00; text-align:right;}
.main-box .main-training ul li:nth-of-type(2) small {text-align:right;}
.main-box .main-training ul li:nth-of-type(2) p {text-align:right;}
.main-box .main-training ul li:nth-of-type(2) .inner {justify-content:flex-end;}
.main-box .main-training ul li:nth-of-type(3) h2 {color:#00C483;}
.main-box .main-training ul li:nth-of-type(1) .inner a {background:#FF00AA;}
.main-box .main-training ul li:nth-of-type(2) .inner a {background:#FF9D00;}
.main-box .main-training ul li:nth-of-type(3) .inner a {background:#00C483;}
@media (max-width:991px){
.main-box .main-training ul li {padding:50px 0; position:relative;}
.main-box .main-training ul li:before {position:absolute; left:0; top:0; content:""; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.main-box .main-training ul li .container {position:relative; z-index:10;}
.main-box .main-training ul li h2 {font-size:30px;}
.main-box .main-training ul li small {font-size:16px; color:#fff;}
.main-box .main-training ul li p {margin:10px 0 0; font-size:16px; color:#fff;}
.main-box .main-training ul li .inner {margin:15px 0 0;}
.main-box .main-training ul li .inner a {height:50px; padding:0 20px; font-size:15px;}
.main-box .main-training ul li .inner a:after {width:20px; height:20px; margin:0 0 0 5px;}
.main-box .main-training ul li:nth-of-type(2) h2 {text-align:left;}
.main-box .main-training ul li:nth-of-type(2) small {text-align:left;}
.main-box .main-training ul li:nth-of-type(2) p {text-align:left;}
.main-box .main-training ul li:nth-of-type(2) .inner {justify-content:flex-start;}
.main-box .main-training ul li:nth-of-type(1) {background-position:right center;}
.main-box .main-training ul li:nth-of-type(2) {background-position:left center;}
.main-box .main-training ul li:nth-of-type(3) {background-position:right center;}
}

/* main-voca */
.main-box .main-voca {background:linear-gradient(to bottom, #F5F5F5, #FFFFFF); padding:100px 0;}
.main-box .main-voca .title {margin:0 0 42px;}
.main-box .main-voca .title h2 {text-align:center; font-size:42px; font-weight:700; color:#FF9D00;}
.main-box .main-voca .title small {display:block; text-align:center; margin:12px 0 0; font-size:24px; font-weight:500; color:#666; word-break:keep-all;}
.main-box .main-voca .title p {text-align:center; margin:24px 0 0; font-size:24px; font-weight:500; color:#333; word-break:keep-all;}
.main-box .main-voca .list01 {margin:0 0 42px;}
.main-box .main-voca .list01 ul {display:flex; flex-wrap:wrap;}
.main-box .main-voca .list01 ul li {flex:1; min-width:0; margin:0 20px 0 0; border-radius:12px; background:#fff; border:1px solid #d9d9d9; overflow:hidden;}
.main-box .main-voca .list01 ul li:last-of-type {margin:0;}
.main-box .main-voca .list01 ul li strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:50px; background:#ff9d00; color:#fff; font-size:18px; font-weight:bold;}
.main-box .main-voca .list01 ul li .inner {padding:15px;}
.main-box .main-voca .list01 ul li .inner p {position:relative; font-size:18px; font-weight:600; color:#333; word-break:keep-all; padding:0 0 0 10px;}
.main-box .main-voca .list01 ul li .inner p:before {position:absolute; left:0; top:12px; content:""; width:4px; height:4px; background:#333; border-radius:50%;}
.main-box .main-voca .list01 ul li .inner p.gr {color:#666;}
.main-box .main-voca .list01 ul li .inner p.gr:before {background:#666;}
.main-box .main-voca .list02 {margin:0 0 42px;}
.main-box .main-voca .list02 h3 {margin:0 0 24px; text-align:center; font-size:32px; font-weight:500; color:#333;}
.main-box .main-voca .list02 ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.main-box .main-voca .list02 ul li {width:calc(16.66% - 20px); margin:0 10px 20px; background:#fff; border:1px solid #d9d9d9; border-radius:12px; overflow:hidden;}
.main-box .main-voca .list02 ul li strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:12px; background:#0059ff; color:#fff; height:43px; font-size:16px; font-weight:bold; color:#fff;}
.main-box .main-voca .list02 ul li .inner {padding:15px 10px;}
.main-box .main-voca .list02 ul li .inner p {font-size:16px; font-weight:500; word-break:keep-all; text-align:center;}
.main-box .main-voca .sound {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 42px;}
.main-box .main-voca .sound .inner {display:flex; flex-wrap:wrap; align-items:center; background:#fff; border:1px solid #d9d9d9; border-radius:50px; padding:14px 24px;}
.main-box .main-voca .sound .inner p {font-size:18px; font-weight:500; color:#666; word-break:keep-all;}
.main-box .main-voca .sound .inner:before {display:inline-block; content:""; width:50px; height:50px; margin:0 10px 0 0; background:url('../images/img_main_voca_sound.png') no-repeat center / cover;}
.main-box .main-voca .method h3 {margin:0 0 10px; text-align:center; font-size:32px; font-weight:600; color:#0059ff; word-break:keep-all;}
.main-box .main-voca .method ul {max-width:915px; margin:0 auto; background:#0083FF; border-radius:100px; padding:50px 80px; display:flex; flex-wrap:wrap;}
.main-box .main-voca .method ul li {flex:1; min-width:0; position:relative;}
.main-box .main-voca .method ul li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); content:""; width:2px; height:100px; background:#fff;}
.main-box .main-voca .method ul li:last-of-type:after {display:none;}
.main-box .main-voca .method ul li strong {text-align:center; display:block; font-size:28px; font-weight:bold; color:#fff; margin:0 0 12px;}
.main-box .main-voca .method ul li strong:before {display:block; content:""; width:42px; height:42px; margin:0 auto 4px; background-size:cover; background-position:center;}
.main-box .main-voca .method ul li p {text-align:center; margin:0 0 12px; font-size:16px; font-weight:500; color:#fff;}
.main-box .main-voca .method ul li .inner {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; max-width:243px; margin:0 auto;}
.main-box .main-voca .method ul li .inner a {flex:1; min-width:0; height:48px; font-size:20px; font-weight:600; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #fff; color:#fff; border-radius:50px;}
.main-box .main-voca .method ul li .inner a:after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 10px; background:url('../images/img_main_voca_more.svg') no-repeat center / cover;}
.main-box .main-voca .method ul li:nth-of-type(1) strong:before {background-image:url('../images/icon_main_voca_method_01.png');}
.main-box .main-voca .method ul li:nth-of-type(2) strong:before {background-image:url('../images/icon_main_voca_method_02.png');}
@media (max-width:991px){
.main-box .main-voca {padding:50px 0;}
.main-box .main-voca .title {margin:0 0 24px;}
.main-box .main-voca .title h2 {font-size:30px;}
.main-box .main-voca .title small {font-size:16px;}
.main-box .main-voca .title p {font-size:16px; margin:15px 0 0;}
.main-box .main-voca .list01 {margin:0 0 30px;}
.main-box .main-voca .list01 ul {margin:0 -5px -10px;}
.main-box .main-voca .list01 ul li {flex:none; width:calc(50% - 10px); margin:0 5px 10px;}
.main-box .main-voca .list01 ul li:last-of-type {margin:0 5px 10px;}
.main-box .main-voca .list01 ul li strong {height:40px; font-size:16px;}
.main-box .main-voca .list01 ul li .inner {padding:15px 10px;}
.main-box .main-voca .list01 ul li .inner p {font-size:15px;}
.main-box .main-voca .list01 ul li .inner p:before {width:3px; height:3px; top:10px;}
.main-box .main-voca .list02 {margin:0 0 30px;}
.main-box .main-voca .list02 h3 {margin:0 0 15px; font-size:24px;}
.main-box .main-voca .list02 ul {margin:0 -5px -10px;}
.main-box .main-voca .list02 ul li {flex:none; width:calc(50% - 10px); margin:0 5px 10px;}
.main-box .main-voca .list02 ul li .inner p {font-size:15px;}
.main-box .main-voca .sound {margin:0 0 30px;}
.main-box .main-voca .sound .inner {padding:10px; flex:1; min-width:0;}
.main-box .main-voca .sound .inner:before {width:35px; height:35px; margin:0 10px 0 0;}
.main-box .main-voca .sound .inner p {flex:1; min-width:0; font-size:15px;}
.main-box .main-voca .method h3 {font-size:24px;}
.main-box .main-voca .method ul {padding:0; border-radius:15px;}
.main-box .main-voca .method ul li {flex:none; width:100%; padding:0 0 15px; border-bottom:2px solid #fff; padding:30px 15px;}
.main-box .main-voca .method ul li:last-of-type {border:0;}
.main-box .main-voca .method ul li:after {display:none;}
.main-box .main-voca .method ul li strong {font-size:20px;}
.main-box .main-voca .method ul li strong:before {width:35px; height:35px;}
.main-box .main-voca .method ul li p {font-size:15px;}
.main-box .main-voca .method ul li .inner {max-width:180px;}
.main-box .main-voca .method ul li .inner a {height:45px; font-size:16px;}
.main-box .main-voca .method ul li .inner a:after {width:20px; height:20px;}
}

/* main-grammar */
.main-box .main-grammar {padding:100px 0; background:url('../images/bg_main_grammar.png') no-repeat center / cover;}
.main-box .main-grammar h2 {margin:0 0 42px; text-align:center; font-size:42px; font-weight:700; color:#5D00FF;}
.main-box .main-grammar p {font-size:24px; font-weight:500; text-align:center; color:#333; word-break:keep-all; margin:0 0 24px;}
.main-box .main-grammar .inner {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; max-width:260px; margin:0 auto;}
.main-box .main-grammar .inner a {background:#5E00FF; flex:1; min-width:0; height:48px; font-size:20px; font-weight:600; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #fff; color:#fff; border-radius:50px;}
.main-box .main-grammar .inner a:after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 10px; background:url('../images/img_main_voca_more.svg') no-repeat center / cover;}
@media (max-width:991px){
.main-box .main-grammar {padding:50px 0;}
.main-box .main-grammar h2 {font-size:30px; margin:0 0 20px;}
.main-box .main-grammar p {font-size:16px; margin:0 0 15px;}
.main-box .main-grammar .inner {max-width:200px;}
.main-box .main-grammar .inner a {height:45px; font-size:16px;}
.main-box .main-grammar .inner a:after {width:20px; height:20px;}
}

/* main-pattern */
.main-box .main-pattern {padding:100px 0; background:url('../images/bg_main_pattern.png') no-repeat center / cover;}
.main-box .main-pattern h2 {margin:0 0 42px; text-align:center; font-size:42px; font-weight:700; color:#fff;}
.main-box .main-pattern p {font-size:24px; font-weight:500; text-align:center; color:#333; word-break:keep-all; margin:0 0 24px; color:#fff;}
.main-box .main-pattern .inner {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; max-width:280px; margin:0 auto;}
.main-box .main-pattern .inner a {background:#38507E; flex:1; min-width:0; height:48px; font-size:20px; font-weight:600; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#fff; border-radius:50px;}
.main-box .main-pattern .inner a:after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 10px; background:url('../images/img_main_voca_more.svg') no-repeat center / cover;}
@media (max-width:991px){
.main-box .main-pattern {padding:50px 0;}
.main-box .main-pattern h2 {font-size:30px; margin:0 0 20px;}
.main-box .main-pattern p {font-size:16px; margin:0 0 15px;}
.main-box .main-pattern .inner {max-width:220px;}
.main-box .main-pattern .inner a {height:45px; font-size:16px;}
.main-box .main-pattern .inner a:after {width:20px; height:20px;}
}

/* main-sentence */
.main-box .main-sentence {padding:100px 0;}
.main-box .main-sentence .archive {margin:0 0 70px;}
.main-box .main-sentence .archive h2 {text-align:center; margin:0 0 42px; font-size:42px; font-weight:700; color:#ff0000;}
.main-box .main-sentence .archive .content {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-sentence .archive .content .content-left {flex:1; min-width:0; padding:0 25px 0 0;}
.main-box .main-sentence .archive .content .content-left p {font-size:24px; font-weight:500; color:#333; word-break:keep-all; margin:0 0 20px;}
.main-box .main-sentence .archive .content .content-left .inner {display:flex; flex-wrap:wrap; align-items:center; width:100%; max-width:280px;}
.main-box .main-sentence .archive .content .content-left .inner a {background:#FF0000; flex:1; min-width:0; height:48px; font-size:20px; font-weight:600; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#fff; border-radius:50px;}
.main-box .main-sentence .archive .content .content-left .inner a:after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 10px; background:url('../images/img_main_voca_more.svg') no-repeat center / cover;}
.main-box .main-sentence .archive .content .content-right ul {display:flex; flex-wrap:wrap;}
.main-box .main-sentence .archive .content .content-right ul li {flex:1; min-width:0; margin:0 10px 0 0;}
.main-box .main-sentence .archive .content .content-righr ul li:last-of-type {margin:0;}
.main-box .main-sentence .archive .content .content-right ul li img {width:177px;}
.main-box .main-sentence .archive .content .content-right p {margin:15px 0 0; text-align:right; font-size:16px; font-weight:500; color:#666;}
.main-box .main-sentence .analysis {margin:0 0 100px;}
.main-box .main-sentence .analysis h2 {font-size:42px; font-weight:700; color:#FC5E75; text-align:center;}
.main-box .main-sentence .analysis small {display:block; text-align:center; margin:12px 0 0; font-size:24px; font-weight:500; color:#666;}
.main-box .main-sentence .analysis ul {display:flex; flex-wrap:wrap; align-items:center; margin:42px 0 0;}
.main-box .main-sentence .analysis ul li {flex:1; min-width:0;}
.main-box .main-sentence .analysis ul li b {width:40px; height:40px; background:#FC5E75; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight:500; border-radius:50%; margin:0 auto;}
.main-box .main-sentence .analysis ul li strong {text-align:center; display:block; margin:5px 0 15px; font-size:18px; font-weight:bold; color:#FC5E75;}
.main-box .main-sentence .analysis ul li p {text-align:center; font-size:16px; font-weight:500; color:#333; word-break:keep-all;}
.main-box .main-sentence .analysis .inner {display:flex; flex-wrap:wrap; align-items:center; width:100%; max-width:220px; margin:40px auto 0;}
.main-box .main-sentence .analysis .inner a {background:#FC5E75; flex:1; min-width:0; height:48px; font-size:20px; font-weight:600; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#fff; border-radius:50px;}
.main-box .main-sentence .analysis .inner a:after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 10px; background:url('../images/img_main_voca_more.svg') no-repeat center / cover;}
.main-box .main-sentence .system h2 {font-size:42px; font-weight:700; color:#FC5E75; text-align:center;}
.main-box .main-sentence .system small {display:block; text-align:center; margin:12px 0 42px; font-size:24px; font-weight:500; color:#666;}
.main-box .main-sentence .system img {width:100%;}
.main-box .main-sentence .system ul {margin:42px 0 0;}
.main-box .main-sentence .system ul li {font-size:24px; font-weight:500; color:#333; word-break:keep-all; position:relative; padding:0 0 0 15px;}
.main-box .main-sentence .system ul li:before {position:absolute; content:""; left:0; top:16px; width:5px; height:5px; background:#333; border-radius:50%;}
@media (max-width:1400px){
.main-box .main-sentence .archive .content .content-right ul {width:300px; margin:0 -5px -10px;}
.main-box .main-sentence .archive .content .content-right ul li {width:calc(50% - 10px); margin:0 5px 10px; flex:none;}
.main-box .main-sentence .archive .content .content-right ul li img {width:100%;}
}
@media (max-width:991px){
.main-box .main-sentence {padding:50px 0;}
.main-box .main-sentence .archive {margin:0 0 50px;}
.main-box .main-sentence .archive h2 {font-size:30px; margin:0 0 20px;}
.main-box .main-sentence .archive .content .content-left {flex:none; width:100%; padding:0; margin:0 0 20px;}
.main-box .main-sentence .archive .content .content-left p {font-size:16px;}
.main-box .main-sentence .archive .content .content-left .inner {max-width:220px;}
.main-box .main-sentence .archive .content .content-left .inner a {height:45px; font-size:16px;}
.main-box .main-sentence .archive .content .content-left .inner a:after {width:20px; height:20px;}
.main-box .main-sentence .archive .content .content-right {width:100%;}
.main-box .main-sentence .archive .content .content-right ul {margin:0; width:100%;}
.main-box .main-sentence .archive .content .content-right ul li {flex:1; min-width:0; margin:0 5px 0 0;}
.main-box .main-sentence .archive .content .content-right ul li:last-of-type {margin:0;}
.main-box .main-sentence .archive .content .content-right p {font-size:14px;}
.main-box .main-sentence .analysis {margin:0 0 50px;}
.main-box .main-sentence .analysis h2 {font-size:30px;}
.main-box .main-sentence .analysis small {font-size:16px;}
.main-box .main-sentence .analysis ul li {flex:none; width:100%; margin:0 0 25px; padding:0 0 25px; border-bottom:1px solid #d9d9d9;}
.main-box .main-sentence .analysis ul li:last-of-type {margin:0; padding:0; border:0;}
.main-box .main-sentence .analysis ul li b {width:35px; height:35px;}
.main-box .main-sentence .analysis ul li strong {font-size:16px;}
.main-box .main-sentence .analysis ul li p {font-size:15px;}
.main-box .main-sentence .analysis .inner {max-width:200px;}
.main-box .main-sentence .analysis .inner a {height:45px; font-size:16px;}
.main-box .main-sentence .analysis .inner a:after {width:20px; height:20px;}
.main-box .main-sentence .system h2 {font-size:30px;}
.main-box .main-sentence .system small {font-size:16px; margin:12px 0 30px;}
.main-box .main-sentence .system ul {margin:20px 0 0;}
.main-box .main-sentence .system ul li {font-size:16px; padding:0 0 0 10px;}
.main-box .main-sentence .system ul li:before {width:3px; height:3px; top:10px;}
}

/* main-forum */
.main-box .main-forum {background:#F5F5F5; padding:100px 0; margin:0 0 -100px;}
.main-box .main-forum h2 {text-align:center; font-size:42px; font-weight:700; color:#333; margin:0 0 12px;}
.main-box .main-forum p {font-size:24px; text-align:center; font-weight:500; color:#666; margin:0 0 24px;}
.main-box .main-forum img {display:block; margin:0 auto; width:100%; max-width:705px;}
@media (max-width:991px){
.main-box .main-forum {padding:50px 0; margin:0 0 -70px;}
.main-box .main-forum h2 {font-size:30px;}
.main-box .main-forum p {font-size:16px;}
.main-box .main-forum img {width:85%;}
}