@charset "UTF-8";

/*공통*/
.apply strong {
    font-weight: 100;
    font-family: 'noto6' !important;
}

.apply dl.list-dot dd {
    padding-left: 13px;
    position: relative;
}

.apply dl.list-dot dd::before {
    left: 0;
    position: absolute;
    content: 'ㆍ';
}

.apply {
    margin-top: 50px;
}

.apply .con {
    width: 100%;
    font-family: 'noto3';
    font-weight: 100;
    position: relative;
}

.apply .con .inner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.apply .con .inner .con_title {
    text-align: left;
    font-size: 33px;
    line-height: 43px;
    color: #000;
}

.apply .line {
    text-align: center;
}

.apply .con a {
    display: block;
    position: absolute;
}

.apply .div-table {
    display: table;
}

.apply .div-table>* {
    display: table-cell;
    vertical-align: middle;
}

/*공통 content*/

/*지원혜택 :S*/
.apply .bene_wrap {
    background: #f5f5f5;
    padding: 91px 0;
}

.apply .bene_wrap .con_title {
    width: 50%;
}

.apply .bene_wrap .bene1 h4 {
    font-size: 20px;
    margin: 8px 0 8px 0;
}

.apply .bene_wrap .bene_list {
    background: #dedede;
    padding: 20px 35px;
    box-sizing: border-box;
    display: table;
    width: 100%;
    height: 173px;
    margin: 71px auto 0;
}

.apply .bene_wrap .bene_list li {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    height: 144px;
    padding-top: 40px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    font-size: 17px;
    line-height: 20px;
}

.apply .bene_wrap .bene_list li::after {
    position: absolute;
    right: 0;
    top: calc(50% - 20px);
    width: 14px;
    height: 14px;
    display: block;
    content: '';
    background: url('/_skin/tpl_skin/basic_tesat/images/apply/onemore/con6_x.png');
}

.apply .bene_wrap .bene_list li:last-child::after {
    display: none;
}

.apply .bene_wrap .bene_list li strong {
    display: block;
}

.apply .bene_wrap .bene_list li a {
    width: 74px;
    height: 20px;
    color: #fff;
    background: #323232;
    font-size: 12px;
    border-radius: 10px;
    margin: 8px 0 0 57px;
    /*! display: inline-block; */
}

.apply .bene_wrap .bene1 {
    float: right;
    width: 50%;
    height: 105px;
    margin-top: -70px;
    padding-left: 249px;
    box-sizing: border-box;
    text-align: left;
}

.highscore_wrap {
    padding: 0;
}

.highscore_wrap .mid {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.highscore_wrap .con1 {
    background: #bbc4df;
}

.highscore_wrap .line {
    background: #12163d;
    padding: 40px 0;
    text-align: center;
    color: #fff;
    font-family: 'noto5';
    font-size: 34px;
}

.highscore_wrap .con1 .bullet {
    position: absolute;
    width: 200px;
    height: 190px;
    top: 90px;
    left: -30px;
    font-size: 0;
    text-indent: -9999px;
    background: url('/_skin/tpl_skin/basic_maegyung_new/images/apply/high_score/top_bullet.png');
}

.highscore_wrap .con2 {
    background: #f5f2ed;
    padding: 70px 0 85px 0;
    font-family: 'noto3';
}

.highscore_wrap .con2 .mid {
    text-align: left;
}

.highscore_wrap .con2 h2 {
    font-size: 28px;
    line-height: 140%;
    font-family: 'noto5';
    overflow: hidden;
    margin: 0 0 25px 0;
}

.highscore_wrap .con2 h2 span {
    display: block;
    font-family: 'spoqa2';
    font-weight: 100;
}

.highscore_wrap .con2 h2 a {
    font-size: 15px;
    background: #374758;
    color: #fff;
    float: right;
    padding: 0 15px;
}

.highscore_wrap .con2 p {
    font-size: 14px;
    margin: 0 0 50px 0;
}

.highscore_wrap .con2 p b {
    display: block;
    font-family: 'noto5';
}

.highscore_wrap .con2 ul {
    font-size: 0;
}

.highscore_wrap .con2 ul li {
    display: inline-block;
    /* display: inline; */
    zoom: 1;
    vertical-align: top;
    width: 22%;
    margin: 0 0 0 4%;
    box-sizing: border-box;
    font-size: 14px;
    font-family: 'noto3';
    line-height: 150%;
}

.highscore_wrap .con2 ul li:first-child {
    margin: 0;
}

.highscore_wrap .con2 ul li img {
    display: block;
    max-width: 100%;
    margin: 0 0 20px 0;
}

.highscore_wrap .con2 ul li span {
    display: block;
    font-size: 17px;
    font-family: 'noto5';
    margin: 0 0 10px 0;
}

.highscore_wrap .teacher {
    background: #e1e8ec;
    padding: 70px 0 0 0;
}

.highscore_wrap .teacher .mid {
    border: 1px transparent solid;
    background: url('/_skin/tpl_skin/basic_maegyung_new/images/apply/high_score/con2_teacher.png') no-repeat center bottom;
}

.highscore_wrap .teacher img {
    display: block;
    margin: 0 auto 475px auto;
}

.highscore_wrap .teacher .detail {
    position: absolute;
    bottom: 85px;
    text-align: left;
    width: 180px;
}

.highscore_wrap .teacher .detail .tit {
    font-size: 30px;
    line-height: 120%;
    font-family: 'noto3';
    margin: 0 0 20px 0;
}

.highscore_wrap .teacher .detail .tit span {
    font-size: 23px;
    display: block;
    font-family: 'noto5';
}

.highscore_wrap .teacher .detail .tit b {
    font-family: 'noto5';
    letter-spacing: 2px;
}

.highscore_wrap .teacher .detail dl {
    margin: 0 0 20px 0;
}

.highscore_wrap .teacher .detail dl dd {
    font-family: 'noto3';
    padding: 0 0 0 10px;
    font-size: 13px;
    position: relative;
    line-height: 150%;
    word-break: keep-all;
}

.highscore_wrap .teacher .detail dl dd::before {
    content: 'ㆍ';
    position: absolute;
    left: 0;
}

.highscore_wrap .teacher .detail .sample {
    display: inline-block;
    position: relative;
    height: auto;
    zoom: 1;
    background: #374758;
    font-family: 'noto5';
    color: #fff;
    padding: 2px 15px;
    font-size: 13px;
}

.highscore_wrap .teacher .detail.teacher1 {
    left: 50px;
}

.highscore_wrap .teacher .detail.teacher2 {
    right: 50px;
}

.highscore_wrap .con4 {
    background: #f7f5f3;
}

.highscore_wrap .con4 .mid>a {
    position: absolute;
    font-size: 16px;
    width: 110px;
    line-height: 35px;
    bottom: 165px;
    right: 90px;
    background: #374758;
    color: #fff;
    font-family: 'noto5';
}

.highscore_wrap .con4 .popupVideo {
    left: 95px;
    top: 500px;
}

.highscore_wrap .con5 {
    background: #e9f0f3;
}

.highscore_wrap .con6 {
    background: #e4e6e8;
}

.highscore_wrap .con6 a {
    position: absolute;
    width: 70px;
    height: 25px;
    right: 95px;
    bottom: 132px;
    font-size: 0;
    text-indent: -9999px;
}

.apply-area.type1 .apply-item .apply-box .book-plus {
    float: left;
    padding: 18px 0 0 0;
}