@charset "utf-8";
/****************
* html5 css리셋 *
*****************/
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
span,
p,
strong,
em,
button,
ul,
ol,
li,
dl,
dt,
dd,
a,
form,
fieldset,
input,
textarea,
table,
thead,
tbody,
tfoot,
th,
tr,
td,
header,
footer,
nav,
section,
aside {
    margin: 0;
    padding: 0;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    /* 크롬에서만 적용 */ /* 25.07.10 추가 문제생기면 삭제해주세요. -dahee - */
    html,
    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    div,
    span,
    p,
    strong,
    em,
    button,
    ul,
    ol,
    li,
    dl,
    dt,
    dd,
    a,
    form,
    fieldset,
    input,
    textarea,
    table,
    thead,
    tbody,
    tfoot,
    th,
    tr,
    td,
    header,
    footer,
    nav,
    section,
    aside {
        margin: 0;
        padding: 0;
        font-style: normal;
        font-weight: normal;
    }
}
@supports (-ms-ime-align: auto) {
    /* 엣지에서만 적용 */ /* 25.07.22 추가 문제생기면 삭제해주세요. -dahee - */
    html,
    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    div,
    span,
    p,
    strong,
    em,
    button,
    ul,
    ol,
    li,
    dl,
    dt,
    dd,
    a,
    form,
    fieldset,
    input,
    textarea,
    table,
    thead,
    tbody,
    tfoot,
    th,
    tr,
    td,
    header,
    footer,
    nav,
    section,
    aside {
        margin: 0;
        padding: 0;
        font-style: normal;
        font-weight: normal;
    }
}
header,
footer,
section,
article,
aside,
nav {
    display: block;
}

body {
    /*font-family:"Malgun Gothic", dotum, sans-serif;*/
    font-family: 'noto3', sans-serif;
    /*font-family:'돋움', dotum,'Apple SD Gothic Neo', '애플 SD산돌고딕', sans-serif;*/
    background-color: #fff;
    color: #333;
    font-size: 14px;
    letter-spacing: -0.5px;
    min-width: 1200px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
button {
    font-family: dotum, sans-serif;
    background: none;
    border: none;
}
fieldset,
img,
input,
textarea {
    border: none;
}
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    color: inherit;
}
ul,
ol {
    list-style-type: none;
}
address,
cite {
    font-style: normal;
}
img,
input,
select {
    vertical-align: middle;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.sdedu-logo,
.sdedu-logo_new,
.tmp-logo {
    float: left;
}

.list-etc > li,
.list-etc-li {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 3px;
}

.list-etc > li.sub_title {
    padding-left: 0;
}

.list-etc > li::before,
.list-etc-li::before {
    content: '\203B';
    display: block;
    position: absolute;
    left: 0;
}

.list-etc > li::before {
    content: "-";
}

.list-etc > li.sub_title::before {
    display: none;
}

.apply-area {
    /*
    padding-top:49px;
    margin-top:-49px;
*/
    letter-spacing: 0;
    font-family: 'noto4';
    font-weight: 300;
}
.apply-area .mgl20 {
    margin-left: 20px;
}
.apply-area .mgl40 {
    margin-left: 40px;
}
.apply-area .mgl60 {
    margin-left: 60px;
}
.apply-area .mgl80 {
    margin-left: 80px;
}
.apply-area .mgl100 {
    margin-left: 100px;
}
.apply-area .mgl150 {
    margin-left: 150px;
}
.apply-area .mgl250 {
    margin-left: 250px;
}
.apply-title {
    min-width: 1100px;
    margin: 0 auto;
    background: #0b194f;
    color: #fff;
    text-align: center;
    font-family: 'noto5';
    padding: 30px 0;
    font-size: 30px;
    line-height: 35px;
}
.apply-area .apply-title {
    min-width: 1100px;
    margin: 0 auto;
    background: #0b194f;
    color: #fff;
    text-align: center;
    font-family: 'noto5';
    padding: 30px 0;
    font-size: 30px;
    line-height: 35px;
}
.apply-area .apply-title span {
    font-family: 'noto3';
}
.apply-area .apply-ment {
    padding: 80px 0 0 0;
    text-align: center;
    font-family: 'noto3';
    font-size: 18px;
    line-height: 26px;
}
.apply-area .apply-tab .tab-menu {
    width: 1100px;
    margin: 50px auto 0;
    display: table;
}
.apply-area .apply-tab .tab-menu::after {
    content: '';
    display: table;
    clear: both;
}
.apply-area .apply-tab .tab-menu li {
    display: table-cell;
    vertical-align: middle;
}
.apply-area .apply-tab .tab-menu.item1 li {
    width: 100%;
}
.apply-area .apply-tab .tab-menu.item2 li {
    width: 50%;
}
.apply-area .apply-tab .tab-menu.item3 li {
    width: 33.3%;
}
.apply-area .apply-tab .tab-menu.item3 li:first-child {
    width: 33.4%;
}
.apply-area .apply-tab .tab-menu.item4 li {
    width: 25%;
}
.apply-area .apply-tab .tab-menu.item5 li {
    width: 20%;
}

.apply-area .apply-tab .tab-menu li a {
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 0;
    line-height: 25px;
    text-align: center;
    background: #c8cbce;
    color: #fff;
    font-size: 18px;
    font-family: 'noto5';
}
.apply-area .apply-tab .tab-menu li a.selected {
    background: #474b5b;
}
.apply-area .apply-tab .tab-menu.style2 li a {
    display: block;
    width: 99%;
    margin-left: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 56px;
    padding: 15px 0;
    line-height: 25px;
    text-align: center;
    border: 3px solid #c7cbce;
    color: #a8acad;
    background: none;
    font-size: 16px;
    font-family: 'noto5';
}
.apply-area .apply-tab .tab-menu.style2 li.first-child a {
    width: 100%;
    margin-left: 0;
}
.apply-area .apply-tab .tab-menu.style2 li a.selected {
    background: none;
    color: #494d59;
    border: 3px solid #494c5b;
}
.apply-area .tab-content {
    display: none;
}
.apply-area .tab-content.event {
    position: relative;
}
.apply-area .tab-content.selected {
    display: block;
}

.apply-area.type1 .apply-item {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0 100px;
}
.apply-area.type1 .apply-item .apply-box {
    position: relative;
    /*width:770px;*/ /* 23.01.18 예외처리 */
    height: 80px;
    margin-bottom: 55px;
    padding: 0 300px 0 30px;
}
.apply-area.type1 .apply-item .apply-box::before {
    display: block;
    position: absolute;
    content: '';
    width: 4px;
    height: 60px;
    background: #000;
    left: 0;
    top: 0;
}
.apply-area.type1 .apply-item .apply-box::after {
    content: '';
    display: table;
    clear: both;
}

.apply-area.type1 .apply-item .apply-box .extention-area {
    display: block;
    position: absolute;
    bottom: -35px;
    right: 0;
}
.apply-area.type1 .apply-item .apply-box .extention-area label {
    display: block;
    position: relative;
    padding-right: 20px;
    line-height: 26px;
    font-size: 15px;
    cursor: pointer;
    text-align: right;
    font-family: 'noto5';
}
.apply-area.type1 .apply-item .apply-box .extention-area label::before,
.apply-area.type1 .apply-item .apply-box .extention-area label::after {
    position: absolute;
    content: '';
}
.apply-area.type1 .apply-item .apply-box .extention-area label::before {
    display: block;
    border: 1px solid #000;
    width: 12px;
    height: 12px;
    top: 50%;
    margin-top: -7px;
    right: 0;
}
.apply-area.type1 .apply-item .apply-box .extention-area label::after {
    display: none;
    top: 50%;
    margin-top: -5px;
    right: 5px;
    width: 4px;
    height: 7px;
    border: solid black;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.apply-area.type1 .apply-item .apply-box .extention-area input:checked + label::after {
    display: block;
}
.apply-area.type1 .apply-item .apply-box .extention-area input {
    display: none;
}
.apply-area.type1 .apply-item .apply-box .support,
.apply-area.type1 .apply-item .apply-box .b-price,
.apply-area.type1 .apply-item .apply-box .c-price {
    position: relative;
    display: block;
    float: left;
}
.apply-area.type1 .apply-item .apply-box .t-price {
    position: relative;
    display: block;
    float: right;
}

.apply-area.type1 .apply-item .apply-box .support {
    height: 60px;
    margin-left: 30px;
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 20px;
    font-family: 'noto5';
    font-weight: 100;
}

.apply-area.type1 .apply-item .apply-box .support.one-line {
    line-height: 60px;
}

.apply-area.type1 .apply-item .apply-box .support.small {
    font-size: 16px;
    line-height: 170%;
    margin: 0;
}
.apply-area.type1 .apply-item .apply-box .support.style2 {
    line-height: 30px;
}

.apply-area.type1 .apply-item .apply-box .b-ment {
    float: left;
    margin: 6px 0 0 0;
    font-size: 16px;
}

.apply-area.type1 .apply-item .apply-box .b-ment > h3 {
    font-weight: 100;
    font-family: 'noto5';
}

.apply-area.type1 .apply-item .apply-box .b-price {
    text-align: center;
}
.apply-area.type1 .apply-item .apply-box .b-price .sale {
    display: inline-block;
    height: auto;
    line-height: 20px;
    padding: 4px 10px;
    background: #f14f4f;
    color: #fff;
    border-radius: 24px;
    margin: 5px auto 5px;
    font-family: 'noto5';
    font-size: 13px;
}

.apply-area.type1 .apply-item .apply-box .b-price.style2 .sale {
    background: #a43232;
    color: #fff;
}
.apply-area.type1 .apply-item .apply-box .b-price .num {
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 20px;
    padding: 0 10px;
    color: #b8b8b8;
}
.apply-area.type1 .apply-item .apply-box .b-price .num::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000;
    left: 0;
    top: 50%;
}

.apply-area.type1 .apply-item .apply-box .c-price .c-price-item {
    float: left;
    padding-right: 30px;
    margin-left: 30px;
    margin-top: 3px;
    font-family: 'noto5';
}
.apply-area.type1 .apply-item .apply-box .c-price .c-price-item .price-title {
    font-size: 14px;
    margin-bottom: 8px;
}
.apply-area.type1 .apply-item .apply-box .c-price .c-price-item .price {
    font-size: 18px;
}
.apply-area.type1 .apply-item .apply-box .c-price .c-price-item.border-right {
    border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.apply-area.type1 .apply-item .apply-box .t-price {
    margin-top: -3px;
}
.apply-area.type1 .apply-item .apply-box .t-price .t-price-title {
    font-family: 'noto5';
    font-weight: 100;
    font-size: 17px;
    margin-bottom: 2px;
}
.apply-area.type1 .apply-item .apply-box .t-price .price {
    position: relative;
    padding-right: 30px;
    color: #f14f4f;
    line-height: 50px;
    min-height: 50px;
}
.apply-area.type1 .apply-item .apply-box .t-price .price .num,
.apply-area.type1 .apply-item .apply-box .t-price .price .num2 {
    font-family: 'tahoma';
    font-weight: 600;
    font-size: 45px;
    line-height: 45px;
}
.apply-area.type1 .apply-item .apply-box .t-price .price .won {
    position: absolute;
    right: 0;
    bottom: 8px;
    font-family: 'noto5';
    font-weight: 600;
    font-size: 26px;
}

.apply-area.type1 .apply-item .apply-box .btn-apply-free {
    display: block;
    position: relative;
    width: 200px;
    padding-right: 20px;
    height: 65px;
    right: 0;
    top: 0;
    line-height: 65px;
    background: #f14f4f;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-family: 'noto5';
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
}

.apply-area.type1 .apply-item .apply-box .btn-apply-free::before {
    content: '>';
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
}

.apply-area.type1 .apply-item .apply-box .btn-apply {
    display: block;
    position: absolute;
    width: 230px;
    padding-right: 20px;
    height: 65px;
    right: 0;
    top: 0;
    line-height: 65px;
    background: #f14f4f;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-family: 'noto5';
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
}

.apply-area.type1 .apply-item .apply-box .btn-apply::before {
    content: '>';
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
}

.apply-area.type1 .apply-item .apply-box .btn-apply.membership {
    background: url('/_skin/myroom/images/membership/btn.png') center no-repeat !important;
    font-size: 0;
    background-size: contain !important;
    width: 255px;
    height: 106px;
    margin-top: -21px;
}

.col15 {
    width: 15%;
}
.col85 {
    width: 85%;
}
.apply-area.type1 .apply-info {
    width: 100%;
    font-size: 14px;
    border-bottom: 2px solid #000;
}
.apply-area.type1 .apply-info button {
    cursor: pointer;
}
.apply-area.type1 .apply-info tr:first-child th,
.apply-area.type1 .apply-info tr:first-child td {
    border-top: 2px solid #000;
}
.apply-area.type1 .apply-info th {
    position: relative;
    padding: 20px 0 20px 0;
    font-family: 'noto5';
    font-weight: 100;
    vertical-align: top;
    text-align: center;
    border-bottom: 1px solid #000;
}
.apply-area.type1 .apply-info th::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 25px;
    width: 1px;
    height: 12px;
    background: #000;
}
.apply-area.type1 .apply-info td {
    padding: 20px 30px;
    font-family: 'noto3';
    font-weight: 300;
    border-bottom: 1px solid #000;
}
.apply-area.type1 .apply-info .apply-book-row td {
    vertical-align: top;
}
.apply-area.type1 .apply-info td em {
    color: #f14f4f;
    font-weight: 600;
}
.apply-area.type1 .apply-info .btn-apply-book-popup {
    margin: 4px 0 0 7px;
}
.apply-area.type1 .apply-info .btn-curri,
.apply-area .btn-hab {
    display: inline-block;
    width: 118px;
    height: 22px;
    margin-left: 5px;
    line-height: 20px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    border: 1px solid #a6aab9;
    background: #e8e9f0;
    color: #71768c;
    font-family: 'noto4';
}
.apply-area.type1 .apply-info .btn-curri:focus {
    outline: none;
}
.apply-area.type1 .apply-info .apply-book {
    display: none;
    margin-bottom: 20px;
}
.apply-area.type1 .apply-info .apply-book h3 {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 26px;
    font-family: 'noto5';
    font-weight: 100;
}
.apply-area.type1 .apply-info .apply-book h3 em {
    color: #f14f4f;
}
.apply-area.type1 .apply-info .apply-book.apply-book-sel h3 {
}
.apply-area.type1 .apply-info .apply-book-list {
    height: auto;
    overflow: hidden;
}
.apply-area.type1 .apply-info .apply-book-list li {
    margin-bottom: 5px;
}
.apply-area.type1 .apply-info .apply-book-list li label span.sale {
    text-decoration: line-through;
    margin-right: 5px;
}

.apply-area.type1 .apply-info .apply-book-list li label strong {
    color: #f14f4f;
}
.apply-area.type1 .apply-info .apply-book .btn-apply-book {
    display: none;
    width: 100%;
    height: 24px;
    line-height: 22px;
    background: #f7f7f7;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    color: #b1b1b1;
    font-family: 'noto5';
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
}
.apply-area.type1 .apply-info .apply-book .btn-apply-book:focus {
    outline: none;
}

.apply-book-input {
    display: none;
}
.apply-book-label {
    display: block;
    position: relative;
    padding-left: 20px;
    line-height: 26px;
    cursor: pointer;
    font-size: 14px;
}
.apply-book-label strong {
    font-family: 'noto5';
    font-weight: 100;
}
.apply-book-label::before,
.apply-book-label::after {
    position: absolute;
    content: '';
}
.apply-book-label::before {
    display: block;
    border: 1px solid #000;
    width: 12px;
    height: 12px;
    top: 50%;
    margin-top: -7px;
    left: 0;
}
input.apply-book-input:checked + .apply-book-label::before {
    display: block;
    background: url('/_skin/tpl_skin/include/check.png') no-repeat center center #f14e4f;
    background-size: contain;
    border: 1px solid #f14e4f;
}

.apply-popup {
    position: fixed;
    width: 894px;
    padding-top: 50px;
    padding-bottom: 3px;
    height: 697px;
    left: 50%;
    top: calc(50% - 350px);
    margin-left: -447px;
    z-index: 9999;
    background: linear-gradient(to right, #2b87a4, #bb8ccb);
}

.apply-popup .apply-popup-head {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 20px;
    font-family: 'noto5';
    font-weight: 100;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    text-align: left;
}

.apply-popup .apply-popup-close {
    display: block;
    position: absolute;
    right: 17px;
    top: 12px;
    width: 74px;
    height: 26px;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    background: #ffffff;
    border-radius: 20px;
    text-align: left;
    padding-left: 16px;
    font-family: 'noto3';
    transition: all 0.2s;
    font-size: 14px;
}

.apply-popup .apply-popup-close:hover {
    color: #ba8ccb;
    font-family: 'noto5';
}

.apply-popup .apply-popup-close::before {
    display: block;
    position: absolute;
    content: '+';
    left: 49px;
    top: 1px;
    width: 24px;
    height: 24px;
    line-height: 22px;
    color: #fff;
    background: #ba8ccb;
    border-radius: 19px;
    text-align: center;
    font-size: 22px;
    transform: rotate(45deg);
    transition: all 0.3s;
}

.apply-popup .apply-popup-close:hover::before {
    background: #ffffff;
    border: 1px solid #ba8ccb;
    color: #ba8ccb;
    box-sizing: border-box;
    text-align: center;
}

.apply-popup iframe {
    margin: 0;
    padding: 0;
    display: block;
    margin: 0 auto;
    width: 894px;
    height: 700px;
    border: none;
    background: #fff;
}
.apply-popup iframe body {
    min-width: 0 !important;
}
.apply-popup-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
}

.apply-area .link_btn {
    display: inline-block;
    padding: 1px 10px;
    border: 1px solid #ccc;
    font-size: 13px;
    color: #000;
    background: #eee;
    border-radius: 5px;
}

.apply-area .link_btn:hover {
    background: #444;
    color: #fff;
    border: 1px solid #444;
}

.popupVideo {
    position: absolute;
}
.popupVideo a.book_play {
    display: block;
    background: url('/_skin/tpl_skin/basic_distribution_3/images/apply/onlyone/icon.png') center 26px no-repeat #456d9a;
    text-align: center;
    color: #fff;
    width: 147px;
    height: 147px;
    border-radius: 50%;
    font-family: 'noto5';
    line-height: 23px;
    font-size: 17px;
    padding-top: 62px;
    box-sizing: border-box;
}

.popupVideo.thum a.book_play {
    background: none;
    padding-top: 0;
    line-height: 100%;
}

.popupVideo a.book_play > span {
    display: block;
    width: 19px;
    height: 19px;
    color: #96beea;
    border-radius: 50%;
    margin: 5px auto;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    background: #213955;
}
/*수강신청부분:S*/
.apply-area .apply-tab .tab-menu.tab-menu-deps4 {
    margin: 10px auto 0;
}
.apply-area .apply-tab .tab-menu.tab-menu-deps4 li a {
    background: none;
    color: #c8cbce;
    border-bottom: 1px solid #c8cbce;
}
.apply-area .apply-tab .tab-menu.tab-menu-deps4 li {
    width: 24.7%;
}
.apply-area .apply-tab .tab-menu.tab-menu-deps4.item2 li {
    width: 50% !important;
}
.apply-area .apply-tab .tab-menu.tab-menu-deps4 li a.selected {
    position: relative;
    background: none;
    color: #474b5b;
}
.apply-area .apply-tab .tab-menu.tab-menu-deps4 li a.selected::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    display: block;
    content: '';
    background: #474b5b;
}

/*수강신청:E*/

/*도서소개 영상보기S*/
.popupVideo {
    height: 50px;
    font-size: 0;
}
.popupVideo.type1 {
    height: auto;
    position: absolute;
    font-size: 12px;
    width: 200px;
    border: 1px #2c4881 solid;
    border-radius: 10px;
}
.popupVideo.type1 p {
    text-align: center;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    color: #2c4881;
    line-height: 30px;
    letter-spacing: -1px;
}
.popupVideo.type1 p a {
    background: #2c4881;
    display: block;
    line-height: 43px;
    font-size: 15px;
    color: #fff;
}
.popupVideo.type1 p a span {
    padding: 0 30px 0 0;
    display: inline-block;
    background: url('/_skin/sidae/popkon/images/white_icon.png') no-repeat 100% center;
}
.popupVideo.type1 p a:hover span {
    background: url('/_skin/sidae/popkon/images/blue_icon.png') no-repeat 97% center;
}
.popupVideo.type2 {
    position: absolute;
    width: 270px;
    height: 94px;
    border-radius: 10px;
    text-align: left;
    padding: 15px;
    box-sizing: border-box;
    background: #475570 url('/_skin/tpl_skin/common_images/icon.png') 95% 19px no-repeat;
}
.popupVideo.type2 > #book_play {
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    padding-top: 0;
}
.popupVideo.type2 p,
.book_page_plag > a p {
    color: #63fff2;
    text-align: left;
}
.popupVideo.type2 #book_play > span {
    display: block;
    width: 100%;
    text-align: left !important;
    background: none;
    color: #e7e7e7 !important;
    font-family: 'noto2';
    font-size: 13px;
}
.popupVideo.type2 {
    position: absolute;
    width: 270px;
    height: 94px;
    border-radius: 10px;
    text-align: left;
    padding: 15px;
    box-sizing: border-box;
    background: #475570 url('/_skin/tpl_skin/common_images/icon.png') 95% 19px no-repeat;
}
.popupVideo.type2 > #book_play {
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    padding-top: 0;
}
.popupVideo.type2 p,
.book_page_plag > a p {
    color: #63fff2;
    text-align: left;
}
.popupVideo.type2 #book_play > span {
    display: block;
    width: 100%;
    text-align: left !important;
    background: none;
    color: #e7e7e7 !important;
    font-family: 'noto2';
    font-size: 13px;
}
.popupVideo.type3 {
    position: absolute;
    width: 240px;
    height: auto;
    border-radius: 0px;
    text-align: left;
    padding: 15px;
    box-sizing: border-box;
    font-size: 15px;
    background: #ffe86a;
    color: #333;
    float: right;
    padding: 10px 10px;
    text-align: left;
}
.popupVideo.type3 > #book_play {
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    padding-top: 0;
    font-size: 15px;
}
.popupVideo.type3 p,
.book_page_plag > a p {
    color: #333;
    text-align: center;
}
.popupVideo.type3 #book_play > span {
    display: block;
    width: 100%;
    text-align: left !important;
    background: none;
    font-family: 'noto2';
    font-size: 13px;
    color: #fff;
}
.popupVideo.no_type {
    height: auto;
    position: relative;
}
.popupVideo.no_type a {
    display: block;
    background: none;
    width: auto;
    height: auto;
    border-radius: initial;
    padding: initial;
}

.popupVideo.main_play_wrap {
    width: 100%;
    height: 10%;
    background: url('/_skin/tpl_skin/common_images/main_play_btn.png') center no-repeat;
}
.video-popup {
    display: none;
}
.video-popup.reveal {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}
.video-popup .video-wrapper {
    position: relative;
    width: 100%;
    z-index: 10;
}
.video-popup .video-content {
    position: absolute;
    border: 1px solid #fff;
    background: #fff;
    color: #fff;
    left: 50%;
    top: 50%;
    margin: -157.5px 0 0 -280px;
}
.video-popup.review_popup .video-content {
    width: 1000px;
    margin: -297px 0 0 -500px;
}
.video-popup.reveal .video-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9;
}
.video-popup.reveal .video-popup-closer {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: -46px;
    z-index: 99;
    cursor: pointer;
}
.book_page_plag {
    position: absolute;
    width: 270px;
    height: 94px;
    background: #c26c55 url('/_skin/tpl_skin/common_images/icon.png') 95% 19px no-repeat;
    border: 1px solid #874433;
    border-radius: 10px;
    display: table;
    box-sizing: border-box;
}
.book_page_plag_blue {
    background: #475570 url('/_skin/tpl_skin/common_images/icon.png') 95% 19px no-repeat;
}
.book_page_plag2 {
    background: #c26c55;
    width: 120px !important;
    height: 165px !important;
}
.book_page_plag img {
    margin: 5px auto;
}
.book_page_plag2 > a p,
.book_page_plag2 > a span {
    text-align: center !important;
    display: block;
}
.book_page_plag:hover {
}
.book_page_plag > a {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: left;
    padding: 13px;
    box-sizing: border-box;
}
.book_page_plag2 > a {
    padding: 15px 10px;
    text-align: center;
}
.book_page_plag > a p {
    color: #fff;
    font-size: 17px;
    font-family: 'noto5';
    margin-bottom: 7px;
    text-align: left;
}
.book_page_plag > a p::before {
    display: none;
}
.book_page_plag > a span {
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    color: #efcfc6;
    font-family: 'noto2';
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.7px;
}

/*수강후기 : S */
.common_review_wrap {
    padding: 88px 0 60px 0;
    background: #efefef;
}
.common_review_wrap .mid {
    width: 955px !important;
    margin: 0 auto;
    text-align: center;
}
.common_review_wrap .review_tit {
    line-height: 100%;
    font-size: 24px;
    margin: 0 0 45px 0;
}
.common_review_wrap .review_tit b {
    font-size: 34px;
    line-height: 100%;
    display: block;
    margin: 15px 0 0 0;
    font-family: 'noto6';
    color: #363636;
}
.common_review_wrap .video_box {
    height: 435px;
    position: relative;
    margin: 0 0 15px 0;
    cursor: pointer;
}
.common_review_wrap .video_box iframe {
    width: 100%;
}
.common_review_wrap .video_box.type1 .layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/new/review/plyer.png') no-repeat center center;
    background-size: cover;
    padding: 72px 0 0 0;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
.common_review_wrap .video_box.bg .layer {
    background: #000 url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/new/review/player2.png') no-repeat center center;
    padding: 120px 0 0 0;
}
.common_review_wrap .video_box.type1 .layer span {
    width: 100%;
    height: 100%;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}
.common_review_wrap .video_box.type1 .layer .hagisilta_txt {
    font-size: 50px;
    line-height: 100%;
    font-family: 'noto6';
    color: rgb(255, 206, 144);
}
.common_review_wrap .video_box.type1 .layer em {
    display: block;
    height: 100px;
    font-size: 0;
    width: 100px;
    margin: 15px auto 0 auto;
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/new/review/btn.png') no-repeat center center;
}
.common_review_wrap .video_box.type1 .layer h3 {
    font-size: 29px;
    line-height: 100%;
    color: #c7afa2;
    padding: 0 0 10px 0;
    font-family: 'noto2';
}
.common_review_wrap .video_box.bg .layer h3 {
    color: #ecc872;
    font-family: 'noto6';
}
.common_review_wrap .video_box.type1 .layer h3 p {
    margin: 30px 0 0 0;
    font-size: 50px;
    line-height: 100%;
    color: #ffd092;
}
.common_review_wrap .video_box.bg .layer h3 p {
    color: #fff;
    font-size: 41px;
    line-height: 110%;
    margin: 10px 0 0 0;
}

.common_review_wrap .blue_list {
    font-size: 0;
    margin: 0 0 35px 0;
}
.common_review_wrap .blue_list li {
    display: inline-block;
    /* *display: inline; */
    zoom: 1;
    vertical-align: top;
    width: 33%;
    font-size: 14px;
    margin: 0 0 0 0.5%;
    box-sizing: border-box;
    position: relative;
    background: #214373;
    color: #fff;
    height: 190px;
    overflow: hidden;
}
.common_review_wrap .blue_list.no_hover li {
    height: 140px;
}
.common_review_wrap .blue_list li:first-child {
    margin: 0;
}
.common_review_wrap .blue_list li .middle {
    display: table;
    width: 100%;
    height: 100%;
}
.common_review_wrap .blue_list li .middle p,
.common_review_wrap .blue_list li .middle .review {
    display: table-cell;
    vertical-align: middle;
}
.common_review_wrap .blue_list li .middle p {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 190px;
    background: #5777e4;
    vertical-align: middle;
    color: #fff;
    font-size: 23px;
    line-height: 130%;
    padding: 50px 2% 0 2%;
    font-family: 'noto5';
    cursor: pointer;
    box-sizing: border-box;
}
.common_review_wrap .blue_list.no_hover li .middle p {
    cursor: auto;
    padding: 35px 2% 0 2%;
}
.common_review_wrap .blue_list li .middle p::after {
    position: absolute;
    content: '';
    width: 50px;
    height: 40px;
    bottom: 5px;
    right: 5px;
    background: url('/_skin/tpl_skin/basic_vocational_counselor2/images/apply/new/yeon/con5_icon.png') no-repeat center center;
}
.common_review_wrap .blue_list.no_hover li .middle p::after,
.common_review_wrap .blue_list li .middle:hover p {
    display: none;
}
.common_review_wrap .blue_list.no_hover li .middle:hover p {
    display: block;
}
.common_review_wrap .blue_list li .middle p span {
    display: block;
    font-size: 15px;
    margin: 25px 0 0 0;
    line-height: 100%;
    font-family: 'noto3';
}
.common_review_wrap .blue_list li .middle .review {
    position: relative;
    font-family: 'noto3';
    font-size: 15px;
    padding: 0 2%;
    word-break: keep-all;
}
.common_review_wrap .go_btn {
    width: 280px;
    line-height: 55px;
    display: block;
    margin: 0 auto;
    background: #000;
    color: #fff;
    font-family: 'noto3';
    font-size: 17px;
}
/* type2 */
.common_review_wrap .big_list {
    font-size: 0;
    overflow: hidden;
}
.common_review_wrap .big_list > li {
    display: inline-block;
    /* *display: inline; */
    zoom: 1;
    vertical-align: top;
    font-size: 14px;
    width: 265px;
    box-sizing: border-box;
    float: right;
}
.common_review_wrap .big_list > li:first-child {
    width: 660px;
    float: left;
}
.common_review_wrap .big_list > li > a {
    float: right;
    width: 280px;
    height: 55px;
    line-height: 55px;
    background: #000;
    color: #fff;
    font-size: 17px;
    margin: 20px 0 0 0;
}
.common_review_wrap .video_box.type2 {
    background: url('/_skin/tpl_skin/review/player.png') no-repeat center center;
    background-size: cover;
    margin: 0;
    display: table;
    width: 100%;
    height: 355px;
    overflow: hidden;
}
.common_review_wrap .video_box.type2 .layer {
    width: 100%;
    height: 100%;
    padding: 0 0 0 85px;
    box-sizing: border-box;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    font-size: 45px;
    color: #fff;
    line-height: 125%;
    font-weight: 600;
    font-family: 'noto6';
}
.common_review_wrap .video_box.type2 p {
    font-size: 28px;
    color: #ba9082;
    line-height: 140%;
    font-family: 'noto3';
    margin: 0 0 15px 0;
}
.common_review_wrap .video_box.type2 span {
    font-size: 0;
    text-indent: -999px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.common_review_wrap .video_box.type2 em {
    font-size: 15px;
    color: #fff;
    display: block;
    font-size: 35px;
    width: 200px;
    font-family: 'noto2';
    background: url('/_skin/tpl_skin/review/btn.png') no-repeat right top;
    margin: 10px 0 0 0;
}
.common_review_wrap .review_list {
}
.common_review_wrap .review_list ul {
    border: 1px #232035 solid;
}
.common_review_wrap .review_list ul li {
    border-top: 1px #232035 solid;
    position: relative;
    background: #efefef;
    font-size: 13px;
    word-break: keep-all;
    box-sizing: border-box;
    height: 117px;
}
.common_review_wrap .review_list ul li:first-child {
    border-top: 0;
}
.common_review_wrap .review_list ul li .middle {
    display: table;
    width: 100%;
    height: 100%;
}
.common_review_wrap .review_list ul li .middle .review {
    display: table-cell;
    vertical-align: middle;
    line-height: 135%;
}
.common_review_wrap .review_list ul li .middle .review:hover .plus_layer {
    display: none;
}
.common_review_wrap .review_list ul li p span {
    display: block;
    font-family: 'noto3';
    font-size: 15px;
    margin: 2% 0 0 0;
}
.common_review_wrap .review_list ul li .middle .review .plus_layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    background: #efefef;
    display: table;
}
.common_review_wrap .review_list ul li .middle .review .plus_layer::before {
    position: absolute;
    width: 25px;
    height: 25px;
    line-height: 25px;
    content: '+';
    z-index: 3;
    font-size: 20px;
    right: 0;
    bottom: 0;
    background: #c7c7c5;
    color: #fff;
}
.common_review_wrap .review_list ul li .middle .review .plus_layer p {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 21px;
    line-height: 125%;
    letter-spacing: -1px;
    font-family: 'noto5';
    text-align: center;
}

.coupon_big_waku {
    margin: 30px auto 0 auto !important;
    background: #f0d407;
    border-radius: 5px;
    padding: 10px 30px;
    box-sizing: border-box;
    width: 1100px;
}
.coupon_off_inner {
    display: table;
    table-layout: fixed;
    font-family: 'noto5';
    color: #000;
    width: 100%;
}
.coupon_off_inner > div {
    display: table-cell;
    vertical-align: middle;
}
.coupon_off_inner .coupon_ttl {
    width: 435px;
}
.coupon_off_inner .coupon_ttl p {
    display: inline-block;
    /* *display: inline; */
    zoom: 1;
    vertical-align: middle;
    font-size: 20px;
    font-family: 'noto5';
}
.coupon_off_inner .coupon_ttl .percent_coupon {
    font-size: 21px;
}
.coupon_off_inner .coupon_ttl .white_txt {
    background: #fff;
    padding: 8px 30px;
    border-radius: 50px;
    margin: 0 20px 0 0;
}
.coupon_off_inner .coupon_ttl .white_txt span {
    font-size: 17px;
    display: block;
    letter-spacing: -0.5px;
    font-family: 'noto5';
}
.coupon_off_inner .coupon_desc {
    width: auto;
    font-size: 15px;
    font-family: 'noto5';
}
.coupon_off_inner .coupon_desc span {
    display: inline-block;
    /* *display: inline; */
    zoom: 1;
    vertical-align: top;
    margin: 0 1% 0 0.5%;
    font-family: 'noto5';
}
.coupon_off_inner .coupon_btn_box {
    text-align: right;
    width: 170px;
}
.coupon_off_inner .coupon_btn_box button {
    border: 0;
    background: #000bed;
    display: inline-block;
    width: 135px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    font-family: 'noto5';
    letter-spacing: -1px;
    border-radius: 5px;
    cursor: pointer;
}
.coupon_off_inner .coupon_btn_box button.finish {
    width: 170px;
    background: #797979;
    pointer-events: none;
}

.confirm_layer_pop_bg {
    display: none;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
}
.confirm_layer_pop {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 4px solid #000;
    position: absolute;
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 50px;
    box-sizing: border-box;
    z-index: 9999;
    text-align: center;
}
.confirm_layer_pop strong {
    font-size: 24px;
    font-weight: 800;
    display: block;
}
.confirm_layer_pop span {
    display: block;
    font-size: 16px;
    margin: 15px 0;
    line-height: 1.6em;
}
.confirm_layer_pop a {
    display: inline-block;
    font-size: 16px;
    color: #fff !important;
    width: 140px;
    height: 36px;
    border-radius: 5px;
    line-height: 36px;
    letter-spacing: -0.8px;
}
.confirm_layer_pop a + a {
    margin-left: 7px;
}
.confirm_layer_pop .btn_mypage_view {
    background-color: #282cde;
}
.confirm_layer_pop .btn_prd_view {
    background-color: #49a8a7;
}

.cm_exam_info {
    padding: 104px 0;
}
.cm_exam_info .exam_tit {
    font-size: 40px;
    text-align: center;
    margin: 0 auto 30px;
}
.cm_exam_info .exam_tit b {
    font-weight: 600;
    font-family: 'noto6';
}
.cm_exam_info .video_box {
    text-align: center;
}
.cm_exam_info .qustion_list {
    overflow: hidden;
    margin: 20px auto 0;
    width: 1000px;
}
.cm_exam_info .qustion_list li {
    float: left;
    width: 322px;
    margin-right: 17px;
    border: 5px solid #b2b2b2;
    text-align: center;
    padding: 24px 0 27px;
    box-sizing: border-box;
}
.cm_exam_info .qustion_list li:last-child {
    margin-right: 0;
}
.cm_exam_info .qustion_list li .icon_q {
    width: 46px;
    height: 46px;
    display: block;
    margin: 0 auto 10px;
    border-radius: 50%;
    background: #3646cb;
    color: #fff;
    font-size: 20px;
    font-family: 'noto6';
    font-weight: 100;
    line-height: 41px;
}
.cm_exam_info .qustion_list li p {
    font-family: 'noto6';
    font-size: 24px;
    letter-spacing: -1.7px;
    line-height: 120%;
}
.specialBenefitBn {
    width: 100%;
    margin: 50px auto 0;
    position: relative;
}
.specialBenefitBn .benefit_text_area {
    display: table;
    width: 1100px;
    margin: 0 auto;
    background: #f0d407;
    border-radius: 10px;
    padding: 12px 40px;
    box-sizing: border-box;
    transition: all 0.5s;
}
.specialBenefitBn .benefit_ment {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    padding-left: 200px;
    /* background:url('/_skin/tpl_skin/common_images/coupon_img.png') left center no-repeat; */
    background-size: 170px;
    text-align: center;
    font-family: 'noto6';
    font-weight: 100;
    font-size: 25px;
    letter-spacing: 1px;
}
.specialBenefitBn .benefitPopBtn {
    display: table-cell;
    vertical-align: middle;
    width: 243px;
    height: 42px;
    background: #000bed;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-family: 'noto5';
    font-weight: 100;
}
.specialBenefitArea {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    transition: all 0.5s;
}

.specialBenefitArea.show {
    display: table;
    transition: all 0.5s;
}
.cmPopupLayer .popup_inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}
.cmPopupLayer .popup_content {
    width: 100%;
    height: 100%;
}
.cmPopupLayer .benefitListArea {
    display: block;
    margin: 0 auto;
    width: 560px;
    height: auto;
    background: #fff;
}
.cmPopupLayer .popupTop {
    position: relative;
    padding: 23px 0;
    background: #f0d407;
    text-align: center;
}
.cmPopupLayer .popupTop .popupTitle {
    font-size: 24px;
    font-family: 'noto6';
    font-weight: 100;
    line-height: 100%;
    letter-spacing: -1px;
}
.cmPopupLayer .popupTop .popupCloseBtn {
    position: absolute;
    right: 3%;
    top: calc(50% - 16px);
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #000;
    cursor: pointer;
}
.cmPopupLayer .popupTop .popupCloseBtn span {
    display: block;
    transform: rotate(45deg);
    margin: 1px 0 0 1px;
    font-size: 30px;
    line-height: 27px;
    text-align: center;
    color: #fff;
}
.cmPopupLayer .popupContent {
    width: 100%;
    height: 100%;
    padding: 5%;
    box-sizing: border-box;
}
.couponArea {
    margin-bottom: 30px;
    max-height: 500px;
    height: auto;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.couponArea::-webkit-scrollbar {
    display: none;
}
.couponArea#PlusCouponArea {
    display: none;
}
.couponArea:last-of-type {
    margin-bottom: 0;
}
.couponArea .couponType {
    font-size: 17px;
    font-weight: 100;
    font-family: 'noto6';
}
.couponList {
    width: 100%;
    border: 1px solid #bbbbbb;
    margin-top: 15px;
    padding: 0 27px;
    box-sizing: border-box;
}
.couponList li {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px dashed #bbbbbb;
}
.couponList li:last-of-type {
    border-bottom: none;
}
.couponList .couponContent {
    display: table;
    width: 100%;
}
.couponList .couponContent > * {
    display: table-cell;
    vertical-align: middle;
}
.couponList .couponContent .coupon_name {
    width: 23%;
    background: #dfdfdf;
    border-radius: 15px;
    text-align: center;
    font-size: 16px;
    line-height: 120%;
    font-family: 'noto3';
}
.couponList .couponContent .coupon_info {
    width: 60%;
    padding-left: 5%;
    font-size: 16px;
    font-family: 'noto5';
    font-weight: 100;
    letter-spacing: -0.7px;
    line-height: 140%;
}
.couponList .couponContent .coupon_info span {
    display: inline-block;
    margin: 5px 0 0 0;
    font-size: 15px;
    font-family: 'noto2';
}
.couponList .couponContent .coupon_btn_area {
}
.couponList .couponContent .coupon_btn {
    display: table;
    vertical-align: middle;
    width: 73px;
    height: 73px;
    background: #000bed;
    border-radius: 50%;
    text-align: center;
}
.couponList .couponContent .coupon_btn p {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 120%;
    font-family: 'noto5';
    font-weight: 100;
}
.couponList .couponContent .coupon_btn.down_suc {
    background: #656565;
    cursor: auto;
}
.couponList .sms_agree_area {
    margin: 15px 0 0 0;
}
.couponList .sms_agree_area input[name='sms_agree_chk'] {
    display: none;
}
.couponList .sms_checkbox {
    position: relative;
    padding-left: 20px;
    font-family: 'noto2';
    font-weight: 100;
    line-height: 100%;
}
.couponList .sms_checkbox::before {
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 8.5px);
    width: 17px;
    height: 17px;
    border: 2px solid #616161;
    box-sizing: border-box;
    content: '';
}
.couponList .sms_agree_area input[name='sms_agree_chk']:checked + .sms_checkbox:before {
    background: url('/mobile/images/new_icon/check.png') no-repeat center center #f14e4f;
    background-size: contain;
    border: 2px solid #f14e4f;
}

/* side menu style 추가 */
.snb-list-wrap .snb-list li {
    float: none;
    line-height: 40px;
    height: 40px;
    padding-left: 20px;
    text-align: left;
}
.snb-list-wrap.style2 .snb-list > li {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-left: 20px;
}

/* 카테고리 페이지 내 공통 GNB*/
.gnb_wrap {
    width: 100%;
    position: absolute;
    background: #fff;
    z-index: 101;
    border-bottom: 1px #bfbfbf solid;
}
.gnb_wrap.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 103;
    background: #fff;
    border-bottom: 1px #ccc solid;
}
.gnb_wrap .big_gnb {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    z-index: 100;
}
.gnb_wrap .big_gnb ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 0 30px 0 0;
    box-sizing: border-box;
}
.gnb_wrap .big_gnb ul li {
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    font-weight: 600;
    position: relative;
}
.gnb_wrap .big_gnb ul li .selected {
    color: #3694b6;
    font-family: 'noto5';
}
.gnb_wrap .big_gnb ul li.btn {
    text-align: left;
    width: 140px;
}
.gnb_wrap .big_gnb ul li input {
    background: none;
    vertical-align: middle;
    margin: 0 0 0 5px;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0 5px 30px;
    background: url('https://static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_fire_system/images/main/gnb_list_icon.png') no-repeat left center;
    cursor: pointer;
}
.gnb_wrap .big_gnb ul li dl {
    width: 100%;
    padding: 10px 0 0 0;
    position: absolute;
    display: none;
}
.gnb_wrap .big_gnb ul li dl dd {
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin: 12px 0 0 0;
    width: 110px;
    letter-spacing: -1.5px;
}
.gnb_wrap .big_gnb ul li dl dd a {
    display: block;
    text-align: left;
}
.gnb_wrap .big_gnb ul li dl dd:hover,
.gnb_wrap .big_gnb ul li dl dd a.selected {
    color: #3694b6;
    font-family: 'noto5';
}
.gnb_wrap .sub_gnb_wrap {
    border-top: 1px #bfbfbf solid;
    border-bottom: 2px #000 solid;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
    display: none;
}
.gnb_wrap .sub_gnb_wrap .mid {
    width: 1000px;
    margin: 0 auto;
    padding: 25px 0 20px 0;
    position: relative;
}
.gnb_wrap .sub_gnb_wrap .bn_box {
    width: 140px;
}
.gnb_wrap .sub_gnb_wrap .bn_box a {
    display: block;
}
.gnb_wrap .sub_gnb_wrap input {
    cursor: pointer;
    display: block;
    position: absolute;
    font-size: 0;
    text-indent: -9999px;
    overflow: hidden;
    bottom: 20px;
    right: 0px;
    width: 110px;
    height: 17px;
    background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_fire_system/images/main/gnb_close.png') 0 0 no-repeat;
}

/* 모의고사 : s */
.mock_cont .mock_box {
    position: relative;
    margin: 0 0 0 -49px;
}

.mock_cont .mock_box .box_img_1 {
    position: relative;
    z-index: 1;
}

.mock_cont .mock_box .box_img_2 {
    position: absolute;
    top: 86px;
    left: 282px;
}

.mock_cont .mock_box .box_item {
    position: absolute;
    border-radius: 5px;
    background: #f4f4f4 no-repeat 0 0;
}

.mock_cont .mock_box .box_item_1 {
    top: 128px;
    left: 326px;
    width: 640px;
    height: 345px;
    background-image: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/v2/test_img1.png');
}

.mock_cont .mock_box .box_item_2 {
    top: 102px;
    left: 73px;
    width: 344px;
    height: 95px;
    background-image: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/v2/test_img2.png');
    z-index: 1;
}

.mock_cont .mock_box .box_item_3 {
    top: 66px;
    right: 41px;
    width: 304px;
    height: 76px;
    background-image: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/v2/test_img3.png');
    z-index: 1;
}

.mock_cont .mock_box .box_item_4 {
    top: 412px;
    left: 40px;
    width: 389px;
    height: 209px;
    background-image: url('/_skin/tpl_skin/basic_imsang2/images/apply/allclass/v2/test_img4.png');
    z-index: 1;
}

.mock_cont .mock_list {
    margin: 49px 0 0;
}
/* 모의고사 : e */

/* 열공노트 슬라이드 : s */
.main_banner_wrap .sub_banner .swiper-slide-9136 {
    background: #fff url('/img/event/9136/bn/pc/categori_img.png') no-repeat bottom left 28px;
}
.visual_cont .sub_slide .swiper-slide-9136 {
    background: #fff url('/img/event/9136/bn/pc/categori_img.png') no-repeat bottom left 11px;
}
.visual_cont .sub_slide .swiper-slide-9136.type_long {
    background: #fff url('/img/event/9136/bn/pc/categori_img.png') no-repeat bottom 23px left 11px;
}
/* 열공노트 슬라이드 : s */

/* 상담 DNA 테스트 : s */
.main_banner_wrap .sub_banner .swiper-slide-9240 {
    background: #fff url('/img/event/9240/bn/categori_counsel.png') no-repeat bottom center;
}
/* 상담 DNA 테스트 : e */