@charset "utf-8";
/*숨김*/
/*#id2_sub2{display:none}*/
/*.hide_header{width:100%; height:107px; position:absolute; top:0; background:#fff; z-index: 99999}
.hide_body{width:100%; height:950px; background:url(../image/main/main_background.png) 0 0 no-repeat; background-size:cover; position:absolute; z-index:99999; top:0}
.hide_body_main{opacity:0; height:950px}
#quickMenu{display:none}*/
/* 스타일 초기화 */

body,
ol,
ul,
li,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
fieldset,
legend {
    margin: 0px;
    padding: 0px;
}
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
ol,
ul,
li {
    list-style: none;
}
a,
a:hover,
a:active,
a:visited,
a:focus {
    color: #666;
    text-decoration: none;
}
body {
    font-size: 0.75em;
    color: #666;
    letter-spacing: -0.5px;
}
header,
section,
footer {
    display: block;
}
input {
    line-height: normal;
}
address {
    font-style: normal;
}
fieldset {
    border: 0;
}
caption,
legend {
    display: block;
    position: absolute;
    left: -9999px;
    font-size: 0;
}
button {
    border: 0;
    padding: 0;
    margin: 0;
}

/*레이아웃 스타일*/
html {
    height: 100%;
}
body {
    position: relative;
    min-height: 100%;
    min-width: 1120px;
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

/*공통 스타일*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'pretendard', 'Spoqa Han Sans Neo', 'Nanum Gothic', '나눔 고딕', 'NanumGothic', 'Dotum', '돋움', Arial, sans-serif;
}

.clear {
    *zoom: 1;
}
.clear:after {
    clear: both;
    content: "";
    display: block;
}
.f_l {
    float: left;
}
.f_r {
    float: right;
}
.area {
    position: relative;
    width: 1120px;
    margin: 0 auto;
    height: inherit;
}
.area2 {
    position: relative;
    width: 1120px;
    margin: 0 auto;
    height: inherit;
}
.hide_text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.h3_title {
    font-size: 20px;
    font-weight: 700;
}
.h2_title {
    font-size: 1.833em;
    font-weight: 700;
}
.hide {
    display: none !important;
}

/*font 공통 스타일*/
.font_v {
    font-family: verdana, Arial;
}
.nodata {
    color: #bbb;
    font-weight: normal;
    font-size: 12px;
}

/*color 공통 스타일*/
.red_font {
    color: #d44646;
}
.blue_font {
    color: #567fd3;
}
.blue_font1 {
    color: #009944;
}
.red {
    background-color: #d44646;
}
.green {
    background-color: #504bff;
}
.black {
    background-color: #555;
}
.b666 {
    background-color: #666;
}
.blue {
    background-color: #567fd3;
}
.gray {
    background-color: #aaa;
}

/*alert 메세지*/
.alert {
    display: none;
    position: absolute;
    color: #f00;
    font-size: 1.167em;
}
/* TODO : 아이디 비밀번호 찾기 페이지
    2023-02-15 17:30:25
    chan9508@slkedu.com */
.alert1 {
    display: none;
    position: absolute;
    color: #f00;
    font-size: 1.167em;
}

/*인풋타입*/
.form_input {
    width: 100%;
    font-size: 1.167em;
    padding: 14px 19px;
    border: 1px solid #dadada;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.input_check {
    display: inline-block;
    position: relative;
    height: 28px;
    padding-left: 36px;
    line-height: 28px;
    font-size: 1.167em;
    color: #888;
}
.input_check .icon {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../image/common/check_bg.png) no-repeat;
}
.input_check input {
    display: block;
    position: absolute;
    left: -9999px;
}
.input_check input:checked + .icon {
    background-position: 0 -28px;
}
input {
    color: #eaebed;
}
input[type="text"].wd_800 {
    color: #3a3a3a;
}
#card_list input[type="text"] {
    color: #3a3a3a;
}

.select_ui {
    display: inline-block;
    position: relative;
    width: 230px;
}
.select_ui select {
    width: 100%;
    padding: 13px 0 13px 15px;
    font-size: 1.167em;
    border: 1px solid #dadada;
    line-height: 46px;
    height: 46px;
    padding: 0;
    padding-left: 15px;
    appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: url(../image/common/select_arrow.jpg) no-repeat right center;
    background-size: 32px 32px;
}
/*.select_ui .icon{position:absolute;right:1px;top:50%;width:32px;height:44px;margin-top:-22px;/*height:25px;margin-top:-12.5px;background:#535353 url(../image/common/select_arrow.jpg) no-repeat center;}*/
select::-ms-expand {
    display: none;
}
select::-ms-value {
    background: none;
    color: #666;
}

/*버튼*/
.btn_ui {
    display: block;
    width: 100%;
    height: 54px;
    line-height: 54px;
    border: 0;
    font-size: 1.667em;
    font-weight: bold;
    color: #f5f5f5 !important;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* 작은버튼 추가 2022-12-08 17:43:40 sysong@slkedu.com */
.btn_ui1 {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    border: 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #f5f5f5 !important;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.btn_ui.wid_auto {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.btn_ui.font_s {
    font-size: 1.167em;
}
button:disabled {
    background-color: #ddd !important;
}

/* new 아이콘 */
.new_icon {
    display: block;
    width: 11px;
    height: 11px;
    background: url(../image/common/icon_new.png) no-repeat 50%;
}

/* 상.중.하 아이콘 */
.icon.level_icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../image/common/icon_level.png) no-repeat 0 0;
    line-height: 200px;
    overflow: hidden;
}
.icon.level_icon.mid {
    background-position: 0 -24px;
}
.icon.level_icon.lower {
    background-position: 0 -48px;
}
/*.disabled .icon.level_icon{background-position:100% 0;}*/
/*.disabled .icon.level_icon.mid{background-position:100% -24px;}*/
/*.disabled .icon.level_icon.lower{background-position:100% -48px;}*/

/*영역2개 공통리스트*/
/*사용방법
            <div class="two_area_list">
                <h3 class="group_title">리스트 제목</h3>//생략가능
                <ul>
                    <li class="item">
                        <div class="title">
                            <h5>
                                <small>작은제목</small>
                                <span>큰제목 <span>큰제목의 작은제목</span></span>
                            </h5>
                            <ul class="right_area clear">
                                <li>제목옆 오른쪽 영역 목록1</li>
                                <li>제목옆 오른쪽 영역 목록2</li>
                            </ul> //생략가능
                        </div>
                        <div class="sub"> //태그 변경 가능
                            내용
                        </div>
                    </li>
                </ul>
            </div>
        */
.two_area_list .group_title {
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    color: #555;
}
.two_area_list > ul > li {
    margin-top: 5px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.two_area_list > ul > li:first-child {
    margin-top: 0;
}
.two_area_list > ul > li.nodata,
.two_area_list > ul > li > .title {
    position: relative;
    display: block;
    padding: 12px 14px 10px;
    min-height: 60px;
}
.two_area_list > ul > li.nodata {
    text-align: center;
    line-height: 58px;
}
.two_area_list > ul > li > .title h5 {
    width: 330px;
    font-size: 16px;
    font-weight: bold;
}
.two_area_list > ul > li > .title h5 * {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.two_area_list > ul > li > .title h5 small {
    margin-bottom: 3px;
    font-size: 12px;
    color: #78aa46;
}
.two_area_list > ul > li > .title h5 span span {
    display: inline;
    margin-left: 5px;
    font-size: 0.75em;
    color: #666;
}
.two_area_list > ul > li > .title .right_area {
    position: absolute;
    right: 14px;
    top: 10px;
}
.two_area_list > ul > li > .title .right_area > li {
    float: left;
    margin-left: 18px;
}
.two_area_list > ul > li > .title .right_area > li:first-child {
    margin-left: 0;
}
.two_area_list > ul > li > .sub {
    position: relative;
    border-top: 1px solid #ebebeb;
    background-color: #f2f2f2;
    word-break: break-all;
}
.two_area_list > ul > li > .sub .text {
    padding: 12px 16px;
}

/*오른쪽 화살표*/
.right_arrow {
    width: 40px;
    height: 40px;
    background: #fff url(../image/common/icon_right_arrow.png) no-repeat center;
}

/*가격표시*/
.price {
    height: 42px;
    position: relative;
}
.price > div {
    float: left;
}
.price > div > div {
    float: left;
    height: 42px;
}
.price .left,
.price .right {
    background: url(../image/common/price_bg.png);
}
.price .line_thr .left {
    width: 19px;
}
.price .line_thr .right {
    width: 20px;
    background-position: -19px 0;
}
.price .line_thr .val {
    padding-left: 5px;
    background-color: #dddddd;
    line-height: 40px;
    color: #888;
}
.price .line_thr .val strong {
    font-weight: bold;
    text-decoration: line-through;
    font-size: 2em;
}
.price .real_price {
    margin-left: -16px;
}
.price .real_price .left {
    width: 20px;
    background-position: -39px 0;
}
.price .real_price .right {
    width: 20px;
    background-position: -59px 0;
}
.price .real_price .val {
    padding-left: 10px;
    background-color: #d44646;
    line-height: 40px;
    color: #fff;
}
.price .real_price .val strong {
    font-weight: bold;
    font-size: 2em;
}
.price.one .line_thr {
    display: none;
}

/*유형*/
.types > * {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    padding-right: 2px;
}
.types > dt {
    width: auto;
    margin-right: 8px;
}
.types > dd {
    margin-left: 3px;
    font-size: 1.667em;
    font-weight: bold;
    font-family: verdana, Arial;
    color: #fff;
    background-color: #009944;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.types dd.all {
    background-color: #d44646;
}
.types > dd.mock {
    width: auto;
    padding: 0 15px;
}
.types dt + dd {
    margin-left: 0;
}

/*파랑날짜 (만료일 등)*/
.days > * {
    float: left;
    height: 40px;
    line-height: 40px;
}
.days > dt {
    margin-right: 8px;
}
.days > dd {
    padding: 0 15px;
    background-color: #555;
    color: #fff;
    font-size: 1.667em;
    font-weight: bold;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.days > dd.blue {
    background-color: #567fd3;
}

/* (유형 1 > 챕터 5 > 12번) 같은 로케이션 */
.location {
    line-height: 13px;
}
.location i,
.location span {
    display: block;
    float: left;
}
.location i {
    width: 17px;
    height: 13px;
    background-image: url(../image/wrong/icon_mark.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.location .arw {
    background-image: url(../image/wrong/icon_mark.png);
    background-repeat: no-repeat;
    background-position: 50% -17px;
}

/*만료처리*/
.two_area_list > ul.exp > li > .title small,
.two_area_list > ul > li.exp > .title small {
    color: #aaa;
}
.exp .types dd,
.exp .days dd {
    background-color: #ccc;
}
.exp .voucher_pro_bar .active {
    background-color: #dadada;
}

/*우리반 css*/
.s_class {
    padding-left: 27px;
    background: url(../image/common/flag_icon.png) no-repeat left center;
}
.s_class li {
    float: left;
    padding-left: 20px;
    background: url(../image/common/test_sam_ra.png) no-repeat 8px center;
}
.s_class li:first-child {
    background: none;
    padding: 0;
}

/*O,X 체크 아이콘*/
.check {
    display: block;
    float: left;
    margin-right: 15px;
    margin-top: 8px;
    width: 20px;
    height: 20px;
    line-height: 200px;
    overflow: hidden;
    background: url(../image/question/icon_check.png) no-repeat 0 0;
}
.check.incrt {
    background-position: 0 -20px;
}

/*페이징*/
.paging {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.paging ul {
    display: inline-block;
}
.paging ul li {
    display: inline-block;
    margin: 0 2px;
}
.paging ul li a {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 32px;
    padding-right: 1px;
    color: #ccc;
    border: 1px solid #ccc;
    font-size: 1em;
    letter-spacing: -1px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.paging ul li:hover a,
.paging ul li:active a {
    border-color: #504bff;
    color: #504bff;
}
.paging ul li.active a {
    border-color: #504bff;
    background-color: #504bff !important;
    color: #fff;
    font-weight: bold;
}
.paging ul li a.point_p_first,
.paging ul li a.point_p_prev,
.paging ul li a.point_p_next,
.paging ul li a.point_p_end {
    border-color: #504bff;
    background: url(../image/common/icon_paging_new.png) no-repeat 48% 9px;
    text-indent: -9999px;
}
.paging ul li a.point_p_next,
.paging ul li a.point_p_end {
    background-position: 50% -28px;
}

/*느낌표 포인트 설명*/
.point_wrap {
    margin-bottom: 10px;
}
.point_wrap > span {
    float: left;
    display: block;
    line-height: 23px;
    color: #888;
}
.point_wrap .icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: #7e36ff url(../image/common/icon_point.png) no-repeat center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/*페이지 로케이션*/
#location_nav {
    position: absolute;
    top: 42px;
    right: 4px;
    line-height: 24px;
}
#location_nav > * {
    display: block;
    float: left;
}
#location_nav .icon {
    width: 20px;
    height: 14px;
    background-image: url(../image/wrong/icon_mark.png);
    background-repeat: no-repeat;
    background-position: 50% -34px;
}
#location_nav span.icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-color: #009944;
    border-radius: 50%;
}
#location_nav .icon.arw {
    background-position: 50% -17px;
    margin-top: 5px;
}

/*스킵네비*/
#skipnavigation a {
    position: absolute;
    left: -9999%;
}
#skipnavigation a:focus {
    display: block;
    left: 0;
    top: 0;
    z-index: 100000000;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #666;
    color: #fff;
    text-align: center;
}

/*============레이어 팝업===============*/
.layer_popup {
    display: none;
    position: fixed;
    z-index: 100000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/common/layer_popup_bg.png);
}
.layer_popup .layer_wrap {
    width: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    border-radius: 4px;
}
.layer_popup .layer_wrap .exit {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
    background: url(../image/common/layer_exit.png);
}

.layer_popup .layer_wrap {
    width: 500px;
    background: url(../image/contents/coupon_bg.jpg);
}

/*쿠폰팝업*/
.layer_popup.coupon_layer .layer_wrap .title {
    padding: 36px 28px;
}
.layer_popup.coupon_layer .layer_wrap .title h3 span {
    display: inline-block;
    font-size: 1.167em;
    margin-left: 18px;
    margin-top: -5px;
    color: #fff;
}
.layer_popup.coupon_layer .layer_wrap .layer_content .input_div {
    padding: 24px 20px;
    background-color: #fefefe;
}
.layer_popup.coupon_layer .layer_wrap .layer_content .input_div {
    font-size: 3em;
}
.layer_popup.coupon_layer .layer_wrap .layer_content .input_div > * {
    display: block;
    float: left;
}
.layer_popup.coupon_layer .layer_wrap .layer_content .input_div input {
    display: block;
    width: 100px;
    height: 42px;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    border: 0;
    background-color: #ececec;
    -moz-box-shadow: inset 0 0 7px #cecece;
    -webkit-box-shadow: inset 0 0 7px #cecece;
    box-shadow: inset 0 0 7px #cecece;
    border-radius: 4px;
}
.layer_popup.coupon_layer .layer_wrap .layer_content .input_div span {
    margin: 0 3px;
}
.layer_popup.coupon_layer .layer_wrap .layer_content .btns {
    width: 190px;
    margin: 0 auto;
    padding: 22px 0;
}

/*===========Header==============*/
header {
    position: relative;
}
/*==서브네비게이션==*/
header .header_top {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d9d9d9;
}
header .header_top ul li {
    position: relative;
    float: left;
    height: 34px;
    line-height: 34px;
    padding-left: 22px;
    background: url(../image/common/header_top_line.jpg) no-repeat 10px center;
}
header .header_top ul li:first-child {
    padding-left: 0;
    background: none;
}
header .header_top ul li a {
    font-size: 11px;
    color: #888;
}
header .header_top ul li .new_icon {
    position: absolute;
    top: 2px;
    right: 20px;
}

/*header_bottom 공통*/
header .header_bottom {
    position: relative;
    border-bottom: 2px solid #009944;
}

/*메인로고*/
header .header_bottom #logo {
    padding-right: 40px;
}
header .header_bottom #logo a {
    display: block;
    height: 69px;
    width: 180px;
    background: url(../image/common/logo.png) no-repeat center;
    background-size: contain;
}

/*====GNB=====*/

#gnb > ul > li {
    float: left;
    position: relative;
    width: 120px;
    height: 69px;
}
#gnb > ul > #id1 {
    background: url("../image/common/gnb_menu00_old.png") no-repeat center;
}
#gnb > ul > #id2 {
    background: url("../image/common/gnb_menu01.png") no-repeat center;
}
#gnb > ul > #id3 {
    background: url("../image/common/gnb_menu02.png") no-repeat center;
}
#gnb > ul > #id4 {
    background: url("../image/common/gnb_menu03.png") no-repeat center;
}
#gnb > ul > #id5 {
    background: url("../image/common/gnb_menu04.png") no-repeat center;
}
#gnb > ul > #id6 {
    background: url("../image/common/gnb_menu05.png") no-repeat center;
}
#gnb > ul > li > a {
    position: absolute;
    display: block;
    width: 100%;
    height: 71px;
    border-bottom: 2px solid #009944;
}
#gnb > ul > li > ul {
    z-index: 9999;
    position: absolute;
    left: 0;
    top: 71px;
    padding: 0;
    width: 120px;
    line-height: 0;
    height: 0px;
    transition: height 0.3s, padding 0.3s;
    overflow: hidden;
}
#gnb > ul > li > ul.on {
    height: 160px;
    padding: 8px 0;
}
#gnb > ul > li > ul:hover,
#gnb > ul > li > ul.over {
    background-color: #444;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
}

#gnb > ul > li > ul > li > a {
    display: block;
    width: 118px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
}
#gnb > ul > li > ul > li > a:hover,
#gnb > ul > li > ul > li > a:focus {
    background-color: #515151;
}
.sub_bg {
    z-index: 9990;
    position: absolute;
    left: 0;
    top: 106px;
    width: 100%;
    height: 0px;
    overflow: hidden;
    background-color: #555;
    transition: height 0.3s;
}
.sub_bg.on {
    height: 160px;
}
.sub_bg .icon_bg {
    width: 220px;
    height: 100%;
    background: url(../image/common/pattern_s.png);
}
.sub_bg .icon_bg span {
    display: block;
    padding-top: 113px;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}

.sub_bg .icon_bg.id1 span {
    background: url(../image/common/gnb_open_ico00.png) no-repeat center 20px;
}
.sub_bg .icon_bg.id2 span {
    background: url(../image/common/gnb_open_ico01.png) no-repeat center 20px;
}
.sub_bg .icon_bg.id3 span {
    background: url(../image/common/gnb_open_ico02.png) no-repeat center 20px;
}
.sub_bg .icon_bg.id4 span {
    background: url(../image/common/gnb_open_ico03.png) no-repeat center 20px;
}
.sub_bg .icon_bg.id5 span {
    background: url(../image/common/gnb_open_ico04.png) no-repeat center 20px;
}
.sub_bg .icon_bg.id6 span {
    background: url(../image/common/gnb_open_ico05.png) no-repeat center 20px;
}

/*snb 그룹*/
header .header_bottom .sns_group {
    padding-top: 16px;
}
header .header_bottom .sns_group li {
    float: left;
    padding-left: 3px;
}
header .header_bottom .sns_group li:first-child {
    padding-left: 0;
}
header .header_bottom .sns_group li a {
    display: block;
    width: 36px;
    height: 36px;
    background: url(../image/common/icon_social.jpg) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
header .header_bottom .sns_group li.tw a {
    background-position: 0px 0px;
}
header .header_bottom .sns_group li.fb a {
    background-position: -36px 0px;
}
header .header_bottom .sns_group li.na a {
    background-position: -72px 0px;
}
header .header_bottom .sns_group li.ka a {
    background-position: -108px 0px;
}
header .header_bottom .sns_group li.tw a:hover,
header .header_bottom .sns_group li.tw a:focus {
    background-position: 0px -41px;
}
header .header_bottom .sns_group li.fb a:hover,
header .header_bottom .sns_group li.fb a:focus {
    background-position: -36px -41px;
}
header .header_bottom .sns_group li.na a:hover,
header .header_bottom .sns_group li.na a:focus {
    background-position: -72px -41px;
}
header .header_bottom .sns_group li.ka a:hover,
header .header_bottom .sns_group li.ka a:focus {
    background-position: -108px -41px;
}

/*베너*/
#quickMenu {
    position: absolute;
    left: 50%;
    top: 0;
    height: 0;
    margin-left: 580px;
}
#quickMenu .banner {
    position: relative;
    width: 152px;
    overflow: hidden;
    border: 1px solid #d8d8d8;
    background-color: #f0f0f0;
    border-radius: 5px;
    z-index: 2;
}
#quickMenu .banner dt {
    height: 57px;
    padding-left: 60px;
    padding-top: 9px;
    background: #555 url(../image/common/bg_quick_menu.png) no-repeat 12px 10px;
}
#quickMenu .banner dt span,
#quickMenu .banner dt strong {
    display: block;
}
#quickMenu .banner dt span {
    width: 38px;
    height: 13px;
    background: url(../image/common/quick_menu.png) no-repeat 0 -50px;
    line-height: 200px;
    overflow: hidden;
}
#quickMenu .banner dt strong {
    font-size: 24px;
    line-height: 27px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -1px;
}
#quickMenu .banner dd {
    height: 43px;
    line-height: 41px;
    border-top: 1px solid #d8d8d8;
}
#quickMenu .banner dd:first-child {
    border-top: 0;
}
#quickMenu .banner dd a {
    display: block;
    padding-left: 10px;
}
#quickMenu .banner dd img {
    display: inline-block;
    vertical-align: middle;
}
#quickMenu .open {
    position: absolute;
    left: 1px;
    top: 4px;
    width: 25px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-radius: 6px 0 0 6px;
    color: #fff;
    background-color: #555;
    font-size: 1.167em;
    font-weight: bold;
    z-index: 1;
}

/*===========Footer==============*/
#footer {
    border-top: 1px solid #ddd;
}
#footer > div {
    width: 100%;
}

/*주소 및 copyright*/
#footer > .footer_bottom {
    height: 116px;
    text-align: center;
}
#footer > .footer_bottom p {
    padding-top: 27px;
    padding-bottom: 11px;
    color: #555;
    font-weight: 700;
}
#footer > .footer_bottom address {
    color: #888;
    line-height: 18px;
}

/*==============section==============*/
#bodyWrap {
    position: relative;
    padding-bottom: 116px;
    overflow: hidden;
}

/*=============메인==============*/
/*메인 비쥬얼*/
.m_visual_wrap {
    position: relative;
    height: 401px;
    border-bottom: 1px solid #ccc;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.m_visual_wrap.on {
    opacity: 1;
}
.main_wrap {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.main_wrap .m_visual .slider img {
    width: 1120px;
    height: 400px;
}
.main_wrap .m_visual .owl-nav div {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    z-index: 31;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
}
.main_wrap .m_visual .owl-nav .owl-prev {
    left: 50%;
    margin-left: -600px;
    background-image: url(../image/main/arr_xl_prev.png);
}
.main_wrap .m_visual .owl-nav .owl-next {
    left: 50%;
    margin-left: 520px;
    background-image: url(../image/main/arr_xl_next.png);
}
.main_wrap .m_visual .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -36px;
}
.main_wrap .m_visual .owl-dots .owl-dot {
    float: left;
    margin-left: 6px;
    width: 20px;
    height: 20px;
    background: url(../image/main/spot_visual_loca.png) 0 20px;
}
.main_wrap .m_visual .owl-dots .owl-dot:first-child {
    margin-left: 0;
}
.main_wrap .m_visual .owl-dots .owl-dot.active {
    background-position: 0 0;
}

.m_visual_wrap .visual_bg_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0 auto;
}
.visual_bg {
    position: absolute;
    z-index: 30;
    width: 100%;
    height: 400px;
    background: url(../image/main/pattern_big.png);
}
.visual_bg.left {
    right: 1119.5px;
}
.visual_bg.right {
    left: 1119.5px;
}

/*팝업*/
.popup_layer {
    z-index: 100;
    position: absolute;
    padding: 0 !important;
    background-color: #fff;
    border: 2px solid #6d6d6d;
    overflow: hidden;
    max-width: 100%;
}
.popup_layer .inner {
    width: 100%;
    overflow: auto;
}
.popup_layer .inner a {
    display: block;
    text-align: center;
    height: 100%;
}
.popup_layer .inner img {
    display: inherit;
    max-width: 100%;
    height: 100%;
}

.popup_layer .foot {
    width: 100%;
    padding: 7px;
    background-color: #6d6d6d;
    border-top: 1px solid #6d6d6d;
    color: #fff;
    text-align: right;
}
.popup_layer .foot button {
    display: inline-block;
    margin-left: 5px;
    padding: 3px 5px;
    background-color: #6d6d6d;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
}
.popup_layer .foot button:first-child {
    margin-left: 0;
}
.popup_layer .foot button:hover,
.popup_layer .foot button:focus {
    color: #888;
}

/*컨텐츠1*/
.main_wrap .con1 {
    width: 1240px;
    margin: auto;
    padding-top: 62px;
    padding-bottom: 57px;
}
.main_wrap .con1 ul li {
    float: left;
    width: 220px;
    padding: 0 27px;
    margin-left: 4.5%;
    text-align: center;
}
.main_wrap .con1 ul li a {
    display: block;
    width: 126px;
    height: 126px;
    margin: 0 auto;
    background: url(../image/main/icon_visual.png) no-repeat;
}
.main_wrap .con1 ul li a:hover span,
.main_wrap .con1 ul li a:focus span {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../image/main/icon_visual_hover.png) no-repeat;
}
.main_wrap .con1 ul .li0 a {
    background-position: 0 0;
}
.main_wrap .con1 ul .li1 a {
    background-position: -126px 0;
}
.main_wrap .con1 ul .li2 a {
    background-position: -252px 0;
}
.main_wrap .con1 ul .li3 a {
    background-position: -378px 0;
}
.main_wrap .con1 ul .li4 a {
    background-position: -504px 0;
}
.main_wrap .con1 ul .li5 a {
    background-position: -630px 0;
}

.main_wrap .con1 ul li h3 {
    padding-top: 16px;
    padding-bottom: 10px;
}
.main_wrap .con1 ul li p {
    line-height: 18px;
}

/*컨텐츠2*/
/*공통*/

.main_wrap .con2 .area {
    padding-top: 57px;
    border-top: 1px solid #d9d9d9;
}
.main_wrap .con2 .area > div {
    float: left;
    width: 534px;
    margin-left: 50px;
}
.main_wrap .con2 .area > div:first-child {
    margin-left: 0;
}
.main_wrap .con2 .area > div h3 {
    padding-bottom: 13px;
}

.main_wrap .con2 .area2 {
    padding-top: 57px;
    border-top: 1px solid #d9d9d9;
}
.main_wrap .con2 .area2 > div {
    float: left;
    width: 534px;
    margin-left: 50px;
}
.main_wrap .con2 .area2 > div:first-child {
    margin-left: 0;
}
.main_wrap .con2 .area2 > div h3 {
    padding-bottom: 13px;
}

/*게시판*/
.main_wrap .con2 .area .board ul {
    height: 205px;
}
.main_wrap .con2 .area .board ul li {
    height: 41px;
    line-height: 40px;
    border-top: 1px solid #ebebeb;
}
.main_wrap .con2 .area .board ul li:first-child {
    border-top: 0;
}
.main_wrap .con2 .area .board ul li.nodata {
    text-align: center;
}
.main_wrap .con2 .area .board ul li a {
    float: left;
    display: block;
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color 0.3s;
}
.main_wrap .con2 .area .board ul li a:hover,
.main_wrap .con2 .area .board ul li a:focus {
    color: #44ae25;
}
.main_wrap .con2 .area .board ul li span {
    float: right;
}

.main_wrap .con2 .area2 .board ul {
    height: 205px;
}
.main_wrap .con2 .area2 .board ul li {
    height: 41px;
    line-height: 40px;
}
.main_wrap .con2 .area2 .board ul li:first-child {
    border-top: 0;
}
.main_wrap .con2 .area2 .board ul li.nodata {
    text-align: center;
}
.main_wrap .con2 .area2 .board ul li a {
    float: left;
    display: block;
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color 0.3s;
}
.main_wrap .con2 .area2 .board ul li a:hover,
.main_wrap .con2 .area .board ul li a:focus {
    color: #44ae25;
}
.main_wrap .con2 .area2 .board ul li span {
    float: right;
}

/*오늘의 단어*/
.main_wrap .con2 .area .today_w a {
    display: block;
}
.main_wrap .con2 .area .today_w .img {
    width: 100%;
    height: 205px;
    line-height: 203px;
    text-align: center;
    border: 1px solid #efefef;
    overflow: hidden;
}
.main_wrap .con2 .area .today_w .img img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}

/*파트너*/
.main_wrap .con3 {
    padding-top: 29px;
    height: 220px;
    background-color: #f7f7f7;
}
.main_wrap .con3 h3 {
    padding-bottom: 27px;
}
.main_wrap .con3 ul li a {
    display: block;
}
.main_wrap .con3 .partners .owl-nav div {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 11px;
    height: 18px;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
}
.main_wrap .con3 .partners .owl-nav .owl-prev {
    left: -36px;
    background: url(../image/common/arrow_s_prev.png) no-repeat;
}
.main_wrap .con3 .partners .owl-nav .owl-next {
    right: -36px;
    background: url(../image/common/arrow_s_next.png) no-repeat;
}

/*======================서브============================*/
/*공통*/
.sub_menu {
    width: 220px;
    padding-top: 42px;
    background-color: #f7f7f7;
    height: 100%;
    min-height: 600px;
}
.sub_menu dl dt {
    padding: 0 0 20px 14px;
    color: #555;
    font-size: 22px;
    font-weight: 700;
}
.sub_menu dl dd {
    padding-top: 5px;
}
.sub_menu dl dd > a {
    display: block;
    width: 100%;
    height: 40px;
    padding-left: 17px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700;
}
.sub_menu dl dd.on > a {
    background-position: 0 -50px !important;
    color: #fff;
}
.sub_menu dl dd ul li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 27px;
}
.sub_menu dl dd ul li:first-child a {
    border-top: 0;
}

/*오른쪽 content*/
.content {
    width: 899px;
    height: 100%;
    padding-top: 42px;
    padding-bottom: 100px;
}
.inset_wrap {
    padding-top: 28px;
    padding-left: 30px;
}
.sub_title {
    padding: 0 0 20px 30px;
    color: #555;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid #e8e8e8;
}
.sub_title > span {
    display: inline-block;
}
.sub_title > span.arw {
    width: 30px;
    height: 16px; /*background:url(../image/common/icon_subtitle_arrow.jpg) no-repeat 50%;*/
}
.sub_title > span.arw::after {
    content: ">";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 12px;
    font-size: 16px;
    position: relative;
    top: -2px;
}

/*ㅁㅁㅁㅁㅁㅁㅁㅁㅁ 회원가입 폼 및 로그인폼 공통ㅁㅁㅁㅁㅁㅁㅁㅁㅁ*/
.br_top {
    padding-top: 23px;
    margin-top: 18px;
    border-top: 1px solid #efefef;
}
.big_title {
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    padding-bottom: 14px;
}
.title_p {
    font-size: 1.333em;
    line-height: 22px;
    text-align: center;
    padding-bottom: 58px;
}
.title_p span {
    font-weight: 700;
}

.home {
    padding-top: 29px;
    border-top: 1px solid #efefef;
    text-align: center;
}
.home a {
    display: inline-block;
    width: 190px;
    margin-left: 10px;
}
.home a:first-child {
    margin-left: 0;
}
.home.mt30 {
    margin-top: 30px;
}

.email_box {
    width: 680px;
    margin: 0 auto 114px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 15px;
}
.email_box.m_btm_s {
    margin-bottom: 27px;
}
.email_box .bottom {
    border-top: 1px solid #efefef;
}
.email_box dt,
.email_box dd {
    float: left;
    width: 50%;
    hight: 62px;
    line-height: 50px;
    font-size: 1.167em;
}
.email_box dt {
    padding-left: 172px;
    font-weight: 700;
    color: #454545;
}
.email_box dd {
    padding-left: 25px;
}

/*=============로그인=================*/
.login_wrap {
    width: 862px;
    margin: 0 auto;
    padding: 148px 0;
}
.login_wrap > div {
    float: left;
    width: 47.5638%;
    margin-left: 4.6403%;
}
.login_wrap > div:first-child {
    margin-left: 0;
}

.login_wrap form {
    position: relative;
}
.login_wrap form dl dt input {
    display: block;
    margin-top: 8px;
}
.login_wrap form dl dt input:first-child {
    margin-top: 0;
}
.login_wrap form dl dd {
    padding-top: 30px;
}
.login_wrap .btns {
    padding-top: 30px;
}
.login_wrap .btns ul li {
    margin-top: 16px;
    padding-left: 14px;
    background: url(../image/common/list_bg.png) no-repeat left center;
}
.login_wrap .btns ul li:first-child {
    margin-top: 0;
}
.login_wrap .btns ul li a {
    font-size: 1.167em;
    color: #888;
}
.login_wrap .alert {
    bottom: 35px;
}

.login_wrap .info_wrap {
    height: 387px;
    border: 1px solid #dadada;
    overflow: hidden;
}
.login_wrap .info_wrap a {
    display: block;
    width: 100%;
    height: 387px;
    line-height: 385px;
    text-align: center;
}
.login_wrap .info_wrap a img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

/*==================회원가입 이메일 인증====================*/
.join_apply_wrap {
    width: 750px;
    margin: 0 auto;
    padding: 148px 0;
}
.join_apply_wrap form {
    position: relative;
    width: 410px;
    margin: 0 auto;
}
.join_apply_wrap form dt input {
    margin-top: 10px;
}
.join_apply_wrap form dt input:first-child {
    margin-top: 0;
}
.join_apply_wrap form dd {
    padding-top: 10px;
}

.join_apply_wrap .alert {
    right: 20px;
    bottom: 79px;
}
/* TODO : 아이디 비밀번호 찾기 페이지
2023-02-15 17:30:25
chan9508@slkedu.com */
.join_apply_wrap .alert1 {
    bottom: 70px;
    font-weight: bold;
}
.join_apply_wrap.pw_wrap .alert {
    width: 100%;
    right: 0;
    top: -28px;
    text-align: center;
}

.join_apply_wrap .btns {
    padding: 28px 0 41px;
    text-align: center;
}
.join_apply_wrap .btns a {
    font-size: 1.333em;
    color: #555;
}
/*=================board_default, collapse 공통스타일==========================*/
.collapse .group_title {
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    color: #555;
}
.collapse ul {
    margin: 0;
}
.collapse ul > li {
    margin-bottom: 5px; /*border:1px solid #e0e0e0;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.collapse ul > li > .title,
.collapse ul > li img {
    width: 100%;
    max-width: 100%;
}
.collapse ul > li > .togglebtn {
    width: 100%;
    padding: 25px;
    padding-right: 70px;
    font-weight: 700;
    font-size: 14px;
}
.collapse ul > li.nodata {
    width: 100%;
    padding: 25px;
}
.collapse ul > li > .title {
    display: block; /*background:url(../image/common/icon_right_arrow.png) no-repeat 820px 50%;*/
}
.collapse ul > li > .togglebtn {
    display: block; /*background:url(../image/common/icon_list_arrow.png) no-repeat 820px 21px;*/
    position: relative;
}
.collapse ul > li > .togglebtn::after {
    content: "▼";
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 20px;
    color: white;
}
.collapse ul > li.disabled > .togglebtn {
    background-image: url(../image/common/icon_lock.jpg) no-repeat 820px 21px;
}
.collapse ul > li > .title1.togglebtn.on {
    background-position: 825px -64px;
}
.collapse ul > li > .togglebtn.on::after {
    /*background-position:820px -55px;*/
    transform: rotate(-180deg);
}
.collapse ul > li > .togglebtn .title {
    float: left;
    max-width: 660px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.collapse ul > li > .togglebtn .date {
    float: right;
}
.collapse ul > li.nodata {
    text-align: center;
}
.collapse ul > li > .cnt {
    position: relative;
    display: none;
    padding: 20px 25px;
    line-height: 21px;
    background-color: #f2f2f2;
    border-top: 1px solid #ebebeb;
    word-break: break-all;
}
.collapse ul > li.middle {
    background-color: #d8f2b0;
}
.collapse ul > li.high {
    background-color: #f7a8bb;
}
/* 2024수능특강 실전모의고사 */
.collapse ul > li > .togglebtn1 {
    display: block;
}
.collapse ul > li > .togglebtn1 {
    width: 100%;
    padding: 25px;
    padding-right: 70px;
    font-weight: 700;
    font-size: 14px;
}
/* .collapse ul>li>a>i{position: absolute;width: 40px;height: 40px;background: url(../image/new_bdg.png);display: inline-block;margin-top: -30px;right: 50%;background-size: 100% 100%;} */

.collapse ul > li.disabled {
    background-color: #f5f5f5;
}
.collapse ul > li.disabled > .togglebtn {
    color: #ccc; /*cursor:default;*/
}

.collapse ul > li dl {
    position: relative;
    min-height: 24px;
}
.collapse ul > li dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
}
.collapse ul > li dd {
    padding-left: 35px;
}
.collapse ul > li dt .icon {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 22px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    color: #fff;
}
.collapse ul > li .title dt .icon {
    background-color: #009944;
}
.collapse ul li .title dd span {
    vertical-align: middle;
}
.collapse ul > li .cnt dt .icon {
    line-height: 24px;
    background-color: #d44646;
}

/*=== 첨부파일 ===*/
.file_toggle {
    font-size: 15px;
    font-weight: 700;
}
.file_div {
    position: relative;
    padding: 5px 0;
    text-align: right;
}
.file_div .file_toggle span {
    color: #839dff;
}
.file_div.on ol {
    display: block;
    z-index: 999;
}
.file_div ol {
    display: none;
    background-color: #fff;
    position: absolute;
    top: 31px;
    right: 0;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.file_div ol li {
    line-height: 23px;
    min-width: 100px;
    text-align: left;
}
.file_div ol li a {
    display: block;
    width: 100%;
    max-width: 250px;
    padding: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.file_div ol li a:hover,
.collapse ul > li > .cnt .file_div ol li a:focus {
    color: #0055aa;
    text-decoration: underline;
}

/*=================Q&A==========================*/
.inquiry_wrapper {
    position: relative;
}
.inquiry_wrapper dd {
    margin-bottom: 8px;
}
.inquiry_wrapper dd.rp_email {
    line-height: 55px;
    margin-bottom: 0;
    margin-top: 12px;
}
.inquiry_wrapper dd textarea {
    line-height: 1.5em;
}
.inquiry_wrapper .btns {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
}
.inquiry_wrapper .btns .btn_ui {
    display: inline-block;
    width: 210px;
}
.inquiry_wrapper .btns div {
    display: inline-block;
    padding-right: 15px;
    font-size: 1.2em;
}

/*=================자주묻는질문==========================*/

.board_group .collapse ul > li > .togglebtn {
    background-position: 820px 19px;
}
.board_group .collapse ul > li > .togglebtn.on {
    background-position: 820px -57px;
}
.board_group .collapse ul li a,
.board_group .collapse ul li.nodata {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 21px;
}
.board_group .collapse ul li .title dd {
    width: 650px;
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
}

/*=================나의학습==========================*/
.mystudy_wrap .tab_nav {
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
    padding-top: 20px;
}
.mystudy_wrap .tab_nav .sort {
    padding-top: 6px;
}
.mystudy_wrap .tab_nav .sort * {
    font-size: 1.167em;
    padding: 3px;
}
.mystudy_wrap .tab_nav .sort button {
    background: none;
}
.mystudy_wrap .tab_nav .sort button.on {
    font-weight: bold;
    color: #444;
}

.mystudy_wrap .tab_nav ul li {
    display: block;
    float: left;
    margin-left: 3px;
    text-align: center;
}
.mystudy_wrap .tab_nav ul li:first-child {
    margin-left: 0;
}
.mystudy_wrap .tab_nav ul li a {
    display: block;
    width: 120px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #aaa;
    background-color: #eee;
    border-radius: 3px 3px 0 0;
}
.mystudy_wrap .tab_nav ul li:hover a,
.mystudy_wrap .tab_nav ul li:focus a,
.mystudy_wrap .tab_nav ul li.on a {
    background-color: #555;
    color: #fff;
}

.mystudy_wrap .mystudy_list {
    padding-top: 30px;
}
.mystudy_wrap .mystudy_list > ul > li.item {
    margin-bottom: 50px;
    overflow: hidden;
}
.mystudy_wrap .mystudy_list > ul > li.item:last-child {
    margin-bottom: 0;
}

.mystudy_wrap .mystudy_list > ul > li h4 {
    padding: 10px 0;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    background-color: #567ed3;
    color: #fff;
    text-align: center;
    border-radius: 3px;
}
.mystudy_wrap .mystudy_list > ul > li .table {
    display: table;
    border-spacing: 10px;
    table-layout: fixed;
    margin: -10px;
}
.mystudy_wrap .mystudy_list > ul > li ul {
    display: table-row;
}
.mystudy_wrap .mystudy_list > ul > li ul li {
    display: table-cell;
    width: 424px;
    max-width: 424px;
    background-color: #f2f2f2;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.mystudy_wrap .mystudy_list > ul > li ul li:not(.disabled):hover,
.mystudy_wrap .mystudy_list > ul > li ul li:not(.disabled):focus {
    border-color: #009944;
}
.mystudy_wrap .mystudy_list > ul > li ul li .title {
    position: relative;
    display: block;
    padding: 13px 16px;
    background: #fff url(../image/common/icon_right_arrow.png) no-repeat 383px
        50%;
}
.mystudy_wrap .mystudy_list > ul > li ul li .title h5 {
    width: 330px;
    font-size: 16px;
    font-weight: bold;
}
.mystudy_wrap .mystudy_list > ul > li ul li .title h5 * {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mystudy_wrap .mystudy_list > ul > li ul li .title h5 small {
    margin-bottom: 3px;
    font-size: 12px;
    color: #78aa46;
}
.mystudy_wrap .mystudy_list > ul > li ul li .title .icon {
    position: absolute;
    top: 50%;
    right: 48px;
    margin-top: -12px;
}
.mystudy_wrap .mystudy_list > ul > li ul li .sub {
    position: relative;
    padding: 12px 16px;
    border-top: 1px solid #ebebeb;
    word-break: break-all;
}
.mystudy_wrap .mystudy_list > ul > li ul li .sub dt {
    position: absolute;
    top: 14px;
    left: 16px;
    width: 14px;
}
.mystudy_wrap .mystudy_list > ul > li ul li .sub dt .icon {
    display: block;
    width: 14px;
    height: 14px;
    line-height: 12px;
    border-radius: 50%;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background-color: #e97619;
}
.mystudy_wrap .mystudy_list > ul > li ul li .sub dd {
    padding-left: 23px;
    line-height: 18px;
}
.mystudy_wrap .concept_body {
    background-color: #fff;
}

/*.mystudy_wrap .mystudy_list>ul>li ul li.disabled{background-color:#F9F9F9;border-color: #EFEFEF;}*/
/*.mystudy_wrap .mystudy_list>ul>li ul li.disabled *,*/
/*.mystudy_wrap .mystudy_list>ul>li ul li.disabled .title h5 small{color:#bbb;}*/
/*.mystudy_wrap .mystudy_list>ul>li ul li.disabled .title{cursor:default;background-color:#F9F9F9;background-image:url(../image/common/icon_lock.jpg);}*/
/*.mystudy_wrap .mystudy_list>ul>li ul li.disabled .sub dt .icon{background-color:#CCC;}*/

/*========나의학습 > 유형별 챕터 리스트, 실전 모의고사========*/
/*sub_title에 난이도 아이콘*/
.chapter_list.sub_title span {
    float: left;
    margin-top: 1px;
    margin-left: 10px;
}
.chapter_list.sub_title span:first-child {
    margin-top: 0;
    margin-left: 0;
}

/*title이 좁은 collapse*/
.collapse.in_small ul > li > .title,
.collapse.in_small ul > li > .togglebtn {
    padding: 15px 18px;
    font-size: 16px;
    background-position: 825px 13px;
}
.collapse.in_small ul > li > .togglebtn.on {
    background-position: 825px -63px;
}
.collapse.in_small ul > li > .title small,
.collapse.in_small ul > li > .togglebtn small {
    display: inline-block;
    padding-left: 5px;
    font-size: 12px;
    font-weight: normal;
}
.collapse.in_small ul li .cnt {
    padding: 0;
}
.collapse.in_small ul li .cnt dl {
    position: relative;
    padding: 10px 14px;
    border-top: 1px solid #dfdfdf;
}
.collapse.in_small ul li .cnt dl.disable {
    background-color: #aaa;
}
.collapse.in_small ul li .cnt dl:first-child {
    border-top: 0;
}
.collapse.in_small ul li .cnt dl dt {
    position: absolute;
    top: 15px;
    left: 14px;
}
.collapse.in_small ul li .cnt dl dt .icon {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background-color: #504bff;
}
.collapse.in_small ul li .cnt dl dt .icon.sound {
    background: #d44646 url(../image/question/ico_speaker.png) no-repeat 50%;
}
.collapse.in_small ul li .cnt dl dt .icon.sound.disabled {
    background-color: #bbb;
}

.collapse.in_small ul li .cnt dl dd {
    padding-left: 38px;
    line-height: 36px;
}

.collapse.in_small ul li .cnt dl dd .question {
    float: left;
    max-width: 700px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.collapse.in_small ul li .cnt dl dd .q_btn {
    float: right;
    height: 36px;
    line-height: 34px;
    background: #565555;
    color: #fff !important;
    font-size: 12px;
}

/*========나의학습 > 문제 상세 보기========*/
.question_detail {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.question_detail .top {
    position: relative;
    display: block;
    width: 100%;
    min-height: 86px;
    padding: 19px 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.question_detail .btns {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -28px;
}
.question_detail .sub {
    position: relative;
    padding: 12px 16px;
    border-top: 1px solid #ebebeb;
    word-break: break-all;
}
.question_detail .btn {
    float: left;
    background: none;
    margin-left: 12px;
    letter-spacing: -1px;
}
.question_detail .btn .icon {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 auto;
    margin-bottom: 5px;
    background: url(../image/question/icon_question.png) no-repeat;
}
.question_detail .btn.prev_q .icon {
    background-position: 0 -90px;
}
.question_detail .btn.list_q .icon {
    background-position: -45px -90px;
}
.question_detail .btn.favor_q .icon {
    background-position: -90px -90px;
}
.question_detail .btn.next_q .icon {
    background-position: -135px -90px;
}
.question_detail .btn.scrt_q .icon {
    background-position: 0 -180px;
}
.question_detail .btn.trsl_q .icon {
    background-position: -45px -180px;
}
.question_detail .btn.words_q .icon {
    background-position: -90px -180px;
}
.question_detail .btn.prev_q:hover .icon,
.question_detail .btn.prev_q:focus .icon,
.question_detail .btn.prev_q.on .icon {
    background-position: 0 -135px;
}
.question_detail .btn.list_q:hover .icon,
.question_detail .btn.list_q:focus .icon,
.question_detail .btn.list_q.on .icon {
    background-position: -45px -135px;
}
.question_detail .btn.favor_q:hover .icon,
.question_detail .btn.favor_q:focus .icon,
.question_detail .btn.favor_q.on .icon {
    background-position: -90px -135px;
}
.question_detail .btn.next_q:hover .icon,
.question_detail .btn.next_q:focus .icon,
.question_detail .btn.next_q.on .icon {
    background-position: -135px -135px;
}
.question_detail .btn.scrt_q:hover .icon,
.question_detail .btn.scrt_q:focus .icon,
.question_detail .btn.scrt_q.on .icon {
    background-position: 0 -225px;
}
.question_detail .btn.trsl_q:hover .icon,
.question_detail .btn.trsl_q:focus .icon,
.question_detail .btn.trsl_q.on .icon {
    background-position: -45px -225px;
}
.question_detail .btn.words_q:hover .icon,
.question_detail .btn.words_q:focus .icon,
.question_detail .btn.words_q.on .icon {
    background-position: -90px -225px;
}

.question_detail .btn:disabled {
    background-color: transparent !important;
    color: #ccc;
}
.question_detail .btn.prev_q:disabled:hover .icon,
.question_detail .btn.prev_q:disabled:focus .icon {
    background-position: 0 -90px;
}
.question_detail .btn.next_q:disabled:hover .icon,
.question_detail .btn.next_q:disabled:focus .icon {
    background-position: -135px -90px;
}

.question_detail.sound_wrapper .top {
    border-top: 1px solid #e0e0e0;
}

.question_detail audio {
    display: inline-block;
    width: 100%;
    background-color: #101010;
    color: #eee;
    text-align: center;
    vertical-align: middle;
}

.question_detail .question_wrap {
    position: relative;
}
.question_detail .question_wrap .answer_check {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../image/question/bg_white_80.png);
}
.question_detail .question_wrap .answer_check p {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -130px;
    padding-top: 220px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    letter-spacing: -2px;
    background-repeat: no-repeat;
}
.question_detail .question_wrap .answer_check p.crt {
    color: #504bff;
    background-image: url(../image/question/icon_correct.png);
}
.question_detail .question_wrap .answer_check p.incrt {
    color: #d44646;
    background-image: url(../image/question/icon_incorrect.png);
}

.question_detail .question_wrap .audio_wrap {
    position: relative;
    background-color: #101010;
}
.question_detail .question_wrap .audio_wrap .audio {
    padding-right: 110px;
    height: 50px;
    line-height: 49px;
    overflow: hidden;
}
.question_detail .question_wrap .audio_wrap .div_rate {
    position: absolute;
    top: 15px;
    right: 15px;
}
.question_detail .question_wrap .audio_wrap .div_rate > * {
    float: left;
    line-height: 19px;
}
.question_detail .question_wrap .audio_wrap .div_rate button {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../image/question/icon_audio_control.png) no-repeat;
}
.question_detail .question_wrap .audio_wrap .div_rate button.plus {
    background-position: -20px 0;
}
.question_detail .question_wrap .audio_wrap .div_rate div {
    text-align: center;
    color: #fff;
}
.question_detail .question_wrap .audio_wrap .div_rate div .rate {
    font-weight: bold;
}

.question_detail .top .title {
    font-size: 14px;
    font-weight: bold;
    line-height: 48px;
}
.question_detail .top .title .num {
    float: left;
    width: 86px;
    height: 48px;
    font-size: 22px;
    color: #fff;
    line-height: 48px;
    padding-left: 44px;
    letter-spacing: -1px; /*background:url(../image/question/icon_question.png) no-repeat 0 0;*/
    position: relative;
    z-index: 1;
}
.question_detail .top .title .num::before {
    content: "Q.";
    background-color: #504bff;
    padding: 0 50px 0 10px;
    border-radius: 5vw;
    position: absolute;
    z-index: -1;
    display: inline-block;
    top: -2px;
    left: 0;
}
.question_detail .top .title span {
    padding-left: 15px;
    padding-top: 17px;
    line-height: 48px;
}
.question_detail .ex_img {
    padding: 30px 0;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e0e0e0;
}
.question_detail .ex_img img {
    display: block;
    margin: 0 auto;
    background-color: #fff;
    max-width: 100%;
}

.question_detail .selec dl {
    position: relative;
    min-height: 51px;
    padding: 9px 13px;
    cursor: pointer;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e0e0e0;
}
.question_detail .selec dl:hover,
.question_detail .selec dl:focus {
    background-color: #efefef;
}
.question_detail .selec dl dt {
    position: absolute;
    top: 9px;
    left: 14px;
    width: 32px;
    height: 32px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background-color: #888;
    border-radius: 50%;
    letter-spacing: -1px;
}
.question_detail .selec dl dd {
    line-height: 31px;
    padding-left: 55px;
    font-size: 14px;
}
.question_detail .selec dl dd span {
    vertical-align: middle;
    line-height: 1.4em;
}
.question_detail .selec dl.selected {
    background-color: #efefef;
}
.question_detail .selec dl.selected dt {
    background-color: #504bff;
}
.question_detail .selec dl.selected dd {
    font-weight: bold;
}

.question_detail .selec.result dl {
    color: #bfbfbf;
    cursor: default;
}
.question_detail .selec.result dt {
    background-color: #bfbfbf;
}
.question_detail .selec dl.wrong,
.question_detail .selec dl.answer {
    color: #666;
}
.question_detail .selec dl.wrong dt {
    background-color: #d44646;
}
.question_detail .selec dl.answer dt {
    background-color: #504bff;
}

.question_detail .selec.hasimg {
    padding: 0 70px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e0e0e0;
}
.question_detail .selec.hasimg dl {
    display: block;
    float: left;
    width: 20%;
    border: 0;
    min-height: 80px;
}
.question_detail .selec.hasimg dl dt {
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
}
.question_detail .selec.hasimg dl dd {
    display: none;
}

.question_detail .script_wrap .title {
    padding-left: 17px;
}
.question_detail .script_wrap .inner {
    display: none;
    padding: 30px;
    background-color: #f7f7f7;
    border-top: 1px solid #e0e0e0;
}
.question_detail .script_wrap .inner dt {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 15px;
    padding-top: 40px;
}
.question_detail .script_wrap .inner dt:first-child {
    padding-top: 0;
}
.question_detail .script_wrap .inner dd {
    padding-left: 10px;
    line-height: 1.6em;
}

/*=================오답노트==========================*/
.wrong_list .list {
    overflow: hidden;
}
.wrong_list .list ul {
    margin: -5px;
}
.wrong_list .list ul li {
    float: left;
    margin: 5px;
}
.wrong_list .list ul li.nodata,
.wrong_list .list ul li a {
    display: block;
    width: 209px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.wrong_list .list ul li.nodata {
    width: 98%;
    padding: 20px 0;
    text-align: center;
}
.wrong_list .list ul li:hover a,
.wrong_list .list ul li:focus a {
    border-color: #95cb6a;
}
.wrong_list .list ul li:hover .location,
.wrong_list .list ul li:focus .location {
    background-color: #f5f8fe;
}
.wrong_list .list ul li .image {
    height: 168px;
    overflow: hidden;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}
.wrong_list .list ul li .location {
    height: 49px;
    padding-left: 15px;
    padding-top: 19px;
    background: #f2f2f2 url(../image/common/icon_right_arrow.png) no-repeat
        174px 50%;
}

.wrong_list .list ul li.disabled a {
    cursor: default;
}
.wrong_list .list ul li.disabled:hover a,
.wrong_list .list ul li.disabled:focus a {
    border-color: #e0e0e0;
}
.wrong_list .list ul li.disabled .location,
.wrong_list .list ul li.disabled:hover .location,
.wrong_list .list ul li.disabled:focus .location {
    background-color: #f9f9f9;
}
.wrong_list .list ul li.disabled .location {
    background-image: url(../image/common/icon_lock.jpg);
    color: #bbb;
}

/*=================즐겨찾기==========================*/
.favor_list .collapse ul > li > .togglebtn {
    font-size: 12px;
    padding: 13px 14px;
    background: #fff;
}
.favor_list .collapse ul > li > .togglebtn .title {
    padding: 5px 0;
}
.favor_list .collapse ul > li > .togglebtn dl {
    float: left;
}
.favor_list .collapse ul > li > .togglebtn button {
    float: right;
    height: 36px;
    line-height: 34px;
    background: #565555;
    color: #fff !important;
    font-size: 12px;
}
.favor_list .collapse ul > li dt {
    width: 26px;
}
.favor_list .collapse ul > li dt .icon {
    width: 26px;
    height: 26px;
    line-height: 24px;
}
.favor_list .collapse ul > li dd {
    line-height: 26px;
}
.favor_list .collapse ul > li > .cnt {
    padding: 14px;
}
.favor_list .collapse ul > li .cnt dt .icon {
    background-image: url(../image/wrong/icon_mark.png);
    background-repeat: no-repeat;
    background-position: 50% -33px;
}
.favor_list .collapse ul > li .cnt dd > div {
    padding-top: 6px;
}
.favor_list .collapse ul > li .cnt dd > .location {
    float: left;
}
.favor_list .collapse ul > li .cnt dd > .date {
    float: right;
    line-height: normal;
}

/*=================진도율 프로그레스 바==========================*/
.progress_wrap {
    padding-top: 25px;
}
.progress_wrap dl {
    position: relative;
    height: 108px;
    margin-bottom: 25px;
}
.progress_wrap dl dt {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 108px;
    height: 108px;
    line-height: 108px;
    text-align: center;
    background: url(../image/progress/bg_bignum.png) no-repeat;
}
.progress_wrap dl dt .bignum {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -1px;
}
.progress_wrap dl dt .bignum small {
    font-size: 11px;
}
.progress_wrap dl dd {
    padding-left: 106px;
    padding-top: 47px;
}
.progress_wrap dl dd .bar {
    position: relative;
    width: 100%;
    height: 14px;
    border-radius: 0 3px 3px 0;
    overflow: hidden;
}
.progress_wrap dl dd .bar > div {
    height: 100%;
}
.progress_wrap dl dd .bar .active {
    position: absolute;
    left: 0;
    top: 0;
    height: 14px;
    background-color: #009944;
}
.progress_wrap dl dd .bar .bg {
    background: url(../image/progress/bg_barbg.jpg);
}
.progress_wrap dl dd .info {
    position: relative;
    padding-top: 18px;
}
.progress_wrap dl dd .info p {
    padding-left: 7px;
    font-size: 14px;
    font-weight: bold;
}
.progress_wrap dl dd .info button {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    line-height: 200px;
    overflow: hidden;
    background: url(../image/common/icon_list_arrow.png) no-repeat 0 0;
}
.progress_wrap dl dd .info button.on {
    background-position: 0 100%;
}

.progress_wrap .inner {
    border-top: 1px solid #dfdfdf;
    background-color: #fff;
}
.progress_wrap .inner > ul > li {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #dfdfdf;
}
.progress_wrap .inner > ul > li.nodata {
    color: #666;
}

.progress_wrap .inner > ul > li .type {
    float: left;
}
.progress_wrap .inner > ul > li > .info {
    padding: 0 9px;
}
.progress_wrap .inner > ul > li > .info > ul {
    float: right;
}
.progress_wrap .inner > ul > li > .info > ul > li {
    float: left;
    padding-left: 19px;
}
.progress_wrap .inner > ul > li .info span,
.progress_wrap .inner > ul > li .info strong {
    float: left;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.progress_wrap .inner > ul > li .info span {
    padding: 0 10px 0 5px;
}
.progress_wrap .inner > ul > li .info span:first-child {
    padding-left: 0;
}
.progress_wrap .inner > ul > li .info strong {
    padding: 0 18px;
    font-family: verdana, Arial;
    font-size: 1.167em;
    font-weight: 700;
    color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.progress_wrap .inner > ul > li .info strong i {
    font-size: 0.714em;
}
.progress_wrap .inner .bar {
    padding-top: 10px;
}
.progress_wrap .inner .bar ul li {
    background: url(../image/progress/bg_barbg.jpg);
}
.progress_wrap .inner .bar ul li.pro_bar {
    height: 11px;
    border-bottom: 1px solid #e0e0e0;
}
.progress_wrap .inner .bar ul li.ans_bar {
    height: 10px;
}
.progress_wrap .inner .bar ul li div {
    height: 100%;
}

.progress_wrap .empty {
    text-align: center;
    font-size: 1.333em;
    font-weight: 700;
    padding: 20px 0;
}

.mystudy_wrap .progress_wrap .inner {
    display: none;
}

.mock_progress {
    margin-top: 40px;
}
.mock_progress .group_title {
    padding-bottom: 0;
}
.mock_progress + .progress_wrap {
    padding-top: 5px;
}
.mock_progress + .progress_wrap .inner {
    border-top: 0;
}
.mock_progress + .progress_wrap .inner .bar ul li.ans_bar {
    height: 20px;
}

/*
    .progress_wrap .inner ul li .num,
    .progress_wrap .inner ul li .per{z-index:10;position:absolute;top:9px;border:4px solid #fff;width:34px;height:34px;line-height:26px;text-align:center;font-weight:bold;}
    .progress_wrap .inner ul li .num{left:6px;border-radius:50%;background-color:#dedede;}
    .progress_wrap .inner ul li .per{right:6px;width:82px;border-radius:18px;color:#fff;background-color:#666;font-size:14px;}
    .progress_wrap .inner ul li .bar_wrap{width:100%;height:18px;padding:0 74px 0 27px;margin-top:11px;overflow:hidden;}
    .progress_wrap .inner ul li .bar{position:relative;width:100%;height:18px;}
    .progress_wrap .inner ul li .bar>div{height:100%;}
    .progress_wrap .inner ul li .bar .active{position:absolute;left:0;top:0;height:18px;background:url(../image/progress/bg_my_active.jpg);}
    .progress_wrap .inner ul li .bar .bg{background:url(../image/progress/bg_my_bg.jpg);}
    */
/*===============진행중인 이용권 프로그래스바=================*/
.voucher_pro_bar {
    position: relative;
    width: 100%;
    height: 24px;
    background: url(../image/progress/bg_barbg.jpg);
}
.voucher_pro_bar .active {
    height: 100%;
    background-color: #009944;
    opacity: 0.9;
    -moz-opacity: 0.9;
}
.voucher_pro_bar span {
    display: block;
    height: 100%;
    line-height: 24px;
    position: absolute;
    right: 10px;
    top: 0;
    color: #fff;
    font-weight: bold;
    font-family: verdana, Arial;
}

/*================실전모의고사 > 실전모의고사======================*/
.test_list .collapse ul > li.disabled > a {
    color: #bbb; /*cursor:default;*/
    background-image: url(../image/common/icon_lock.jpg);
}

/*================실전모의고사 > 모의고사 문제풀기======================*/
.test_question_detail .question_detail {
    border: 0;
}
.test_question_detail .question_detail audio {
    margin-bottom: 10px;
}
.test_question_detail .question_detail .question_wrap {
    margin-bottom: 5px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.test_question_detail .question_detail .selec dl {
    border: 0;
    border-top: 1px solid #e0e0e0;
}
.test_question_detail .question_detail .selec dl.selected {
    background-color: #efefef;
}
.test_question_detail .question_detail .selec dl.selected dt {
    background-color: #504bff;
}
.test_question_detail .question_detail .selec dl.selected dd {
    font-weight: bold;
}
.test_question_detail .question_detail .submit_btns {
    text-align: center;
    margin-top: 50px;
}
.test_question_detail .question_detail .submit_btns .btn_ui {
    display: inline-block;
    width: 410px;
    background-color: #504bff;
}

/*============실전모의고사 > 샘의 시험지 ====================*/
.samtest_div {
    padding: 18px 0 0 29px;
}
.samtest_div .two_area_list > ul > li > .title > h5 {
    line-height: 38px;
}
.samtest_div .two_area_list > ul > li > .sub {
    padding: 8px 13px;
}

.samtest_div .two_area_list > ul > li > .sub .s_class {
    float: left;
    line-height: 36px;
}
.samtest_div .two_area_list > ul > li > .sub .situ {
    float: right;
}
.samtest_div .two_area_list > ul > li > .sub .situ > * {
    display: block;
    float: left;
    line-height: 36px;
}
.samtest_div .two_area_list > ul > li > .sub .situ a {
    margin-left: 20px;
    width: 76px;
    height: 36px;
    color: #fff;
    background-color: #565555;
    text-align: center;
    border-radius: 3px;
}

.samtest_div .go_class_btn {
    display: inline;
    padding: 15px;
    font-size: 1.5em;
}

/*============실전모의고사 > 샘의 시험지 결과 ====================*/
.testresult_list.samtest_result .collapse.in_small ul > li > .togglebtn {
    padding: 20px 18px 0 18px;
}
.testresult_list.samtest_result
    .submit_list
    .collapse.in_small
    ul
    > li
    > .title {
    font-size: 14px;
}
.testresult_list.samtest_result .submit_list .collapse .right_area > dl,
.testresult_list.samtest_result .close_list .collapse .right_area > dl {
    float: left;
    margin-left: 20px;
}
.testresult_list.samtest_result
    .submit_list
    .collapse
    .right_area
    > dl:first-child,
.testresult_list.samtest_result
    .close_list
    .collapse
    .right_area
    > dl:first-child {
    margin-left: 0;
}
.testresult_list.samtest_result .submit_list .collapse .right_area .lh_40 dd,
.testresult_list.samtest_result .close_list .collapse .right_area .lh_40 dd {
    line-height: 40px;
}

.testresult_list.samtest_result .submit_list .collapse .right_area .lh_40 dd {
    background-color: #567fd3;
}
.testresult_list.samtest_result .close_list .collapse .right_area .days dd {
    background-color: #ccc;
}

.testresult_list.samtest_result .close_list .collapse .cnt dt .icon {
    background-color: #ccc;
}

.testresult_list.samtest_result > div > p {
    font-size: 14px;
    padding-bottom: 15px;
    font-weight: bold;
}

/*================실전모의고사 > 채점결과======================*/
.complete_view {
    width: 750px;
    margin: 0 auto;
}
.complete_view .collapse.in_small ul > li > .title {
    position: relative;
    background: #fff;
    padding: 20px 18px;
}
.complete_view .collapse ul > li .days dt {
    position: static;
    width: auto;
    font-size: 12px;
    font-weight: normal;
}
.complete_view .collapse ul > li .days dd {
    padding: 0 15px;
    background-color: #504bff;
    line-height: 34px;
    letter-spacing: -1px;
}
.complete_view .collapse.in_small ul > li > .title .days small {
    padding-left: 2px;
}
.complete_view .right_area {
    position: absolute;
    top: 10px;
    right: 15px;
}
.complete_view .right_area > li {
    float: left;
    margin-left: 18px;
}
.complete_view .right_area > li:first-child {
    margin-left: 0;
}
.complete_view .collapse.in_small ul li .cnt {
    display: block;
}
.complete_view .check {
    margin-right: 6px;
}
.complete_view .btns {
    display: flex;
    justify-content: center;
}
.complete_view .btns a {
    display: inline-block;
    width: 200px;
    height: 46px;
    line-height: 44px;
    margin-left: 10px;
}
.complete_view .btns a:first-child {
    margin-left: 0;
}

/*================실전모의고사 > 결과리스트======================*/
.testresult_list .collapse.in_small ul > li > .togglebtn {
    position: relative;
    padding: 20px 18px;
    background-position: 825px 18px;
}
.testresult_list .collapse.in_small ul > li > .togglebtn.on {
    background-position: 825px -58px;
}

.testresult_list .collapse.in_small .sub {
    margin: 20px -18px 0 -18px;
    border-top: 1px solid #ebebeb;
    background-color: #f2f2f2;
    padding: 8px 13px;
}
.testresult_list .sub ul li {
    border: none;
}

.testresult_list .collapse ul > li .days dt {
    position: static;
    width: auto;
    font-size: 12px;
    font-weight: normal;
}
.testresult_list .collapse ul > li .days dd {
    padding: 0 15px;
    background-color: #504bff;
    line-height: 33px;
    letter-spacing: -1px;
}
.testresult_list .collapse.in_small ul > li > .togglebtn .days small {
    padding-left: 2px;
}
.testresult_list .right_area {
    position: absolute;
    top: 10px;
    right: 55px;
}
.testresult_list .right_area > li {
    float: left;
    margin-left: 18px;
}
.testresult_list .right_area > li:first-child {
    margin-left: 0;
}

.testresult_list .collapse.in_small ul li .cnt dl dd .q_btn {
    float: none;
}

.testresult_list .close_list {
    margin-top: 28px;
}

/*================꼼꼼가이드 > 문제맛보기======================*/
.tasty_list ul li {
    width: 100%;
    background-color: #f2f2f2; /*border:1px solid #e0e0e0;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.tasty_list ul li .title {
    position: relative;
    display: block;
    padding: 13px 16px; /*background:url(../image/common/icon_list_arrow.png) no-repeat 825px 19px;*/
}
.tasty_list ul li .title::after {
    top: 22px;
}
.tasty_list .collapse ul > li > .title.on {
    background-position: 825px -57px;
}
.tasty_list ul li .title h5 {
    /*width: 330px;*/
    padding-right: 60px;
    font-size: 16px;
    font-weight: bold;
}
.tasty_list ul li .title h5 * {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tasty_list ul li .title h5 small {
    margin-bottom: 3px;
    font-size: 12px;
    color: #78aa46;
}
.tasty_list ul li .title .icon {
    position: absolute;
    top: 50%;
    right: 48px;
    margin-top: -12px;
}
.tasty_list ul li .title1 {
    position: relative;
    display: block;
    padding: 13px 16px; /*background:url(../image/common/icon_list_arrow.png) no-repeat 825px 12px;*/
}
.tasty_list ul li .title1 h5 {
    /*width: 330px;*/
    padding-right: 60px;
    font-size: 16px;
    font-weight: bold;
}
.tasty_list ul li .title1 h5 * {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tasty_list ul li .title1 h5 small {
    margin-bottom: 3px;
    font-size: 12px;
    color: #78aa46;
}
.tasty_list ul li .title1 .icon {
    position: absolute;
    top: 50%;
    right: 48px;
    margin-top: -12px;
}

.tasty_list ul li .cnt {
    padding: 0;
}
.tasty_list ul li .cnt dl {
    position: relative;
    padding: 10px 14px;
    border-top: 1px solid #dfdfdf;
}
.tasty_list ul li .cnt dl:first-child {
    border-top: 0;
}
.tasty_list ul li .cnt dl dt {
    position: absolute;
    top: 15px;
    left: 14px;
}
.tasty_list ul li .cnt dl dt .icon {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background-color: #009944;
}
.tasty_list ul li .cnt dl dd {
    padding-left: 38px;
    line-height: 36px;
}
.tasty_list ul li .cnt dl dd .question {
    float: left;
    max-width: 700px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tasty_list ul li .cnt dl dd .q_btn {
    float: right;
    height: 36px;
    line-height: 34px;
    background: #565555;
    color: #fff !important;
    font-size: 12px;
}

/*================꼼꼼가이드 > 학습가이드======================*/
.exp_wrap {
    text-align: center;
    padding: 47px 0;
    font-size: 1.333em;
    color: #666;
    line-height: 30px;
    border-bottom: 1px solid #efefef;
}

.guide_list_wrap .guide_list .group_title {
    padding-bottom: 29px;
    font-size: 1.167em;
    font-weight: 700;
}
.guide_list_wrap .guide_list > ul > li {
    padding-top: 57px;
}
.guide_list_wrap .guide_list > ul > li:first-child {
    padding-top: 0;
}
.guide_list_wrap .guide_list > ul > li > ul > li {
    float: left;
    width: 30%;
    margin: 0 1.5%;
    text-align: center;
}
.guide_list_wrap .guide_list > ul > li > ul > li > * {
    margin: 0 auto;
}
.guide_list_wrap .guide_list > ul > li > ul > li .img {
    position: relative;
    width: 140px;
    height: 140px;
}

.guide_list_wrap .guide_list > ul > li.blue_icons > ul > li.arrow {
    background: url(../image/guide/bg_ico_guide_arrow_b.png) no-repeat 198px
        52px;
}
.guide_list_wrap .guide_list > ul > li.yellow_icons > ul > li.arrow {
    background: url(../image/guide/bg_ico_guide_arrow_y.png) no-repeat 198px
        52px;
}
.guide_list_wrap .guide_list > ul > li.red_icons > ul > li.arrow {
    background: url(../image/guide/bg_ico_guide_arrow_r.png) no-repeat 198px
        52px;
}
.guide_list_wrap .guide_list > ul > li.green_icons > ul > li.arrow {
    background: url(../image/guide/bg_ico_guide_arrow_g.png) no-repeat 198px
        52px;
}

.guide_list_wrap .guide_list > ul > li.blue_icons > ul > li .img {
    background: url(../image/guide/bg_ico_guide_b.png) no-repeat;
}
.guide_list_wrap .guide_list > ul > li.yellow_icons > ul > li .img {
    background: url(../image/guide/bg_ico_guide_y.png) no-repeat;
}
.guide_list_wrap .guide_list > ul > li.red_icons > ul > li .img {
    background: url(../image/guide/bg_ico_guide_r.png) no-repeat;
}
.guide_list_wrap .guide_list > ul > li.green_icons > ul > li .img {
    background: url(../image/guide/bg_ico_guide_g.png) no-repeat;
}

.guide_list_wrap .guide_list > ul > li.blue_icons > ul > li .img span {
    color: #567fd3;
}
.guide_list_wrap .guide_list > ul > li.yellow_icons > ul > li .img span {
    color: #e7c00c;
}
.guide_list_wrap .guide_list > ul > li.red_icons > ul > li .img span {
    color: #d44646;
}
.guide_list_wrap .guide_list > ul > li.green_icons > ul > li .img span {
    color: #46cca1;
}

.guide_list_wrap .guide_list > ul > li > ul > li .img img {
    opacity: 0.3;
}
.guide_list_wrap .guide_list > ul > li > ul > li .img span {
    display: block;
    position: absolute;
    left: 16px;
    top: 11px;
    font-size: 1.667em;
    font-weight: 700;
    font-family: verdana, Arial;
}
.guide_list_wrap .guide_list > ul > li > ul > li p {
    padding-top: 25px;
    padding-bottom: 10px;
    font-size: 1.333em;
    font-weight: 700;
}
.guide_list_wrap .guide_list > ul > li > ul > li p strong {
    font-size: 1.25em;
}
.guide_list_wrap .guide_list > ul > li > ul > li > span {
    font-size: 1.167em;
    line-height: 22px;
}

/*================이벤트======================*/
.gallery_default_wrapper .list {
    overflow: hidden;
}
.gallery_default_wrapper .list #exEventList {
    margin-top: 40px;
}
.gallery_default_wrapper .list h4 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 13px;
}
.gallery_default_wrapper .list ul {
    margin: 0 -0.5%;
    overflow: hidden;
}
.gallery_default_wrapper .list ul > li {
    float: left;
    width: 49%;
    margin: 0 0.5%;
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.gallery_default_wrapper .list ul > li:hover,
.gallery_default_wrapper .list ul > li:focus {
    border-color: #009944;
}
.gallery_default_wrapper .list ul > li.nodata {
    width: 99%;
    text-align: center;
    padding: 25px;
}
.gallery_default_wrapper .list ul > li.nodata:hover,
.gallery_default_wrapper .list ul > li.nodata:focus {
    border-color: #e0e0e0;
}
.gallery_default_wrapper .list ul > li > a {
    display: block;
    background-color: #fff;
}
.gallery_default_wrapper .list ul > li > a .thumb {
    height: 210px;
    line-height: 208px;
    overflow: hidden;
    text-align: center;
    background-color: #f7f7f7;
}
.gallery_default_wrapper .list ul > li > a .thumb img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}
.gallery_default_wrapper .list ul > li > a .title {
    height: 60px;
    line-height: 58px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: bold;
    background: url(../image/common/icon_right_arrow.png) no-repeat 387px 50%;
}
.gallery_default_wrapper .list ul > li > a .title > span {
    display: block;
    max-width: 370px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gallery_default_wrapper .list ul > li > a .title .date {
    padding-right: 35px;
    font-weight: normal;
    font-size: 12px;
    color: #888;
}

.gallery_event_wrapper .list ul > li > a .thumb {
    height: 290px;
    line-height: 288px;
}
.gallery_event_wrapper .list ul > li > a .title > span {
    max-width: 215px;
}

/*================이벤트 상세보기======================*/
.gallery_view_wrapper .title {
    width: 100%;
    padding: 22px 16px;
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.gallery_view_wrapper .title span {
    font-size: 16px;
    font-weight: bold;
    word-break: break-all;
    line-height: 1.3em;
}
.gallery_view_wrapper .title .date {
    margin-top: 3px;
    font-size: 12px;
    font-weight: normal;
    color: #888;
}
.gallery_view_wrapper .image {
    text-align: center;
    font-size: 0;
    padding-bottom: 10px;
}
.gallery_view_wrapper .image img {
    display: inline-block;
    max-width: 100%;
}
.gallery_view_wrapper .cont {
    padding: 10px;
    border-top: 1px solid #ddd;
    line-height: 1.5em;
    word-break: break-all;
}
.gallery_view_wrapper .btns {
    width: 100%;
    margin-top: 40px;
    padding: 10px 10px 0 10px;
    border-top: 1px solid #e0e0e0;
}
.gallery_view_wrapper .btns a {
    display: block;
    width: 38px;
    height: 38px;
    background: url(../image/question/icon_question.png) no-repeat;
    line-height: 200px;
    overflow: hidden;
}
.gallery_view_wrapper .btns .prev_btn {
    background-position: 0 -90px;
    margin-right: 10px;
}
.gallery_view_wrapper .btns .next_btn {
    background-position: -135px -90px;
}
.gallery_view_wrapper .btns .list_btn {
    background-position: -45px -90px;
}
.gallery_view_wrapper .btns .prev_btn:hover,
.gallery_view_wrapper .btns .prev_btn:focus {
    background-position: 0 -135px;
}
.gallery_view_wrapper .btns .next_btn:hover,
.gallery_view_wrapper .btns .next_btn:focus {
    background-position: -135px -135px;
}
.gallery_view_wrapper .btns .list_btn:hover,
.gallery_view_wrapper .btns .list_btn:focus {
    background-position: -45px -135px;
}

/*=======================이벤트글강조====================*/
.gallery_view_wrapper .cont .set_center {
    text-align: center;
}
.gallery_view_wrapper .cont .sol a {
    border-radius: 10px;
    background-color: #4b8cd8;
    padding: 10px;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
}

.gallery_view_wrapper .cont .set_center_m {
    text-align: center;
    display: none;
}
.gallery_view_wrapper .cont .sol_m a {
    border-radius: 10px;
    background-color: #4b8cd8;
    padding: 10px;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    display: none;
}

/*================공지사항 상세보기======================*/
.gallery_view_wrapper.notice_wrap .title {
    margin-bottom: 0px;
}
.notice_wrap img {
    width: 100%;
    max-width: 100%;
}
.notice_wrap .add_file_cont {
    position: relative;
    height: 50px;
}
.notice_wrap .cont {
    border-top: 0;
    padding-top: 0;
    line-height: 1.7em;
}

/*================사이트맵======================*/
.sitemap_wrap {
    width: 872px;
    margin: 0 auto;
}
.sitemap_wrap h2 {
    padding-top: 42px;
}
.sitemap_wrap .sitemap {
    padding: 30px;
}
.sitemap_wrap .sitemap > .top {
    padding-bottom: 40px;
}
.sitemap_wrap .sitemap > .bottom {
    padding-bottom: 200px;
}
.sitemap_wrap .sitemap > div > ul > li {
    float: left;
    width: 23.8916%;
    margin-left: 1.4778%;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.sitemap_wrap .sitemap > div > ul > li:first-child {
    margin-left: 0;
}
.sitemap_wrap .sitemap > div > ul > li > strong,
.sitemap_wrap .sitemap > div > ul > li a {
    height: 41px;
    line-height: 41px;
}
.sitemap_wrap .sitemap > div > ul > li li {
    border-top: 1px solid #e5e5e5;
}
.sitemap_wrap .sitemap > div > ul > li > ul > li:first-child {
    border-top: 0;
}

.sitemap_wrap .sitemap > div > ul > li > strong {
    display: block;
    padding-left: 19px;
    font-size: 1.167em;
    font-weight: 700;
    background-color: #555;
    color: #fff;
}
.sitemap_wrap .sitemap > div > ul > li a {
    display: block;
    width: 100%;
}
.sitemap_wrap .sitemap > div > ul > li > ul > li > a {
    padding-left: 29px;
    font-size: 1.167em;
    font-weight: 700;
}
.sitemap_wrap .sitemap > div > ul > li > ul > li > a:hover,
.sitemap_wrap .sitemap > div > ul > li > ul > li > a:focus {
    background-color: #f2f2f2;
}
.sitemap_wrap .sitemap > div > ul > li > ul > li > ul > li a {
    padding-left: 39px;
    font-weight: 700;
    color: #888;
    background-color: #f5f5f5;
}
.sitemap_wrap .sitemap > div > ul > li > ul > li > ul > li a:hover,
.sitemap_wrap .sitemap > div > ul > li > ul > li > ul > li a:focus {
    background-color: #ededed;
}

/*=================마이페이지====================*/
/*내 정보 확인*/
.myinfo_wrap > form {
    width: 679px;
}
.myinfo_wrap form > div {
    position: relative;
    padding: 30px 25px 0 38px;
    border-top: 1px solid #efefef;
}
.myinfo_wrap form > div.top {
    border-top: 0;
}
.myinfo_wrap form > div.middle {
    display: none;
}
.myinfo_wrap form > div.comp_div {
    padding-top: 40px;
}

.myinfo_wrap .alert {
    right: 9999px;
}
.myinfo_wrap .top .alert.on {
    right: 25px;
    top: 45px;
}
.myinfo_wrap .comp_div .alert.on {
    width: 100%;
    text-align: center;
    right: 0;
    top: 13px;
}

.myinfo_wrap form table {
    width: 100%;
}
.myinfo_wrap form table tr th,
.myinfo_wrap form table tr td {
    padding-bottom: 30px;
}
.myinfo_wrap form table tr th,
.myinfo_wrap form table tr td span {
    font-size: 1.167em;
}
.myinfo_wrap form table tr th {
    width: 152px;
    padding-top: 15px;
    text-align: left;
    color: #454545;
    vertical-align: top;
}
.myinfo_wrap form table tr td {
    position: relative;
    height: 76px;
}
.myinfo_wrap form table tr td p {
    padding-top: 7px;
    padding-left: 20px;
}

.myinfo_wrap form table #school_fir {
    width: 230px;
}

.myinfo_wrap form .btns_wrap {
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;
    height: 54px;
    overflow: hidden;
    transition: width 0.3s;
}
.myinfo_wrap form .btns_wrap .btns {
    position: absolute;
    left: 0;
    top: 0;
    width: 340px;
    transition: left 0.3s;
}

.myinfo_wrap form .btns_wrap.on {
    width: 225px;
}
.myinfo_wrap form .btns_wrap.on .btns {
    left: -115px;
}

.myinfo_wrap form .btns_wrap .btns button {
    float: left;
    width: 110px;
    margin-left: 5px;
}
.myinfo_wrap form .btns_wrap .btns button:first-child {
    margin-left: 0;
}
.myinfo_wrap form .info_submit {
    width: 410px;
    margin: 0 auto;
}

.myinfo_wrap form .dropout_wrap {
    padding: 0;
    padding-top: 20px;
    text-align: center;
    border-top: 0;
}
.myinfo_wrap form .dropout_wrap .dropout {
    background: none;
}
.myinfo_wrap form .dropout_wrap .dropout:hover,
.myinfo_wrap form .dropout_wrap .dropout:focus {
    text-decoration: underline;
}

/*구매한 내역*/
.buylist_wrap .exp_voucher {
    padding-top: 40px;
}
.buylist_wrap .nodata.all {
    width: 100%;
    padding: 25px;
    border: 1px solid #e0e0e0;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/*진도율*/
.my_progress_wrap .two_area_list > ul > li > .sub .text {
    background-color: #fff;
}

/*==============컨텐츠 구매===============*/
/*컨텐츠구매*/
.content_wrap .have_coupon {
    padding: 40px 0;
    border-bottom: 1px solid #efefef;
}
.content_wrap .have_coupon .text {
    float: left;
    line-height: 44px;
    font-size: 1.333em;
    font-weight: 700;
    color: #555;
}
.content_wrap .have_coupon .btn {
    float: right;
    width: 130px;
}
.content_wrap .have_coupon .btn a {
    height: 44px;
    line-height: 44px;
}
.content_wrap .two_area_list > ul > li:hover {
    border: 1px solid #009944;
}
.content_wrap > div {
    padding-top: 45px;
}
.content_wrap > div:first-child {
    padding-top: 12px;
}

/*유형선택*/
.contents_details_wrap {
    width: 750px;
    margin: 0 auto;
    padding: 100px 0;
    position: relative;
}
.contents_details_wrap .type_list {
    padding-top: 45px;
}
.contents_details_wrap .type_list h5 {
    width: auto;
    padding-left: 33px;
    padding-right: 30px;
}
.contents_details_wrap .type_list .disabled {
    background-color: #f5f5f5;
}
.contents_details_wrap .type_list .disabled h5 small,
.contents_details_wrap .type_list .disabled h5 span {
    color: #aaa;
}
.contents_details_wrap .type_list > div > ul > li.disabled {
    border-color: #e0e0e0;
}
.contents_details_wrap .type_list .check_div.on label {
    background-position: 0 0;
}

.contents_details_wrap .type_list .check_div {
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -9px;
}
.contents_details_wrap .type_list .check_div label {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../image/common/cehck_small.png) no-repeat -18px 0;
}
.contents_details_wrap .type_list .check_div input {
    display: block;
    position: absolute;
    left: -9999px;
}

.contents_details_wrap .type_list .top_title {
    font-size: 1.167em;
    font-weight: bold;
    padding: 10px;
    border-bottom: 1px solid #efefef;
}
.contents_details_wrap .type_list > div > ul {
    padding: 5px 0;
}
.contents_details_wrap .type_list > div > ul > li {
    float: left;
    width: 48.6668%;
    margin: 0.6666%;
    border-color: #009944;
}
.contents_details_wrap .type_list > div > ul > li .icon {
    position: absolute;
    top: 50%;
    right: 17px;
    margin-top: -12px;
}

.contents_details_wrap .alert {
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

/*컨텐츠 구매 모달 팝업*/
.layer_popup.buy_complete_popup .layer_wrap .layer_content .btns {
    width: auto;
    padding: 35px 0;
    text-align: center;
}
.layer_popup.buy_complete_popup .layer_wrap .layer_content .btns .btn_ui {
    display: inline-block;
    width: 190px;
    margin: 0 5px;
}

/*컨텐츠 구매 완료*/
.buy_complete_wrap {
    width: 750px;
    margin: 0 auto;
    padding: 100px 0;
}
.buy_complete_wrap .big_price {
    padding: 78px 0 30px;
    margin-top: 40px;
    text-align: right;
    border-top: 1px solid #efefef;
}
.buy_complete_wrap .big_price span {
    font-size: 1.333em;
    font-weight: 700;
    color: #454545;
}
.buy_complete_wrap .big_price strong {
    margin-left: 47px;
    margin-right: 10px;
    font-size: 3.333em;
    font-weight: 700;
    color: #d44646;
}

/*********새로운 공통클래스*********/
/*동그란 인풋*/
.form_input.circle {
    display: inline-block;
    width: 220px;
    padding: 11px 18px;
    background-color: #fff;
    font-size: 1em;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    outline: none;
}
.form_input.circle:focus {
    border-color: #567fd3;
}

.select_ui.circle {
    display: inline-block;
    position: relative;
    width: 160px;
}
.select_ui.circle select {
    width: 100%;
    font-size: 1em;
    outline: none;
    line-height: 36px;
    height: 40px;
    text-indent: 10px;
    padding-left: 10px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}

.select_ui.circle .icon {
    position: absolute;
    right: 1px;
    top: 2px;
    width: 32px;
    height: 36px;
    margin-top: 0;
    margin-right: 1px;
    background: #535353 url(../image/common/select_arrow.jpg) no-repeat 2px 50%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.form_input.circle:focus,
.select_ui.circle select:focus {
    border-color: #567fd3;
}

.input_check.square {
    display: inline-block;
    position: relative;
    height: 18px;
    padding-left: 28px;
    line-height: 18px;
    font-size: 1em;
}
.input_check.square .icon {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../image/common/check_bg_square.png) no-repeat;
}
.input_check.square input {
    display: block;
    position: absolute;
    left: -9999px;
}
.input_check.square input:checked + .icon {
    background-position: 0 -18px;
}

.circle_btn {
    display: inline-block;
    width: 34px;
    height: 34px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    outline: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.circle_btn.search_btn {
    width: 40px;
    height: 40px;
    background: #009944 url(../image/mypage/myclass_btn.png) no-repeat 50% 10px;
}
.circle_btn.join_btn {
    background: #009944 url(../image/mypage/myclass_btn.png) no-repeat 50% -43px;
}
.circle_btn.delete_btn {
    background: #d44646 url(../image/mypage/myclass_btn.png) no-repeat 50% -93px;
}

.circle_btn.view_btn {
    background: #3d4f73 url(../image/mypage/icon_btn.png) no-repeat 50% 7px;
}
.circle_btn.trash_btn {
    background: #d44646 url(../image/mypage/icon_btn.png) no-repeat 50% -43px;
}
.circle_btn.send_btn {
    background: #009944 url(../image/mypage/icon_btn.png) no-repeat 50% -90px;
}

/*****선생님 찾기*****/
.myclass_wrap h4 {
    font-size: 1.167em;
    font-weight: bold;
    padding-bottom: 13px;
}

.myclass_wrap .find_teacher_wrap {
    margin-bottom: 40px;
}
.myclass_wrap .list_wrap {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.myclass_wrap .list_wrap .searchfrm {
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.blue_table {
    width: 100%;
    table-layout: fixed;
}
.blue_table .t_l {
    text-align: left;
}
.blue_table thead {
    background-color: #fff;
}
.blue_table thead th {
    padding: 15px 5px;
}
.blue_table thead th.t_l {
    padding: 15px 5px 15px 15px;
}
.blue_table tbody tr {
    border-top: 1px solid #ddd;
}
.blue_table tbody .search_all td {
    font-size: 2em;
    font-weight: 700;
}
.blue_table tbody td {
    position: relative;
    height: 55px;
    padding: 10px 5px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
}
.blue_table tbody td nobr {
    position: relative;
}
.blue_table tbody td.t_l {
    padding: 10px 5px 10px 15px;
}
.blue_table tbody td .new_icon {
    position: absolute;
    top: -10px;
    right: -7px;
}
.blue_table tbody .nodata {
    padding: 20px 0;
    text-align: center;
    font-size: 1.8rem !important;
}

.blue_table.search,
.blue_table.myclass {
    background-color: #f5f5f5;
}
.myclass_wrap .list_wrap .paging {
    margin-top: 0;
    padding: 20px 0;
    border-top: 1px solid #ddd;
}

/****=======쪽지함=======****/
.message_wrap {
    position: relative;
    padding: 28px 30px;
}
.message_wrap .blue_table tbody tr {
    background-color: transparent;
}
.message_wrap .btn_ui {
    display: inline-block;
    width: auto;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    font-weight: normal;
    font-size: 1em;
}
.message_wrap .btns.t_r {
    position: absolute;
    right: 30px;
    bottom: 28px;
    width: auto;
}
.message_wrap .btns.t_l {
    position: absolute;
    left: 30px;
    bottom: 28px;
    width: auto;
}

.message_wrap .list {
    margin-top: 10px;
}

.message_wrap .blue_table {
    border-bottom: 1px solid #504bff;
}
.message_wrap .blue_table tbody tr:first-child {
    border-color: #504bff;
}
.message_wrap .blue_table tbody tr {
    cursor: pointer;
}

.message_wrap .btm_wrap {
    margin-top: 30px;
    height: 34px;
}
.message_wrap .btm_wrap .paging {
    margin-top: 0;
}

.message_wrap .table_list .input_check {
    padding-left: 18px;
    vertical-align: middle;
}

/****쪽지보내기****/
.message_send_wrap .write_wrap {
    margin-top: 30px;
}
.message_send_wrap .write_wrap h4 {
    font-weight: bold;
    margin-bottom: 15px;
}
.message_send_wrap .top_wrap {
    margin-bottom: 30px;
}
.message_send_wrap .reply_wrap {
    margin-top: 30px;
}

.message_send_wrap .top_wrap .member_wrap {
    position: relative;
}
.message_send_wrap .top_wrap .member_wrap > * {
    display: inline-block;
}
.message_send_wrap .top_wrap .member_wrap .item {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 39px;
    margin-right: 3px;
    margin-bottom: 5px;
    padding: 0 40px 0 20px;
    border: 1px solid #dadada;
    border-radius: 20px;
}
.message_send_wrap .top_wrap .member_wrap .origin {
    color: #aaa;
    padding-right: 20px;
}
.message_send_wrap .top_wrap .member_wrap .item.mem {
    padding-right: 20px;
}
.message_send_wrap .top_wrap .member_wrap .item .delete_btn {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 30px;
    height: 30px;
    background: url(../image/common/icon_remove.png) no-repeat 50%;
    text-indent: -9999px;
    overflow: hidden;
}

/* .message_send_wrap .btns{margin-top:15px;text-align:center;}
.message_send_wrap .btn_ui.big{width:210px;height: 54px;line-height: 54px;font-size: 1.667em;font-weight: bold;} */
.message_send_wrap .add_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #7e36ff url(../image/common/icon_plus.png) no-repeat 50%;
}

.message_send_wrap textarea {
    font-size: 1em;
    line-height: 1.4em;
}

.layer_popup.send_popup .layer_wrap {
    width: 450px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.layer_popup.send_popup .layer_wrap .exit {
    position: absolute;
    right: 20px;
    top: 10px;
    width: 40px;
    height: 40px;
    background: #009944 url(../image/common/layer_exit2.png) no-repeat center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.layer_popup.send_popup .layer_wrap .layer_title,
.layer_popup.send_popup .layer_wrap .layer_footer {
    background-color: #fff;
    padding: 20px;
}
.layer_popup.send_popup .layer_wrap .layer_title {
    border-bottom: 1px solid #ddd;
}
.layer_popup.send_popup .layer_wrap .layer_title h3 {
    font-size: 1.33em;
    font-weight: bold;
    color: #333;
}
.layer_popup.send_popup .layer_wrap .layer_footer {
    padding: 10px 20px;
    border-top: 1px solid #ddd;
    text-align: center;
}
.layer_popup.send_popup .layer_wrap .layer_footer .btn_ui {
    padding: 0 25px;
    height: 40px;
    line-height: 40px;
}

.layer_popup.send_popup .layer_wrap .layer_content {
    height: 370px;
    background-color: #f7f7f7;
}
.layer_popup.send_popup .layer_wrap .layer_content > div {
    float: left;
    height: 100%;
    overflow-y: scroll;
}
.layer_popup.send_popup .layer_wrap .nodata {
    text-align: center;
    padding: 20px 0;
}

.layer_popup.send_popup .layer_wrap .layer_content .input_check {
    display: block;
    height: 50px;
    padding-top: 15px;
    padding-left: 50px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
.layer_popup.send_popup .layer_wrap .layer_content .input_check:last-child {
    border-bottom: 0;
}
.layer_popup.send_popup .layer_wrap .layer_content .icon {
    left: 15px;
    top: 15px;
}

.layer_popup.send_popup .point_wrap {
    margin-bottom: 0;
    padding-top: 10px;
}
.layer_popup.send_popup .btn_ui {
    font-size: 1em;
}

/*쪽지 보내기 완료*/
.message_complete_wrap {
    width: 100%;
    text-align: center;
    padding: 100px 0;
}
.message_complete_wrap .complete {
    font-weight: bold;
    font-size: 1.3em;
}
.message_complete_wrap .btns {
    padding-top: 50px;
    text-align: center;
}
.message_complete_wrap .btns button {
    display: inline-block;
}

/****쪽지보기****/
.message_view_wrap .write_wrap {
    margin-top: 0;
}
.message_view_wrap .form_input.textarea {
    height: 270px;
    font-size: 1em;
    line-height: 1.6em;
    overflow: auto;
    word-break: break-all;
}

@media screen and (max-width: 1450px) {
    #quickMenu {
        position: absolute;
        left: auto;
        right: -152px;
        top: 0;
        height: 0;
        margin-left: 0;
    }
    #quickMenu.on {
        right: 0;
    }
    #quickMenu .open {
        left: -25px;
    }
}

.select_f {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 50px;
    margin-bottom: 100px;
}
.f_btn_ui {
    display: block;
    width: 230px;
    height: 85px;
    line-height: 54px;
    border: 0;
    font-size: 2em;
    font-weight: bold;
    color: #f5f5f5;
    text-align: center;
    border-radius: 15px;
}
.f_btn_ui:hover {
    background-color: #ffffff;
    color: #009944;
    border: 2px solid #009944;
    transition: 0.2s;
}

.id_caution_icon {
    position: absolute;
    left: 120px;
    top: 53px;
    width: 32px;
    height: 44px;
    margin-top: -22px; /*height:25px;margin-top:-12.5px;*/
    background: #fff url(../image/common/circle_caution.png) no-repeat center;
}
.arrow_box {
    visibility: hidden;
    width: 500px;
    background-color: black;
    position: relative;
    padding: 6px;
    color: white;
    text-align: center;
    z-index: 1;
    top: -64px;
    left: -22%;
    margin-left: -110px;
    border-radius: 20px;
}

.arrow_box:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.id_caution_icon:hover + p.arrow_box {
    visibility: visible;
}

/* TODO : Top btn */
/* 2023-04-04 13:57:03 */
/* chan9508@slkedu.com */

#toTop {
    position: fixed;
    bottom: 40px;
    display: none;
    z-index: 9999;
    right: 40px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px 0px;
    border-radius: 50%;
    font-size: 20px;
    height: 60px;
    width: 60px;
    text-align: center;
    font-weight: bold;
}

#mi_defender_img1 {
    display: none !important;
}

.home_list_a {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.home_list:hover {
    transition: 0.3s;
    scale: 1.03;
}

.play_btn {
    width: 50px !important;
    top: 25px;
    left: 50px;
}

/* #id1_sub3 a{
    font-weight: bolder;
    color: #14ff00 !important;
} */

/* #학습하기_id1_sub3 a{
    background: url(../image/common/snb_menu_bg_new.png) no-repeat;
} */