@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: 'Spoqa Han Sans Neo', '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;}
    
    /* 폼 UI 추가 2022-12-08 17:43:40 sysong@slkedu.com */
    .form_ui1{display:inline-block;position:relative;width:300px}
    .form_ui2{display:inline-block;position:relative;width:100px}
    .form_ui3{display:inline-block;position:relative;width:30px}

    .form_ui_id{display:inline-block;position:relative;width:360px}
    .form_ui_idc{display:inline-block;position:relative;width:100px}


    .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:#384b70;color:#384b70;}
    .paging ul li.active a{border-color:#384b70;background-color:#384b70;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:#384b70;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: 2px;}
.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:60px;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}

/*=================회원가입폼==========================*/
.signup_wrap{width:679px;margin:0 auto;padding-top:84px;padding-bottom:300px}
.signup_wrap h2{padding-left:30px;padding-bottom:20px}
.signup_wrap .form_wrap{position:relative;border-top:1px solid #efefef}
.signup_wrap .form_wrap table{width:100%}

.signup_wrap table tr th,.signup_wrap table tr td{vertical-align:top}
.signup_wrap .form_wrap table tr th{padding-top:14px;font-size:1.167em;color:#454545;text-align:left;}
.signup_wrap .table_div1,.signup_wrap .table_div2{padding:30px 30px 0;border-bottom:1px solid #efefef}
.signup_wrap .table_div1 table tr td{height:86px;}
.signup_wrap .table_div1 table tr td p{padding:12px 0 0 0}
.signup_wrap .table_div1 table tr .uid_td input{font-size:1.167em;color:#666;border:0}

.signup_wrap .table_div2 table tr td{height:76px}
.signup_wrap .table_div2 table tr .school_td input{width:230px}

.signup_wrap .btns{padding-top:30px;}
.signup_wrap .btns button{width:410px;margin:0 auto}

.signup_wrap .alert{right:30px;top:45px}



/*=================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.250em}
.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 #384b70}
.message_wrap .blue_table tbody tr:first-child{border-color:#384b70}
.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}
}

/* TODO : 회원가입 학생,일반인 구분
2023-02-15 17:50:17
chan9508@slkedu.com */

/* 학생,일반인 선택 */
.job_div{display: flex;flex-direction: row;}
.job_div input[type=radio]{display: none;}
.job_div input[type=radio]+label{display: inline-block;cursor: pointer;height: 30px;width: 100px;border: 1px solid #dadada;line-height: 30px;text-align: center;font-weight:bold;font-size:13px;}
.job_div input[type=radio]+label{background-color: #fff;color: #333;}
.job_div input[type=radio]:checked+label{background-color: #504BFF;color: #fff;border: 1px solid #504BFF;}
.job_select{padding:10px 10px;background-color: #504BFF;color: white;margin: 0 5px 0 0;font-size: 1.2em;}

.school_cert p{font-size: 1.667em;font-weight: bold;padding-top: 0;margin-left: -20px;margin-top: -10px;}

/* TODO : 회원가입 학생,일반인 구분
2023-02-15 17:50:17
chan9508@slkedu.com */
/* 아이디 비밀번호 찾기 */

.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: .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;
} */