@charset "UTF-8";

/* **************************************************
 * Style Import -S 
************************************************** */
 @import url("community.css");
 @import url("company.css");
 @import url("service.css");
 @import url("productList.css");
 @import url("leveltest.css");
/* **************************************************
 * Style Import -E
************************************************** */

/* **************************************************
 * 공통스타일 -S 
************************************************** */
/* 공통스타일-LNB-S  */
.main-content { text-align: center;}
.main-content > .title {display: inline-block; 
    margin-top: 70px; 
    font-size: 28px; text-align: center;
    position: relative; 
}
.main-content > header > h2 {margin: 0 ;}
.main-content > .title::after {content: ''; 
    width: 100%; 
    border-top: 2px solid #927fb6; 
    position: absolute;  bottom: -6px; left: 0;
}
.main-content .table-title {font-size: 40px; font-weight: 200; font-family: Noto Sans CJK KR-L, serif; text-align: center; margin: 60px 0;}
.main-content .table-title strong {font-weight: bold;}
.main-content .table-title .sub-title {font-size: 16px; color: #797979; line-height: 1.4em;}

.sub-menu-button {margin: 40px 0 70px;}
.sub-menu-button.center {display:flex;justify-content:center;align-items:center}
.sub-menu-button ul {}
.sub-menu-button li {float: left; 
    width: 216px; padding: 5px 5px 0 0;
}
.sub-menu-button li.end {padding-right: 0;}
.sub-menu-button li button {
    width: 100%; height: 43px; border: 1px solid #e6e6e6; 
    font-size: 15px; text-align: center; letter-spacing: -1px; color: #999999; 
    background-color: #fff; 
}
.sub-menu-button li button:hover,
.sub-menu-button li button.active {color: #836ea9; border: 1px solid #4e2a84}
/* 공통스타일-LNB-E  */

/* 공통스타일-타이틀-S */
.examInfo {text-align: left;line-height: 22px; color: #666666;}
.examInfo .section {margin-bottom: 40px;}
.examInfo h3, .mobileSupport .section h3, .company-recruit .section h3, 
.newSatContent .section h3, .pauseInfo-list .section h3, .playerfaq .section h3 {
    height: 53px; margin-bottom: 30px; 
    font-weight: 700; font-size: 18px; line-height: 53px; color: #333333; 
    border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; 
}
.examInfo .satInfoList h3 span.num {
    padding-right: 10px;
    font-size: 20px; color: #684c96; 
}

.examInfo .satInfoList h3 span {font-size: 16px; color: #333333;}
.examInfo .satInfoList h3.content {
    font-weight: normal; 
    margin-bottom: 30px; 
    position: relative;
}
.examInfo .satInfoList h3.content span { display: inline-block; 
    padding-left: 40px; 
    font-size: 14px; line-height: 24px;
}
.examInfo .satInfoList h3.content span.num {
    padding-left: 0;
    font-size: 20px; color: #684c96; 
    position: absolute; top: -2px; left: 0; 
}
.examInfo .satInfoList {
    padding:  0 0 10px 20px;
    position: relative;
}
.examInfo h4 {
    margin-bottom: 15px; padding-left: 30px;
    font-size: 16px;  color: #333;
    position: relative;
}
.examInfo h4 .num {
    height: 20px;
    font-size: 20px; color: #684c96;
    position: absolute; left: 0;top: 0;
}
.examInfo .infoContent {
    padding-left: 30px; margin-bottom: 20px;
    color:#666666; font-size: 14px; letter-spacing: -0.8px; line-height: 24px; 
}
.examInfo ul.satExample li {
    padding-left: 40px; 
    font-size: 14px;  color: #626262;
    position: relative; 
}
.examInfo .satExample li:before {content: '';
    width: 3px; height: 3px; 
    background-color: #684c96;
    position: absolute; top: 10px; left: 21px; 
}
.examInfo .satInfoList h2 {
    margin-bottom: 16px; 
    letter-spacing: -1px;
}
.examInfo .satInfoList h2 span.service-num {
    margin-right: 6px;
    font-size: 33px; color: #684c96; 
}
.examInfo .satInfoList h2 span {
    vertical-align: 0px; 
    font-weight: normal; font-size: 18px; 
}
.examInfo .satInfoList h2 span .subText {font-size: 15px; color: #737474; letter-spacing: -1px;}

.examInfo .satInfoList .infoContent span {display: block;
    position: relative;
}
.examInfo .satInfoList .infoContent span.bullet {padding-left: 16px;}
.examInfo .satInfoList .infoContent span.bullet:before {content: ''; display: block; 
    position: absolute; top: 11px; left: 0; 
    width: 7px; height: 3px; 
    background-color: #684c96;
}
.examInfo .satInfoList span.hr {margin-top: 10px;}
.examInfo .satInfoList span.hr.answer {color: #684c96;}
.examInfo .usaSatInfo {padding-left: 16px;}


.service-visual {
    padding: 80px 60px 0; 
    text-align: left;   color: #fff; 
    background-color: #684c96; 
    position: relative; 
}
.service-visual h2 { font-weight: 100; font-size: 46px;  line-height: 1; color: #fff; letter-spacing: -2px;}
.service-visual h2 em {display: block;
    margin-bottom: 5px;
    font-size: 16px;
    letter-spacing: -1px;
}
.service-visual h2 strong {font-weight: 700;}
.service-visual p {
    font-size: 14px;  color: #fff; letter-spacing: -0.1px; font-weight: normal; line-height: 22px;
    margin: 22px 0 44px; 
}
.service-visual figure {position: absolute; top: 8px; right: 74px;}/* img */

.service-info-list {
    width: 1000px;  margin: -100px auto 50px; padding: 30px 60px; border-radius: 10px; 
    font-size: 15px; text-align: left;
    background-color: #fff; 
    position: relative; z-index: 1; 
    -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
}
.service-info-list .list-title{color: #000; font-size: 20px;}
.service-info-list li {line-height: 26px; color: #666666;}
/* .service-info-list li em {color: #684c96;} */
/* 공통스타일-타이틀-E */

/* 공통스타일-콘텐츠-S */

/* 공통스타일-콘텐츠-S */

/* 공통스타일-테이블-S */
.ui-table {
    margin-top: 22px;
    font-size: 14px; line-height: 22px; text-align: center; color: #666666; word-break: break-all; 
    position: relative;
}
.ui-table table {
    width: 100%; 
    border-top: 2px solid #927fb6;
}
.ui-table table caption {
    width: 0; height: 0;
    text-indent: -9999px; visibility: hidden; 
    font-size: 1px; 
}
.ui-table table thead th {
    padding: 15px 0;  border-bottom: 1px solid #b6aad0;
    color: #222222; font-size: 16px; 
    background-color: #e1ddec; 
}
.ui-table table thead td {
    height: 44px; 
    color: #836ea7; font-size: 14px; 
    border-bottom: 1px solid #cbc2dd;
}
.ui-table table td {
    padding: 10px 0; border-bottom: 1px solid #d5d5d5; 
    color: #666666;
    vertical-align: middle;
}
.ui-table table td.tal {
    padding-left: 20px;
    text-align: left; 
}
.ui-table table td a {color: #666; word-break: keep-all; line-height: 1.4em;}
.ui-table table td a:hover {text-decoration: underline;}
.ui-table button {
    height: 23px;
    font-size: 12px; color: #666666; 
}
.ui-table .write-button {position: absolute; bottom: -43px; right: 0;}
.ui-table .write-button button {
    width: 75px; border: 1px solid #d5d5d5; 
    background-color: #fff; 
    vertical-align: middle; 
}
.ui-table .write-button button:hover {
    border-color: #684c96; 
    background-color: #684c96; 
    color: #fff;
}
.ui-table .list-button {position: absolute; bottom: -43px; right: 0;}
.ui-table .list-button button {
    width: 75px;
    color: #fff; 
    background-color: #684c96; 
}
.ui-table .list-button button.addQues-button {
    border: 1px solid #684c96; 
    color: #684c96; 
    background-color: #fff; 
}
.ui-table.subject-center .subject {
    padding-left: 80px;
    text-align: left; 
}
.ui-table.write th, .ui-table.write td, .ui-table.read th, .ui-table.read td {
    border-bottom: 1px solid #e6e6e6; padding-top: 4px 0  4px 18px;
    text-align: left; font-size: 14px; color: #4b4b4b; font-weight: normal; line-height: 1.6em; 
}
.ui-table.read th, .ui-table.write th {background-color: #f8f8f8;}
.ui-table.read th span {font-weight: 300;}
.ui-table.read td {
    padding-top: 5px; padding-bottom: 5px;
    font-size: 12px; color: #888888; 
}
.ui-table.read tbody td {
    padding-top: 15px; padding-bottom: 50px;
    font-size: 14px; 
    position: relative; 
}
.ui-table.read td.read-title {font-size: 14px; color: #836ea7;}
.ui-table.read .replyData button {
    width: 48px; height: 28px; 
    color: #fff; 
    background-color: #927fb6;
}
.ui-table.read .replyData .date {
    padding-left: 22px; 
    font-size: 12px; color: #888888;
}
.ui-table.read .replyContent {
    padding-left: 72px; padding-top: 10px; 
    color: #666666;
}
.ui-table.write td {padding-right: 10px;}
.ui-table .textarea {padding: 7px 25px 2px 0; width: 100%; }
.ui-table .buttons {
    margin-top: 20px;
    font-size: 0; 
}
.ui-table .buttons button {margin: 0 5px;line-height:1.2}
.ui-table .buttons button .btn-en-text{font-size:12px}
.ui-table tr.completeReply td a {color: #836ea7; vertical-align: middle;}
.ui-table tr.completeReply td.user {color: #4e2a84;}
.ui-table td .file-view {
    position: absolute; bottom: 25px; right: 0; 
    padding-bottom: 4px; border-bottom: 1px solid #949494;
}
.ui-table td .file-view a:hover {text-decoration: none;}
.ui-table td .input-guide-text {
    margin-left: 10px;
    color: #888888; font-size: 14px; 
}
.ui-table td.empty-list {padding: 65px 0 80px !important;}
.ui-table td.empty-list i {margin-bottom: 20px;}
.ui-table td.td-data {
    color: #4b4b4b;
    background-color: #f8f8f8; 
}

/* 20210916 추가 -S */
.ui-table.han td:nth-child(1){width: 80px;}
.ui-table.han td:nth-child(2){width: 670px;}
.ui-table.han td:nth-child(3){width: 100px;}
/* 20210916 추가 -E */
/* 공통스타일-테이블-E */
/* **************************************************
 * 공통스타일 -E 
************************************************** */

.registReply {position: relative; width: 100%; margin-top: 75px; height: 135px; border: 1px solid #d5d5d5; background-color: #f7f7f7; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px;}
.registReply .replyLeft {text-align: left; width: 943px;}
.registReply .replyLeft textarea {width: 943px;height: 72px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.deleteInfo {font-family: 'Dotum', sans-serif; font-size: 12px; color: #666666; margin-top: 15px;}
.registReply .replyRight {position: absolute; top: 18px; right: 16px;}


.listReply {text-align: center; color: #999; font-size: 13px; border-bottom: 1px solid #e6e6e6; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 13px; }
.listReply .listL {float:left; padding-top: 6px;}
.listReply .listL span {display: inline-block; vertical-align: middle;}
.listReply .listR {float:right;}
.listReply .listR a {margin: 0 2px; display: inline-block;}
.listReply .listR a span {vertical-align: middle;}
.listReply .name {margin-right: 44px;}
.listReply .replySubject {color: #666666; line-height: 1.4em; margin-right: 30px; width: 720px; display: inline-block; text-align: left; word-break: break-all;}

.fileUpload input[type='file'] {display: none;}
.fileUpload input[type='text'] {height: 29px; margin-right: 5px;}

.paging ul {display: inline-block; margin: 26px 0;}
.paging li {float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 9px;}
.paging li a {font-size: 13px; color: #444444; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 3px;}
.paging li.active a {color: #4e2a84; position: relative;}
.paging li.active a:after {content: ''; position: absolute; bottom: -4px; left:1px; width: 100%; border-top: 2px solid #4e2a84;}

.paging table {display: inline-block; margin: 26px 0;}
.paging td {float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 9px;}
.paging td a {font-size: 13px; color: #444444; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 3px;}
.paging td.active a {color: #4e2a84; position: relative;}
.paging td.active a:after {content: ''; position: absolute; bottom: -4px; left:1px; width: 100%; border-top: 2px solid #4e2a84;}

.ui-search {text-align: center;}
.ui-search span {font-size: 0;}
.ui-search select {width: 136px; margin-right: 10px;}
.ui-search input {width: 360px;}
.ui-search button.search-button { background-color: #684c96; color: #fff; vertical-align: middle; border: none; font-size: 14px; width: 55px; height: 33px;}

.segment {position: relative; margin-left: 20px; margin-bottom: 28px; font-size: 14px; text-align: left; color:#626262; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 18px 40px 18px; line-height: 1.6em; letter-spacing: -1px; word-break: keep-all;}
.segment.gray {background-color: #ededed; border: 1px solid #dadada;}
.segment.brown {background-color: #ffe1be; border: 1px solid #f1d2ad; padding: 18px;}
.segment.blue {background-color: #f0f3fd; border: 1px solid #b9caef; padding: 18px; color:#5c5c5c; margin: 0;}
.segment.violet {background-color: #e1ddec; border: 1px solid #b6aad0; padding: 20px;}
.segment.white {background-color: #fff; border: 1px solid #d7d7d7; padding: 20px;}
.segment.line {border-top: 2px solid #927fb6; border-bottom: 1px solid #e6e6e6; background-color: #fff; border-left: none; border-right: none; margin-left: 0;}
.segment.w600 {width: 600px;}
.segment .quotation {position: absolute; bottom: 10px; right: 16px;}
.segment.brown ul {float: left; width: 33.3333%;}
.segment p.brown {text-align: center; font-size: 18px; color: #ac4901; margin-bottom: 30px;}

.segment.private {margin:0; margin-bottom: 65px; padding: 18px; background-color: #f7f7f7;}
.segment.private.b-type {padding-bottom: 80px;}
.segment.private a {margin-left: 16px;}
.segment.private p {color: #78649d; font-size: 18px;}
.segment.private p span {color: #999999; font-size: 12px;}
.segment.private li {position: relative; padding-left: 14px; color: #888888; line-height:24px;}
.segment.private li img {vertical-align: middle; padding: 0 4px 0 0px;}
.segment.private li:after {content:''; display: block; position: absolute; top: 14px; left: 0; width: 3px; height: 3px; background-color: #927fb6;}
.segment.private ul.number-type {margin-left: 16px;}
.segment.private ul.number-type li:after {display: none;}
.segment.private ul.number-type li span.number {display: inline-block; position: absolute; top: 0px; left: 0;}
.segment.private li.subject {font-size: 18px; color: #78649d; padding-left:0; line-height: 0; margin-bottom: 12px; margin-top: 24px;}
.segment.private li.subject:after {width: 0; height: 0;}
.segment.private li em{font-weight:500;color:#000}

.mathTable {padding-left: 45px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.mathTable .ui-table table {border-top-color: #927fb6;}
.mathTable thead th {height: 38px; background-color: #e1ddec; color: #2d2c3c; text-align: center; font-size: 16px;}
.mathTable thead th.line {border-left: 1px solid #ccc;}
.mathTable tbody td.line {border-left: 1px solid #ccc;}
.mathTable tbody td.scope {color: #4e2a84;}
.mathTable tbody td {font-size: 16px;}

.mathTable .ui-table {float: left; width: 50%;}
.mathTable h4 {color: #333333; font-size: 16px; padding: 0;}
.mathTable h4::before {display: none;}
.mathTable .scopeTable {padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.mathTable .segment.violet {margin: 0; letter-spacing: 0;}
.mathTable .segment.violet ul {float: none;}
.mathTable .segment.violet li .num {left: 20px;}
.mathTable .segment.violet li {font-size: 14px; padding-left: 20px;}

.selectTeacher {width: 280px;}
.inputTextInfor {font-family: 'Dotum', 'sans-serif'; font-size: 12px; text-align: left; color: #666666; padding-left: 18px; margin-top: 10px; margin-bottom: 34px;}
th.onlineScore {width: 100px;}

 .info-bar {
     height: 44px; margin: 10px 0 10px 45px; border-radius: 10px; padding: 0px 12px; 
     font-weight: bold; line-height: 44px; color: #5b3c8c; 
     background-color: #e1ddec; 
}
.ico-important {position: absolute;top:-30px; right:457px;}

.ui-tab {margin: 40px 0 16px;}
.ui-tab .myQuestion {margin-left: -1px;}
.ui-tab .tab {display: table; width: 50%; float: left; position: relative; background-color: #fff; z-index: 9; margin-left: -1px;}
.ui-tab .tab a {width: 100%; display: table-cell; vertical-align: middle; font-size: 14px; border: 1px solid #e6e6e6; height: 31px;}
.ui-tab .tab.active {z-index: 10;}
.ui-tab .tab.active a { color: #fff; border: 1px solid #b6aad0; background-color: #836ea7;}
.ui-tab.faq .tab {width: 16.7%; margin-left: -1px;}
.ui-tab.violet .tab.active a {background-color: #684c96; color: #fff;}

.accordian-tab {border-top: 1px solid #e6e6e6;}
.accordian-tab .bottom-line {position: relative; height: 4px; width: 100%; background-color: #e1e3ec;}
.accordian-tab .bottom-line span.active {display: block; height: 4px; width: 16.6666%; position: absolute; top: 0; left: 0; background-color: #927fb6;}
.accordian-tab li {float: left; text-align: center; font-size: 14px; color: #666666; height: 46px; display: table;}
.accordian-tab li a {display: table-cell; vertical-align: middle;}
.accordian.tab-member .accordian-tab li {width: 16.6666%;}
.accordian-list {text-align: left; font-size: 14px; color: #666;}
.accordian-list .item-faq {border-bottom: 1px solid #d5d5d5;}
.accordian-list .faq-subject {height: 46px; width: 100%; display: table; cursor: pointer;}
.accordian-list .faq-subject > span {text-align: center; display: table-cell; vertical-align: middle;}
.accordian-list .faq-subject .faq-num {width: 80px;}
.accordian-list .faq-subject .faq-type {width: 100px;}
.accordian-list .faq-subject .faq-title {text-align: left; padding-left: 30px;}
.accordian-list .faq-subject .faq-title span {vertical-align: middle; margin-left: 14px;}
.accordian-list .faq-answer {position: relative; background-color: #f8f8f8; line-height: 2em; padding: 14px 10px 14px 244px; border-top: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box;}
.accordian-list .faq-answer i.ico-answer {position: absolute; top: 21px; left: 209px;}
.accordian-list .faq-answer span {vertical-align: middle; margin-right: 18px;}

ul.list-type {padding-left: 45px; -webkit-box-sizing: border-box; box-sizing: border-box;}
ul.list-type li > ul {padding-left: 12px; -webkit-box-sizing: border-box; box-sizing: border-box;}
ul.list-type > li {font-size: 14px; letter-spacing: -1px; position: relative; padding-left: 20px; text-align: left; color: #626262; line-height: 24px;}
ul.list-type li span.num {position: absolute !important; top: 0; left: 0; display: inline-block !important; }

/* local content area*/
.local-content {width: 850px; position: relative;}
.local-content .content-header * {-webkit-box-sizing: border-box; box-sizing: border-box;}
.local-content .content-header {position: relative; text-align: left; margin-bottom: 44px;}
.local-content .content-header h2 {font-size: 20px; color: #333333; padding-bottom: 20px; margin-bottom: 22px; margin-top: 0; border-bottom: 1px solid #e6e6e6; font-weight: 400;}
.local-content .content-header .sub-title {color: #999999; font-size: 13px; font-weight: 300; line-height: 1.4em;}
.local-content .content-header .sub-title span {display: block; position: relative; padding-left: 14px;}
.local-content .content-header .sub-title span:before {content: ''; display: block; position: absolute; top: 8px; left: 1px; background-color: #927fb6; width: 3px; height: 3px; border-radius: 50%;}
.local-content .content-header .breadcrumb {position: absolute; top: -22px; right: 0; color: #4b4b4b; font-size: 14px;}
.local-content .content-header .breadcrumb span {display: inline-block; padding: 0 2px; font-weight: 200;}
.local-content .content-header .breadcrumb .home {color: #000; font-weight: 400;}
.local-content .ui-tab {margin-top: 0;}
.local-content .ui-search.left {text-align: left; margin-bottom: 28px;}
.local-content table td a.ellipsis {width: 560px;}
.local-content table td.phone input {width: 132px; margin-right: 3px;}

.ellipsis {color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; word-break: break-all; display: inline-block; }

.teacher-list {margin-bottom: 38px;}
.teacher-list li {float: left; text-align: left; padding-right: 10px; margin-bottom: 22px;}
.teacher-list li.end {padding-right: 0;}
.teacher-view {position: absolute; top: 0; left: 0;}

/* member */
.ip-form {margin-bottom: 13px;}
.ip-form.login {width: 320px;}
.ip-form input {width: 100%; height: 38px;}
.member {text-align: left;}
.member .form-area,
.member .banner-area {float: left;}
.member .banner-area {margin-left: 26px; font-size: 0;}
.member .banner-area a {display: inline-block; margin-left: 14px;}
.member .form-area {width: 486px; padding-top: 42px; border-top: 1px solid #b6aad0;}

.member .member-form.member-search {border-bottom: 1px solid #e6e6e6; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 35px;}
.member .member-form.member-search:first-child {margin-bottom: 55px;}
.member .member-form.member-search .form-title {color: #333333; font-size: 16px; border-bottom: 1px solid #b6aad0; padding-bottom: 14px; margin-bottom: 35px;}
.member .member-form.member-search .input-area {padding-left: 110px; width: 612px;}
.member .member-form.member-search .input-area .info-text {position: relative; left: 125px; color: #666666; font-size: 13px; display: inline-block;}
.member .member-form.member-search .ip-form {width: 100%;}
.member .member-form.member-search .ip-form label {width: 124px; color: #666666; display: inline-block; font-size: 16px;}
.member .member-form.member-search .ip-form input {width: 320px;}
.member .member-form.member-search .buttons {position: absolute; bottom: 29px; right: -110px; font-size: 0;}
.member .member-form.member-search .buttons button {height: 38px;}
.member .member-form.member-search .segment {margin: 35px 0 0 0; background-color: #f7f7f7; color: #666666; padding: 10px 0; border: none; font-size: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 190px;}

.member-form .input-area {margin-right: 15px; position: relative;}
.member-form .input-area .buttons {position: absolute;}
.member-form.login .buttons {top:0; right: -15px;}
.member-form button {border: 1px solid #684c96; font-size: 18px;}
.member-form button.violet {color: #fff; background-color: #684c96;}
.member-form button.white {color: #684c96; background-color: #fff;}
.member-form button.login {width: 150px; height: 89px;}
.member .member-form.search #tbPWDINFO.input-area {width: 100%; padding-left: 0; margin-right: 0;}
.member .member-form.search #tbPWDINFO .buttons {width: 100%; text-align: center; bottom: 0; position: relative; margin-top: 30px;}
.check-area {position: relative; margin-top: 10px;}
/* .check-area input[type='checkbox'],
.check-area input[type='radio'] {visibility: hidden;}*/
/* .check-area label {vertical-align: middle; border: 1px solid #cccccc; background-color: #fff; width: 18px; height: 18px; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box;} */
/* .check-area label.active:after {content:''; background-color: #684c96; width: 12px; height: 12px; display: inline-block; position: absolute; top: 2px; left: 2px;} */
.check-area label span {vertical-align: middle; font-size: 14px; display: inline-block; position: absolute; top: 0; left: 0; width: 100px; padding-left: 24px; color: #666666;}
.social-login {border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 0 25px 13px; margin-bottom: 34px; margin-top: 30px;}
.social-login a {color: #666666; font-size: 16px;}
.social-login a span {vertical-align: middle;display: inline-block; width: 408px; padding-left: 10px;}
.member-find {padding-left: 60px;}
.member-find .member-item {float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.member-find .member-item a {margin-left: 5px; color: #666666; font-size: 14px; vertical-align: middle;}
.member-find .member-item.pw-search:after {content: ''; background-color: #e6e6e6; width: 1px; height: 14px; margin: 0 20px; display: inline-block; position: relative; vertical-align: middle;}

.join {text-align: left;}
.join .step-container {margin-bottom: 60px;}
.join .step-container .step {float: left; text-align: left; display: table; height: 69px;}
.join .step-container .step.active {color: #684d98;}
.join .step-container .step span.step-text {display: table-cell; vertical-align: middle; font-size: 14px; padding-left: 12px;}
.join .step-container .step span.step-text .step-no {font-size: 12px; display: block; margin-bottom: 6px;}
.join .step-container .step.step-arrow {position: relative; width: 60px;}
.join .step-container .step.step-arrow i {position: absolute; top: 50%; margin-top: -8px; right: 24px;}
.join .step-container .step-01.active i {background-position: -82px -276px; width: 69px; height: 69px;}
.join .step-container .step-02.active i {background-position: -152px -276px; width: 69px; height: 69px;}
.join .step-container .step-03.active i {background-position: -222px -276px; width: 69px; height: 69px;}
.join .step-container .step-04.active i {background-position: -292px -276px; width: 69px; height: 69px;}
.join .join-box {-webkit-box-sizing: border-box; box-sizing: border-box; text-align: left;}
.join .join-box .inner-box {border: 1px solid #d5d5d5; background-color: #f7f7f7; -webkit-box-sizing: border-box; box-sizing: border-box;}
.join .join-box .title {margin-bottom: 20px;}
.join .join-box .sub-description {color: #999999; font-size: 14px; font-weight: 300; line-height: 1.4em; margin-bottom: 20px;}
.join .join-box.step01 {padding: 0 70px;}
.join .join-box.step01 .step01-text {color: #333333; font-size: 16px; font-weight: 400; margin-bottom: 40px;}
.join .join-box.step01 .step01-text p{margin:3px 0 0 0;line-height:1.2}
.join .join-box.step01 .step01-text-info {color: #684c96; font-size: 12px; text-align: left; line-height: 1.6em;}
.join .join-box.step01 .inner-box {padding: 32px 64px 40px;}
.join .join-box.step01 .buttons {font-size: 0;}
.join .join-box.step01 .buttons button {width: 119px; height: 89px; margin: 0 4px;}
.join .join-box.step02 .agree-check-area {margin-bottom: 50px; padding-left: 16px;}
.join .join-box.step02 .agree-check-area .check-area {float: left; width: 90px;}
.join .join-box.step02 .inner-box {padding: 20px;}
.join .join-box.step02 .terms-container {height: 160px; overflow: hidden; overflow-y: auto; font-family: 'Dotum', serif; font-size: 12px; color: #666666; border: 1px solid #d5d5d5; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 20px; line-height: 1.6em;}
.join .join-box .buttons {font-size: 0; text-align: center;}
.join .join-box .buttons button {font-size: 14px; width: 120px; height: 45px; margin: 0 5px;}
.join .join-box.step03 table {margin-bottom: 20px;}
.join .join-box.step03 table td {position: relative; font-size: 14px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 17px;}
.join .join-box.step03 table td .information-text {margin-left: 10px; font-size: 11px; color: #999999;}
.join .join-box.step03 table td .graybutton {color: #fff; background-color: #727479; font-size: 14px; height: 27px; vertical-align: middle; margin-left: 5px; width: 92px; font-weight: 300;}
.join .join-box.step03 table td.td-data {background-color: #f8f8f8; color: #4b4b4b;}
.join .join-box.step03 table td.td-data .vital {position: relative; display: inline-block; width:3px; height: 3px; background-color: #927fb6; border-radius: 50%; top: -10px; margin-left: 4px;}
.join .join-box.step03 table td .w132 {width: 132px;}
.join .join-box.step03 table td .w208 {width: 208px;}
.join .join-box.step03 table td .full-width {width: 98%;}
.join .join-box.step03 table td input[type='text'].vote {margin-bottom: 6px;}
.join .join-box.step03 table td select,
.join .join-box.step03 table td input[type='text'],
.join .join-box.step03 table td input[type='password'] {height: 27px; margin: 0 2px;}
.join .join-box.step03 table td input[type='radio'] {vertical-align: middle;}
.join .join-box.step03 table td .dash {display: inline-block; text-align: center; width: 14px; color: #999999;}
.join .join-box.step03 table td p {margin: 8px 0;}
.join .join-box.step03 table td p.pointVioletcolor {margin: 14px 0;}
.join .join-box.step04 {text-align: center;}
.join .join-box.step04 .complete {width: 590px; margin: auto;}
.join .join-box.step04 .complete-title {color: #000; font-size: 26px; border-top: 2px solid #684d98; border-bottom: 2px solid #684d98; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 50px 0 32px;}
.join .join-box.step04 .complete-info-text {color: #666666; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 52px; line-height: 1.6em;}
.join .join-box.step04 .complete-info-text span {color: #dd8303;}
.join .join-box.step04 .complete-info-text strong {color: #000000; font-weight: 400;}

/* customer */
.playerFAQ {text-align: left}
.playerFAQ .playerFAQ-content p {font-size: 20px; color: #464646; margin: 50px 0 14px;}
.playerFAQ .playerFAQ-list {padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.playerFAQ .playerFAQ-list li {float: left; margin-bottom: 15px;}
.playerFAQ .playerFAQ-list li.odd {margin-right: 12px;}

/* sat */
.rank-table .ui-table {float: left; width: 415px;}
.rank-table .ui-table:first-child {margin-right: 20px;}
.rank-table .ui-table td.even {background-color: #f7f7f7;}
.rank-table .ui-table td {line-height: 1.6em; height: 50px;}

.map {text-align: left;}
.map .map-info {position: relative;}
.map .map-info .map-point {position: absolute;}
.map .map-info .map-point.Washington {top: 17px; left: 220px;}
.map .map-info .map-point.Oregon {top: 79px; left: 173px;}
.map .map-info .map-point.California {top: 135px; left: 173px;}
.map .map-info .map-point.Texas {top: 296px; left: 392px;}
.map .map-info .map-point.Wisconsin {top: 55px; left: 470px;}
.map .map-info .map-point.Illinois {top: 138px; left: 542px;}
.map .map-info .map-point.Tennessee {top: 212px; left: 580px;}
.map .map-info .map-point.Georgia {top: 250px; left: 616px;}
.map .map-info .map-point.Michigan {top: 110px; left: 582px;}
.map .map-info .map-point.WestVirginia {top: 160px; left: 650px;}
.map .map-info .map-point.Virginia {top: 168px; left: 670px;}
.map .map-info .map-point.Pennsylvania {top: 118px; left: 683px;}
.map .map-info .map-point.NewYork {top: 77px; left: 689px;}
.map .map-info .map-point.NorthCarolina {top: 212px; left: 633px;}
.map .map-info .map-point.NewHampshire {top: 72px; left: 721px;}
.map .map-info .map-point.Massachusetts {top: 93px; left: 725px;}
.map .map-info .map-point.RhodeIsland {top: 103px; left: 730px;}
.map .map-info .map-point.Connecticut {top: 106px; left: 718px;}
.map .map-info .map-point.NewJersey {top: 140px; left: 700px;}
.map .map-detail {border: 1px solid #e4e5e9; background-color: #f8f8f8; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 24px;}
.map .map-detail .local-name {color:#836ea7; font-size: 18px; border-bottom: 2px solid #927fb6; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 20px;}
.map .map-detail .local-name span {vertical-align: middle; padding-left: 6px; font-weight: 500;}
.map .map-detail li {height: 50px; border-bottom: 1px solid #d5d5d5; position: relative; width: 100%; display: table; color: #666666; font-size: 14px; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.map .map-detail li span {display: table-cell; vertical-align: middle;}
.map .map-detail li span.number {width: 140px;}
.map .map-detail li span.buttons {position: absolute; right: 15px; top: 10px;}
.map .map-detail li span button {width: 120px; height: 32px;}

.sat-info {text-align: left;}
.sat-info .sat-info-head {position: relative;}
.sat-info .sat-info-head h2 {font-size: 34px; color: #4e2a84; font-weight: 600;}
.sat-info .sat-info-head h2 span {font-size: 24px; color: #78649d; font-weight: 400;}
.sat-info .sat-info-head .sat-summary {color: #888; font-size: 16px;}
.sat-info .sat-info-head li {position: relative; font-weight: 500; line-height: 1.8em; color: #7c7c7c; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 16px;}
.sat-info .sat-info-head li span {color: #78649d;}
.sat-info .sat-info-head li:before {content:''; display: block; position: absolute; background-color: #78649d; width: 3px; height: 3px; border-radius: 50%; top: 12px; left: 0;}
.sat-info .sat-info-head .buttons {margin: 15px 0 40px;}
.sat-info .sat-info-head .buttons button {background-color: #836ea9; width: 137px; height: 37px; font-size: 16px; margin-right: 2px;}
.sat-info .sat-info-head .buttons button:first-child {background-color: #684c96;}
.sat-info .sat-info-head .visual {position: absolute; top: 60px; right: 0; background: url('https://image3.masterprep.net/content/sat/sat_visual.png') 0 0 no-repeat; width: 456px; height: 222px;}
.sat-info .sat-summary {line-height: 1.6em;}
.sat-info .sat-info-content h2 {color: #78649d; font-size: 22px; font-weight: 600;}
.sat-info .sat-info-content h2:before {content: ''; display: block; background-color: #836ea9; width: 49px; height: 2px; margin-bottom: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sat-info .sat-info-content h2 span {font-size: 13px; font-weight: 300; font-family: 'Dotum', sans-serif;}
.sat-info .sat-info-content .sat-summary {font-size: 14px; color: #888888; margin: 10px 0 34px;}
.sat-info .sat-info-content .sat-test-img {margin-bottom: 50px;}
.sat-info .sat-info-content .ui-table {margin-bottom: 50px;}
.sat-info .sat-info-content .ui-table .title {color: #4e2a84; font-size: 20px; text-align: center; margin-bottom: 25px;}
.sat-info .sat-info-content .ui-table thead th {text-align: center; color: #836ea7; font-size: 14px; height: 44px; border-bottom: 1px solid #cbc2dd;}
.sat-info .sat-info-content .ui-table tbody td {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 0 14px; line-height: 1.5em;}
.sat-info .sat-info-content .ui-table tbody td span {display: inline-block; text-align: left; padding-left: 50px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sat-info .sat-info-content .ui-table.bgcolorType table {border: none;}
.sat-info .sat-info-content .ui-table.bgcolorType tbody th {background-color: #765d9f; border-bottom: 2px solid #fff; font-size: 18px; color: #fff; font-weight: 400; padding-left: 18px;}
.sat-info .sat-info-content .ui-table.bgcolorType tbody th.top {vertical-align: top; padding-top: 16px;}
.sat-info .sat-info-content .ui-table.bgcolorType tbody th span {font-size: 14px;}
.sat-info .sat-info-content .ui-table.bgcolorType tbody td {text-align: left; border-bottom: 2px solid #fff; background-color: #f7f7f7; color: #666666; font-size: 14px; padding-left: 20px;}
.sat-info .sat-info-content .ui-table.bgcolorType tbody td span {padding: 0; width: 33%; display: inline-block;}
.sat-info .sat-info-content .ui-table.bgcolorType tbody td.language span {width: 50%;}
.sat-info .sat-info-content .ui-table.price td {text-align: left; padding-left: 45px;}
.sat-info .sat-info-content .ui-table.price td span.black {padding: 0; color: #333333; font-weight: 500;}
.sat-info .sat-info-content ul.content-list {margin: 30px 0;}
.sat-info .sat-info-content ul.content-list li {position: relative; font-size: 14px; color: #888888; margin-bottom: 10px; line-height: 1.6em; padding-left: 14px;}
.sat-info .sat-info-content ul.content-list li:before {content: ''; display: block; position: absolute; width: 4px; height: 4px; border-radius: 50%; top: 10px; left: 0; background-color: #836ea9;}
.sat-info .sat-info-content ul.content-list li span {color: #684c96;  font-weight: 500;}
.sat-info .sat-info-content ul.content-list li span.subject {font-size: 16px;}
.sat-info .sat-info-content ul.content-list li span.black {color: #000;}
.sat-info .sat-info-content .segment.violet {margin:0; margin-top: 30px; padding-top: 10px; padding-bottom: 10px; background-color: #e1ddec; border: none;}
.sat-info .sat-info-content .segment.violet p {letter-spacing: 0; font-family: 'Verdada', sans-serif; margin:0; margin: 8px 0; font-weight: 600;}
.sat-info .sat-info-content .segment.violet span {color: #000;}
.sat-info .sat-info-content .step-container {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; text-align: center;}
.sat-info .sat-info-content .step {position: relative; background-color: #fff; letter-spacing: -0.2px; font-size: 16px; display: table; margin: 0 auto; width: 757px; height: 59px; margin-top: 30px; width: 100%; }
.sat-info .sat-info-content .step:first-child {margin-top:0;}
.sat-info .sat-info-content .step span {display: table-cell; vertical-align: middle;}
.sat-info .sat-info-content .step a {color: #4e2a84; text-decoration: underline;}
.sat-info .sat-info-content .step.arrow:before {content: ''; position: absolute; top: -24px; left: 50%; margin-left: -11px; display: block; background: url('https://image3.masterprep.net/content/sprite.png') -234px -170px no-repeat; width: 22px; height: 18px;}
.sat-info .sat-info-content .shadow {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
.sat-info .sat-info-content .dates-container {margin-top: 38px;}
.sat-info .sat-info-content .dates-container a {width:780px; height: 48px; margin: 14px auto; display: table; color: #666666; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 30px;}
.sat-info .sat-info-content .dates-container a span {display: table-cell; vertical-align: middle;}
.sat-info .sat-info-content .dates-container a .number {font-size: 18px; width: 20px; padding-right: 30px;}
.sat-info .sat-info-content .dates-container a .subject {font-size: 20px; width: 670px;}
.sat-info .sat-info-content .dates-container a .arrow {text-align: center;}
.sat-info .sat-info-content .dates-container a:hover {background-color: #684c91; color: #fff;}
.sat-info .sat-info-content .dates-container a:hover .number {color: #d6d6d6;}
.sat-info .sat-info-content .dates-container a:hover i {background-position: -330px -140px; width: 13px; height: 23px;}

.event {position: relative;}
.event .event01_btn {position: absolute; bottom: 80px; left: 50%; margin-left: -123px; }
.event .event02_btn {position: absolute; bottom: 30px; left: 50%; margin-left: -147px; }
.event .event03_btn {position: absolute; bottom: 730px; left: 50%; margin-left: -179px; }
.event .event04_btn {position: absolute; bottom: 45px; left: 50%; margin-left: -123px; }

/* mypage */
.mypage {text-align: left;}
.mypage .mypage-section {margin-bottom: 70px; }
.mypage .mypage-title, .order .order-title {font-size: 16px; color: #333333; font-weight: 500; margin-bottom: 20px; position: relative;}
.mypage .mypage-title .normal {color: #666; font-weight: normal;}
.mypage .mypage-title select {position: absolute; bottom: -10px; right: 0; width: 120px;}
.mypage .mypage-summary {color: #666666; font-size: 16px; font-weight: 300; margin-bottom: 20px;}
.mypage em {font-style: normal; color: #000; font-weight: 500;}
.mypage .point {color: #da8028 !important;}
.mypage .point.underline {font-size: 16px;}
.mypage .coupon input[type='text'] {width: 132px; margin: 0 4px; vertical-align: middle;}
.mypage .coupon button {padding: 0 20px;}
.mypage .ui-tab .tab {text-align: center; width: 74px; height: 35px; font-size: 14px; font-weight: 300;}
.mypage .filter {position: relative;}
.mypage .filter .ui-tab {float: left;}
.mypage .filter .search {float: right;}
.mypage .filter .search select {margin-right: 4px;}
.mypage .filter .search input[type='text'] {width: 134px; position: relative;}
.mypage .filter .search label {content: ''; display: inline-block; vertical-align: middle; background-image: url('https://image3.masterprep.net/content/sprite.png'); background-repeat: no-repeat; background-size: 500px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: -260px -170px; width: 15px; height: 14px; position: absolute; top: 8px; right: 12px;}
.mypage .filter .search span.dash {padding: 0 4px; vertical-align: middle;}
.mypage .filter .search span {position: relative;}
.mypage .filter .search button {font-size: 14px; margin-left: 4px; width: 55px; height: 32px; vertical-align: middle;}
.mypage .ui-tab.lectureTab .tab {width: 142px;}
.mypage .teacher-box {border: 2px solid #cbc2dd; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 21px 33px; margin-bottom: 20px;}
.mypage .teacher-box .profile {border: 1px solid #dedede; width: 148px; float: left;}
.mypage .teacher-box .teacher-info {float: left; margin-left: 30px; width: 75%; position: relative; padding-bottom: 20px;}
.mypage .teacher-box .teacher-info.default-type {padding-bottom:0;}
.mypage .teacher-box .teacher-info li {position: relative; padding-left: 10px; color: #666666; line-height: 2em; font-size: 14px; word-break: keep-all;}
.mypage .teacher-box .teacher-info li:after {content: ''; display: block; position: absolute; top: 13px; left: 0; width:5px; height: 5px; background-color: #927fb6;}
.mypage .teacher-box .teacher-info li span {display: table-cell;}
.mypage .teacher-box .teacher-info li span.subject {width: 50px;}
.mypage .teacher-box .teacher-info li span.desc {width: 500px; padding-left: 20px;}
.mypage .teacher-box .teacher-info li span.desc.underline {text-decoration: none; font-size: 20px; font-weight: 300; color: #000; word-break: keep-all;}
.mypage .teacher-box .teacher-info li span.bar {vertical-align: middle; display: inline-block; background-color: #5e7cce; height: 14px; width: 20%;}
.mypage .teacher-box .teacher-info li span.percent {display: inline-block;}
.mypage .teacher-box .teacher-info li .dDay {border: 1px solid #d5d5d5; display: inline-block; padding: 0 10px; margin-left: 70px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.mypage .teacher-box .teacher-info .buttons {position: absolute; bottom: -10px; right: -34px;}
.mypage .teacher-box .teacher-info .buttons button {font-size: 12px; height: 25px; padding: 0 20px 2px;}
.mypage .button-r {position: absolute; right: 10px; bottom: 20px;}
.mypage .check-area {margin: 0; left: 12px;}
.mypage .ui-table td {padding: 4px 0;}
.mypage .ui-table td .percent {width: 96px; height: 35px; border: 1px solid #d5d5d5; display: inline-block; vertical-align: middle;}
.mypage .mypage-section .ui-table td p {margin: 4px 0;}
.mypage .mypage-section .ui-table td p.dily-pay {color: #999999;}
.mypage .mypage-section .ui-table td.delivery {color: #684c96;}
.mypage .mypage-section .ui-table td.delivery button {font-size: 12px; font-weight: 300;}
.mypage .mypage-section .ui-table td.delivery button.violet {background-color: #927fb6;}
.mypage .mypage-section .ui-table td.delivery button.black {background-color: #444444; color: #fff;}
.mypage .mypage-section .ui-table td.delivery button.grey {background-color: #afafaf; color: #fff;}
.mypage .mypage-section .questionType {margin-bottom: 20px;}
.mypage .mypage-section .questionType select {width: 162px;}
.mypage .mypage-section .buttons {text-align: center;}
.mypage .mypage-section .ui-table.write td {padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.mypage .mypage-section .ui-table.write td em {color: #836ea7;}
.mypage .segment.line { background-color: #fff; padding: 50px 0 37px; font-size: 16px; color: #666666; text-align: center; margin-bottom: 20px;}
.mypage .segment.line .member-form.search {border: none; padding: 0;}
.mypage .segment.line .member-form.search:first-child {margin: 0;}
.mypage .segment.line .member-form.search .input-area {padding-left: 50px;}
.mypage .segment.line.member {text-align: left;}
.mypage .segment.secession {margin-bottom: 0;}
.mypage .member-secession {color: #888888; font-size: 14px; margin-top: 15px; margin-bottom: 60px;}
.mypage .secession-info {color: #888888; font-size: 14px; margin-bottom: 32px;}
.mypage .secession-complete {text-align: center; color: #888888; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 50px 0 20px;}
.mypage .secession-complete p {line-height: 1.7em;}
.mypage .detail-tab {margin-bottom: 28px;}
.layer.mypage {width: 890px;}
.layer.mypage .content li:before {display: none;}
.layer.mypage .segment {padding-left: 184px; width: 778px; margin-top: 34px;}
.layer.mypage .segment li {position: relative; color: #da8028; font-size: 12px;}
.layer.mypage .segment li:before {content: ''; display: block; position: absolute; top:6px; left: 0; width: 5px; height: 5px; background-color: #da8028;}
.layer.mypage .teacher-box.single .teacher-info {margin-left: 0; width: 100%; padding-bottom: 40px;}
.layer.mypage .teacher-box.single .teacher-info li span.calendar {position: relative; display: inline-block;}
.layer.mypage .teacher-box.single .teacher-info li span.calendar input {-webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 30px; }
.layer.mypage .teacher-box.single .teacher-info li span.calendar label {position: absolute; top: 10px; right: 10px;}
.layer.mypage .teacher-box.single .teacher-info li span.subject {width: 120px;}
.layer.mypage .teacher-box.single .teacher-info li span.desc.underline {width: 700px; padding-left: 30px;}
.layer.mypage .teacher-box.single .buttons {position: absolute; bottom: 10px; right: 0; left: 148px; text-align: left;}
.layer.mypage .pointRed {color: #e60000; font-size: 12px;}
.layer.mypage li p {margin: 0; font-size: 12px; line-height: 1.8em;}
.layer.mypage li input[type='text'] {margin: 0px 4px 4px;}
.layer.mypage li input[type='text'].pause {width: 82px;}
.layer.mypage li input[type='text'].calendar {width: 133px;}

/* order */
.order {text-align: left;}
.order p {margin:0;}
.order .order-title button.receipt {font-size: 12px; color: #666666; width:110px; height: 28px; font-weight: 300;}
.order .order-title > div {float: right;}
.order .order-title div.buttons {float: left;}
.order .order-title span.order,
.order .order-title label.order {color: #684d98; font-size: 20px;}
.order .order-list {position: relative; top: 10px;}
.order .buttons {text-align: right;}
.order .order-discription {margin: 0px auto 30px; line-height: 1.6em; text-align: center; font-size: 16px; color: #666666; width: 80%; word-break: keep-all; font-weight: 300;}
.order .point {color: #836ea9 !important; font-weight: 400;}
.order .point-yellow {color: #da8028 !important;}
.order .point-blue {color: #0097bf !important;}
.order .point-black {color: #000 !important;}
.order .point-red {color: #e60000 !important;}								/* 20190120 추가 */
.order .point-red-bold {color: #e60000 !important; font-weight: bolder;}	/* 20190120 추가 */
.order .order-section {margin-bottom: 60px;}
.order .order-section p,
.order .order-section td,
.order .order-section span.limit-text,
.order .order-section label {color: #999999;}
.order .order-step {text-align: center;}
.order .step-container {margin-bottom: 60px; display: inline-block;}
.order .step-container .step {float: left; text-align: left; display: table; height: 69px;}
.order .step-container .step.active {color: #684d98;}
.order .step-container .step span.step-text {display: table-cell; vertical-align: middle; font-size: 14px; padding-left: 12px;line-height:1.2}
.order .step-container .step span.step-text .step-no {font-size: 12px; display: block; margin-bottom: 6px;}
.order .step-container .step.step-arrow {position: relative; width: 80px;}
.order .step-container .step.step-arrow i {position: absolute; top: 50%; margin-top: -8px; right: 34px;}
.order .step-container .step-01 i {background-position: -82px -356px;}
.order .step-container .step-02 i {background-position: -152px -356px;}
.order .step-container .step-03 i {background-position: -222px -356px;}
.order .step-container .step-01.active i {background-position: -82px -426px;}
.order .step-container .step-02.active i {background-position: -152px -426px;}
.order .step-container .step-03.active i {background-position: -222px -426px;}
.order .order-type tbody td {height: 92px !important; line-height: 1.6em;}
.order .order-type td.td-left {text-align: left; color: #999999; height: 160px !important; padding-left: 30px; font-size: 14px;}
.order td.td-total {text-align: left; background-color: #f7f7f7; color: #666666; font-size: 16px; padding-left: 26px;}
.order td.td-total span {display: inline-block; line-height: 1.6em; vertical-align: top;}
.order td.td-total .price-title {width: 120px; vertical-align: top;}
.order td.td-total .colon {vertical-align: top; padding-right: 10px;}
.order td.td-total .price {width: 146px; text-align: right; font-size: 20px;}
.order td.td-total .price.detail {text-align: left; font-size: 20px;}
.order td.td-total .price-usd {display: block;}
.order td.td-total .price-order-title {color: #666666; font-size: 16px; line-height: 26px; display: inline-block; width: 126px;}
.order td.td-total .price-result {font-size: 16px; padding-left: 30px; display: inline-block; width: 70%;   }
.order td.td-total .price-result span.point-yellow,
.order td.td-total .price-result span.point-blue {font-size: 20px;}
.order td img {vertical-align: middle;}
.order td input, .order td label {vertical-align: middle;}
.order td.subject-container {padding: 0;}
.order td .subject .subject-violet {vertical-align: middle; height: 40px; font-size: 14px; color: #927fb6; background-color: #f2f0f8; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 0 4px 18px; width: 190px;}
.order td .subject .subject-violet.col {width: 87px;}
.order td .subject.zipcode .subject-violet {vertical-align: top;}
.order td .subject .subject-content {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 0 4px 18px; width: 540px; vertical-align: middle;}
.order td .subject .subject-content.col {width: 220px; position: relative;}
.order td .subject .subject-content.col button {margin-left: 40px; position: absolute; right: 0; top: 4px;}
.order td .subject > span {display: table-cell;}
.order td .subject {border-top: 1px solid #e6e6e6;}
.order td .subject:first-child {border: none;}
.order td.table-bg-violet {background-color: #f2f0f8;}
.order td .info {font-size: 12px; color: #999999; padding: 0px 0;}
.order td select {margin: 4px 0;}
.order td input[type='radio'] {margin-left: 14px;}
.order td input[type='radio']:first-child {margin: 0;}
.order td.total-pay {color: #da8028; font-size: 20px;}
.order td .point-payment {padding: 5px 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.order td .point-payment input[type='text'] {margin-right: 10px;}
.order .order-complete {font-size: 24px; color: #333333; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 55px 0 25px;}
.order .order-complete em {font-style: normal; font-weight: 600; color: #000;}
.ui-table.payment-info {margin-bottom: 20px;}

.readme {margin-top: 65px;}
.readme.no-title {margin-top: 20px; margin-bottom: 60px;}
.readme p {color: #333333; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 2px solid #333333;}
.readme li {color: #666666; font-size: 14px; margin: 2px 0; position: relative; padding-left: 16px; font-weight: 300; line-height: 1.8em;}
.readme li:before {content: ''; position: absolute; width: 3px; height: 3px; background-color: #927fb6; top: 11px; left: 0;}
.readme li em {font-style: normal; color: #000000; font-weight: 500;}
.readme li button {font-size: 12px; height: 25px; font-weight: 300;}
.readme ul.num-list li{padding:0}
.readme ul.num-list li:before{display:none;}
.readme.no-line p {border: none; padding-bottom: 0;}
.readme .paypal-info {margin-top: 16px;}
.readme .paypal-info.flex{display:flex}
.readme .paypal-info.flex > div{flex:1}
.readme .paypal-info p {font-size: 14px; font-weight: 300; color: #333333; margin: 0; line-height: 1.6em;}
.readme .paypal-info p.title {font-weight: 500; color: #684d98;}
.readme .paypal-info p.setup-file {margin-top: 20px;}

.layer .th-info {color: #666666; font-size: 12px; display: block; margin-top: 6px;}

.layer.popDvd .content .title:before {background-color: #fff; margin: 0; width: 0; height: 0;}
.layer.popDvd .content .title {font-size: 18px;}
.layer.popDvd .segment {margin: 0; padding: 18px; background-color: #f8f8f8; border-color: #e4e4e4;}
.layer.popDvd .segment p.title {font-size: 18px; color: #684c96; margin: 0; margin-top: 10px;}
.layer.popDvd .segment ul {margin: 0; margin-top: 5px; margin-bottom: 18px;}
.layer.popDvd .segment li button {font-size: 12px; font-weight: 300; padding: 0 10px;}
.layer.popDvd .ui-table {margin: 24px 0;}

.layer.postal {width: 600px;}
.layer.postal .tab {text-align: center;}
.layer.postal .postal-content {color: #666666; font-size: 14px; line-height: 1.6em;}
.layer.postal .postal-content span {color: #666666; font-size: 12px; display: inline-block; margin-top: 10px;}
.layer.postal .search-addr {text-align: center; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5px;}
.layer.postal .search-addr span {font-size: 14px; color: #836ea7; display: inline-block; margin-right: 5px;}
.layer.postal .search-addr input {width: 410px; height: 29px;}
.layer.postal .search-addr button {background-color: #727479; color: #fff; vertical-align: middle; border: none; font-size: 14px; width: 55px; height: 29px; padding: 0;}
.layer.postal .type_2 input[type="text"] {width: 156px; margin: 0 2px;}
.layer.postal .type_2 .search-addr {text-align: left; height: 80px; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 5px;}
.layer.postal .type_2 .search-addr .select-type {margin-bottom: 6px;}
.layer.postal .type_2 select {width: 156px; margin: 0 2px;}
.layer.postal .postal-result {text-align: center; margin-top: 35px;}
.layer.postal .postal-result .ui-table thead td {text-align: center;}
.layer.postal .postal-result .ui-table td {color: #666666; font-size: 14px; line-height: 1.6em; padding: 6px 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.layer.postal .postal-result .ui-table td button {width: 91px; height: 34px;}

.layer.idCheck {width: 400px;}
.layer.idCheck .idCheck-content {color: #666666; font-size: 14px; line-height: 1.6em;}
.layer.idCheck .idcheck-result {text-align: center; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5px;}
.layer.idCheck .idcheck-result span {font-size: 14px; color: #836ea7; display: inline-block; margin-right: 5px;}
.layer.idCheck .idcheck-result input {width: 182px; height: 29px;}
.layer.idCheck .idcheck-result button {background-color: #727479; color: #fff; vertical-align: middle; border: none; font-size: 14px; width: 93px; height: 29px; padding: 0;}

.layer.setup {background: url('https://image3.masterprep.net/content/order/setup.png') 0 0 no-repeat; left: 50%; top: 50%; margin-left: -295px; margin-top: -244px; width: 589px; height: 487px; font-family: 'Dotum', serif; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 100px 40px 0;}
.layer.setup .progress {text-align: center;}
.layer.setup p {word-break: keep-all; position: relative; line-height: 1.4em;}
.layer.setup p.list {padding-left: 20px;}
.layer.setup .num {position: absolute; top: 0; left: 0;}
.layer.setup .setup-info {background: url('https://image3.masterprep.net/content/order/icon.png') 0px 30px no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 182px; padding-top: 20px;}
.layer.setup .setup-info p.title {font-size: 14px;}
.layer.setup .setup-info p.title span,
.layer.setup .setup-info p.title img {vertical-align: middle;}
.layer.setup .setup-info li {position: relative; padding-left: 20px; line-height: 1.6em; letter-spacing: 0;}
.layer.setup .setup-info li .link {text-decoration: underline; color: #0066cc;}
.layer.setup .setup-info li button {width: 95px; height: 25px; line-height: 1;}

.layer.popDCmail {width: 600px;}
.layer.popDCmail .summary {padding-bottom: 10px;}
.layer.popDCmail th,
.layer.popDCmail td {text-align: left; font-size: 14px; padding: 10px 0;}
.layer.popDCmail th {position: relative; color: #684c96; border-bottom: 1px solid #d5d5d5; font-weight: normal; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 30px;}
.layer.popDCmail th:before {background-color: #927fb6; width: 5px; height: 5px; position: absolute; content: ''; display: block; top: 50%; left: 14px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%);}
.layer.popDCmail th.fixed-bullet:before {top: 17px;}
.layer.popDCmail td .textarea {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 30px;} 
.layer.popDCmail td textarea {resize: none; height: 70px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.layer.popDCmail td.phone input {width: 104px;}
.layer.popDCmail td.email input {width: 140px;}
.layer.popDCmail td .dash {display: inline-block; vertical-align: middle; margin: 0 4px;}

.layer.poplecturedl {width: 500px;}
.layer.poplecturedl .summary {text-align: center;}

.layer.popFDeliveryAdd {width: 600px;}
.layer.popFDeliveryAdd td {word-break: keep-all;}
.layer.popFDeliveryAdd td input[type='text'] {width: 164px;}
.layer.popFDeliveryAdd td input[type='text'].addr_1 {width: 127px; margin-bottom: 4px;}
.layer.popFDeliveryAdd td input[type='text'].addr_2 {width: 314px;}
.layer.popFDeliveryAdd td input[type='text'].phone {width: 260px;}
.layer.popFDeliveryAdd td .info-text {display: inline-block; padding-left: 4px; color: #999999; font-size: 14px; letter-spacing: -1px;}
.layer.popFDeliveryAdd .info {margin-bottom: 40px;}
.layer.popFDeliveryAdd .info .title:before {display: none;}

.event-epilogue .top-epilogue {position: relative; background: url('https://image3.masterprep.net/content/community/epilogue_top.png') 0 0 no-repeat; width: 100%; height: 498px;text-align: left; padding: 52px 67px; box-sizing: border-box; letter-spacing: -2px;}
.event-epilogue .top-epilogue h1{font-size: 46px; font-weight: bold; color: #fff; margin: 0;}
.event-epilogue .top-epilogue .summary {color: #c0b7d5; font-size: 20px; margin-top: 24px; letter-spacing: -1px; line-height: 28px;}
.event-epilogue .top-epilogue .summary em {font-size: 22px; color: #fff;}
.event-epilogue .top-epilogue .epilogue-view {position: absolute; top: 54px; right: 35px; background: #fff; border-radius: 10px; width: 591px; height: 400px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 26px; box-shadow: 0px -2px 11px 12px rgba(0,0,0,0.1); box-shadow: 0px -2px 11px 12px rgba(0,0,0,0.1);}
.event-epilogue .top-epilogue .epilogue-view .user .avatar {border-radius: 50%; width: 62px; height: 62px; overflow: hidden; background-color: gray; display: inline-block; vertical-align: middle;}
.event-epilogue .top-epilogue .epilogue-view .user .title {display: inline-block; vertical-align: middle; line-height: 62px; height: 62px; margin-left: 18px;}
.event-epilogue .top-epilogue .epilogue-view .view-text {padding: 24px 14px; line-height: 22px;}
.event-epilogue .top-epilogue .epilogue-view .view-text em {color: #6f1bff;}
.event-epilogue .round-box {word-break: keep-all; text-align: left; border: 1px solid #cecece; border-radius: 10px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 13px 16px; line-height: 1.6em; font-size: 16px; margin: 5px 0;}
.event-epilogue .round-box .imgs {text-align: center !important;}
.event-epilogue .epilogue-list {background-color: #ecf0f1;}
.event-epilogue .epilogue-area {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 13px 50px 38px;}
.event-epilogue .epilogue-item {margin-top: 25px;}
.event-epilogue .epilogue-list .user {text-align: left; display: table;}
.event-epilogue .epilogue-list .thumb {display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 16px;}
.event-epilogue .epilogue-list .teacher {display: table-cell; vertical-align: middle; line-height: 1;}
.event-epilogue .epilogue-list .teacher-name {font-size: 20px; color: #000; padding-bottom: 10px;}
.event-epilogue .epilogue-list .teacher-lecture {font-size: 22px; color: #666666;}
.event-epilogue .student-action {font-size: 16px; color: #0b0b0b; text-align: left; }
.event-epilogue .student-action .student-tooltip {margin: 12px 0 2px;}
.event-epilogue .point-orange {color: #e45202 !important;}
.event-epilogue .point-blue {color: #1a51a3 !important;}
.event-epilogue .point-violet {color: #7b22af !important;}

.grade {margin-top: 22px;}
.grade .grade-list .grade-item {width: 100%; margin-bottom: 40px;}
.grade .grade-list .grade-item .grade-num {float: left; margin-right: 28px;}
.grade .grade-list .grade-item .grade-description {float: left; width: 926px; font-size: 15px;}
.grade .grade-list .grade-item .grade-description .summary {background-color: #e7e7e7; color: #595959; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 24px; line-height: 1.6em; margin-bottom: 20px;}
.grade .grade-list .grade-item .grade-description .summary em {color: #1e1e1e; font-style: italic;}
.grade .grade-list .grade-item .grade-description li {position: relative; padding-left: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; line-height: 1.6em; color: #595959; margin-bottom: 18px;}
.grade .grade-list .grade-item .grade-description li em {font-style: italic;}
.grade .grade-list .grade-item .grade-description li:before {content: ''; display: block; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: #cd374a; border-radius: 3px;}
.grade .grade-list .grade-item .grade-description li .point-orange {color: #c45800;}
.grade .grade-list .grade-item .grade-description li .point-violet {color: #402ca6;}

.oversea {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 26px;}
.oversea .how-to-study {line-height: 1.6em;}
.oversea .how-to-study .title {font-size: 24px; color: #2d3341; display: table; height: 37px;}
.oversea .how-to-study .title span {display: table-cell; vertical-align: middle;}
.oversea .how-to-study li {position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 54px; margin-top: 30px;}
.oversea .how-to-study li:before {content: ''; display: block; position: absolute; top: 0; left: 0; background: url('https://image3.masterprep.net/content/sprite.png') 0 0 no-repeat; background-size: 500px auto; width: 37px; height: 37px;}
.oversea .how-to-study li.item-1:before {background-position: -372px -140px;}
.oversea .how-to-study li.item-2:before {background-position: -416px -140px;}
.oversea .how-to-study li {color: #727272; font-size: 16px; text-align: left;}
.oversea .oversea-tip {margin-top: 30px;}
.oversea .oversea-tip .title-header {display: table; background-color: #fe9900; border-radius: 10px; width: 100%; height: 64px; text-align: left; color: #fff; font-size: 22px;}
.oversea .oversea-tip .title-header span {display: table-cell; vertical-align: middle;}
.oversea .oversea-tip .title-header span.num {width: 47px; padding: 0 20px 0 18px;}
.oversea .oversea-tip .title-header .oversea-num-2 {font-size: 24px;}
.oversea .oversea-tip .description {color: #727272; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px; text-align: left; line-height: 1.6em;}
.oversea .oversea-tip .segment {border-radius: 10px; background-color: #f7f1ed; padding: 18px; font-size: 16px;}
.oversea .oversea-tip .segment span {font-size: 16px; display: block; position: relative; padding-left: 16px; font-size: 16px;}
.oversea .oversea-tip .segment .point-red {color: #de165c; text-decoration: underline;}
.oversea .oversea-tip .segment .point-blue {color: #0039ae; text-decoration: underline;}
.oversea .reference {background: url('https://image3.masterprep.net/content/event/boook.png') 800px 40px no-repeat; text-align: left; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 18px 10px 18px;}
.oversea .reference p {color: #df6c17;}
.oversea .reference li {color: #fff; background-color: #605e65; font-size: 16px; height: 30px; width: 700px; display: table; margin-bottom: 3px; padding-left: 24px;}
.oversea .reference li span {display: table-cell; vertical-align: middle;}
.oversea thead th {vertical-align: top;}
.oversea thead th .step-1 {height: 18px; border-bottom: 6px solid #ffa119;}
.oversea thead th .step-2 {height: 12px; border-bottom: 12px solid #ff8500;}
.oversea thead th .step-3 {height: 6px; border-bottom: 18px solid #fc7000;}
.oversea th {text-align: left; font-weight: normal; padding-bottom: 30px;}
.oversea th span {color: #444444; font-size: 24px; border-left: 1px solid #dddddd; display: inline-block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 0 10px;}
.oversea th div.summary {color: #7c7c7c; font-size: 16px; margin-top: 20px; padding-right: 50px; word-break: keep-all; line-height: 1.4em; padding-left: 10px;}
.oversea tbody th {text-align: left; color: #444444; font-size: 24px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px;}
.oversea tbody tr td {padding-bottom: 30px; padding-right: 55px; word-break: keep-all;}
.oversea td {text-align: left; vertical-align: top; font-size: 15px; color: #7c7c7c; line-height: 1.5em; padding-left: 10px; word-break: keep-all;}
.oversea td .title {color: #d35e00; font-size: 17px; display: block;}
.oversea td .point-blue {color: #2154a1; display: block;}
.oversea td .sub-text { height: 152px;}

.layer.lecAdvice {width: 600px;}
.layer.lecAdvice .info li {position: relative; padding-left: 20px;}
.layer.lecAdvice .info li:before {display: none;}
.layer.lecAdvice .info li span.num {display: inline-block; position: absolute; left: 0;}
.layer.lecAdvice textarea {height: 110px; resize: none; margin-top: 20px;}
.layer.lecAdvice .th-info {display: inline-block; margin: 0; padding-left: 5px;}
.layer.lecAdvice .user-form li:before {width: 5px; height: 5px;}
.layer.lecAdvice .user-form p {margin: 15px 0 6px;}
.layer.lecAdvice .phone input {width: 110px;}
.layer.lecAdvice .email input {width: 150px;}
.layer.lecAdvice .dash {display:inline-block; padding: 0 4px; color: #cccccc;}

#TitleBannerArea {margin-bottom: 46px;}
#tab-my-question table td {padding: 100px 0;}

.pointRedcolor     {color:#ea2f4b !important;}
.pointVioletcolor  {color:#4e2a84 !important;}
.pointOrangecolor  {color: #e15f00 !important;}
.pointBluecolor    {color: #46619d !important;}
.pointPurplecolor  {color: #b410a8 !important;}
.pointDarkRedcolor {color: #cd4706 !important;}
.pointSkyBluecolor {color: #418ef7 !important;}
.pointBlackcolor   {color: #000000 !important;}
.underline         {text-decoration: underline;}
.fw500             {font-weight: 500;}
.italic            {font-style: italic;}

.ml45 {margin-left: 45px;}
.mt15 {margin-top: 15px;}

/*======================== S 서브 배너 ===========================*/
.grade-map-top {
  position: relative;
  width: 1080px;
  height: 395px;
  margin: 0 auto;
  background: #9869ff url(http://image3.masterprep.net/content/event/bg_sub_grade.png);
}
.grade-map-top .inner {
  position: relative;
  padding: 50px 36px 0 36px;
  text-align:left;
}
.grade-map-top .inner .text-desc {
  font-size: 20px;
  color: #3e296b;
  line-height: 25px;
  letter-spacing: -0.5px;
}
.grade-map-top .inner .text-title {
  margin-top: 14px;
  font-size: 42px;
  color: #fff;
  line-height: 50px;
  letter-spacing: -0.5px;
}
.grade-map-top .grade-map-list {
  margin-top: 20px;
  list-style: none;
}
.grade-map-top .grade-map-list > li {
  float: left;
  vertical-align: top;
  width: 162px;
  margin-left: 20px;
}
.grade-map-top .grade-map-list > li:first-child {
  margin-left: 0;
}
.grade-map-list:after {
  display: block;
  content: "";
  clear: both;
}
.grade-map-top .grade-map-list > li .inner-box {
  overflow: hidden;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.grade-map-top .grade-map-list > li .inner-box .top {
  padding: 12px;
  line-height: 1;
  font-size: 20px;
  color: #fff;
}
.grade-map-top .grade-map-list > li .inner-box .desc {
  font-size: 15px;
  line-height: 23px;
  color: #4b4b5d;
  padding: 14px 10px;
  letter-spacing: -1px;
}
.grade-map-top .grade-map-list > li .inner-box .desc strong {
  font-weight: bold;
}
.grade-map-top .grade-map-list > li:nth-child(1) .inner-box .top,
.grade-map-top .grade-map-list > li:nth-child(3) .inner-box .top {
  background-color: #4e2a84;
}
.grade-map-top .grade-map-list > li:nth-child(2) .inner-box .top,
.grade-map-top .grade-map-list > li:nth-child(4) .inner-box .top {
  background-color: #753fbc;
}
.grade-map-top .info-area { 
  position: relative;
  margin-top: 49px;
  height: 68px;
  background-color: #7349c1;
  box-sizing: border-box;
  padding: 12px 0 0 130px;
  color: #fff;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.5px;
  text-align:left;
}
.grade-map-top .info-area > span {
  position: absolute;
  left: 33px;
  top: 18px;
  line-height: 1;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  padding: 6px 15px;
  background-color: #4e2a84;
  border-radius: 6px;
}

/* oversea roadmap */
.oversea-map-top {
  position: relative;
  width: 1080px;
  height: 395px;
  margin: 0 auto;
  background: #9869ff url(http://image3.masterprep.net/content/event/bg_sub_overseamap.png);
}
.oversea-map-top .inner {
  position: relative;
  padding: 50px 36px 0 36px;
  text-align:left;
}
.oversea-map-top .inner .text-desc {
  font-size: 20px;
  color: #3e296b;
  line-height: 25px;
  letter-spacing: -0.5px;
}
.oversea-map-top .inner .text-title {
  margin-top: 10px;
  font-size: 42px;
  color: #fff;
  line-height: 42px;
  letter-spacing: -2.5px;
}
.oversea-map-top .inner .text-bottom {
  margin-top: 36px;
  font-size: 20px;
  color: #fff;
  line-height: 29px;
  letter-spacing: -0.5px;
}
/*======================== E 서브 배너 ===========================*/