@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900);

#m-contents-wrap {position: relative;display: block;padding: 40px 0}
#m-contents {position: relative;display: block;width: 1100px;margin: 0 auto;}

/*메인 비주얼*/
.mvisual_slider {position: relative;display: block;overflow: hidden}
.mvisual_slider .item {width: 100%;height: 430px;background-position: center top;text-align: center}
.mvisual_slider .item a {display: block;width: 100%;height: 100%;background-position: center top}
.mvisual_slider .item img {display: inline-block;width: 100%}

.mvisual_slider .slick-arrow {position: absolute;top: 50%;width: 55px;height: 55px;margin-top: -30px;display: block;border: none;cursor: pointer;text-indent: -999999px;z-index: 200}
.mvisual_slider .slick-arrow.slick-prev {left: 5px;background: url("/re_images/books/pc/main/visual/mainvis_prev.png") no-repeat center}
.mvisual_slider .slick-arrow.slick-next {right: 5px;background: url("/re_images/books/pc/main/visual/mainvis_next.png") no-repeat center}

.mvisual_slider .slick-dots {position: absolute;bottom: 15px;left: 50%;width: 1100px;margin-left: -550px;display: table;text-align: center;overflow: hidden}
.mvisual_slider .slick-dots li {display: inline-block;vertical-align: top;margin: 0 5px}
.mvisual_slider .slick-dots li button {position: relative;cursor: pointer;width: 13px;height: 13px;border-radius: 50%;overflow: hidden;background: rgba(0,0,0,0.5);border: none;display: block;text-align: center;text-indent: -99999px}
.mvisual_slider .slick-dots li.slick-active button {background: #fff;}

.mvisual-cont {position: relative;display: block;width: 1100px;margin: 0 auto;padding: 50px 0}

.vis_count {position: relative;display: block;overflow: hidden;width: 100%;text-align: center}
.vis_count li {display: inline-block;vertical-align: top;width: 300px;text-align: center;margin: 0 10px;}
.vis_count li .img {display: block;margin-bottom: 10px;}
.vis_count li .text {display: block;}
.vis_count li .text .stxt {display: block;font-size: 20px;line-height: 140%;font-weight: 600;color: #333}
.vis_count li .text .btxt {display: block;font-size: 45px;line-height: 140%;}
.vis_count li .text .btxt b {font-size: 50px;}

.vis_count li:nth-child(1) .btxt {color: #ed6810}
.vis_count li:nth-child(2) .btxt {color: #7430b0}
.vis_count li:nth-child(3) .btxt {color: #d01d8b}


.tred {color: #b5272e}


.newMy_moi_wrap {position: relative;display: block;overflow: hidden;}
.newMy_moi_wrap .my_moi_cont  {position: relative;display: block;width: 1300px;margin: 0 auto;padding: 50px 0;overflow: hidden}
.newMy_moi_wrap .box {position: relative;width: 540px;box-sizing: border-box;float: left;border: 1px solid #ddd;border-radius: 7px;overflow: hidden;background: #fff}
.newMy_moi_wrap .box:last-child {float: right;width: 740px;}
.newMy_moi_wrap .box h3 {position: relative;display: block;padding: 0 15px;background: #e8ecef}
.newMy_moi_wrap .box h3 span {position: relative;display: block;font-size: 18px;font-weight: 600;letter-spacing: -0.06em;color: #151515;line-height: 45px;z-index: 1;}
.newMy_moi_wrap .box .info {position: relative;display: block;overflow: hidden;padding: 20px}
.newMy_moi_wrap .box .info li {width: 33.33%;float: left;text-align: center}
.newMy_moi_wrap .box .info li a {display: inline-block;border-radius: 50%;width: 140px;height: 140px;font-weight: 600;box-sizing: border-box;padding: 18px 0;font-size: 14px;color: #333;background: #f4f8fb  url("/re_images/common/etc/c_patten03.png") repeat}
.newMy_moi_wrap .box .info li a b {display: block;font-size: 40px;line-height: 130%;font-weight: normal}

.newMy_moi_wrap .box .info li:nth-child(1) a b {color: #0094d1;}
.newMy_moi_wrap .box .info li:nth-child(2) a b {color: #e86f27;}
.newMy_moi_wrap .box .info li:nth-child(3) a b {color: #5da62c;}

.newMy_moi_wrap .box .infoTbl {display: block;padding: 21px 20px}

.newMy_moi_wrap .box .list {position: relative;display: block;border: 1px solid #ddd;padding: 15px 20px;background: #fafafa;height: 20px;margin-bottom: 15px}
.newMy_moi_wrap .box .list a {display: inline-block;}
.newMy_moi_wrap .box .list a .type {float: left;padding: 0 10px;height: 20px;line-height: 20px;color: #fff;border-radius: 3px;font-size: 11px;margin-right: 5px}
.newMy_moi_wrap .box .list a .type.red {background: #f4324d;}
.newMy_moi_wrap .box .list a .type.blue {background: #0a4398;}
.newMy_moi_wrap .box .list a .txt {float: left;max-width: 370px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 20px;height: 20px;font-weight: 600;color: #222}
.newMy_moi_wrap .box table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;clear: both;text-align: center;border-top: 2px solid #333333;border-right: 1px solid #d5d5d5;}
.newMy_moi_wrap .box table th, .newMy_moi_wrap .box table td {border: 1px solid #d5d5d5;padding: 7px 5px;word-wrap: break-word;font-size: 13px;}
.newMy_moi_wrap .box table th {background: #fafafa;color: #333;font-weight: 600;font-size: 11px;padding: 7px 0}


.mtmate_title {position: relative;display: block;text-align: center;z-index: 10}
.mtmate_title .btit {display: block;font-size: 50px;line-height: 140%;color: #151515;letter-spacing: -0.08em;}
.mtmate_title .btit img {margin-top: -12px}
.mtmate_title .stxt { font-size: 20px;line-height: 140%;margin-top: 10px;}

.mtmate_cont {position: relative;display: block;width: 1300px;margin: 0 auto;z-index: 10}

.mtmate_cont01 {position: relative;display: block;padding: 70px 0 0;}

.mtmate_step {position: relative;display: block;margin: 60px 0 0;padding: 60px 0;}
.mtmate_step:before {position: absolute;top: 0;left: 50%;width: 2000px;height: 100%;background: #f5f5f5;content: "";margin-left: -1000px}
.mtmate_step .step_box {position: relative;display: block;overflow: hidden;margin-bottom: 50px;z-index: 10}
.mtmate_step .step_box:last-child {margin-bottom: 0}
.mtmate_step .step_box .title {display: block;font-size: 30px;font-weight: 600;color: #222;text-align: center;line-height: 140%;letter-spacing: -0.06em}
.mtmate_step .step_box .title b {color: #b5272e}
.mtmate_step .step_box .stext {display: block;font-size: 25px;color: #444;text-align: center;line-height: 140%;letter-spacing: -0.06em;margin: 5px 0 25px}
.whbox {position: relative;display: block;overflow: hidden;z-index: 10}
.whbox ul {overflow: hidden;}
.whbox li {width: 630px;float: left;text-align: center}
.whbox li:first-child {margin-right: 40px}
.whbox .img {display: block;text-align: center;background: #fff;}
.whbox .txt {display: block;font-weight: 600;color: #333;font-size: 16px;line-height: 150%;text-align: center;background: #d2d2d2;padding: 15px 0;}
.whbox .txt small {display: block;font-size: 14px;color: #777}

.mtmate_box {position: relative;}

.mtmate_tab { position: absolute;top: 80px;left: 120px;z-index: 10}
.mtmate_tab li{ display: inline-block;float: left;margin-right: 10px;font-size: 17px;border-radius: 38px;height: 38px;line-height: 38px;background: #ebeef2;color: #222;padding: 0 25px;font-weight: 600;cursor: pointer}
.mtmate_tab li.current{background: #b5272e;color: #fff;}

.mtmate_tabViw{ display: none;width: 1130px;margin: 0 auto 150px;border: 15px solid #f5f5f5;height: 180px;padding: 150px 70px;}
.mtmate_tabViw .number {display: block;font-size: 65px;color: #1040a3;line-height: 130%;font-family: "Spoqa Han Sans";margin-bottom: 10px;font-weight: 600}
.mtmate_tabViw .number span {font-weight: 600}
.mtmate_tabViw .btit { display: block;font-size: 36px;color: #222;line-height: 130%;letter-spacing: -0.07em;margin-bottom: 10px}
.mtmate_tabViw .txt { display: block;font-size: 20px;line-height: 150%;letter-spacing: -0.07em}
.mtmate_tabViw .img {position: absolute;top: 50px;right: -50px}
.mtmate_tabViw.current{ display: inherit;}


.mtmate_cont02 {position: relative;display: block;overflow: hidden;padding: 70px 0;background: #272a30;}
.mtmate_cont02 .mtmate_title .btit {color: #fff;}

.mtmate_cont02 .count {position: relative;display: block;overflow: hidden;margin: 30px auto 0;z-index: 10}
.mtmate_cont02 .count li {float: left;width: 415px;border: 1px solid rgba(255,255,255,0.1);border-radius: 7px;text-align: center;padding: 50px 0}
.mtmate_cont02 .count li:nth-child(2) {margin: 0 24px}
.mtmate_cont02 .count li .ico {display: block;}
.mtmate_cont02 .count li .number {display: block;font-size: 75px;font-family: "Spoqa Han Sans";line-height: 140%;margin-bottom: 10px}
.mtmate_cont02 .count li .txt {display: block;font-size: 22px;color: #fff;line-height: 120%}

.mtmate_cont02 .count li:nth-child(1) .number {color: #fb7623}
.mtmate_cont02 .count li:nth-child(2) .number {color: #4682ff}
.mtmate_cont02 .count li:nth-child(3) .number {color: #ec3b44}



.mtmate_cont03 {position: relative;display: block;overflow: hidden;padding: 0;}
.mtmate_list {position: relative;display: block;border-radius: 7px;background: #fff;overflow: hidden;border: 1px solid #4160a1;margin-bottom: 30px}
.mtmate_list .title {position: relative;display: block;padding: 30px 0 0;color: #fff;text-align: center}
.mtmate_list .title .btit {display: block;font-size: 25px;font-weight: 600;line-height: 150%;color: #4160a1;margin-bottom: 5px}
.mtmate_list .title .txt {position: relative;display: inline-block;font-size: 15px;line-height: 130%;color: #666;padding: 0 28px}
.mtmate_list .title .txt:after {position: absolute;top: 0;left: 0;width: 20px;height: 15px;content: "";background: url("/re_images/moi/pc/main/mtmate_list_tit011.png") no-repeat center;}
.mtmate_list .title .txt:before {position: absolute;top: 0;right: 0;width: 20px;height: 15px;content: "";background: url("/re_images/moi/pc/main/mtmate_list_tit022.png") no-repeat center;}
.mtmate_list .list {position: relative;display: block;padding: 20px;}
.mtmate_list .list ul {display: block;overflow: hidden}
.mtmate_list .list li {position: relative;float: left;width: calc(44% - 90px);margin: 15px 3%;padding-left: 90px }
.mtmate_list .list li .logo {position: absolute;top: 0;left: 0;width: 75px;height: 75px;border: 1px solid #ddd;border-radius: 50%;overflow: hidden}
.mtmate_list .list li .logo a {display: block;}
.mtmate_list .list li .logo img {width: 75px;height: 75px}
.mtmate_list .list li .cate {display: inline-block;height: 22px;border: 1px solid #ddd;border-radius: 22px;line-height: 22px;font-size: 12px;color: #777;padding: 0 10px}
.mtmate_list .list li .txt {display: block;margin-top: 5px}
.mtmate_list .list li .txt a {display: inline-block;font-size: 15px;color: #333;line-height: 130%;font-weight: 600;max-width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mtmate_list .list li .block {overflow: hidden;display: block;}
.mtmate_list .list li .examiner_name {float: left;}
.mtmate_list .list li .examiner_name a {display: inline-block;line-height: 24px;}
.mtmate_list .list li .price {float: right;display: inline-block;line-height: 24px;font-weight: 600}


/*.mtmate_list .list li a {position: relative;display: block;border-radius: 7px;background: #fff;padding: 20px;text-align: center}
.mtmate_list .list li a .cate {display: inline-block;height: 22px;border: 1px solid #ddd;border-radius: 22px;line-height: 22px;font-size: 12px;color: #777;padding: 0 10px}
.mtmate_list .list li a .txt {display: block;font-size: 17px;color: #333;height: 48px;line-height: 130%;overflow: hidden;margin-top: 5px}
.mtmate_list .list li a:hover {background: #e9eaed;}
.mtmate_list .list li a:hover .cate {background: #4160a1;border: 1px solid #4160a1;color: #fff;}*/


.ranking_zone {position: relative;display: block;overflow: hidden}
.ranking_zone .listBox {position: relative;display: block;border-radius: 7px;background: #fff;overflow: hidden;float: left;}
.ranking_zone .listBox .title {position: relative;display: block;background: #4160a1;padding: 12px 20px;color: #fff;font-size: 17px;font-weight: 600;text-align: center}
.ranking_zone .listBox .list {position: relative;display: block;padding: 15px 20px;height: 184px}
.ranking_zone .listBox .list li {position: relative;display: block;border-top: 1px solid #eee;padding: 5px 5px 5px 25px;line-height: 26px;box-sizing: border-box;}
.ranking_zone .listBox .list li:first-child {border-top: none}
.ranking_zone .listBox .list li .num {position: absolute;top: 5px;left: 0;width: 20px;height: 26px;line-height: 26px;display: block;font-weight: 600;font-style: italic;color: #222;text-align: center}
.ranking_zone .listBox .list li .text {display: block;width: 100%;line-height: 26px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.ranking_zone .listBox .list li .link {display: block;width: 100%;line-height: 26px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}

.ranking_zone .listBox .list li .examiner_page {position: absolute;top: 5px;right: 5px;width: 20px;height: 26px;display: block;line-height: 26px;}
.ranking_zone .listBox .list li .examiner_page:hover {color: #fb7623}
.ranking_zone .listBox .list li .examiner_page span {display: none;}
.ranking_zone .listBox .list li .examiner_page:before {display: block;width: 20px;height: 26px;line-height: 26px;font-family: FontAwesome,LineAwesome;content: "\f237";text-indent: 0}

.ranking_zone .listBox .cstelist {position: relative;display: block;text-align: center;padding: 30px 15px;height: 154px}
.ranking_zone .listBox .cstelist li {display: inline-block;width: 46%;margin: 5px 2px}
.ranking_zone .listBox .cstelist li a { display: block;height: 38px;border: 1px solid #ddd;border-radius: 38px;line-height: 38px;font-size: 14px;}
.ranking_zone .listBox .cstelist li a.on {background: #ffc015;border: 1px solid #e3a90c;color: #222;}

.ranking_zone .listBox.st01 {width: 568px;margin: 0 30px}
.ranking_zone .listBox.st01 .title {background: #b5272e}
.ranking_zone .listBox.st01 .list li:nth-child(1) .num,
.ranking_zone .listBox.st01 .list li:nth-child(2) .num,
.ranking_zone .listBox.st01 .list li:nth-child(3) .num {color: #b5272e}

.ranking_zone .listBox.st02 {width: 335px;}
.ranking_zone .listBox.st02 .title {background: #fb7623}
.ranking_zone .listBox.st02 .list li:nth-child(1) .num,
.ranking_zone .listBox.st02 .list li:nth-child(2) .num,
.ranking_zone .listBox.st02 .list li:nth-child(3) .num {color: #fb7623}

.ranking_zone .listBox.st03 {width: 335px}
.ranking_zone .listBox.st03 .title {background: #ffc015}

.ranking_zone2 {position: relative;display: block;overflow: hidden}
.ranking_zone2 .listBox {position: relative;display: block;border-radius: 7px;background: #fff;border: 1px solid #ddd;overflow: hidden;float: left;}
.ranking_zone2 .listBox .title {position: relative;display: block;padding: 12px 0 0;color: #fff;font-size: 20px;line-height: 150%;font-weight: 600;text-align: center}
.ranking_zone2 .listBox .list {position: relative;display: block;padding: 15px 20px;height: 184px}
.ranking_zone2 .listBox .list li {position: relative;display: block;border-top: 1px solid #eee;padding: 5px 5px 5px 25px;line-height: 26px;box-sizing: border-box;}
.ranking_zone2 .listBox .list li:first-child {border-top: none}
.ranking_zone2 .listBox .list li .num {position: absolute;top: 5px;left: 0;width: 20px;height: 26px;line-height: 26px;display: block;font-weight: 600;font-style: italic;color: #222;text-align: center}
.ranking_zone2 .listBox .list li .text {display: block;width: 100%;line-height: 26px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.ranking_zone2 .listBox .list li .link {display: block;width: 100%;line-height: 26px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}

.ranking_zone2 .listBox .list li .examiner_page {position: absolute;top: 5px;right: 5px;width: 20px;height: 26px;display: block;line-height: 26px;}
.ranking_zone2 .listBox .list li .examiner_page:hover {color: #fb7623}
.ranking_zone2 .listBox .list li .examiner_page span {display: none;}
.ranking_zone2 .listBox .list li .examiner_page:before {display: block;width: 20px;height: 26px;line-height: 26px;font-family: FontAwesome,LineAwesome;content: "\f237";text-indent: 0}

.ranking_zone2 .listBox .cstelist {position: relative;display: block;text-align: center;padding: 30px 15px;height: 154px}
.ranking_zone2 .listBox .cstelist li {display: inline-block;width: 46%;margin: 5px 2px}
.ranking_zone2 .listBox .cstelist li a { display: block;height: 38px;border: 1px solid #ddd;border-radius: 38px;line-height: 38px;font-size: 14px;}
.ranking_zone2 .listBox .cstelist li a.on {background: #ffc015;border: 1px solid #e3a90c;color: #222;}

.ranking_zone2 .listBox.st01 {width: 566px;margin: 0 30px}
.ranking_zone2 .listBox.st01 .title {color: #b5272e}
.ranking_zone2 .listBox.st01 .list li:nth-child(1) .num,
.ranking_zone2 .listBox.st01 .list li:nth-child(2) .num,
.ranking_zone2 .listBox.st01 .list li:nth-child(3) .num {color: #b5272e}

.ranking_zone2 .listBox.st02 {width: 333px;}
.ranking_zone2 .listBox.st02 .title {color: #fb7623}
.ranking_zone2 .listBox.st02 .list li:nth-child(1) .num,
.ranking_zone2 .listBox.st02 .list li:nth-child(2) .num,
.ranking_zone2 .listBox.st02 .list li:nth-child(3) .num {color: #fb7623}

.ranking_zone2 .listBox.st03 {width: 333px}
.ranking_zone2 .listBox.st03 .title {color: #ffc015}



.mtmate_cont04 {position: relative;display: block;overflow: hidden;padding: 0 0 70px;}
.mtmate_cont04 .careCont {position: relative;display: block;overflow: hidden;margin-top: 20px}
.mtmate_cont04 .careCont ul {overflow: hidden}
.mtmate_cont04 .careCont li {float: left;width: 313px;height: 333px;text-align: center;border-radius: 7px;overflow: hidden;margin-right: 15px}
.mtmate_cont04 .careCont li:last-child {margin-right: 0}
.mtmate_cont04 .careCont li a {position: relative;display: block;padding: 55px 0}
.mtmate_cont04 .careCont li a:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);content: "";;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.mtmate_cont04 .careCont li a .btit {position: relative;display: block;font-size: 30px;font-weight: 600;color: #fff;line-height: 130%;z-index: 10}
.mtmate_cont04 .careCont li a .img {position: relative;display: block;margin:  20px 0;z-index: 10}
.mtmate_cont04 .careCont li a .txt {position: relative;display: block;font-size: 16px;color: #fff;line-height: 150%;z-index: 10}

.mtmate_cont04 .careCont li a:hover:before {background: url("/re_images/moi/pc/main/careCont_bg.png") no-repeat center}
.mtmate_cont04 .careCont li:nth-child(1) a {background: url("/re_images/moi/pc/main/care_img01.jpg?0813") no-repeat center}
.mtmate_cont04 .careCont li:nth-child(2) a {background: url("/re_images/moi/pc/main/care_img04.jpg?0813") no-repeat center}
.mtmate_cont04 .careCont li:nth-child(3) a {background: url("/re_images/moi/pc/main/care_img02.jpg?0813") no-repeat center}
.mtmate_cont04 .careCont li:nth-child(4) a {background: url("/re_images/moi/pc/main/care_img03.jpg?0813") no-repeat center}

.mtmate_cont05 {position: relative;display: block;overflow: hidden;padding: 70px 0;background: url("/re_images/moi/pc/main/guide_bg.jpg") no-repeat center top;}
.mtmate_cont05 .mtmate_title .btit {color: #fff;}
.mtmate_cont05 .guideCont {position: relative;display: block;overflow: hidden;width: 1104px;margin: 20px auto 0;}
.mtmate_cont05 .guideCont ul {overflow: hidden}
.mtmate_cont05 .guideCont li {position: relative;float: left;width: 225px;height: 145px;text-align: center;padding: 40px 0;margin-right: 67px}
.mtmate_cont05 .guideCont li:last-child {margin-right: 0}
.mtmate_cont05 .guideCont li:before {position: absolute;top: 50%;right: -58px;width: 35px;height: 11px;margin-top: -6px;content: "";background: url("/re_images/moi/pc/main/guide_arw.png") no-repeat}
.mtmate_cont05 .guideCont li:last-child:before {display: none;}
.mtmate_cont05 .guideCont li .num {display: block;font-size: 20px;font-weight: 600;color: #fff;line-height: 130%}
.mtmate_cont05 .guideCont li .btit {display: block;font-size: 20px;font-weight: 600;color: #ffc600;line-height: 130%;margin: 15px 0}
.mtmate_cont05 .guideCont li .txt {display: block;font-size: 16px;color: #fff;line-height: 130%}


.mtmate_cont05 .guideCont li:nth-child(1) {background: url("/re_images/moi/pc/main/guide_img01.png") no-repeat center top}
.mtmate_cont05 .guideCont li:nth-child(2) {background: url("/re_images/moi/pc/main/guide_img02.png") no-repeat center top}
.mtmate_cont05 .guideCont li:nth-child(3) {background: url("/re_images/moi/pc/main/guide_img03.png") no-repeat center top}
.mtmate_cont05 .guideCont li:nth-child(4) {background: url("/re_images/moi/pc/main/guide_img04.png") no-repeat center top}


/*---------------------------------------------------*/

.main_btnBox {position: relative;display: block;background: linear-gradient(to right, #ff840b, #f2175e);}
.main_btnBox ul {overflow: hidden;width: 1100px;margin: 0 auto;padding: 30px 50px;}
.main_btnBox li {width: 346px;float: left;}
.main_btnBox li:nth-child(2) {margin: 0 30px}
.main_btnBox li a {position: relative;display: block;padding: 20px 30px;border-radius: 10px 10px 30px 10px;box-shadow: 7px 15px 25px rgba(0, 0, 0, 0.1);-webkit-transition-duration: 0.15s;transition-duration: 0.15s;}
.main_btnBox li .txt {display: block;font-weight: 600;font-size: 22px;color: #222;letter-spacing: -0.07em;line-height: 150%;margin-bottom: 5px}
.main_btnBox li .stxt {display: block;font-size: 15px}

.main_btnBox li a:hover {margin-top: -5px;margin-left: -5px}

.main_btnBox li:nth-child(1):hover a {box-shadow: 7px 15px 25px rgba(0, 0, 0, 0.4);}
.main_btnBox li:nth-child(2):hover a {box-shadow: 7px 15px 25px rgba(0, 0, 0, 0.4);}
.main_btnBox li:nth-child(3):hover a {box-shadow: 7px 15px 25px rgba(0, 0, 0, 0.4);}

.main_btnBox li:nth-child(1) a:hover .txt {color: #326ac9;}
.main_btnBox li:nth-child(2) a:hover .txt {color: #1a955f;}
.main_btnBox li:nth-child(3) a:hover .txt {color: #dd7e22;}

.main_btnBox li:nth-child(1) a {background: #fff url("/re_images/moi/pc/main/ico01.png") no-repeat 260px 20px;}
.main_btnBox li:nth-child(2) a {background: #fff url("/re_images/moi/pc/main/ico02.png") no-repeat 260px 20px;}
.main_btnBox li:nth-child(3) a {background: #fff url("/re_images/moi/pc/main/ico03.png") no-repeat 260px 20px;}

/*
.main_btnBox li:nth-child(1) a:hover {background: #326ac9 url("/re_images/moi/pc/main/ico01_on.png") no-repeat 260px 28px;}
.main_btnBox li:nth-child(2) a:hover {background: #1a955f url("/re_images/moi/pc/main/ico02_on.png") no-repeat 260px 28px;}
.main_btnBox li:nth-child(3) a:hover {background: #dd7e22 url("/re_images/moi/pc/main/ico03_on.png") no-repeat 260px 28px;}
*/


.mtmate_list3 {position: relative;display: block;overflow: hidden;width: 1100px;margin: 50px auto}
.mtmate_list3 .title {position: relative;display: block;color: #fff;text-align: center;font-family: 'paybooc-Bold'}
.mtmate_list3 .title .btit {display: block;font-size: 28px;font-weight: 600;line-height: 150%;color: #ea3851;margin-bottom: 5px}
.mtmate_list3 .title .txt {position: relative;display: inline-block;font-size: 15px;line-height: 130%;color: #666;padding: 0 28px}
.mtmate_list3 .title .txt:after {position: absolute;top: 0;left: 0;width: 20px;height: 15px;content: "";background: url("/re_images/moi/pc/main/mtmate_list_tit011.png") no-repeat center;}
.mtmate_list3 .title .txt:before {position: absolute;top: 0;right: 0;width: 20px;height: 15px;content: "";background: url("/re_images/moi/pc/main/mtmate_list_tit022.png") no-repeat center;}
.mtmate_list3 .list {position: relative;display: block;padding: 20px 0 0;}
.mtmate_list3 .list ul {display: block;overflow: hidden}
.mtmate_list3 .list li {position: relative;float: left;width: 48%;margin: 10px 1%;border: 1px solid #ddd;text-align: center;border-radius: 52px;box-sizing: border-box }
.mtmate_list3 .list li a {display: block;font-size: 15px;padding: 15px 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.mtmate_list3 .list li a:hover {color: #ea3851}

.main_examBox {position: relative;display: block;background: #f6f6f6 url("/re_images/moi/pc/main/main_examBox_bg.png") no-repeat center top;padding: 50px 0}
.examBox_inner {position: relative;display: block;width: 1100px;margin: 0 auto;}

@font-face {
    font-family: 'paybooc-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.main_catebtn {position: relative;display: block;}
.main_catebtn .txt {display: block;font-size: 28px;color: #333;line-height: 120%;text-align: center;font-family: 'paybooc-Bold'}
.main_catebtn .txt b {position: relative;display: inline-block;color: #176abf}
.main_catebtn .txt b:before {position: absolute;top: -7px;left: 50%;width: 5px;height: 5px;margin-left: -2px;border-radius: 50%;background: #176abf;content: ""}

.main_catebtn ul {text-align: center;margin-top: 30px}
.main_catebtn li {display: inline-block;vertical-align: top;margin: 0 3px 10px ;}
.main_catebtn li a {display: block;padding: 0 25px;height: 40px;line-height: 40px;background: #fff;color: #333;-webkit-transition-duration: 0.15s;transition-duration: 0.15s;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);font-size: 17px;font-weight: 600;border-radius: 40px}
.main_catebtn li a:hover {margin-top: -5px;}
.main_catebtn li.active a {background: #c81331;color: #fff }

.exam_contwrap {position: relative;display: block;width: 850px;margin: 30px auto 0;padding: 90px 40px 40px;border-radius: 20px;background: #fff;box-shadow: 7px 15px 25px rgba(0, 0, 0, 0.1);overflow: hidden}
.exam_contwrap .exam_btit {position: absolute;top: 0;left: 0;display: block;overflow: hidden;background: #555;width: 100%;padding: 20px 40px;color: #fff;font-size: 17px;}
.exam_contwrap .exam_btit b {color: #feda11}
.exam_cont {position: relative;display: block;width: 620px;}

.as_answerBox {position: absolute;top: 90px;right: 40px;}
.answer_inner {position: relative;padding: 0 15px;border-radius: 12px;border: 2px solid #000;;overflow: hidden;box-shadow: 0 4px 15px rgba(0,0,0,0.1)}
.as_answerBox .tit {display: block;overflow: hidden;font-weight: 600;font-size: 17px;line-height: 45px;color: #111;border-bottom: 2px solid #000}
.as_answerBox ul {display: block;padding: 5px 0;overflow: hidden}
.as_answerBox ul li {display: block;padding: 10px 0;border-bottom: 1px dotted #ddd;}
.as_answerBox ul li:last-child {border-bottom: none}
.as_answerBox ul li b {display: block;font-weight: 600;color: #333;text-align: left;margin-bottom: 5px}
.as_answerBox ul li ul {overflow: hidden;padding: 0}
.as_answerBox ul li ul li {float: left;margin-right: 10px;padding: 0;border-bottom: none}
.as_answerBox ul li ul li a {display: block;width: 25px;height: 25px;border: 2px solid #d3d3d3;background: #fff;text-align: center;line-height: 24px;color: #555;border-radius: 50%;font-weight: 600}
.as_answerBox ul li ul li.choice a {background: #c81331;color: #fff;border: 2px solid #c81331}

.btn_submit {position: relative;display: block;border-radius: 12px;background: #f2175e;color: #fff;margin-top: 15px;text-align: center;font-size: 17px;font-weight: 600;line-height: 45px;box-shadow: 0 4px 15px rgba(0,0,0,0.1)}

.mabout_list {position: relative;display: block;overflow: hidden;width: 1100px;margin: 0 auto 50px;}
.mabout_list ul {display: block;overflow: hidden}
.mabout_list ul li {float: left;text-align: center;width: 31.33%;margin: 0 1%;background: #fef0f0;border-radius: 10px;padding: 30px 15px;box-sizing: border-box}
.mabout_list ul li .img {display: block;margin-bottom: 20px}
.mabout_list ul li .txtBox {display: block;font-size: 17px;line-height: 150%;font-weight: 600;letter-spacing: -0.06em}

/**/
.item_cont .number {top: 2px}
.editor_question, .editor_question p, .editor_question span {font-weight: 600 !important}
.editor_answer {margin-bottom: 0 !important}
.exam_item {position: relative;display: block;overflow: hidden;font-size: 15px;line-height: 150%}
.exam_item {border-bottom: 1px dotted #d3d3d3;padding-bottom: 35px;margin-bottom: 35px}
.exam_item:last-child {border-bottom: none  !important;padding-bottom: 0 !important;margin-bottom: 0 !important}


/**/
.main_b_sample {position: relative;display: block;width: 850px;margin: 30px auto 0;padding: 60px 40px;border-radius: 20px;background: #fff url("/re_images/moi/pc/main/main_b_sample_img.png") no-repeat center;box-shadow: 7px 15px 25px rgba(0, 0, 0, 0.1);overflow: hidden}
.main_b_sample .txt {display: block;text-align: center;font-size: 27px;line-height: 140%;letter-spacing: -0.07em;color: #222}
.main_b_sample .btn {display: block;text-align: center;margin-top: 20px}
.main_b_sample .btn a {display: inline-block;padding: 0 30px;line-height: 50px;height: 50px;background: #0c9cff;color: #fff;border-radius: 50px;font-size: 19px;box-shadow: 0 5px 15px 0 rgba(0, 145, 255, 0.35)}

.main_b_chart {position: relative;display: block;width: 850px;margin: 30px auto 0;padding: 40px;border-radius: 20px;background: #fff;box-shadow: 7px 15px 25px rgba(0, 0, 0, 0.1);overflow: hidden}
.main_b_chart .btit {display: block;font-weight: 600;color: #222;font-size: 20px;letter-spacing: -0.07em;line-height: 130%;margin-bottom: 10px}
.main_b_chart table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;clear: both;text-align: center;border-right: 1px solid #c3cad5;font-size: 13px;}
.main_b_chart th, .main_b_chart td {border: 1px solid #c3cad5;padding: 10px 8px;word-wrap: break-word;font-size: 13px;}
.main_b_chart th {background: #dde8fa;color: #333;font-weight: 600}
.main_b_chart .bg {background: #f2f6fd}

.main_b_sample2  {position: relative;display: block;width: 850px;margin: 30px auto 0;padding: 40px;border-radius: 20px;background: #fff;box-shadow: 7px 15px 25px rgba(0, 0, 0, 0.1);overflow: hidden}
.main_b_sample2 .btit {display: block;font-weight: 600;color: #222;font-size: 20px;letter-spacing: -0.07em;line-height: 130%;margin-bottom: 10px;text-align: center}
.main_b_sample2 .r_txt {display: block;margin-top: 20px;border-radius: 45px;height: 45px;line-height: 45px;font-weight: 600;color: #333;text-align: center;width: 100%;background: #e2e2e2}
.main_b_sample2 .t_txt {position: relative;display: block;font-size: 50px;color: #111;line-height: 120%;font-family: tvn_enjoystories;margin: 50px 0 30px;text-align: center;z-index: 1}
.main_b_sample2 .t_txt b {color: #f53849}

.sBox {position: relative;display: block;overflow: hidden;background: #fff;text-align: left;z-index: 1}
.sBox:last-child {margin-bottom: 0}

.sBox .txtBox {position: relative;padding-left: 60px;margin-bottom: 30px;text-align: left;}
.sBox .txtBox .num {position: absolute;top: 0 !important;left: 0;display: block;font-size: 42px;line-height: 100%;color: #f53849}
.sBox .txtBox .btit2 {display: block;font-size: 20px;line-height: 140%;color: #222;margin: 10px 0 5px;letter-spacing: -0.05em;font-weight: 600}
.sBox .txtBox .txt{display: block;font-size: 14px;font-weight: 600;margin: 5px 0 10px;color: #144a9b}
.sBox .contimg {position: relative;top: 0;float: right;}
.sBox .btxt {display: block;font-weight: 600;font-size: 17px;color: #333;margin-bottom: 10px}

.sBox .full_contimg {position: relative;display: block;overflow: hidden;}
.sBox .full_contimg li {float: left;width: 402px;min-height: 208px;text-align: center;font-size: 14px}
.sBox .full_contimg li:first-child {margin-right: 30px}
.sBox .full_contimg li .txtBox .btit.small {font-size: 20px}

.main_b_btn {position: relative;display: block;margin-top: 30px;text-align: center}
.main_b_btn a {display: inline-block;padding: 0 30px;line-height: 55px;height: 55px;background: #141c6a;color: #fff;border-radius: 55px;font-size: 19px;box-shadow: 0 5px 15px 0 rgba(20, 28, 106, 0.35)}

.containerQuick {padding-bottom: 120px}
.quickFixed .main_b_textBox {position: fixed;bottom: 0}
.main_b_textBox {position: fixed;bottom: -120px;left: 0;width: 100%;display: block;background: #ffd71f;transition:all .3s ease;z-index: 300}
.main_b_textBox .cont {position: relative;display: block;width: 830px;margin: 0 auto;padding: 30px 0 30px 100px;background: url("/re_images/moi/pc/main/main_b_textBox_img.png") no-repeat left center}
.main_b_textBox .cont .txt {display: block;font-size: 20px;line-height: 150%;color: #141c6a;font-weight: 600}
.main_b_textBox .cont .btn {position: absolute;top: 50%;right: 0;text-align: center;margin-top: -28px}
.main_b_textBox .cont .btn a {display: inline-block;padding: 0 30px;line-height: 55px;height: 55px;background: #f53849;color: #fff;border-radius: 55px;font-size: 19px;box-shadow: 0 5px 15px 0 rgba(245, 56, 73, 0.35)}
.main_b_textBox .cont .btn .img {position: absolute;top: 34px;right: -27px;z-index: 1}

.blinking{
    -webkit-animation:blink 0.4s ease-in-out infinite alternate;
    -moz-animation:blink 0.4s ease-in-out infinite alternate;
    animation:blink 0.4s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}

/**/
.stat_vertical_chart {position: relative;display: block;width: 340px;margin: 40px auto;padding-left: 240px;}
.stat_vertical_chart .titleBox {position: absolute;top: 50%;left: 0;text-align: center;border-radius: 50%;margin-top: -100px;background: #eee;width: 200px;height: 60px;padding: 70px 0}
.stat_vertical_chart .titleBox .rbox {display: block;width: 100px;height: 30px;line-height: 30px;color: #fff;background: #4d84e8;border-radius: 30px;margin: 0 auto;}
.stat_vertical_chart .titleBox .ranking {display: block;margin-top: 10px;font-size: 20px;color: #333;font-weight: 600;letter-spacing: -0.03em}
.stat_vertical_chart .titleBox .ranking b {color: #ed0808;font-size: 22px}

.vertical_chart {position: relative;display: block;overflow: hidden;width: 100%;}
.vertical_chart .item {display: block;float: left;width: 50%;text-align: center}
.vertical_chart .item .vertical_progress {position: relative;display: block;}
.vertical_chart .item .progress {position: relative;display: block;width: 80px;height: 180px;border-radius: 7px;overflow: hidden;background: #ddd;margin: 0 auto;text-align: center}
.vertical_chart .item .progress .bar {position: absolute;bottom: 0;left: 0;width: 100%;background: #000;}
.vertical_chart .item .progress .bar:before {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: url("/re_images/manager/pc/contents/progress_bg.png") repeat center;content: ""}
.vertical_chart .item .progress .bar .text {position: absolute;top: 50%;left: 0;text-align: center;color: #fff;width: 100%;line-height: 20px;height: 20px;font-size: 15px;margin-top: -10px;z-index: 10}
.vertical_chart .item .txtBox {display: block;margin-top: 15px;text-align: center;}
.vertical_chart .item .txtBox .tit {display: block;width: 120px;height: 30px;line-height: 30px;color: #fff;background: #000;border-radius: 30px;margin: 0 auto;font-weight: 600}
.vertical_chart .item .txtBox .text {display: block;margin-top: 10px;font-size: 15px;color: #333;font-weight: 600;letter-spacing: -0.03em}
.vertical_chart .item .txtBox .text b {color: #ed0808;font-size: 18px}


.vertical_chart .item.st01 .bar {background: #f95171}
.vertical_chart .item.st01 .txtBox .tit {background: #f95171}

.vertical_chart .item.st02 .bar {background: #8d8d8d}
.vertical_chart .item.st02 .txtBox .tit {background: #8d8d8d}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.main_vis_wrap {position: relative;display: block;overflow: hidden;width: 100%;height: 430px;background: url("/re_images/moi/pc/main/main_visimg.png") no-repeat center}
.main_vis_wrap .cont {position: relative;display: block;width: 1100px;margin: 0 auto;padding: 90px 0}
.main_vis_wrap .txtBox {display: block;font-size: 38px;color: #fff;line-height: 140%;font-family: 'GmarketSansMedium';}
.main_vis_wrap .txtBox b {font-family: 'GmarketSansBold';}
.main_vis_wrap .txtBox .st1 {color: #fee404 }
.main_vis_wrap .txtBox .st2 {color: #e9142d }
.main_vis_wrap .bt {display: block;margin-top: 30px;}
.main_vis_wrap .bt a {display: inline-block;width: 220px;height: 60px;line-height: 60px;border-radius: 7px;background: #fff;box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1);text-align: center;
    font-weight: 600;font-size: 19px;color: #333}


.mbot_box {position: relative;display: block;overflow: hidden;background: url("/re_images/moi/pc/main/mbot_box_img.png") no-repeat center}
.mbot_box .txtBox {display: block;padding: 80px 0;text-align: center;color: #fff;font-size: 35px;width: 1100px;margin: 0 auto;font-family: 'paybooc-Bold';color: #fff;line-height: 130%}
.mbot_box .txtBox a {display: block;width: 150px;background: #fdd914;color: #111;font-size: 17px;text-align: center;padding: 15px 0;margin: 15px auto 0;line-height: 100%}



.mtbtn_box {position: relative;display: block;overflow: hidden;width: 1100px;margin: 50px auto 0;}
.mtbtn_box ul {display: block;overflow: hidden}
.mtbtn_box ul li {float: left;text-align: center;width: 31.33%;margin: 0 1%;border-radius: 10px;padding: 0 15px;box-sizing: border-box}


.tma_Box {position: relative;display: block;overflow: hidden;background: url("/re_images/moi/pc/main/tma_bg.png") no-repeat center top}
.tma_Box .inner {position: relative;display: block;overflow: hidden;margin: 0 auto;width: 1100px;padding: 50px 0 70px}
.tma_Box .tma_tit {display: block;text-align: center;margin-bottom: 40px}
.tma_Box ul {position: relative;display: block;overflow: hidden;margin: 0 auto;width: 1100px;}
.tma_Box ul li:nth-child(1) {float: left;}
.tma_Box ul li:nth-child(2) {float: right;}