@charset "utf-8";
/* HIVELAB (http://www.hivelab.co.kr) */

.wrap.member{width:100%;height:100%;font-size:0;text-align:center}
.wrap.member:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.wrap.member .inner{display:inline-block;width:460px;padding:60px 0;text-align:left;vertical-align:middle}
.wrap.with_topbar{height:auto}
.wrap.with_topbar:before{display:none}
.wrap.with_topbar .inner{padding:78px 27px 90px}
.wrap.with_topbar.member .inner{display:block;width:1000px}

.wrap.pending {
    margin-top: -47px;
    padding-top: 222px;
    padding-bottom: 262px;
    background-color: #F7F9FD;
}

.wrap.pending .tit2 {
    color: #1a1a1a;
    font-size: 34px;
    font-weight: 700;
    line-height: 130%;
}

.wrap.pending .content {
    margin-top: 10px;
}
.wrap.pending .desc {
    color: #4C4C4C;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
}
.wrap.pending .info_box {
    display: inline-block;
    width: 460px;
    margin-top: 50px;
    padding-top: 34px;
    padding-bottom: 43px;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid #ccc;
    background-color: #fff;
}
.wrap.pending .info_tit {
    color: #808080;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
}
.wrap.pending .info_cont {
    margin-top: 4px;
    color: #4676F0;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
}
.wrap.pending .btn_area {
    margin-top: 30px;
}
.wrap.pending .btn_area .btn {
    display: inline-block;
    width: 460px;
    height: auto;
    padding: 16px 0;
    border-radius: 6px;
    background-color: #4676F0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
}

.area_title{position:relative;}
.area_title h2{display:inline-block;vertical-align:middle}
.area_title .tit_dsc{font-size:16px;color:#575757}
.area_title .sub_tit{font-size:28px;font-weight:700;color:#171717}
.area_title .bx_info{margin-top:3px;font-size:0}
.area_title .bx_info dd{display:inline-block;font-size:13px;line-height:19px;color:#999;vertical-align:middle}
.area_title .bx_info dd:after{display:inline-block;width:1px;height:10px;margin:0 8px;background-color:#d8d8d8;vertical-align:middle;content:''}
.area_title .bx_info dd:last-child:after{display:none}
.area_title .bx_btn_area{position:absolute;top:0;right:0;font-size:0}
.area_title .bx_btn_area button + button{margin-left:10px}
.area_title .bx_btn_area .btn_notice_write{display:inline-block;width:153px;height:46px;font-size:14px;font-weight:700;letter-spacing:-.5px;line-height:44px}

/* sp */
.sp, .bx_add .txt_guide:before, .news_file_none .dsc:before, .ly_schedule_add .tui-datepicker-dropdown .tui-ico-check, .ly_schedule_add .tui-ico-caret, .tui-datepicker_calendar .tui-calendar .tui-calendar-btn-next-month:after, .tui-datepicker_calendar .tui-calendar .tui-calendar-btn-next-year:after, .tui-datepicker_calendar .tui-calendar .tui-calendar-btn-prev-month:after, .tui-datepicker_calendar .tui-calendar .tui-calendar-btn-prev-year:after,.sub_album_view .btn_add:after, .news_dsc_bx .btn_bx .news_btn:after, .ly_group_set .btn_all_remove:after,
.bx_gnb_tooltip:before{display:inline-block;background-image:url(../img/sp.png);background-repeat:no-repeat;font-size:0}

/* sp@3x */
.sp3, .input_chk.type7 + label:after, .bx_major_info .btn_reset, .live_comment_wrap .btn_file_name:before, .live_comment_wrap .bx_btn .btn_file:before{display:inline-block;background:url(../img/sp@3x.png) no-repeat;background-size:200px auto;font-size:0}

/* sp cs */
.sub_consultation .pagination .btn_prev.first:after,
.sub_consultation .pagination .btn_next.last:after{display:none;}
.sub_consultation .pagination .btn_next:before,
.sub_consultation .pagination .btn_prev:before,
.sub_consultation .area_filter .bx_input_search.small .ico_search,
.sub_consultation .bx_sorting .btn_select .ico_select_arrow,
.sub_consultation .bx_sorting .lst_select li.on a:after,
.sub_consultation .btn_cs_pause::after{background:url(../img/sp_consulation@2x.png) no-repeat;background-size:133px auto;}


.tui-datepicker_calendar .tui-calendar .tui-calendar-header-inner:after, .lst_member .area_choice:after{display:block;clear:both;content:''}
.bg_ty1{background-color:#fafcff}

/* icon */
.ico{display:inline-block;background-image:url(../img/sp_nsat.png);background-repeat:no-repeat}
.ico_before,.ico_after{position:relative}
.ico_before:before,.ico_after:after{display:inline-block;content:'';background-image:url(../img/sp_nsat.png);background-repeat:no-repeat}

.sp.ico_speak{width:13px;height:10px;background-position:-522px -490px}
.sp.ico_top{width:28px;height:28px;background-position:-572px -472px}
.sp.ico_btm{width:28px;height:28px;background-position:-572px -472px;transform:rotate(180deg)}
.ico.ico_download{margin:0 5px 0 0;width:20px;height:20px;background-position:0px 0px}
.ico.ico_download2{margin:0 5px 0 0;width:18px;height:18px;background-position:-282px -44px}
.ico.ico_download_blue{margin:0 5px 0 0;width:18px;height:18px;background-position:-263px -44px}
.ico_delect{width:21px;height:21px;background-position:-51px 0}
.ico_delect_gray{width:19px;height:19px;background-position:-98px 0}
.ico_guide02{width:18px;height:18px;margin-right:4px;background-position:-503px -316px}
.ico_cancle_red{width:15px;height:15px;vertical-align:baseline;background-position:-554px -103px}
.ico_cancle_red + .btn_txt{color:#f74f4f}
.ico_search_gray{width:15px;height:15px;vertical-align:baseline;margin-right:2px;background-position:-571px -103px}
.help_msg .ico_help{width:14px;height:14px;margin:-1px 4px 0 0;background-position:-544px -125px}
.ico_refresh{width:23px;height:23px;background-position:-140px 0}
.ico_refresh_sm{width:12px;height:12px;background-position:-456px -59px}
.ico_answer{width:24px;height:24px;vertical-align:middle;background-position:-203px 0}
.ico_wrong{width:24px;height:24px;background-position:-231px 0}
.ico_unknown{width:18px;height:18px;margin:-3px 0 0 5px;vertical-align:middle;background-position:-282px 0}
.ico_no_answer{width:31px;height:18px;margin-top:-3px;vertical-align:middle;background-position:-269px -22px}
.ico_delete_black{width:14px;height:14px;margin-top:-3px;vertical-align:middle;background-position:-570px -326px}
:disabled .ico_delete_black{opacity:.3}

/* mark,bedge */
.ico_new_red{width:17px;height:17px;background-position:0 -240px;}
.basic_bedge{display:inline-block;padding:3px 6px 4px;color:#fff;font-size:11px;border-radius:4px;background-color:#3577f8;vertical-align:middle;vertical-align:-1px}
.basic_bedge .ico_speak{margin-right:3px;vertical-align:-.5px}

/* text */
.txt_left{text-align:left !important}
.txt_right{text-align:right !important}
.txt_center{text-align:center !important}

/* UIO common */
.btn, .btn2, .btn3, .btn4, .btn5, .btn6{display:inline-block;width:80px;height:38px;border:1px solid #ccc;box-sizing:border-box;border-radius: 0;font-size:13px;color:#808080;line-height:36px;text-align:center;vertical-align:middle}
.btn2{border-color:#3577f8;color:#3577f8}
.btn3{border-color:#3577f8;background-color:#3577f8;color:#fff}
.btn4{border-color:#ccc;background-color:#f9f9f9;color:#f74f4f}
.btn5{border-color:#777;background-color:#777;color:#fff}
.btn6{border-color:#ccc;background-color:#f9f9f9;color:#222}
.btn7{color:#666;border:1px solid #b3b3b3;background-color:#fff}
.btn7:hover{border-color:#666}
.btn8{color:#171717;border:1px solid #999;background-color:#fff}
.btn9{color:#171717;font-size:11px;line-height:24px;border:1px solid #979797;background-color:#fff}
.btn9:disabled{color:#b8b8b8;border-color:#d5d5d5;background-color:#fafbfc}
.btn:disabled, .btn2:disabled, .btn3:disabled, .btn4:disabled, .btn5:disabled, .btn6:disabled,
.btn.is_disabled{border-color:#eee!important;background-color:#f9f9f9!important;color:rgba(34,34,34,0.2)!important;pointer-events:none}
.btn:disabled .txt_color{color:inherit}
.btn:hover{background-color:#fafafa}
.btn:active{background-color:#f0f0f0}
.btn2:hover{background-color:#f5f8ff!important}
.btn2:active{background-color:#e6efff}
.btn3:hover{background-color:#1660f5}
.btn3:active{background-color:#135ef2}
.btn4:hover{border-color:#a0a0a0}
.btn5:hover{border-color:#575757;background-color:#575757}
.btn6:hover{border-color:#a0a0a0}
.btn:disabled:hover, .btn2:disabled:hover, .btn3:disabled:hover, .btn4:disabled:hover, .btn5:disabled:hover, .btn6:disabled:hover{background-color:#f9f9f9!important}
.btn_xs{width:50px;height:28px;font-size:12px;line-height:26px}
.btn_m{width:102px;height:46px;font-size:16px;line-height:43px}
.btn_l{width:210px;height:58px;font-size:17px;line-height:56px}
.btn_radius{border-radius:2px}
.btn_radius_4{border-radius:4px}
.admin_content_wrap .btn, .admin_content_wrap .btn2, .admin_content_wrap .btn3, .admin_content_wrap .btn4, .admin_content_wrap .btn5, .admin_content_wrap .btn6, .admin_content_wrap .button[type="button"]{border-radius:2px}
.admin_content_wrap .btn_xs{width:48px;font-size:13px}

[class*='new_btn']{display:inline-block;width:auto;height:auto;line-height:normal;vertical-align:middle}
.new_btn_xs{padding:4px 14px 6px;font-size:12px}
.new_btn_s{padding:7px 20px 11px;font-size:15px}
.new_btn_l{padding:14px 22px 16px;font-size:14px}
.new_btn_s + .new_btn_s {margin-left:4px}
[class*='new_btn'].bd_lightgray{color:#212121;background-color:#fff;border:1px solid #ccc}
[class*='new_btn']:disabled{border-color:#eee!important;background-color:#f9f9f9!important;color:rgba(34,34,34,0.2)!important;pointer-events:none}

/* 검색 필터 > 버튼 모음 */
.group_tab02 button{min-width:82px;padding:7px 0 7px;color:#919191;font-size:13px;line-height:22px;letter-spacing:-1px;background-color:#fff;border:1px solid #ccc;box-sizing:border-box;}
.group_tab02 button.on{border-color:#171717;position:relative;color:#171717}
.group_tab02 li{margin-left:-1px}
.group_tab02 li:first-child{margin-left:0}
.group_tab02 li{float:left}

/* font */
.font_myeongjo{font-family:'NanumMyeongjo' !important}

/* input */
input[type='checkbox'],input[type='radio']{width:0;height:0;-webkit-appearance:none}
input[type='checkbox']:focus + label:after, input[type='radio']:focus + label:after{outline-offset:0;outline-width:1px;outline-style:dotted;outline-color:rgba(59, 153, 252);outline:-webkit-focus-ring-color auto 1px}
input[type='text']::-ms-clear{display:none}
input[type='text'],input[type='password']{display:block;position:relative;z-index:1;width:100%;padding:13px 20px 14px;border:none;box-sizing:border-box;background-color:transparent;font-size:17px;color:#565656;-webkit-appearance:none}
label{cursor:text}
.input_chk + label{padding-left:26px}
.input_chk + label:after{position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-10px;background:url(../img/sp.png) no-repeat -198px -176px;content:''}
.input_chk:checked + label:after{background-position:-220px -176px}
.input_chk:disabled + label{color:#dbdbdb;cursor:default}
.input_chk:disabled + label:after{background-position:-242px -154px}
.input_chk.type2 + label:after{background-position:-220px -154px}
.input_chk.type2:checked + label:after{background-position:-198px -154px}
.input_chk.type2:disabled + label{color:#e6e6e6}
.input_chk.type2:disabled + label:after{background-position:-292px -198px}
.input_chk.type3:checked + label:after{background-position:-242px -176px}
.input_chk.type4 + label{padding-left:22px}
.input_chk.type4 + label:after{width:16px;height:16px;margin-top:-8px;background:url(../img/sp_new.png) no-repeat -472px 0}
.input_chk.type4:checked + label:after{background-position:-490px 0}
.input_chk.type4:disabled + label:after{background-position:-508px 0}
.input_chk.type4:disabled + label{color:#a7a7a7}
.input_chk.type4:disabled:checked + label:after{background-position:-575px 0}
.input_chk.type5 + label{padding-left:25px}
.input_chk.type5 + label:after{background:url(../img/sp.png) no-repeat 0 -408px}
.input_chk.type5:hover + label:after{background-position:-22px -408px}
.input_chk.type5:checked + label:after{background-position:-44px -408px}
.input_chk.type5:disabled + label:after{background-position:-66px -408px}
.input_chk.type5:disabled:checked + label:after{background-position:-88px -408px}
.error .input_chk.type5:not(:checked) + label:after{border:1px solid #f74f4f;background:none;box-sizing:border-box;background-color:#fff}
.input_chk.type6 + label{padding-left:22px}
.input_chk.type6 + label:after{width:16px;height:16px;margin-top:-8px;background:url(../img/sp.png) no-repeat 0 -452px}
.input_chk.type6:hover + label:after{background-position:-18px -452px}
.input_chk.type6:checked + label:after{background-position:-36px -452px}
.input_chk.type6:disabled + label:after{background-position:-54px -452px}
.input_chk.type6:disabled:checked + label:after{background-position:-72px -452px}
.input_chk.type7 + label{padding-left:32px}
.input_chk.type7 + label:after{width:24px;height:24px;margin-top:-12px;background-position:-97px 0}
.input_chk.type7:checked + label:after{background-position:-123px 0}
.input_chk.type8 + label{padding-left:32px;color:#333;font-weight:bold}
.input_chk.type8 + label:after{width:24px;height:24px;margin-top:-12px;background-position:-400px -500px}
.input_chk.type8:checked + label:after{background-position:-430px -500px}
.input_chk2 + label{padding-left:31px;line-height:26px}
.input_chk2 + label:after{position:absolute;top:50%;left:0;width:26px;height:26px;margin-top:-13px;background:url(../img/sp.png) no-repeat -292px -154px;content:''}
.input_chk2.type2 + label:after{background-position:-264px -154px}
.input_chk2:checked + label:after{background-position:-264px -182px}
.inp_check.type + label .ico_check{width:16px;height:16px;background-position:0 -452px;vertical-align:baseline}
.inp_check.type:checked + label .ico_check{background-position:-36px -452px}
.inp_check.type:disabled + label{cursor:default}
.inp_check.type:disabled + label .ico_check{background-position:-54px -452px}
/* 20240201 체크박스 icon 유형 추가 */
.input_chk3 + label{padding-left:31px;line-height:26px}
.input_chk3 + label:after{position:absolute;top:50%;left:0;width:26px;height:26px;margin-top:-13px;background:url(../img/ico_uncheck_gray.png) no-repeat;content:'';outline: none !important; background-size:26px 26px}
.input_chk3:checked + label:after{background:url(../img/ico_check_blue.png) no-repeat;background-size:26px 26px}

/* 스위치 버튼 : 웨일스페이스 버튼 */
span.inp_switch {display:inline-block;vertical-align:top;-webkit-tap-highlight-color:transparent}
.inp_switch {display:inline-block;position:relative;color:#333;-webkit-tap-highlight-color:transparent}
.inp_switch input{cursor:pointer}
.inp_switch input+.toggle {display:inline-block;position:relative;height:28px;font-size:15px;line-height:28px;cursor:pointer}
.inp_switch input+.toggle:before {display:inline-block;float:right;position:relative;top:0;width:56px;height:28px;border-radius:14px;vertical-align:top;background:#b3b3b3;-webkit-transition:background 0.1s linear;transition:background 0.1s linear;content:""}
.inp_switch input+.toggle:after {display:block;position:absolute;top:2px;right:28px;width:24px;height:24px;border-radius:50%;vertical-align:top;background:#fff;-webkit-transition:all 0.1s linear;transition:all 0.1s linear;content:""}
.inp_switch input:checked+.toggle:before {background:#3577f8}
.inp_switch input:checked+.toggle:after {right:2px;border-color:#3577f8}
.inp_switch input+.toggle .lbl {margin-right:24px}
.inp_switch input+.toggle:empty {margin-left:27px;line-height:23px}
.inp_switch input+.toggle:empty:before {text-indent:-27px;content:"OFF"}
.inp_switch input:checked+.toggle:empty:before {color:#3577f8;content:"ON"}

/* 스위치 버튼 : 개인정보보안 버튼  */
.bx_btn_switch{color:#171717;font-size:13px;line-height:22px}
.bx_btn_switch .btn_switch{top:-1px;margin-left:6px}
.btn_switch{position:relative;display:inline-block;width:46px;padding:2.5px 7px 3.5px;color:#575757;font-size:10px;line-height:14px;font-weight:500;text-align:right;background-color:#ccc;border-radius:20px;box-sizing:border-box}
.btn_switch:before{content:'';position:absolute;top:3px;left:3px;display:block;width:14px;height:14px;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.1);background-color:#fff;border-radius:100%;transition:left .3s}
.btn_switch.is_active{color:#fff;text-align:left;background-color:#3577f8}
.btn_switch.is_active:before{left:29px}

/* input_rdo */
.input_rdo + label{padding-left:25px}
.input_rdo + label:after{position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-10px;background:url(../img/sp.png) no-repeat -198px -198px;content:''}
.input_rdo:checked + label:after{background-position:-220px -198px}
.input_rdo:disabled + label{color:#bbb}
.input_rdo:disabled + label:after{background-position:-110px -430px}
.input_rdo:disabled:checked + label:after{background-position:-132px -430px}
.error .input_rdo:not(:checked) + label:after{border:1px solid #f74f4f;background:none;box-sizing:border-box;border-radius:100%;}
/* input_rdo type2 */
.input_rdo.type2 + label{padding-left:25px}
.input_rdo.type2 + label:after{background-position:0 -430px}
.input_rdo.type2:hover + label:after{background-position:-22px -430px}
.input_rdo.type2:checked + label:after{background-position:-44px -430px}
.input_rdo.type2:disabled + label:after{background-position:-66px -430px}
.input_rdo.type2:disabled:checked + label:after{background-position:-88px -430px}
.input_rdo.type2:disabled + label{color:#bbb;cursor:default}

.input_txt:disabled + label{color:#d1d1d1}
.bx_input_chk, .bx_input_rdo, .bx_input, .bx_ip_chk{display:inline-block;position:relative;font-size:0}
.bx_input_chk label, .bx_input_rdo label, .bx_ip_chk label{display:inline-block;position:relative;font-size:15px;color:#545454;vertical-align:middle;cursor:pointer}
.bx_input{border:1px solid #d9d9d9;background-color:#fff}
.bx_input label{position:absolute;top:0;left:0;height:100%;padding-left:20px;box-sizing:border-box;font-size:17px;color:#8c8c8c;line-height:52px}
.bx_input .dsc_notice{position:absolute;top:50%;right:9px;margin-top:-10px;font-size:13px;color:#3577f8}
.bx_input .dsc_notice.txt_color{color:#ff5c5c}
.bx_input .dsc_notice .ico_check{position:absolute;top:7px;left:-22px}
.bx_input.notice{width:100%;padding-right:25%;border:1px solid #d9d9d9;box-sizing:border-box}
.bx_input.notice .input_txt{border:0}
.bx_input.add_btn{padding-right:120px;box-sizing:border-box}
.bx_input.add_btn .dsc_notice{right:130px}
.bx_input.add_btn .btn{position:absolute;top:0;right:0;height:100%;border-width:0 0 0 1px;font-size:16px}
.bx_input.add_btn .btn.btn_xs{top:9px;right:9px;width:102px;height:36px;border:1px solid #c9c9c9;font-size:14px;font-weight:normal;line-height:34px}
.bx_input.add_btn.error, .bx_input.add_btn.txt_dsc{padding-right:120px}
.bx_input.error{border-color:#ff5c5c}
.bx_input.txt_dsc, .bx_input.error{padding:14px 20px}
.bx_input.txt_dsc .input_txt, .bx_input.error .input_txt{padding:0}
.bx_select.error{padding:14px 20px;border:1px solid #ff5c5c}
.bx_select.error .btn_select{height:auto;padding:0;border:0}
.group_full .bx_input{display:block;margin-top:-1px}
.group_full .bx_input:first-child{margin-top:0}
.group_full .bx_input.error, .group_full .bx_select.error{z-index:1}

.bx_input.border {border-color:#3577f8}
.bx_input.border .input_txt{color:#171717;caret-color:#3577f8;}
.bx_input.border .input_txt:focus{outline:0}
.bx_input.border .bx_count{color:#212121;font-size:15px}

/* bx_input2 */
.bx_input2{display:inline-block;position:relative;background-color:#fff;font-size:0}
.bx_input2.error .input_txt{border-color:#ff5c5c}
.bx_input2 .input_txt{display:inline-block;width:150px;height:32px;padding:0 12px;border:1px solid #ccc;border-radius:2px;font-size:13px;color:#222}
.bx_input2 label{position:absolute;top:0;left:0;z-index:1;height:100%;padding-left:12px;font-size:13px;color:rgba(51,51,51,0.3);line-height:32px;box-sizing:border-box}

/* bx_input3 */
.bx_input3{display:inline-block;position:relative;width:155px;height:28px;font-size:0;background-color:#fff}
.bx_input3 .input_txt{display: inline-block;width:100%;height:28px;padding:5px 10px 6px;line-height:17px;border:1px solid #d5d5d5;font-size:11px;color:#232323}
.bx_input3 .input_txt::-webkit-input-placeholder{color:#b8b8b8}
.bx_input3 .input_txt::-moz-placeholder{color:#b8b8b8}
.bx_input3 .input_txt:-ms-input-placeholder{color:#b8b8b8}
.bx_input3 .input_txt:-moz-placeholder{color:#b8b8b8}
.bx_input3 + .btn_xs2{margin-left:2px}
.bx_input3.error .input_txt{border-color:#ff5c5c}
.bx_input3.focus_in + button{color:#3577f8;border-color:#3577f8;background-color:#fff}
.bx_input3 label{position:absolute;top:0;left:0;height:100%;padding:5px 0 0 10px;box-sizing:border-box;color:#8c8c8c;font-size:11px}

/* input file */
.bx_file_name{margin-top:20px}
.bx_file_name .file_name{display:inline-block;width:320px;padding:7px 16px 9px;font-size:15px;border:1px solid #dedede;vertical-align:middle;box-sizing:border-box}
.bx_file_name .file_name .file{display:none;color:#171717}
.bx_file_name .file_name .placeholder{color:#333;opacity:.3;}
.bx_file_name .inp_file{display:inline-block;margin-left:10px;vertical-align:middle;}
.bx_file_name .inp_file input[type="file"]{width:0;height:0;-webkit-appearance:none;appearance:none;visibility:hidden}
.bx_file_name .btn_m{width:auto;height:auto;padding:8px 14px 10px;font-size:14px;line-height:normal;border:1px solid #dedede;cursor:pointer}
.bx_file_name .btn6:hover{border-color:#a0a0a0}
.bx_file_name.is_active .file_name .file{display:block;}
.bx_file_name.is_active .file_name .placeholder{display:none;}

/* bx_admin_select */
.bx_dropdown{display:inline-block;position:relative;vertical-align:top}
.bx_dropdown .btn_select .placeholder {color:#919191}
.bx_dropdown .btn_select{display:block;position:relative;width:103px;height:32px;padding:0 25px 0 10px;border:1px solid #ccc;font-size:13px;color:#171717;border-radius:2px;line-height:30px;text-align:left;box-sizing:border-box}
.bx_dropdown .ico_select_arrow{position:absolute;top:50%;right:10px;width:14px;height:14px;margin-top:-7px;font-size:0;background-image:url(../img/sp.png);background-repeat:no-repeat;background-position:-138px -119px}
.bx_dropdown .btn_select.on .ico_select_arrow{background-position:-154px -119px}
.bx_dropdown .btn_select.on + .lst_select{display:block}
.bx_dropdown .btn_select.disabled{background-color:#f9f9f9;border-color:#eee;color:rgba(0,0,0,0.2);cursor:default}
.bx_dropdown .btn_select.disabled .ico_select_arrow{background-position:-170px -119px}
.bx_dropdown .btn_select.is_error{border-color:#f74f4f}
.bx_dropdown .btn_select .input_txt{padding:0;width:63px;height:100%;font-size:14px}
.bx_dropdown .btn_select .input_lbl{position:absolute;left:15px;top:0;color:rgba(34,34,34,0.3);line-height:30px}
.bx_dropdown .lst_select{display:none;overflow-y:auto;position:absolute;left:0;z-index:10;min-width:100%;max-height:126px;margin-top:-1px;border:1px solid #ccc;background-color:#fff;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08);box-sizing:border-box}
.bx_dropdown .lst_select li{white-space:nowrap}
.bx_dropdown .lst_select li a{display:block;padding:6px 10px;font-size:13px;color:#171717;text-align:left}
.bx_dropdown .lst_select li:hover, .bx_dropdown .lst_select li.on{background-color:#f6f9ff}

.bx_dropdown.type2 .btn_select{min-width:87px;width:auto}
.bx_dropdown.type2 .lst_select_area{display:none;position:absolute;z-index:10;left:0;margin-top:-1px;border:1px solid #ccc;background-color:#fff}
.bx_dropdown.type2 .btn_select.on + .lst_select_area{display:block}
.bx_dropdown.type2 .rdo_lst_select{overflow-y:auto;max-height:180px}
.bx_dropdown.type2 .rdo_lst_select .bx_input_rdo{display:block}
.bx_dropdown.type2 .rdo_lst_select .bx_input_rdo .input_rdo:checked + label{background-color:#f6f9ff}
.bx_dropdown.type2 .rdo_lst_select .bx_input_rdo:hover .input_rdo:checked + label{background-color:#f6f9ff}
.bx_dropdown.type2 .rdo_lst_select .input_lbl{display:block;padding:8px 12px 9px 38px;font-size:13px;white-space:nowrap}
.bx_dropdown.type2 .rdo_lst_select .input_lbl:after{left:11px}
.bx_dropdown.type2 .lst_select_area .bx_select_btn{padding:10px 0;border-top:1px solid #eee;text-align:center}
.bx_dropdown.type2 .lst_select_area .btn_move{width:71px;height:30px;font-size:13px;line-height:28px}
.bx_dropdown.type2 .point{color:#3577f8}

.bx_dropdown.type_sm .btn_select{min-width:103px;width:auto;height:auto;padding-top:3px;padding-bottom:4px;padding-left:0;line-height:normal;border-color:#fff}
.bx_dropdown.type_sm .ico_select_small{border-color:#e6e8eb;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08)}
.bx_dropdown.type_sm .btn_select .ico_select_arrow_sm{position:absolute;top:50%;right:6px;width:9px;height:6px;margin-top:-2px;background-position:-305px -119px}
.bx_dropdown.type_sm .btn_select.on .ico_select_arrow_sm{transform:rotate(180deg)}
.bx_dropdown.type_sm .lst_select{padding-top:6px;padding-bottom:6px;border-color:#e6e8eb;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08);}
.bx_dropdown.type_sm .lst_select li a{padding-top:4px;padding-bottom:5px}
.bx_dropdown.type_sm .point{color:#3577f8}

/* select */
.bx_select{position:relative}
.bx_select .btn_select{display:block;position:relative;height:54px;padding:12px 75px 12px 20px;border:1px solid #d9d9d9;box-sizing:border-box;font-size:17px;color:#333;line-height:26px}
.bx_select .btn_select .bx_input{display:block;border:0}
.bx_select .btn_select .input_txt{padding:0}
.bx_select .btn_select .input_txt + label{padding-left:0;line-height:normal}
.bx_select .btn_select.select_write{padding:0 54px 0 0}
.bx_select .btn_select.select_write .input_txt{padding:13px 20px}
.bx_select .btn_select.select_write .input_txt + label{padding-left:20px;line-height:50px}
.bx_select .ico_select_arrow{position:absolute;top:0;right:0;width:52px;height:100%;border:0;border-left:1px solid #d9d9d9;font-size:0;transform:rotate(0)}
.bx_select .ico_select_arrow:before{position:absolute;top:50%;right:50%;width:7px;height:7px;margin:-7px -5px 0 0;border:1px solid #808080;border-width:0 2px 2px 0;transform:rotate(45deg);content:''}
.bx_select .ico_select_arrow.color:before{border-color:#3577f8}
.bx_select .btn_select.on .ico_select_arrow:before{margin-top:-2px;transform:rotate(225deg);content:''}
.bx_select .btn_select.on + .lst_select{display:block}
.bx_select .lst_select,.bx_select .lst_words{display:none;overflow-y:auto;position:absolute;left:0;right:0;z-index:10;max-height:180px;border:1px solid #d9d9d9;border-top:0;background-color:#fff}
.bx_select .lst_select li a{display:block;padding:10px 20px;font-size:17px;color:#333}
.bx_select .lst_select li.on a, .bx_select .lst_select li:hover a{background-color:#f5f5f5;color:#3577f8}
.bx_select .lst_words{box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08)}
.bx_select .lst_words.multiple{max-height:260px;}
.bx_select .lst_words.on{display:block}
.bx_select .lst_words li a{overflow:hidden;position:relative;display:block;padding:10px 130px 10px 20px;font-size:17px;color:#333;text-overflow:ellipsis;white-space:nowrap}
.bx_select .lst_words.multiple li a{padding-right:10px;}
.bx_select .lst_words.multiple li span{position:absolute;right:20px;top:11px;width:100px;font-size:14px;color:#a8abb3;text-align:right;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bx_select .lst_words li.on a, .bx_select .lst_words li:hover a{background-color:#f5f5f5}
.bx_sorting{display:inline-block;position:relative;vertical-align:top}
.bx_sorting .btn_select{display:inline-block;position:relative;min-width:140px;padding:0 25px 5px 0;border-bottom:1px solid #818181;box-sizing:border-box;font-size:16px;color:#818181;letter-spacing:-.5px;vertical-align:middle}
.bx_sorting .btn_select .ico_select_arrow{position:absolute;top:50%;right:0;overflow:hidden;width:18px;height:18px;margin-top:-11px;font-size:0}
.bx_sorting .btn_select .ico_select_arrow:after{position:absolute;top:50%;right:5px;width:7px;height:7px;margin-top:-7px;border:1px solid #818181;border-top:0;border-left:0;transform:rotate(45deg);content:''}
.bx_sorting .lst_select{display:none;overflow-y:auto;position:absolute;left:0;z-index:15;min-width:140px;max-height:126px;margin-top:-1px;padding:6px 0;border:1px solid rgba(0, 0, 0, .1);box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08);box-sizing:border-box;background-color:#fff}
.bx_sorting .lst_select li{white-space:nowrap}
.bx_sorting .lst_select li a{display:block;position:relative;padding:3px 15px 5px;font-size:15px;color:#171717}
.bx_sorting .lst_select li:hover, .bx_sorting .lst_select li.on{background-color:#f5f5f5}
.bx_sorting .lst_select li + li{margin-top:2px}
.bx_sorting .btn_select.on + .lst_select{display:block}
.bx_sorting.on .btn_select{color:#171717}
.bx_sorting.no_line .btn_select{border-bottom:0}
.bx_sorting.color .btn_select{border-bottom-color:#3577f8;color:#3577f8}
.bx_sorting.color .ico_select_arrow:after{border-color:#3577f8}
.bx_sorting.is_inactive .btn_select{border-bottom-color:#ccc;color:#8d8d8d}
.bx_sorting2{display:inline-block;position:relative;vertical-align:top}
.bx_sorting2 .btn_select{display:block;position:relative;min-width:140px;height:34px;padding:0 15px;border:1px solid #dedede;font-size:15px;color:#171717;line-height:32px;box-sizing:border-box}
.bx_sorting2 .ico_select_arrow{position:absolute;top:50%;right:11px;width:22px;height:22px;margin-top:-11px;font-size:0}
.bx_sorting2 .ico_select_arrow:before{position:absolute;top:50%;right:50%;width:8px;height:8px;margin:-7px -5px 0 0;border:solid #919191;border-width:0 1px 1px 0;transform:rotate(45deg);content:''}
.bx_sorting2 .btn_select.on .ico_select_arrow:before{margin-top:-1px;transform:rotate(225deg);content:''}
.bx_sorting2 .ico_select_arrow2{position:absolute;top:50%;right:13px;width:12px;height:8px;margin:-4px 0 0 0;content:'';background-position:-570px -306px}
.bx_sorting2 .btn_select.on .ico_select_arrow2{transform:rotate(180deg)}
.bx_sorting2 .btn_select.on + .lst_select{display:block}
.bx_sorting2 .lst_select{display:none;overflow-y:auto;position:absolute;left:0;z-index:10;min-width:140px;max-height:126px;margin-top:-1px;padding:6px 0;border:1px solid #d9d9d9;background-color:#fff;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08);box-sizing:border-box}
.bx_sorting2 .lst_select li{white-space:nowrap}
.bx_sorting2 .lst_select li + li{margin-top:2px}
.bx_sorting2 .lst_select li a{display:block;padding:4px 15px;color:#171717}
.bx_sorting2 .lst_select li:hover, .bx_sorting2 .lst_select li.on{background-color:#f5f5f5}

/* table */
.tbl_type{border-top:1px solid #bfbfbf;border-bottom:1px solid #f1f1f1}
.tbl_type table{width:100%;table-layout:fixed}
.tbl_type .tbl_head{position:relative;z-index:2}
.tbl_type thead th{padding:10px;font-weight:400;color:#222}
.tbl_type td{padding:21px 10px;border-top:1px solid #f1f1f1;color:#575757;text-align:center;vertical-align:middle}
.tbl_type .tbl_chk{font-size:0;vertical-align:middle}
.tbl_type .tbl_chk .bx_input_chk{z-index:1}
.tbl_chk .input_chk + label:after{left:50%;margin-left:-10px}
.tbl_type .btn_xs{width:auto;height:30px;padding:0 12px;border:1px solid #ddd;color:#171717;line-height:28px;white-space:nowrap}
.tbl_type .no_data{height:370px}
.tbl_type .no_data_txt{font-size:16px;line-height:25px}
.tbl_type .no_data .btn_guide{width:auto;margin-top:24px;padding:0 20px;font-size:15px}
.tbl_type .no_data .btn_guide:after{display:inline-block;width:8px;height:11px;margin-left:3px;background:url(../img/sp.png) no-repeat;background-position:-526px 0;content:''}
.tbl_type .no_data .no_data_txt + .btn_area {margin-top:14px;}

/* table 라디오 버튼 type */
.tbl_rdo{width:100%;margin-top:23px;table-layout:fixed}
.tbl_rdo thead th{height:30px;font-weight:400}
.tbl_rdo tbody th,.tbl_rdo tbody td{height:55px;border-top:1px solid #ededed;border-bottom:0}
.tbl_rdo tbody th{position:relative;padding:21px 0;font-size:15px;line-height:22px;box-sizing:border-box}
.tbl_rdo tbody tr:nth-of-type(1) th,.tbl_rdo tbody tr:nth-of-type(1) td{border-top:0}
.tbl_rdo tbody th .tit_num{float:left;margin-right:3px}
.tbl_rdo tbody th .tit_txt{display:block;overflow:hidden}
.tbl_rdo th:first-child{color:#171717;font-weight:400;text-align:left}
.tbl_rdo th:not(:first-child),.tbl_rdo td{padding-left:0;text-align:center}
.tbl_rdo th:not(:first-child){font-size:13px;color:#666;line-height: 1.5;word-break: keep-all;}
.tbl_rdo td .inp_label{display:table;position:relative;width:100%;height:100%;cursor:pointer}
.tbl_rdo td .inp_label .bx_tc{display:table-cell;vertical-align:middle}
.tbl_rdo .inp_radio{display:inline-block;width:20px;height:20px;border:0;background:url(../img/sp.png) no-repeat -198px -198px;vertical-align:middle;cursor:pointer}
.tbl_rdo .inp_input:disabled+.inp_radio{background-position:-284px -62px}
.tbl_rdo .inp_input:checked+.inp_radio{background-position:-220px -198px}

/* tbl_admin */
.tbl_admin{border:1px solid #d4d4d4;border-width:1px 0}
.tbl_admin thead th{padding:10px 0;background-color:#f4f4f4;;font-size:13px;font-weight:400;text-align:center}
.tbl_admin.type2 thead th{background-color:#fff;border-bottom:1px solid #d4d4d4}
.tbl_admin.type2 tbody{padding:10px 0}
.tbl_admin .th_txt{vertical-align:top}
.tbl_admin td{height:40px;padding:10px 0;border-top:1px solid #dedede;font-size:13px;text-align:center;box-sizing:border-box}
.tbl_admin.type2 td{padding:5px 0;border-top:0}
.tbl_admin.type2 td .txt_red {color:#f74f4f}
.tbl_admin.type2 td .btn_send {font-size:12px;color:#919191;text-decoration:underline}
.tbl_admin td.empty_space{font-size:0}
.tbl_admin td.tel_area{padding:10px}
.tbl_admin td.parent_select_area{padding:0}
.tbl_admin td.parent_select_area .error_txt{padding-left:14px}
.tbl_admin .inp_tel{display:inline-block;width:167px;height:32px;padding:0 16px;border:1px solid #ccc;font-size:15px;color:#333;line-height:30px;box-sizing:border-box}
.tbl_admin .inp_tel.is_error{border-color:#f74f4f}
.tbl_admin .bx_btn{font-size:0}
.tbl_admin .bx_btn button + button{margin-left:10px}
.tbl_admin td.parent_area{font-size:0;padding-left:34px;text-align:left}
.tbl_admin .ico_help{margin-top:4px;vertical-align:top;cursor:pointer}
.tbl_admin .td_txt,.tbl_admin .ico_notice,.tbl_admin .point{font-size:13px;vertical-align:top}
.tbl_admin .point{margin-left:5px;color:#3577f8}
.tbl_admin.type_nodata,
.tbl_admin.type_nodata table,
.tbl_admin.type_nodata table tbody{height:100%;box-sizing:border-box;}
.tbl_admin.tbl_th_fixed{position:sticky;top:0;left:0;border-bottom:0;z-index:90}
.tbl_admin.tbl_th_fixed+.content_right{overflow-x:hidden;margin-top:0}
.tbl_admin.tbl_td_scroll{border-top-color:#dedede}
.type3_tui.tbl_td_scroll.type_nodata{height:calc(100% - 41px)}

/* textarea */
.bx_textarea{position:relative}
.bx_textarea .textarea_info{position:absolute;top:0;left:0;right:0;font-size:17px;color:#b8b8b8}
.bx_textarea textarea{display:block;overflow:hidden;width:100%;border:0;font-size:17px;color:#171717;line-height:30px;resize:none;-webkit-appearance:none}
.bx_textarea textarea.placeholder{background-color: transparent;opacity: 1;}

.bx_textarea.border{border:1px solid #3577f8}
.bx_textarea.border textarea{caret-color:#3577f8;}

/* 게시글 하단 버튼 */
.bx_post_util {margin-top:16px;text-align:right}
.bx_post_util + .pagination{margin-top:40px}
.bx_post_util .guide_desc{display:inline-block;font-size:13px;color:#999;vertical-align:middle;}
.bx_post_util .guide_desc+[class^=btn]{margin-left:6px}

/* search */
.bx_input_search{display:block;position:relative}
.bx_input_search .input_search{padding:5px 40px 5px 0;border-bottom:1px solid #b7b7b7;color:#171717}
.bx_input_search .input_lbl{position:absolute;left:0;bottom:6px;font-size:17px;color:#b8b8b8;letter-spacing:-1px}
.bx_input_search .btn_search{position:absolute;right:0;bottom:0;z-index:5;padding:4px 2px 7px}
.bx_input_search .ico_search{width:27px;height:28px;background-position:-202px -40px;vertical-align:top}
.bx_input_search.color .input_search{border-bottom-color:#2b6ff5;font-size:19px}
.bx_input_search.color .input_lbl{font-size:19px}
.bx_input_search.color .ico_search{width:28px;height:28px;background-position:-470px -151px}
.bx_input_search.small .input_search,
.bx_input_search.small .input_lbl{font-size:14px;letter-spacing:normal}
.bx_input_search.small .ico_search{width:23px;height:23px;background-position:-243px -54px}
.bx_input_search.xsmall .input_lbl{font-size:13px}
.bx_input_search.xsmall .ico_search{width:19px;height:19px;background:url(../img/sp_new.png) no-repeat -389px -17px}
.form_search2 .bx_sorting, .form_search2 .bx_input_search{display:inline-block;vertical-align:bottom}
.form_search2 .bx_sorting{min-width:85px}
.form_search2 .bx_sorting .btn_select{padding-bottom:4px;border-bottom-color:#b7b7b7;font-size:17px;color:#171717}
.form_search2 .bx_input_search{width:195px}
.form_search2 .bx_input_search .input_search{padding-left:15px}
.form_search2 .bx_input_search .input_lbl{left:15px;bottom:10px}
.lst_search_word{position:absolute;left:0;right:0;z-index:1;margin-top:-1px;padding:5px 0;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.08);background-color:#fff}
.lst_search_word li a{display:block;padding:0 15px;line-height:30px;color:#171717}
.lst_search_word li a em{font-weight:700}
.lst_search_word li:hover a{background-color:#f5f5f5;cursor:default}
.lst_search_word li.on a{background-color:#f5f5f5}
.lst_search_word li + li{margin-top:2px}

/* 검색 2 */
.bx_input_search2{display:inline-block;position:relative;vertical-align:top}
.bx_input_search2 .input_search{width:113px;padding:0 14px 0 40px;height:38px;border:1px solid #e0e0e0;font-size:13px;color:#222}
.bx_input_search2 .inp_placeholder{position:absolute;left:0;top:0;width:100%;height:100%;font-size:13px;color:#919191;line-height:38px}
.bx_input_search2 .ico_search_glass{position:absolute;left:14px;top:50%;margin-top:-7px;vertical-align:middle;z-index:10;}
.bx_input_search2 .txt{display:inline-block;margin-left:40px;vertical-align:middle;line-height:16px}

/* icon / etc */
.ico_arrow{width:6px;height:9px;background-position:-108px 0}
.ico_arrow.color{background-position:-84px 0}
.ico_arrow2{width:8px;height:12px;background-position:-557px -62px}
.ico_arrow3{width:8px;height:10px;background-position:-40px 0}
.ico_arrow4{width:12px;height:8px;background-position:-570px -316px}
.ico_arrow.white{width:8px;height:12px;background-position:-567px -430px}
.btn_link .ico_arrow{margin-left:1px}
.ico_plus, .ico_plus2{position:relative;width:11px;height:11px;margin-top:-4px;vertical-align:middle}
.ico_plus{background-position:-327px -24px}
.ico_plus2{background-position:-314px -24px}
.ico_plus3{width:12px;height:12px;background-position:-567px -62px;vertical-align:middle}
.ico_plus4{background-position:-340px -24px}
.ico_plus5{width:9px;height:9px;background-position:-589px 0}
.ico_plus_white{width:13px;height:13px;background-position:-316px -119px}
.ico_plus_white_sm{width:11px;height:11px;background-position:-331px -119px}
.ico_notice{width:14px;height:14px;background-position:-172px 0}
.ico_notice.red{background-position:-204px -22px}
.ico_notice.blue{background-position:-220px -22px}
.ico_notice_mid{width:17px;height:17px;background-position:-536px 0}
.ico_notice.big{width:28px;height:28px;background-position:-148px -26px}
.ico_notice.gray{width:13px;height:13px;background-position:-236px -22px}
.ico_notice.gray2{width:16px;height:16px;background-position:-582px -142px}
.ico_notice2{width:20px;height:20px;background-position:0 -22px}
.ico_check{width:15px;height:8px;background-position:-242px -198px;vertical-align:middle}
.ico_check2{width:14px;height:8px;background-position:-242px -208px;vertical-align:middle}
.ico_check3{width:19px;height:14px;background-position:-292px -182px;vertical-align:middle}
.ico_file_sm{width:20px;height:17px;vertical-align:middle}
.ico_file_sm.ppt{background-position:-320px -138px}
.ico_file_sm.word{background-position:-342px -138px}
.ico_file_sm.pdf{background-position:-364px -138px}
.ico_file_sm.hwp{background-position:-386px -138px}
.ico_file_sm.excel{background-position:-408px -138px}
.ico_down{width:18px;height:18px;background-position:-556px 0}
.ico_down_sm{width:14px;height:15px;background-position:-391px -59px}
.ico_down_bold{width:14px;height:14px;vertical-align:middle;background-position:-549px -335px}
.ico_board{width:26px;height:20px;background-position:-180px -282px}
.ico_clip{width:18px;height:18px;background-position:-532px -280px}
.ico_guide{width:16px;height:20px;background-position:-482px -222px}
.ico_calender{width:24px;height:22px;background-position:-126px 0}
.ico_search_glass{width:18px;height:16px;background-position:-550px -306px}

.txt_color{color:#3577f8}
.txt_color2{color:#00ce53}
.txt_color3{color:#ff5c5c}
.txt_color4{color:#8b8b8b !important}
.txt_color5{color:#ff5c5c}
.txt_color6{color:#171717}
.txt_error{display:block;margin-top:5px;font-size:14px;color:#ff5c5c}
.txt_notice{position:relative;margin-top:14px;padding-left:22px;font-size:13px;color:#808080;line-height:18px;text-indent:-22px}
.txt_notice .ico_notice{margin:2px 5px 0 0;vertical-align:top}
.txt_notice.dark{color:#545454;}

.btn_guide_txt{display:inline-block;margin-left:14px;font-size:0;vertical-align:middle}
.btn_guide_txt .ico_guide{margin-right:5px;vertical-align:middle}
.btn_guide_txt .desc_txt{display:inline-block;margin-top:-1px;font-size:14px;font-weight:700;color:#3577f8;vertical-align:middle}

.btn_delete_post{width:auto;height:auto;padding:5px 10px 7px;line-height:normal}
.btn_delete_post .ico_delete_black{vertical-align:-2px;margin-right:2px;}

/* progress step */
.progress{display:flex;display:-ms-flexbox;flex-direction:row;justify-content:space-between;position:relative;height:32px}
.progress:before{position:absolute;top:50%;left:0;right:0;height:1px;background-color:#dbdbdb;content:''}
.progress .step{display:block;position:relative;z-index:1;width:32px;height:100%;margin:0 auto;border:1px solid #dbdbdb;border-radius:50%;box-sizing:border-box;background-color:#fff;font-weight:700;font-size:14px;color:#dbdbdb;line-height:28px;text-align:center}
.progress .step:nth-child(2){margin-left:0}
.progress .step:last-child{margin-right:0}
.progress .step.now{border-color:#3577f8;background-color:#3577f8;color:#fff}
.progress .step.complete{border-color:#3577f8;background-color:#3577f8;font-size:0}
.progress .step.complete:before{position:absolute;top:50%;left:50%;width:6px;height:10px;margin:-8px 0 0 -4px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg);content:''}
.progress .step .txt{position:absolute;top:35px;left:50%;min-width:120px;font-size:13px;color:#8c8c8c;transform:translateX(-50%);font-weight:400}
.progress .step.complete .txt, .progress .step.now .txt{color:#3577f8}
.progress .bar{position:absolute;top:50%;left:0;height:1px;background-color:#3577f8}

/* progress step img */
.progress.type_img_lg .txt{margin-top:6px;color:#ccc;font-size:16px;font-weight:normal}
.progress.type_img_lg .step{width:38px;height:38px;margin:0;border:0;background-color:inherit}
.progress.type_img_lg .step .sp{width:100%;height:100%;}
.progress.type_img_lg .step01 .sp{background-position:-96px -532px}
.progress.type_img_lg .step02 .sp{background-position:-176px -532px}
.progress.type_img_lg .step03 .sp{background-position:-256px -532px}
.progress.type_img_lg .step.now .txt{color:#222;font-weight:bold}
.progress.type_img_lg .step01.now .sp{background-position:-136px -532px}
.progress.type_img_lg .step02.now .sp{background-position:-216px -532px}
.progress.type_img_lg .step03.now .sp{background-position:-296px -532px}

/* progress bar */
.progress2{display:block;position:relative;width:100px;height:3px;background-color:#eee}
.progress2 .bar{position:absolute;top:0;left:0;bottom:0;background-color:#3577f8}

/* pagination */
.pagination{display:block;font-size:0;text-align:center}
.pagination a{display:inline-block;width:38px;height:38px;border:1px solid transparent;box-sizing:border-box;vertical-align:middle}
.pagination a:hover{border-color:#3577f8;font-weight:700;color:#3577f8}
.pagination .btn_page{font-size:15px;color:#919191;line-height:36px;letter-spacing:-.5px;text-align:center}
.pagination .btn_page.now{background-color:#3577f8;font-weight:700;color:#fff}
.pagination .btn_prev, .pagination .btn_next{position:relative;font-size:0}
.pagination .btn_prev:before, .pagination .btn_next:before, .pagination .btn_prev.first:after, .pagination .btn_next.last:after{position:absolute;top:50%;width:8px;height:8px;border:2px solid #919191;border-top:0;border-left:0;content:''}
.pagination .btn_prev:before{left:50%;margin:-5px 0 0 -4px;transform:rotate(135deg)}
.pagination .btn_next:before{right:50%;margin:-5px -4px 0 0;transform:rotate(-45deg)}
.pagination .btn_prev.first:before{margin-left:2px}
.pagination .btn_prev.first:after{left:50%;margin:-5px 0 0 -7px;transform:rotate(135deg)}
.pagination .btn_next.last:before{margin-right:2px}
.pagination .btn_next.last:after{right:50%;margin:-5px -7px 0 0;transform:rotate(-45deg)}
.pagination .btn_prev:hover:before, .pagination .btn_next:hover:before, .pagination .btn_prev.first:hover:after, .pagination .btn_next.last:hover:after{border-color:#3577f8}
.btn_link{position:absolute;top:0;right:0;font-size:13px;color:#919191;letter-spacing:-.5px}
.btn_link:hover{text-decoration:underline}
.btn_link.blue{color:#3577f8}
.bx_input .txt_dsc{display:block;margin-top:5px;font-size:14px;color:#3577f8}
.bx_count{color:#8e8e8e}
.bx_count .num{color:#3577f8}
.bx_count .num.zero{color:#8e8e8e}
.bx_add_file{display:inline-block;vertical-align:middle}
.bx_add_file .btn_add_file{display:block;position:relative;width:55px;height:55px;border:1px dashed #dcdcdc;box-sizing:border-box;font-size:0}
.bx_add_file .btn_add_file .add_new_file_guide{display:inline-flex;padding: 16px 20px;align-items:center}
.bx_add_file .btn_add_file .add_new_file_guide .add_guide_button{box-sizing: border-box;display:inline-flex;height:32px;margin-right:20px;padding:0px 12px;justify-content:center;align-items:center;border-radius: 2px;border: 1px solid #CCC;color: #333;text-align: center;font-feature-settings: 'liga' off, 'clig' off;font-family: 'Pretendard Variable', Pretendard, sans-serif;font-size: 13px;font-style: normal;font-weight: 400;letter-spacing: -0.5px;}
.bx_add_file .btn_add_file .add_new_file_guide .add_guide_text{color: #999;font-feature-settings: 'liga' off, 'clig' off;font-family: 'Pretendard Variable', Pretendard, sans-serif; font-size: 13px; font-style: normal; font-weight: 500; line-height: normal;}
.bx_add_file.new .btn_add_file{width:614px;height:auto;}
.bx_add_file.new .btn_add_file .add_new_file_guide{padding:15px 20px;}
.bx_add_file:not(.new) .btn_add_file .add_new_file_guide{display:none}
.bx_add_file:not(.new) .btn_add_file:before, .bx_add_file:not(.new) .btn_add_file:after{position:absolute;top:50%;left:50%;background-color:#b5b5b5;content:''}
.bx_add_file .btn_add_file:before{width:1px;height:15px;margin:-8px 0 0 -1px}
.bx_add_file .btn_add_file:after{width:15px;height:1px;margin:-1px 0 0 -8px}
.bx_add_file .btn_add_file:hover{border-color:#3577f8}
.bx_add_file .btn_add_file:hover:before, .bx_add_file .btn_add_file:hover:after{background-color:#3577f8}
.bx_nodata{height:364px;border-bottom:1px solid #e0e0e0;box-sizing:border-box;font-size:0;text-align:center}
.bx_nodata .nodata_inner{display:inline-block;vertical-align:middle}
.bx_nodata:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.bx_nodata .dsc{display:inline-block;font-size:16px;color:#333;vertical-align:middle}
.bx_nodata .sub_dsc{display:block;font-size:14px;color:#545454;color:#919191;line-height:22px}
.bx_nodata .btn_area{margin-top:20px}
.bx_nodata .btn_area .btn2{width:auto;height:46px;padding:0 21px}
.bx_nodata .btn_area .btn2 .btn_txt{display:inline-block;line-height:20px}
.bx_nodata .btn_area .btn2 .ico_arrow2{margin-top:-2px;width:8px;height:12px;background-position:-30px 0px;vertical-align:middle}
.file_select_area, .file_select_area2{position:relative;margin-top:25px}
.file_select_area .btn_all{width:100px;margin-right:8px}
.file_select_area .btn:last-of-type{margin-left:-1px}
.file_select_area .btn_all .ico_check2{margin:-3px 8px 0 0}
.file_select_area .txt_select{display:inline-block;margin-left:14px;font-size:13px;line-height:38px;color:#171717;vertical-align:middle}
.file_select_area .txt_total{position:absolute;top:0;right:0;font-size:13px;line-height:38px;color:#171717}
.file_select_area2 .txt_total{display:block;font-size:18px;color:#575757}
.file_select_area2 .txt_total em{color:#2b6ff5}
.file_select_area2 .btn{width:auto;min-width:80px;padding:0 10px}
.file_select_area2 .btn + .btn{margin-left:8px}
.file_select_area2 .group_sorting{position:absolute;right:0;bottom:-3px}
.file_select_area2 .bx_sorting .btn_select{min-width:80px}
.file_select_area2 .bx_sorting + .bx_sorting{margin-left:18px}
.breadcrumb{display:block;font-size:14px;color:#545454}
.btn_top{position:fixed;right:40px;bottom:40px;background-color:#fff}
.btn_top .sp{display:block;width:46px;height:46px;background-position:-408px -20px}
.file_select_area2.nodata .group_sorting{position:static;top:auto;right:auto;text-align:right}
.file_select_area2.nodata .group_sorting .btn_select,
.file_select_area2.nodata .group_sorting .lst_select{text-align:left}

/* tab list */
.lst_tab{display:table;table-layout:fixed;width:100%}
.lst_tab li{display:table-cell;position:relative;width:100%;border:1px solid #d9d9d9;border-bottom-color:#a3a3a3;border-right-width:0;background-color:#fff;vertical-align:middle}
.lst_tab li:last-child{border-right-width:1px}
.lst_tab li a{display:block;padding:12px 0;font-size:15px;color:#b7b7b7;text-align:center}
.lst_tab li.on{z-index:1;margin-left:0;border:1px solid #a3a3a3;border-bottom-color:transparent}
.lst_tab li.on + li{border-left-width:0}
.lst_tab li.on a{z-index:10;position:relative;color:#333}

.lst_tab.fixed_tab{display:block;position:relative}
.lst_tab.fixed_tab:after{position:absolute;top:100%;left:0;width:100%;height:1px;margin:-1px 0 0;background-color:#a3a3a3;z-index:0;content:''}
.lst_tab.fixed_tab li{width:120px}

/* tui-grid-container */
.tui-grid-container .btn_receive_add{display:block;width:79px;height:20px;margin:1px auto 0;background-color:#f9f9f9;border-radius:2px;border:1px solid #ccc;font-size:11px;color:#222;line-height:18px;box-sizing:border-box}
.tui-grid-container .tbl_point_txt{display:block;font-size:11px;color:#3577f8;line-height:17px}
.tui-grid-container .bx_input_rdo{vertical-align:top;}
.tui-grid-container .bx_input_rdo label{padding-bottom:1px;font-size:13px}
.tui-grid-container .tui_align_btn{display:flex;align-items:center}
.tui-grid-container .tui_align_btn .bx_btn{flex-shrink:0;margin-left:6px}
.btn_tui_setting{display:block;margin:0 auto;font-size:11px;line-height:17px;color:#3577f8}
.btn_tui_setting:hover,.btn_tui_setting:focus{text-decoration:underline}

/* layer_tooltip */
.ico_help{position:relative;width:18px;height:18px;margin-left:4px;background-position:-403px 0;vertical-align:middle}
.ico_help:hover .ly_tooltip_wrap{display:block}
.ly_tooltip_wrap{display:none;position:absolute;z-index:20;min-width:200px;margin-top:22px;padding:22px;border:1px solid rgba(0, 0, 0, .1);box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08);box-sizing:border-box;background:#fff;font-size:14px;color:#222}
.ly_tooltip_wrap .btn_close{position:absolute;top:0;right:0;padding:18px;font-size:0}
.ly_tooltip_wrap .btn_close .sp{width:18px;height:16px;background-position:-126px -36px}
/* layer_tooltip type2 */
.ico_help.type2{width:14px;height:14px;background-position:-544px -125px}
.ico_help.type3{width:14px;height:14px;background-position:-577px -125px}
.ly_tooltip_wrap.type2{min-width:170px;padding:13px 15px;background-color:#777;font-size:13px;color:#fff;line-height:19px;text-align:left}

/* admin_lnb_menu layer_tooltip */
.admin_lnb_menu dd a .menu_txt{vertical-align:top}
.admin_lnb_menu .ico_help{position:relative;top:3.5Px;vertical-align:top}
.admin_lnb_menu .ico_help:hover .ly_tooltip_wrap{position:fixed}

/* tooltip align right */
.align_right{right:0}

/* bx_link_area */
.bx_link_area{margin-top:29px}
.bx_link_area .lnb_link{display:inline-block;width:122px;border:1px solid #e0e0e0;padding:11px 16px;font-size:13px;color:#999;line-height:18px;box-sizing:border-box}
.bx_link_area .lnb_link .ico_arr{display:inline-block;width:6px;height:10px;margin-left:4px;background-position:-363px -24px}

/* 유의사항 box */
.noti_lst_bx{display:block;padding:27px 30px 27px;margin-top:30px;background-color:#f7f8fa;font-size:14px;color:#545454;text-align:left}
.noti_lst_bx .tit_txt{display:block;margin-bottom:16px;font-size:14px;color:#171717;font-weight:700}
.noti_lst_bx .desc_txt{display:block;font-size:14px;color:#171717;line-height:22px}
.noti_lst_bx .dot_lst li{position:relative;padding-left:10px;margin-top:8px;font-size:14px;line-height:19px;letter-spacing:normal;color:#222}
.noti_lst_bx .dot_lst li:first-child{margin-top:0}
.noti_lst_bx .dot_lst li:before{position:absolute;top:8px;left:0;width:3px;height:3px;margin-right:5px;border-radius:50%;background:#666;vertical-align:middle;content:''}
.noti_lst_bx .dot_lst li a{text-decoration:underline;color:#3577f8}
.noti_lst_bx .dot_lst.type2 li{color:#3577f8}
.noti_lst_bx .dot_lst.type2 li:before{background:#3577f8}
.noti_lst_bx .dot_lst.is_border{margin:20px 0 7px;padding-top:18px;border-top:1px solid #e0e0e0}
.noti_lst_bx .desc_txt + .dot_lst{margin-top:13px}
.noti_lst_bx.sms_charge .bold { font-weight: 700}
.noti_lst_bx.sms_charge .sub_lst { margin-top: 0; font-weight: 400}
.noti_lst_bx.sms_apply .desc_txt ul li {position: relative; padding-left:10px;}
.noti_lst_bx.sms_apply .desc_txt ul li:before {position: absolute;top: 8px;left: 0;width: 3px;height: 3px;margin-right: 5px;border-radius: 50%;background: #666;vertical-align: middle;content: '';}
.noti_lst_bx.sms_apply .desc_txt ul li:not(.column) { margin-left: 10px;}
.noti_lst_bx.sms_apply .desc_txt ul li.column {font-weight: 700; margin-top:8px;}
.noti_lst_bx.sms_apply .desc_txt ul li.column:first-child {margin-top:0px;}

/* dimmed 케이스 */
.dimmed{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90;background:transparent} /* 레이어팝업용 */
.dimmed2{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90;background-color:rgba(0,0,0,.4)} /* 앨범 팝업에서 쓰임 */
.dimmed2.type2{background-color:rgba(0,0,0,.6)}/* 내 서식에서 쓰임 */

/* 공통_layer_popup */
.ly_pop_wrap{overflow:auto;position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;font-size:0;text-align:center;display: flex;flex-direction:column;box-sizing:border-box;}
.ly_pop_wrap .pop_contents{display:inline-block;position:relative;min-width:476px;margin:auto;padding:55px;border:1px solid rgba(0, 0, 0, .1);box-shadow:0 6px 18px 0 rgba(0, 0, 0, .1);background-color:#fff;box-sizing:border-box;text-align:left;vertical-align:middle}
.ly_pop_wrap .pop_tit_area .pop_tit{display:inline-block;margin-right:10px}
.ly_pop_wrap .pop_tit{display:block;font-size:24px;font-weight:700;color:#333;text-align:center}
.ly_pop_wrap .pop_tit + .pop_dsc{margin-top:10px}
.ly_pop_wrap .pop_tit .point_blue{font-weight:700;color:#3577f8}
.ly_pop_wrap .pop_mtit{display:block;font-size:20px;font-weight:700;color:#333}
.ly_pop_wrap .pop_stit{display:block;font-size:16px;font-weight:700;color:#171717}
.ly_pop_wrap .pop_stit .sm_txt{font-size:14px;font-weight:400;vertical-align:1px;}
.ly_pop_wrap .pop_dsc{font-size:16px;color:#545454;line-height:22px;text-align:center}
.ly_pop_wrap .pop_dsc em{display:block}
.ly_pop_wrap .pop_dsc2{font-size:20px;color:#333;text-align:center}
.ly_pop_wrap .pop_dsc3{margin-top:8px;font-size:15px;color:#222;line-height:22px;text-align:center}
.ly_pop_wrap .pop_dsc4{font-size:21px;color:#171717;line-height:30px;text-align:center}
.ly_pop_wrap .pop_dsc4 .txt {display:inline-block;margin-top:10px}
.ly_pop_wrap .pop_dsc5{margin-top:12px;font-size:14px;line-height:22px;color:#575757;text-align:center}
.ly_pop_wrap .pop_dsc6{font-size:14px;font-weight:700;color:#171717;line-height:20px}
.ly_pop_wrap .pop_dsc7{margin-top:5px;font-size:12px;font-weight:400;color:#333;line-height:15px}
.ly_pop_wrap .pop_dsc8{margin-top:8px;font-size:16px;font-weight:400;color:#222;line-height:26px;text-align:center}
.ly_pop_wrap .pop_dsc9{margin-top:5px;color:#575757;font-size:14px;text-align:left;line-height:20px}
.ly_pop_wrap .bx_btn{margin-top:40px;text-align:center}
.ly_pop_wrap .bx_btn .btn{border-color:#b3b3b3;color:#666}
.ly_pop_wrap .bx_btn .btn_l{min-width:148px;width:auto;height:54px;font-weight:700;line-height:50px;padding:0 15px 2px 15px}
.ly_pop_wrap .bx_btn .btn_l + .btn_l{display:inline-block;margin-left:10px}
.ly_pop_wrap .bx_btn .btn_m + .btn_m{display:inline-block;margin-left:10px}
.ly_pop_wrap .no_title .pop_dsc{font-size:21px;color:#333;line-height:34px}
.ly_pop_wrap .no_title .pop_dsc span{display:inline-block;margin-top:10px;font-size:15px;line-height:22px}
.ly_pop_wrap .no_title .pop_dsc span.txt_color{font-size:21px}
.ly_pop_wrap .no_title .pop_dsc span.txt_color.type2{font-size:17px}
.ly_pop_wrap .pop_tab{display:table;width:100%;margin-top:19px;table-layout:fixed}
.ly_pop_wrap .pop_tab a{display:table-cell;padding-bottom:10px;border-bottom:2px solid #ddd;font-size:17px;font-weight:700;color:#b7b7b7;text-align:center;vertical-align:middle}
.ly_pop_wrap .pop_tab a.on{color:#3577f8;border-color:#3577f8}
.ly_pop_wrap .pop_tab .txt_tab{display:table-cell;padding-bottom:5px;border-bottom:1px solid #e0e0e0;font-size:16px;font-weight:700;color:#b7b7b7;vertical-align:middle;text-align:center}
.ly_pop_wrap .pop_tab.v2{margin-top:29px}
.ly_pop_wrap .pop_tab.v2 .txt_tab{height:30px;padding-bottom:0;border-top:1px solid #e0e0e0;font-size:15px;font-weight:normal;color:#171717}
.ly_pop_wrap .pop_tbl_scroll{position:relative;padding-top:38px;border:1px solid #bfbfbf;border-left:0;border-right:0;border-bottom-color:#e0e0e0}
.ly_pop_wrap .pop_tbl_scroll .tbl_inner{overflow-y:auto;max-height:328px}
.ly_pop_wrap .pop_tbl_scroll .tbl_inner table{width:100%;table-layout:fixed}
.ly_pop_wrap .pop_tbl_scroll .tbl_inner thead th{padding:8px 12px;border-bottom:1px solid #bfbfbf;font-size:15px;color:#919191;text-align:left}
.ly_pop_wrap .pop_tbl_scroll .tbl_inner tbody tr:hover td{background-color:#f7f9fc}
.ly_pop_wrap .pop_tbl_scroll .tbl_inner tbody td{padding:18px 12px;border-top:1px solid #e0e0e0;font-size:14px;color:#575757;text-align:left}
.ly_pop_wrap .pop_tbl_scroll .tbl_inner thead tr:first-child{position:absolute;top:0;left:0;right:0;font-size:0}
.ly_pop_wrap .pop_tbl_scroll .tbl_inner thead tr:first-child th{display:inline-block;width:50%;box-sizing:border-box}
.ly_pop_wrap .bx_sorting2 .btn_select{height:30px;padding-right:45px;font-size:14px;line-height:28px}
.ly_pop_wrap .bx_sorting2 .btn_select:after{position:absolute;top:0;right:30px;width:1px;height:100%;background:#d9d9d9;content:''}
.ly_pop_wrap .bx_sorting2 .ico_select_arrow{right:4px}
.ly_pop_wrap .bx_sorting2 .lst_select{right:0;max-height:none;padding:0}
.ly_pop_wrap .bx_sorting2 .lst_select li a{font-size:14px}
.ly_pop_wrap .bx_sorting2 .lst_select li:hover a{color:#3577f8}
.ly_pop_wrap .btn_xs{height:30px;font-size:12px;line-height:28px}
.ly_pop_wrap .btn_delete{color:#171717}
.ly_pop_wrap table .bx_input_chk{vertical-align:middle}
.ly_pop_wrap table .input_chk + label{padding-left:20px}
.ly_pop_wrap table .input_chk.type6 + label{padding-left:16px}
.ly_pop_wrap .tbl_head{position:relative;z-index:2}
.ly_pop_wrap .tbl_head th{padding:10px 0;border:1px solid #bfbfbf;border-width:1px 0;font-size:15px;color:#919191;font-weight:400;text-align:center}
.ly_pop_wrap .tbl_head th em{color:#ff5c5c}
.ly_pop_wrap .tbl_head.type2 th{font-size:13px;color:#8d8d8d;font-weight:400}
.ly_pop_wrap .tbl_head.type3 th{padding:13px 0 14px;color:#222}
.ly_pop_wrap .tbl_head.type4 th{padding:6px 0;font-size:13px;color:#222}
.ly_pop_wrap .tbl_head.type4 th[colspan="2"]{border-bottom-color:#e0e0e0}
.ly_pop_wrap .area_tbl_scroll{overflow:hidden;overflow-y:auto;margin-top:-1px;border-bottom:1px solid #bfbfbf}
.ly_pop_wrap .pagination{margin-top:40px}
.ly_pop_wrap .tbl_body td{padding:10px 0;border:1px solid #e0e0e0;border-width:1px 0 0;font-size:14px;color:#575757;line-height:18px;text-align:center}
.ly_pop_wrap .tbl_body tr:first-child td{border-top-color:#bfbfbf}
.ly_pop_wrap .tbl_body .td_input{position:relative;padding:0}
.ly_pop_wrap .tbl_body td.error,.ly_pop_wrap .tbl_body.type2 td.error,.ly_pop_wrap .tbl_body.type2 td.error:first-child{border:1px solid #ff5c5c;border-width:1px}
.ly_pop_wrap .tbl_body tr:first-child td.error:before{position:absolute;left:0;top:-1px;right:0;height:1px;background-color:#ff5c5c;content:''}
.ly_pop_wrap .tbl_body td.error .txt_error{margin:-7px 8px 9px 10px;font-size:12px;line-height:14px;text-align:left}
.ly_pop_wrap .tbl_body td.error .bx_sorting.color .ico_select_arrow:after{border-color:#ff5c5c}
.ly_pop_wrap .tbl_body td.error .bx_sorting .lst_select{border-color:#ff5c5c}
.ly_pop_wrap .tbl_body td.error .bx_sorting .btn_select.on{width:auto;margin:1px 1px 1px 2px;padding:9px 34px 9px 18px;background-color:#fff}
.ly_pop_wrap .tbl_body td.on,.ly_pop_wrap .tbl_body.type2 td.on,.ly_pop_wrap .tbl_body.type2 td.on:first-child{border:1px solid #2b6ff5;border-width:1px}
.ly_pop_wrap .tbl_body tr:first-child td.on:before{position:absolute;left:0;top:-1px;right:0;height:1px;background-color:#2b6ff5;content:''}
.ly_pop_wrap .tbl_body .bx_input{border:0;vertical-align:top;background-color:transparent}
.ly_pop_wrap .tbl_body .input_txt{z-index:2;padding:10px 15px;font-size:14px;color:#575757}
.ly_pop_wrap .tbl_body .bx_sorting{display:block;position:static}
.ly_pop_wrap .tbl_body .bx_sorting .btn_select{z-index:2;position:relative;display:block;width:100%;min-width:auto;padding:10px 35px 10px 20px;border:0;font-size:14px;color:#575757;line-height:20px;text-align:left}
.ly_pop_wrap .tbl_body .bx_sorting .btn_select .ico_select_arrow{right:12px}
.ly_pop_wrap .tbl_body .bx_sorting .btn_select.on .ico_select_arrow{transform:rotate(180deg)}
.ly_pop_wrap .tbl_body .bx_sorting .lst_select{right:-1px;left:-1px;padding:1px 0;border-color:#3577f8;border-width:0 1px 1px}
.ly_pop_wrap .tbl_body .bx_sorting .lst_select li a{padding-left:20px;font-size:14px;color:#575757;text-align:left}
.ly_pop_wrap .tbl_body .bx_sorting .lst_select li + li{margin-top:1px}
.ly_pop_wrap .tbl_body.type2 td{border-width:1px 0 0 1px}
.ly_pop_wrap .tbl_body.type2 td:first-child{border-left:0}
.ly_pop_wrap .tbl_body.type2 td:last-child.on .bx_input:after,.ly_pop_wrap .tbl_body.type2 td:last-child.error .bx_input:after{right:0}
.ly_pop_wrap .bx_dsc_table{position:relative;padding-top:10px;text-align:left}
.ly_pop_wrap .form_search{text-align:right}
.ly_pop_wrap .bx_input_search{display:inline-block;width:146px;margin-bottom:14px;vertical-align:top}
.ly_pop_wrap .bx_input_search .input_search{padding:2px 25px 8px 0;font-size:13px}
.ly_pop_wrap .bx_input_search .input_lbl{bottom:8px}
.ly_pop_wrap .pop_noti_area{position:relative;padding-left:10px;margin-top:10px;font-size:14px;line-height:22px;color:#919191}
.ly_pop_wrap .pop_noti_area .ico_star{position:absolute;left:0;margin-top:3px}
.ly_pop_wrap .pop_noti_area .link_txt{color:#3577f8;text-decoration:underline}
.ly_pop_wrap .link_blue{color:#3577f8;text-decoration:underline}
.ly_pop_wrap .bx_bg_guide{margin-top:30px;padding:25px 30px;color:#575757;font-size:15px;line-height:22px;background-color:#fafafb;}
.ly_pop_wrap .bx_bg_guide .guide+.guide{margin-top:24px}
.ly_pop_wrap .bx_bg_guide .guide .point{font-weight:bold;}
.ly_pop_wrap .bx_bg_guide .bx_include_file_sm{margin-top:12px}
.ly_pop_wrap .bx_bg_guide+.bx_account_info{margin-top:10px}
.ly_pop_wrap .pop_tit+.bx_btn_link{margin-top:16px}
.ly_pop_wrap .bx_btn_link .btn_link{position:relative}
.ly_pop_wrap .bx_btn_link .ico_arrow{vertical-align:1px}

/* layer_pop_wrap2 */
.ly_pop_wrap.type2 .pop_contents{min-width:522px;width:auto;padding:50px;border:1px solid rgba(0,0,0,.1);box-shadow:0 6px 18px 0 rgba(0,0,0,.1)}
.ly_pop_wrap.type2 .pop_tit{font-size:20px;line-height:30px;text-align:left}
.ly_pop_wrap.type2 .pop_tit2{font-size:20px;line-height:24px;text-align:left;color:#222;font-weight:500}
.ly_pop_wrap.type2 .pop_dsc{margin-top:20px;font-size:17px;line-height:24px;text-align:left}
.ly_pop_wrap.type2 .pop_dsc2{margin-top:20px;font-size:17px;color:#575757;text-align:left}
.ly_pop_wrap.type2 button{border-radius:2px}
.ly_pop_wrap.type2 .bx_btn{margin-top:50px;text-align:right}
.ly_pop_wrap.type2 .pop_tit + .bx_btn{margin-top:58px}
.ly_pop_wrap.type2 .bx_btn .btn_m{min-width:112px;width:auto;padding:0 15px}
.ly_pop_wrap.type2 .bx_btn.type_flexible .btn_m{min-width:112px;width:auto;padding:0 15px}
.ly_pop_wrap.type2 .bx_btn button + button{margin-left:10px}
.ly_pop_wrap.type2 .input_chk.type5 + label{padding-left:30px;font-size:17px;color:#575757;line-height:24px}
.ly_pop_wrap.type2 .input_chk + label:after{top:2px;margin-top:0}
.ly_pop_wrap.type2 .bx_input_btn{margin-top:50px}
.ly_pop_wrap.type2 .pop_tit + .bx_input_btn{margin-top:58px}
.ly_pop_wrap.type2 .bx_input_btn .input_txt{display:inline-block;width:308px;height:46px;padding:0 20px;border:1px solid #dedede;font-size:15px;color:#222;vertical-align:top}
.ly_pop_wrap.type2 .bx_input_btn .input_txt::placeholder{color:#999}
.ly_pop_wrap.type2 .bx_input_btn .input_txt + button{position:relative;z-index:2;margin-left:-1px}
.ly_pop_wrap.type2 .bx_input_btn .btn_m{width:112px;height:46px;vertical-align:top}

/* layer_pop_wrap3 */
.ly_pop_wrap.type3 .pop_contents{width:auto}
.ly_pop_wrap.type3 .bx_btn .btn_l + .btn_big,.ly_pop_wrap.type3 .bx_btn .btn_big + .btn_l,.ly_pop_wrap.type3 .bx_btn .btn_big + .btn_big{margin-left:10px}
.ly_pop_wrap.type3 .btn_big{width:190px;height:54px;font-size:17px;font-weight:700;line-height:50px}

/* layer_pop_wrap4 */
.ly_pop_wrap.type4 .pop_contents{width:auto;padding:24px 26px 28px}

/* layer_pop_wrap5 */
.ly_pop_wrap.type5 .pop_contents{width:auto;padding:50px 55px;text-align:left}
.ly_pop_wrap.type5 .pop_tit{margin-bottom:31px;font-size:24px;line-height:29px;text-align:left;color:#333;letter-spacing:-0.6px;font-weight:700}
.ly_pop_wrap.type5 .pop_tit .btn_down{min-width:155px;height:32px;margin:-3px 0 0 6px;line-height:30px;width:auto;padding-left:10px;padding-right:10px}
.ly_pop_wrap.type5 .pop_tit .btn_down .sp{margin:-3px 7px 0 0}
.ly_pop_wrap.type5 .pop_dsc{font-size:14px;line-height:24px;text-align:left}
.ly_pop_wrap.type5 .pop_dsc.txt_color{color:#3577f8}
.ly_pop_wrap.type5 .bx_btn{margin-top:30px;text-align:right}
.ly_pop_wrap.type5 .bx_btn button{width:auto;min-width:112px;margin-left:10px}
.pop_dsc_lst li{position:relative;font-size:14px;color:#575757;line-height:24px}
.pop_dsc_lst li:before{display:inline-block;content:'';width:2px;height:2px;margin:-3px 6px 0 0;vertical-align:middle;background-color:#afafaf}
.pop_dsc + .pop_dsc_lst{margin-top:4px}

/* layer_pop_wrap6 */
.ly_pop_wrap.type6 .pop_contents{width:auto;padding:46px 55px 55px}
.ly_pop_wrap.type6 .pop_dsc{margin-top:8px;color:#575757;font-size:16px;line-height:23px;letter-spacing:-0.4px}

.ly_btn_close, .ly_btn_close2{position:absolute;top:0;right:0;padding:30px}
.ly_btn_close .sp{display:block;width:24px;height:22px;background-position:-178px -16px}
.ly_btn_close2 .sp{display:block;width:18px;height:16px;background-position:-126px -36px}
.ly_btn_close3{position:absolute;top:0;right:6px;padding:20px}
.ly_btn_close3 .sp{display:block;width:22px;height:22px;background-position:-557px -20px}
.ly_btn_close4{position:absolute;top:0;right:0;width:55px;height:55px;text-align:center}
.ly_btn_close4 .sp{display:block;width:15px;height:15px;margin:0 auto;background-position:-581px -20px}
.ly_ip_info .pop_dsc3{text-align:left}
.ly_ip_info .pop_contents{width:484px}
.ly_ip_info .pop_info_cnt{margin-top:30px;padding-top:10px;border-top:1px solid #ededed}
.ly_ip_info .pop_info_cnt dt{margin:20px 0 5px;font-size:16px;font-weight:700}
.ly_ip_info .pop_info_cnt dt:first-child{color:#ff5c5c}
.ly_ip_info .pop_info_cnt dd{font-size:14px;color:#575757;line-height:22px}
.ly_app_none .pop_contents{width:418px}

.ly_pop_wrap.ly_overlap .pop_contents {width:auto;max-width:640px;padding:55px 40px;color:#575757}
.ly_pop_wrap .pop_tit .txt {font-weight:normal}
.ly_pop_wrap.ly_overlap .pop_dsc {line-height:24px;color:#575757}
.ly_pop_wrap.ly_overlap .box_info {width:460px;margin:40px auto;padding:34px 40px 30px;box-sizing:border-box;border:1px solid #e0e0e0}
.ly_pop_wrap.ly_overlap .tit_info {display:block;font-size:16px;line-height:24px}
.ly_pop_wrap.ly_overlap .tit_info::before {display:inline-block;width:110px;height:16px;margin:5px 6px 0 0;vertical-align:top;background:url(../img/sp.png) no-repeat -380px -580px;content:""}
.ly_pop_wrap.ly_overlap .list_info {margin-top:20px;font-size:16px;line-height:20px}
.ly_pop_wrap.ly_overlap .list_info dt {float:left;width:101px;margin:0 20px 13px 0;font-weight:bold}
.ly_pop_wrap.ly_overlap .list_info dd {overflow:hidden;margin-bottom:13px}
.ly_pop_wrap.ly_overlap .dsc_info {font-size:15px;line-height:22px;text-align:center}
.ly_pop_wrap.ly_overlap .dsc_info .link {color:#3577f8;text-decoration:underline}
.ly_pop_wrap.ly_overlap .bx_input_chk {display:block;margin-top:30px;text-align:center}
.ly_pop_wrap.ly_overlap .bx_btn .btn_l {width:460px}

/* layer_pop_wrap  스크롤 테이블 */
.ly_pop_wrap .ly_tbl_scroll{width:364px}
.ly_pop_wrap.type2 .ly_tbl_scroll{width:476px;flex:0 0 476px}
.ly_tbl_scroll{margin-top:30px;color:#575757;text-align:center}
.ly_tbl_scroll .area_tbl_scroll{max-height:328px;border-bottom:1px solid #d4d4d4}
.ly_th_fixed{border-top:1px solid #d4d4d4;background-color:#f4f4f4;color:#222}
.ly_th_fixed th{padding:11px 0;font-size:13px;font-weight:400}
.ly_td_scroll td{padding:11px 0;border-top:1px solid #eee;font-size:13px}

/* top_tit_area  */
.top_tit_area{position:relative;font-size:0}
.top_tit_area .left_tit_area{display:inline-block;position:relative;width:695px}
.top_tit_area .tit_txt{display:inline-block;font-size:28px;font-weight:700;color:#171717;line-height:38px;vertical-align:middle}
.top_tit_area .tit_txt.type2{font-size:26px;}
.top_tit_area .btn_txt{margin:0 0 4px 14px;font-size:14px;font-weight:700;color:#b2b2b2;vertical-align:bottom}
.top_tit_area .btn_txt .txt_color{margin-left:3px}
.top_tit_area .btn_view{position:absolute;right:0;bottom:2px;}
.top_tit_area .btn_view .ico_board{display:inline-block;vertical-align:middle}
.top_tit_area .btn_view .txt{display:inline-block;font-size:14px;color:#3577f8;vertical-align:middle}
.top_tit_area .left_tit_area .upload_txt{display:inline-block;margin:0 0 4px 14px;font-size:18px;font-weight:700;color:#b2b2b2;vertical-align:bottom}
.top_tit_area .tit_dsc{margin-top:10px;font-size:16px;color:#575757}

.bx_document_area .document_info{position:relative;margin-top:8px}
.bx_document_area .document_info dt{display:inline-block;vertical-align:middle}
.bx_document_area .document_info dt,
.bx_document_area .document_info dd{display:inline-block;font-size:14px;color:#171717;line-height:normal;vertical-align:middle}
.bx_document_area .document_info dd:after{display:inline-block;width:1px;height:10px;margin:0 8px;background-color:#d8d8d8;vertical-align:middle;content:''}
.bx_document_area .document_info dd:last-child:after{display:none}
.bx_document_area .document_info dt:before{width:2px;height:14px;margin-bottom:2px}
.bx_document_area .document_info dd{margin-left:4px}
.bx_document_area .document_info dd .num{font-weight:700}
.bx_document_area .office_breadcrumb{position:absolute;right:0;bottom:0;font-size:14px;color:#545454}

/* 공통_팝업_주소록 필터 */
.area_tbl{overflow:hidden}
.area_lst_class .btn2{width:100%;margin-bottom:10px;font-size:13px}
.area_lst_class .lst_class{overflow-y:auto;border:1px solid #e0e0e0}
.area_lst_class .lst_class > li{border-top:1px solid #f0f0f0}
.area_lst_class .lst_class > li:first-child{border-top:0}
.area_lst_class .lst_class li{font-size:11px;color:#575757}
.area_lst_class .lst_class li em{font-size:14px}
.area_lst_class .lst_class .year{display:block;padding:11px 5px 11px 15px;background:#fafafa}
.area_lst_class .lst_sub_class{padding:10px 0 8px;border-top:1px solid #f0f0f0}
.area_lst_class .lst_sub_class li{padding:8px 5px 8px 25px}
.area_lst_class .lst_sub_class li:hover{background-color:#f7f9fc}
.area_lst_class .lst_sub_class li a{font-size:11px;color:#575757}
.area_lst_class .lst_sub_class li.on a{color:#3577f8}

.area_lst_filter{border:1px solid #e0e0e0}
.area_lst_filter .lst_filter{height:274px;overflow-y:auto;margin-top:-1px;padding:0 11px}
.area_lst_filter .lst_filter > li{position:relative;padding-left:21px;border-top:1px solid #eee;font-size:0}
.area_lst_filter .lst_filter > li:first-child{border-top:0}
.area_lst_filter .lst_filter > li span.bx_input_chk:hover{box-sizing:border-box}
.area_lst_filter .btn_view{position:absolute;left:-1px;top:10px;width:16px;height:16px;background:url(../img/sp.png) no-repeat;background-position:-557px -44px}
.area_lst_filter .lst_filter li.is_open .btn_view{background-position:-575px -44px}
.area_lst_filter .lst_filter li.is_open .bx_input_chk + .lst_sub_filter{display:block}
.area_lst_filter .input_chk.type6 + label:after{top:2px;margin-top:0}
.area_lst_filter .bx_input_chk{padding:8px 0px}
.area_lst_filter .input_chk.type6 + label{padding-left:0}
.area_lst_filter .cate_tit{display:inline-block;font-size:10px;color:#575757;vertical-align:top;line-height:19px}
.area_lst_filter .cate_tit.is_selected{color:#3577f8}
.area_lst_filter label + .cate_tit{padding-left:22px}
.area_lst_filter .cate_tit em{font-size:13px}
.area_lst_filter .total{display:block;padding:7px 0 7px 14px;border-bottom:1px solid #f5f5f5}
.area_lst_filter .lst_sub_filter{display:none;padding-left:10px}
.area_lst_filter .lst_sub_filter li{font-size:0}
.area_lst_filter .total.type_select{padding-left:9px}
.area_lst_filter .total.type_select .input_chk + label:after{top:-2px}
.area_lst_filter .total.type_select .bx_dropdown{margin-left:23px}
.area_lst_filter .total.type_select .bx_dropdown .btn_select{width:100%;box-sizing:border-box}
.area_lst_filter.type2 .lst_filter > li{padding-left:0}
.area_lst_filter.type2 .cate_tit{padding-right:27px}

/* remote_menu */
.remote_aligner{position:fixed;top:0;left:50%;z-index:100}
.bx_remote_menu{overflow:hidden;position:absolute;top:260px;right:-680px;z-index:10;}
.bx_remote_menu .remote_menu_tit{display:block;height:30px;background-color:#3577f8;font-size:12px;color:#fff;text-align:center;line-height:30px}
.bx_remote_menu .remote_item{position:relative;border-bottom:1px solid #3577f8}
.bx_remote_menu .remote_item:last-child{border-bottom:0}
.bx_remote_menu .remote_item .remote_link{display:block;padding:13px 18px}
.bx_remote_menu .remote_item .remote_tit{display:inline-block;font-size:14px;color:#3577f8;line-height:19px;vertical-align:middle}
.bx_remote_menu .remote_item .remote_link .sp{position:absolute;background-image:url('../img/sp@2x.png');background-size:300px auto;right:15px;top:15px;width:34px;height:34px;vertical-align:middle}
.bx_remote_menu .remote_item .remote_link .ico_call{background-position:0 0;width:38px;right:9px;}
.bx_remote_menu .remote_item .remote_link .ico_qna{background-position:-42px 0}
.bx_remote_menu .remote_item .remote_link .ico_down{background-position:-82px 0}
.bx_remote_menu .remote_item .remote_link .ico_movie{background-position:-164px 0}
.bx_remote_menu .remote_item .remote_link .ico_link{background-position:-125px 0}
.bx_remote_menu .remote_item .remote_link .ico_guide_book{position:absolute;right:15px;top:15px;width:34px;height:34px;background:url(../img/quickmenu_guide_book@2x.png) no-repeat 0 0;background-size:34px auto;vertical-align:middle}
.bx_remote_menu .remote_item .remote_link .ico_megaphone{position:absolute;right:15px;top:15px;width:34px;height:34px;background:url(../img/quickmenu_megaphone@2x.png) no-repeat 0 0;background-size:34px auto;vertical-align:middle}
.bx_remote_menu .customer_menu {width:140px;background-color:#fff;border:1px solid #3577f8;border-radius:4px;box-shadow:0 2px 20px 0 rgba(33,45,76,0.08);box-sizing:border-box}
.bx_remote_menu .payment_menu {}

/* 01. Main ---------------------------------------------------*/
.area_school_info{padding:0 0 44px;box-sizing:border-box}
.area_school_info .group_info{display:inline-block;width:796px;vertical-align:middle}
.area_school_info .inner:after{display:block;clear:both;content:''}
.area_school_info .txt{display:block;margin-left:-2px;font-size:32px;color:#222;line-height:48px}
.logo_school{display:inline-block;max-width:150px;vertical-align:middle}
.logo_school .bx_img{display:block;width:86px;height:86px;margin:0 auto}
.logo_school img{width:100%;height:auto}
.logo_school .school_name{display:block;margin-top:10px;font-size:18px;color:#222;line-height:26px;text-align:center}
.area_schedule{background-color:#f9fafd; box-shadow:900px 0px 0px #F9FAFC, -900px 0px 0px #f9fafd}
.area_schedule .inner{height:362px;padding:45px 27px 30px;box-sizing:border-box}
.schedule_title{padding-bottom:24px}
.schedule_title .btn_link{top:39px;right:27px;color:#999fb0}
.schedule_title .btn_weekly{padding:3px 11px 4px;margin-left:5px;border:1px solid #cbcfdc;font-size:13px;color:#6d768e;letter-spacing:-.5px;vertical-align:middle}
.schedule_title .btn_weekly .ico_refresh_sm{margin-right:3px;vertical-align:-1px}
.schedule_title .btn_weekly .spinner_sm{display:inline-block;width:12px;height:12px;margin-right:3px;vertical-align:-3px}
.schedule_title .btn_weekly .spinner_sm img{vertical-align:top;}
.schedule_title_week{display:inline-block;margin:-2px 9px 0 0;font-size:18px;font-weight:700;color:#171717;vertical-align:middle}
.btn_weekly_bx{display:inline-block;height:28px;border:1px solid #cbcfdc;box-sizing:border-box;vertical-align:middle}
.btn_weekly_bx button{border-left:1px solid #cbcfdc}
.btn_weekly_bx button:first-of-type{border-left:0}
.btn_weekly_bx .btn_prev,
.btn_weekly_bx .btn_next{width:27px;height:100%;font-size:0}
.btn_weekly_bx .btn_prev:after{background-position:0 0}
.btn_weekly_bx .btn_next:after{background-position:-10px 0}
.btn_weekly_bx .btn_prev:after,
.btn_weekly_bx .btn_next:after{display:inline-block;width:8px;height:14px;background-image:url(../img/sp.png);background-repeat:no-repeat;font-size:0;content:''}
.btn_weekly_bx .btn_thisweek{width:56px;height:100%;border-left:1px solid #cbcfdc;font-size:13px;color:#6d768e;line-height:24px;letter-spacing:-.5px;vertical-align:top}

.schedule_weekly{min-height:210px}
.lst_weekly .btn_more{display:block;position:relative;margin-top:5px;padding-left:2px;color:#6378b4;line-height:1.47}
.lst_weekly .btn_more:hover{text-decoration:underline}
.lst_weekly .ico_plus:before, .lst_weekly .ico_plus:after{background-color:rgba(178, 190, 228, .8)}
.lst_weekly .btn_add{width:120px;height:40px;margin-top:9px;padding-top:8px;border-color:#3577f8;border-radius:6px;background-color:#f5f7ff;font-size:13px;color:#3577f8;font-weight:700;line-height:normal;letter-spacing:-.5px}
.lst_weekly .btn_add .ico_plus{width:12px;height:12px;margin:-2px 3px 0 0;background-position:-268px 0}
.lst_weekly .item_weekly{display:inline-block;position:relative;width:148px;margin-left:51px;vertical-align:top}
.lst_weekly .item_weekly:first-child{margin-left:0}
.lst_weekly .item_weekly .lst_cate{margin:4px 0 0 -3px}
.lst_weekly .item_weekly .today{display:inline-block;height:25px;margin-top:8px;padding:0 8px;background-color:#3577f8;border-radius:12px;font-size:13px;color:#fff;letter-spacing:-.5px;line-height:23px;vertical-align:top}
.lst_weekly .item_weekly .btn_more .sp{width:9px;height:9px;margin-top:-2px;background-position:-126px -24px}
.lst_weekly .item_weekly .weekly_detail_none{color:#575757;letter-spacing:-.5px}
.weekly_date{display:inline-block;font-size:0;vertical-align:top}
.weekly_date .num{display:inline-block;margin-right:4px;font-size:19px;font-weight:700}
.weekly_date .day{display:inline-block;margin-top:8px;margin-right:6px;font-size:16px;letter-spacing:-.5px}
.weekly_date .today{display:inline-block;margin-top:10px;padding:1px 8px 3px;border-radius:11px;background:#3577f8;font-size:12px;color:#fff;vertical-align:top}
.lst_cate li{position:relative;margin-top:6px}
.lst_cate li:first-child{margin-top:0}
.lst_cate li:before{position:absolute;top:50%;left:3px;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#a58ff8;content:''}
.teacher .lst_cate li:before{background:#a58ff8;}
.teacher .lst_cate li.cate_class:before{background:#f2a480}
.school.lst_cate li:before{background:#ead674;}
.school.lst_cate li.cate_class:before{background:#a58ff8;}
.lst_cate li a{display:block;overflow:hidden;padding-left:15px;color:#575757;letter-spacing:-1px;line-height:1.47;text-overflow:ellipsis;white-space:nowrap}
.lst_cate li a:hover{text-decoration:underline}
.lst_cate .cate_class:before{background:#f2a480}
.school .lst_cate li.cate_class:before{background:#a58ff8}
.school .lst_cate li:before{background:#ead674}
.schedule_cate_info{padding-top:8px;border-top:1px solid #eceef3}
.schedule_cate_info li{display:inline-block;position:relative;margin-left:20px;padding-left:11px;font-size:13px;color:#575757;letter-spacing:-.5px}
.schedule_cate_info li:before{position:absolute;top:0;left:0;width:6px;height:6px;margin-top:7px;border-radius:50%;background:#ead674;content:''}
.teacher .schedule_cate_info li:before{background:#a58ff8;}
.schedule_cate_info li:first-child{margin-left:0}
.schedule_cate_info .cate_class:before{background:#a58ff8}
.teacher .schedule_cate_info .cate_class:before{background:#f2a480}
.area_news .inner{padding:60px 27px 110px}
.group_news_content{display:block;width:auto}
.group_news_content.school{display:block;width:auto}
.group_news_content.school .tit{padding-top:44px}
.group_news_content.school .lst_news_notice{margin-bottom:28px}
.group_news_content .news_school{overflow:hidden;border-bottom:1px solid #f1f1f1}
.news_school .bx_news_content{float:left;position:relative;width:443px;margin-right:60px}
.news_school .bx_news_content:last-child{margin-right:0}
.news_school .bx_news_content .tit{position:absolute;right:0;top:0;left:0;padding:0}
.news_school .bx_news_content .btn_link{line-height:25px}
.news_school .news_graph{min-height:374px;padding-bottom:90px;margin-top:62px;border:0;text-align:center}
.news_school .news_graph .bx_graph{display:block;margin:0 auto 20px}
.news_school .news_dsc_bx{margin:0;min-height:58px}
.news_school .news_dsc_bx .dsc{font-size:20px;font-weight:300}
.news_school .news_dsc_bx .txt_color, .news_school .news_dsc_bx .txt_color2{font-weight:700}
.news_school .news_dsc_bx .btn2{border-color:#666;color:#333}
.news_school .news_dsc_bx .btn2:hover{background:#fafafa}
.news_school .news_dsc_bx .btn2:active{background:#f2f2f2}
.news_school .news_dsc_bx .btn2 .ico_arrow{width:6px;height:9px;background:url(../img/sp_new.png) no-repeat -266px -20px}
.news_school .news_graph_none{padding-top:93px}

.bx_news_content .tit{position:relative;font-family: 'Pretendard Variable', pretendard, sans-serif;padding-top:0;font-size:18px;font-weight:700;line-height:27px;letter-spacing:-0.5px;color:#1A1A1A}
.bx_news_content:first-of-type .tit{padding-top:0}
.news_graph{width:675px;margin-top:0;border-bottom:0}
.news_graph .bx_graph{display:inline-block;position:relative;width:201px;height:201px;text-align:center;vertical-align:middle}
.news_graph .graph_img{position:absolute;top:0;left:0;width:201px;height:201px;background:url(../img/bg_graph.png) no-repeat 50% 50%}
.bx_graph .graph_dsc{display:inline-block;position:relative;margin-top:-15px;font-size:15px;color:#171717;font-weight:300;line-height:20px;letter-spacing:-.5px;vertical-align:middle;z-index:10}
.bx_graph .graph_dsc .percent_txt{display:block;float:left;margin-bottom:0;text-align:left;font-size:26px;color:#00c6a8;font-weight:700;line-height:normal}
.bx_graph .graph_dsc .percent_txt .percent{font-size:24px}
.bx_graph .graph_info_txt{display:block;float:right;margin-top:10px;font-weight:400;font-size:15px}
.bx_news_content .point_txt{color:#00c6a8;font-weight:700}
.bx_news_content .point_number{color:#00bca4;font-weight:700}
.bx_news_content.student .point_number{color:#00b7d4}
.bx_news_content.teacher .point_number{color:#3577f8}
.bx_graph .graph_dsc.graph_none{color:#919191}
.bx_graph .graph_dsc.graph_none .percent_txt{color:#e3e3e3}
.graph_bg{overflow:hidden;width:100%;height:14px;margin-top:7px;border-radius:7px;background-color:#eeeeef}
.graph_bg .graph_fill{height:100%;background-color:#00c6a8;border-radius:7px}
.ly_pop_wrap .pop_contents.file_loading{width:298px;padding:36px 50px 46px}
.file_loading .pop_dsc3{margin:0;font-weight:700}
.file_loading .bx_graph{font-size:0;margin-top:9px}
.file_loading .bx_graph .graph_bg{margin:7px 0 0 0;display:inline-block;width:151px;height:8px;border-radius:4px}
.file_loading .bx_graph .graph_fill{background-color:#3577f8}
.file_loading .graph_info_txt{display:inline-block;margin:0 0 0 8px;font-size:13px;font-weight:700;color:#3577f8;line-height:19px}

.news_dsc_bx{display:block;margin:20px 0 0 0}
.news_dsc_bx .dsc{font-size:18px;letter-spacing:0;color:#171717}
.news_dsc_bx .dsc+.dsc{margin-top:8px}
.news_dsc_bx .txt_bold{font-weight:700}
.news_dsc_bx .btn_bx{margin-top:32px}
.data_none .news_dsc_bx .btn_bx{margin-top:18px}
.news_dsc_bx .btn_bx .news_btn{display:inline-block;position:relative;width:160px;margin-left:8px;padding:12px 16px;border:1px solid #9ca0ac;border-radius:10px;background-color:#fcfcff;font-size:14px;color:#404959;line-height:18px;text-align:left;box-sizing:border-box}
.news_dsc_bx .btn_bx .news_btn:first-child{margin-left:0}
.news_dsc_bx .btn_bx .news_btn:after{position:absolute;right:17px;top:50%;width:9px;height:15px;margin-top:-10px;background:url(../img/sp@3x.png) no-repeat -54px -43px;background-size:200px auto;content:''}
.news_dsc_bx .btn_bx .news_btn .tit_btn{display:block;font-weight:700}
.news_dsc_bx .btn_bx .news_btn .dsc_btn{display:block}
.news_dsc_bx .btn_bx .news_btn .ico_arrow{position:absolute;top:50%;right:12px;margin-top:-5px}
.news_dsc_bx .btn_bx .news_btn.type1{border:1px solid #397cff;background-color:rgba(245, 250, 255, 0.7);color:#3076ff}
.news_dsc_bx .btn_bx .news_btn.type1:after{right:17px;width:12px;height:20px;margin-top:-10px;background-position:-555px -244px}
.news_dsc_bx .btn_bx .news_btn.type2{position:relative;width:339px;border:1px solid #00c6a8;background-color:#f7fdfc;color:#00b1a0}
.news_dsc_bx .btn_bx .news_btn.type2:after{right:17px;width:9px;height:15px;margin-top:-10px;background-position:-44px -43px}
.news_dsc_bx .btn_txt{display:inline-block;margin-top:6px;font-size:16px;font-weight:700;line-height:20px;letter-spacing:-0.64px;text-decoration:underline}
.news_graph .wating_info_bx{width:388px;margin:36px auto 0;padding:38px 38px 41px;border-radius:6px;background-color:#f7fcf9;box-sizing:border-box}
.news_graph .wating_info_bx .dsc_txt{font-size:19px;line-height:24px;letter-spacing:-0.3px;}
.news_graph .wating_info_bx em{font-weight:700}
.news_graph .wating_info_bx .btn_news{display:inline-block;width:222px;height:48px;margin-top:15px;padding:11px 19px 15px;border:1px solid #00ba38;border-radius:6px;background-color:rgba(247, 250, 255, 0.5);font-size:0;box-sizing:border-box}
.news_graph .wating_info_bx .btn_news .btn_txt{display:inline-block;font-size:14px;color:#00ba38;font-weight:700;line-height:20px;vertical-align:middle;letter-spacing:-0.56px}
.news_graph .wating_info_bx .btn_news .ico_arr_send{display:inline-block;width:8px;height:14px;margin:1px 0 0 3px;background-position:-592px -244px;vertical-align:middle}
.news_graph .wating_info_bx.type2{background-color:#f7f9ff}
.news_graph .wating_info_bx.type2 .btn_news{border-color:#3577f8}
.news_graph .wating_info_bx.type2 .btn_news .btn_txt{color:#3577f8}
.news_graph .wating_info_bx.type2 .btn_news .ico_arr_send{background-position:-582px -244px}

.news_dsc_bx2{display:inline-block;margin-left:35px;vertical-align:middle}
.news_dsc_bx2 .dsc{font-size:24px;color:#171717}
.news_dsc_bx2 .dsc .txt_color2{font-weight:700}
.news_dsc_bx2 .btn_bx{margin-top:19px}
.news_dsc_bx2 .btn_bx .news_btn{position:relative;display:inline-block;width:262px;height:50px;padding:12px 18px 16px 21px;border:1px solid #00ba38;border-radius:6px;background-color:#f7fffa;font-size:0;text-align:center;box-sizing:border-box}
.news_dsc_bx2 .btn_bx .news_btn .btn_txt{display:inline-block;font-size:15px;color:#00ba38;font-weight:700;line-height:20px;letter-spacing:-0.6px;vertical-align:middle}
.news_dsc_bx2 .btn_bx .news_btn .ico_arr_take{display:inline-block;width:10px;height:14px;margin:1px 0 0 1px;background-position:-554px -266px;vertical-align:middle}

.news_noti_bx{margin-top:22px;padding:27px 40px 38px;border-radius:6px;background-color:#f7f9ff}
.news_noti_bx .news_noti_txt{font-size:18px;color:#171717;line-height:27px;}
.news_noti_bx .news_noti_txt .txt_color2{font-weight:700}
.news_noti_bx .btn_sms_send{display:inline-block;margin-top:10px}
.news_noti_bx .btn_sms_send .btn_txt{display:inline-block;font-size:15px;color:#3577f8;font-weight:700;line-height:20px;vertical-align:middle;text-decoration:underline}
.news_noti_bx .btn_sms_send .ico_arr_send{display:inline-block;width:8px;height:14px;margin-top:1px;background:url(../img/sp.png) no-repeat;background-position:-582px -244px;vertical-align:middle}

.news_graph_none{display:none;padding:53px 0;text-align:center;vertical-align:middle}
.news_graph_none .txt{display:block;font-size:19px;color:#171717;letter-spacing:-.5px;line-height:1.58}
.news_graph_none .btn{width:165px;height:46px;margin-top:17px;line-height:44px}
.news_graph_none .btn2{width:165px;height:46px;margin-top:12px;border-radius:6px;background-color:rgba(247, 250, 255, 0.6);font-size:14px;font-weight:700;line-height:43px}
.news_graph_none .btn2 .ico_plus3{margin-top:-4px;margin-right:3px}
.lst_news_notice{margin-top:9px}
.lst_news_notice li{position:relative}
.lst_news_notice li:before{position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-1px;background-color:#b7b7b7;border-radius:50%;content:''}
.lst_news_notice li + li{margin-top:6px}
.lst_news_notice li .notice_tit{display:block;position:relative;padding-left:9px;font-size:0;color:#575757}
.lst_news_notice li .notice_tit .tit_dsc{display:inline-block;overflow:hidden;max-width:510px;font-size:14px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}
.lst_news_notice li .notice_tit:hover .tit_dsc{text-decoration:underline}
.lst_news_notice li .date{display:inline-block;margin-left:8px;font-size:14px;color:#575757;vertical-align:middle}
.group_news_aside{display:inline-block;width:230px;margin-left:70px;vertical-align:top}
.news_file{position:relative;margin-bottom:30px}
.news_file .tit{padding-bottom:10px;font-size:17px;font-weight:700;color:#171717;letter-spacing:-1px}
.news_file .btn_link{top:3px}
.news_file .lst_news{margin-top:4px;padding-bottom:34px;border-bottom:1px solid #f1f1f1}
.lst_news li{position:relative;padding-left:8px}
.lst_news li:hover{text-decoration:underline}
.lst_news li:before{position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#b7b7b7;content:''}
.lst_news li + li{margin-top:8px}
.lst_news li .news_tit{display:block;overflow:hidden;padding-right:40px;color:#575757;font-size:15px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}
.lst_news li .news_tit .num{position:absolute;top:0;right:0;font-size:13px;color:#3577f8;line-height:22px;text-align:right}
.news_file_none{padding:82px 0 90px;border:1px solid #e9e9e9;text-align:center}
.news_file_none .dsc{display:block;position:relative;padding-top:46px;font-size:14px;color:#b7b7b7;letter-spacing:-.5px}
.news_file_none .dsc:before{position:absolute;top:0;left:50%;width:37px;height:40px;margin-left:-19px;background-position:-86px -16px;content:''}
.news_point .tit{padding-bottom:12px;font-size:17px;font-weight:700;color:#171717;letter-spacing:-1px}
.news_point .tit .dsc{display:inline-block;float:right;margin-top:3px;font-size:13px;color:#919191;font-weight:400;letter-spacing:-.5px}
.news_point .point_tit{display:block;font-size:14px;color:#171717;text-align:center}
.news_point .point_tit em{font-size:22px}
.news_point .point_txt{display:block;margin-top:7px;font-size:12px;color:#adadad;line-height:18px;text-align:center}
.news_point .em{display:block;font-size:30px;color:#3577f8;line-height:36px;text-align:center}
.news_point .btn_point{position:relative;width:100%;margin-top:14px;height:44px;border-radius:6px;background-color:rgba(247, 250, 255, 0.6);font-size:14px;font-weight:700;line-height:41px}
.news_point .btn_point .ico_arrow2{position:absolute;top:50%;right:15px;margin-top:-7px}
.news_point .news_point_info{height:120px;text-align:center}
.news_point .news_point_info:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.news_point .news_point_info .bx_point{display:inline-block;vertical-align:middle}

/* temp,free 소개 영역 */
.area_info {width:100%}
.area_info [class^="cont_info"] {min-height:452px;box-sizing:border-box}
.area_info .cont_info1 {min-height:356px;padding:100px 0;background:#fff}
.area_info.free .cont_info1 {background:#f9fafd}
.area_info .cont_info1 .inner {position:relative;text-align:center}
.area_info [class^="cont_info"].cont_info1 .desc {padding:0;font-size:28px;line-height:40px}
.area_info .cont_info1 .desc .point_txt{color:#3577f8}
.area_info .cont_info1 .inner .link{display:inline-block;min-width:153px;height:46px;margin-top:30px;border:1px solid #3577f8;font-weight:bold;font-size:14px;line-height:46px;color:#3577f8;text-align:center}

.area_info [class^="cont_info"] .desc {padding:190px 0;font-weight:bold;font-size:24px;line-height:36px;color:#222}
.area_info .cont_info2 {background:#394177}
.area_info .cont_info2 .desc {float:right;color:#fff}
.area_info .cont_info2 .inner::after {position:absolute;left:0;top:66px;width:555px;height:359px;background:url(../img/cont_info2@2x.png) no-repeat 0 0;background-size:555px auto;content:""}
.area_info .cont_info3 {background:#fff}
.area_info .cont_info3 .inner::after {position:absolute;right:0;top:78px;width:566px;height:374px;background:url(../img/cont_info3@2x.png) no-repeat 0 0;background-size:566px auto;content:""}
.area_info .cont_info4 {background:#f2f4fa}
.area_info .cont_info4 .desc {float:right}
.area_info .cont_info4 .inner::after {position:absolute;left:0;top:67px;width:651px;height:385px;background:url(../img/cont_info4@2x.png) no-repeat 0 0;background-size:651px auto;content:""}
.area_info .cont_info5 {background:#fff}
.area_info .cont_info5 .inner::after {position:absolute;right:0;top:84px;width:583px;height:378px;background:url(../img/cont_info5@2x.png) no-repeat 0 0;background-size:583px auto;content:""}

.area_news_notice{background-color:#fafbfd}
.area_news_notice .inner{padding:61px 27px 64px}
.area_news_notice .tit{font-size:17px;font-weight:700;color:#171717}

.bx_news_content{display:flex;display:-ms-flexbox}
.bx_news_content .news_tit_area{position:relative;min-width:250px;padding:12px 10px 0 0;box-sizing:border-box}
.bx_news_content .btn_link{display:inline-block;position:static;margin-top:8px;font-size:14px;text-decoration:underline;letter-spacing:0}
.bx_news_content .desc {margin-top:3px;font-size:13px;line-height:19px;letter-spacing:-.5px;color:#919191}
.news_graph .bx_graph{display:block;position:relative;width:auto;height:auto;text-align:center}
.bx_graph .graph_dsc{display:block;position:relative;margin-top:0;font-size:15px;color:#171717;font-weight:300;line-height:20px;letter-spacing:0;z-index:10}
.bx_graph .graph_dsc:after{content:'';display:block;clear:both}

.bx_news_content.data_none .news_dsc_bx .btn_bx .news_btn:after{width:7px;height:12px;right:23px;margin-top:-7px;background-position:-148px -43px}
.bx_news_content.data_none .percent_txt{color:#b3b3b3}
.bx_news_content.data_none .graph_info_txt{color:#b3b3b3}
.bx_news_content.data_none .news_dsc_bx .btn_bx .news_btn{width:169px;padding:12px 22px 18px 27px;border-radius:6px}
.group_news_content.type2{display:flex;display:-ms-flexbox;margin-left:-101px}
.group_news_content.type2 .bx_graph .graph_dsc .percent_txt{font-size:30px}
.group_news_content.type2 .bx_graph .graph_dsc .percent_txt .percent{font-size:30px}
.group_news_content.type2 .bx_news_content .news_tit_area,
.group_news_content.type3 .bx_news_content .news_tit_area{min-width:auto;padding-right:0}
.group_news_content.type2 .news_graph{width:100%;padding-bottom:0;margin-top:26px}
.group_news_content.type2 .bx_news_content .news_graph .btn_link {position:static;float:right;margin:12px 0 -32px 0}
.group_news_content.type2 .news_dsc_bx .btn_bx,
.group_news_content.type3 .news_dsc_bx .btn_bx{margin-top:0}
.group_news_content.type2 .bx_news_content{display:block;flex:1;margin-left:101px}
.group_news_content.type2 .bx_news_content .tit{padding:0}
.group_news_content.type2 .bx_news_content .desc{margin-bottom:-22px}
.group_news_content.type2 .bx_news_content .desc br {display:none}
.group_news_content.type2 .bx_news_content .btn_link,
.group_news_content.type3 .bx_news_content .btn_link{display:block;position:absolute;top:auto;right:0;bottom:0;margin:0}
.bx_news_content.student .graph_dsc .percent_txt{color:#00c1df}
.bx_news_content.student .graph_bg .graph_fill{background-color:#00c1df}
.bx_news_content.teacher .graph_dsc .percent_txt{color:#3577f8}
.bx_news_content.teacher .graph_bg .graph_fill{background-color:#3577f8}
.group_news_content.type2 .bx_graph .graph_info_txt{margin-top:18px}
.group_news_content.type2 .news_dsc_bx .btn_bx .news_btn{width:100%;padding:12px 16px; border-radius:10px;font-size:14px;}
.group_news_content.type2 .bx_news_content.data_none .news_dsc_bx .btn_bx .news_btn{padding-left:32px}
.bx_news_content.student .point_txt{color:#00c1df}
.group_news_content.type2 .bx_news_content .news_dsc_bx .btn_bx .news_btn.type1,
.group_news_content.type3 .bx_news_content .news_dsc_bx .btn_bx .news_btn.type1{border-color:#3577f8;background-color:#fafbff;color:#3577f8}
.group_news_content.type2 .bx_news_content .news_dsc_bx .btn_bx .news_btn.type3,
.group_news_content.type3 .bx_news_content .news_dsc_bx .btn_bx .news_btn.type3{border-color:#00c1df;background-color:#f7feff;color:#00a7c1}
.group_news_content.type2 .bx_news_content .news_dsc_bx .btn_bx .news_btn .dsc_btn{letter-spacing:0}
.group_news_content.type2 .bx_news_content.data_none .news_dsc_bx .btn_bx .news_btn .dsc_btn,
.group_news_content.type3 .bx_news_content.data_none .news_dsc_bx .btn_bx .news_btn .dsc_btn{padding-left:0;letter-spacing:-.5px}
.group_news_content.type2 .bx_news_content.data_none .news_dsc_bx .btn_bx .news_btn:before,
.group_news_content.type3 .bx_news_content.data_none .news_dsc_bx .btn_bx .news_btn:before{content:none}
.bx_news_content.teacher .point_txt{color:#3577f8}
.group_news_content.type2 .news_dsc_bx{margin-top:58px}
.group_news_content.type3 .news_dsc_bx{margin-top:28px}
.group_news_content.type2 .news_dsc_bx .btn_bx .news_btn:after,
.group_news_content.type3 .news_dsc_bx .btn_bx .news_btn:after{width:20px;height:21px;margin-top:-8px;background-position:-85px -43px}
.group_news_content.type2 .news_dsc_bx .btn_bx .news_btn:after{right:16px;margin-top:-11px}
.group_news_content.type2 .news_dsc_bx .btn_bx .news_btn.type1:after,
.group_news_content.type3 .news_dsc_bx .btn_bx .news_btn.type1:after{background-position:-106px -43px; transform: scale(0.7);}
.group_news_content.type2 .news_dsc_bx .btn_bx .news_btn.type2:after,
.group_news_content.type3 .news_dsc_bx .btn_bx .news_btn.type2:after{background-position:-64px -43px; transform: scale(0.7);}
.group_news_content.type2 .news_dsc_bx .btn_bx .news_btn.type3:after,
.group_news_content.type3 .news_dsc_bx .btn_bx .news_btn.type3:after{background-position:-127px -43px; transform: scale(0.7);}

.group_news_content.type3{display:flex;display:-ms-flexbox;margin-left:-68px}
.group_news_content.type3 .bx_news_content{display:block;flex:1;margin-left:68px}
.group_news_content.type3 .bx_news_content .btn_link{letter-spacing:-.58px}
.group_news_content.type3 .bx_news_content .desc {margin-bottom:-22px}
.group_news_content.type3 .bx_news_content .desc br {display:none}
.group_news_content.type3 .news_graph{position:relative;width:100%;margin-top:26px;padding-bottom:0}
.group_news_content.type3 .bx_news_content .news_graph .btn_link{display:inline-block;position:absolute;right:0;top:10px;bottom:auto;z-index:10;}
.group_news_content.type3 .news_dsc_bx {margin-top:32px}
.group_news_content.type3 .bx_graph {height:91px}
.group_news_content.type3 .bx_graph .graph_dsc .percent_txt{font-size:26px}
.group_news_content.type3 .bx_graph .graph_dsc .percent_txt .percent{font-size:26px}
.group_news_content.type3 .bx_graph .graph_info_txt{float:none;text-align:left;font-size:15px;margin:10px 0 0 0}
.group_news_content.type3 .news_dsc_bx .btn_bx .news_btn{width:100%;border-radius:10px}
.group_news_content.type3 .news_dsc_bx .btn_bx .news_btn .dsc_btn{font-size:14px;letter-spacing:-.5px}
.group_news_content.type3 .bx_news_content .news_dsc_bx .btn_bx .news_btn:before{top:10px;left:7px}
.group_news_content.type3 .news_dsc_bx .btn_bx .news_btn:after{right:21px;margin-top:-11px}

.group_news_content.type2.data_none .news_graph,
.group_news_content.type3.data_none .news_graph{margin-top:24px}
.group_news_content.type2.data_none .news_dsc_bx {margin-top:27px}
.group_news_content.type3.data_none .news_dsc_bx{margin-top:0px}

.lst_download_wrap{margin-top:33px}
.lst_download_wrap .title_download{font-size:14px;line-height:30px;color:#171717;font-weight:700}
.lst_download_wrap .lst_download{margin-top:1px}
.lst_download_wrap .lst_download .link_download{color:#3577f8;font-size:16px;text-decoration:underline;line-height:30px}
.lst_download_wrap .lst_download .link_item+.link_item{margin-top:2px}

/* 미리보기 팝업 */
.area_preview{width:397px}
.area_preview .header{height:54px;padding:11px 24px 0;background-color:#00ce53;box-sizing:border-box}
.area_preview.student .header{background-color:#00c1df}
.area_preview .logo_school{width:86px;height:16px;margin-top:7px;;background:url(../img/sp.png) no-repeat -54px -470px}
.area_preview.student .logo_school{width:135px;height:20px;background-position:-54px -490px}
.area_preview .nav_page{display:block;float:right;width:122px;height:32px;border:1px solid #fff;border-radius:6px;text-align:center;font-size:12px;color:#fff;line-height:30px}

/* 브라우저 업그레이드 */
.bx_upgrade{position:relative;height:160px;background-color:#364c77}
.bx_upgrade .bx_txt{padding:38px 0 0 74px}
.bx_upgrade .bx_txt:before{display:block;position:absolute;top:51px;left:40px;width:52px;height:50px;background:url('../img/sp.png') no-repeat -225px -79px;content:''}
.bx_upgrade .bx_txt strong{display:block;font-size:20px;letter-spacing:-1.3px;color:#fff;font-weight:700}
.bx_upgrade .bx_txt p{margin-top:6px;font-size:14px;line-height:21px;color:rgba(255,255,255,0.8)}
.bx_upgrade .btn_link{top:53px;right:39px;width:184px;height:47px;margin-left:290px;border:1px solid #fff;font-size:15px;color:#fff;line-height:45px;text-align:center}
.bx_upgrade .btn_link .ico_arrow{margin-left:21px;border-color:#fff}

/* 메인 > 탑배너 */
.bx_topbanner{height:80px}
.bx_topbanner .bx_img{display:block}
.bx_topbanner .bx_img img{display:block;width:100%;height:auto}
.bx_topbanner .btn_close{position:absolute;top:0;right:15px;padding:12px}
.bx_topbanner .btn_close .sp{display:block;width:15px;height:15px;background-position:-121px -119px}

/* 메인 > 이미지 배너 (스승의 날) */
.area_event_banner .inner{display:flex;justify-content:space-between;padding:0}
.area_event_banner .img_banner{flex-shrink:0;}
.area_event_banner .img_banner img{width:100%}
.area_event_banner .area_banner_txt{padding:23px 27px 40px;word-break:keep-all;word-wrap:break-word}
.area_event_banner .banner_text{font-size:26px;line-height:40px}
.area_event_banner .banner_text_sm{display:block;margin-top:21px;font-size:18px;letter-spacing:-1.0px}
.area_event_banner .point{color:#e26979}

/* 02. 로그인, 회원가입, 재직확인 --------------------------- */
/* 02. 로그인, 회원가입, 재직확인 common */
.member .bx_txt_m, .member .sub_tit_m, .member .tit_dsc_m, .member .bx_info_m, .member .bx_align_m, .member .txt_notice_m, .member .bx_select_m{display:none} /* 모바일 영역 display:none 처리 */

/* 회원가입 상단 UI */
.wrap.member .bx_input{display:block}
.member .logo .sp,.member .manager .logo .sp,.sub_login .etc_link .bx_ip_chk .input_chk + label:after,.select_reset a::after,.sub_find_login .bx_file_view .file_name::before,.sub_find_login .bx_file_view .btn_delete .sp,.manager .area_shortcut .btn2::before,.sub_apply .area_board .board_add button .sp{display:block;background-image:url(../img/sp_new.png);background-repeat:no-repeat;font-size:0}
.member .logo{display:block;padding:0}
.member .logo .sp{width:238px;height:34px;margin:0 auto;padding:0;background-position:0 0}
.member .manager .logo .sp{display:block;width:238px;height:34px;background-position:0 0}
.member .sub_tit{display:block;font-size:34px;font-weight:normal;color:#404040;line-height:41px;text-align:center}
.member .sub_tit em{font-weight:700}
.member .logo + .sub_tit{margin-top:60px}
.member .tit_dsc{margin:5px -30px 0;font-size:17px;color:#545454;line-height:25px;letter-spacing:-.5px;text-align:center}
.member .tit_dsc em{font-size:13px;letter-spacing:-1px}
.member .form_tit{margin:50px 0 15px;font-size:18px;font-weight:700;color:#545454}
.member .form_tit:first-of-type{margin-top:0}
.member .bx_form_tit{position:relative}
.member .bx_form_tit .bx_right{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.member .bx_form_tit .bx_btn_switch{margin-top:-10px}
.member .bx_input.add_btn.timer{padding-right:185px}
.member .bx_input.add_btn.error .dsc_notice{margin-top:-22px}
.member .bx_input label{color:#a8abb3}
.member .input_txt:disabled + label{color:#d1d1d1}
.member .bx_btn{margin-top:10px}
.member .bx_btn .btn, .member .bx_btn .btn2, .member .bx_btn .btn3{width:100%;height:62px;font-size:18px;line-height:60px;font-weight:700}
.member .bx_btn.type2 li{display:inline-block;vertical-align:middle}
.member .bx_btn.type2 .btn_l{width:225px}
.member .bx_btn.type2 .btn{margin-left:10px;background-color:#fff;color:#666}
.member .bx_info{overflow:hidden;margin-top:35px;padding:38px 20px 39px;border:1px solid #e0e0e0;box-sizing:border-box;text-align:center}
.member .bx_info em{display:inline-block;font-weight:700;vertical-align:middle}
.member .bx_info .lst_info{display:inline-block;font-size:16px;color:#545454;line-height:34px;text-align:left;vertical-align:middle}
.member .bx_info .lst_info dt{float:left;width:120px;margin-right:12px;font-weight:700}
.member .bx_info .lst_info dd{overflow:hidden}
.member .bx_info .bx_tit{color:#545454;font-size:17px}
.member .bx_info .bx_tit+.dsc{margin-top:6px}
.member .bx_info .dsc{display:inline-block;width:100%;font-size:15px;line-height:24px;color:#545454;vertical-align:middle}

.member .bx_txt{margin-top:46px;padding:30px 0;border-top:1px solid #bfbfbf;border-bottom:1px solid #f2f2f2;text-align:center}
.member .bx_txt .dsc{line-height:28px;color:#666}
.member .bx_txt .dsc em{font-weight:700}
.member .bx_align{margin-top:40px;border:1px solid #e0e0e0;background-color:#fff}
.member .bx_align:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.member .lst_info{display:inline-block;font-size:16px;color:#545454;text-align:left;vertical-align:middle}
.member .lst_info dt:first-of-type,
.member .lst_info dd:first-of-type{margin-top:0}
.member .lst_info dt{float:left;margin-top:10px;min-width:98px;font-weight:700}
.member .lst_info dd{overflow:hidden;margin-top:10px}
.member .lst_info dd .logo_iamteacher {display:inline-block;width:97px;height:14px;margin:5px 2px 0 0;vertical-align:top;background:url(../img/sp.png) no-repeat -380px -530px}
.member .lst_info dd .txt_id {display:inline-block;overflow:hidden;max-width:150px;margin:3px 9px 0 0;line-height:18px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}
.member .lst_info dd .logo_walespace {display:inline-block;vertical-align:top}
.member .lst_info dd .logo_walespace::before {display:inline-block;width:25px;height:20px;margin:3px 5px 0 0;vertical-align:top;background:url(../img/sp.png) no-repeat -340px -560px;content:""}
.member .dsc_complete{margin-top:20px;font-size:14px;line-height:20px;color:#575757;text-align:center}
.member .copyright{position:absolute;display:block;width:100%;left:0;bottom:90px;margin:0 auto;font-size:12px;font-weight:400;color:#666;letter-spacing:-0.5px;text-align:center}
.member .copyright strong{font-weight:700}
.area_school .bx_logo{display:inline-block;position:relative;width:64px;height:64px;margin-right:8px;vertical-align:middle}
.area_school .bx_logo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%}
.area_school .bx_address{display:inline-block;width:250px;vertical-align:middle}
.area_school .bx_address span{display:block;font-size:15px;line-height:20px}
.area_school .bx_address .school{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.area_school .bx_address .address{margin-top:6px;color:#999}
.area_school .btn{position:absolute;top:50%;right:0;width:120px;height:50px;font-size:15px;font-weight:normal;line-height:48px;transform:translateY(-50%)}

/* 로그인 */
.sub_login form,.sub_login_manager form{margin-top:40px}
.sub_login .bx_input{margin-top:10px}
.sub_login .bx_input:first-of-type{margin-top:0}
.sub_login .bx_btn button{display: flex;width: 460px;height: 60px;padding: 0px 20px;justify-content: center;align-items: center;flex-shrink: 0;cursor: inherit;border: none;border-radius: 6px;color: #999;background: #E6E6E6;}
.sub_login .etc_link{position:relative;margin-top:20px}
.sub_login .etc_link .bx_input_chk label{padding-left:30px}
.sub_login .etc_link + .bx_btn{margin-top:50px}
.sub_login .etc_link .bx_ip_chk{position:absolute;right:0}
.sub_login .etc_link .bx_ip_chk a{display:inline-block;margin-right:10px;color:#545454}
.sub_login .etc_link .bx_ip_chk .input_chk + label:after{left:auto;right:0;width:29px;height:13px;margin-top:-12px;background-position:0 -36px}
.sub_login .etc_link .bx_ip_chk .input_chk:checked + label:after{background-position:-31px -36px}
.sub_login .etc_link2{position:relative;margin-top:30px;text-align:center}
.sub_login .lst_link li{display:inline-block;vertical-align:middle}
.sub_login .lst_link li:before{display:inline-block;width:2px;height:12px;margin:0 8px;background-color:#dbdbdb;vertical-align:middle;content:''}
.sub_login .lst_link li:first-child:before{display:none}
.sub_login .lst_link li a{display:inline-block;font-size:14px;color:#545454;vertical-align:middle}
.sub_login .lst_link li a:hover{text-decoration:underline}
.sub_login .bx_btn .btn{margin-top:10px}
.sub_login_mail form{margin-top:55px}
.sub_login_mail .bx_btn{margin-top:38px}
.sub_login_phone .group_full{margin-top:55px}
.sub_find_login form{margin-top:50px}
.sub_find_login .bx_align{height:120px;padding:0 40px;text-align:center}
.sub_find_login .bx_align .dsc{display:inline-block;font-size:20px;font-weight:700;color:#545454;line-height:28px;vertical-align:middle}
.sub_find_login .bx_btn{margin-top:50px}
.sub_find_login .bx_find.v2{margin-top:30px;padding-top:30px;border-top:1px solid #f4f4f4}
.sub_find_login .bx_find .bx_input_rdo{margin-bottom:20px}
.sub_find_login .bx_find .bx_input_rdo .input_lbl{font-size:17px}
.sub_find_login .bx_find .bx_input.disabled{border:1px solid #f0f0f0}
.sub_find_login .lst_info.mail_info dt{font-weight:normal;min-width:138px}
.sub_find_login .lst_info.mail_info dd{font-weight:bold;}
/* 비밀번호 재설정 */
.sub_find_reset .group_full{margin-top:50px}
.sub_find_reset .bx_align{height:auto;padding:14px 20px 16px;border-color:#ced4e0}
.sub_find_reset .bx_btn{margin-top:30px}
.sub_find_reset .bx_btn+.txt_notice{margin-top:24px}
.sub_find_reset .txt_notice .btn_link{text-decoration:underline}

.select_reset{margin-top:40px}
.select_reset a{position:relative;display:block;width:460px;height:105px;margin-top:20px;padding:24px 0 0 30px;border:1px solid #d9d9d9;background-color:#fff;box-sizing:border-box;color:#545454}
.select_reset a::after{content:'';position:absolute;right:30px;top:50%;width:10px;height:16px;margin-top:-7px;background-position:-240px 0}
.select_reset a strong{display:block;margin-bottom:3px;font-size:18px;font-weight:700}
.select_reset a span{display:block;margin-top:-3px;color:#808080;font-size:15px}
.stit_area{margin:37px 0 20px;color:#545454}
.stit_area .form_tit{margin:0}
.stit_area .form_tit span{font-size:14px;line-height:22px;font-weight:normal}
.stit_area .form_tit .sm_text{margin-left:6px;font-weight:normal;vertical-align:2px}
.stit_area .dsc{font-size:16px}
.stit_area .dsc2{margin-top:7px;font-size:15px;color:#565b66;line-height:20px}

.sub_find_login .bx_file .btn{width:100%;height:54px;background-color:#fff;font-size:17px;color:#666}
.sub_find_login .bx_file_view{position:relative;width:100%;height:54px;background-color:#f2f4f7}
.sub_find_login .bx_file_view .file_name{display:block;padding-left:20px;font-size:16px;color:#666;line-height:53px}
.sub_find_login .bx_file_view .file_name::before{content:'';display:inline-block;width:17px;height:16px;margin:-3px 5px 0 0;background-position:-240px -18px;vertical-align:middle}
.sub_find_login .bx_file_view .btn_delete{position:absolute;right:11px;top:11px;padding:9px;font-size:0}
.sub_find_login .bx_file_view .btn_delete .sp{width:12px;height:12px;background-position:-252px 0}
.sub_find_login .txt_notice{padding-left:20px;text-indent:-20px}
.sub_find_login .txt_notice .ico_notice{margin-right:3px}
.sub_find_doc .bx_align{height:auto;padding:25px 40px}
.sub_find_doc .bx_align dt{min-width:170px}
/* 학교관리자 */
.manager .txt_error{margin-top:10px}
.manager .area_school{margin-bottom:18px}
.manager .area_school .bx_logo{width:43px;height:43px}
.manager .area_school .bx_address span{font-size:20px;font-weight:700}
.manager .lst_link li a{color:#2b2d33}
.manager .area_shortcut{margin-top:39px;padding-top:39px;border-top:1px solid #dde3f0}
.manager .area_shortcut .btn2{width:100%;height:62px;border:1px dashed #3577f8;background-color:#fff;font-size:16px;font-weight:700;color:#3577f8}
.manager .area_shortcut .btn2::before{content:'';display:inline-block;width:26px;height:18px;margin:-3px 6px 0 0;background-position:-266px 0;vertical-align:middle}
.manager .area_shortcut .txt{margin-top:13px;font-size:13px;color:#697386}
.manager .area_shortcut .txt strong{font-weight:700}
.manager .bx_btn{margin-top:30px}

/* 관리자 로그인 - 학교 검색 */
.institute .logo{display:flex;justify-content:center;align-items:center;}
.institute .logo .logo_teacher{margin: 4px !important;width:136px;height:34px;background:url(../img/logo_iamteacher_2024.svg) no-repeat 0 0;background-size: 136px 34px;content:''}
.institute .logo_sub_tit{justify-content:center;align-items:center;margin-left:10px;text-align:center;display:inline-block;padding:6px 15px 7px 16px;font-size:13px;color:#1d65f2;font-weight:700;line-height:19px;border:1.5px solid #3577f8;border-radius:100px}

/* 자동완성 */
.bx_words{position:relative}
.bx_words .bx_input .btn_delete{position:absolute;right:11px;top:11px;z-index:1;padding:9px;font-size:0}
.bx_words .bx_input .btn_delete .sp{width:13px;height:12px;background-position:-244px -40px}

/* 회원가입 */
.sub_join form{margin-top:50px}
.sub_join .txt_notice{margin-bottom:30px}
.sub_join .view_mobile{display:none}
.sub_join .bx_input.m_email{display:none}
.agreed_area{margin-top:30px;border:1px solid #e7e7e7;background-color:#fff}
.agreed_area.error{border-color:#ff5c5c}
.agreed_area .bx_input_chk{display:block}
.agreed_area .agreed_all{padding:20px 18px}
.agreed_area .agreed_lst{padding:25px 18px 28px;border-top:1px solid #f2f2f2}
.agreed_area .agreed_lst li + li{margin-top:22px}
.agreed_area .agreed_cnt{overflow-y:scroll;width:458px;height:188px;padding:20px 10px 10px 20px;border-top:1px solid #f2f2f2;box-sizing:border-box}
.agreed_area .agreed_cnt p{padding-bottom:10px;font-size:15px;color:#8c8c8c;line-height:22px}
.agreed_lst .btn_link{top:50%;right:4px;margin-top:-10px;font-size:14px}
.agreed_lst .btn_link .ico_arrow{margin-left:5px}
.sub_join .agreed_lst .txt_error{margin-bottom:-3px}
.sub_join .bx_btn{margin-top:50px}
.sub_join .bx_select .btn_select.select_write{padding-right:0}
.sub_join_complete .bx_align{padding:30px 40px;box-sizing:border-box}
.sub_join_complete .bx_info{height:164px}
.sub_join_complete .bx_btn{margin-top:45px}
.sub_login_teacher{width:460px;margin:0 auto}
.sub_login_teacher form{margin-top:40px}
.sub_login_teacher .bx_select.class_info{display:block;width:auto}
.sub_login_teacher .btn_search{width:120px}
.sub_login_teacher .bx_input_rdo + .bx_input_rdo{margin:0 0 0 35px}
.sub_login_teacher .area_school_m{display:none}
.sub_login_teacher .area_choice2{margin-top:25px}
.sub_login_teacher .area_choice2 .bx_input{margin-top:15px}
.sub_login_teacher .area_school{position:relative;height:64px;padding-right:120px}
.sub_login_teacher .bx_select{display:inline-block;width:226px;margin-left:8px;vertical-align:top}
.sub_login_teacher .bx_select:first-of-type{margin:0}
.sub_login_teacher .bx_select .bx_input{margin:0}
.member .stit_area button.error,.member .bx_file button.error{border-color:#ff5c5c}
.member .btn_certificate{width:100%;margin-top:15px;background-color:#fff;font-weight:normal}
.member .btn_certificate .ico_check{display:none;margin:-7px 8px 0 0}
.member .btn2.btn_certificate .ico_check{display:inline-block}
.sub_login_teacher .bx_btn{margin-top:50px}
.sub_login_teacher + .copyright{display:none}
.sub_info_bridge{display:flex;height:calc(100% - 50px) !important;align-items:center;justify-content:center;height:100%;flex-direction:column;}
.sub_info_bridge .bx_guide_txt{width:706px;padding:26px 0 24px;background-color:#f8f8f8;font-size:17px;line-height:25px;text-align:center;}
.sub_info_bridge .bx_btn{margin-top:20px}
.sub_info_bridge .bx_btn .btn3{width:189px;height:54px;line-height:52px;font-size:17px}
.sub_info_bridge .txt_cs{text-align:center;font-size:12px;color:#666;line-height:22px;margin-top:60px}

/* 학교관리자 신청하기 */
.sub_apply .group_full{margin-top:13px}
.sub_apply .group_full.v2{margin-top:20px}
.sub_apply .bx_select{background-color:#fff}
.sub_apply .agreed_area{margin-top:20px}
.sub_apply .tit_dsc ~ .txt_notice {margin-top:40px}
.add_area{margin-top:20px;padding:25px;border:1px solid #ced4e0;background-color:#fff;box-sizing:border-box}
.add_area .form_tit{font-size:17px;color:#565b66}
.sub_apply .area_choice .bx_input_rdo{width:165px}
.sub_apply .area_choice2{margin-top:28px;padding-top:2px;border-top:1px solid #e2e6ed}
.sub_apply .area_choice2 .bx_input_chk{display:block;margin-top:18px}
.sub_apply .area_board{margin-top:18px}
.sub_apply .area_board .board_add{position:relative;margin-top:10px;padding-right:32px}
.sub_apply .area_board .board_add .bx_input{margin-top:-1px}
.sub_apply .area_board .board_add .bx_input:first-child{margin-top:0}
.sub_apply .area_board .board_add button{position:absolute;right:0;top:0}
.sub_apply .area_board .board_add button .sp{display:block;width:26px;height:26px}
.sub_apply .area_board .board_add .btn_del .sp{background-position:-294px 0}
.sub_apply .area_board .board_add .btn_add .sp{background-position:-322px 0}
.sub_apply .tbl_class{width:100%;border-collapse:collapse;background-color:#fff;border:1px solid #ced4e0}
.sub_apply .tbl_class th{width:16.6%;height:44px;font-size:17px;font-weight:normal;color:#565b66;text-align:center}
.sub_apply .tbl_class td{height:55px;border-top:1px solid #e2e6ed;border-left:1px solid #e2e6ed;font-size:15px;color:#565b66;text-align:center}
.sub_apply .tbl_class td:first-child{border-left:none}
.sub_apply .tbl_class .input_txt{display:inline-block;width:20px;margin-right:5px;padding:0;font-size:15px;text-align:right}
.sub_apply .tbl_class .input_txt::placeholder{color:#ced4e0;opacity:1}
.sub_apply .tbl_class .input_txt:-ms-input-placeholder,.sub_apply .tbl_class .input_txt::-ms-input-placeholder{color:#ced4e0}
.sub_apply .tbl_class.v2 th{width:33.3%}
.sub_apply .tbl_area.error{border:1px solid #fe6363}
.sub_apply .tbl_area.error .tbl_class{border:none}

/* 회원정보수정 */
.admin_content .content_inner .content_tit{font-size:28px;font-weight:700;color:#222;line-height:38px}
.modify_pw{width:400px;margin:105px auto 0}
.modify_pw .sub_tit{font-size:26px;line-height:38px}
.modify_pw .tit_dsc{margin-top:3px;font-size:16px;line-height:24px}
.modify_pw form{margin-top:40px}
.modify_pw .bx_btn{margin-top:15px}
.modify_pw .bx_input{display:block}
.sub_member_info .tit_dsc{font-size:16px;margin-top:10px;margin-left:0px;text-align:left;}
.sub_member_info .form_tit{margin-top:65px;padding-bottom:10px;border-bottom:1px solid #bfbfbf;font-size:18px;font-weight:700;color:#333}
.sub_member_info .form_tit:first-of-type{margin-top:45px}
.sub_member_info .bx_input{display:block}
.sub_member_info .bx_input.error{padding:0;line-height:normal}
.sub_member_info .lst_member{padding:30px 67px 30px 0;border-bottom:1px solid #f2f2f2}
.sub_member_info .lst_member:first-of-type{padding-top:15px}
.lst_member li{position:relative;font-size:0}
.lst_member li + li{margin-top:15px}
.lst_member .info_lbl{display:inline-block;width:180px;min-height:50px;font-size:15px;color:#808080;line-height:48px;vertical-align:top}
.lst_member .info_lbl:before{display:inline-block;width:2px;height:2px;margin:-3px 6px 0 5px;border-radius:50%;background:#808080;vertical-align:middle;content:''}
.lst_member .info_txt{display:inline-block;position:relative;width:calc(100% - 180px);min-height:50px;font-size:15px;color:#333;line-height:48px;vertical-align:top}
.lst_member .info_txt .txt_error{line-height:normal}
.lst_member .sub_email .select_write.on + .lst_select{display:block}
.lst_member .bx_input.add_btn{padding-right:154px}
.lst_member .bx_input.add_btn .btn{width:154px;font-size:15px}
.lst_member .bx_input .input_txt{padding:11px 15px 12px}
.lst_member .bx_input label{padding-left:15px;font-size:15px;line-height:48px}
.lst_member .btn_select .bx_input .input_txt{padding:0}
.lst_member .bx_select .btn_select{height:50px;padding-left:15px;font-size:15px;line-height:24px}
.lst_member .bx_select .lst_select li{line-height:normal}
.lst_member .bx_select .lst_select li a{padding:14px 15px;font-size:15px}
.lst_member .bx_select .btn_select.select_write{padding-left:0;line-height:normal}
.lst_member .bx_select .btn_select.select_write .input_txt{padding:11px 15px 12px}
.lst_member .bx_select .btn_select.select_write .input_txt + label{padding-left:15px}
.lst_member .lst_select li + li{margin-top:0}
.lst_member .area_choice{font-size:0}
.lst_member .area_choice:after{display:block;clear:both;content:''}
.lst_member .area_choice .bx_input_rdo + .bx_input_rdo,
.lst_member .area_choice .bx_input_chk + .bx_input_chk{margin-left:50px}
.lst_member .area_choice .bx_select{display:inline-block;width:225px;vertical-align:middle}
.lst_member .area_choice + .area_choice{margin:10px 0 15px}
.lst_member .area_choice .bx_select + .bx_select{margin-left:4px}
.lst_member .txt_status{font-size:14px;color:#3577f8}
.lst_member .txt_status + .area_choice{margin-top:-10px}
.lst_member .btn_certificate{display:block;width:100%;font-weight:normal}
.lst_member .btn_certificate .ico_check{display:none;margin:-3px 8px 0 0}
.lst_member .btn2.btn_certificate .ico_check{display:inline-block}
.lst_member.ad_agree .info_lbl, .lst_member.ad_agree .info_txt{min-height:auto;line-height:normal}
.lst_member + .txt_link{margin-top:30px}
.sub_member_info .area_school{margin-bottom:5px;font-size:0}
.sub_member_info .area_school .btn{width:100px;font-weight:bold}
.sub_member_info .area_school .btn,
.sub_member_info .bx_btn .btn_change, .sub_member_info .bx_btn .btn_change2{width:92px;height:auto;margin-top:-2px;padding:8px 10px 9px;font-size:13px;color:#666;line-height:normal;border-color:#b3b3b3}
.sub_member_info .bx_btn .btn_change2{margin-left:12px}
.sub_member_info .txt_link{display:inline-block;font-size:16px;color:#808080;text-decoration:underline}
.sub_member_info .txt_link .ico_arrow{margin:-3px 0 0 3px}
.sub_member_info .bx_btn{margin-top:90px;text-align:center}
.sub_member_info .bx_btn .btn3{width:253px;font-size:20px}
.sub_member_info .area_school .address{margin-top:2px}
.area_member_leave{position:relative;padding:38px 190px 38px 0;margin:47px 0 20px;border-top:1px solid #bfbfbf;border-bottom:1px solid #f2f2f2}
.area_member_leave .txt_notice{margin:0;font-size:18px;font-weight:700;color:#333}
.area_member_leave .txt_notice em{color:#3577f8}
.area_member_leave .ico_notice{margin:-2px 10px 0 0;vertical-align:middle}
.area_member_leave .btn2{position:absolute;top:50%;right:0;width:154px;font-weight:normal;transform:translateY(-50%)}

/* 회원탈퇴 */
/* .wrap.member .inner.sub_member_leave{width:710px;} */
.sub_member_leave .cont_member_leave{margin:0 -125px;}
.sub_member_leave .sub_tit{font-weight:300}
.sub_member_leave .progress{margin:35px 90px 115px}
.sub_member_leave .bx_info .info{font-size:16px}
.sub_member_leave .bx_input{margin-top:10px}
.sub_member_leave .bx_input:first-of-type{margin-top:0}
.sub_member_leave .bx_txt{padding:38px 12px 46px}
.sub_member_leave .bx_txt + .bx_input_chk{margin-top:22px}
.sub_member_leave .bx_txt .info_tit{display:block;font-size:17px;color:#333;font-weight:normal;text-align:left}
.sub_member_leave .bx_txt .lst_info{display:block;margin-top:33px}
.sub_member_leave .bx_txt .lst_info li{position:relative;padding-left:10px;margin-top:12px;color:#666;font-size:15px}
.sub_member_leave .bx_txt .lst_info li:first-child{margin-top:0}
.sub_member_leave .bx_txt .lst_info li:before{position:absolute;top:9px;left:0;width:4px;height:4px;margin-right:5px;border-radius:50%;background:#666;vertical-align:middle;content:''}

.sub_member_leave .lst_info .bx_lst_in{margin:12px 0 20px -10px;padding:27px 0 24px;text-align:center;background-color:#f7f9fb;vertical-align:middle;}
.sub_member_leave .lst_info .bx_lst_in img+img{margin-left:42px;}

.sub_member_leave .bx_input_chk label{color:#545454;font-size:17px;font-weight:normal}
.sub_member_leave .bx_btn{margin-top:30px}
.sub_member_leave .cont_member_leave + .bx_btn{margin-top:90px}

/* 안내 페이지 */
.sub_info{width:460px;margin:0 auto}
.sub_info .bx_txt2{display:none;margin-top:35px;padding:23px 10px 28px;border:1px solid #e0e0e0}
.sub_info .sub_tit2{display:none;font-size:24px;color:#404040;line-height:32px;text-align:center}
.sub_info .sub_tit2 em{font-weight:700}

/* 03. 학생등록 및 관리 --------------------------- */
.sub_student.inner{padding:40px 27px 0}
.sub_student .tit_dsc{position:relative;margin-top:15px;font-size:18px;color:#575757}
.sub_student .tit_dsc em{font-weight:700}
.sub_student .tit_dsc .btn_link{display:inline-block;position:relative;top:auto;right:auto;bottom:-1px;margin-left:5px;font-size:15px;color:#3577f8;letter-spacing:-.5px;vertical-align:top}
.sub_student .tit_dsc .btn_link .ico_arrow{margin:-3px 0 0 4px;vertical-align:middle}
.sub_student .tit_dsc .btn_link:hover{text-decoration:none}
.sub_student .tit_dsc .btn_link:after{position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:#3577f8;content:''}
.sub_student .area_tbl_tit{position:relative;margin:48px 0 15px;padding:17px 30% 0 0}
.member_sort .total{display:inline-block;font-size:16px;color:#171717;vertical-align:middle}
.member_sort .total .num{font-weight:700}
.member_sort .lst_sort{display:inline-block;font-size:0;vertical-align:middle}
.member_sort .lst_sort:before{display:inline-block;width:2px;height:14px;margin:3px 15px 0;background-color:#ececec;vertical-align:middle;content:''}
.member_sort .lst_sort li{display:inline-block;vertical-align:middle}
.member_sort .lst_sort li a{display:block;font-size:16px;color:#919191;letter-spacing:-1px}
.member_sort .lst_sort li.on a{font-weight:700;color:#171717}
.member_sort .lst_sort li + li{margin-left:15px}
.area_tbl_tit .txt_error{margin-top:0}
.area_tbl_tit .bx_btn{position:absolute;top:0;right:0}
.area_tbl_tit .bx_btn .btn_s{width:122px}
.area_tbl_tit .btn_save .ico_check{margin:-7px 10px 0 0}
.area_tbl_tit .btn_excel{color:#171717}
.area_tbl_tit .btn_excel .sp{display:inline-block;width:20px;height:18px;margin:-3px 3px 0 0;background-position:-178px -40px;vertical-align:middle}
.area_tbl_tit .btn_delete{color:#171717}
.area_tbl_tit .btn_delete .sp{display:inline-block;width:12px;height:14px;margin:-2px 5px 0 0;background-position:-188px 0;vertical-align:middle}
.area_tbl_tit .search_result{font-size:13px;line-height:22px}
.area_tbl_tit .search_result .point{color:#3577f8}
.area_tbl_tit .btn_excel:disabled .sp{opacity:.2}
.area_tbl_tit .area_desc{color:#575757;font-size:14px;line-height:22px}
.area_tbl_tit .area_desc .basic_bedge{margin-right:8px;line-height:normal;vertical-align:2px}
.area_tbl_tit .area_desc .point{font-weight:bold}
.area_tbl_tit .area_desc .btn_link{position:static;margin-left:2px}
.area_tbl_tit .area_desc .btn_link .ico_arrow{vertical-align:1px}
.btn.btn_invite{display:block;width:175px;height:40px;margin-top:18px;font-size:13px;line-height:38px}
.btn_invite .ico_arrow{margin-left:5px}

/* 04. 알림장&일정 --------------------------- */
/* 소식발송(구 알림장) > 피드 */
.inner.sub_notice{padding-bottom:70px}
.sub_notice .pagination{margin:30px 0}
.sub_notice .lst_tab{margin-top:50px}
.btn_notice_write .ico_plus_white{margin-right:4px;vertical-align:-1px;}
.btn_notice_write .ico_plus2{margin-right:4px}
.area_filter{position:relative;margin-top:60px}
.area_filter .bx_sorting{display:inline-block;width:140px;margin-top:8px}
.area_filter .bx_sorting + .bx_sorting{margin-left:15px}
.area_filter .member_sort{display:inline-block}

/* 소식발송(구 알림장) 필터 */
.sub_notice .area_filter{margin-top:30px}
.area_filter.type_bg{padding:20px 146px 20px 26px;background-color:#f8fafd}
.area_filter.type_bg .bx_btn{position:absolute;top:20px;right:26px;bottom:20px}
.area_filter.type_bg .bx_btn .btn_submit{width:100px;height:100%;font-size:15px;font-weight:bold;letter-spacing:-1.15px;background-color:#fff}
.area_filter.type_bg .bx_filter{display:flex;align-items:center}
.area_filter.type_bg .bx_filter+.bx_filter{margin-top:12px;padding-top:14px;border-top:1px solid #e6eaf0}
.area_filter.type_bg .bx_sorting2{flex-shrink:0;width:146px;background-color:#fff}
.area_filter.type_bg .bx_sorting2 .btn_select{width:100%;min-width:auto;height:auto;padding-top:8px;padding-bottom:9px;color:#919191;font-size:13px;line-height:normal;letter-spacing:-0.87px}
.area_filter.type_bg .bx_sorting2 .lst_select{width:100%;max-height:inherit}
.area_filter.type_bg .bx_sorting2 .lst_select li a{font-size:15px;letter-spacing:-1.0px}
.area_filter.type_bg .bx_sorting2+.bx_sorting2{margin-left:-1px;margin-right:10px}
.area_filter.type_bg .bx_filter_input{flex-shrink:0;margin-top:-2px}
.area_filter.type_bg .input_tit{display:inline-block;font-size:15px;vertical-align:middle}
.area_filter.type_bg .bx_input_rdo{margin-left:48px}
.area_filter.type_bg .bx_input_rdo+.bx_input_rdo{margin-left:34px}
.area_filter.type_bg .form_search{width:100%;}
.area_filter.type_bg .bx_input_search2{width:100%;background-color:#fff}
.area_filter.type_bg .bx_input_search2 .input_search{width:100%}
.area_filter.type_bg .bx_input_search2 .txt{vertical-align:0;}
.area_filter.type_bg .bx_input_chk{margin-top:-2px;margin-left:34px}
.area_filter.type_bg .bx_input_chk .input_chk.type4 + label{color:#222;font-size:14px}
.area_filter.type_bg .bx_input_chk .input_chk.type4:disabled + label{color:#a7a7a7}
.area_filter.type_bg .bx_input_chk .input_chk.type4 + label:after{margin-top:-7px}
.area_filter.type_bg .area_period{margin-left:28px}
.area_filter.type_bg .area_period:after{content:'';display:block;clear:both}
.area_filter.type_bg .area_period .bar{float:left;margin-top:6px;padding:0 10px;font-size:14px;line-height:22px;color:#919191}
.area_filter.type_bg .tui-datepicker-input {float:left;position:relative;width:150px;height:auto;box-sizing:border-box;border:1px solid #e9e9e9;background:#fff}
.area_filter.type_bg .tui-datepicker-input input{padding:7px 11px 9px 35px;color:#919191;font-size:14px;line-height:22px;box-sizing:border-box}
.area_filter.type_bg .tui-datepicker-input input:disabled{color:#a7a7a7;background-color:#fafafa}
.area_filter.type_bg .tui-datepicker-input .tui-ico-date{position:absolute;left:11px;top:50%;width:18px;height:17px;padding:0;margin-top:-9px;z-index:1;pointer-events:none}
.area_filter.type_bg .tui-datepicker-input.tui-has-focus .tui-ico-date .sp{width:100%;height:100%;background-position:-460px -500px}
.area_filter.type_bg .tui-datepicker{width:288px;padding:20px}
.area_filter.type_bg .tui-calendar-btn-prev-month,
.area_filter.type_bg .tui-calendar-btn-next-month{padding:0;font-size:0}
.area_filter.type_bg .tui-datepicker_calendar .tui-calendar .tui-calendar-header-inner{padding:0 8px}
.area_filter.type_bg .tui-calendar-btn-prev-month,
.area_filter.type_bg .tui-calendar-btn-next-month{width:20px;height:20px;margin-top:1px}
.area_filter.type_bg .tui-datepicker_calendar .tui-calendar .tui-calendar-title{font-size:14px;height:20px}
.area_filter.type_bg .tui-calendar td, .tui-calendar th{height:35px}
.area_filter.type_bg .tui-datepicker_calendar .tui-calendar td,
.area_filter.type_bg .tui-datepicker_calendar .tui-calendar th{font-size:12px}
.area_filter.type_bg #startpicker-container.tui-datepicker_calendar .tui-calendar td,
.area_filter.type_bg #endpicker-container.tui-datepicker_calendar .tui-calendar td{height:35px;line-height:35px}

/* 소식발송(구 알림장) 목록 */
.sub_notice .area_tbl_tit{position:relative;margin-top:60px;padding:3px 0}
.sub_notice .area_tbl_tit .btn_xs{width:auto;height:auto;color:#212121;padding:5px 12px 5px;line-height:normal}
.sub_notice .area_tbl_tit+.tbl_notice{margin-top:17px}
.sub_notice .tbl_notice{margin-top:60px}
.sub_notice .tbl_notice+.pagination{margin-top:40px}

/* 소식발송(구 알림장) 목록 표 */
.tbl_notice thead th {padding-bottom:12px;color:#8d8d8d;font-size:13px}
.tbl_notice td{padding-top:0;padding-bottom:0;height:74px}
.tbl_notice .subject{padding:0;text-align:left}
.tbl_notice .subject:first-child .subject_name{padding-left:30px}
.tbl_notice .subject .subject_name{overflow:hidden;display:block;padding:21px 20px;max-width:100%;color:#222;font-size:15px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap}
.tbl_notice .subject .basic_bedge{margin-right:8px;font-weight:normal;vertical-align:1px}
.tbl_notice .subject .subject_state{display:inline-block;margin-left:8px;vertical-align:middle}
.tbl_notice .txt_sm{color:#a9a9a9;font-size:13px;}
.tbl_notice .btn_check{max-width:96px;width:100%;padding:0;background-color:#fff}
.tbl_notice .btn_set_notice{min-width:100%;padding:0 5px;background-color:#fff}
.tbl_notice .bx_nodata{height:360px;border-bottom:0}
.tbl_notice .btn.is_disabled{color:#b7b7b7 !important;background-color:inherit !important;}

.tbl_notice .type_notice{background-color:#f8fafd}
.tbl_notice .type_del{background-color:#fafbfc}
.tbl_notice .type_del td{color:#a9a9a9}
.tbl_notice .type_del .subject{padding:0 20px}
.tbl_notice .type_del .subject .subject_name{display:inline-block;padding:0;color:#a9a9a9;text-decoration:line-through;vertical-align:middle}
.tbl_notice .type_del .btn:disabled{color:#b7b7b7 !important;background-color:#fcfcfc !important;border-color:#e9e9e9 !important}
.tbl_notice .type_del .subject:first-child{padding-left:30px}
.tbl_notice .type_del .subject:first-child .subject_name{padding-left:0}

/* 소식발송(구 알림장) 상세 */
.sub_notice_view{padding-bottom:53px}
.sub_notice_view .area_title .sub_tit{font-size:26px;line-height:38px}
.sub_notice_view .area_title .sub_tit .basic_bedge{font-weight:normal;line-height:normal;margin-right:10px;vertical-align:6px}
.sub_notice_view .survey_info{padding:32px 30px 10px;background-color:#f8fafd}
.sub_notice_view .survey_info li{height:39px}
.sub_notice_view .survey_info .btn_xs{margin-top:-2px}
.sub_notice_view .viewer_area{margin-top:24px;padding-top:0;padding-bottom:35px;border-top:0}
.sub_notice_view .viewer_area .articleViewer{color:#171717;}
.sub_notice_view .viewer_area .articleViewer p{font-size:17px;line-height:28px}
.sub_notice_view .viewer_btn_area{margin-top:30px}
.sub_notice_view .viewer_btn_area .new_btn_xs{margin-left:8px}
.sub_notice_view .viewer_area .bx_include_file .dsc{margin-top:30px}
.sub_notice_view .viewer_area .bx_include_file .lst_file.type_col03 >li{width:calc(33.33% - 10px)}

/* 소식발송(구 알림장) > 공지 순서 변경 팝업 */
.ly_notice_order .pop_contents{width:804px}
.ly_notice_order .pop_dsc3 .area_ico{display:inline-block;margin-right:4px;font-size:0;vertical-align:
  9px}
.ly_notice_order .pop_dsc3 .sp{vertical-align:top}
.ly_notice_order .pop_dsc3 .area_ico .ico_btm{margin-left:-1px}
.ly_notice_order .tbl_head{margin-top:20px}
.ly_notice_order .tbl_body td{padding:11px 0 12px}
.ly_notice_order .tbl_body .subject{padding-left:10px;padding-right:10px;text-align:left;font-weight:bold}
.ly_notice_order .tbl_body .subject .basic_bedge{margin-right:10px;padding-bottom:3px;font-weight:normal;vertical-align:1px}
.ly_notice_order .tbl_body .subject .subject_name{overflow:hidden;display:inline-block;max-width:100%;margin-top:2px;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.ly_notice_order .tbl_body .area_btn{font-size:0}
.ly_notice_order .tbl_body .area_btn button{vertical-align:middle}
.ly_notice_order .tbl_body .area_btn .sp{vertical-align:top}
.ly_notice_order .tbl_body .area_btn .btn_move_btm{margin-left:-1px}
.ly_notice_order .tbl_body .area_btn .btn_move_top:disabled .ico_top{background-position:-540px -472px}
.ly_notice_order .tbl_body .area_btn .btn_move_btm:disabled .ico_btm{background-position:-540px -472px}

/* 211012 소식발송(구 알림장) 개선 전 내용 시작 */
.area_notice{margin-top:75px}
.area_notice .group_notice_write{margin-top:60px}
.area_notice .group_notice_write:first-child{margin-top:0}
.group_notice_write .bx_nodata{height:400px;border-bottom:0}
.group_notice_write .date{display:inline-block;margin-top:-1px;font-size:17px;font-weight:700;color:#171717;vertical-align:top}
.group_notice_write .date .dsc{display:block;margin-top:2px;font-size:14px;color:#999}
.group_notice_write .date .dsc.txt_error{color:#ff5c5c}
.group_notice_write .bx_notice_feed{display:inline-block;width:calc(100% - 140px);margin-left:47px;padding-bottom:17px;border-bottom:1px solid #eee;vertical-align:top}
.bx_notice_feed .public{display:block;font-weight:700;font-size:16px;color:#171717;letter-spacing:-.5px}
.bx_notice_feed .public .btn{width:auto;height:23px;margin:1px 0 0 10px;padding:0 9px;font-size:11px;line-height:21px;vertical-align:top}
.bx_notice_feed .public .txt_del{color:#b7b7b7}
.bx_notice_feed .lst_tag{margin-top:7px}
.bx_notice_feed .lst_tag li{display:inline-block;font-size:14px;color:#999;vertical-align:middle}
.bx_notice_feed .lst_tag li:after{display:inline-block;width:3px;height:3px;margin:-3px 5px 0;border-radius:50%;background-color:#999;vertical-align:middle;content:''}
.bx_notice_feed .lst_tag li:last-child:after{display:none}
.bx_notice_feed .txt_notice{margin-top:15px;font-size:14px;color:#ff5c5c}
.bx_notice_feed .txt_notice .ico_notice{margin-top:3px;background-position:-204px -22px}
.bx_notice_feed .txt_notice + .dsc_notice{margin-top:11px}
.bx_notice_feed .event{position:relative;overflow:hidden;margin-top:24px;padding:10px 10px 13px 32px;background-color:#f9fafd;font-size:15px;color:#575757;text-overflow:ellipsis;white-space:nowrap}
.bx_notice_feed .event:before{position:absolute;top:50%;left:18px;width:6px;height:6px;margin-top:-5px;border-radius:50%;background-color:#3577f8;content:''}
.bx_notice_feed .event.class:before{background-color:#ff5c5c}
.bx_notice_feed .event + .dsc_notice{margin-top:20px}
.bx_notice_feed .tit_notice{display:block;margin-top:22px;font-size:17px;height:28px;}
.bx_notice_feed .dsc_notice{overflow-y:hidden;max-height:140px;margin-top:3px;font-size:17px;line-height:28px;color:#171717}
.bx_notice_feed .btn_moreview{display:none;margin-top:10px;font-size:15px;color:#999}
.bx_notice_feed .btn_moreview:hover{text-decoration:underline}
.bx_notice_feed.on .btn_moreview{display:block}
.bx_notice_feed.on .all_show{max-height:none}
.bx_notice_feed.on .all_show + .btn_moreview{display:none}
/* 211012 소식발송(구 알림장) 개선 전 내용 끝 */

.bx_include_file .dsc{display:block;margin:30px 0 10px;font-size:13px;color:#171717}
.bx_include_file .lst_file{margin:-10px 0 0 -10px}
.bx_include_file .lst_file li{position:relative;display:inline-block;margin:10px 0 0 10px;vertical-align:middle}
.bx_include_file .lst_file .btn_download{overflow:hidden;position:relative;width:262px;height:55px;padding:0 15px 0 60px;border:1px solid #ddd;box-sizing:border-box;font-size:15px;color:#171717;line-height:55px;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.bx_include_file .lst_file .ico_tooltip{position:absolute;right:10px;bottom:10px;z-index:10;width:40px;height:40px;background-color:rgba(0, 0, 0, .55)}
.bx_include_file .lst_file .ico_tooltip .sp{top:50%;left:50%;width:22px;height:18px;margin:-9px 0 0 -11px;background-position:-224px 0}
.bx_include_file .lst_file .ico_tooltip .ly_tooltip_wrap{right:0;margin-top:40px;padding:20px;line-height:23px;letter-spacing:-.5px;text-align:left}
.bx_include_file .lst_file .ico_tooltip:hover .ly_tooltip_wrap{display:block}
.bx_include_file .error{height:55px;padding-left:20px;border:1px solid #ddd;box-sizing:border-box}
.bx_include_file .error:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.bx_include_file .error .dsc_error, .bx_include_file .error .txt_error, .bx_include_file .error .btn_reload{display:inline-block;vertical-align:middle}
.bx_include_file .error .dsc_error{font-size:0}
.bx_include_file .error .txt_error{margin-top:0;font-size:11px}
.bx_include_file .error .btn_reload{margin-left:5px;font-size:11px;color:#919191;text-decoration:underline}
.bx_include_file .lst_file .bx_status{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;z-index:1;pointer-events:none;}
.bx_include_file .lst_file .bx_status:before{display:inline-block;height:100%;vertical-align:middle;content:'';}
.bx_include_file .lst_file .bx_status:after{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);content:''}
.bx_include_file .lst_file .bx_status.empty:after{border:1px solid rgba(0, 0, 0, 0.05);box-sizing:border-box;background-color:#f2f2f2}
.bx_include_file .lst_file .bx_status .detail{display:inline-block;position:relative;z-index:1;vertical-align:middle}
.bx_include_file .lst_file .bx_status .sp{position:static;top:auto;left:auto}
.bx_include_file .lst_file .bx_status .ico_movie{width:43px;height:60px;margin-left:10px;background-position:0 -63px}
.bx_include_file .lst_file .bx_status .ico_encoding{width:37px;height:37px;background-position:-319px -79px}
.bx_include_file .lst_file .bx_status .ico_encoding_fail{width:38px;height:38px;background-position:-279px -79px}
.bx_include_file .lst_file .bx_status .ico_image_empty{width:42px;height:43px;background-position:-358px -79px}
.bx_include_file .lst_file .bx_status .detail .dsc{margin:10px 0 0;font-size:15px;color:#fff;letter-spacing:-.5px}
.bx_include_file .lst_file.type_col03 >li{width:calc(33.33% - 10px)}
.bx_include_file .sp{position:absolute;top:12px;left:19px;width:27px;height:28px;background-position-y:-63px;vertical-align:top}
.bx_include_file .ico_hwp{background-position-x:-45px}
.bx_include_file .ico_excel{width:31px;background-position-x:-168px}
.bx_include_file .ico_word{width:31px;background-position-x:-135px}
.bx_include_file .ico_ppt{width:32px;background-position-x:-101px}
.bx_include_file .ico_pdf{width:25px;height:29px;background-position-x:-74px}
.bx_include_file .ico_etc{width:25px;height:29px;background:url(../img/sp_new.png) no-repeat -413px -51px}
.bx_include_file .ico_png{width:25px;height:29px;background-position:-500px -150px}
.bx_include_file .ico_gif{width:25px;height:29px;background-position:-527px -150px}
.bx_include_file .ico_jpg{width:25px;height:29px;background-position:-554px -150px}
/* 소식 > 상세보기 > 사진,동영상 첨부 */
.bx_include_file.image .dsc{margin-bottom:12px}
.bx_include_file.image .lst_file{margin:-14px 0 0 -14px;}
.bx_include_file.image .lst_file li{width:20%;margin:0;padding:14px 0 0 14px;box-sizing:border-box}
.bx_include_file.image .bx_file{overflow:hidden;position:relative;width:100%;padding-top:100%;border:solid 1px rgba(0, 0, 0, 0.05);box-sizing:border-box}
.bx_include_file.image .thumb{position:absolute;top:0;left:0;width:100%;height:100%}
.bx_include_file.image .thumb img{width:100%;height:100%;object-fit:cover}
.bx_include_file.type2{margin-top:30px;min-height:105px;width:580px}
.bx_include_file.type2 .lst_file{margin:10px 0 0}
.bx_include_file.type2 .lst_file .lst_file_item{position:relative;display:block;margin:0;border:1px solid #e9e9e9;border-top:0;box-sizing:border-box;padding:14px 64px 19px 59px}
.bx_include_file.type2 .lst_file .lst_file_item:first-of-type{border-top:1px solid #e9e9e9}
.bx_include_file.type2 .lst_file .bx_file{font-size:0}
.bx_include_file.type2 .lst_file .file_tit{overflow:hidden}
.bx_include_file.type2 .lst_file .file_tit .in{max-width:100%}
.bx_include_file.type2 .lst_file .file_tit .text{font-size:15px;color:#171717;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx_include_file.type2 .lst_file .sp{top:13px;left:20px}
.bx_include_file.type2 .file_delete{width:25px;height:26px;position:absolute;top:14px;right:20px;background:url(../img/sp.png) no-repeat -566px -376px}
.bx_include_file.type2 .btn_file_up{position:relative;display:inline-block;}
.bx_include_file.type2 .btn_file_up .inp_file{position:absolute;top:0;left:0;width:100%;height:46px;font-size:1px;opacity:0;cursor:pointer}
.bx_include_file.type2 .btn_file_up input[type="file"]::-webkit-file-upload-button{cursor:pointer}
.bx_include_file.type2 .btn_file_up .btn{position:relative;min-width:50px;width:auto;padding:0 26px;font-size:14px;color:#666}
.bx_include_file.type2 .btn_file_up .sp{position:static;top:auto;left:auto;vertical-align:middle;width:11px;height:11px;margin:-4px 5px 0 0;background-position-y:-24px}
.bx_include_file_sm .btn_download{padding:6px 11px 9px 16px;border:1px solid #dedede;background-color:#fff}
.bx_include_file_sm .btn_download .file_name{color:#171717;font-size:13px}

.file_info_wrap{float:right;min-width:74px;text-align:right;white-space:nowrap}
.file_info_wrap .file_graph{display:inline-block;width:80px;height:4px;margin:9px 6px 0 0;vertical-align:top;background-color:#d8d8d8}
.file_info_wrap .file_graph .grapt_bar{display:block;width:auto;height:4px;background-color:#3577f8}
.file_info_wrap .info_txt{font-size:14px;color:#8e8e8e;text-align:right}

.bx_etc_info{position:relative;margin-top:30px}
.bx_etc_info .info_tit{display:inline-block;font-size:14px;color:#171717;vertical-align:middle;line-height:30px}
.bx_etc_info .info_tit[type="button"]:hover{text-decoration:underline}
.bx_etc_info .info_tit .num{color:#3577f8}
.bx_etc_info .info_tit .num.zero{color:#919191}
.bx_etc_info .info_tit + .info_tit{margin-left:25px}
.bx_etc_info .bx_btn{position:absolute;top:0;right:2px}
.bx_etc_info .bx_btn .txt_btn{display:inline-block;width:51px;height:30px;border:1px solid #dedede;font-size:12px;color:#171717;vertical-align:middle;line-height:28px;box-sizing:border-box}
.bx_etc_info .bx_btn .txt_btn + .txt_btn{margin-left:8px}

/* write form */
.write_form_area{padding:30px 0 30px;border-top:1px solid #b3b3b3}
.write_form_area .lst_info_area .info_row+.info_row{margin-top:16px}
.write_form_area .bx_include_file{margin-top:20px}
.write_form_area .bx_include_file .image{display:inline-block;position:relative;max-width:580px;min-width:100px;min-height:100px}
.write_form_area .bx_include_file .image::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #d9d9d9;box-sizing:border-box}
.write_form_area .bx_include_file .image .btn_delete{position:absolute;right:0;top:0;z-index:1;padding:0}
.write_form_area .bx_include_file .image .btn_delete .sp{position:static;display:block;width:21px;height:21px;background-position:-366px 0}
.write_form_area .bx_include_file .file{position:relative;width:100%;height:55px;padding-left:60px;border:1px solid #ddd;background-color:#fff;box-sizing:border-box;line-height:53px;text-align:left}
.write_form_area .bx_include_file .file .file_name{overflow:hidden;display:inline-block;max-width:370px;font-size:15px;color:#171717;text-overflow:ellipsis;white-space:nowrap}
.write_form_area .bx_include_file .file .byte{position:absolute;right:60px;font-size:14px;color:#8e8e8e}
.write_form_area .bx_include_file .btn_delete{position:absolute;top:0;right:0;padding:16px 23px 16px 20px}
.write_form_area .bx_include_file .btn_delete .sp{position:static;top:auto;left:auto;width:13px;height:12px;margin-bottom:1px;background-position:-244px -40px;vertical-align:middle}
.write_form_area .info_lbl{display:inline-block;width:105px;min-height:50px;font-size:16px;font-weight:700;color:#222;vertical-align:top;line-height:48px}
.write_form_area .info_lbl .lbl_txt{display:inline-block;line-height:24px}
.write_form_area .info_txt{display:inline-block;width:calc(100% - 105px);min-height:48px;vertical-align:top}
.write_form_area .info_txt .bx_input{position:relative;width:100%;box-sizing:border-box}
.write_form_area.edit_type .info_txt .bx_input{background-color:#f7f7f7;border-color:#e0e0e0}
.write_form_area .bx_input .input_txt{padding:12px 65px 12px 20px;font-size:15px}
.write_form_area .bx_input .input_lbl{color:#b8b8b8;font-size:15px;line-height:48px}
.write_form_area .bx_input .bx_count{position:absolute;right:18px;top:50%;transform:translateY(-50%);margin-top:-1px;font-size:14px}
.write_form_area .bx_textarea{margin:0}
.write_form_area .bx_textarea .textarea_info{left:20px;top:13px;font-size:15px;color:#919191}
.write_form_area .bx_textarea textarea{overflow-y:auto;width:calc(100% - 40px);min-height:auto;padding:14px 20px;font-size:15px;line-height:normal;word-break:break-word}
.write_form_area .info_txt .btn{width:131px;height:40px;margin-right:8px;font-size:14px;line-height:38px}
.write_form_area .info_txt .copy{display:block;margin-top:10px;font-size:12px;color:#8e8e8e;line-height:19px}

.write_form_area .list{padding:40px 0;border-bottom:1px solid #e6e6e6}
.write_form_area .q_list{position:relative;margin-top:14px;padding:30px 30px 35px;background-color:#fafafa}
.write_form_area .q_list .q_txt_area{margin-bottom:20px}
.write_form_area .q_list .q_txt_area .q_txt{display:flex;position:relative;font-size:17px}
.write_form_area .q_list .q_txt_area .q_txt strong{display:inline-block;flex-basis:fill;margin-right:5px;vertical-align:top}
.write_form_area .q_list .q_txt_area .q_txt .q_tit{display:inline-block;flex:1;margin-right:129px}
.write_form_area .q_list .q_txt_area .q_sub_txt{margin-top:2px;font-size:14px;color:#8e8e8e}
.write_form_area .area_write .bx_btn{margin-top:30px;text-align:center}
.write_form_area .area_write .bx_btn .btn3{width:201px;height:50px;font-size:15px}
/* 알림장 유형 */
.write_form_area .lst_info_area .info_category+.info_row{margin-top:18px}
.write_form_area .info_category .info_lbl{line-height:normal;min-height:auto}
.write_form_area .info_category .info_txt{min-height:auto}
.write_form_area .info_category .info_depth02{margin-top:14px;padding:10px 30px 12px;border:solid 1px #edeff2;background-color:#f7f9fc;}
.write_form_area .info_category .input_desc{margin-top:10px;padding-bottom:12px;color:#8e8e8e;font-size:12px}
.write_form_area .info_category .bx_input_rdo {margin-top:2px}
.write_form_area .info_category .bx_input_rdo + .bx_input_rdo{margin-left:30px}
.write_form_area .info_category .bx_input_rdo label {color:#222}
/* 알림장 > 작성 */
.area_title.notice_write{padding-right:0}
.area_title .btn_save_open{margin:0 0 4px 14px;font-size:14px;font-weight:700;color:#b2b2b2;vertical-align:bottom}
.area_title .btn_save_open .txt_color{display:inline-block;margin-left:3px}
.area_write{position:relative;min-height:660px;margin-top:14px}
.area_write:after{display:block;clear:both;content:''}
.area_write .bx_notice_write{float:left;width:695px}
.area_write .editor_tit_area .bx_count .num{display:inline-block;font-size:17px;line-height:24px}
.area_write .editor_tit_area .bx_count .num.zero{color:#bfbfbf}
.area_write .editor_tit_area .bx_count .num.lms_type{color:#ff6060}

/* 알림장 유형 - 행사 선택 화면  */
.bx_event .event_title{width:calc(100% - 129px);margin-left:15px;border-width:0 0 1px 0;border-bottom-color:#919191;vertical-align:bottom}
.bx_event .event_title:before{position:absolute;top:50%;left:0;width:6px;height:6px;margin-top:-3px;border-radius:50%;background-color:#ff5c5c;content:''}
.bx_event .event_title.cate_school:before{background-color:#3577f8}
.bx_event .event_title .input_txt{padding:4px 13px 5px}
.bx_event .event_title .input_lbl{padding-left:13px;font-size:17px;color:#b8b8b8;line-height:32px}

/* editor_wrap 타이틀 영역 */
.editor_tit_area{position:relative;margin-bottom:18px}
.editor_tit_area .editor_tit{display:inline-block;font-size:16px;color:#222;font-weight:700;line-height:24px}
.editor_tit_area .bx_count{position:absolute;top:0;right:0}

/* editor_wrap */
.editor_wrap{width:695px;padding:30px 40px 68px;border:1px solid #e0e0e0;box-sizing:border-box}
.editor_wrap.on{border-color:#d3dae9;background-color:rgba(43, 111, 245, .06)}
.editor_wrap .dropbox_area{position:relative;padding-bottom:16px;border-bottom:1px solid #eee}
.editor_wrap .dropbox_area .btn_select{width:184px;height:46px;line-height:44px}
.editor_wrap .dropbox_area .lst_select{width:100%}
.editor_wrap .dropbox_area .bx_count{position:absolute;top:11px;right:0}
.editor_wrap .dropbox_area .bx_count .num{display:inline-block;font-size:17px;line-height:24px}
.editor_wrap .dropbox_area .bx_count .num.zero{color:#bfbfbf}
.editor_wrap .dropbox_area .bx_count .num.lms_type{color:#ff6060}
.editor_wrap .sub_tit{display:block;margin-top:37px;font-size:15px;color:#171717;font-weight:700;line-height:22px}
.editor_wrap .sub_tit:first-of-type{margin-top:0}
.editor_wrap .sub_tit_dsc{display:block;font-size:12px;color:#8e8e8e;line-height:19px}
.editor_wrap .sub_tit_dsc .bx_count{font-weight:700}
.editor_wrap .bx_textarea{margin-bottom:55px}
.editor_wrap .bx_textarea textarea{min-height:210px}

.editor_wrap .dropbox_area + .bx_event{margin-top:25px}
.editor_wrap .dropbox_area + .bx_textarea{margin-top:17px}
.editor_wrap .bx_event + .bx_textarea{margin-top:25px}

/* 파일 업로드 영역 */
.bx_file_upload{position:relative;margin:11px -7px 0 0}
.bx_file_upload .lst_file{display:inline-block;margin-right:7px;vertical-align:middle}
.bx_file_upload .lst_file li{display:inline-block;position:relative}
.bx_file_upload .lst_file li + li{margin-left:7px}
.bx_file_upload .lst_file .bx_img{position:relative;width:55px;height:55px}
.bx_file_upload .lst_file .bx_img img{width:55px;height:100%}
.bx_file_upload .lst_file .bx_img.is_dimmed:before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:rgba(0, 0, 0, .3);content:''}
.bx_file_upload .lst_file .bx_img:after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;border:1px solid rgba(0, 0, 0, .05);box-sizing:border-box;content:''}
.bx_file_upload .lst_file .media_dsc{position:relative}
.bx_file_upload .lst_file .btn_dsc{display:block;width:100%;border:1px solid #e9e9e9;border-top:0;box-sizing:border-box;font-size:11px;color:#8e8e8e;line-height:24px;text-align:center}
.bx_file_upload .lst_file .btn_dsc.on{overflow:hidden;width:55px;padding:0 5px;color:#222;text-overflow:ellipsis;white-space:nowrap}
.bx_file_upload .bx_tooltip2.on{display:block}
.bx_file_upload .bx_tooltip2{display:none;position:absolute;left:0;z-index:20;width:300px;margin-top:-1px;padding:15px 20px 20px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, .08);border:1px solid rgba(0, 0, 0, .1);box-sizing:border-box;background-color:#fff}
.bx_file_upload .bx_tooltip2 .bx_textarea{margin:0}
.bx_file_upload .bx_tooltip2 textarea{min-height:70px;font-size:14px;line-height:23px;color:#222;letter-spacing:-.5px}
.bx_file_upload .bx_tooltip2 label{position:absolute;font-size:14px;color:#919191;line-height:23px}
.bx_file_upload .bx_tooltip2 .bx_count{display:inline-block;margin-top:23px;font-size:12px;vertical-align:bottom}
.bx_file_upload .bx_tooltip2 .btn_xs{position:absolute;right:20px;bottom:20px}
.bx_file_upload .lst_file .bx_status{position:absolute;top:0;left:0;width:100%;height:55px;text-align:center}
.bx_file_upload .lst_file .bx_status:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.bx_file_upload .lst_file .bx_status .dsc{display:inline-block;position:relative;z-index:10;font-weight:700;font-size:9px;color:#fff;vertical-align:middle}
.bx_file_upload .lst_file .bx_status .btn_reload{display:block;margin-top:-4px;font-size:9px;font-weight:700;color:#fff;text-decoration:underline}
.bx_file_upload .lst_file .bx_status .btn_delete{width:auto;height:auto;padding:5px;border:none;background-color:transparent}
.bx_file_upload .lst_file .bx_status .btn_delete .sp{width:9px;height:7px;background-position:-213px 0}
.bx_file_upload .lst_file li .ico_mov{position:absolute;top:50%;left:50%;z-index:10;width:13px;height:18px;margin:-9px 0 0 -7px;background:url(../img/sp.png) no-repeat -201px -70px}
.bx_file_upload .lst_file .progress2{position:absolute;top:50%;left:7px;z-index:10;width:40px;margin-top:-2px}
.bx_file_upload .lst_file .btn_delete{position:absolute;top:0;right:0;z-index:10;width:21px;height:21px;background-color:rgba(0, 0, 0, .35);border:1px solid rgba(0, 0, 0, .1);font-size:0}
.bx_file_upload .btn_delete .sp{width:9px;height:9px;background-position:-259px -40px}
.bx_file_upload .bx_add_file{vertical-align:top}
.bx_notice_write .bx_include_file .bx_add_file{margin-top:12px}
.bx_notice_write .bx_include_file .lst_file{margin:12px 0 0}
.bx_notice_write .bx_include_file li{display:block;position:relative;margin:7px 0 0}
.bx_notice_write .bx_include_file li:first-child{margin:0}
.bx_notice_write .bx_include_file .file_name{display:inline-block;max-width:258px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}
.bx_notice_write .bx_include_file .progress2{position:absolute;top:50%;right:56px;margin-top:-2px}
.bx_notice_write .bx_include_file .byte{font-size:14px;color:#8e8e8e}
.bx_notice_write .bx_include_file .btn_download{display:block;width:100%}
.bx_notice_write .bx_include_file .btn_download.on .file_name{max-width:370px}
.bx_notice_write .bx_include_file .btn_download.on .progress2{display:none}
.bx_notice_write .bx_include_file .btn_download.on .byte{position:absolute;right:60px}
.bx_notice_write .bx_include_file .btn_delete{position:absolute;top:0;right:0;padding:16px 23px 16px 20px}
.bx_notice_write .bx_include_file .btn_delete .sp{position:static;top:auto;left:auto;width:13px;height:12px;margin-bottom:1px;background-position:-244px -40px;vertical-align:middle}
.bx_notice_write .bx_include_file + .bx_add_file{margin-top:7px}
.area_write .bx_info_send{float:right;position:relative;width:211px;margin-top:-7px}
.bx_info_send.is_fixed{position:fixed;top:30px;left:50%;margin:0 0 0 262px}
.bx_info_send .area_sub_tit{position:relative;margin-bottom:21px}
.bx_info_send .sub_tit{display:inline-block;font-size:16px;font-weight:700;color:#171717;vertical-align:top}
.bx_info_send .sub_tit + .ico_help{margin:3px 0 0 5px}
.bx_info_send .bx_sorting{display:block}
.bx_info_send .bx_sorting + .bx_sorting{margin-top:24px}
.bx_info_send .bx_sorting .btn_select{width:100%;min-width:auto}
.bx_info_send .bx_sorting .lst_select{right:0;min-width:auto}
.bx_info_send .txt_notice{padding-left:20px;font-size:13px;color:#999;text-indent:-20px}
.bx_info_send .txt_notice .ico_notice{margin-right:3px}
.bx_info_send .reserve_message{margin-top:23px}
.bx_info_send .tui-datepicker{left:auto}
.reserve_message .tui-datetime-input{margin-right:6px}
.reserve_message .txt{display:inline-block;margin:0 5px;font-size:15px;color:#ccc;vertical-align:middle}
.reserve_message .bx_sorting2{vertical-align:middle}
.reserve_message .bx_sorting2 .btn_select{width:40px;min-width:auto;padding:0 10px;height:34px;line-height:32px;color:#575757}
.reserve_message .bx_sorting2 .lst_select{top:33px;width:78px;min-width:auto;margin-top:0}
.reserve_message .bx_sorting2.minutes .lst_select{left:auto;right:0}
.bx_info_send .info_message{margin-top:60px;font-size:16px;color:#171717}
.info_message .area_sub_tit{margin-bottom:10px}
.info_message .lst_message_type{margin-bottom:18px}
.info_message .lst_message_type li{position:relative;font-size:15px}
.info_message .lst_message_type li:before{position:absolute;top:50%;left:0;right:0;border-top:1px dashed rgba(0, 0, 0, .15);content:''}
.info_message .lst_message_type li + li{margin-top:3px}
.info_message .lst_message_type li .txt{position:relative;padding-right:6px;background-color:#fff}
.info_message .lst_message_type li .num{position:absolute;top:0;right:0;padding:0 3px 0 6px;background-color:#fff}
.info_message .point_result{position:relative;margin-top:37px}
.info_message .point_result::before{content:'';position:absolute;left:0;top:-18px;width:100%;border-top:1px solid #e9e9e9}
.info_message .point_result p{font-size:16px}
.info_message .point_result em{display:inline-block}
.info_message .point_result .ico_dot{display:inline-block;width:3px;height:3px;margin:-2px 1px 0 3px;border-radius:50%;background-color:#808080;vertical-align:middle}
.info_message .txt_blue{color:#3577f8}
.info_message .txt_red{color:#fd5d5b}
.info_message .txt_gray{color:#a3a3a3}
.info_message .add_info{margin-top:22px;font-size:0}
.info_message .add_info span{vertical-align:middle}
.info_message .add_info .ico_notice{margin-right:5px}
.info_message .add_info .txt_error{display:inline-block;margin-top:0}
.info_message .add_info .txt_color{font-size:14px}
.info_message .add_info .txt_notice{margin-top:1px;padding:0;text-indent:0}
.info_message .txt_add_info{margin-top:10px}
.info_message .txt_add_info p{font-size:13px;color:#a3a3a3}
.info_message .bx_add_info{margin-top:15px;padding:13px 18px 14px;background-color:#f7f8fa;box-sizing:border-box}
.info_message .bx_add_info .txt{font-size:13px;color:#575757}
.info_message .bx_add_info .txt.v2{margin-top:20px}
.info_message .bx_add_info .txt2{font-size:13px;color:#919191}
.info_message .bx_add_info .link{font-size:13px;color:#3577f8}
.info_message .bx_add_info .link::after{content:'';display:inline-block;width:6px;height:9px;margin:-2px 0 0 4px;background:url(../img/sp.png) no-repeat -84px 0;vertical-align:middle}
.info_message .bx_add_info .st{display:block;margin-bottom:2px;font-size:13px;color:#3577f8}
.info_message .bx_add_info .st::before{content:'';display:inline-block;width:14px;height:14px;margin:-2px 4px 0 0;background:url(../img/sp.png) no-repeat -220px -22px;vertical-align:middle}
.info_message .btn_xs{width:auto;height:26px;margin:-1px 0 0 5px;padding:0 10px;font-size:11px;color:#333;line-height:22px}
.bx_info_send .bx_btn{margin-top:38px}
.bx_info_send .bx_btn .btn_l{display:block;width:100%;font-weight:bold}
.bx_info_send .bx_btn .btn_l + .btn_l{margin-top:10px}
.bx_info_send .bx_btn .btn_preview{display:inline-block;width:102px}
.bx_info_send .bx_btn .btn_preview + .btn_l{display:inline-block;width:102px;margin-left:7px}
.bx_info_send.complete .bx_sorting .btn_select{pointer-events:none}
.bx_info_send.complete .bx_sorting .ico_select_arrow{display:none}
/* 전송정보 플레이스 홀더 */
.bx_info_send .placeholder{width:211px;background-color:#f7f8fa}
.bx_sorting.placeholder{height:28px}
.info_message .area_sub_tit.placeholder{height:28px}
.info_message .lst_message_type li.placeholder{height:24px}
.info_message .lst_message_type li.placeholder::before{content:none}
.point_result.placeholder{height:24px}
.txt_add_info.placeholder{height:50px}
.bx_add_info.placeholder{height:90px;padding:0}

.info_message .bx_send_message {margin-top:18px;border:1px solid #e9e9e9}
.info_message .bx_send_message +.bx_send_message {margin-top:10px}
.info_message .bx_send_message .tit {display:block;overflow:hidden;min-height:50px;padding:12px 15px 13px;box-sizing:border-box;background:#f8f8f8;border-bottom:1px solid #e9e9e9;font-weight:bold;font-size:15px;line-height:25px}
.info_message .bx_send_message .num {float:right;font-weight:normal;font-size:16px}
.info_message .bx_send_message .cont {padding:15px 15px 20px}
.info_message .bx_send_message .lst_message_type {margin-bottom:10px}
.info_message .bx_send_message .bx_add_info {margin-top:0;padding:0;background:none}
.info_message .bx_send_message .bx_add_info .txt {font-size:12px;line-height:18px;color:#a3a3a3}
.info_message .bx_send_message .bx_add_info .link {font-size:12px}
.info_message .bx_send_message .bx_add_info .link::after {margin-top:-3px}
.info_message .txt_add_info p.txt_red {color:#fd5d5b}

/* 일정 */
.area_calendar .schedule_title{padding-bottom:80px;border-bottom:1px solid #e6e6e6}
.area_calendar .schedule_title_week{font-size:28px}
.area_calendar .schedule_title .btn_weekly{padding-top:4px;font-size:12px;}
.area_calendar .schedule_title .btn_weekly:disabled{color:#c4c9d3;background-color:#fcfcfc;border-color:#ebecf1}
.area_calendar .btn_weekly_bx .btn_thisweek{width:53px;font-size:12px}
.area_calendar .lst_cate{position:absolute;top:50%;right:39px;transform:translateY(-50%)}
.area_calendar .lst_cate li{display:inline-block;margin-top:0;padding-left:11px;font-size:13px;color:#575757}
.area_calendar .lst_cate li:before{left:0}
.area_calendar .lst_cate li + li{margin-left:18px}
.area_calendar .wrap_calendar{position:relative;width:945px;height:1200px;margin:0 auto}
.wrap_calendar .ly_tooltip_wrap{width:auto;margin-top:0;padding:15px;color:#f48181;letter-spacing:-.5px}

/* 04. 앨범 ------------------------------------------------ */
/* 4-1. 앨범별 보기 & 전체 사진, 동영상 보기 */
.sub_album{padding-bottom:40px}
.sub_album .area_title h2 + h2{position:relative;margin-left:41px}
.sub_album .area_title h2 + h2:before{content:'';position:absolute;left:-20px;top:12px;width:1px;height:20px;background-color:#dbdbdb}
.sub_album .area_title .sub_tit{display:block;font-size:27px;color:#b8b8b8}
.sub_album .area_title .sub_tit.on{color:#333}
.sub_album .area_title .btn_new_album{position:absolute;top:0;right:0;width:153px}
.sub_album .btn_new_album .ico_plus2{margin-right:7px}
.sub_album .btn_new_album .ico_plus_white{margin-right:7px}
.sub_album .area_filter{position:relative;margin-top:42px}
.sub_album .area_filter .form_search2{position:absolute;top:-6px;right:0}
.sub_album .area_filter .form_search2 .btn_select{width:100px;min-width:auto}
.sub_album .area_filter .form_search2 .lst_select{right:0;min-width:auto}
.sub_album .area_search{position:absolute;top:0;right:0}
.sub_album .area_search .bx_sorting + .bx_sorting{margin-left:15px}
.album_nodata{margin-top:45px;padding:202px 0;text-align:center}
.album_nodata .dsc{font-size:18px;color:#919191;line-height:28px;letter-spacing:-1px}
.album_nodata .btn2{width:auto;padding:0 20px;margin:25px auto 0}
.album_nodata .btn2 .ico_plus2{margin-right:7px}
.lst_album{min-height:502px;margin:22px 0 -8px;font-size:0}
.lst_album li{display:inline-block;position:relative;margin:8px 15px 8px 0}
.lst_album li:nth-child(5n){margin-right:0}
.lst_album li .btn_detail{display:block;position:relative;width:177px}
.lst_album li .btn_detail .bx_img{display:block;position:relative;height:142px;background-color:#f8f8f8;font-size:0;text-align:center}
.lst_album li .btn_detail .bx_img img{position:absolute;top:0;left:0;width:100%}
.lst_album li .btn_detail .bx_img:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.lst_album li .btn_detail .bx_img:after{position:absolute;top:7px;right:7px;width:18px;height:14px;background:url(../img/sp.png) no-repeat -248px 0;content:''}
.lst_album li .btn_detail .bx_img.is_dimmed:after{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;background-image:none;background-color:rgba(0, 0, 0, .4);content:''}
.lst_album li .btn_detail .bx_img.nodata{border:1px solid #f1f1f1;box-sizing:border-box;text-align:center}
.lst_album li .btn_detail .bx_img.nodata:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.lst_album li .btn_detail .bx_img.nodata:after{display:none}
.lst_album li .btn_detail .bx_img.nodata .dsc{display:inline-block;font-size:13px;color:#999;vertical-align:middle}
.lst_album li .btn_detail .bx_status{display:inline-block;position:relative;z-index:1;font-size:0;vertical-align:middle}
.lst_album li .btn_detail .bx_status .ico_mov{width:28px;height:38px;background-position:-284px 0}
.lst_album li .btn_detail .bx_status .ico_encoding{width:31px;height:31px;background-position:-305px -40px;animation: rotate 1s infinite}
.lst_album li .btn_detail .bx_status .ico_fail{width:33px;height:33px;background-position:-270px -40px}
.lst_album li .btn_detail .bx_status .dsc{display:block;margin-top:4px;font-size:14px;color:#fff;letter-spacing:-.5px}
.lst_album li .btn_detail .bx_dsc{position:relative;height:111px;padding:14px 11px 11px;border:1px solid #f1f1f1;border-top:0;box-sizing:border-box}
.lst_album li .btn_detail .bx_dsc:after{display:block;clear:both;content:''}
.lst_album li .btn_detail .bx_dsc .bx_info{position:absolute;bottom:11px;left:11px;margin-top:0}
.lst_album li .btn_detail .tit{display:block;overflow:hidden;width:100%;font-size:14px;line-height:17px;color:#171717;text-overflow:ellipsis;white-space:nowrap}
.lst_album li .btn_detail .txt_recipient{display:block;overflow:hidden;width:100%;margin-top:5px;font-size:14px;line-height:17px;color:#999;text-overflow:ellipsis;white-space:nowrap}
.lst_album li .btn_detail .bx_info{margin-top:29px;font-size:0}
.lst_album li .btn_detail .bx_info dd{display:inline-block;font-size:12px;line-height:17px;color:#999;vertical-align:middle}
.lst_album li .btn_detail .bx_info dd.txt_color{color:#3577f8}
.lst_album li .btn_detail .bx_info dd:before{display:inline-block;width:1px;height:11px;margin:0 7px;background-color:#d8d8d8;vertical-align:middle;content:''}
.lst_album li .btn_detail .bx_info dd:first-of-type:before{display:none}
.lst_album li .btn_add{display:block;position:relative;padding:0 12px;border:1px solid #f1f1f1;border-top:0;font-size:12px;line-height:36px;color:#171717}
.lst_album li .btn_add .ico_plus{position:absolute;top:50%;right:12px;margin-top:-5px;background-position:-340px -24px}
.area_album_sorting{margin-top:42px}
.area_album_sorting .bx_sorting + .bx_sorting{margin-left:20px}
.lst_album.all_media{margin:-12px 0 0 -15px}
.lst_album.all_media li{margin:37px 0 0 15px}
.lst_album.all_media li .bx_img{height:177px}
.lst_album.all_media li .bx_img:after{display:none}
.lst_album.all_media li .bx_img.is_dimmed:after{display:block}
.lst_album.all_media li .bx_dsc{width:177px;padding-top:12px;border:0}
.lst_album.all_media li .bx_dsc .tit{display:block;font-size:14px;color:#171717;line-height:20px;letter-spacing:-.5px}
.lst_album.all_media li .bx_info{margin-top:0}
.lst_album.all_media li .tit + .bx_info{margin-top:6px}
.lst_album.all_media li .bx_info dd{display:inline-block;font-size:14px;color:#999;line-height:17px;vertical-align:middle}
.lst_album.all_media li .bx_info .etc_info{width:calc(100% - 75px)}
.lst_album.all_media li .bx_info .link_etc{display:block;overflow:hidden;font-size:14px;color:#999;text-overflow:ellipsis;white-space:nowrap}
.lst_album.all_media li .bx_info .link_etc:before{display:inline-block;width:1px;height:11px;background-color:#d8d8d8;margin:-2px 9px 0;vertical-align:middle;content:''}
.lst_album.all_media li .bx_input_chk{position:absolute;top:20px;left:10px}
.sub_album .pagination{margin-top:40px}

.sub_album .area_content{position:relative}
.sub_album.case_post_util .bx_post_util{position:absolute;bottom:78px;right:0;margin-top:0}
.sub_album.case_post_util .pagination{margin-top:89px}

/* 4-2. 앨범 상세 */
.sub_album_view{padding-bottom:45px}
.sub_album_view.is_dimmed:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background-color:rgba(255,255,255,.7);content:''}
.sub_album_view .area_title{padding:0 426px 29px 0}
.sub_album_view .area_title:after{display:block;content:'';clear:both}
.sub_album_view .sub_tit{font-size:27px}
.sub_album_view .bx_info{display:inline-block;margin-top:9px}
.sub_album_view .bx_info dd{font-size:17px;line-height:20px}
.sub_album_view .bx_info dd:after{height:12px;margin-top:-2px}
.sub_album_view .bx_btn{position:absolute;top:11px;right:0;text-align:right}
.sub_album_view .bx_btn .btn2{width:164px;margin-right:7px}
.sub_album_view .bx_btn .btn2 .ico_plus2{margin-right:7px}
.sub_album_view .bx_btn .btn + .btn{margin-left:7px}
.sub_album_view .pagination{margin-top:30px}
.sub_album_view .btn_revise{display:inline-block;height:18px;font-size:17px;margin-top:-6px;color:#c7c7c7;line-height:23px;box-sizing:border-box;vertical-align:middle}
.sub_album_view .target .btn_revise{margin-top:-3px}
.sub_album_view .btn_revise .ico_revise{position:relative;width:17px;height:17px;background-position:-423px 0;vertical-align:top}
.sub_album_view .btn_add{position:relative;padding-left:21px;font-size:17px;color:#c7c7c7;line-height:20px}
.sub_album_view .btn_add:after{position:absolute;top:50%;left:0;width:17px;height:17px;margin-top:-8.5px;background-position:-423px 0;content:''}
.sub_album_view .inp_revise{display:none;position:absolute;top:0;left:0;width:100%;padding-bottom:11px;border-bottom:1px solid #2b6ff5;vertical-align:top;z-index:100;background-color:#fff}
.sub_album_view .inp_revise .bx_input{width:718px;border:none;vertical-align:middle}
.sub_album_view .inp_revise .bx_input input[type="text"]{height:38px;padding:0;font-size:27px;font-weight:700;line-height:38px;color:#171717}
.sub_album_view .inp_revise .bx_count{position:absolute;top:0;right:182px;font-size:15px;line-height:38px}
.sub_album_view .bx_title .inp_revise .bx_btn{display:inline-block;top:0}
.sub_album_view .inp_revise .bx_btn button{margin-right:10px}
.sub_album_view .title_revise .tit_txt{display:none}
.sub_album_view .title_revise .inp_revise{display:block}
.sub_album_view .title_revise + .bx_title.bx_target{bottom:-15px}
.sub_album_view .bx_title .bx_sorting{display:none;margin-top:3px}
.sub_album_view .bx_title .bx_btn{display:none}
.sub_album_view .bx_title.bx_target{position:absolute;bottom:0;left:0;z-index:21}
.sub_album_view .target_revise.bx_target{bottom:-4px}
.sub_album_view .target_revise .target{display:none}
.sub_album_view .target_revise .btn_revise{display:none}
.sub_album_view .target_revise .bx_sorting{display:inline-block}
.sub_album_view .target_revise .btn_select{width:auto;margin-right:16px}
.sub_album_view .target_revise .bx_btn{display:inline-block;position:static}
.sub_album_view .target_revise .bx_btn button{margin-right:6px}

/* 4-3. 앨범 만들기 */
.sub_album_write{padding-bottom:45px}
.sub_album_write .area_write .bx_album_write{float:left;width:695px;min-height:660px;padding:18px 0 38px;border:1px solid #e0e0e0;box-sizing:border-box}
.bx_album_write:after{display:block;clear:both;content:''}
.bx_album_write .bx_lst{position:relative;padding-top:11px;margin:0 40px 10px;border-bottom:1px solid #f1f1f1}
.bx_album_write .album_tit{display:inline-block;position:relative;width:calc(100% - 157px);padding-bottom:10px;vertical-align:top}
.bx_album_write .bx_lst .tit{display:inline-block;width:157px;font-size:17px;color:#919191;line-height:44px;letter-spacing:-1px;vertical-align:top}
.bx_album_write .bx_lst .tit .must{color:#ff5c5c}
.bx_album_write .bx_lst .bx_input{width:356px;border:none;vertical-align:middle}
.bx_album_write .bx_lst .bx_input label{padding-left:0;line-height:44px;color:#919191}
.bx_album_write .bx_lst .bx_input input[type="text"]{padding:0;height:44px;line-height:44px;color:#171717}
.bx_album_write .bx_lst .bx_count{position:absolute;top:0;right:9px;font-size:15px;line-height:44px}
.bx_album_write .bx_lst .txt_for{display:inline-block;margin-left:7px;font-size:17px;line-height:44px;color:#171717;vertical-align:middle}
.bx_album_write .bx_lst .bx_sorting2 .btn_select{height:42px;padding-right:40px;line-height:40px}
.bx_album_write .bx_lst .bx_sorting2 .lst_select{right:0}
.bx_album_write .bx_lst.error{border-color:#ff5c5c}
.bx_album_write .bx_lst.error .txt_error{position:absolute;top:17px;left:157px;font-size:15px}
.bx_album_write .bx_lst .sending_info{display:inline-block;padding:4px 0 12px;vertical-align:top}
.bx_add{position:relative;width:100%;border:1px solid #f1f1f1;background-color:#fcfcfc;font-size:0;text-align:center;box-sizing:border-box}
.bx_album_write .bx_add{border:1px solid #fff;background-color:#fff;font-size:0;text-align:center;box-sizing:border-box}
.bx_add .cont_add{display:inline-block;padding:140px 0 149px;vertical-align:middle}
.bx_add .txt_guide{font-size:18px;line-height:28px;letter-spacing:-1px;color:#919191}
.bx_add .txt_guide:before{display:block;width:37px;height:40px;margin:0 auto 16px;background-position:-86px -16px;content:''}
.bx_add .btn_file_add{width:120px;margin-top:23px}
.bx_add .btn_file_add .ico_plus, .bx_add .btn_file_add .ico_plus2{margin-right:7px}
.bx_add .btn_add{position:absolute;top:30px;left:54px;width:102px;height:131px;border:1px dashed #dcdcdc;background-color:#fff;font-size:12px;color:#919191;vertical-align:top}
.bx_add .btn_add .ico_plus{display:block;width:16px;height:16px;margin:2px auto 6px}
.bx_add .btn_add .ico_plus:before,
.bx_add .btn_add .ico_plus:after{position:absolute;background-color:#919191;content:''}
.bx_add .btn_add .ico_plus:before{top:50%;left:0;width:100%;height:2px;margin-top:-1px}
.bx_add .btn_add .ico_plus:after{top:0;left:50%;width:2px;height:100%;margin-left:-1px}
.bx_add.on{border-color:#d3dae9;border-width:1px 0;background-color:rgba(43, 111, 245, .06)}
.lst_upload{display:inline-block;width:100%;min-height:473px;padding:25px 45px;box-sizing:border-box;text-align:left}
.lst_upload:before{display:inline-block;width:102px;height:131px;margin:5px 9px;box-sizing:border-box;content:''}
.lst_upload li{display:inline-block;position:relative;margin:5px 9px;vertical-align:top;box-sizing:border-box}
.lst_upload li.sortable-dragging{z-index:1;box-shadow:0 2px 4px 0 rgba(0,0,0,0.2)}
.lst_upload .btn_detail{display:block;position:relative}
.lst_upload .bx_img{width:102px;height:94px;background-color:#999;font-size:0;text-align:center}
.lst_upload .bx_img:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.lst_upload .bx_img:after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0, 0, 0, .06);box-sizing:border-box;content:''}
.lst_upload .bx_img img{position:absolute;top:0;left:0;width:100%;height:100%}
.lst_upload .bx_img.is_dimmed:after{background-color:rgba(0,0,0,.4)}
.lst_upload .bx_status{display:inline-block;position:relative;z-index:1;text-align:center;vertical-align:middle}
.lst_upload .bx_status .sp{display:block;margin:0 auto;background-position-y:0}
.lst_upload .bx_status .ico_mov{width:18px;height:26px;background-position-x:-383px}
.lst_upload .bx_status .ico_upload_fail{width:20px;height:22px;background-position-x:-361px}
.lst_upload .bx_status .ico_encoding{width:21px;height:22px;background-position-x:-338px;animation: rotate 1s infinite}
.lst_upload .bx_status .ico_encoding_fail, .lst_upload .bx_status .ico_image_fail{width:22px;height:22px;background-position-x:-314px}
.lst_upload .bx_status .dsc{display:block;margin-top:3px;font-size:11px;color:#fff;letter-spacing:-.5px}
.lst_upload .bx_status .progress2{width:70px;box-sizing:border-box;background-color:#fff}
.lst_upload .bx_status .progress2 + .dsc{margin-top:5px}
.lst_upload .btn_dsc{display:block;width:100%;border:1px dashed #dcdcdc;border-top:0;background-color:#fff;;font-size:13px;color:#919191;letter-spacing:-.5px;line-height:36px}
.lst_upload .btn_dsc .ico_plus{margin-right:4px}
.lst_upload .btn_dsc.on{overflow:hidden;width:102px;padding:0 9px;color:#171717;text-overflow:ellipsis;white-space:nowrap}
.lst_upload .btn_delete{position:absolute;top:0;right:0}
.lst_upload .btn_delete .sp{display:block;width:22px;height:22px;background-position:-366px -499px}
.bx_add .bx_tooltip{position:absolute;z-index:1;width:260px;height:109px;margin-left:-130px;border:1px solid #dedede;background-color:#fff;box-sizing:border-box;box-shadow:0 6px 18px 0 rgba(0,0,0,.1)}
.bx_add .bx_tooltip:before{position:absolute;top:-8px;left:50%;width:13px;height:13px;margin-left:-7px;border:solid #dedede;border-width:1px 0 0 1px;background-color:#fff;transform:rotate(45deg);content:''}
.bx_add .bx_tooltip .bx_textarea{width:258px;height:60px;padding:11px 13px;box-sizing:border-box;text-align:left}
.bx_add .bx_tooltip .bx_textarea label{position:absolute;top:11px;left:13px;font-size:13px;line-height:19px;color:#999}
.bx_add .bx_tooltip .bx_textarea textarea{height:100%;font-size:13px;line-height:19px}
.bx_add .bx_tooltip .bx_count{position:absolute;left:12px;bottom:12px;font-size:13px;line-height:28px}
.bx_add .bx_tooltip .btn_xs{position:absolute;right:12px;bottom:12px}
.lst_type1{margin:10px 0 0 40px}
.lst_type1 li{position:relative;padding-left:15px;font-size:13px;line-height:22px;color:#999;text-align:left}
.lst_type1 li:before{position:absolute;top:0;left:0;content:'※'}
.sub_album_write .bx_info_send{min-height:667px}
.sub_album_write .upload_txt{display:inline-block;margin:0 0 4px 14px;font-size:18px;font-weight:700;color:#b2b2b2;vertical-align:bottom}

/* 5. cs (고객센터) ----------------------------------------- */
.sub_cs{padding-bottom:40px}
.area_cstab{overflow:hidden;padding:34px 0 0 1px;text-align:center;*margin-left:-1px}
.area_cstab li{float:left;width:25%}
.area_cstab li a{display:block;height:39px;margin-left:-1px;border:1px solid #e2e2e2;background:#fff;color:#4b4b4b;font-size:14px;line-height:39px}
.area_cstab li a:hover{text-decoration:underline}
.area_cstab .on{position:relative}
.area_cstab .on a{color:#fff;font-weight:700;background:#2b6ff5;border:1px solid #2b6ff5}

/* 6. 행정문서 ----------------------------------------- */
.sub_document .area_title{padding-right:250px}
.sub_document .form_search{position:absolute;right:0;bottom:0;width:295px}
.sub_document .file_select_area2{margin-top:50px}
.sub_document .file_select_area2 .group_sorting{right:-3px}
.sub_document .file_select_area2 .bx_sorting + .bx_sorting{margin-left:12px}
.sub_document .file_select_area2.nodata .group_sorting{right:auto;margin-right:-3px}
.sub_document .bx_sorting:last-child .lst_select{left:auto;right:0}
.sub_document .cate_sorting .bx_sorting2 + .bx_sorting2:before{position:absolute;top:0;left:0;width:20px;height:52px;background:url(../img/sp.png) no-repeat -488px -79px;content:''}
.sub_document .cate_sorting .bx_sorting2 + .bx_sorting2:after{position:absolute;top:1px;left:-1px;bottom:1px;z-index:1;width:1px;background-color:#fff;content:''}
.sub_document .cate_sorting .bx_sorting2 + .bx_sorting2 .btn_select{width:176px;padding-left:33px;border-left:0}
.sub_document .cate_sorting .bx_sorting2 + .bx_sorting2 .lst_select{left:18px;right:0;width:auto;min-width:auto;max-height:140px}
.sub_document .cate_sorting .btn_select{width:158px;min-width:auto;height:52px;font-size:18px;line-height:50px}
.sub_document .cate_sorting .lst_select{width:100%}
.sub_document .bx_nodata{height:340px;margin:15px 0 130px;border-top:1px solid #bfbfbf}
.sub_document .bx_nodata .nodata_inner{margin-top:-15px}
.sub_document .bx_nodata .dsc{font-size:17px;color:#222;letter-spacing:-1px}
.sub_document .bx_nodata .sub_dsc{margin-top:13px;letter-spacing:normal}
.bx_category_document{margin-top:50px;border:1px solid #e6e6e6;border-width:1px 0}
.bx_category_document + .file_select_area2{margin-top:37px}
.category_document{display:flex;display:-ms-flexbox;flex-wrap:wrap;flex-direction:row;justify-content:left;-ms-flex-flow:row wrap;margin:-7px 0 0 -7px;padding:18px 0 23px;font-size:0}
.category_document li{margin:7px 0 0 7px}
.category_document li a{display:block;width:140px;font-size:16px;color:#575757}
.category_document li.on a{font-weight:700;color:#171717}
.bx_lst_document{margin-top:20px}
.bx_lst_document .txt_total{margin-bottom:20px;padding-top:30px;border-top:1px solid #ebebeb;font-size:18px;color:#575757}
.bx_lst_document .txt_total em{color:#2b6ff5}
.lst_document{margin:-52px 0 0 -15px;font-size:0}
.lst_document li{display:inline-block;margin:50px 0 0 15px;vertical-align:top}
.lst_document li a{display:block;width:233px}
.lst_document .bx_img{display:block;position:relative;width:233px;height:330px;box-sizing:border-box;font-size:0;text-align:center}
.lst_document .bx_img:before{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #dedede;content:''}
.lst_document .bx_img:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.lst_document .bx_img img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle}
.lst_document .ico_file{position:absolute;left:10px;bottom:10px;z-index:1;width:36px;height:36px}
.lst_document .ico_file.ppt{background-position:-320px -181px}
.lst_document .ico_file.word{background-position:-358px -181px}
.lst_document .ico_file.pdf{background-position:-396px -181px}
.lst_document .ico_file.hwp{background-position:-434px -181px}
.lst_document .ico_file.excel{background-position:-472px -181px}
.document_info{margin-top:20px}
.document_info span{font-size:13px;color:#999}
.document_info .document_tit{display:block;overflow:hidden;font-size:17px;font-weight:700;color:#171717;text-overflow:ellipsis;white-space:nowrap}
.document_info .breadcrumb, .document_info .target{margin-top:3px}
.sub_document .pagination{padding-top:70px}
.sub_document_detail{padding-bottom:100px}
.sub_document_detail .group_document_info{position:relative;margin-top:25px;padding:40px 0 70px;border-top:1px solid #e6e6e6}
.group_document_info .bx_thumbnail{width:420px}
.group_document_info .big_thumb{display:block;position:relative;width:420px;height:595px;font-size:0;text-align:center;cursor:pointer}
.group_document_info .big_thumb:before{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #ccc;content:''}
.group_document_info .big_thumb:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.group_document_info .big_thumb img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle}
.group_document_info .big_thumb .bx_count{position:absolute;bottom:14px;left:50%;z-index:1;width:50px;height:26px;margin-left:-25px;background-color:rgba(0,0,0,.06);font-size:0;line-height:26px;text-align:center}
.group_document_info .big_thumb .bx_count span{display:inline-block;font-size:13px;vertical-align:middle}
.group_document_info .big_thumb .bx_count .num{font-weight:700}
.group_document_info .bx_lst_thumb{position:relative}
.group_document_info .lst_thumb{margin-top:20px;padding:0 33px;font-size:0;text-align:left}
.group_document_info .lst_thumb li{display:inline-block;vertical-align:middle}
.group_document_info .lst_thumb li + li{margin-left:6px}
.group_document_info .lst_thumb .bx_img{display:block;position:relative;width:66px;height:66px;text-align:center;font-size:0;cursor:pointer}
.group_document_info .lst_thumb .bx_img:before{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #dedede;content:''}
.group_document_info .lst_thumb .bx_img:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.group_document_info .lst_thumb .bx_img img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle}
.group_document_info .lst_thumb li.on .bx_img:before{border-color:#3577f8}
.bx_lst_thumb .btn_prev, .bx_lst_thumb .btn_next{position:absolute;top:0;left:0;width:26px;height:66px;border:1px solid #ccc;box-sizing:border-box;background-color:#fff}
.bx_lst_thumb .btn_next{left:auto;right:0}
.bx_lst_thumb .btn_prev .sp, .bx_lst_thumb .btn_next .sp{display:block;width:8px;height:12px;margin:0 auto}
.bx_lst_thumb .btn_prev .sp{background-position:-152px 0}
.bx_lst_thumb .btn_next .sp{background-position:-162px 0}
.bx_lst_thumb .btn_prev:disabled, .bx_lst_thumb .btn_next:disabled{border-color:#e9e9e9;background-color:#fcfcfc;cursor:default}
.bx_lst_thumb .btn_prev:disabled .sp{background-position:-27px 0}
.bx_lst_thumb .btn_next:disabled .sp{background-position:-37px 0}
.group_document_info .bx_txt_info{position:absolute;top:40px;right:0;bottom:70px;width:466px}
.bx_txt_info .txt_info + .txt_info{margin-top:49px}
.bx_txt_info .info_tit{display:block;font-size:15px;font-weight:700;color:#171717}
.bx_txt_info .info_dsc{display:block;margin-top:8px;font-size:15px;color:#575757;line-height:22px}
.group_document_info .lst_calendar{margin:10px 0 0 -11px}
.lst_calendar li{display:inline-block;width:108px;height:40px;margin:10px 0 0 11px;border:1px solid #c4c4c4;box-sizing:border-box;font-size:14px;color:#575757;text-align:center;vertical-align:top}
.lst_calendar li:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.lst_calendar li .txt{display:inline-block;vertical-align:middle}
.lst_calendar li .txt:before{display:inline-block;width:13px;height:10px;margin:6px 2px 0 0;background:url(../img/sp.png) no-repeat -47px 0;vertical-align:top;content:''}
.group_document_info .lst_keyword{margin:-1px 0 0 -10px}
.lst_keyword li{display:inline-block;position:relative;margin:7px 0 0 10px;vertical-align:top}
.lst_keyword li:after{position:absolute;right:0;bottom:0;font-size:15px;color:#999;content:','}
.lst_keyword li:last-child:after{display:none}
.lst_keyword li .txt{display:block;padding-right:3px;font-size:15px;color:#999}
.bx_txt_info .bx_btn{position:absolute;left:0;right:0;bottom:0}
.bx_txt_info .bx_btn .btn_l{width:228px;height:66px;margin-left:10px}
.bx_txt_info .bx_btn .btn_l:first-child{margin-left:0}
.sub_document_detail .bx_document{padding:70px 0;border-top:1px solid #e6e6e6}
.sub_document_detail .bx_document .bx_tit{position:relative;font-size:0}
.sub_document_detail .bx_document .tit{display:inline-block;font-size:18px;color:#171717;font-weight:700;line-height:28px;vertical-align:top}
.sub_document_detail .bx_document .num{display:inline-block;margin-left:4px;font-size:18px;color:#3577f8;line-height:28px;vertical-align:top}
.sub_document_detail .bx_document .tit_dsc{display:inline-block;margin-left:11px;font-size:15px;color:#575757;line-height:28px;vertical-align:top}
.another_document .bx_btn{position:absolute;top:0;right:0;font-size:0}
.another_document .bx_count{display:inline-block;margin-right:10px;font-size:15px;color:#919191;vertical-align:middle}
.another_document .bx_count .now{font-weight:700;color:#050b17}
.another_document .bx_btn button:last-child{border-left:0}
.another_document .btn_prev, .another_document .btn_next{display:inline-block;width:28px;height:28px;border:1px solid #dedede;vertical-align:middle}
.another_document .btn_prev .sp, .another_document .btn_next .sp{display:block;width:8px;height:12px;margin:0 auto}
.another_document .btn_prev .sp{background-position:-152px 0}
.another_document .btn_next .sp{background-position:-162px 0}
.another_document .btn_prev:disabled, .another_document .btn_next:disabled{border-color:#e9e9e9;background-color:#fcfcfc;cursor:default}
.another_document .btn_prev:disabled .sp{background-position:-27px 0}
.another_document .btn_next:disabled .sp{background-position:-37px 0}
.another_document .lst_document{margin:27px 0 0}
.another_document .lst_document li{margin:0 0 0 20px}
.another_document .lst_document li:first-child{margin-left:0}
.another_document .lst_document li a{width:221px}
.another_document .lst_document .bx_img{width:221px;height:313px;font-size:0;text-align:center}
.another_document .lst_document .ico_file{left:9px;bottom:9px}
.recommend_document .lst_recommend{margin:17px 0 0 -25px}
.lst_recommend li{display:inline-block;margin:18px 0 0 25px}
.lst_recommend .document_link{display:block;width:290px;font-size:0}
.lst_recommend .document_link .name{display:inline-block;overflow:hidden;max-width:206px;font-size:17px;color:#575757;line-height:22px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}
.lst_recommend .document_link .tag{display:inline-block;padding:0 10px;margin-left:8px;border:1px solid #3577f8;font-size:12px;color:#3577f8;line-height:20px;vertical-align:middle}
.lst_recommend .ico_file{width:22px;height:22px;margin-right:9px;vertical-align:middle}
.lst_recommend .ico_file.ppt{background-position:-320px -157px}
.lst_recommend .ico_file.word{background-position:-344px -157px}
.lst_recommend .ico_file.pdf{background-position:-368px -157px}
.lst_recommend .ico_file.hwp{background-position:-392px -157px}
.lst_recommend .ico_file.excel{background-position:-416px -157px}

/* 7. 내 서식 -----------------------------------------*/
.sub_myform .area_title{margin-bottom:30px;padding-right:250px}
.sub_myform .form_search{position:absolute;top:0;right:0;width:200px}
.sub_myform .file_select_area2{position:relative;margin-top:20px}
.sub_myform .file_select_area2 .group_sorting{bottom:-6px}
.sub_myform .group_sorting .bx_sorting:last-child .lst_select{left:auto;right:0;min-width:100px}
.tbl_type.myform_tbl{margin-top:20px}
.myform_tbl thead th{padding:21px 10px}
.myform_tbl tr:hover td{background-color:#fafbff}
.myform_tbl th.bx_file_info{font-size:15px}
.myform_tbl .bx_file_info{padding-left:0;padding-right:0;text-align:left;font-size:0}
.myform_tbl .bx_file_info .link_file{display:block;font-size:0}
.myform_tbl .bx_file_info .file_name{display:inline-block;overflow:hidden;max-width:calc(100% - 28px);font-size:15px;color:#575757;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.myform_tbl .ico_view{display:block;width:28px;height:28px;margin:0 auto;background-position:-440px -151px}
.myform_tbl .ico_file{width:20px;height:17px;margin-right:8px;vertical-align:middle}
.myform_tbl .ico_file.ppt{background-position:-320px -138px}
.myform_tbl .ico_file.word{background-position:-342px -138px}
.myform_tbl .ico_file.pdf{background-position:-364px -138px}
.myform_tbl .ico_file.hwp{background-position:-386px -138px}
.myform_tbl .ico_file.excel{background-position:-408px -138px}
.myform_tbl .date{font-size:12px;color:#b8b8b8}
.sub_myform .bx_nodata{height:337px;margin:20px 0 70px;border-top:1px solid #bfbfbf}
.sub_myform .bx_nodata:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.sub_myform .bx_nodata .dsc{font-size:17px;color:#919191;letter-spacing:-1px}
.sub_myform .bx_nodata .btn2{display:block;width:180px;margin-top:25px}
.sub_myform .pagination{margin-top:35px}
.sub_myform_history .area_title{margin-bottom:40px}
.sub_myform_history .area_title .tit_dsc{margin-top:10px}

/* 8. 아이엠스쿨 관리자 회원가입 -----------------------------*/
.school_manager .input_chk + label:after{background-position:-510px -103px}
.school_manager .input_chk:checked + label:after{background-position:-532px -103px}
.school_manager .input_chk2:checked + label:after{background-position:-264px -210px}
.school_manager .bx_btn .btn2{border-color:#2ec971;color:#2ec971}
.school_manager .bx_btn .btn3{border-color:#2ec971;background-color:#2ec971}
.school_manager .bx_btn .btn2:hover{background-color:#f0fff6}
.school_manager .bx_btn .btn2:active{background-color:#e6faee}
.school_manager .bx_btn .btn3:hover{background-color:#0ec45d}
.school_manager .bx_btn .btn3:active{background-color:#06bd58}
.school_manager .bx_btn .btn:disabled,
.school_manager .bx_btn .btn2:disabled,
.school_manager .bx_btn .btn3:disabled{border-color:#e9e9e9;background-color:#fcfcfc}
.school_manager .logo .sp{width:178px;height:83px;background-position:0 -222px}
.school_manager .sub_add_info .group_full{margin-top:55px}
.school_manager_tw .logo .sp{width:222px;height:80px;background-position:0 -307px} /* 대만버전 로고 추가 */

/* 99. etc --------------------------------------------------*/
/* 오류페이지 */
.error .bx_align{width:460px;margin:0 auto;text-align:center}
.error .bx_align .bx_txt{margin-top:40px;padding:30px 0;border-top:1px solid #bfbfbf;border-bottom:1px solid #f2f2f2}
.error .bx_align .bx_txt .dsc{line-height:28px;color:#666}
.error .bx_align .sub_tit{font-size:34px;line-height:45px;color:#404040}
.error .bx_align .sub_tit em{font-weight:700}
.error .bx_align .sub_tit_m, .error .bx_align .bx_txt_m{display:none}
.error .bx_align .copyright{margin-top:81px;letter-spacing:normal}

.wrap.error .bx_align_text{display:flex;flex-direction:column;align-items:center;justify-content:center;height:835px}
.wrap.error .bx_align_text .bx_text{margin-top:-100px}
.wrap.error .bx_align_text .error_txt{color:#333;font-size:16px;line-height:24px}

/* tui 관련 CSS ------------------------------------------------*/
/* 1. tui-datepicker (디폴트, 홈 데이트피커) */
.tui-datepicker{left:-1px;right:-1px;z-index:20;padding:20px;border:1px solid rgba(0, 0, 0, .1);box-shadow:0 6px 18px 0 rgba(0, 0, 0, .1);font-size:0}
.tui-datepicker-input.tui-has-focus .tui-ico-date{width:auto;height:auto;top:0;right:0;margin:0;padding:15px;background:none}
.tui-datepicker-input.tui-has-focus .tui-ico-date .sp{display:block;width:24px;height:22px;background-position:-126px 0;line-height:normal}
.tui-datepicker .tui-datepicker-type-date, .tui-datepicker .tui-calendar{width:auto}
.tui-datepicker_calendar .tui-is-selectable:hover{border-radius:50%}
.tui-datepicker_calendar .tui-calendar .tui-calendar-header{border-bottom:0}
.tui-datepicker_calendar .tui-calendar .tui-calendar-header-inner{height:auto;margin:4px 0 12px;padding:0 15px;text-align:left}
.tui-datepicker_calendar .tui-calendar .tui-calendar-title{float:left;margin-right:9px;font-size:16px;font-weight:700;color:#171717;line-height:22px}
.tui-datepicker_calendar .tui-calendar .tui-calendar-btn-next-month, .tui-datepicker_calendar .tui-calendar .tui-calendar-btn-next-year, .tui-datepicker_calendar .tui-calendar .tui-calendar-btn-prev-month, .tui-datepicker_calendar .tui-calendar .tui-calendar-btn-prev-year{display:inline-block;position:relative;width:22px;height:22px;border:1px solid #e9e9e9;background:#fff}
.tui-datepicker_calendar .tui-calendar .tui-calendar-btn-next-month, .tui-datepicker_calendar .tui-calendar .tui-calendar-btn-next-year{left:-1px}
.tui-datepicker_calendar .tui-calendar .tui-calendar-btn-next-month:after, .tui-datepicker_calendar .tui-calendar .tui-calendar-btn-next-year:after, .tui-datepicker_calendar .tui-calendar .tui-calendar-btn-prev-month:after, .tui-datepicker_calendar .tui-calendar .tui-calendar-btn-prev-year:after{width:8px;height:10px}
.tui-datepicker_calendar .tui-calendar .tui-calendar-btn-next-month:after, .tui-datepicker_calendar .tui-calendar .tui-calendar-btn-next-year:after{margin-right:-5px;background-position:-162px -14px}
.tui-datepicker_calendar .tui-calendar .tui-calendar-btn-prev-month:after, .tui-datepicker_calendar .tui-calendar .tui-calendar-btn-prev-year:after{margin-left:-5px;background-position:-152px -14px}
.tui-datepicker_calendar .tui-calendar .tui-calendar-title-today{display:none}
.tui-datepicker_calendar .tui-calendar .tui-calendar-body-inner{font-size:14px}
.tui-datepicker_calendar .tui-calendar td, .tui-datepicker_calendar .tui-calendar th{font-size:16px;font-weight:700}
.tui-datepicker_calendar .tui-calendar td{position:relative;z-index:1;height:48px;color:#171717;line-height:34px}
.tui-datepicker_calendar .tui-datepicker .tui-calendar-today:before,
.tui-datepicker_calendar .tui-datepicker.tui-rangepicker .tui-is-selectable.tui-is-selected:before{position:absolute;top:0;right:0}
.tui-datepicker_calendar .tui-datepicker.tui-rangepicker .tui-is-selected-range{background-color:transparent}
.tui-datepicker_calendar .tui-datepicker .tui-is-selectable.tui-is-selected, .tui-datepicker_calendar .tui-datepicker.tui-rangepicker .tui-is-selectable.tui-is-selected{border-radius:50%;background-color:#3577f8}

/* 시작 날짜 & 종료 날짜_UI */
#startpicker-container.tui-datepicker_calendar .tui-calendar td, #endpicker-container.tui-datepicker_calendar .tui-calendar td{height:43px;line-height:41px}
.tui-calendar .tui-calendar-next-month.tui-calendar-date, .tui-calendar .tui-calendar-prev-month.tui-calendar-date{visibility:inherit;color:#919191}

/* 2. tui-grid */
.grid_container .tui-grid-head-area{height:56px;margin-right:0;padding:0;border-bottom-width:0;background-color:transparent}
.grid_container .tui-grid-body-area{overflow:hidden}
.grid_container .tui-grid-body-container{margin-top:0;background-color:#fff}
.grid_container .tui-grid-table{border:none}
.grid_container .tui-grid-column-resize-handle{display:none !important}
.grid_container .tui-grid-content-area{border:1px solid #bfbfbf;border-width:1px 0 0}

/* 좌측 테이블 (lside) */
.grid_container .tui-grid-lside-area .tui-grid-body-area{margin-right:0}
.grid_container .tui-grid-lside-area th.tui-grid-cell-head{border-color:#fff}
.grid_container .tui-grid-lside-area td.tui-grid-cell-head{border-color:#e0e0e0;border-left-color:#fff}
.grid_container .tui-grid-lside-area .tui-grid-body-area,
.grid_container .tui-grid-rside-area .tui-grid-body-area{background-color:transparent}

/* 우측 테이블 (rside) */
.grid_container .tui-grid-rside-area .tui-grid-body-area .tui-grid-table{width:100%;border-color:#fff}
.grid_container .tui-grid-rside-area .tui-grid-cell-head{height:57px;border:none}
.grid_container .tui-grid-rside-area .tui-grid-body-area tbody td:last-child{border-right:0}
.grid_container .tui-grid-border-line{display:none}
.grid_container .tui-grid-border-line-top{background-color:#bfbfbf}
.grid_container .tui-grid-rside-area .tui-grid-body-area{overflow-y:auto}
.grid_container .tui-grid-cell-head{background-color:#fff}
.grid_container .tui-grid-cell-head.tui-grid-cell-selected{background-color:#f9fafd}
.grid_container .tui-grid-cell .tui-grid-cell-content{padding:9px 5px;font-size:14px;text-align:center}
.grid_container .tui-grid-cell .must{font-size:12px;font-weight:700;color:#ff5c5c}
.grid_container .tui-grid-cell .txt_error, .grid_container .tui-grid-cell .txt_color{margin-top:0;font-size:12px}

/* 셀영역 */
.grid_container .tui-grid-layer-selection{z-index:30;border-color:rgba(43, 111, 245, 1);background-color:rgba(43, 111, 245, .03);opacity:1}
.grid_container .tui-grid-layer-selection[style*="block"] + .tui-grid-layer-focus{display:none !important}
.grid_container .tui-grid-cell-content .tui-grid-content-before,
.grid_container .tui-grid-cell-content .tui-grid-content-after{float:none;margin:0;line-height:normal}
.grid_container .tui-grid-layer-focus-border{background-color:#2b6ff5}
.grid_container .tui-grid-layer-focus-deactive .tui-grid-layer-focus-border{background-color:transparent}
.grid_container .tui-grid-layer-editing.tui-grid-cell-content{padding:5px 10px}
.grid_container .tui-grid-cell-content input[type='text']{height:100%;border:0;font-size:14px;color:#575757}
.grid_container .tui-grid-cell-content input[type='text']::-ms-clear{display:none}
.grid_container .tui-grid-cell-content select{display:block;position:relative;width:100%;padding-left:5px;border:0;font-size:14px;line-height:26px}
.grid_container .tui-grid-cell-content .tui-grid-content-input{position:relative}

/* 스크롤바 */
.grid_container .tui-grid-scrollbar-border{display:none}
.grid_container .tui-grid-scrollbar-right-bottom,
.grid_container .tui-grid-scrollbar-left-bottom{display:none}
.grid_container .tui-grid-scrollbar-head{border:0;background-color:transparent}
.grid_container .tui-grid-scrollbar-border{bottom:0}

/* 체크박스 */
.grid_container .Checkbox_checkbox{margin-top:-4px;vertical-align:middle}
.grid_container .Checkbox_indicator:before, .grid_container .Checkbox_indicator:after{transition:none}
.grid_container input[type=checkbox][disabled]~.Checkbox_indicator{opacity:1}
.grid_container input[type=checkbox][disabled]~.Checkbox_indicator:before{width:20px;height:20px;border:0;border-radius:0;background-color:#ebebeb}
.grid_container .Checkbox_indicator:before{width:18px;height:18px;border-color:#999;border-radius:0;background-color:#fff}
.grid_container input[type=checkbox]:checked~.Checkbox_indicator:before{border-color:#3577f8;background-color:#fff}
.grid_container input[type=checkbox]:checked~.Checkbox_indicator:after{left:7px;height:9px;border-width:0 1px 1px 0;border-color:#3577f8}
.ly_student .grid_container .tui-grid-rside-area{width:auto !important}

/* 3. tui-full-calendar (일정) */
/* tui-full-calendar (default) */
#calendar.calendar_container{top:-42px;left:0;right:0;bottom:0}
.calendar_container .tui-full-calendar-month-dayname{border:0}
.calendar_container .tui-view-6{position:relative}
/* 셀 영역 */
.tui-full-calendar-weekday-grid-line:hover{background-color:transparent}
/* 요일영역 */
.calendar_container .calendar-week-dayname-name{font-size:16px;color:#a9a9a9;line-height:normal}
.calendar_container .tui-full-calendar-holiday-sun .calendar-week-dayname-name{color:#f44336}
.tui-full-calendar-weekday-grid .tui-full-calendar-weekday-grid-line:first-of-type{border-left:1px solid #f0f0f0}
.tui-full-calendar-weekday-grid .tui-full-calendar-weekday-grid-line:last-of-type{border-right:1px solid #f0f0f0}
.tui-full-calendar-weekday-grid .tui-full-calendar-weekday-grid-line.tui-full-calendar-today:first-of-type,
.tui-full-calendar-weekday-grid .tui-full-calendar-weekday-grid-line.tui-full-calendar-today:last-of-type{border-color:#3577f8}
.tui-full-calendar-month-dayname-item{text-align:left}
/* 날짜영역 */
.tui-full-calendar-weekday-border{display:none}
.tui-full-calendar-weekday-grid-line{margin-left:0;border-color:#f0f0f0}
.tui-full-calendar-near-month-day .tui-full-calendar-weekday-grid-date{font-size:19px;font-weight:700;color:#171717;vertical-align:middle}
.tui-full-calendar-near-month-day .tui-full-calendar-weekday-grid-date.holiday{color:#f48181}
.tui-full-calendar-near-month-day.tui-full-calendar-holiday-sun .tui-full-calendar-weekday-grid-date{color:#f48181}
.tui-full-calendar-near-month-day.tui-full-calendar-extra-date .tui-full-calendar-weekday-grid-date{color:#b9b9b9}
.tui-full-calendar-near-month-day.tui-full-calendar-extra-date.tui-full-calendar-holiday-sun .tui-full-calendar-weekday-grid-date{color:#f48181}
.tui-full-calendar-near-month-day.tui-full-calendar-extra-date .tui-full-calendar-weekday-grid-date.holiday{color:#f48181}
.tui-full-calendar-month-week-item .tui-full-calendar-holiday-sun, .tui-full-calendar-month-week-item .tui-full-calendar-holiday-sat{background-color:transparent}
/* 오늘 */
.tui-full-calendar-month-week-item .tui-full-calendar-today .tui-full-calendar-weekday-grid-date-decorator{width:40px;height:25px;margin:1px 0 0 7px;box-sizing:border-box;background-color:#3577f8;font-size:13px;color:#fff;line-height:23px;letter-spacing:-.5px;text-align:center;vertical-align:top}
.tui-full-calendar-month-week-item .tui-full-calendar-today{border:1px solid #3577f8;box-sizing:border-box}
.tui-full-calendar-month-week-item .tui-full-calendar-holiday-sun.tui-full-calendar-today{border:1px solid #3577f8}
/* 공휴일 */
.tui-full-calendar-weekday-grid-header{position:relative;font-size:0}
.tui-full-calendar-weekday-grid-header .tui-full-calendar-weekday-grid-date-title{position:absolute;top:50%;right:12px;margin:-10px 0 0;font-size:13px;color:#f48181;line-height:normal}
.tui-full-calendar-holiday-sun .tui-full-calendar-weekday-grid-date-title, .tui-full-calendar-holiday-sat .tui-full-calendar-weekday-grid-date-title{overflow:hidden;right:2px;max-width:37px;text-overflow:ellipsis;white-space:nowrap}
/* 스케줄 목록 */
.tui-full-calendar-weekday-schedule{height:19px !important}
.tui-full-calendar-weekday-schedule-block{height:19px !important;margin-top:1px !important}
.tui-full-calendar-weekday-schedule-block:first-of-type{margin-top:0 !important}
.tui-full-calendar-weekday-schedule-title{position:relative;padding-left:25px;border:0 !important;font-size:15px;color:#575757 !important;letter-spacing:-.5px;line-height:19px}
.tui-full-calendar-weekday-schedule-title:hover{text-decoration:underline}
.tui-full-calendar-month-week-item .tui-full-calendar-weekday-schedule{margin:0;border:0}
.tui-full-calendar-weekday-schedule.tui-full-calendar-weekday-schedule-time .tui-full-calendar-weekday-schedule-title{padding:0 10px 0 25px}
.tui-full-calendar-weekday-schedule-bullet{display:none}
.tui-full-calendar-weekday-schedule-title .bullet{position:absolute;top:50%;left:12px;width:6px;height:6px;margin-top:-3px;border-radius:50%}
.tui-full-calendar-weekday-schedule-title .bullet.global_schedule{background-color:#ead674}
.teacher .tui-full-calendar-weekday-schedule-title .bullet.global_schedule{background-color:#a58ff8}
.tui-full-calendar-weekday-schedule-title .bullet.local_schedule{background-color:#f2a480}
.teacher .tui-full-calendar-weekday-schedule-title .bullet.local_schedule{background-color:#f2a480}
.school .tui-full-calendar-weekday-schedule-title .bullet.local_schedule{background-color:#a58ff8}
.tui-full-calendar-weekday-resize-handle{display:none}
/* 일정 더보기 */
.tui-full-calendar-weekday-grid-line .tui-full-calendar-weekday-grid-footer{bottom:26px}
.tui-full-calendar-weekday-exceed-in-month:hover{background-color:transparent}
.tui-full-calendar-weekday-grid-footer .tui-full-calendar-weekday-exceed-in-month{position:relative;margin:0;padding-left:25px;font-size:initial;color:#6378b4;letter-spacing:-.5px}
.tui-full-calendar-weekday-grid-footer .tui-full-calendar-weekday-exceed-in-month:before{position:absolute;top:50%;left:11px;width:9px;height:9px;margin-top:-3px;background:url(../img/sp.png) no-repeat -126px -24px;content:''}
.calendar-footer-more-schedules{font-size:15px}
.calendar-footer-more-schedules:hover{text-decoration:underline}
/* 일정 목록 팝업 */
.tui-full-calendar-floating-layer{z-index:50 !important}
.tui-full-calendar-month-more{min-width:218px;padding:21px 23px 40px;border-color:rgba(0, 0, 0, .1);box-shadow:0 6px 18px 0 rgba(0, 0, 0, 0.1)}
.tui-full-calendar-month-more-title{position:relative;height:auto;padding:0 3px;border-bottom:0;background-color:#fff;font-size:22px;color:#171717}
.tui-full-calendar-month-more-title span{display:inline-block;vertical-align:bottom}
.tui-full-calendar-month-more-title .more_weekname{margin-left:3px;font-size:16px;color:#000;line-height:normal;letter-spacing:-.5px}
.tui-full-calendar-month-more-close{position:absolute;top:2px;right:3px;margin-top:0;padding:14px}
.tui-full-calendar-month-more-close:before{position:absolute;top:50%;left:50%;width:18px;height:16px;margin:-8px 0 0 -9px;background:url(../img/sp.png) no-repeat -126px -36px;content:''}
.tui-full-calendar-month-more-list{overflow-y:auto;overflow-x:hidden;max-height:276px;margin-top:11px;padding:0}
.tui-full-calendar-month-more-list .tui-full-calendar-month-more-allday{padding-left:20px}
.tui-full-calendar-month-more-list .tui-full-calendar-month-more-schedule{margin:0;padding-left:20px;margin:1px 0 0}
.tui-full-calendar-month-more-list .tui-full-calendar-weekday-schedule-time.tui-full-calendar-weekday-schedule{height:auto !important;padding-left:0}
.tui-full-calendar-month-more-list .tui-full-calendar-weekday-schedule-time .tui-full-calendar-weekday-schedule-title{padding-left:20px}
.tui-full-calendar-month-more-list .tui-full-calendar-weekday-schedule-title{overflow:auto;line-height:22px;text-overflow:initial;white-space:normal}
.tui-full-calendar-month-more-list .tui-full-calendar-weekday-schedule-title .bullet{top:9px;left:7px;margin-top:0}

/* 알림장, 설문 내 데이트 피커 */
.area_write .tui-datepicker{width:380px}
.area_write .tui-datetime-input{width:110px;height:34px;border-color:#e0e0e0;box-sizing:border-box;line-height:32px;vertical-align:bottom}
.area_write .tui-datepicker-input input{padding:0 0 1px;font-size:15px;color:#575757;text-align:center}
.area_write .tui-datepicker-type-date, .area_write .tui-calendar{width:auto}
.area_write .tui-datepicker_calendar .tui-calendar .tui-calendar-header-inner{padding:0 0 0 9px;line-height:normal}
.area_write .tui-datepicker_calendar .tui-calendar .tui-calendar-header{margin-bottom:7px}

/* 설문 */
.sub_survey .bx_include_file .image .btn_delete .sp,
.sub_survey .q_input .bx_chk_req .input_lbl::after,
.sub_survey .q_input .ex_add .btn_add::before,
.sub_survey .q_input .bx_input_rdo2 .bx_sorting2 .btn_select::after,
.sub_survey .btn_move_area button::after,
.sub_survey .list .btn2::before{background-image:url(../img/sp_new.png);background-repeat:no-repeat}

.sub_survey{padding-bottom:90px}
.sub_survey .area_title .tit_dsc{margin-top:10px}
.sub_survey .area_title.v2 .sub_tit{width:600px;font-size:26px;line-height:38px}
.sub_survey .area_title .b_area{position:absolute;right:0;bottom:3px;font-size:0}
.sub_survey .area_title .b_area button,.sub_survey .area_title .b_area a{display:inline-block;width:130px;font-size:15px;font-weight:700;margin-left:10px}
.sub_survey .area_title .txt_date{margin-top:5px}
.sub_survey .area_title .txt_date span{display:inline-block;font-size:14px;color:#575757}
.sub_survey .area_title .txt_date span::before{content:'|';display:inline-block;margin:0 8px;font-size:12px;color:#e0e0e0;vertical-align:top}
.sub_survey .area_title .txt_date span:first-child::before{content:none}
.sub_survey .area_title + .lst_tab{margin-top:24px}
.sub_survey .area_title .bx_btn_area .btn_notice_write{height:auto;padding:11px 5px 13px;line-height:normal}

.total_sort{display:inline-block;margin-top:9px;font-size:15px;color:#171717;line-height:22px}

.tbl_survey{margin-top:20px}
.tbl_survey tbody tr:first-child td{border-top:none}
.tbl_survey tr:hover td{background-color:#fafbff}
.tbl_survey td{height:70px;padding:0;font-size:14px;text-align:center}
.tbl_survey td a{font-size:16px;color:#575757}
.tbl_survey .state span{display:block;font-size:13px;color:#a9a9a9}
.tbl_survey .state.ongoing{color:#3577f8}
.tbl_survey .state.closed{color:#a9a9a9}
.tbl_survey .subject{padding-left:20px;text-align:left}
.tbl_survey .btn_xs {height:auto;padding:4px 12px 6px;line-height:normal}

.sub_survey .area_filter .bx_sorting{width:auto}
.sub_survey .area_filter .bx_sorting .btn_select{min-width:auto}
.sub_survey .area_filter .bx_sorting .lst_select{min-width:auto}
.sub_survey .area_filter .form_search{position:absolute;top:0;right:0;width:200px}
.sub_survey .bx_nodata{margin-top:10px;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf}
.sub_survey .pagination{margin-top:40px}

.sub_survey.case_post_util .bx_post_util{position:absolute;bottom:168px;right:26px;margin-top:0}
.sub_survey.case_post_util .pagination{margin-top:89px}

.sub_survey .set .st{font-size:16px;color:#222;font-weight:700}
.sub_survey .info{padding-bottom:40px;border-top:1px solid #b3b3b3;border-bottom:1px solid #e6e6e6}
.sub_survey .info li{margin-top:30px}
.sub_survey .bx_include_file{position:relative;margin-top:20px}
.sub_survey .bx_include_file .image{display:inline-block;position:relative;max-width:580px;min-width:100px;min-height:100px}
.sub_survey .bx_include_file .image::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #d9d9d9;box-sizing:border-box}
.sub_survey .bx_include_file .image .btn_delete{position:absolute;right:0;top:0;z-index:1;padding:0}
.sub_survey .bx_include_file .image .btn_delete .sp{position:static;display:block;width:21px;height:21px;background-position:-366px 0}
.sub_survey .bx_include_file .file{position:relative;width:100%;height:55px;padding-left:60px;border:1px solid #ddd;background-color:#fff;box-sizing:border-box;line-height:53px;text-align:left}
.sub_survey .bx_include_file .file .file_name{overflow:hidden;display:inline-block;max-width:370px;font-size:15px;color:#171717;text-overflow:ellipsis;white-space:nowrap}
.sub_survey .bx_include_file .file .byte{position:absolute;right:60px;font-size:14px;color:#8e8e8e}
.sub_survey .bx_include_file .btn_delete{position:absolute;top:0;right:0;padding:16px 23px 16px 20px}
.sub_survey .bx_include_file .btn_delete .sp{position:static;top:auto;left:auto;width:13px;height:12px;margin-bottom:1px;background-position:-244px -40px;vertical-align:middle}
/* 상세 설정 */
.sub_survey .info_lbl{display:inline-block;width:115px;min-height:50px;font-size:16px;font-weight:700;color:#222;vertical-align:top;line-height:48px}
.sub_survey .info_lbl .lbl_txt{display:inline-block;line-height:24px}
.sub_survey .info_txt{display:inline-block;width:calc(100% - 115px);min-height:50px;vertical-align:top}
.sub_survey .info_txt .bx_input{position:relative;width:100%;box-sizing:border-box}
.sub_survey .bx_input .input_txt{padding-right:65px;font-size:15px}
.sub_survey .bx_input .input_lbl{font-size:15px;line-height:48px}
.sub_survey .bx_input .bx_count{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:14px}
.sub_survey .bx_textarea{display:block;margin:0}
.sub_survey .bx_textarea .textarea_info{left:20px;top:13px;font-size:15px;color:#919191}
.sub_survey .bx_textarea textarea{overflow-y:auto;width:calc(100% - 40px);min-height:auto;padding:14px 20px;font-size:15px;line-height:normal;word-break:break-word}
.sub_survey .info_txt .btn{width:131px;height:40px;margin-right:8px;font-size:14px;line-height:38px}
.sub_survey .info_txt .copy{display:block;margin-top:10px;font-size:12px;color:#8e8e8e;line-height:19px}
.sub_survey .class_editor_area{height:360px;border:1px solid #e0e0e0;box-sizing:border-box}
/* 설문 > 서명란 : survey/trunk/iamteacher/css/contents.css 와 동일 */
.sub_survey .bx_sign_editor{display:table;width:100%;max-width:635px;height:150px;border:1px solid #e6e8eb;background-color:#fff;box-sizing:border-box;text-align:center;table-layout:fixed}
.sub_survey .bx_sign_editor .in{display:table-cell;vertical-align:middle}
.sub_survey .bx_sign_editor .img_sign+.txt_sign{margin-top:11px}
.sub_survey .bx_sign_editor .txt_sign{color:#919191;font-size:14px}
.sub_survey .q_input .bx_sign_editor{border:0}
.sub_survey .q_list .bx_sign_editor{margin-top:20px;border-color:#e0e0e0}

.sub_survey.type2 .area_write{margin-top:15px}
.sub_survey.type2 .info li{margin-top:24px}
.sub_survey.type2 .info li:first-of-type{margin-top:30px}
.sub_survey.type2 .info_lbl{width:107px;line-height:24px;min-height:auto;padding:12px 0 14px}
.sub_survey.type2 .info_txt .bx_input{border:1px solid #e0e0e0}
.sub_survey.type2 .bx_input .input_txt{padding:12px 22px 14px}
.bx_include_file .lst_file .btn_download.type2{height:auto;padding:17px 56px 19px 57px;line-height:19px}
.detail_select_item .btn_download.type2 .progress2{position:relative;top:auto;right:auto;float:right;margin:8px 0 0 20px}
.btn_download.type2 .file_name_wrap{overflow:hidden;}
.btn_download.type2 .file_name_wrap .in{display:inline-block;max-width:88%}
.btn_download.type2 .file_name{display:inline-block;vertical-align:top;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.detail_select_item .btn_download.type2 .byte{vertical-align:top}

/* 상세 설정2 */
.detail_select_area{margin-top:40px}
.detail_select_area .bx_btn{margin-top:50px;text-align:center}
.detail_select_area .bx_btn .btn3{width:211px;height:60px;font-size:17px;font-weight:700}
.detail_select_area .tit_txt{font-size:16px;color:#222;font-weight:700}
.detail_select_area .detail_select_list{margin-top:10px}
.detail_select_list .detail_select_item{margin-top:34px}
.detail_select_item .detail_select_lbl{display:inline-block;width:115px;font-size:15px;color:#222;vertical-align:top}
.detail_select_item .detail_select_lbl .lbl_txt{display:inline-block;line-height:24px}
.detail_select_item .detail_select_txt{display:inline-block;width:calc(100% - 115px);vertical-align:top}
.detail_select_item .detail_select_txt .reserve_message{margin-top:11px;}
.detail_select_item .detail_select_txt .noti_txt{margin-top:12px;font-size:13px;color:#868686;line-height:20px}
.detail_select_item .detail_select_txt .ico_notice{margin:-2px 5px 0 0;vertical-align:middle}
.detail_select_item .detail_select_txt .btn_file_add{display:inline-block;width:131px;height:40px;border:1px solid #ccc;font-size:14px;color:#666}
.detail_select_item .file_add_area{margin-top:22px}
.detail_select_item .file_add_area .tit_txt{display:inline-block;margin-right:12px;font-weight:400;line-height:40px;vertical-align:top}
.detail_select_item .file_add_area.file_added .tit_txt{margin-top:7px}
.detail_select_item .file_add_area .bx_input_url{display:inline-block;position:relative;width:575px;height:48px;margin-top:-2px;border:1px solid #ccc;box-sizing:border-box;vertical-align:middle}
.detail_select_item .file_add_area .bx_input_url .inp_placeholder{position:absolute;left:21px;top:0;font-size:15px;color:#919191;line-height:46px}
.detail_select_item .file_add_area .bx_input_url .inp_txt{display:block;height:100%;padding:0 22px;font-size:15px;color:#121212;box-sizing:border-box}
.detail_select_item .file_add_area .btn_file_add{vertical-align:top}
.detail_select_item .added_video_area{display:inline-block;position:relative;width:613px;vertical-align:top}
.detail_select_item .bx_include_file{margin:0}
.detail_select_item .bx_include_file .lst_file{margin:0}
.detail_select_item .bx_include_file .lst_file li{width:100%;margin:10px 0 0 0;background-color:#fff;z-index:1}
.detail_select_item .bx_include_file .lst_file li:first-child{margin-top:0}
.detail_select_item .bx_include_file .lst_file .btn_download{width:100%}
.detail_select_item .bx_include_file .progress2{position:absolute;top:50%;right:56px;margin-top:-2px}
.detail_select_item .bx_include_file .byte{font-size:14px;color:#8e8e8e}
.detail_select_item .bx_include_file .btn_download{display:block;width:100%;}
.detail_select_item .bx_include_file .btn_delete{z-index:2}
.detail_select_item .bx_include_file .btn_download.on .file_name{max-width:370px;overflow:hidden;display:inline-block;text-overflow:ellipsis}
.detail_select_item .bx_include_file .btn_download.on .progress2{display:none}
.detail_select_item .bx_include_file .btn_download.on .byte{position:absolute;right:60px}
.detail_select_item .bx_include_file .btn_delete{position:absolute;top:0;right:0;padding:16px 23px 16px 20px}
.detail_select_item .bx_include_file .btn_delete .sp{position:static;top:auto;left:auto;width:13px;height:12px;margin-bottom:1px;background-position:-244px -40px;vertical-align:middle}
.detail_select_item .bx_include_file + .bx_add_file{margin-top:7px}

.detail_select_area.type2 .detail_select_lbl{width:107px;}
.detail_select_area.type2 .detail_select_list .detail_select_item:first-of-type{margin-top:21px}
.detail_select_area.type2 .detail_select_item .choice_type_area .choice_item:after{display:none}
.detail_select_area.type2 .detail_select_item .choice_type_area .choice_item{margin-left:34px}
.detail_select_area.type2 .detail_select_item .choice_type_area .choice_item:first-of-type{margin-left:0}
.detail_select_area.type2 .input_rdo + label:after{margin-top:-9px}
.detail_select_area.type2 .bx_btn{margin-top:53px}
.detail_select_area.type2 .detail_select_item .file_add_area .tit_txt{font-size:15px;line-height:22px;padding:9px 0}
.detail_select_area.type2 .detail_select_item .added_video_area{width:540px}
.detail_select_area.type2 .bx_include_file .lst_file .btn_download.type2{padding:15px 56px 19px 53px}
.detail_select_area.type2 .detail_select_item .btn_download.type2 .progress2{margin-top:9px}
.detail_select_area.type2 .detail_select_item .file_add_area .bx_include_file{margin-top:-5px}
.detail_select_area.type2 .bx_include_file .sp{left:16px;}
.detail_select_area.type2 .detail_select_item .file_add_area .bx_input_url .inp_txt{padding:12px 22px 14px;color:#919191}
.detail_select_area.type2 .bx_include_file .error .txt_error,
.detail_select_area.type2 .bx_include_file .error .btn_reload{font-size:11px;font-weight:700}


/* 자료 첨부 시 */
.detail_select_item.type2 .detail_select_lbl{padding-top:9px}
.detail_select_item.type2 .added_video_area{margin-top:-8px}

.detail_select_item .bx_input{position:relative;width:100%;box-sizing:border-box}
.detail_select_area .bx_input .input_txt{padding-right:65px;font-size:15px}
.detail_select_area .bx_input .input_lbl{font-size:15px;line-height:48px}
.detail_select_area .bx_input .bx_count{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:14px}
.detail_select_item .bx_textarea{margin:0}
.detail_select_item .bx_textarea .textarea_info{left:20px;top:13px;font-size:15px;color:#919191}
.detail_select_item .bx_textarea textarea{overflow-y:auto;width:calc(100% - 40px);min-height:auto;padding:14px 20px;font-size:15px;line-height:normal;word-break:break-word}
.detail_select_item .detail_select_txt .btn{width:131px;height:40px;margin-right:8px;font-size:14px;line-height:38px}
.detail_select_item .detail_select_txt .copy{display:block;margin-top:10px;font-size:12px;color:#8e8e8e;line-height:19px}
.detail_select_item .area_choice{font-size:0}
.detail_select_item .choice_type_area .choice_item{display:inline-block;position:relative;margin-left:45px;font-size:15px;vertical-align:top}
.detail_select_item .choice_type_area .choice_item:after{position:absolute;right:-22px;top:50%;width:1px;height:15px;margin-top:-7px;background-color:#d8d8d8;content:''}
.detail_select_item .choice_type_area .choice_item:last-child:after{display:none}
.detail_select_item .choice_type_area .choice_item:first-child{margin-left:0}
.detail_select_item .choice_type_area .choice_item .bx_input_rdo{padding-right:0}
.detail_select_item .choice_type_area .choice_item .txt{display:inline-block;vertical-align:top}
.detail_select_item .bx_input_rdo{padding-right:34px;vertical-align:top;box-sizing:border-box}
.detail_select_item .bx_input_rdo .input_lbl{font-size:15px;color:#222}
.detail_select_item .bx_input_rdo .input_rdo:disabled + label{color:rgba(0,0,0,0.5)}
.detail_select_item .bx_input_rdo .input_txt{display:none}
.detail_select_item .choice_type_area .rdo_bx{display:inline-block;margin:-1px 4px 0;vertical-align:middle}
.detail_select_item .choice_type_area .rdo_bx .bx_input_rdo{margin-left:18px}
.detail_select_item .choice_type_area .rdo_bx .bx_input_rdo:first-child{margin-left:0}
.detail_select_item .bx_input_rdo2{width:auto !important;margin:-2px 0 0 -3px;font-size:14px}
.detail_select_item .bx_input_rdo2 .input_lbl{padding-left:87px}
.detail_select_item .bx_input_rdo2 .input_lbl .num{display:none}
.detail_select_item .bx_input_rdo2 .input_txt{display:block;position:absolute;left:30px;top:-5px;width:54px;height:34px;padding:0;border:1px solid #d9d9d9;font-size:15px;line-height:32px;text-align:center}
.detail_select_item .area_choice.type2 .bx_input_rdo{width:auto}
.detail_select_item .area_choice.type2 .bx_input_rdo + .bx_input_rdo{margin-left:20px}

.sub_survey .list{padding:40px 0;border-bottom:1px solid #e6e6e6}
.sub_survey .q_list{position:relative;margin-top:14px;padding:30px 30px 35px;background-color:#fafafa}
.sub_survey .q_list .q_txt_area{margin-bottom:20px}
.sub_survey .q_list .q_txt_area .q_txt{display:flex;position:relative;font-size:17px}
.sub_survey .q_list .q_txt_area .q_txt strong{display:inline-block;flex-basis:fill;margin-right:5px;vertical-align:top}
.sub_survey .q_list .q_txt_area .q_txt .q_tit{display:inline-block;flex:1;margin-right:129px}
.sub_survey .q_list .q_txt_area .q_sub_txt{margin-top:2px;font-size:14px;color:#8e8e8e}
.sub_survey .area_write .bx_bottom_btn{padding-top:30px;border-top:1px solid #e6e6e6;text-align:center}
.sub_survey .area_write .bx_bottom_btn .btn3{width:201px;height:50px;font-size:15px}

/* 그래프 선착순 케이스 */
.graph_area{position:relative}
.graph_area .lst_graph {margin-top:20px;width:948px}
.graph_area .lst_graph .lst_item{margin-top:20px;padding:30px 40px;border:1px solid #e6e8eb}
.graph_area .lst_graph .lst_item:first-child{margin-top:0}
.graph_area .lst_graph .tit_area{width:532px;line-height:22px}
.graph_area .lst_graph .tit_area .btn_xs {display:inline-block;width:auto;height:auto;padding:4px 14px 6px;background-color:#fff;color:#212121;line-height:normal;vertical-align:top}
.graph_area .lst_graph .tit{display:inline-block;margin-top:4px;margin-right:20px;font-size:16px}
.graph_area .lst_graph .txt_day {display:inline-block;margin-left:2px;font-size:15px;line-height:22px;color:#222;font-weight:400;vertical-align:top}
.graph_area .lst_graph .txt_target{display:inline-block;margin-left:6px;font-size:15px;color:#575757;font-weight:400;vertical-align:top}
.bar_graph{margin-top:30px}
.bar_graph li{margin-top:6px}
.bar_graph li:first-child{margin-top:0}
.bar_graph li .tit_graph {width:48px;display:inline-block;font-weight:normal;font-size:15px;line-height:22px;color:#222;vertical-align:top}
.bar_graph .tit_sati{display:inline-block;width:90px;font-size:16px;color:#171717;vertical-align:middle;line-height:23px}
.bar_graph .bar_wrap{display:inline-block;width:640px;background-color:#f5f7fa}
.bar_graph .wait .bar_wrap{width:214px}
.bar_graph .bar{display:inline-block;min-width:0;height:23px;background-color:#fc8181;vertical-align:middle}
.bar_graph .wait .bar{background-color:#bbc5d2}
.bar_graph .full .bar{width:100%;background-color:#52b1f2}
.bar_graph .wait.full .bar{width:100%;background-color:#bbc5d2}
.bar_graph .bar_info{display:inline-block;font-size:15px;color:#575757;line-height:22px;vertical-align:middle}
.bar_graph .bar_wrap + .bar_info, .bar_graph .bar + .bar_info{margin-left:6px}
.bar_graph .point{color:#fc8181;font-weight:700}
.bar_graph .full .point{color:#52b1f2}
.bar_graph .wait .point{color:#a2afbf}
.bar_graph .txt_per{font-size:14px}

/* 그래프 추첨 케이스 */
.graph_area.raffle .bar_graph{width:100%}
.graph_area.raffle .bar_graph .bar{background-color:#52b1f2}
.graph_area.raffle .bar_graph .point{color:#52b1f2}

/* 그래프 만족도 조사 케이스 */
.sati_graph_area .sati_item{padding:50px 0 60px;border-top:1px solid #e0e0e0}
.sati_graph_area .sati_item:first-child{padding-top:0;border-top:0}
.sati_graph_area .sati_item:last-child{padding-bottom:0}
.sati_item .left_tit_area{display:inline-block;padding-right:45px;vertical-align:top}
.sati_item .left_tit_area .tit{display:block;margin-bottom:5px;font-size:16px;color:#171717;line-height:22px}
.sati_item .graph_area{display:inline-block;vertical-align:top}
.sati_item .graph_area .lst_item{margin-top:19px}
.sati_item .graph_area .bar_graph{width:100%;margin-top:0}
.sati_item .graph_area .very_sati .bar{background-color:#52b1f2}
.sati_item .graph_area .very_sati .point{color:#44a9ee}
.sati_item .graph_area .sati .bar{background-color:#96cff6}
.sati_item .graph_area .sati .point{color:#7cbbe7}
.sati_item .graph_area .normal .bar{background-color:#bbdff8}
.sati_item .graph_area .normal .point{color:#83bfe9}
.sati_item .graph_area .unsati .bar{background-color:#c2cfd8}
.sati_item .graph_area .unsati .point{color:#8e9da8}
.sati_item .graph_area .very_unsati .bar{background-color:#d0d0d0}
.sati_item .graph_area .very_unsati .point{color:#a9a9a9}

/* 그래프 정보 표시 */
.graph_area .graph_info{position:absolute;top:-43px;right:0;color:#171717}
.graph_area .graph_info li{float:left;margin-left:20px;font-size:0;line-height:20px}
.graph_area .graph_info li .ico_square{display:inline-block;width:12px;height:12px;margin:6px 8px 0 0;background-color:#fc8181;vertical-align:top}
.graph_area .graph_info li .ico_square.full{background-color:#52b1f2}
.graph_area .graph_info li .ico_square.wait{background-color:#bbc5d2}
.graph_area .graph_info li .txt{font-size:14px;line-height:22px;vertical-align:middle}

.sub_survey .q_list .btn_edit{position:absolute;right:30px;top:32px;font-size:15px;color:#666;text-decoration:underline;opacity:0.8}
.sub_survey .q_list .btn_edit:hover{color:#222;opacity:1}
.sub_survey .q_list .bx_input_rdo,.sub_survey .q_list .bx_input_chk{display:block;margin-top:15px}
.sub_survey .q_list .input_lbl{font-size:15px;color:#171717}
.sub_survey .q_list label:after{top:1px;margin-top:0}
.sub_survey .q_list .sub_txt{display:block;padding:2px 0 5px 26px;font-size:14px;color:#8e8e8e}
.sub_survey .q_list .sub_txt .bar{display:inline-block;width:1px;height:12px;margin:0 8px -1px;background-color:#979797;opacity:0.4}
.sub_survey .q_list .bx_include_file{margin:10px 0 0 20px}
.sub_survey .q_list .bx_include_file .image::after{content:none}
.sub_survey .sub_select{display:inline-block;margin-bottom:20px;padding:0 7px 3px;background-color:#e3ebfb;font-size:16px;color:#171717}
.sub_survey .tbl_rdo .sub_select{margin-bottom:0;padding:1px 7px 4px;font-size:14px}
.sub_survey .sub_select span{display:inline-block;vertical-align:middle}
.sub_survey .sub_select .bx_input_chk{margin-right:3px}
.sub_survey .sub_select .bx_input_chk label{color:#171717}
.sub_survey .sub_select .bx_input_chk label::after{margin-top:-9px}
.sub_survey .sub_list{margin-top:0;border-top:1px solid #ededed}
.sub_survey .sub_list .sub_select{margin-bottom:10px;font-size:14px}
.sub_survey .q_input{margin-top:14px;padding:30px 30px 25px;border:1px solid #edeff2;background-color:#f7f9fc}
.sub_survey .q_input .info_lbl{width:56px;min-height:48px;font-size:17px;line-height:46px}
.sub_survey .q_input .info_txt{width:calc(100% - 56px);min-height:48px;border:1px solid #e6e8eb;background-color:#fff;box-sizing:border-box}
.sub_survey .q_input .ex_sel{margin:30px 0 7px;padding-left:56px}
.sub_survey .q_input .ex_sel .bx_input_rdo{width:140px;height:28px;vertical-align:top}
.sub_survey .q_input .ex_sel .input_lbl{font-size:14px;color:#222}
.sub_survey .q_input .ex_sel .bx_input_rdo2{width:auto}
.sub_survey .q_input .bx_input_rdo2 .bx_sorting2{margin:-4px 0 0 5px}
.sub_survey .q_input .bx_input_rdo2 .bx_sorting2 .btn_select{min-width:116px;height:28px;padding:0 6px;background-color:#fff;font-size:11px;line-height:26px}
.sub_survey .q_input .bx_input_rdo2 .bx_sorting2 .btn_select::after{position:static;content:'';display:inline-block;width:10px;height:6px;margin:-1px 0 0 3px;background-color:transparent;background-position:-90px -36px;vertical-align:middle}
.sub_survey .q_input .bx_input_rdo2 .bx_sorting2 .lst_select{min-width:116px}
.sub_survey .q_input .bx_input_rdo2 .bx_sorting2 .lst_select li a{padding:4px 6px;font-size:11px}
.sub_survey .q_input .bx_input{width:calc(100% - 200px);border:none;background:none}
.sub_survey .q_input .bx_input .input_txt{padding:12px 20px}
.sub_survey .q_input .bx_input .input_lbl{line-height:45px}
.sub_survey .q_input .bx_chk_req{height:30px;margin-left:-1px;border:1px solid #ccc;line-height:28px;box-sizing:border-box}
.sub_survey .q_input .bx_chk_req .input_lbl{padding:0 10px 0 23px;font-size:11px;color:#666;vertical-align:inherit}
.sub_survey .q_input .bx_chk_req .input_lbl:hover{background-color:#fafafa}
.sub_survey .q_input .bx_chk_req input:checked + label{color:#3577f8}
.sub_survey .q_input .ex{margin-top:10px}
.sub_survey .q_input .bx_chk_req .input_lbl::after{left:10px;top:50%;width:11px;height:6px;margin-top:-3px;background-position:-102px -36px}
.sub_survey .q_input .bx_chk_req input:checked + label::after{background-position:-115px -36px}
.sub_survey .q_input .ex{margin-top:10px}
.sub_survey .q_input .ex .info_lbl{font-size:15px}
.sub_survey .q_input .info_txt .b_area{float:right;margin:8px 7px 8px 0}
.sub_survey .q_input .info_txt .b_area li{position:relative;display:inline-block;font-size:11px}
.sub_survey .q_input .info_txt button{width:auto;height:30px;padding:0 10px;margin:0 0 0 -1px;font-size:11px;line-height:28px;color:#777;text-align:center}
.sub_survey .q_input .info_txt button.btn_del{padding:0 14px}
.sub_survey .q_input .ex_add{margin-top:10px}
.sub_survey .q_input .ex_add .btn_add{width:calc(100% - 56px);min-height:48px;margin-left:56px;border:1px solid #e6e8eb;background-color:#fff;box-sizing:border-box;font-size:15px;color:#222;text-align:left;line-height:44px}
.sub_survey .q_input .ex_add .btn_add:hover{background-color:#fafafa}
.sub_survey .q_input .ex_add .btn_add::before{content:'';display:inline-block;width:11px;height:11px;margin:-3px 7px 0 20px;background-position:-406px 0;vertical-align:middle}
.sub_survey .q_input .btn_txt{margin-top:18px;text-align:right}
.sub_survey .q_input .btn_txt button{margin-left:15px;font-size:15px;color:#666;text-decoration:underline;opacity:0.8}
.sub_survey .q_input .btn_txt button:hover{color:#222;opacity:1}
.sub_survey .q_input .bx_include_file{margin:10px 0 20px 56px}
.sub_survey .q_input .bx_include_file .image{max-width:577px;background-color:#d8d8d8}
.sub_survey .q_input .bx_include_file .image::after{content:none}
.sub_survey .sub_input{position:relative;margin-top:-1px}
.sub_survey .sub_input::before{content:'';position:absolute;left:0;top:-2px;width:100%;height:1px;border-top:1px solid #fff;font-size:0}
.sub_survey .sub_input .info_lbl{width:75px}
.sub_survey .sub_input .info_txt{width:calc(100% - 75px)}
.sub_survey .sub_input .ex_sel{padding-left:75px}
.sub_survey .sub_input .ex2 .bx_input{width:100%}
.sub_survey .sub_input .ex_add{margin-top:20px}
.sub_survey .sub_input .ex_add .btn_add{width:calc(100% - 75px);margin-left:75px}
.sub_survey .sub_input .bx_include_file{margin-left:75px}

.sub_survey .btn_move_area{width:100%;height:46px;border:1px solid #ebedf0;border-top:none;box-sizing:border-box;font-size:0}
.sub_survey .btn_move_area button{display:inline-block;position:relative;width:50%;font-size:13px;color:#777a80;text-align:center;line-height:44px}
.sub_survey .btn_move_area button:hover{background:#fafafa}
.sub_survey .btn_move_area button::after{content:'';display:inline-block;width:12px;height:5px;margin:-1px 0 0 6px;vertical-align:middle}
.sub_survey .btn_move_area .b_up::after{background-position:-76px -36px}
.sub_survey .btn_move_area .b_dn::after{background-position:-62px -36px}
.sub_survey .btn_move_area .b_dn::before{content:'|';position:absolute;left:-1px;top:-1px;font-size:15px;color:#dfe4f0}
.sub_survey .list .btn2{width:100%;height:56px;margin-top:25px;font-size:17px;line-height:54px}
.sub_survey .list .btn2::before{content:'';display:inline-block;width:14px;height:15px;margin:-3px 6px 0 0;background-position:-350px 0;vertical-align:middle}

.sub_survey .set{padding-top:40px}
.sub_survey .set ul{margin-top:10px}
.sub_survey .info_txt .reserve_message{margin-top:6px}
.sub_survey .set .info_lbl{font-size:15px}
.sub_survey .set .area_choice{margin-top:14px}
.sub_survey .set .bx_input_rdo{min-width:148px;padding-right:20px;vertical-align:top;box-sizing:border-box}
.sub_survey .set .area_choice.type2 .bx_input_rdo{width:auto}
.sub_survey .set .area_choice.type2 .bx_input_rdo + .bx_input_rdo{margin-left:20px}
.sub_survey .set .bx_input_rdo .input_lbl{font-size:15px;color:#222}
.sub_survey .set .bx_input_rdo .input_txt{display:none}
.sub_survey .set .bx_input_rdo2{width:auto !important;margin:-2px 0 0 -3px;font-size:14px}
.sub_survey .set .bx_input_rdo2 .input_lbl{padding-left:87px}
.sub_survey .set .bx_input_rdo2 .input_lbl .num{display:none}
.sub_survey .set .bx_input_rdo2 .input_txt{display:block;position:absolute;left:30px;top:-5px;width:54px;height:34px;padding:0;border:1px solid #d9d9d9;font-size:15px;line-height:32px;text-align:center}

.survey_info{margin-top:24px;padding:30px 40px 25px;background-color:#fafbfc;font-size:14px}
.survey_info li{height:35px}
.survey_info strong{display:inline-block;width:105px;font-weight:700;color:#171717}
.survey_info strong + span{display:inline-block;color:#575757}
.survey_info strong + span::before{content:'|';display:inline-block;margin:-1px 13px 0 0;font-size:13px;color:#e0e0e0;vertical-align:top}
.survey_info span .incomplete {color:#ff4a54}
.survey_info .btn_xs{width:auto;height:30px;margin:-1px 0 0 10px;padding:0 14px;background-color:#fff;color:#212121}
.survey_info .btn.is_disabled{color:#b7b7b7 !important;border-color:#ccc !important;background-color:#fff !important}
.survey_info + .lst_tab{margin-top:40px}
.survey_info .txt_detail{overflow:hidden;display:inline-block;max-width:520px;margin-left:12px;color:#575757;text-overflow:ellipsis;white-space:nowrap;vertical-align:-4px}
.survey_info .txt_detail:before{content:'';display:inline-block;width:6px;height:6px;margin-right:8px;background-color:#ff5c5c;border-radius:100%;vertical-align:3px}
.survey_info .box_lottery {padding:15px 0;margin-top:24px;background:rgba(46, 141, 255, 0.07);text-align:center}
.survey_info .box_lottery p {display:inline-block;margin-top:4px;font-weight:bold;font-size:14px;line-height:20px;color:#3577f8;vertical-align:top;letter-spacing:-.3px}

.survey_content{padding:30px 0 60px}
.survey_content .bx_btn_edit{text-align:right}
.survey_content .bx_textarea + .bx_btn_edit {margin-top:10px}
.survey_content .sub_tit{display:block;margin-top:30px;padding-top:10px;font-size:14px;font-weight:normal;color:#171717}
.survey_content .txt{padding-right:65px;font-size:18px;line-height:27px;color:#171717}
.survey_content .bx_include_file{margin-top:10px}
.survey_content .bx_include_file .image{max-width:946px;margin-top:10px}
.survey_content .bx_include_file .image::after{border:1px solid #e9e9e9}
.survey_content .bx_include_file .file{width:635px;border:1px solid #e9e9e9}
.survey_content .bx_include_file .file .file_name{max-width:470px}
.survey_content .bx_include_file .file .byte{right:20px}

/* 설문 상세 - 설문 내용 수정 */
.survey_content.edit{padding-top:44px}
.survey_content.edit .bx_content_editer .bx_textarea,
.survey_content.edit .bx_content_editer .bx_textarea textarea{width:100%;box-sizing:border-box}
.survey_content.edit .bx_content_editer .bx_textarea{padding:15px 0}
.survey_content.edit .bx_content_editer .bx_textarea textarea{padding:0 20px;font-size:18px;line-height:27px}
.survey_content.edit .bx_content_editer .bx_btn_edit{margin-top:10px}
.survey_content.edit .bx_content_editer .bx_btn_edit button{min-width:80px}

.survey_write .q_list{margin-top:0;padding:60px 0;border-top:1px solid #f1f1f1;background:none}
.sub_survey .tab.v2 + .survey_write .q_list:first-child{border-top:0}

.survey_content + .survey_bx_btn{margin-top:20px}
.survey_bx_btn{margin-top:40px}
.survey_bx_btn .btn{width:auto;height:40px;padding:0 10px;color:#171717;box-sizing:border-box}
.survey_bx_btn .btn + .btn{margin-left:10px}
.survey_bx_btn .btn .sp{height:18px;margin:-3px 3px 0 0;vertical-align:middle}
.survey_bx_btn .btn_excel .sp{width:20px;background-position:-178px -40px}
.q_list .survey_bx_btn .btn_excel .sp{width:23px;height:20px;background-position:-406px -136px}
.survey_bx_btn .txt_download {display:inline-block;margin-left:40px;font-size:12px;color:#8e8e8e}
.sub_survey.sub_survey_view .survey_bx_btn .btn .txt_download .sp {top:0;display:inline-block;width:13px;height:12px;margin:3px 0 0 6px;background-position:-520px -500px;vertical-align:top}
.survey_bx_btn .btn_png .sp{width:16px;background-position:-510px -181px}
.survey_bx_btn .btn_pdf .sp{width:15px;height:17px;background-position:-364px -138px}
.survey_tit {overflow:hidden;margin-top:60px}
.survey_tit h3 {float:left;font-weight:bold;font-size:22px;line-height:34px}
.survey_tit .survey_bx_btn {float:right;margin-top:0}
.survey_chart{margin-top:10px}
.survey_chart .q_list{margin-top:0;padding:50px 0 60px;border-top:1px solid #e0e0e0; background:none}
.survey_chart .q_list .q_txt_area{margin-bottom:5px}
.survey_chart .q_list .q_txt_area .q_txt{font-size:18px;font-weight:700}
.survey_chart .q_list .q_txt_area .q_txt .q_tit{margin-right:0}
.survey_chart .q_list .q_txt_area .q_rst{margin-top:2px}
.survey_chart .q_list .q_rst{font-size:15px;color:#575757;font-weight:normal}
.survey_chart .q_list .q_txt + .a_txt,
.survey_chart .q_list .q_rst + .a_txt,
.survey_chart .q_list .q_txt_area+.a_txt{margin-top:40px}
.survey_chart .q_list .a_txt.lst{overflow:hidden;overflow-y:auto;width:860px;max-height:440px;border-top:1px solid #979797;border-bottom:1px solid #979797}
.survey_chart .q_list .a_txt.lst li{min-height:50px;padding:14px 25px;font-size:15px;color:#353535;box-sizing:border-box}
.survey_chart .q_list .a_txt.lst li:nth-child(odd){background-color:#f5f6f7}

/* 설문 > 상세 > 질문&응답결과 */
.sub_survey.sub_survey_view .bx_title{display:block;width:610px}
.sub_survey.sub_survey_view .bx_title .sub_tit{display:inline;margin-right:6px;line-height:39px}
.sub_survey.sub_survey_view .bx_title .new_btn_xs{margin-top:3px}
.sub_survey.sub_survey_view .edit .bx_title{position:relative;padding-right:152px}
.sub_survey.sub_survey_view .bx_title .bx_input.border{width:100%}
.sub_survey.sub_survey_view .bx_title .bx_input.border .input_txt{padding:5px 70px 8px 14px;font-size:18px;font-weight:bold}
.sub_survey.sub_survey_view .bx_title .bx_input .bx_count{margin-top:-1px}
.sub_survey.sub_survey_view .bx_title .bx_btn_edit{position:absolute;top:0;right:0}

.sub_survey.sub_survey_view .area_title .txt_date{margin-top:7px}
.sub_survey.sub_survey_view .area_title.edit .txt_date{margin-top:3px}
.sub_survey.sub_survey_view .area_title .b_area button,
.sub_survey.sub_survey_view .area_title .b_area a{height:auto;padding:10px 10px 12px;line-height:inherit;}
.sub_survey.sub_survey_view .survey_info .btn_xs{height:auto;padding:4px 14px 6px;line-height:normal}
.sub_survey.sub_survey_view .survey_bx_btn .btn{height:auto;padding:8px 10px 11px;line-height:inherit}
.sub_survey.sub_survey_view .survey_bx_btn .btn .sp{position:relative;top:5px;vertical-align:baseline}
.sub_survey.sub_survey_view .survey_bx_btn .btn_pdf .sp{top:4px}
.sub_survey.sub_survey_view .survey_chart .bx_sign_editor .txt_sign{padding-bottom:2px}

.sub_survey.sub_survey_view .q_txt_area{margin-bottom:30px}
.sub_survey.sub_survey_view .q_txt_area .q_tit{font-weight:bold}
.sub_survey.sub_survey_view .q_txt_area .q_rst{margin-top:6px;color:#575757;font-size:15px;font-weight:normal}
.sub_survey.sub_survey_view .q_txt_area .q_info{margin-top:7px;color:#333333;font-size:15px;line-height:23px;font-weight:normal}
.sub_survey_view .survey_chart .q_list .q_txt + .a_txt,
.sub_survey_view .survey_chart .q_list .q_rst + .a_txt,
.sub_survey_view .survey_chart .q_list .q_txt_area+.a_txt{margin-top:50px}

/* 설문 상세 - input focus */
.sub_survey_view input[type='checkbox']:focus + label:after,
.sub_survey_view input[type='radio']:focus + label:after {outline:none}
.sub_survey_view .input_rdo:focus + label:before {position:absolute;top:calc(50% + 1px);left:1px;width:18px;height:18px;margin-top:-10px;border-radius:50%;-webkit-box-shadow:0 0 3px 1px #999;box-shadow:0 0 3px 1px #999;z-index:1;content:''}
.sub_survey_view .input_rdo:focus:checked + label:before {-webkit-box-shadow: 0 0 3px 2px #3577f8;
box-shadow:0 0 3px 2px #3577f8}
.sub_survey_view .input_chk:focus:checked + label:after {-webkit-box-shadow: 0 0 3px 1px #3577f8;box-shadow: 0 0 3px 1px #3577f8}

/* 설문 상세 - 상담시간 테이블 */
.q_list .a_txt .box_time {margin-top:12px;border:1px solid #d1d1d1}
.q_list .a_txt .tbl_time thead th:first-of-type {width:140px}
.q_list .a_txt .tbl_time thead th {height:44px;border:1px solid #f1f1f1;border-top:0;font-size:13px;background:#f9f9f9}
.q_list .a_txt .tbl_time thead th:first-of-type {border-left:0}
.q_list .a_txt .tbl_time thead th:last-of-type {border-right:0}

.q_list .a_txt .tbl_time tbody td {height:44px;border:1px solid #f1f1f1;background:#fff}
.q_list .a_txt .tbl_time tbody th:first-of-type {border-left:0}
.q_list .a_txt .tbl_time tbody td:last-of-type {border-right:0}

.q_list .a_txt .tbl_time tbody th {border-top:1px solid #f1f1f1;font-size:13px;background:#f9f9f9}

.q_list .a_txt .tbl_time tbody tr:last-of-type td,
.q_list .a_txt .tbl_time tbody tr:last-of-type th {border-bottom:0}
.q_list .a_txt .tbl_time tbody td {vertical-align:top}
.q_list .a_txt .tbl_time tbody td .inner_cell {position:relative;vertical-align:top;margin-top:-1px;margin-left:-1px}
.q_list .a_txt .tbl_time tbody td .impossible {position:absolute;left:0;top:0;z-index:1;width:99%;height:44px;background:#f1f1f1;border:1px solid #d1d1d1}
.q_list .a_txt .tbl_time tbody td .impossible:before {display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background: linear-gradient(to right bottom, rgba(0,0,0,0), rgba(0,0,0,0) 49%, #d1d1d1 50%, #d1d1d1 50%, rgba(0,0,0,0) 52%, rgba(0,0,0,0));content:""}
.q_list .a_txt .tbl_time tbody td .impossible:after {display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background: linear-gradient(to right top, rgba(0,0,0,0), rgba(0,0,0,0) 49%, #d1d1d1 50%, #d1d1d1 50%, rgba(0,0,0,0) 52%, rgba(0,0,0,0));content:""}

.q_list .a_txt .desc_time {margin-top:24px;font-size:14px;line-height:20px;color:#8e8e8e}
.q_list .a_txt .desc_time + .bx_input_chk {margin-top:11px}

/* 상담 시간 보기 */
.sub_survey_view .bx_btn_switch {position:absolute;right:0;top:50px}
.state_meeting:after {display:block;clear:both;content:""}
.state_meeting .list_meeting {float:left;overflow:hidden;margin-top:20px}
.state_meeting .list_meeting li {float:left}
.state_meeting .list_meeting li button {font-size:13px;line-height:22px;color:#919191}
.state_meeting .list_meeting li.on button {font-weight:bold;color:#171717}
.state_meeting .list_meeting li + li::before {float:left;width:1px;height:12px;margin:5px 8px 0;background:#d9d9d9;content:""}
.state_meeting .survey_bx_btn {float:right;margin-top:0}

/* 시간표로 보기 */
.meeting_tbl {overflow:hidden;margin-top:12px}
.meeting_tbl.time_view {position:relative}
.meeting_tbl.time_view::before {position:absolute;left:1px;top:1px;z-index:10;width:126px;height:54px;background:#fafafa;content:""}
.meeting_tbl .area_scroll {position:relative;overflow-x:auto;overflow-y:auto;max-height:536px;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf}
.meeting_tbl .area_scroll caption {display:none}
.meeting_tbl .area_scroll::-webkit-scrollbar {width:10px;height:10px}
.meeting_tbl .area_scroll::-webkit-scrollbar-thumb {border-radius:5.5px;background:#cdcdcd}
.meeting_tbl .area_scroll::-webkit-scrollbar-track {background-color:#e8e8e8}
.meeting_tbl .area_scroll .tbl_meeting {border-spacing:0;border-collapse:separate}
.meeting_tbl .area_scroll .tbl_meeting thead {position:sticky;left:0;top:0;z-index:5}
.meeting_tbl .area_scroll .tbl_meeting thead th {height:54px;background:#fafafa;border-bottom:1px solid #e0e0e0}
.meeting_tbl .area_scroll tbody tr th {position:sticky;left:0;top:auto;height:92px;;z-index:3;background:#fafafa;font-size:13px;border-bottom:1px solid #f1f1f1;border-right:1px solid #e0e0e0}
.meeting_tbl .tbl_meeting td {width:164px;height:91px;text-align:center;border-bottom:1px solid #f1f1f1}
.meeting_tbl .tbl_meeting .cell strong {display:block;font-weight:normal;font-size:15px;line-height:22px;color:#171717}
.meeting_tbl .tbl_meeting .cell .txt {font-size:13px;line-height:19px;color:#575757}

.meeting_tbl .tbl_meeting td .cell.impossible {position:relative;vertical-align:top}
.meeting_tbl .tbl_meeting td .impossible {position:absolute;left:0;top:0;z-index:1;width:100%;height:100px;background:rgba(252,252,252,.9)}
.meeting_tbl .tbl_meeting td .impossible:before {display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background: linear-gradient(to right bottom, rgba(0,0,0,0), rgba(0,0,0,0) 50%, #e0e0e0 51%, #e0e0e0 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0));content:""}
.meeting_tbl .tbl_meeting td .impossible:after {display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background: linear-gradient(to right top, rgba(0,0,0,0), rgba(0,0,0,0) 49%, #e0e0e0 50%, #e0e0e0 49%, rgba(0,0,0,0) 50%, rgba(0,0,0,0));content:""}
.sub_survey.sub_survey_view .cont_list + .q_txt_area {margin-top:33px}

/* 상담시간 없을 때 */
.meeting_tbl.type2 .area_scroll tbody tr th {height:54px;font-weight:normal;font-size:15px;color:#575757;background:#fafafa}
.meeting_tbl.type2 .tbl_meeting td {padding:5px;height:52px;font-size:13px;color:#575757;background:#fff}
.meeting_tbl.type2.subjective .area_scroll .tbl_meeting thead th:nth-child(1) {position:sticky;left:0;top:0}

/* 목록으로 보기 */
.meeting_tbl.list_view .area_scroll .tbl_meeting thead th {height:56px}
.meeting_tbl.list_view .area_scroll .tbl_meeting thead th:nth-child(1) {position:sticky;left:0;top:0}
.meeting_tbl.list_view .area_scroll .tbl_meeting thead th:nth-child(2) {position:sticky;left:88px;top:0}
.meeting_tbl.list_view .area_scroll .tbl_meeting thead th:nth-child(3) {position:sticky;left:208px;top:0}

.meeting_tbl.list_view .area_scroll td {height:55px;padding:5px;font-size:13px;color:#575757;background:#fff}

.meeting_tbl.list_view .area_scroll tbody tr td:nth-of-type(1) {position:sticky;left:88px;background:#fafafa;border-right:1px solid #e0e0e0}
.meeting_tbl.list_view .area_scroll tbody tr td:nth-of-type(2) {position:sticky;left:208px;background:#fafafa;border-right:1px solid #e0e0e0}


.desc_meeting {margin-top:16px;font-size:14px;line-height:20px;color:#8e8e8e}

/* 설문 - 알림 */
.alert_lst{margin-top:40px;border:1px solid #bfbfbf;border-width:1px 0}
.alert_lst .bx_nodata{margin-top:0;border:0}
.alert_lst .alert_item{border-bottom:1px solid #f1f1f1}
.alert_lst .alert_item:last-child{border-bottom:0}
.alert_item .alert_link{display:block;padding:21px 20px 24px;background-color:#fff;color:#999}
.alert_item.on .alert_link{background-color:#fafbff}
.alert_item .alert_link:after{display:block;clear:both;content:''}
.alert_item .sp{float:left;width:28px;height:28px;margin-right:13px}
.alert_item .ico_survey{background-position:-224px -336px}
.alert_item .ico_point{background-position:-254px -336px}
.alert_item .ico_pay{background-position:-284px -336px}
.alert_item .ico_noti{background-position:-314px -336px}
.alert_item .ico_member{background-position:-344px -336px}
.alert_item .ico_question{background-position:-374px -336px}
.alert_item .ico_iam{background-position:-404px -336px}
.alert_item .ico_event{background-position:-434px -336px}
.alert_item .ico_notice{background-position:-572px -502px}
.alert_item .ico_refresh{background-position:-572px -532px}
.alert_item.on .ico_survey{background-position:-224px -366px}
.alert_item.on .ico_point{background-position:-254px -366px}
.alert_item.on .ico_pay{background-position:-284px -366px}
.alert_item.on .ico_noti{background-position:-314px -366px}
.alert_item.on .ico_member{background-position:-344px -366px}
.alert_item.on .ico_question{background-position:-374px -366px}
.alert_item.on .ico_iam{background-position:-404px -366px}
.alert_item.on .ico_event{background-position:-434px -366px}
.alert_item.on .ico_notice{background-position:-542px -502px}
.alert_item.on .ico_refresh{background-position:-542px -532px}
.alert_item .message_area{overflow:hidden;position:relative;padding-right:146px;font-size:15px}
.alert_item .tit_message{font-weight:700}
.alert_item.on .tit_message{color:#3577f8}
.alert_item .txt_message{margin-top:2px;font-size:13px}
.alert_item.on .txt_message{color:#222}
.alert_item .alert_time{position:absolute;right:20px;top:14px;font-size:13px;line-height:19px}
.alert_item .ico_rating{background-position:-464px -336px}
.alert_item.on .ico_rating{background-position:-464px -366px}
.alert_item .ico_school_num{background-position:-494px -336px}
.alert_item.on .ico_school_num{background-position:-494px -366px}
/* 읽은 알림 화면 */
.alert_item .read_alert_link{display:flex;flex:1 1;align-items:center; justify-content: space-between}
.alert_item .read_message_area{display:flex;flex:1 1;justify-content: space-between}
.alert_item .read_message_area .info_text_area_wrap{display:flex; align-items: center;}
.alert_item .read_message_area .info_text_area{display:flex;flex-direction: column;width: 770px;}
.alert_item .read_message_area .read_alert_time{display:flex; align-items: center}
/* 설문 > 개별응답새창 */
.pop_survey_sheet{position:relative;min-width:1400px;height:100%;padding-top:50px;box-sizing:border-box}
.pop_survey_sheet .pop_head{position:absolute;top:0;left:0;right:0;z-index:100}
.pop_survey_sheet .pop_head .in{padding:10px 30px 10px;background-color:#3577f8}
.pop_survey_sheet .pop_head .pop_tit{display:inline-block;padding:4px 0 6px;color:#fff;font-size:14px;font-weight:bold}
.pop_survey_sheet .pop_head .btn_down_pdf{display:inline-block;margin-left:6px;padding:5px 12px 8px;color:#fff;font-size:10px;border:1px solid #fff;vertical-align:middle}
.pop_survey_sheet .pop_head .btn_down_pdf .ico_down_sm{margin-right:3px;vertical-align:-3px}
.pop_survey_sheet .wrap{height:100%}
.pop_survey_sheet .content_body{height:100%}
.pop_survey_sheet .content_left_area{border-color:#eee}
.pop_survey_sheet .content_right_area{overflow:hidden;overflow-y:auto;height:100%;align-items:center;justify-content:center;background-color:#525659}
.pop_survey_sheet .content_mid_area{height:100%}
.pop_survey_sheet .group_tit_all{padding:0 30px}
.pop_survey_sheet .group_lst_area{padding-left:30px;padding-right:30px}
.pop_survey_sheet .group_lst_area .group_depth_wrap:last-child{border-bottom:1px solid #eee}
.pop_survey_sheet .student_lst_area{overflow:hidden;overflow-y:auto;width:230px;height:100%;box-sizing:border-box}
.pop_survey_sheet .lst_student>li{position:relative;font-size:0}
.pop_survey_sheet .lst_student>li:after{content:'';position:absolute;bottom:0;left:15px;right:15px;height:1px;background-color:#eee}
.pop_survey_sheet .lst_student .btn_show_sheet{width:100%;padding:13px 15px 16px;text-align:left;box-sizing:border-box}
.pop_survey_sheet .lst_student .btn_show_sheet:hover,
.pop_survey_sheet .lst_student .btn_show_sheet:focus{background-color:#f6f9ff}
.pop_survey_sheet .lst_student .student_name{display:block;color:#222;font-size:13px;line-height:1.62}
.pop_survey_sheet .lst_student .bx_student{display:inline-block;max-width:70.27%;vertical-align:middle}
.pop_survey_sheet .lst_student .state{position:absolute;top:50%;display:inline-block;margin-top:-11px;margin-left:6px;padding:0px 8px 2px;color:#777;font-size:11px;border:1px solid #c7c7c7;border-radius:11px;vertical-align:middle}
/* 활성화 케이스 */
.pop_survey_sheet .lst_student .is_active .student_name{color:#3577f8;font-weight:bold}
/* 비활성화 케이스 */
.pop_survey_sheet .lst_student .is_inactive{padding:13px 15px 16px}
.pop_survey_sheet .lst_student .is_inactive .student_name{opacity:.5}
/* 응답자 선택 전 */
.pop_survey_sheet .prev_area{padding-bottom:60px;color:#fff;text-align:center}
.pop_survey_sheet .prev_area .area_tit{font-size:18px}
.pop_survey_sheet .prev_area .area_desc{margin-top:5px;font-size:14px;opacity:.7}

/* GNB 알림 팝업 */
.bx_alert{position:absolute;top:62px;z-index:200;width:376px;margin-left:-174px;background-color:#fff;border:1px solid rgba(0,0,0,0.12);box-shadow:0 0 18px 0 rgba(0,0,0,0.1);box-sizing:border-box}
.bx_alert:before{position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:14px;height:11px;content:'';background:url(../img/sp.png) no-repeat;background-position:-224px -322px}
.bx_alert.on:before{background-position:-240px -322px}
.bx_alert .alert_lst{margin-top:0;border:0}
.bx_alert .alert_item .sp{margin-right:10px}
.bx_alert .alert_item .message_area{padding:0}
.bx_alert .alert_item .txt_message{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}
.bx_alert .alert_item .alert_time{position:static;margin-top:4px;color:#a8a8a8}
.bx_alert .empty_case{padding:46px 0;font-size:15px;color:#999;line-height:22px;text-align:center}
.bx_alert .btn_alert{display:block;width:100%;height:54px;padding:0;background-color:#fff;border-top:1px solid #f1f1f1;font-size:15px;color:#171717;text-align:center;line-height:51px;letter-spacing:0;box-sizing:border-box}
.bx_alert .btn_alert:after{display:inline-block;width:8px;height:11px;margin-left:2px;background:url(../img/sp.png) no-repeat;background-position:-256px -322px;content:''}

.admin_manage .bx_alert{right:-56px}
.admin_manage .bx_alert:before{left:74%}

/* 2024.02 방과후 수강 신청 개선 추가 */
.new_enrolment_program_wrap {margin-top:20px !important;}
.grade_target_txt {margin-top:12px;}
.member_count_txt {color: #999;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;letter-spacing: -0.5px;vertical-align:middle;margin-left:10px;}
.program_desc_wrap {padding: 6px 14px;margin-top:4px;margin-left:24px;border-radius: 6px;background-color: #F5F5F5;max-width: 417px;}
.program_desc_wrap .program_desc_txt {color: #666;font-size: 12px;font-style: normal;font-weight: 400;line-height: 150%;letter-spacing: -0.5px;}


/* 로그인, 회원가입, 재직확인 (팝업) */
/* 휴대폰 번호 변경 */
.admin_certi_number .pop_contents{width:487px;padding:54px}
.admin_certi_number .bx_btn .btn_l{font-weight:700}
/* 비밀번호 변경 */
.admin_change_password .pop_contents{width:416px;padding:54px}
.admin_change_password .bx_input .input_txt{font-size:15px}
.admin_change_password .bx_input label{font-size:15px}
/* 학교검색 */
.admin_search_school .pop_contents{width:522px}
.admin_search_school .lst_chk li{padding:23px 16px}
.admin_search_school .lst_chk li.on{background:#fff}
.admin_search_school .bx_btn .btn_l{font-weight:700}
.admin_search_school .bx_btn .btn_l:disabled{color:#fff;background-color:#f8dada}
.admin_search_address .pop_contents{width:522px}
.admin_search_address .lst_chk li{padding:23px 16px}
.admin_search_address .lst_chk li.on{background:#fff}
.admin_search_address .bx_btn .btn_l{font-weight:700}
/* 학생 신규 등록 */
.admin_register_student .pop_contents{width:570px;padding:54px}
.admin_register_student .bx_dsc_table{margin-top:12px;margin-bottom:12px}
.admin_register_student .bx_dsc_table .txt_error span{color:#222}
.admin_register_student .tbl_type .must{color:#ff5c5c}
.admin_register_student .bx_btn .btn_l{font-weight:700}
.tbl_type.admin_tbl_popup{border-color:#bfbfbf}
.admin_register_student .area_tbl_scroll{height:428px;padding:0 1px}
.admin_register_student .tbl_body.type2 td{height:40px;padding:0;vertical-align:top;text-align:center}
.admin_register_student .tbl_body.type2 td .input_txt{padding:10px;vertical-align:top;text-align:center}
.admin_register_student .tbl_body.type2 td.error .bx_input{padding-bottom:10px}
.admin_register_student .tbl_body.type2 td.error .input_txt{padding-bottom:0}
.admin_register_student .tbl_body.type2 td .txt_error{margin:0;line-height:18px}
.admin_register_student .tbl_body.type2 td .input_txt,.admin_register_student .tbl_body.type2 td .txt_error{text-align:center}
.admin_register_student .tbl_body.type2 .inp_tbl{padding:8px 10px}
/* 학생 일괄 등록 */
.admin_student_enrollment .pop_contents{width:568px;padding:54px}
.admin_student_enrollment.school_manager .pop_contents{width:598px;padding:54px}
.admin_student_enrollment .bx_btn.btn_excel_download{padding-left:20px;margin-top:15px;text-align:left}
.admin_student_enrollment .bx_btn .btn.btn_excel{width:145px;border-color:#dedede}
.admin_student_enrollment .area_tbl_tit{position:relative;padding-top:10px;padding-right:90px;margin-top:30px}
.admin_student_enrollment .area_tbl_tit .bx_btn{margin-top:0}
.admin_student_enrollment .area_tbl_tit .bx_btn .btn_del_choice{width:73px;color:#333;font-size:12px}
.admin_student_enrollment .pop_sub_tit{display:block;position:relative;padding-left:20px;margin-top:28px;font-size:16px;font-weight:normal}
.admin_student_enrollment .pop_sub_tit span{position:absolute;left:0;top:-2px;font-size:17px;font-weight:700}
.admin_student_enrollment .btn_excel .sp{display:inline-block;width:20px;height:18px;margin:-3px 7px 0 0;background-position:-178px -40px;vertical-align:middle}
.admin_student_enrollment .bx_input.add_btn{width:100%;padding-right:88px;padding-left:20px;margin-top:15px;border:0px}
.admin_student_enrollment .bx_input.add_btn .input_txt{height:42px;padding:10px 10px 10px 14px;border:1px solid #d9d9d9;border-right:0;font-size:14px}
.admin_student_enrollment .bx_input.add_btn .btn{width:88px;font-size:14px;border-width:1px;height:42px;top:0;right:0}
.admin_student_enrollment .bx_input label{padding-left:34px;font-size:14px;line-height:42px}
.admin_student_enrollment .member_sort{color:#919191;font-size:14px}
.admin_student_enrollment p.txt_error{margin-top:12px}
.admin_tbl_popupv2{margin-top:10px;border-bottom-color:#e0e0e0}
.admin_tbl_popupv2 .tbl_head{position:static}
.admin_tbl_popupv2 .tbl_head th{height:50px;padding:0;border-bottom:1px solid #bfbfbf;line-height:18px;text-align:center;font-weight:normal}
.admin_tbl_popupv2 .tbl_body td{height:40px;padding:0;border-color:#e0e0e0;font-size:14px}
.admin_tbl_popupv2 .area_tbl_scroll{overflow:auto;max-height:245px}
.admin_tbl_popupv2 .tbl_body tr td.error_data span{display:block;position:relative;width:100%;height:42px;top:1px;padding:11px 5px;margin-top:-2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
.admin_tbl_popupv2 .tbl_body tr td.error_data span:after{z-index:1;position:absolute;top:0;right:3px;bottom:0;left:2px;border:1px solid #ff5c5c;content:''}
/* 교직원 신규 등록 */
.admin_register_staff .pop_contents{width:568px;padding:54px}
.admin_register_staff .bx_btn.btn_excel_download{padding-left:20px;margin-top:15px;text-align:left}
.admin_register_staff .bx_btn .btn.btn_excel{width:145px}
.admin_register_staff .area_tbl_tit{position:relative;padding-top:10px;padding-right:90px;margin-top:30px}
.admin_register_staff .area_tbl_tit .bx_btn{margin-top:0}
.admin_register_staff .area_tbl_tit .bx_btn .btn_del_choice{width:73px;color:#333;font-size:12px}
.admin_register_staff .pop_sub_tit{display:block;position:relative;padding-left:20px;margin-top:28px;font-size:16px;font-weight:normal}
.admin_register_staff .pop_sub_tit span{position:absolute;left:0;top:-2px;font-size:17px}
.admin_register_staff .btn_excel .sp{display:inline-block;width:20px;height:18px;margin:-3px 7px 0 0;background-position:-178px -40px;vertical-align:middle}
.admin_register_staff .bx_input.add_btn{width:100%;padding-right:88px;padding-left:20px;margin-top:15px;border:0px}
.admin_register_staff .bx_input.add_btn .input_txt{height:42px;padding:10px 10px 10px 14px;border:1px solid #d9d9d9;border-right:0;font-size:14px}
.admin_register_staff .bx_input.add_btn .btn{width:88px;font-size:14px;border-width:1px;height:42px;top:0;right:0}
.admin_register_staff .bx_input label{padding-left:34px;font-size:14px;line-height:42px}
.admin_register_staff .member_sort{color:#919191;font-size:14px}
.admin_register_staff p.txt_error{margin-top:12px}
/* 초대하기 */
.admin_invite .pop_info_txt a{font-size:16px}
/* 재직 확인 */
.admin_comfirm_staff .pop_contents{width:484px;padding:54px}
.admin_comfirm_staff .area_tbl_tit{position:relative;padding-top:10px;padding-right:160px;margin-top:30px}
.admin_comfirm_staff .area_tbl_tit .bx_btn{margin-top:0}
.admin_comfirm_staff .area_tbl_tit .bx_btn>button{width:73px;color:#333;font-size:12px}
.admin_comfirm_staff .area_tbl_tit .bx_btn .btn_del_choice{margin-left:8px}
.admin_comfirm_staff .member_sort{color:#919191;font-size:14px}
/* 교직원 신규 등록 */
.admin_teacher_staff .pop_contents{width:756px;padding:54px}
.admin_teacher_staff .bx_dsc_table{margin-top:12px;margin-bottom:12px}
.admin_teacher_staff .bx_dsc_table .txt_error span{color:#222}
.admin_teacher_staff .tbl_head{position:static}
.admin_teacher_staff .area_tbl_scroll{height:420px;padding:0 1px}
.admin_teacher_staff .tbl_body.type2 td{height:39px;padding:0}
.admin_teacher_staff .tbl_body.type2 td:first-child.on .bx_input:after{left:0}
.admin_teacher_staff .tbl_body .bx_sorting .btn_select{padding:10px 5px 10px 10px}
.admin_teacher_staff .tbl_body .bx_sorting .lst_select{min-width:auto}
/* 비밀번호 입력 */
.admin_setup_pw .pop_contents{width:448px}
.admin_invite_complete .pop_contents{width:401px;padding:54px}
.admin_delete_student .pop_contents{width:416px;padding:54px}
.admin_setup_pw .bx_btn .btn_l,.admin_delete_student .bx_btn .btn_l,.admin_invite_complete .bx_btn .btn_l{font-weight:700}
/* 학생 정보 수정 */
.admin_edit_student .pop_contents{width:416px;padding:54px}
.admin_edit_student .bx_edit_wrap{margin-top:15px}
.admin_edit_student .bx_input{display:block;margin-top:15px;border:0}
.admin_edit_student .bx_input label{position:static;padding-left:0px;line-height:25px;font-weight:normal}
.admin_edit_student .bx_input .input_txt{margin-top:10px;border:1px solid #e1e1e1}
.admin_edit_student .bx_input.bx_input_l{display:inline-block;width:148px}
.admin_edit_student .bx_input.bx_input_l+.bx_input_l{margin-left:8px}
.admin_edit_student .bx_class{display:inline-block;margin-top:15px}
.admin_edit_student .bx_class+.bx_class{margin-left:8px}
.admin_edit_student .bx_sorting2{display:block}
.admin_edit_student .dsc_sorting2{color:#8d8d8d;font-size:17px}
.admin_edit_student .bx_sorting2 .btn_select{width:148px;min-width:auto;height:54px;margin-top:10px;font-size:17px;line-height:50px}
.admin_edit_student .bx_sorting2 .btn_select:after{display:none}
.admin_edit_student .bx_sorting2 .ico_select_arrow{right:20px}
/* 교직원 정보 수정 */
.admin_edit_staff .pop_contents{width:416px;padding:54px}
.admin_edit_staff .bx_edit_wrap{margin-top:15px}
.admin_edit_staff .bx_input{display:block;margin-top:15px;border:0}
.admin_edit_staff .bx_input label{position:static;padding-left:0px;line-height:25px;font-weight:normal}
.admin_edit_staff .bx_input .input_txt{margin-top:10px;border:1px solid #e1e1e1}
.admin_edit_staff .bx_input.bx_input_l{display:inline-block;width:148px;vertical-align:top}
.admin_edit_staff .bx_input.bx_input_l+.bx_input_l{margin-left:8px}
.admin_edit_staff .bx_class{display:inline-block;margin-top:15px}
.admin_edit_staff .bx_sorting2{display:block;margin-right:8px}
.admin_edit_staff .dsc_sorting2{color:#8d8d8d;font-size:17px}
.admin_edit_staff .bx_sorting2 .btn_select{width:148px;min-width:auto;height:54px;margin-top:10px;font-size:17px;line-height:50px}
.admin_edit_staff .bx_sorting2 .btn_select:after{display:none}
.admin_edit_staff .bx_sorting2 .ico_select_arrow{right:20px}
/* 그룹을 삭제하시겠습니까? */
.admin_del_gr .pop_contents{width:416px;padding:54px}
.admin_del_gr .list_del_option{overflow:hidden;padding:26px 0;margin-top:30px;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}
.admin_del_gr .list_del_option li{margin-top:30px}
.admin_del_gr .list_del_option li:first-child{margin-top:0}
.admin_del_gr .list_del_option label{padding-left:35px;color:#333;font-size:16px;letter-spacing:-1.1px}
.admin_del_gr .list_del_option label span{color:#919191;font-size:14px}
/* member > 내정보 */
.member_modify .form_tit{margin-top:40px;margin-bottom:0px;padding-bottom:14px}
.member_modify .form_tit:first-of-type{margin-top:40px}
.member_modify .bx_btn{margin-top:40px}
.member_modify .lst_member>li+li{margin-top:25px}
.member_modify .lst_member .info_txt{width:460px}
.member_modify .lst_member .area_choice+.area_choice{margin-bottom:0}
.member_modify .lst_member .area_choice .bx_select{width:226px}
.member_modify .lst_member .area_choice .bx_select+.bx_select{margin-left:7px}
.member_modify .lst_member .bx_input .input_txt{padding:13px 16px 15px;font-size:15px}
.member_modify .lst_member .bx_certificate{display:inline-flex}
.member_modify .lst_member .btn_certificate{width:100%}
.member_modify .lst_member .btn_certificate{margin-top:0;height:auto;padding:12px 10px 15px;line-height:normal;}
.member_modify .lst_member .btn_certificate.btn4{flex-shrink:0;margin-left:10px;width:120px;padding:13px 10px 14px;font-size:15px}
/* teaccher modify pw */
.admin_teacher_modify .form_tit{margin-top:40px;margin-bottom:0px;padding-bottom:14px}
.admin_teacher_modify .form_tit:first-of-type{margin-top:40px}
.admin_teacher_modify .bx_btn{margin-top:40px}
.admin_teacher_modify .lst_member>li+li{margin-top:25px}
.admin_teacher_modify .lst_member .info_txt{width:460px}
.admin_teacher_modify .lst_member .area_choice+.area_choice{margin-bottom:0}
.admin_teacher_modify .lst_member .area_choice .bx_select{width:226px}
.admin_teacher_modify .lst_member .area_choice .bx_select+.bx_select{margin-left:7px}
.admin_teacher_modify .lst_member .bx_input .input_txt{padding:13px 16px 15px;font-size:15px}
.admin_teacher_modify .lst_member .btn_certificate{margin-top:0}
.lst_member .wrap_btn_certificate .btn2 {width:333px}
.lst_member .wrap_btn_certificate .btn4 {margin-left:8px;width:115px;font-size:15px;background:#fff}

/* school modify pw */
.admin_school_modify .lst_member>li+li{margin-top:25px}
.admin_school_modify .form_tit{margin-top:40px;margin-bottom:0px;padding-bottom:14px}
.admin_school_modify .form_tit:first-of-type{margin-top:40px}
.admin_school_modify .bx_btn{margin-top:40px}
.admin_school_modify .lst_member .bx_input .input_txt{padding:13px 16px 15px;font-size:15px}/*  */
/* 선생님 정보관리 학급명부 */
.admin_teacher_class .tbl_type thead th{height:57px;padding:0;border-bottom:1px solid #e0e0e0;background-color:#fafafa}
.admin_teacher_class .tbl_type .must{font-size:12px;font-weight:700;color:#ff5c5c}
.admin_teacher_class .tbl_type .notice_register_new{padding:0;border-top:1px solid #e0e0e0}
.admin_teacher_class .tbl_type .bx_nodata{height:505px;border-bottom:0;background-color:#fff}
.admin_teacher_class .tbl_type .bx_nodata em{display:block;margin-bottom:15px}
.admin_teacher_class .content_tit{color:#222;font-size:26px;font-weight:700;line-height:29px}
.admin_teacher_class .tit_dsc{position:relative;margin-top:10px;color:#575757;font-size:16px}
.admin_teacher_class .area_tbl_tit{position:relative;margin:40px 0 15px;padding:14px 43% 0 0}
.admin_teacher_class .tit_dsc .btn_link{display:inline-block;position:relative;top:auto;right:auto;bottom:-1px;margin-left:5px;font-size:15px;color:#3577f8;letter-spacing:-.5px;vertical-align:top}
.admin_teacher_class .tit_dsc .btn_link .ico_arrow{margin:-3px 0 0 4px;vertical-align:middle}
.admin_teacher_class .tit_dsc .btn_link:hover{text-decoration:none}
.admin_teacher_class .tit_dsc .btn_link:after{position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:#3577f8;content:''}
.admin_teacher_class .bx_sorting:before{display:inline-block;width:2px;height:14px;margin:3px 15px 0;background-color:#ececec;vertical-align:middle;content:''}
.admin_teacher_class .bx_sorting.no_line .btn_select{min-width:99px;padding-bottom:0;font-size:16px}
.admin_teacher_class .area_tbl_tit .bx_btn .btn{width:73px;margin-left:8px;color:#171717}
.admin_teacher_class .area_tbl_tit .bx_btn .btn:first-child{margin-left:0}
.admin_teacher_class .area_tbl_tit .bx_btn .btn.btn_excel{width:130px;margin-left:8px;font-size:12px;line-height:1.83}
.admin_teacher_class .area_tbl_scroll{overflow:auto;max-height:507px;margin-top:-1px}
/* tbl type */
.admin_tbl_list tr:hover td{background-color:#f7f9fc}
.admin_tbl_list td{padding:10px 0;border-top:1px solid #e0e0e0;font-size:13px}
/* 학교관리자 정보관리 교직원명부*/
.admin_school_staff .tbl_type thead th{height:57px;padding:0;border-bottom:1px solid #e0e0e0;background-color:#fafafa}
.admin_school_staff .tbl_type .must{font-size:12px;font-weight:700;color:#ff5c5c}
.admin_school_staff .tbl_type .notice_register_new{padding:0;border-top:1px solid #e0e0e0}
.admin_school_staff .tbl_type .bx_nodata{height:505px;border-bottom:0;background-color:#fff}
.admin_school_staff .tbl_type .bx_nodata em{display:block;margin-bottom:15px}
.admin_school_staff .content_tit{color:#222;font-size:26px;font-weight:700;line-height:29px}
.admin_school_staff .tit_dsc{position:relative;margin-top:10px;color:#575757;font-size:16px}
.admin_school_staff .area_tbl_tit{position:relative;margin:40px 0 15px;padding:14px 56% 0 0}
.admin_school_staff .member_sort .total .num{font-weight:normal}
.admin_school_staff .bx_sorting:before{display:inline-block;width:2px;height:14px;margin:2px 15px 0;background-color:#ececec;vertical-align:middle;content:''}
.admin_school_staff .bx_sorting.no_line .btn_select{min-width:99px;padding-bottom:0;font-size:16px}
.admin_school_staff .area_tbl_tit .bx_btn .btn{margin-left:8px;color:#171717;font-size:12px;line-height:1.83}
.admin_school_staff .area_tbl_tit .bx_btn .btn:first-child{margin-left:0}
.admin_school_staff .area_tbl_tit .bx_btn .btn.btn_excel{width:130px;margin-left:8px}
.admin_school_staff .area_tbl_tit .btn_confirm_staff{width:92px}
.admin_school_staff .area_tbl_tit .btn_confirm_staff .num{color:#3577f8;font-weight:700}
.admin_school_staff .area_tbl_tit .btn_confirm_staff .sp{display:inline-block;width:14px;height:14px;margin-left:3px;background-position:-236px -22px;vertical-align:middle}
.admin_school_staff .area_tbl_tit .btn_confirm_staff .ly_tooltip_wrap{margin-top:17px;text-align:left;line-height:normal}
.admin_school_staff .area_tbl_tit .btn_confirm_staff .sp:hover .ly_tooltip_wrap{display:block}
.admin_school_staff .area_tbl_scroll{overflow:auto;max-height:537px;margin-top:-1px}
/*! TEACHER AUTHORITY */
.admin_authority .area_title .sub_tit{display:block;font-size:27px;color:#b8b8b8;line-height:26px;letter-spacing:-.7px}
.admin_authority .area_title .sub_tit.on{color:#333}
.admin_authority .area_title h2+h2{margin-left:41px;position:relative}
.admin_authority .area_title h2+h2:before{content:'';display:block;position:absolute;width:1px;height:20px;background-color:#dbdbdb;left:-20px;top:4px}
.admin_authority .tbl{font-size:14px;border-bottom:1px solid #e0e0e0}
.admin_authority thead td,.admin_authority thead th{box-sizing:border-box;height:50px}
.admin_authority thead th{background-color:#fafafa;border-top:1px solid #bfbfbf}
.admin_authority .tbl tr:hover td{background-color:#f7f9fc}
.admin_authority .tbl td{border-top:1px solid #e0e0e0;padding:0;height:50px}
.admin_authority .tbl_type .btn_approve{border-color:#3577f8;color:#3577f8}
.admin_authority .tbl_area{margin-top:40px}
.admin_authority .tbl_tit{font-size:17px;font-weight:700;color:#171717}
.admin_authority .tbl_type{margin-top:14px;font-size:14px;color:#222;border:none}
.admin_authority .new .bx_txt{position:relative}
.admin_authority .new .bx_txt:first-child{font-weight:700;position:relative}
.admin_authority .new .ico_new{display:inline-block;width:16px;height:16px;background-position:-557px 0;vertical-align:sub}
.admin_authority .pagination{margin-top:40px}
/*! BOARD AUTHORITY  */
.admin_authority .main_content{margin-top:40px}
.admin_authority .main_content .area_display{padding-top:40px;padding-bottom:30px}
.admin_authority .area_display .title{font-size:17px;color:#222;font-weight:700}
.admin_authority .area_display .role_desc{border-top:none;padding-top:0;margin-top:0;padding-bottom:40px;border-bottom:1px solid #e7e7e7;margin-bottom:40px}
.admin_authority .area_display .role_desc .title{padding-top:0}
.admin_authority .area_display .desc{margin-top:2px;font-size:15px;color:#575757;width:530px}
.admin_authority .area_display .desc.type2{margin-top:9px;font-size:13px;line-height:1.69;letter-spacing:normal;color:#171717}
.admin_authority .desc.type2 li:before{position:absolute;top:10px;left:0;width:3px;height:3px;margin-right:5px;border-radius:50%;background:#666;vertical-align:middle;content:''}
.admin_authority .desc.type2 li{padding-left:10px;position:relative}
.admin_authority .area_display .panel_control{margin-top:15px;position:relative}
.admin_authority .sub_content_head{position:relative}
.admin_authority .sub_content_head .bx_txt{width:74%;display:inline-block}
.admin_authority .bx_btn{font-size:0;position:absolute;bottom:0;right:0;width:30%;text-align:right}
.admin_authority .bx_btn .btn{font-size:13px;color:#171717;margin-left:8px;width:79px;height:40px}
.admin_authority .bx_btn .btn.btn2{width:103px;height:40px;color:#3577f8}
.admin_authority .bx_btn .btn:first-child{margin-left:0}
.admin_authority .lst_item>li,.admin_authority .lst_head{min-height:50px;line-height:50px;padding-left:31px;border-bottom:1px solid #e0e0e0;margin-top:0;position:relative}
.admin_authority .lst_item>li:hover{background-color:#f7f9fc}
.admin_authority .lst_item>li .input_lbl{font-size:14px;color:#171717}
.admin_authority .lst_head{background-color:#fafafa;border-top:1px solid #bfbfbf}
.admin_authority .lst_head .status{font-size:14px;color:#222222;float:right;margin-right:38px}
.admin_authority .lst_head .input_lbl{font-size:14px;color:#222222}
.admin_authority .lst_item>li .input_lbl, .admin_authority .lst_head .input_lbl{padding-left:40px}
.admin_authority .lst_item .msg_no_action:hover{background-color:#fff}
.admin_authority .lst_item .msg_no_action{padding:102px 0 123px;text-align:center;border-bottom:1px solid #e0e0e0}
.admin_authority .msg_no_action p{color:#919191;font-size:14px;line-height:1.36}
.admin_authority .lst_item>li:after{content:'';display:table;clear:both}
.admin_authority .item label{font-size:14px;color:#222;padding-left:40px}
.admin_authority .lst_item>li:after{content:'';display:table;clear:both}
.admin_authority .lst_item>li>span{vertical-align:middle;float:left}
.admin_authority .lst_item>li .btn_xs{vertical-align:middle;float:right;width:73px;height:30px;margin-top:11px;font-size:12px;color:#171717;margin-right:29px}
.admin_authority .area_member_selection{float:left;width:100%}
.admin_authority .area_member_selection .lst_member{float:right;width:659px;border-top:1px solid #f2f2f2}
.admin_authority .lst_member .member{font-size:14px;color:#757575;float:left;margin-top:0;margin-left:16px;line-height:60px}
.admin_authority .lst_member .member:first-child{margin-left:0}
.admin_authority .member .btn_remove{margin:1px 0 0 4px;position:relative;vertical-align:middle}
.admin_authority .btn_remove .sp{background-position:-526px 0;width:17px;height:17px}
.admin_authority .lst_member{display:block;float:left;width:100%}

/* STUDENT MANAGEMENT */
.admin_student_management .content_head{position:relative}
.admin_student_management .content_tit{color:#222;font-size:26px;font-weight:700;line-height:29px}
.admin_student_management .tit_dsc{position:relative;margin-top:10px;color:#575757;font-size:16px}
.admin_student_management .area_filter{width:170px;float:left;margin-top:0}
.admin_student_management .area_display{width:540px;float:right}
.admin_student_management .area_display .bx_sorting .lst_select{left:32px;min-width:120px}
.admin_student_management .area_display .bx_sorting .btn_select .ico_select_arrow{margin-top:-8px}
.admin_student_management .area_tbl_tit{position:relative}
.admin_student_management .content_head .form_search{width:200px;position:absolute;bottom:0;right:0}
.admin_student_management .bx_txt{display:inline-block;max-width:526px}
.admin_student_management .bx_btn{position:absolute;top:initial;right:0;bottom:-2px}
.admin_student_management .content_head:after{display:table;clear:both;content:''}
.admin_student_management .content_main{padding-top:55px;padding-bottom:12px}
.admin_student_management .content_main:after{display:table;clear:both;content:''}
.admin_student_management .filter_body{min-height:558px;border:1px solid #dedede;padding:8px 0 13px;box-sizing:border-box;margin-top:16px;position:relative}
.admin_student_management .filter_head{position:relative}
.admin_student_management .filter_head strong{display:inline-block;font-size:15px;font-weight:700;color:#071021;padding-top:2px}
.admin_student_management .filter_head .btn2{width:77px;height:38px;position:absolute;bottom:0;right:0}
.admin_student_management .bx_sorting.no_line .btn_select{min-width:99px;padding-bottom:0;font-size:16px}
.admin_student_management .bx_sorting:before{display:inline-block;width:2px;height:14px;margin:3px 15px 0;background-color:#ececec;vertical-align:middle;content:''}
.admin_student_management .area_tbl_tit .bx_btn .btn{width:73px;margin-left:8px;color:#171717;border:1px solid #dedede;line-height:1.69;letter-spacing:-.9px}
.admin_student_management .area_tbl_tit .bx_btn .btn:first-child{margin-left:0}
.admin_student_management .area_tbl_tit .bx_btn .btn.btn_excel{width:130px;margin-left:8px;font-size:12px;line-height:1.83}
.admin_student_management .tbl_type thead th{height:57px;padding:0;border-bottom:1px solid #e0e0e0;background-color:#fafafa}
.admin_student_management .area_tbl_scroll{overflow:auto;max-height:497px;margin-top:-1px}
.admin_student_management .show_all{width:100%;font-size:13px;font-weight:700;color:#171717;position:relative;padding:5px 20px 6px;box-sizing:border-box;text-align:left}
.admin_student_management .show_all:hover{background-color:#f7f9fc}
.admin_student_management .show_all span:nth-child(2){font-size:12px;color:#575757}
.admin_student_management .show_all.on,.admin_student_management .show_all.on span:nth-child(2){color:#3577f8}
.admin_student_management .depth1>li:before{content:'';width:136px;height:1px;background:#f0f0f0;position:relative;display:block;margin:0 auto}
.admin_student_management .area_tbl_tit{position:relative}
.admin_student_management .depth1_item>a{display:block;font-size:13px;color:#171717;margin-top:5px;padding:5px 20px}
.admin_student_management .depth1_item>a:hover{background-color:#f7f9fc}
.admin_student_management .depth1_item a.on,.admin_student_management .depth1_item a.on span{color:#3577f8}
.admin_student_management .depth1_item{padding:0 0 14px}
.admin_student_management a>span{font-size:11px;color:#575757;margin-left:2px}
.admin_student_management .depth2 li{position:relative}
.admin_student_management .depth2 li:hover{background:#f7f9fc}
.admin_student_management .depth2 li:hover .ico_set{display:block}
.admin_student_management .depth2 .ico_set{display:none;position:absolute;right:20px;top:9px}
.admin_student_management .depth2 .ico_set .ico{display:block;width:10px;height:10px;background-position:-545px 0}
.admin_student_management .depth2 .ico_set .setting{position:absolute;top:13px;right:-74px;border:1px solid rgba(0, 0, 0, 0.1);background:#ffffff;z-index:2}
.admin_student_management .depth2 .ico_set .setting button{width:82px;height:35px;text-align:left;padding-left:13px;font-size:13px;line-height:2.62;color:#171717}
.admin_student_management .depth2 .ico_set .setting button:hove {background-color:#f9fafd}
.admin_student_management .depth2 a{font-size:12px;color:#171717;display:block;padding:5px 32px}
.admin_student_management .depth1{padding-top:8px}
.admin_student_management .tbl_body td{font-size:13px;text-align:center;color:#222}
.admin_student_management .tbl_chk .input_chk+label:after{top:-6px}
.admin_student_management .tbl_head .tbl_chk .input_chk+label:after{top:2px}
.admin_student_management .tbl_type .must{font-size:12px;font-weight:700;color:#ff5c5c;margin-right:3px}
.admin_student_management .tbl_type.admin_tbl_list{margin-top:17px;border-bottom:1px solid #e0e0e0}
.admin_student_management .msg_no_group{font-size:12px;line-height:1.42;text-align:center;color:#919191;padding-top:264px}
.admin_student_management .msg_no_student p{font-size:14px;line-height:1.36;text-align:center;color:#919191}
.admin_student_management .msg_no_student{height:496px}
.admin_student_management .tbl_body tr:hover td.msg_no_student{background-color:#fff}

/* 학급추가팝업 */
.admin_register_class {box-sizing: border-box;font-feature-settings: 'clig' off, 'liga' off;font-family: 'Pretendard Variable',Pretendard,sans-serif;font-style: normal;font-size:14px;font-weight: 400;line-height: 150%;letter-spacing: -0.5px;}
.admin_register_class .pop_contents{width:742px; padding:55px 50px;}
.admin_register_class .pop_tit{text-align:left;color: #1A1A1A;font-size: 24px;font-weight: 700;line-height: 130%;}
.admin_register_class .pop_dsc{text-align:left;font-size: 12px;}
.admin_register_class .pop_dsc span:first-child{color:#666;}
.admin_register_class .pop_dsc span:last-child{color:#3577f8;}
.admin_register_class .pop_tit + .pop_dsc{margin-top:10px}
.admin_register_class .ly_tooltip_wrap{white-space: nowrap;padding: 22px 24px;}
.admin_register_class .register_bx{height:565px;margin-top:26px;}
.admin_register_class .register_bx:after{display:block;clear:both;content:''}
.admin_register_class .register_area{float:left;width:266px;height:100%;}
.admin_register_class .register_lst{float:right;width:350px;height:100%;}
.admin_register_class .register_area .regist_cont_wrap:first-child{margin-top:0}
.admin_register_class .register_area .regist_cont_wrap{margin-top:28px}
.admin_register_class button{border-radius:2px;border:1px solid #ccc;backgrund:#FAFAFA;font-size:13px;}
.regist_cont_wrap .tit{display:inline-block;vertical-align:middle;color:#1A1A1A;font-size:16px;font-weight: 700;}
.regist_cont_wrap .tit_area .ico_help{vertical-align:top;margin-top:1px; margin-left:4px;transform:scale(0.8);z-index:5;}
.regist_cont_wrap .tit_area .ico_help .ly_tooltip_wrap{margin-top:8px;font-size:15px;}
.regist_cont_wrap .regist_cont{margin-top:14px;border:1px solid #d4d4d4;}
.regist_cont_wrap .regist_direct{width:fit-content;margin:20px auto 19px auto}
.regist_cont_wrap .regist_direct .lst_item{display:inline-block;width:96px}
.regist_cont_wrap .regist_direct .btn_select{border:1px solid #e0e0e0;font-size:13px;color:#333;line-height:30px;box-sizing:border-box}
.regist_cont_wrap .regist_direct .full{width:100%;margin-top:8px}
.regist_cont_wrap .regist_direct .full .bx_dropdown{display:block}
.regist_cont_wrap .regist_direct .full .bx_dropdown .btn_select{width:100%}
.regist_cont_wrap .regist_direct .inp_area{position:relative;width:118px;margin-left:13px}
.regist_cont_wrap .regist_direct .inp_txt{height:32px;padding:0;border:1px solid #e0e0e0;font-size:13px;color:#333;line-height:30px;text-indent:8px;box-sizing:border-box}
.regist_cont_wrap .regist_direct .lbl_placeholder{position:absolute;left:0;right:0;top:50%;z-index:2;margin-top:-15px;font-size:13px;color:#bbb;text-indent:9px;line-height:30px}
.regist_cont_wrap.all .regist_cont{overflow-y:auto;height:300px;}
.regist_cont_wrap .tit_school{display:block;padding-left:19px;background-color:#f5f7fa;font-size:13px;line-height:38px}
.regist_cont_wrap .regist_all{padding:24px 18px 14px 22px;box-sizing:border-box}
.regist_cont_wrap .regist_all li{margin-top:14px;font-size:14px;font-weight:400;white-space:nowrap}
.regist_cont_wrap .regist_all li:first-child{margin-top:0}
.regist_cont_wrap .regist_all .inp_regist{display:inline-block;width:40px;height:32px;padding:0;margin:0 6px 0 8px;border-radius:2px;border:1px solid #CCC;font-size:14px;text-align:center}
.regist_cont_wrap .btn_register .ico_arr{width:14px;height:14px;background-position:-338px -57px;vertical-align:top}
.regist_cont_wrap .regist_cont + .btn_register{border-top:0}
.admin_register_class .member_sort{color:#1A1A1A;font-size:14px;font-weight: 400;}
.admin_register_class .tbl_head.type2 th{border-top-color:#d4d4d4;border-bottom-color:#eee;color:#808080;font-size:13px;}
.admin_register_class .register_lst .area_tbl_tit {width:100%;height:42px;display:flex;align-items:center;justify-content: space-between;}
.admin_register_class .register_lst .admin_table_popup {height: 523px;display: flex; flex-direction: column;}
.admin_register_class .register_lst .admin_table_popup .tbl_head {flex-grow: 0;}
.admin_register_class .register_lst .admin_table_popup .area_tbl_scroll{flex-grow: 1;}
.admin_register_class .register_lst .area_tbl_scroll{max-height:480px;background-color:#fafafa;border-bottom-color:#d4d4d4}
.admin_register_class .register_lst.type2 .area_tbl_scroll{height:333px}
.admin_register_class .register_lst .tbl_body{background:#fff}
.admin_register_class .register_lst .tbl_body tr{height:48px;padding:0;}
.admin_register_class .register_lst .tbl_body tr td{border-bottom:1px solid #E6E6E6;color:#808080;font-size:13px}
.admin_register_class .register_lst .tbl_body tr.duplicate_name {background:#FFEFED}
.admin_register_class .register_lst .tbl_body tr.duplicate_name td{color:#FF5C5C}
.admin_register_class .register_lst .tbl_body.no_data{width:100%;height:100%}
.admin_register_class .register_lst .tbl_body.no_data td{padding:0 0 45px;font-size:15px;color:#999;}
.admin_register_class .register_lst .tbl_body.no_data .no_txt{display:block;margin:0 0 4px;font-size:18px;color:#1A1A1A;}
.admin_register_class .area_tbl_tit .bx_btn{position: relative;}
.admin_register_class .area_tbl_tit .bx_btn>button{}
.admin_register_class .area_tbl_tit .bx_btn .btn_del_choice{width:73px;color:#333;}
.admin_register_class .btn_delete{color:#1A1A1A;font-size: 13px;font-family:"Noto Sans KR",sans-serif;line-height:normal;}
.admin_register_class .member_sort{color:#333;}
.admin_register_class .member_sort span{color:#FF5C5C;}
.admin_register_class .btn_area {display: flex;justify-content: center;align-items: center;}
.admin_register_class .btn_area button {width: 132px;height: 46px;padding: 0px 20px;border-radius:4px;}
.admin_register_class .btn_area button:first-child {background:#3577F8}
.admin_register_class .btn_area button:not(:first-child) {margin-left:10px;background:#808080}
.admin_register_class .area_tbl_scroll .sub_txt{display:block;font-size:12px;color:#999}

/* 웨일스페이스 로그인 연동 팝업 */
.admin_setup .pop_contents {width:auto;min-width:476px;max-width:540px}

/* admin > 반편성,반번호부여 공통 */
.admin_organize .content_right_area {padding-top:60px}
.admin_organize .class_organize_inner{width:700px;margin:0 auto}
.admin_organize .progress.type_img_lg{flex-shrink:0;width:700px;margin:0 auto 105px;padding-left:28px;box-sizing:border-box;}
.admin_organize .progress.type_img_lg:before{left:28px}
.admin_organize .area_btn {margin-top:70px;margin-bottom:70px;flex-shrink:0;text-align:center}
.admin_organize .area_btn .btn5,
.admin_organize .area_btn .btn3{width:132px;height:auto;margin:0 5px;font-weight:bold;padding:13px 10px 14px;line-height:normal}
.admin_organize .bx_admin_cont+.bx_admin_cont{margin-top:50px}
.admin_organize .tit_admin_cont{color:#222;font-size:20px;font-weight:bold;line-height:22px}
.admin_organize .tit_admin_cont+.desc_admin_cont{margin-top:9px}
.admin_organize .desc_admin_cont{color:#222;font-size:14px;line-height:24px}
/* step01 : 기준자료작성 */
.admin_organize .organize_file_down .btn{width:auto;height:auto;padding:5px 10px 6px;letter-spacing:-0.4px;line-height:normal}
.admin_organize .organize_file_upload{margin-top:20px}
.admin_organize .organize_file_upload .btn{margin-left:10px}
/* step02 : 등록 전 검토 */
.admin_organize .content_right {margin-top:0;padding:0}
.admin_organize .content_right + .area_btn{margin-top:auto;padding-top:30px;margin-bottom:50px}
.admin_organize .bx_inp_border {border:1px solid #dedede}
.admin_organize .bx_inp_border input{padding:7px 10px 9px;color:#222;font-size:15px;text-align:center}
/* admin > 반편성 */
.admin_class_organize .desc_admin_cont + .bx_noti_bg{margin-top:30px}
.admin_class_organize .bx_noti_bg+.desc_admin_cont{margin-top:30px}
.admin_class_organize .bx_noti_bg{padding:19px 22px;border:1px solid #edeff2;background-color:#f7f9fc}
.admin_class_organize .bx_noti_bg .bx_noti_inner+.bx_noti_inner{margin-top:20px;padding-top:20px;border-top:1px solid #edeff2}
.admin_class_organize .bx_noti_bg .bx_noti_tit{color:#3577f8;font-size:14px;line-height:22px;font-weight:normal}
.admin_class_organize .bx_noti_bg .progress_lst{margin-top:7px}
.admin_class_organize .bx_noti_bg .progress_lst>li{display:inline-block;font-size:14px;line-height:22px;vertical-align:middle}
.admin_class_organize .bx_noti_bg .progress_lst>li+li:before{content:'';display:inline-block;width:10px;height:15px;margin:-3px 8px 0;vertical-align:middle;background:url(../img/sp.png) no-repeat -582px -260px}
.admin_class_organize .organize_file_down{margin-top:15px;font-size:13px;line-height:22px}
.admin_class_organize .organize_file_down .bx_dropdown {margin-bottom:10px}
.admin_class_organize .organize_file_down .bx_dropdown + .bx_dropdown{margin-left:7px}
.admin_class_organize .organize_file_down .bx_dropdown .btn_select{min-width:90px;width:fit-content;padding-right:25px}
.admin_class_organize .organize_file_down .bx_dropdown .btn_select .ico_select_arrow{right:8px}
.admin_class_organize .organize_file_down .btn{margin:0 5px 10px;vertical-align:baseline}
.admin_class_organize .organize_file_down .btn:last-child{margin-right:0}
.admin_class_organize .organize_file_down .bx_dropdown + .btn{margin-left:7px}
.admin_class_organize .organize_file_down .text{display:inline-block;vertical-align:middle}
/* admin > 반번호부여 */
.admin_class_numbering .organize_file_down{margin:20px 0 10px}


/* 게시판*/

/* 게시판 > 에디터 작성 */
.sub_board .edit_tit{position:relative;color:#bfbfbf;line-height:30px}
.sub_board .edit_tit input[type="text"]{padding:0;font-size:22px;color:#171717}
.sub_board .edit_tit label{position:absolute;top:0;left:0;height:100%;line-height:33px;box-sizing:border-box;font-size:22px;color:#bfbfbf}
.articleEditor .ProseMirror-menubar{margin-bottom:40px;padding:38px 0 20px;border-bottom:1px solid #e0e0e0;font-size:0}
.articleEditor .ProseMirror-menuitem{display:inline-block;height:17px;vertical-align:top}
.articleEditor .ProseMirror-menuseparator{display:inline-block;height:17px;padding-right:36px;vertical-align:top}
.articleEditor .ProseMirror{min-height:280px;margin-bottom:75px;font-size:14px;line-height:28px}
.articleEditor .ProseMirror .link{color:#3577f8}
.articleEditor .sp{display:inline-block;width:17px;height:17px;margin-right:16px;background-image:url(../img/sp_new.png);background-repeat:no-repeat;vertical-align:top;font-size:0;cursor:pointer}
.articleEditor .sp.bold{margin-right:14px;background-position:-472px -19px}
.articleEditor .sp.underline{margin-right:0;background-position:-491px -19px}
.articleEditor .sp.al_left{background-position:-510px -19px}
.articleEditor .sp.al_center{background-position:-529px -19px}
.articleEditor .sp.al_right{margin-right:3px;background-position:-548px -19px}
.articleEditor .ProseMirror-menu-active.sp.bold{background-position:-472px -38px}
.articleEditor .ProseMirror-menu-active.sp.underline{background-position:-491px -38px}
.articleEditor .ProseMirror-menu-active.sp.al_left{background-position:-510px -38px}
.articleEditor .ProseMirror-menu-active.sp.al_center{background-position:-529px -38px}
.articleEditor .ProseMirror-menu-active.sp.al_right{background-position:-548px -38px}
.articleEditor .sp.insert_img{position:relative;background-position:-567px -19px}
.articleEditor .sp.insert_img:hover .ly_tooltip_wrap{display:block}
.articleEditor .sp.insert_img .ly_tooltip_wrap{padding:10px 14px;font-size:12px;letter-spacing:-0.06em}
.sub_board .bx_info_send{margin-top:-2px}
.sub_board .bx_info_send .bx_btn{margin-top:25px}
.sub_board .add_info span{vertical-align:middle}
.sub_board .add_info .ico_notice{margin-right:5px}
.sub_board .add_info .txt_color{font-size:14px}
.sub_board .add_info .txt_notice{margin-top:5px;padding:0;color:#919191;text-indent:0}

/* 게시판 에디터 > 뷰어 공통 */
.area_title_board{position:relative}
.area_title_board .bx_title{display:-ms-flexbox;display:flex;-ms-flex-align:top;align-items:flex-start}
.area_title_board .board_tit{-ms-flex:1;flex:1}
.area_title_board .board_tit h2{font-size:22px;font-weight:400;color:#171717;line-height:30px;letter-spacing:-0.03em}
.area_title_board .board_info{display:flex;align-items:center}
.area_title_board .board_info .status_area{margin-top:0}
.area_title_board .bx_btn{margin-left:60px;white-space:nowrap}
.area_title_board .btn_result,.area_title_board .btn_save_file{height:50px;line-height:48px;font-size:14px;color:#171717}
.area_title_board .btn_result{width:114px;margin-right:10px}
.area_title_board .btn_add{width:148px;height:50px;line-height:48px;font-size:14px}
.area_title_board .btn_add:last-child{margin-left:10px}
.area_title_board .btn_save_file{width:157px}
.area_title_board .status_area{display:block;margin-top:6px;color:#999}
.area_title_board .status_area .bx_count:before{display:inline-block;width:2px;height:14px;margin:0px 8px 0;background-color:#ececec;vertical-align:middle;content:''}
.area_title_board .date{font-size:14px}
.area_title_board .bx_count{margin-right:6px;font-size:14px}
.area_title_board .status_view{font-size:12px;color:#3577f8}
.area_title_board .status_view:after{display:inline-block;width:5px;height:7px;margin-left:3px;margin-top:-2px;background:url(../img/sp_new.png) no-repeat -535px -57px;vertical-align:middle;font-size:0;content:""}
.area_title_board .sp.ico_excel{display:inline-block;width:20px;height:17px;margin-right:5px;margin-top:-4px;background-position:-408px -138px;vertical-align:middle;font-size:0}
/* 게시판 > 뷰어 내부 영역 */
.viewer_area{margin-top:21px;padding:24px 0 30px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
.viewer_area .articleViewer h2{font-family:"nsb";font-size:20px}
.viewer_area .articleViewer strong{font-weight:700}
.viewer_area .articleViewer p{padding-top:6px;font-size:16px;line-height:28px;word-break:break-all}
.viewer_area .articleViewer hr{display:block;height:1px;margin:0;margin:39px 0;border:0}
.viewer_area .articleViewer .hr_style1{border-top:1px solid #b1b1b1;content:''}
.viewer_area .articleViewer .hr_style2{border-top:2px dashed #b1b1b1;content:''}
.viewer_area .articleViewer .hr_style3{width:358px;height:20px;margin:39px auto;background-image:url(../img/sp_new.png);background-repeat:no-repeat;background-position:0 -90px;content:''}
.viewer_area .articleViewer .hr_style4{width:150px;height:2px;margin:39px auto;background-color:#b1b1b1;content:''}
.viewer_area .articleViewer blockquote{margin:39px 0;font-size:18px;font-weight:normal;line-height:26px;text-align:center}
.viewer_area .articleViewer blockquote:before,
.viewer_area .articleViewer blockquote:after{display:block;width:23px;height:17px;margin:0 auto;background:url(../img/sp_new.png);background-repeat:no-repeat;content:''}
.viewer_area .articleViewer blockquote:before{margin-bottom:12px;background-position:-472px -56px}
.viewer_area .articleViewer blockquote:after{margin-top:17px;background-position:-497px -56px}
.viewer_area .articleViewer .tableWrapper{margin:39px 0;border:1px solid #adadad;border-bottom:0;border-left:0}
.viewer_area .articleViewer .tableWrapper table{width:100%}
.viewer_area .articleViewer .tableWrapper table th,
.viewer_area .articleViewer .tableWrapper table td{border-left:1px solid #adadad;border-bottom:1px solid #adadad}
.viewer_area .articleViewer .tableWrapper table th,.articleViewer .tableWrapper table td{padding:9px 11px;font-size:14px;line-height:20px;color:#545454;text-align:left}
.viewer_area .articleViewer .imageContainer,
.viewer_area .articleViewer .videoContainer,.articleEditor .imageContainer,.articleEditor .videoContainer{display:block;margin:35px 0}
.viewer_area .articleViewer .imageContainer img,
.viewer_area .articleViewer .videoContainer img{width:100%}
.viewer_area .articleViewer .videoContainer iframe{width:100%;height:409px}
.viewer_area .articleViewer .videoContainer{position:relative}
.viewer_area .articleViewer .imageCaption,.articleEditor .imageCaption{display:block;margin-top:10px;font-size:14px;color:#999;text-align:center}
.viewer_area .bx_include_file .dsc{margin:38px 0 10px}
/* 게시판 > 설문조사 타이틀 */
.sub_survey .area_title_board{padding-top:32px;border-top:1px solid #b3b3b3}
/* 게시판 > 뷰어 다운로드 버튼 */
.viewer_area .bx_include_file .lst_file li{width:236px}
.viewer_area .bx_include_file .lst_file .btn_download{width:100%}
.viewer_area .bx_include_file.type2 .lst_file{margin:-10px 0 0 -10px}
.viewer_area .bx_include_file.type2 .lst_file li{display:inline-block;width:225px;margin:10px 0 0 10px}
/* 게시판 > 뷰어 이미지,동영삼 첨부 파일 */
.viewer_area .bx_include_file.image .lst_file li{width:20%;}
/* 게시판 > 뷰어 수정 삭제버튼 */
.sub_board .bx_etc_info{text-align:right}
.sub_board .bx_etc_info .txt_btn{width:63px;font-size:15px;color:#171717}
.sub_board .bx_etc_info .txt_btn + .txt_btn{margin-left:4px}
/* 게시판 > 게시판 리스트 */
.wrap_lnb .sp.ico_lock{display:inline-block;width:11px;height:15px;margin-left:5px;background:url(../img/sp_new.png) no-repeat -522px -57px;vertical-align:middle;font-size:0}
.sub_board .tit_dsc{margin-top:15px}
.sub_board .area_tbl_tit{position:relative;margin:40px 0 20px;padding:17px 30% 0 0}
.sub_board .btn_del,.sub_board .btn_new{width:auto;min-width:76px;padding:0 12px}
.sub_board .area_tbl_tit button + button{margin-left:10px}
.board_tbl thead th{padding:15px 0;font-size:14px;background-color:#fafafa}
.board_tbl tr:hover td{background-color:#fafbff}
.tbl_type.board_tbl .no_data td:hover{background-color:unset}
.board_tbl .tit{text-align:left}
.board_tbl .tit a{font-size:15px;color:#575757}
.board_tbl th.bx_board_info{font-size:14px;text-align:center}
.board_tbl .bx_board_info{padding-left:0;padding-right:0;font-size:0;text-align:left}
.board_tbl .bx_board_info .link_board{display:block;font-size:0}
.board_tbl .bx_board_info .tit_name{display:inline-block;overflow:hidden;max-width:calc(100% - 28px);font-size:15px;color:#575757;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.tbl_type.board_tbl td.date{font-size:13px;color:#222;text-align:left}
.board_tbl td.date .status{display:block}
.board_tbl td.date .status.edited{color:#999}
.board_tbl td.process{font-size:13px;color:#a9a9a9}
.board_tbl td.process .status{display:block;font-size:14px;color:#5f5f5f}
.board_tbl td.process .status.ing{color:#3577f8}
.board_tbl td.process .status.end{color:#a9a9a9}
.board_tbl .period{padding-left:22px;text-align:left}
.board_tbl .tbl_chk .input_chk + label:after{margin-left:-17px}
.sub_board .pagination{margin-top:40px}

.board_tbl_side{border:1px solid #afafaf}
.board_tbl_side thead th{padding:13px 5px 15px;font-size:15px;text-align:center;background-color:#f9f9f9}
.board_tbl_side td{padding:13px 5px 15px;color:#222;font-size:15px;}
.board_tbl_side .td_inp{padding:5px}
.board_tbl_side th+th,
.board_tbl_side td+td{border-left:1px solid #d4d4d4}
.board_tbl_side tbody td{border-top:1px solid #d4d4d4}
.board_tbl_side.error table{border-color:#f74f4f}
.board_tbl_side .txt_error{margin-top:10px}
.board_tbl_side.tbl_th_fixed{border-bottom-color:#d4d4d4}
.board_tbl_side.tbl_td_scroll{overflow:hidden;overflow-y:auto;max-height:440px;border-top:0}
.board_tbl_side.tbl_td_scroll tbody tr:first-child td{border-top:0}

/* 방과후 학교 - 튜토리얼*/
.tutorial .tutorial_area{padding-bottom:126px;color:#171717}
.tutorial_area .tit_area .txt{font-size:32px;font-weight:300}
.tutorial_area .tit_area .tit{font-size:32px;font-weight:700}
.tutorial_area .bx_noti_txt{margin-top:8px}
.tutorial_area .bx_noti_txt .ico_notice_mid{margin-right:4px;vertical-align:middle}
.tutorial_area .bx_noti_txt .noti_txt{display:inline-block;font-size:15px;color:#3577f8;vertical-align:middle}
.tutorial_area .step_area_wrap{margin:71px 0 41px;text-align:center}
.tutorial_area .step_area{display:inline-block}
.tutorial_area .step_area li{display:inline-block;width:282px;text-align:center}
.tutorial_area .step_area .img_area{display:inline-block}
.tutorial_area .step_area .step_tit{display:block;height:58px;margin-top:26px;font-size:20px;font-weight:700}
.tutorial_area .step_area .step_tit .sub_txt{display:block;margin-top:4px;font-size:14px;color:#3577f8}
.tutorial_area .step_area .step_txt{margin-top:10px;font-size:16px;color:#575757;line-height:27px}
.tutorial_area .bx_btn{margin-top:49px;text-align:center}
.tutorial_area .btn3{position:relative;width:auto;height:62px;padding:0 46px 0 36px;font-size:18px;line-height:60px}
.tutorial_area .btn3 .ico_arrow{position:absolute;top:50%;width:9px;height:13px;margin:-7px 0 0 5px;background-position:-526px 0}
.area_tutorial_banner{padding-top:74px;background-color:#414d71}
.tutorial_banner:after{display:block;clear:both;content:''}
.tutorial_banner .img_banner{float:left;width:402px}
.tutorial_banner .img_banner img{width:100%}
.tutorial_banner .area_banner_txt{float:left;max-width:477px;margin-left:67px;padding-top:50px}
.tutorial_banner .area_banner_txt .tit{color:#fff;font-size:20px;font-weight:700}
.tutorial_banner .area_banner_txt .lst_info{margin-top:15px}
.tutorial_banner .area_banner_txt .lst_info li{color:#fff;font-size:23px;font-weight:300;line-height:34px}
.tutorial_banner .area_banner_txt .point{font-weight:400;color:#23e470}
.tutorial_banner .area_banner_txt .btn2{position:relative;width:auto;height:48px;margin-top:22px;padding:0 30px 0 18px;border-color:#27ef77;font-size:16px;color:#27ef77;line-height:45px}
.tutorial_banner .area_banner_txt .btn2:hover{background-color:unset}
.tutorial_banner .btn2 .ico_arrow{position:absolute;top:50%;width:8px;height:11px;margin:-6px 0 0 8px;background-position:-371px -24px}

/* 방과후 학교 - 수강신청, 수요만족도 조사 리스트*/
.area_title .after_write{padding-right:26%}
.after_school .area_title .tit_dsc{margin-top:15px}
.after_school .area_tbl_tit{position:relative;margin:40px 0 14px;padding:14px 50% 0 0}
.after_school .area_tbl_tit button{width:auto;min-width:76px;padding:0 12px}
.after_school .area_tbl_tit button + button{margin-left:10px}
.after_school .area_tbl_tit .ico_plus_white_sm{margin-top:-3px;margin-right:5px;vertical-align:middle;}
.after_school .area_tbl_tit .btn{color:#171717}
.after_school .area_tbl_tit .hwp{margin-top:-1px}
.after_school .pagination{margin-top:35px}
.after_school .bx_post_util+.pagination{margin-top:40px}

/* 공통 정보 영역  */
.common_content .common_info_area{width:100%;height:390px;padding-bottom:60px;text-align:center}
.common_content .common_info_area:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.common_content .common_info_area .point{color:#3577f8}
.common_content .common_info_area .align_txt{display:inline-block;vertical-align:middle}
.common_content .common_info_area .tit_txt{font-size:15px;color:#171717;line-height:22px}
.common_content .common_info_area .desc_txt{margin-top:6px;font-size:15px;color:#575757;line-height:26px}
.common_content .common_info_area .btn{width:auto;height:56px;margin-top:28px;padding:0 27px;font-size:17px;font-weight:700}

/* 문자 영역 */
.sms_register_recipient .pop_contents{width:570px;padding:54px}
.sms_register_recipient .bx_btn.btn_excel_download{padding-left:20px;margin-top:15px;text-align:left}
.sms_register_recipient .bx_btn .btn.btn_excel{width:145px;border-color:#dedede}
.sms_register_recipient .pop_sub_tit{position:relative;display:block;margin-top:28px;padding-left:21px;font-size:17px}
.sms_register_recipient .pop_sub_tit strong{position:absolute;left:0;top:0}
.sms_register_recipient .pop_sub_tit .info_tit{display:inline-block;font-size:16px;font-weight:normal}
.sms_register_recipient .btn_excel .sp{display:inline-block;width:20px;height:18px;margin:-3px 7px 0 0;background-position:-178px -40px;vertical-align:middle}
.sms_register_recipient .bx_input.add_btn{width:100%;padding-right:88px;padding-left:20px;margin-top:15px;border:0px}
.sms_register_recipient .bx_input.add_btn .input_txt{height:42px;padding:10px 10px 10px 14px;border:1px solid #d9d9d9;border-right:0;font-size:14px}
.sms_register_recipient .bx_input.add_btn .btn{width:88px;font-size:14px;border-width:1px;height:42px;top:0;right:0}
.sms_register_recipient .bx_input label{padding-left:34px;font-size:14px;line-height:42px}
.sms_register_recipient .sms_tbl_popup{margin-top:30px}
.sms_register_recipient .area_tbl_scroll{height:204px}
.sms_register_recipient tr:hover{background-color:#f9fafd}

.lst_character ul{font-size:0}
.lst_character ul li a{display:inline-block;margin-top:10px;color:#222;text-align:center}
.lst_character ul li .itm_character{display:block;width:28px;font-size:17px;line-height:1.65}
.lst_character ul li a.selected .itm_character,.lst_character ul li a:hover .itm_character{color:#fff;border-radius:50%;background:#3577f8}

.sms_setting_time .pop_contents{width:416px;padding:54px}
.sms_setting_time .pop_date_bx{margin-top:30px;font-size:0;text-align:center}
.sms_setting_time .bx_input{display:inline-block;width:109px;height:32px;vertical-align:middle}
.sms_setting_time .bx_input .input_txt{padding:5px 13px 7px 15px;color:#575757;font-size:15px}
.sms_setting_time .sms_time_send{display:inline-block;position:relative;margin-left:9px;vertical-align:middle}
.sms_setting_time .sms_time_send:before,.sms_setting_time .sms_time_send:after{content:'';position:absolute;width:3px;height:3px;left:50%;margin-left:-2px;border-radius:50%;background:#ccc}
.sms_setting_time .sms_time_send:before{top:11px}
.sms_setting_time .sms_time_send:after{top:19px}
.sms_setting_time .bx_sorting2 .btn_select{min-width:auto;width:40px;height:34px;padding:0;color:#575757}
.sms_setting_time .bx_sorting2 .btn_select:after{display:none}
.sms_setting_time .bx_sorting2+.bx_sorting2{margin-left:13px}
.sms_setting_time .bx_sorting2 .lst_select{min-width:80px;height:204px}
.sms_setting_time .bx_sorting2 .lst_select li{margin:3px 0}
.sms_setting_time .bx_sorting2 .lst_select li a{position:relative;padding:3px 15px 3px 27px;font-size:16px}
.sms_setting_time .bx_sorting2 .lst_select li.on a:before{position:absolute;top:50%;left:14px;width:6px;height:10px;margin-top:-9px;border:2px solid #171717;border-top:0;border-left:0;transform:rotate(45deg);content:'';z-index:2}
#sms_datepicker_container{position:relative;z-index:10;margin-left:-1px;margin-right:-182px}
#sms_datepicker_container .tui-calendar td,#sms_datepicker_container .tui-calendar th{height:36px;line-height:34px;font-size:12px}

.sms_send_detail .pop_contents{width:960px;padding:54px}
.sms_send_detail .pop_info_bx{margin-top:30px}
.sms_send_detail .pop_info_bx:before,.sms_send_detail .pop_info_bx:after{content:'';display:block;clear:both}
.sms_send_detail .sms_mobile3{float:left; width:322px;padding-top:55px}
.sms_send_detail .sms_mobile3 .sms_mobile_body{height:198px;padding:22px 32px 45px 25px}
.sms_send_detail .sms_lst_detail{float:right;width:435px}
.sms_send_detail .sms_lst_detail .area_tbl_scroll{height:328px}
.sms_send_detail .sms_lst_detail .is_checked{background-color:#f9fafd}
.sms_send_detail .sms_lst_detail .is_checked td{color:#3577f8}

/* todo vue로 수정중 */
.sms_send_detail .sms_lst_detail .tooltip_icon {width:14px;height:14px;background:url(../img/sp_sms.png) no-repeat;background-position:0 -22px}
.sms_send_detail .sms_lst_detail .send_status .tooltip_icon {margin-top:4px;margin-left:3px;}
.sms_send_detail .sms_lst_detail .noti_status .tooltip_icon {margin-left:3px;}
.sms_send_detail .sms_lst_detail .tooltip_icon:hover + .sending_tooltip_popup {display: block;}
.sms_send_detail .sms_lst_detail .tooltip_icon:not(:hover) + .sending_tooltip_popup {display: none;}

.sms_send_detail .sms_lst_detail .sending_tooltip_popup{
    position: absolute;
    top:0;
    left:0;
}
.sms_send_detail .sms_lst_detail .sending_tooltip_popup_desc {
	position: absolute;
	top: 20px;
    right:0;
    text-align: left;
	display: inline-flex;
	width: fit-content;
	max-width: 180px;
	padding: 10px;
	align-items: flex-start;
	border-radius: 2px;
	border: 1px solid #b0b9cc;
	background: #f7f9fd;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%);
	box-sizing: border-box;
	z-index: 1;
	color: #1a1a1a;
	font-feature-settings: 'clig' off, 'liga' off;

	/* body/10 regular */
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 15px */
	letter-spacing: -0.5px;
}

.sms_send_detail .sms_lst_detail .tooltip_icon:hover + .failed_tooltip_popup {display: block;}
.sms_send_detail .sms_lst_detail .tooltip_icon:not(:hover) + .failed_tooltip_popup {display: none;}
.sms_send_detail .sms_lst_detail .failed_tooltip_popup{
    position: absolute;
    top:0;
    left:0;
}
.sms_send_detail .sms_lst_detail .failed_tooltip_popup_desc {
	position: absolute;
	top: 20px;
    right:0;
    text-align: left;
	display: inline-flex;
	width: fit-content;
	max-width: 180px;
	padding: 10px;
	align-items: flex-start;
	border-radius: 2px;
	border: 1px solid #b0b9cc;
	background: #f7f9fd;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%);
	box-sizing: border-box;
	z-index: 1;
	color: #1a1a1a;
	font-feature-settings: 'clig' off, 'liga' off;

	/* body/10 regular */
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 15px */
	letter-spacing: -0.5px;
}
.sms_send_detail .sms_lst_detail .state_desc{
    color: #999;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: 'Pretendard Variable', Pretendard, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
    letter-spacing: -0.5px;
}
.sms_send_detail .sms_lst_detail .send_status{
    display:inline-flex;
    position:relative;
}
.sms_send_detail .sms_lst_detail .error_txt{
    color:  #FF5C5C;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Pretendard Variable",Pretendard,sans-serif;
    font-size: 12px;
    font-style: normal;font-weight: 400;line-height: 100%; letter-spacing: -0.5px;
}

.sms_send_detail .bx_btn .btn_l{width:180px}
.sms_send_detail .bx_btn_switch{margin-bottom:10px;text-align:right}
.sms_send_detail .txt_del{display:block;font-size:12px;line-height:18px;color:#ff4a54}

.sms_lst_monthly .pop_contents{width:570px;padding:54px}
.sms_lst_monthly .pop_dsc{margin-bottom:30px}
.sms_lst_monthly .area_tbl_scroll{height:327px}

.sms_mobile_carrier .pop_contents{width:566px;padding-left:50px;padding-right:50px}
.sms_mobile_carrier .pop_bx_info{margin-top:30px}
.sms_mobile_carrier .pop_bx_info ul{font-size:0;text-align:center}
.sms_mobile_carrier .pop_bx_info ul li{display:inline-block;width:140px;height:140px;margin-left:15px;border:1px solid #ddd;vertical-align:middle}
.sms_mobile_carrier .pop_bx_info ul li:first-child{margin-left:0}
.sms_mobile_carrier .pop_bx_info ul li a{display:block;padding:30px 0 34px 0}
.sms_mobile_carrier .pop_bx_info .sms_logo_carrier{display:block;margin:0 auto;background:url(../img/sp_sms.png)no-repeat}
.sms_mobile_carrier .pop_bx_info .sms_skt_telecom .sms_logo_carrier{width:86px;height:52px;background-position:-22px -108px}
.sms_mobile_carrier .pop_bx_info .sms_kt .sms_logo_carrier{width:86px;height:52px;background-position:-22px 0}
.sms_mobile_carrier .pop_bx_info .sms_lg_uplus .sms_logo_carrier{width:94px;height:52px;background-position:-22px -54px}
.sms_mobile_carrier .pop_bx_info .btn_link{position:static;display:block;margin-top:5px}
.sms_mobile_carrier .pop_bx_info .btn_link .ico_arrow{margin-left:2px}

/* 01. Main prepaid plan 문자서비스_01선불요금제_01(메인)*/
.sms_prepaid_wrap .inner{padding-bottom:90px}
.sms_prepaid_wrap .area_title{padding-right:0}
.sms_prepaid_wrap .area_title h2{font-size:26px;font-weight:bold}
.sms_prepaid_wrap .sms_content_title .tit_dsc{margin-top:5px;letter-spacing:-0.5px}
.sms_prepaid_wrap .area_title .noti_lst_bx .desc_txt{font-size:15px}
.sms_area_content{overflow:hidden;margin-top:60px}
.sms_area_content .sms_service_wrap{float:left;width:655px;padding-right:40px;border-right:1px solid #f1f1f1}
.sms_area_content .sms_service_wrap .sms_service{margin-top:60px}
.sms_area_content .sms_service_wrap .sms_service:first-child{margin-top:0}
.sms_area_content .sms_service .area_title .sub_tit{position:relative;padding-left:10px;color:#222;font-size:18px;font-weight:bold}
.sms_area_content .sms_service .area_title .sub_tit:before{content:'';position:absolute;width:4px;height:4px;top:11px;left:0;border-radius:50%;background-color:#171717}
.sms_area_content .sms_service .area_title .tit_dsc{padding-left:10px;font-size:15px}
.sms_area_content .sms_service_tbl{margin-top:30px;border:0}
.sms_service_tbl thead th,.sms_service_tbl tbody th,.sms_service_tbl td{padding:0;color:#575757;border-bottom:1px solid rgba(241,241,241,0.95);font-size:16px}
.sms_service_tbl th{font-weight:normal}
.sms_service_tbl td{height:46px;border-top:0;font-weight:bold;text-align:center}
.sms_service_tbl thead th{height:60px;font-weight:400}
.sms_service_tbl thead th span{display:block;color:#aeaeae;font-size:13px}
.sms_service_tbl tbody th{text-align:left}
.sms_service_tbl tbody th>span{padding-left:8px}
.sms_service_tbl .txt_color{color:#ff5c5c}
.sms_service_tbl th .txt_sms,.sms_service_tbl th .txt_lms{display:inline-block;width:34px;height:17px;margin-left:4px;color:#919191;font-size:11px;border:1px solid #aeaeae;text-align:center;line-height:15px;box-sizing:border-box}
.sms_area_content .sms_service_btn{float:right;width:210px;padding-left:40px}
.sms_area_content .sms_service_btn .btn2{float:right;position:relative;width:211px;height:84px;padding:18px 36px 19px 20px;margin-bottom:10px;text-align:left;line-height:normal}
.sms_area_content .sms_service_btn .btn2:before{position:absolute;content:'';width:8px;height:12px;top:35px;right:15px;background:url(../img/sp.png) no-repeat;background-position:-92px 0}
.sms_area_content .sms_service_btn .btn2 span{display:block}
.sms_area_content .sms_service_btn .btn2 strong{display:block;font-size:18px}
.sms_area_content .sms_service_btn .sub_dsc{float:right;position:relative;padding-left:22px;margin-top:15px;color:#adadad;line-height:1.43}
.sms_area_content .sms_service_btn .sub_dsc .ico_info{position:absolute;width:13px;height:13px;top:4px;left:0;background-position:-236px -22px}
.sms_area_content .accept_area{margin-top:58px;text-align:center}
.sms_area_content .accept_area .btn_view{display:inline-block;margin-left:7px;color:#3577f8;vertical-align:middle}
.sms_area_content .accept_area .btn_view:after{display:inline-block;width:5px;height:7px;margin:-3px 0 0 5px;background:url(../img/sp_new.png) -535px -57px;vertical-align:middle;content:''}
.sms_area_content .accept_area .bx_btn{margin-top:22px}

/* 02. charge 선후불 충전 신청 */
.top_tit_area + .sms_area_content{margin-top:20px}
.sms_payment_area{float:left;width:695px}
.sms_payment_form,.sms_accept_check{border:1px solid #e0e0e0;box-sizing:border-box}
.sms_payment_form{padding:28px 45px 39px}
.sms_payment_form .status_txt{margin-top:20px;font-size:17px;font-weight:700}
.sms_payment_form .pay_info_lst .info_area{padding:35px 0 35px;border-top:1px solid #f5f5f5;font-size:17px;font-weight:300;line-height:27px}
.sms_payment_form .pay_info_lst .info_area:first-child{padding-top:22px;border-top:none}
.sms_payment_form .info_area .sub_txt{font-size:14px}
.sms_payment_form .lst_info{margin-top:6px;font-size:14px}
.sms_payment_form .lst_info li{position:relative;padding-left:10px;font-size:15px;line-height:26px}
.sms_payment_form .lst_info li .bar{margin:0 12px;color:#e7e7e7}
.sms_payment_form .lst_info li:before{position:absolute;top:13px;left:0;width:3px;height:3px;background:#121212;vertical-align:middle;content:''}
.sms_payment_form .btn_bx{padding:39px 0 40px;border-top:1px solid #f5f5f5;text-align:center}
.sms_payment_form .btn_bx button{width:123px;height:56px;font-size:17px;font-weight:700;line-height:54px}
.sms_payment_form .btn_bx button + button{margin-left:8px}
.sms_step_area{float:right;width:214px;padding-left:37px}
.payment_step_lst li{position:relative;height:22px;margin-top:38px;font-size:15px;color:#939393;line-height:22px}
.payment_step_lst li.on{color:#3577f8}
.payment_step_lst li:first-child{margin-top:0}
.payment_step_lst li:first-child:after{display:none}
.payment_step_lst li:after{position:absolute;top:-39px;left:10px;width:1px;height:40px;background-color:#e1e1e1;content:''}
.payment_step_lst li.on:after{background-color:#3577f8}
.payment_step_lst li .step{display:inline-block;width:19px;height:19px;margin-right:8px;border:1px solid #bdbdbd;border-radius:50%;font-size:12px;color:#737373;text-align:center;vertical-align:top;line-height:18px}
.payment_step_lst li.on .step{border-color:#3577f8;color:#3577f8}
.payment_step_lst li.on.now .step{background-color:#3577f8;color:#fff}
.payment_step_lst li.checked:before{position:absolute;left:0;top:0;width:21px;height:21px;background:url(../img/sp_sms.png) no-repeat 0 -162px;border-radius:50%;content:"";z-index:1}
.sms_step_area .bx_btn{margin-top:40px}
.sms_step_area .bx_btn button{width:103px;height:54px;font-size:15px;font-weight:700;line-height:52px}
.sms_step_area .bx_btn button + button{margin-left:8px}

/* 선 후불 가입 양식 */
.signup_form_content{width:602px}
.signup_form_wrap{display:block;font-size:0}
.signup_form_wrap .lst_form{width:100%;margin:0 auto}
.signup_form_wrap .lst_form:after{clear:both;display:block;content:''}
.signup_form_wrap .form_title{float:left;width:185px;margin-top:9px;font-size:15px;color:#171717;font-weight:700;line-height:38px;text-align:left;vertical-align:top;box-sizing:border-box}
.signup_form_wrap .form_title span{display:inline-block;position:relative}
.signup_form_wrap .form_title .ico_required_fields{position:absolute;right:-10px;top:11px;width:6px;height:6px;font-size:14px;color:#ff5c5c;line-height:12px;text-align:center}
.signup_form_wrap .form_input_area{float:left;width:411px;margin-top:9px;vertical-align:top;box-sizing:border-box}
.signup_form_wrap .lst_form .inp_row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;height:38px;margin-top:10px;text-align:left}
.signup_form_wrap .lst_form .inp_row.inner_row{margin-top:20px;padding-top:20px;border-top:1px solid #eee}
.signup_form_wrap .lst_form .read_txt{display:inline-block;font-size:16px;line-height:38px;color:#1a1a1a;font-weight:400}
.signup_form_wrap .lst_form .inp_row:first-child{margin-top:0}
.signup_form_wrap .lst_form .inp_bx+.inp_bx{margin-left:5px}

/* 선 후불 가입 양식 내부 */
.signup_form_wrap .lst_form_wrap{padding:10px 0 20px;border-top:1px solid #eee}
.signup_form_wrap .lst_form_wrap:last-child{padding:10px 0 0;border-top:1px solid #eee}
.signup_form_wrap .lst_form_wrap:first-of-type{padding-top:0;border-top:none}
.signup_form_wrap .inp_lst li{margin-top:10px}
.signup_form_wrap .inp_lst li:first-child{margin-top:0}
.signup_form_wrap .select_bx{display:inline-block;position:relative;width:100%;height:100%;border:solid 1px #ddd;font-size:0;box-sizing:border-box}
.signup_form_wrap .select_bx .inp_select{width:100%;height:100%;padding:0 20px;border:none;font-size:14px;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.signup_form_wrap .select_bx .inp_select:disabled{background:#f9f9f9f9}
.signup_form_wrap .select_bx:after{display:block;position:absolute;right:13px;top:50%;content:'';width:14px;height:6px;background:url(../img/sp_sms.png) 0 -80px no-repeat;margin-top:-2.5px}
.signup_form_wrap .inp_bx{display:block;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}
.signup_form_wrap .inp_tel_bx{display:block;position:relative}
.signup_form_wrap .lbl_placeholder{position:absolute;left:0;right:0;top:50%;margin-top:-19px;font-size:14px;color:#b8b8b8;font-weight:300;text-indent:12px;line-height:38px;z-index:2}
.signup_form_wrap .inp_tel_bx .lbl_placeholder{text-indent:13px}
.signup_form_wrap .inp{width:100%;height:100%;padding:0px 12px 0;border:solid 1px #d5d5d5;background-color:#fff;border-radius:4px;font-size:14px;color:#333;font-weight:300;box-sizing:border-box}
.signup_form_wrap .inp::-webkit-input-placeholder{font-size:14px;color:#b8b8b8}
.signup_form_wrap .inp::-moz-placeholder{font-size:14px;color:#b8b8b8}
.signup_form_wrap .inp:-ms-input-placeholder{font-size:14px;color:#b8b8b8}
.signup_form_wrap .inp:-moz-placeholder{font-size:14px;color:#b8b8b8}
.signup_form_wrap .inp:disabled{background-color:#fafafa;color: #B4B4B4}
.signup_form_wrap .inp_row .dot_txt{display:block;position:relative;min-width:102px;font-size:16px;color:#1a1a1a;line-height:36px;text-indent:10px;font-weight:400}
.signup_form_wrap .inp_row .dot_txt:after{position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;background-color:#171717;border-radius:50%;content:''}
.signup_form_wrap .inp_tel_name{width:138px;padding:0 20px 0 12px}
.signup_form_wrap .inp_row .btn_link{color:#3577f8;text-decoration:underline;line-height:38px}

/* 주의사항 텍스트 */
.signup_form_wrap .info_row{padding:16px 0 20px}
.signup_form_wrap .info_row.verify{padding-top:8px}
.signup_form_wrap .info_row .add_info{position:relative;display:block;padding-left:20px;margin-top:4px;font-size:13px;color:#999;font-weight:400;line-height:20px;letter-spacing:-0.5px}
.signup_form_wrap .info_row .add_info.red{color:#FF5C5C}
.signup_form_wrap .info_row .ico_notice.gray{position:absolute;left:0;top:4px}
/* 20240201 본인인증 기능 수정 추가  */
.signup_form_wrap .info_row .cert_info{position:relative;display:block;font-size:14px;color:#666;font-weight:400;line-height:20px}
.signup_form_wrap .custom_info_row{padding:0 0 6px 0 !important;}
.signup_form_wrap .custom_info_row .add_info{letter-spacing: -0.6px}
.signup_form_wrap .cert_row{display:flex;align-items: center}
.signup_form_wrap .cert_row .certificate-btn{height: 38px; width:148px; border-radius: 4px;margin-right:10px;}
.signup_form_wrap .cert_row .add_info{color: #999;font-size: 13px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;display:flex;align-items: center}
.signup_form_wrap .cert_row .complete_text{color: #3577F8;font-size: 15px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;}
.signup_form_wrap .cert_row .add_info .ico_notice{margin-right:4px;}
.signup_form_wrap .info_row .sending_add_info{letter-spacing: -0.75px}
.signup_form_wrap .agree_wrap_row {padding-bottom: 16px !important;}
.signup_form_wrap .personal_agree_info_wrap {margin-bottom:30px;display: block;padding: 24px 19px 24px 24px;margin-top: 14px;background-color: #f7f8fa;text-align: left;}
.signup_form_wrap .personal_agree_info_list {margin-bottom:12px;}
.signup_form_wrap .personal_agree_info_list .personal_agree_info_item{margin-top:2px;font-size:13px;font-weight:400;letter-spacing: -0.5px;color: #666; line-height: 145%}
.signup_form_wrap .personal_agree_info_list .personal_agree_info_item.emp{font-weight: 500;font-size:14px;color: #333}
.signup_form_wrap .personal_agree_info_wrap .additional_info{color: #666;font-size: 13px;font-weight: 400;line-height: 145%;letter-spacing: -0.5px;}


/* 선후불 충전 전용 버튼 */
.signup_form_wrap .btn{min-width:110px;height:100%;line-height:36px;font-size:15px}
.signup_form_wrap .inp_row.verify{padding-top:10px}
.signup_form_wrap .btn_verify{width:110px}
.signup_form_wrap .btn_search{border:1px solid #999;color:#333;border-radius:4px;font-size:14px;font-weight:400}
.signup_form_wrap .inp_bx + .btn{margin-left:5px}
.signup_form_wrap .inp_tel_bx + .inp_bx{margin-left:5px}
.signup_form_wrap .btn:disabled,.signup_form_wrap .disabled{background-color:#ddd;opacity:1}

/* 이용 동의 */
.sms_accept_check{margin-top:20px;padding:0 45px}
.sms_accept_check .signup_form_wrap .lst_form_wrap{padding:0}
.sms_accept_check .form_title{padding:15px 0}
.sms_accept_check .form_input_area{margin-top:5px;padding-bottom:5px}
.sms_accept_check .form_input_area .inp_row{height:36px;padding:20px 0;margin-top:0}
.sms_accept_check .inp_row + .inp_row{border-top:1px solid #f1f1f1}
.sms_accept_check .bx_input_chk,.sms_accept_check .term_view{line-height:36px}
.sms_accept_check .term_view{color:#3577f8}

/* 03. send message 문자서비스_03문자보내기*/
.sms_wrap_content{padding-left:60px}
.sms_points_status{padding:9px 60% 10px 0;color:#979797;border-bottom:1px solid #f1f1f1;font-size:13px}
.sms_points_status .sub_tit{display:block;position:relative;padding-left:26px;color:#979797;font-size:13px;line-height:21px}
.sms_points_status .sub_tit:before{position:absolute;width:20px;height:20px;top:1px;left:0;background:url(../img/sp_sms.png)no-repeat center;background-position:0 0;content:''}
.sms_points_status .bx_info{position:absolute;right:0;top:0;margin-top:1px}
.sms_points_status .bx_info .sms_points{float:left;padding-left:18px}
.sms_points_status .bx_info .sms_points .sms_txt_points,.sms_points_status .bx_info .sms_points em{display:inline-block;vertical-align:middle}
.sms_points_status .bx_info .sms_points .sms_txt_points{font-size:13px}
.sms_points_status .bx_info .sms_points em{margin-left:6px;font-size:24px}
.sms_points_status .bx_info .sms_total_points em{color:#3577f8}
.sms_points_status .bx_info .sms_cancel_points{position:relative;margin-left:20px}
.sms_points_status .bx_info .sms_cancel_points em{color:#979797}
.sms_points_status .bx_info .btn_charge_request{width:103px;height:32px;margin-left:12px;line-height:30px;color:#171717}
.sms_points_status .bx_info .sms_points .ico_help{position:absolute;width:13px;height:13px;margin-left:0;top:12px;left:0;background-position:-236px -22px}
.sms_wrap_content .sms_points_status + .content_tit,
.sms_wrap_content .sms_points_status + .area_title{margin-top:40px}
.sms_wrap_content .content_tit{font-size:26px;line-height:38px}

.sms_control{margin-top:30px}
.sms_control:before,.sms_control:after{content:'';display:block;clear:both}
.bx_input_chk .input_chk.sms_check+label{color:#8a98a9;font-size:14px}
.bx_input_chk .input_chk.sms_check+label:after{width:14px;height:14px;margin-top:-7px;border:1px solid #a5b6cb;background:#fff;z-index:1}
.bx_input_chk .input_chk.sms_check:checked + label:before{position:absolute;top:50%;left:6px;width:3px;height:6px;margin-top:-4px;border:2px solid #a5b6cb;border-top:0;border-left:0;transform:rotate(45deg);content:'';z-index:2}
.bx_input_chk .input_chk.sms_check2+label{color:#8a98a9;font-size:14px}
.bx_input_chk .input_chk.sms_check2+label:after{width:14px;height:14px;margin-top:-8px;margin-left:-8px;border:1px solid #bfbfbf;background:#fff;z-index:1}
.bx_input_chk .input_chk.sms_check2:checked+label:after{width:16px;height:16px;border:0px;background:url(../img/sp_sms.png)no-repeat;background-position:0 -44px}
.area_inp_chk .input_chk.type5 + label{padding-left:26px}
.area_inp_chk .bx_input_chk label{color:#222}
.area_inp_chk .txt_error{margin-top:2px;padding-left:26px}
.area_inp_chk .bx_guide{margin-top:6px;padding-left:26px}
.area_inp_chk .chk_guide_lst{color:#575757;font-size:12px;line-height:20px}
.area_inp_chk .chk_guide_desc{color:#575757;font-size:12px;line-height:20px}

.sms_control_l{float:left;width:382px}
.sms_mobile{position:relative;min-height:628px;padding:0 30px;padding-top:76px;border-radius:32px;background-color:#f2f7fe}
.sms_mobile:after{content:'';position:absolute;width:65px;height:6px; top:33px;left:152px;border-radius:5.5px;background-color:#d8e5f6}
.sms_mobile:before{content:'';position:absolute;width:12px;height:12px;top:30px;left:226px;border-radius:50%;background-color:#d8e5f6}
.sms_mobile .sms_mobile_head{padding-bottom:11px}
.sms_mobile .sms_mobile_head:before,.sms_mobile .sms_mobile_head:after{content:'';display:block;clear:both}
.sms_mobile .sms_mobile_head .bx_count{float:left;color:#8a98a9;font-size:13px}
.sms_mobile .sms_mobile_head .bx_count strong{font-size:15px}
.sms_mobile .sms_mobile_head .bx_count .num{color:#8a98a9}
.sms_mobile .sms_mobile_head .bx_input_chk{float:right}
.sms_mobile .sms_mobile_head .ico_help{float:right;width:14px;height:14px;margin-top:4px;margin-left:3px;background:url(../img/sp_sms.png) no-repeat;background-position:0 -22px}
.sms_mobile .sms_mobile_body{height:359px;padding:23px 28px;background-color:#fff}
.sms_mobile .sms_mobile_body .sms_message_tit{position:relative;padding-right:20px;color:#b0b0b0;font-size:18px;line-height:1.56}
.sms_mobile .sms_mobile_body .sms_message_tit .bx_input{display:block;padding:0;border:0;font-weight:300}
.sms_mobile .sms_mobile_body .sms_message_tit .bx_input input{padding:0;font-size:18px;font-weight:300}
.sms_mobile .sms_mobile_body .sms_message_tit .bx_input input+label{padding:0;line-height:27px}
.sms_mobile .sms_mobile_body .sms_message_tit .ico_help{position:absolute;width:13px;height:13px;top:50%;right:0;margin-top:-6px;background-position:-236px -22px}
.sms_mobile .sms_mobile_body .sms_message_content{position:relative;padding:15px 0 17px 0;margin-top:9px;color:#ababab;border-top:1px solid #eff0f1;border-bottom:1px solid #eff0f1;font-weight:300}
.sms_mobile .sms_mobile_body .sms_message_content textarea{width:100%;height:245px;border:0px;font-size:18px;line-height:1.56;resize:none;font-weight:300}
.sms_mobile .sms_mobile_body .sms_message_content textarea+label{position:absolute;width:100%;left:0;font-size:18px;font-weight:normal}
.sms_mobile .sms_mobile_body .bx_btn{margin-top:7px}
.sms_mobile .sms_mobile_body .bx_btn button{color:#999;font-size:12px}
.sms_mobile .sms_mobile_body .bx_btn .ico_plus{margin-right:4px}
.sms_mobile_body .pop_contents{position:absolute;left:55px;bottom:-40px;width:292px;padding:25px 30px;border:1px solid rgba(0, 0, 0, .1);box-shadow:0 6px 18px 0 rgba(0, 0, 0, .1);background-color:#fff;box-sizing:border-box;text-align:left;vertical-align:middle;z-index:2}
.sms_mobile_body .ly_btn_close{padding:10px;top:20px;right:20px}
.sms_mobile_body .ly_btn_close .sp{width:18px;height:16px;background-position:-126px -36px}
.sms_mobile_body .pop_contents .pop_sub_tit{color:#171717;font-size:14px;vertical-align:middle}
.sms_mobile_body .sms_control_character .bx_btn{display:inline-block;margin-top:0;margin-left:4px;vertical-align:middle}
.sms_mobile_body .sms_control_character .pagination{display:inline-block;margin-left:4px}
.sms_mobile_body .sms_control_character .pagination a{width:25px;height:25px;border:1px solid #ececec}
.sms_mobile_body .sms_control_character .pagination a:before{width:7px;height:7px;border-width:1px}
.sms_mobile_body .sms_control_character .pagination a+a{border-left:0}
.sms_mobile_body .sms_control_character .pagination .btn_prev:before{margin:-4px 0 0 -2px}
.sms_mobile_body .sms_control_character .pagination .btn_next:before{margin:-4px -3px 0 0}
.sms_mobile .sms_mobile_footer .bx_btn{padding-top:13px;display:flex;justify-content:flex-end;}
.sms_mobile .sms_mobile_footer .bx_btn .btn{width:auto;height:auto;padding:4px 8px 5px;color:#8a98a9;border-color:rgba(199,217,235,0.67);background:#e1ebf7;line-height:normal}
.sms_mobile .sms_mobile_footer .btn_sms_rewrite{margin-right:auto}
.sms_mobile .sms_mobile_footer .bx_btn .btn_sms_preview{border-right:0}
.sms_mobile .sms_mobile_footer .bx_info{position:relative;margin-top:58px;padding-top:15px;padding-right:50px;padding-bottom:6px;border-top:1px solid rgba(223,231,242,0.76)}
.sms_mobile .sms_mobile_footer .btn_sms_new_phone{display: inline-block;color: #fff;width: 150px;height: 32px;font-size: 13px;letter-spacing: -0.5px;padding: 0px 12px;justify-content: center;align-items: center;border-radius: 2px;background: #FF5C5C;}
.sms_mobile .sms_mobile_footer .dsc_caller_id{position:relative;padding-right:10px;color:#8a98a9;font-size:14px}
.sms_mobile .sms_mobile_footer .dsc_caller_id:before{content:'';position:absolute;width:1px;height:12px;top:5px;right:0;background-color:#dfe7f2}
.sms_mobile .sms_mobile_footer .bx_caller_id{padding-left:9px}
.sms_mobile .sms_mobile_footer .bx_caller_id .btn_select{min-width:110px;padding-bottom:0px;font-size:14px;letter-spacing:0.4px}
.sms_mobile .sms_mobile_footer .btn_setting{position:absolute;width:auto;min-width:42px;height:29px;top:12px;right:0;color:#8a98a9;border-color:rgba(199,217,235,0.67);background:#e1ebf7;line-height:28px}
.sms_mobile .sms_mobile_footer .bx_sorting .btn_select .ico_select_arrow{margin-top:-7px}
.sms_control_r{float:right;width:306px}
.sms_control_r .bx_btn .btn_l{width:150px}
.sms_control_r .bx_btn .btn_l+.btn_l{margin-left:6px}
.sms_control_r .area_title{display:flex;align-items:center;padding-right:0}
.sms_control_r .area_title .sub_tit{font-size:16px}
.sms_control_r .area_title .bx_btn_switch{margin-top:1px;margin-left:auto}
.sms_control_r .sms_option_control{margin-top:12px}
.sms_control_r .sms_option_control .btn_l{height:50px;font-size:14px;line-height:48px}
.sms_control_r .sms_send_reservation{margin-top:40px}
.sms_control_r .bx_send_info{margin-top:34px}
.sms_control_r .bx_send_info .inner_tooltip + .inner_tooltip{margin-top:21px}
.sms_control_r .bx_send_info .desc{font-size:12px;line-height:19px;color:#171718}
.sms_control_r .bx_send_info .desc.point{padding-bottom:2px;font-size:13px;font-weight:700}
.sms_control_r .bx_send_info .sub_tit{display:inline-block;vertical-align:middle}
.sms_control_r .bx_send_info .bx_sorting{display:block;margin-top:12px}
.sms_control_r .bx_send_info .btn_select {display:block}
.sms_control_r .bx_send_info .lst_select {width:100%}

.sms_bx_phone{height:356px;padding-bottom:15px;margin-top:10px;border:1px solid #e0e0e0}
.sms_bx_phone table .bx_input_chk{vertical-align:middle}
.sms_bx_phone table .input_chk + label{padding-left:20px}
.sms_bx_phone .tbl_head th{padding:10px 0;border-bottom:1px solid rgba(0, 0, 0, 0.04);color:#999;background:#fafafa;font-size:13px;font-weight:normal}
.sms_bx_phone .area_tbl_scroll{overflow-y:auto;height:267px}
.sms_bx_phone .tbl_body td{padding:10px 0;border-bottom:1px solid rgba(0, 0, 0, 0.04);color:#222;line-height:18px;font-size:13px;text-align:center}
.sms_bx_phone .tbl_body .td_input{position:relative;padding:0}
.sms_bx_phone .tbl_body .bx_input{border:0;vertical-align:top}
.sms_bx_phone .tbl_body .input_txt{z-index:2;padding:10px 15px;font-size:13px;color:#575757}

.sms_bx_phone .bx_add_phone{padding:15px 15px 0}
.sms_bx_phone .bx_add_phone .bx_input.add_btn{display:block;padding-right:51px;border:0}
.sms_bx_phone .bx_add_phone .bx_input input{padding:6px 12px;border:1px solid rgba(0, 0, 0, 0.1);border-width:1px 0 1px 1px;font-size:13px}
.sms_bx_phone .bx_add_phone .bx_input .btn2{position:absolute;top:0;right:0;width:51px;height:100%;font-weight:400;font-size:14px;line-height:33px}
.sms_bx_phone .bx_add_phone .bx_input label{padding-left:12px;color:#aeaeae;font-size:13px;line-height:33px}
.sms_bx_phone+.bx_dsc_table{position:relative;margin-top:10px}
.sms_bx_phone+.bx_dsc_table .bx_count{position:absolute;top:5px;right:0;font-size:14px;color:#626262}
.sms_template{margin-top:76px}
.sms_template .tab_category{height:50px;margin-bottom:30px;padding-left:1px;border-bottom:1px solid #adadad}
.sms_template .tab_category li{overflow:hidden;float:left;width:auto;min-width:30px;height:50px}
.sms_template .tab_category li:first-child{margin-left:-1px}
.sms_template .tab_category li.on{position:relative;height:51px}
.sms_template .tab_category li.on:before{content:'';position:absolute;width:100%;height:1px;left:0;bottom:-1px;background:#fff}
.sms_template .tab_category li a{display:block;min-width:108px;margin-left:-1px;padding:0 20px;font-size:14px;text-align:center;line-height:49px;color:#adadad;border:1px solid #e2e2e2;border-width:1px 1px 0 1px;background-color:#fff}
.sms_template .tab_category li:first-child a{margin-left:0}
.sms_template .tab_category li a:hover,.tab_category li a:focus,.tab_category li a:active{text-decoration:none}
.sms_template .tab_category li.on a{color:#333;border:1px solid #adadad;border-bottom-color:#fff;line-height:50px}

.sms_template_content .bx_info{margin-bottom:30px}
.sms_template_content .bx_info .lst_info{display:block;color:#8b8b8b;font-size:14px;line-height:1.57}
.sms_template_content .bx_info .lst_info{display:block}
.sms_template_content .bx_info .lst_info li{position:relative;padding-left:10px}
.sms_template_content .bx_info .lst_info li:before{position:absolute;top:10px;left:0;width:2px;height:2px;margin-right:5px;background:#8b8b8b;vertical-align:middle;content:''}

.sms_template_list>ul{font-size:0}
.sms_template_list>ul li{display:inline-block;position:relative;width:232px;height:177px;margin-left:15px;padding:16px 20px 20px 21px;border:1px solid rgba(0, 0, 0, 0.07);box-sizing:border-box}
.sms_template_list>ul li:first-child{margin-left:0}
.sms_template_list>ul li>a{display:block;position:relative;height:100%;padding-bottom:20px;box-sizing:border-box}
.sms_template_list>ul li>a .sms_tp_tit{display:block;overflow:hidden;max-height:42px;padding-right:15px;line-height:21px;color:#222}
.sms_template_list>ul li>a .sms_tp_content{height:63px;margin-top:10px;color:#222;line-height:1.57;font-weight:normal;overflow-y:auto}
.sms_template_list>ul li.no_data a .sms_tp_tit,.sms_template_list>ul li.no_data a .sms_tp_content{color:#ababab}
.sms_template_list>ul li>a .sms_info{position:absolute;bottom:-1px;width:189px}
.sms_template_list>ul li>a .sms_info .bx_count{font-size:13px}
.sms_template_list>ul li>a .sms_info .sms_shorter{color:#97adcb}
.sms_template_list>ul li>a .sms_info .sms_longer{color:#ab90e1}
.sms_template_list>ul li>a .sms_info .sms_tp_date{float:right;color:rgba(0, 0, 0, 0.25);font-size:12px}
.sms_template_list>ul li .btn_del{position:absolute;top:0;right:0;padding:15px}
.sms_template_list>ul li .btn_del .sp{display:block;width:13px;height:12px;background-position:-244px -40px}
.sms_template_list .pagination{margin-top:40px}
.sms_template_list .sms_tp_nosaved{padding:35px 0 43px 0;color:#8b8b8b;line-height:1.57;text-align:center}

/* 결제 및 관리 */
.sms_mobile.sms_mobile2.sms_mobile{background-color:#f5f0ff}
.sms_mobile.sms_mobile2.sms_mobile:after,.sms_mobile2.sms_mobile:before{background:#e7def9}
.sms_mobile.sms_mobile2 .sms_mobile_head .bx_count{color:#ab90e1}
.sms_mobile.sms_mobile2 .sms_mobile_head .bx_count .num{color:#ab90e1}
.sms_mobile.sms_mobile2 .bx_input_chk .input_chk.sms_check+label{color:#ab90e1}
.sms_mobile.sms_mobile2 .bx_input_chk .input_chk.sms_check+label:after{border-color:#ccbfe8}
.sms_mobile.sms_mobile2 .bx_input_chk .input_chk.sms_check:checked + label:before{border-color:#ccbfe8}
.sms_mobile.sms_mobile2 .sms_mobile_footer .dsc_caller_id{color:#ab90e1}
.sms_mobile.sms_mobile2 .sms_mobile_footer .dsc_caller_id:before{background-color:#ccbfe8}
.sms_mobile.sms_mobile2 .sms_mobile_footer .bx_caller_id .btn_select{color:#ab90e1}
.sms_mobile.sms_mobile2 .sms_mobile_footer .bx_btn .btn{border-color:rgba(204, 191, 232, 0.58);background:#e3d8fc}
.sms_mobile.sms_mobile2 .sms_mobile_footer .btn_setting{color:#ab90e1;border-color:rgba(204, 191, 232, 0.58);background:#e3d8fc}
.sms_bill_management .txt_color{color:#3577f8}
.sms_bill_management .must{color:#ff5c5c}
.sms_points_status + .main_content{margin-top:40px}
.sms_bill_management .main_content .info.type1{padding-bottom:30px}
.sms_bill_management .info.type1 h2{font-size:26px;font-weight:bold}
.sms_bill_management .info.type3{padding-bottom:30px}
.sms_bill_management .info.type4 .bx_btn{margin-top:39px;padding:0;border:none}
.sms_bill_management .info.type3 h2{color:#222}
.sms_bill_management .info .sub_txt{margin:14px 0 40px;font-size:15px;line-height:24px;letter-spacing:-0.025em}
.sms_bill_management .tbl_type{margin-top:20px;border-top-color:#d6d6d6}
.sms_bill_management .info.type3 .tbl_type{border-top:none}
.sms_bill_management .tbl_type th{color:#8d8d8d;font-size:13px;padding:20px 0}
.sms_bill_management .info.type3 .tbl_type th{color:#171717;font-size:15px;line-height:1.47;border-bottom:1px solid #e0e0e0;padding-bottom:12px}
.sms_bill_management .tbl_type td{font-size:15px;color:#171717}
.sms_bill_management .info.type3 td .btn{font-size:12px;color:#222;opacity:.57;width:65px;height:27px;line-height:19px;margin-left:6px}
.sms_bill_management .tbl_type .must, .sms_bill_management .tbl_type .charge{color:#ff5c5c}
.sms_bill_management .tbl_type td.txt_color{color:#3577f8}
.sms_bill_management .tbl_type td{padding:20px 0}
/* .info.type4 : 문자 > 결제및관리 > 충전하기 */
.sms_bill_management .info.type4 h2{font-size:26px;line-height:38px;font-weight:bold}
.sms_bill_management .info.type4 .tbl_type th{padding:15px 0 17px}
.sms_bill_management .info.type4 .tbl_type td{padding:19px 17px 22px;text-align:right;font-weight:300}
.sms_bill_management .info.type4 .tbl_type th:first-child{padding-left:0;padding-right:15px}
.sms_bill_management .info.type4 .tbl_type td:first-child{padding-left:0}
.sms_bill_management .info.type4 .tbl_type th:filastrst-child{padding-left:15px;padding-right:0}
.sms_bill_management .info.type4 .tbl_type td:last-child{padding-right:0}
.sms_bill_management .info.type4 .tbl_type .bx_input_rdo{display:block;text-align:center}
.sms_bill_management .info.type4 .tbl_type .input_rdo+label{padding-left:0}
.sms_bill_management .info.type4 .tbl_type .input_rdo+label:after{position:static;display:inline-block;margin-top:0;vertical-align:top}
.sms_bill_management .info.type4 .tbl_type .point{display:block;text-align:right}
.sms_bill_management .info.type4 .tbl_type .point + .point_detail{margin-top:2px}
.sms_bill_management .info.type4 .tbl_type .point_detail{display:block;color:#a9a9a9;font-size:12px;line-height:18px}
.sms_bill_management .info.type4 .tbl_type .point_desc{font-size:12px;line-height:18px;text-align:left}
.sms_bill_management .info.type4 .tbl_desc{position:relative;padding-left:8px;margin-top:24px;color:#868686;font-size:13px;line-height:20px}
.sms_bill_management .info.type4 .tbl_desc:before{content:'';position:absolute;top:8px;left:0;display:inline-block;width:2px;height:2px;background-color:#8b8b8b;border-radius:100%}
.sms_bill_management .info.type4 .btn_m+.btn_m{margin-left:10px}
.sms_bill_management .info.type4 .btn_m.btn3{min-width:123px;width:auto;height:auto;padding:13px 30px 16px;line-height:inherit}
.sms_bill_management .info.type4 .btn_m.btn7{width:auto;height:auto;padding:13px 30px 16px;font-size:17px;font-weight:bold;line-height:inherit;vertical-align:middle;}
.sms_bill_management .info.type4 .noti_lst_bx{margin-top:40px}
.sms_bill_management .info.type4 .noti_lst_bx .dot_lst li{color:#575757}
.sms_bill_management .input_rdo+label:after{top:-6px}
.sms_bill_management .bx_btn{text-align:center;padding-top:39px;padding-bottom:30px;margin-top:40px;border-top:1px solid #e7e7e7}
.sms_bill_management .bx_btn .btn3{font-size:17px;font-weight:700;width:123px;height:56px}
.sms_bill_management .info>strong{color:#171717;font-size:17px;font-weight:700}
.sms_bill_management .billing_detail{font-size:17px;font-weight:300;margin-top:23px}
.sms_bill_management .billing_detail li{margin-top:15px;position:relative;padding-left:10px;font-weight:300}
.sms_bill_management .billing_detail li:before{position:absolute;top:10px;left:0;width:3px;height:3px;margin-right:5px;border-radius:50%;background:#b7b7b7;vertical-align:middle;content:''}
.sms_bill_management .billing_detail li:first-child{margin-top:0}
.sms_bill_management .billing_detail em{display:inline-block;color:grey;width:100px;margin-right:8px;vertical-align:top}
.sms_bill_management .billing_detail span{display:inline-block;color:#171717}
.sms_bill_management .billing_detail .txt_color{color:#3577f8}
.sms_bill_management .support_center{padding-top:40px;margin-top:40px;border-top:1px solid #f5f5f5;color:#171717;font-weight:300}
.sms_bill_management .support_center p{font-size:14px;font-weight:300}
.sms_bill_management .support_center li{font-size:15px;line-height:1.73;position:relative;padding-left:10px}
.sms_bill_management .support_center ul{margin-top:9px}
.sms_bill_management .support_center li:before{position:absolute;top:10px;left:0;width:3px;height:3px;margin-right:5px;border-radius:50%;background:#171717;vertical-align:middle;content:''}
.sms_bill_management .support_center .divider{display:inline-block;width:1px;height:10px;margin:0 6px;background-color:#e7e7e7}
.sms_bill_management .type2 .bx_btn button{width:150px;height:56px;margin-left:6px}
.sms_bill_management .type2 .bx_btn button:first-child{margin-left:0;font-size:16px;font-weight:700;color:#666}
.sms_bill_management .group_tab{float:left}
.sms_bill_management .group_tab button{width:65px;height:38px;background-color:#fff;border:1px solid #e0e0e0;box-sizing:border-box;font-size:13px;line-height:1.69;letter-spacing:-1px;color:#919191}
.sms_bill_management .group_tab button.on{border-color:#171717;position:relative;color:#171717}
.sms_bill_management .group_tab li{margin-left:-1px}
.sms_bill_management .group_tab li:first-child{margin-left:0}
.sms_bill_management .group_tab li{float:left}
.sms_bill_management .time_range{margin-left:10px;float:left}
.sms_bill_management .area_filter{float:left;margin-top:0}
.sms_bill_management .time_range+button{margin-left:0;float:right;width:56px;height:38px}
.sms_bill_management .time_range>*{float:left;width:122px;height:38px;position:relative}
.sms_bill_management .time_range .tui-datepicker-input.tui-has-focus{width:100%;height:100%;border:1px solid #e0e0e0;box-sizing:border-box}
.sms_bill_management .time_range .tui-datepicker-input.tui-has-focus .tui-ico-date{padding:10px 8px 12px 8px;left:0}
.sms_bill_management .tui-datepicker-input input{padding:0 10px 0 35px;font-size:14px;color:#919191;line-height:1.57}
.sms_bill_management .time_range .time_start{position:relative}
.sms_bill_management .time_range .time_start:after{content:'';width:5px;display:block;position:absolute;top:18px;right:-15px;border-top:1px solid #c6c6c6}
.sms_bill_management .time_range .time_end{margin-left:24px}
.sms_bill_management .history_selection:after{content:'';display:table;clear:both}
.sms_bill_management .history_selection{margin-top:20px}
.sms_bill_management .info.type1 .history_selection{margin-top:40px}
.sms_bill_management .bx_sorting .btn_select.on+.lst_select{right:0;left:auto}
.sms_bill_management .bx_sorting .lst_select{min-width:100px;text-align:left}
.sms_bill_management .bx_sorting .btn_select{border:none;min-width:0;color:#919191;font-size:15px;line-height:1.47;letter-spacing:-1px;padding-right:22px}
.sms_bill_management .tui-datepicker-input.tui-has-focus .tui-ico-date .sp{width:16px;height:16px;background-size:400px;background-position:-84px 0}
.sms_bill_management .info.type3 .tbl_type .col1{font-weight:400}
.sms_bill_management .info.type3 .tbl_type .col1,.sms_bill_management .info.type3 .tbl_type .col2{text-align:left}
.sms_bill_management .info.type3 .tbl_type .col3,.sms_bill_management .info.type3 .tbl_type .col4,.sms_bill_management .info.type3 .tbl_type .col5{text-align:right}
.sms_bill_management .info.type3 .tbl_type td.col3,.sms_bill_management .info.type3 .tbl_type td.col4{font-size:14px;color:#222;opacity:.36}
.sms_bill_management .info.type3 .tbl_type td.col5{font-size:20px;color:#222}
/* .sms_bill_management .tui-datepicker{width:340px} */
.sms_bill_management .tui-datepicker_calendar{position:relative;margin-left:-1px;margin-right:-171px}
.sms_bill_management #startpicker-container .tui-calendar th,.sms_bill_management #endpicker-container .tui-calendar th,.sms_bill_management #startpicker-container .tui-calendar td,.sms_bill_management #endpicker-container .tui-calendar td{height:36px;;font-size:12px;padding:0;line-height:34px}
.sms_bill_management .time_status strong{font-size:27px;font-weight:400;color:#171717}
.sms_bill_management .time_status span{margin-left:9px;color:#575757;font-size:15px;opacity:.51}
.sms_bill_management .bx_time .action{position:absolute;right:0;bottom:0}
.sms_bill_management .bx_time{position:relative;margin-top:22px}
.sms_bill_management .bx_time + .noti_lst_bx{margin-top:13px}
.sms_bill_management .bx_time .action>span{font-size:15px;color:#171717;margin-left:20px;position:relative;vertical-align:middle}
.sms_bill_management .bx_time .action>button{font-size:13px;color:#171717;opacity:.73;margin-left:15px;width:78px;height:32px;line-height:30px}
.sms_bill_management .bx_time .action .txt_common{opacity:.73}
.sms_bill_management .bx_time .action>span:nth-child(2):before{content:'';position:absolute;width:1px;height:13px;border-right:1px solid #d9d9d9;top:6px;left:-10px}
.sms_bill_management .bx_time .action .txt_color{opacity:1;font-size:18px;font-weight:700}
.sms_bill_management .history_selection .time_filter:after{content:'';display:table;clear:both}
.sms_bill_management .history_selection .other_filter{margin-top:10px}
.sms_bill_management .history_selection .other_filter .input_search{font-size:13px;line-height:1.38;color:#919191;width:141px;height:36px;border-bottom:none;position:relative;padding:0;margin:0 10px 0 48px}
.sms_bill_management .history_selection .other_filter .input_lbl{left:48px;bottom:8px;font-size:13px;letter-spacing:0}
.sms_bill_management .other_filter .bx_sorting2{margin-left:-1px;float:left}
.sms_bill_management .other_filter .bx_input_search{display:inline-block;position:relative;width:196px;border:1px solid #e0e0e0;margin-left:10px}
.sms_bill_management .other_filter .bx_input_search:before{position:absolute;left:18px;top:11px;width:15px;height:15px;background-image:url(../img/sp.png);background-size:333px;background-position:-112px -22px;content:""}
.sms_bill_management .other_filter .bx_sorting2 .btn_select{width:146px;height:38px;font-size:13px;color:#919191;letter-spacing:-.9px;line-height:36px}
.sms_bill_management .other_filter .bx_sorting2 .btn_select+.lst_select{width:146px}
.sms_bill_management .other_filter .bx_sorting2:first-child{margin-left:0}
.sms_bill_management .info.type1 .group_tab button{width:74px;height:38px}
.sms_bill_management .info.type1 .history_selection .btn2{width:78px;height:86px;float:right}
.sms_bill_management .info.type1 .col1{text-align:left}
.sms_bill_management .info.type1 .col1 .btn_secret{width:52px;height:30px;line-height:28px}
.sms_bill_management .info.type1 .tbl_type{margin-top:40px}
.sms_bill_management .info.type1 .tbl_type .sp{vertical-align:middle;background-position:-236px -22px;width:13px;height:13px;margin-left:2px;margin-bottom:2px}
.sms_bill_management .info.type1 .tbl_type .ly_tooltip_wrap{text-align:left}
.sms_bill_management .info.type1 .tbl_type td{color:#222;font-size:13px;padding:13px 0 18px;vertical-align:top}
.sms_bill_management .info.type1 td.msg_no_history{font-size:14px;line-height:1.57;color:#8b8b8b;height:367px;vertical-align:middle}
.sms_bill_management .info.type1 th{padding:10px 0 13px}
.sms_bill_management .info.type1 .btn_sort {color:inherit;font-size:inherit;display:inline-block}
.sms_bill_management .info.type1 .btn_sort .sp {background-image:url(../img/sp_sms.png);display:inline-block;background-position:0px -65px;width:10px;height:4px}
.sms_bill_management .info.type1 .btn_sort.sort_reverse .sp {background-position:0px -73px}
.sms_bill_management td .bx_content_lv2{display:inline-block;font-size:11px;line-height:17px;vertical-align:text-top}
.sms_bill_management td .bx_content{color:#b1b1b1}
.sms_bill_management .info.type1 td .bx_content .btn{width:65px;height:30px;margin-left:3px;color:#222;line-height:28px;font-size:12px;border:1px solid #dedede}
.sms_bill_management .info.type1 td .btn{margin-top:11px}
.sms_bill_management .info.type1 td li{margin-top:3px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;max-height:38px;text-align:left}
.sms_bill_management .info.type1 td li:first-child{margin-top:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:list-item}
.sms_bill_management .info.type1 td>.btn{width:90px;height:30px;line-height:28px;color:#222;font-size:12px;border-color:#dedede}
.sms_bill_management .btn_excel .sp{display:inline-block;width:20px;height:18px;margin:-3px 7px 0 0;background-position:-178px -40px;vertical-align:middle}
.sms_bill_management .info.type1 .bx_btn.type2{margin-top:9px;text-align:right;border-top:none;padding-top:0;padding-bottom:0}
.sms_bill_management .bx_btn.type2 .btn_excel{width:145px;height:40px;border:1px solid #dedede;color:#171717}
.sms_bill_management .bx_btn.type2+.pagination{margin-top:40px}

/* 발신번호 관리 */
.sms_bill_management .tel_verify_lst li{position:relative;height:84px;border-top:1px solid #f0f0f0;font-size:16px;line-height:38px}
.sms_bill_management .tel_verify_lst li:after{display:block;content:''}
.sms_bill_management .tel_verify_lst .bx_tit{float:left;padding:22px 0}
.sms_bill_management .tel_verify_lst .bx_tit .badge{display:inline-block;width:65px;height:24px;margin-top:9px;margin-left:6px;border:1px solid #dbdbdb;border-radius:12px;font-size:12px;color:#868686;line-height:22px;text-align:center;vertical-align:top}
.sms_bill_management .tel_verify_lst .bx_btn2{float:right;padding:22px 0;margin-top:0;border-top:0;font-size:0}
.sms_bill_management .tel_verify_lst .bx_btn2 .btn{width:64px;height:38px;font-size:15px;color:#171717;line-height:35px;border-radius:4px;box-sizing:border-box}
.sms_bill_management .tel_verify_lst .bx_btn2 .btn:only-child{width:187px}
.sms_bill_management .tel_verify_lst .bx_btn2 .btn.btn_default{width:117px}
.sms_bill_management .tel_verify_lst .bx_btn2 .btn + .btn{margin-left:5px}
.sms_bill_management .tel_verify_lst li .status{position:absolute;top:50%;left:372px;margin-top:-19px;font-size:14px;color:#b9b9b9}
.sms_bill_management .tel_verify_lst li .status.done{color:#3577f8}
.sms_bill_management .tel_verify_lst li .status.reject{left:386px;color:#FF5C5C}
.sms_bill_management .tel_verify_lst li .lst_num{margin-right:17px;font-size:20px}
.sms_bill_management .main_content fieldset{width:100%}
.sms_bill_management .signup_form_wrap{float:none;padding-top:34px;border-top:1px solid #f0f0f0}
.sms_bill_management .signup_form_wrap .form_title{width: 400px;float:none;margin-top:0}
.sms_bill_management .signup_form_wrap .form_title .desc{font-size: 12px;color:#666;font-weight:500;}
.sms_bill_management .signup_form_wrap .form_input_area{float:none;width:100%;margin-top:13px}
.sms_bill_management .signup_form_wrap .lst_form .inp_row.inner_row{margin-top:24px;padding:0;border-top:0}
.sms_bill_management .signup_form_wrap .inp_tel_name{width:138px}
.sms_bill_management .signup_form_wrap .inp_tel_bx + .inp_bx{margin-left:4px}
.signup_form_wrap .noti_lst_bx .dot_lst li{margin-top:5px}
.signup_form_wrap .noti_lst_bx .dot_lst li:first-child{margin-top:0}
.sms_bill_management .signup_form_wrap .bx_btn{padding:0;margin-top:20px;border:0}
.sms_bill_management .signup_form_wrap .bx_btn .btn3{width:150px;height:56px;font-size:16px;line-height:54px}
.sms_bill_management .add_new_phone .signup_form_wrap{float:none;padding:45px;border:none;border:1px solid #E6E6E6;}
.sms_bill_management .add_new_phone .bx_btn{border:none;}
.sms_bill_management .add_new_phone .signup_form_wrap .lst_form{display:inline-flex;}
.sms_bill_management .add_new_phone .signup_form_wrap .lst_form:not(:last-child){padding-bottom:20px;}
.sms_bill_management .add_new_phone .signup_form_wrap .lst_form:not(:first-child){padding-top:20px;border-top:1px solid #E6E6E6}
.sms_bill_management .add_new_phone .signup_form_wrap .inp_row .txt{display:block;position:relative;min-width:102px;font-size:16px;color:#1a1a1a;line-height:36px;font-weight:400;letter-spacing:-0.5px}
.sms_bill_management .add_new_phone .signup_form_wrap .form_title{width:168px;}
.sms_bill_management .add_new_phone .signup_form_wrap .form_title span{font-size:18px;font-width: 700;}
.sms_bill_management .add_new_phone .signup_form_wrap .form_title span.txt_normal{font-width: 400;}
.sms_bill_management .add_new_phone .signup_form_wrap .form_title span.required::after{color:#FF5C5C;position:absolute;top:0;right:-10px;font-size:13px;font-weight:400;content:'*'}
.sms_bill_management .add_new_phone .signup_form_wrap .form_input_area{margin-top:0;width:auto;flex:1}
.sms_bill_management .add_new_phone .signup_form_wrap .form_input_area .inp:disabled{background-color:#ffffff}
.sms_bill_management .add_new_phone .signup_form_wrap .form_input_area .section_row:not(:first-child){border-top:1px solid #E6E6E6}
.sms_bill_management .add_new_phone .signup_form_wrap .lst_form .inp_row.inner_row{margin-top:0 !important;}




/* 결제 및 관리 - 요금조회 */
.bill_search .content_tit + .lst_tab{margin-top:27px}
.bill_search .history_selection{margin-top:40px}
.sms_bill_management .bill_search .bx_sorting2 .btn_select{min-width:77px;width:77px}
.sms_bill_management .bill_search .area_filter{float:none;width:100%}
.sms_bill_management .bill_search .other_filter{float:left;margin-top:0}
.sms_bill_management .bill_search .date_use_area{float:right;margin-top:16px;font-size:15px;line-height:22px}
.bill_search .charge_rate_area{padding:44px 40px 16px;border:1px solid #e0e0e0}
.history_selection + .charge_rate_area{margin-top:14px}
.charge_rate_area .rate_area{overflow:hidden;line-height:40px}
.charge_rate_area .charge_rate_tit{float:left;font-size:22px;color:#171717}
.charge_rate_area .price{float:right;font-size:27px;color:#3577f8}
.rate_info_lst{margin-top:7px}
.rate_info_lst .rate_info{padding:28px 0 30px;border-top:1px solid #f1f1f1;font-size:14px}
.rate_detail_lst{display:table;width:100%}
.rate_detail_lst .rate_tit{display:table-cell;width:350px;font-weight:700}
.rate_detail_lst .rate_desc{display:table-cell}
.rate_detail_lst .rate_desc .pay_method,.rate_detail_lst .rate_desc .pay_date,.rate_detail_lst .rate_desc .host_email{display:block;line-height:22px}
.rate_detail_lst .rate_desc .btn_bx{margin-top:10px}
.rate_detail_lst .rate_desc .btn2{width:auto;height:41px;padding:0 17px;line-height:39px}
.rate_detail_lst .rate_desc .btn2 + .btn2{margin-left:10px}
.rate_detail_lst .rate_desc .school_tit{display:block;font-size:19px;line-height:28px}
.rate_detail_lst .rate_desc .school_tit + .desc_lst{margin-top:15px}
.rate_desc .desc_lst li{display:table;width:100%;padding:3px 0 5px;line-height:20px;border-top:1px solid #f1f1f1}
.rate_desc .desc_lst li:first-child{border-top:none;padding-top:1px}
.rate_desc .desc_lst .desc_tit{display:table-cell;width:100px}
.rate_desc .desc_lst .desc_txt{display:table-cell;text-align:right}

/* 납부 내역서 */
.bill_search .history_selection .tbl_tit{float:left;font-size:15px;line-height:38px}
.bill_search .history_selection .time_range{float:right}
.bill_search .history_selection .time_range .btn2{width:56px;height:38px;margin-left:10px;line-height:36px}
.bill_search .tbl_type{margin-top:14px}
.bill_search .tbl_type th{padding:10px;font-size:15px}
.bill_search .tbl_type td{padding:11px 10px 14px;font-size:13px}
.bill_search .tbl_type .tbl_chk{font-size:0;vertical-align:middle}
.bill_search .tbl_type .tbl_chk .input_chk + label:after{margin-left:-22px}
.bill_search .bx_btn.type2{margin-top:10px;text-align:right;border-top:none;padding-top:0;padding-bottom:0}
.bill_search .bx_btn.type2 .btn{width:auto;height:40px;padding:0 13px;color:#171717;line-height:38px;letter-spacing:-1px}

/* content_left_area */
.group_lst_wrap{overflow:hidden;width:167px;height:437px;border:1px solid #e0e0e0;box-sizing:border-box}
.group_lst_wrap .group_lst_area{height:calc(100% - 41px);box-sizing:border-box}
.group_tit_all{padding:0 15px;border-bottom:1px solid #eee}
.group_tit_all a{display:block;font-size:13px;color:#222;line-height:40px}
.group_tit_all a.on{color:#3577f8;font-weight:500}
.group_lst_area{overflow-y:auto;height:100%;padding:0 15px 13px}
.group_lst_area .group_depth_wrap{border-top:1px solid #eee;padding:8px 0}
.group_lst_area .group_depth_wrap:first-child{border-top:0}
.group_lst_area .group_depth_wrap.has_2depth+.has_2depth{border-top:0}
.group_lst_area.type_bold .group_tit >a{color:#222;font-weight:bold}
.group_lst_area.type_bold .group_tit >a.on{color:#3577f8;}
.group_lst_area.type_bold .lst_depth_area .group_tit >a{font-weight:normal}
.group_foot_area .area_btn{padding:15px;border-top:1px solid #eee}
.group_foot_area .btn_xs_auto{width:100%;padding-top:2px;padding-bottom:2px;height:auto;vertical-align:top;}

/* admin - 학생목록 */
.admin_manage .group_lst_area + .group_tit_all{border-top:1px solid #eee}
.admin_manage .group_lst_area + .group_tit_all:last-child{border-bottom:0}

.group_depth_wrap .btn_group_all{display:block;height:24px;margin-bottom:8px;font-weight: 700;line-height:24px}

.content_left_area .group_lst_area{flex:1}
.group_lst_area a{display:block;font-size:13px;color:#222}
.group_lst_area a.on{color:#3577f8;font-weight:500}
.group_depth_area{padding-left:22px}
.group_lst_area .group_depth_area:first-child{border-top:0}
.group_depth_area .group_tit{position:relative;width:100%;margin-top:15px}
.group_depth_area .btn_detail{position:absolute;left:-22px;top:3px;width:15px;height:15px;background:url(../img/sp.png) -510px -125px no-repeat;content:''}
.group_depth_area .group_tit.on .btn_detail{background-position:-527px -125px}
.group_depth_area .group_tit:first-of-type{margin-top:0}
.group_depth_area .lst_depth_area{display:none;margin-top:14px}
.group_depth_area .group_tit.on + .lst_depth_area{display:block}
.group_depth_area .lst_depth{position:relative}
.group_depth_area .lst_depth:after{position:absolute;top:0;bottom:10px;left:0;width:1px;background-color:#eee;content:''}
.group_depth_area .group_item{position:relative;padding-left:15px;margin-top:11px;line-height:21px}
.group_depth_area .group_item:first-child{margin-top:0}
.group_depth_area .group_item:before{position:absolute;left:0;top:11px;z-index:2;width:8px;height:1px;margin-top:0;background-color:#eee;content:''}
.group_depth_area .group_item:last-child:after{position:absolute;left:0;z-index:1;width:1px;top:11px;bottom:0;background-color:#fff;content:''}
.group_depth_area .lst_depth_area .group_tit{padding-left:22px;box-sizing:border-box;}
.group_depth_area .lst_depth_area .group_tit .btn_detail{left:0}
.group_depth_area .lst_depth_area .lst_depth_area{padding-left:22px}

.admin_group_lst .lst_item{position:relative;padding:6px 0;border-bottom:1px solid #eee;font-size:0}
.admin_group_lst .lst_item .bx_form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}
.admin_group_lst .lst_item .lst_tit{display:block;padding:4px 50px 3px 0;font-size:13px;color:#222;line-height:21px}
.admin_group_lst .lst_item.on .lst_tit{color:#3577f8}
.admin_group_lst .lst_item .bx_dropdown{display:none;position:absolute;top:50%;right:0;margin-top:-11px}
.admin_group_lst .lst_item:hover .bx_dropdown{display:block}
.admin_group_lst .lst_item .bx_dropdown .btn_select{width:42px;height:22px;padding:0 14px 0 5px;background-color:#f9f9f9;font-size:11px;color:#171717;line-height:20px}
.admin_group_lst .lst_item .bx_dropdown .btn_select.on{font-weight:400}
.admin_group_lst .lst_item .bx_dropdown .ico_select_arrow{right:4px;width:10px;height:10px;margin-top:-5px;background-position:-186px -119px}
.admin_group_lst .lst_item .bx_dropdown .btn_select.on .ico_select_arrow{background-position:-198px -119px}
.admin_group_lst .lst_item .bx_dropdown .lst_select{left:auto;right:0}
.admin_group_lst .lst_item .bx_dropdown .lst_select a{width:144px;box-sizing:border-box}
.admin_group_lst .lst_item .bx_input2 .input_txt{width:112px;height:28px}
.admin_group_lst .lst_item .bx_input2 label{line-height:28px}
.admin_group_lst .lst_item .btn6{width:73px;height:28px;line-height:26px;vertical-align:top}
.admin_group_lst .lst_item .bx_input2 + .btn6{margin-left:5px}
.content_left_area .bx_group_add{padding:15px;border-bottom:1px solid #eee;font-size:0}
.content_left_area .bx_group_add .bx_form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}
.content_left_area .bx_group_add .bx_input2{vertical-align:top}
.content_left_area .bx_group_add .bx_input2 .input_txt{width:98px}
.content_left_area .bx_group_add .btn6{width:87px;height:32px;margin-left:5px;line-height:30px;vertical-align:top}
.content_left_area .bx_group_add .ico_plus{margin:-2px 3px 0 0;background-position:-576px 0}

/* content_right_area */
.content_right_area .error_txt{margin-top:3px;font-size:13px;color:#f74f4f;line-height:20px}
.content_right_area .bx_btn button + button{margin-left:10px}
.content_right_area .content_right{flex:1;overflow-y:auto;width:100%;margin-top:11px;padding-bottom:10px}
.content_right_area .menu_row_area .menu_row{margin-top:10px}
.content_right_area .menu_row_area .menu_row:first-child{margin-top:0}
.content_right_area .menu_row_area .menu_row .btn_tell{width:146px}
.content_right_area .menu_row_area .menu_row .bx_input2{margin:0 5px 0 10px}
.content_right_area .menu_row_area .menu_row .inp_search{width:170px}
.content_right_area .menu_row_area .menu_row .row_tit{display:inline-block;margin-right:10px;padding:6px 0 4px;font-size:13px;color:#171717;font-weight:700;line-height:22px;vertical-align:top}
.content_right_area .menu_row_area .menu_row .btn_class_move{background-color:#f9f9f9}
.content_right_area .menu_row_area .menu_row .selected_txt{display:inline-block;margin-left:20px;padding:6px 0;font-size:13px;color:#3577f8;line-height:20px;vertical-align:top}
.content_right_area .menu_row_area .menu_row .btn6{width:auto;height:32px;padding:0 10px;margin-right:10px;line-height:30px;vertical-align:top}
.content_right_area .menu_row_area .menu_row .btn_search_cancel{color:#f74f4f}
.content_right_area .menu_row_area .menu_row .sp{width:15px;height:15px;margin:7px 2px 0 0;vertical-align:top}
.content_right_area .menu_row_area .menu_row .ico_search{background-position:-571px -103px}
.content_right_area .menu_row_area .menu_row .ico_cancel{background-position:-554px -103px}
.content_right_area .menu_row_area .menu_row .btn_txt{vertical-align:top}
.content_right_area .menu_row_area .menu_row .row_txt{display:inline-block;margin-right:12px;padding-top:6px;color:#575757;font-size:12px}
.content_right_area .menu_row_area .row_spinner_sm{display:inline-block;width:12px;height:12px;margin-right:4px;vertical-align:-1px}
.content_right_area .menu_row_area .row_spinner_sm img{width:100%}
.content_right_area .menu_row_area .ico_delete_red{background-position:-582px -194px}
.content_right_area .menu_row_area .ico_delete_red + .btn_txt{color:#f74f4f}
.content_right_area .menu_row_area .ico_refresh_black{background-position:-582px -177px}
.content_right_area .menu_row_area .ico_setting{background-position:-582px -160px}
.content_right_area .menu_row_area :disabled .ico_delete_red{background-position:-470px -59px}
.content_right_area .menu_row_area :disabled .ico_setting,
.content_right_area .menu_row_area :disabled .ico_refresh_black{opacity:.2}
.content_right_area .menu_row_area :disabled .btn_txt{color:rgba(34,34,34,0.2)}

/* content_modal_area */
.admin_bx_btn{margin-top:40px;font-size:0;text-align:center}
.admin_bx_btn button{width:132px;height:54px;font-size:17px;color:#fff;line-height:52px}
.admin_bx_btn button + button{margin-left:10px}

.content_modal_area .tit_area{padding:20px 30px;background-color:#fff}
.content_modal_area .tit_area .modal_tit{display:inline-block;font-size:22px;font-weight:700;line-height:33px}
.content_modal_area .btn_modal_close{position:absolute;top:6px;right:7px;padding:20px}
.content_modal_area .btn_modal_close .ico_modal_close{display:inline-block;width:22px;height:22px;background:url(../img/sp.png) -557px -20px no-repeat}
.content_modal .error_txt{margin-top:3px;font-size:13px;color:#f74f4f;line-height:20px;text-align:left}
.content_modal .ok_txt_area{margin-top:3px;font-size:0;line-height:20px}
.content_modal .ico_ok{width:15px;height:15px;margin:2px 3px 0 0;background-position:-560px -125px;vertical-align:top}
.content_modal .ok_txt{font-size:13px;color:#3577f8;vertical-align:top}
.content_modal .lst_info_area .info_item{margin-top:50px}
.content_modal .lst_info_area .info_item:first-child{margin-top:0}
.content_modal .sub_tit_area{margin:50px 0 10px}
.content_modal .lst_info_area .info_item:first-child .sub_tit_area{margin-top:0}
.content_modal .sub_tit_area:after{display:block;clear:both;content:''}
.content_modal:first-of-type .sub_tit_area{margin:0 0 10px}
.content_modal .sub_tit_area .modal_sub_tit{display:inline-block;font-size:16px;font-weight:500;line-height:28px}
.content_modal .sub_tit_area .modal_sub_tit small{font-size:13px;color:#919191;font-weight:400}
.content_modal .sub_tit_area .area_sub_tit {overflow:hidden;margin-top:-6px}
.content_modal .sub_tit_area .area_sub_tit .desc_sub_tit {float:left;margin-top:13px;font-size:13px;line-height:19px;color:#575757;letter-spacing:-.3px}
.content_modal .sub_tit_area .bx_btn{float:right;font-size:0}
.content_modal .sub_tit_area .bx_btn .btn_add_parent{width:99px;height:32px;line-height:30px}
.content_modal .sub_tit_area .bx_btn .btn_add_parent .ico_plus{width:11px;height:11px;margin-right:3px;background-position:-576px 0}
.content_modal .sub_tit_area .bx_btn button + button{margin-left:10px}
.content_modal .desc_area{padding:30px 0;border:1px solid #dfdfdf;border-width:1px 0;font-size:13px;line-height:20px}

.content_modal .info_result_lst li{margin-top:20px;font-size:13px}
.content_modal .info_result_lst li:first-child{margin-top:0}
.content_modal .info_result_lst .info_tit{float:left;min-width:117px}
.content_modal .info_result_lst .info_txt{display:block;overflow:hidden}
.content_modal .info_result_lst .info_txt .desc {margin-top:4px;font-size:13px;line-height:19px;color:#575757}
.content_modal .info_result_lst .info_txt .btn_send {margin-top:4px;font-size:12px;line-height:18px;color:#919191}
.content_modal .info_result_lst .info_txt .desc .txt_red {color:#f74f4f}
.content_modal .info_result_lst .info_txt .noti {margin-top:4px;font-size:12px;line-height:18px;color:#919191}
.content_modal .info_result_lst .info_txt button.noti {text-decoration:underline}

.content_modal .info_inp_lst .info_inp_item{margin-top:10px;font-size:0}
.content_modal .info_inp_lst .info_inp_item:first-child{margin-top:0}
.content_modal .info_inp_lst .inp_tit_area{display:inline-block;width:117px;vertical-align:top}
.content_modal .info_inp_lst .inp_tit_area .ico_required{color:#ff5c5c}
.content_modal .info_inp_lst .inp_desc_area{display:inline-block;width:calc(100% - 117px);font-size:0;vertical-align:top}
.content_modal .info_inp_lst .inp_desc_area .inp_txt{font-size:13px;line-height:32px}
.content_modal .info_inp_lst .inp_desc_area .btn_authority_return{width:auto;height:32px;margin-left:5px;padding:0 11px;line-height:30px}
.content_modal .info_inp_lst .inp_desc_area .sub_txt{margin-left:6px;font-size:13px;color:#919191}
.content_modal .info_inp_lst .inp_desc_area.is_error input{border-color:#f74f4f}
.content_modal .info_inp_lst .inp_lbl{display:block;font-size:13px;line-height:32px}
.content_modal .info_inp_lst .inp_modal{display:inline-block;width:280px;height:32px;padding:0 10px;border:1px solid #ccc;border-radius:2px;font-size:13px;color:#222;vertical-align:top}
.content_modal .info_inp_lst .students_no_input:disabled{background-color: #fafafa;color: #a7a7a7;}
.content_modal .info_inp_lst .inp_modal.is_error{border-color:#f74f4f}
.content_modal .info_inp_lst .inp_modal.num_type{width:118px}
.content_modal .info_inp_lst .num_txt{display:inline-block;margin-left:8px;font-size:13px;line-height:32px;vertical-align:top}
.content_modal .info_inp_lst .bx_dropdown .btn_select{width:280px}
.content_modal .info_inp_lst .gender .bx_dropdown .btn_select{width:120px}
.content_modal .info_inp_lst .btn_check{margin-left:10px;height:32px;line-height:30px}

/* 원격수업 강의 리스트 */
.body_remote_class{min-width:900px}
.remote_class{padding-bottom:90px}
.remote_class .pagination{margin-top:40px}
.remote_class .area_filter .bx_sorting{width:auto}
.remote_class .area_filter .bx_sorting .btn_select{min-width:auto}
.remote_class .area_filter .bx_sorting .lst_select{min-width:auto}
.remote_class .area_filter .form_search{position:absolute;top:0;right:0;width:200px}
.remote_class .bx_nodata{margin-top:10px;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf}
.tbl_remote{margin-top:20px}
.tbl_remote tbody tr:first-child td{border-top:none}
.tbl_remote tr:hover td{background-color:#fafbff}
.tbl_remote td{height:70px;padding:0;font-size:0px;text-align:center}
.tbl_remote td .tit_txt{display:block;overflow:hidden;padding-left:18px;font-size:16px;color:#575757;white-space:nowrap;text-overflow:ellipsis;text-align:left}
.tbl_remote td .content_type{display:block;font-size:14px;color:#707070}
.tbl_remote td .status_txt{display:inline-block;font-size:14px;color:#707070;vertical-align:middle}
.tbl_remote td .status_txt.on_air{color:#3577f8}
.tbl_remote td .ico_arr_status{width:14px;height:8px;margin-left:4px;background-position:-50px 0;vertical-align:middle}
.tbl_remote td .date{font-size:14px;color:#707070}
.tbl_remote td button + button{margin-left:5px}
.tbl_remote td .btn_xs{width:51px;height:34px;border-color:#ddd;font-size:12px;color:#171717;}
.tbl_remote .btn_enter{width:111px;height:34px;border-color:#ddd;font-size:0;line-height:32px}
.tbl_remote .btn_enter .btn_txt{display:inline-block;font-size:12px;color:#171717;vertical-align:middle}
.tbl_remote .btn_enter .ico_arrow3{margin:1px 0 0 2px;vertical-align:middle}

/* 원격 수업 레이아웃 */
.remote_class_wrap .inner_common{max-width:1368px;width:auto;margin:0 auto;padding:0 20px;font-size:0}

/* 원격수업 레이아웃 - 라이브 비디오 영역 */
.live_video_wrap{padding:50px 0 60px;background-color:#f9fafd}
.live_video_wrap .bx_main_view{display:inline-block;width:450px;border-radius:8px;box-shadow:0 2px 30px 0 rgba(0,63,163,0.07);vertical-align:top}
.live_video_wrap .bx_live_chat{display:inline-block;overflow:hidden;position:relative;width:calc(100% - 30px - 450px);max-height:762px;margin-left:30px;border-radius:10px;box-shadow:0 2px 30px 0 rgba(0,63,163,0.07);background-color:#fff;vertical-align:top}
.live_video_wrap.type2{padding:50px 0;}

/* 원격수업 레이아웃 - 라이브 댓글 영역 */
.live_comment_wrap{padding:50px 0 155px;border-top:1px solid rgba(0,0,0,0.06);font-size:0}
.live_comment_wrap .inner_left{display:inline-block;width:62%;vertical-align:top}
.live_comment_wrap .right_connect_area{display:inline-block;width:calc(100% - 62% - 38px);margin-left:38px;vertical-align:top}

/* 원격수업 - 영상 확대 */
.live_video_wrap.scale_up .bx_main_view{width:64.91%;}
.live_video_wrap.scale_up .bx_live_chat{width:calc(100% - 64.91% - 30px)}
.live_video_wrap.scale_up .inner_main_view .bx_video{height:500px}
.live_video_wrap.scale_up .inner_main_view .bx_video_info{height:262px}

/* 원격수업 - 채팅 사용 X */
.live_video_wrap.not_chat .bx_main_view{width:100%}
.live_video_wrap.not_chat .bx_video_wrap .bx_video{width:100%;height:500px;margin:0 auto}
.live_video_wrap.not_chat .bx_video_info{height:262px}
.live_video_wrap.not_chat .bx_live_chat{display:none}

/* 원격수업 - 학생 접속 목록 X */
.live_comment_wrap.is_full .inner_left{width:100%}
.live_comment_wrap.is_full .right_connect_area{display:none}

/* 원격수업 - 댓글 사용이 불가 */
.live_comment_wrap .not_txt{display:none;padding:204px 0;font-size:18px;color:rgba(0,0,0,0.6);text-align:center}
.live_comment_wrap .inner_left.not_comment .not_txt{display:block}
.live_comment_wrap .inner_left.not_comment .comment_wrapper{display:none}

/* 원격수업 - 파일 첨부  */
.remote_class_wrap .lst_file:after{display:block;clear:both;content:''}
.remote_class_wrap .lst_file li{display:flex;display:-ms-flex;flex-direction:row;-ms-flex-direction:row;margin-top:9px}
.remote_class_wrap .lst_file li:first-child{margin-top:0}
.remote_class_wrap .btn_file_name{display:flex;display:-ms-flexbox;flex-direction:row;-ms-flex-direction:row;overflow:hidden;max-width:100%;font-size:15px;font-weight:700;color:#3577f8;line-height:22px;text-align:left;vertical-align:top;white-space:nowrap;text-overflow:ellipsis}
.remote_class_wrap .btn_file_name:before{display:block;flex:0 0 auto;-ms-flex:0 0 auto;width:17px;height:18px;margin:3px 2px 0 0;background:url(../img/sp@3x.png) no-repeat;background-size:200px;background-position:-50px -14px;content:''}
.remote_class_wrap .btn_file_name .txt{display:block;flex:0 1 auto;-ms-flex:0 1 auto;overflow:hidden;border-bottom:1px solid #3577f8;white-space:nowrap;text-overflow:ellipsis}
.remote_class_wrap .btn_file_name .ext{display:block;flex:1 0 auto;-ms-flex:1 0 auto;border-bottom:1px solid #3577f8;white-space:nowrap}
.remote_class_wrap .lst_file .btn_cancel{display:block;flex:0 0 auto;-ms-flex:0 0 auto;height:25px;margin:-1px 0 0 7px;padding:2px 9px 3px;border:1px solid #d7d8dc;border-radius:6px;font-size:12px;color:#707070;box-sizing:border-box}

/* 원격수업 - 동영상 뷰 - 파일첨부 */
.lst_file_wrap{position:absolute;left:40px;bottom:32px}
.lst_file_wrap .btn_file_name{padding-top:11px}
.lst_file_wrap .bx_file{position:absolute;top:41px;left:0;padding:22px 58px 24px 24px;border-radius:10px;width:400px;background-color:#fff;box-shadow: 0 2px 30px 0 rgba(0, 63, 163, 0.07);box-sizing:border-box}
.lst_file_wrap .bx_file li{margin-top:10px}
.lst_file_wrap .bx_file li:first-child{margin-top:0}
.lst_file_wrap .bx_file .btn_file_name{padding:0}
.lst_file_wrap .bx_file .btn_close{position:absolute;top:12px;right:12px;width:20px;height:20px;background-position:-22px -43px}

/* 원격수업 - 동영상 댓글 작성 - 파일첨부 */
.live_comment_wrap .bx_btn button + button{margin-left:6px}
.live_comment_wrap .bx_btn .btn_submit{width:90px;height:42px;border-radius:8px;background-color:#3577f8;font-weight:700;font-size:15px;color:#fff;vertical-align:top;box-sizing:border-box}
.live_comment_wrap .bx_btn .btn_submit.cancel{width:64px;background-color:#d8d8d8}
.live_comment_wrap .bx_etc{padding-top:13px;line-height:20px}
.live_comment_wrap .bx_etc .btn_comment{font-size:15px;font-weight:700;color:#3577f8}
.live_comment_wrap .bx_etc .ico_dot{font-size:15px;color:#3577f8}
.bx_comment_write .bx_etc{padding-top:10px;padding-bottom:34px}
.bx_comment_write .bx_etc:after{display:block;clear:both;content:''}
.bx_comment_write .bx_btn{float:right;font-size:0}

/* 원격수업 - 비디오 정보 */
.inner_main_view .bx_video_wrap{overflow:hidden;background-color:#000;border-radius:8px 8px 0 0}
.inner_main_view .bx_video{height:253px}
.inner_main_view .bx_video .loading_area{width:100%;height:100%;background-image:linear-gradient(to bottom, #2f72b9, #30508f), linear-gradient(to bottom, #65affc, #3577f8);text-align:center}
.inner_main_view .bx_video .loading_area:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.inner_main_view .bx_video .loading_area .loading_txt{display:inline-block;font-size:20px;color:#fff;vertical-align:middle}
.bx_video_info{display:flex;flex-direction:column;position:relative;height:509px;padding:29px 30px 30px;border-radius:0 0 8px 8px;background-color:#fff;font-size:16px;letter-spacing:-0.48px;box-sizing:border-box}
.bx_video_info .tit_video{padding:0 118px 6px 0;font-size:24px;font-weight:700;color:#000;letter-spacing:-0.72px;line-height:33px}
.bx_video_info .date_video{font-size:16px;color:rgba(0,0,0,0.6)}
.bx_video_info .bx_info{overflow:hidden;flex:1;position:relative;margin-bottom:24px;padding-top:10px}
.bx_video_info .bx_info .desc{overflow-y:auto;height:100%;padding-bottom:28px;font-size:16px;font-weight:400;color:#000;line-height:28px;box-sizing:border-box}
.bx_video_info .bx_btn{position:absolute;top:32px;right:30px}
.bx_video_info .btn_view_all{height:32px;padding:8px 10px 9px 9px;border:1px solid rgba(0,0,0,0.18);border-radius:4px;font-size:12px;color:rgba(0,0,0,0.6);vertical-align:top;letter-spacing:-0.11px;box-sizing:border-box}
.bx_video_info .btn_view_all .ico_size{width:12px;height:13px;margin-right:5px;background-position:-69px -14px;vertical-align:top}
.live_video_wrap.scale_up .bx_video_info .btn_view_all .ico_size{background-position:-83px -14px}
.bx_video_info .btn_view_all .btn_txt{display:inline-block;line-height:13px;vertical-align:top}

.bx_video_wrap .desc_area{width:100%;height:100%;text-align:center;background-image:linear-gradient(135deg, #104b76 4%, #121e45 100%)}
.bx_video_wrap .desc_area:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.bx_video_wrap .desc_area .inner_bx{display:inline-block;vertical-align:middle}
.bx_video_wrap .desc_area .main_desc{display:block;font-size:19px;font-weight:700;color:#fff}
.bx_video_wrap .desc_area .sub_desc{display:block;margin-top:4px;font-size:16px;color:#fff}
.bx_video_wrap .btn_video_play{margin:18px auto 0;min-width:248px;width:auto;padding:13px 29px 17px 30px;color:#fff;font-size:15px;font-weight:700;border-radius:6.4px;background-image:linear-gradient(135deg, #00ce53 -24%, #3577f8 97%)}
.bx_video_wrap .btn_video_play .sp{margin-left:5px;margin-top:-1px;vertical-align:middle;}
.bx_video_wrap .btn_disconnect {position:relative;display:block;margin:19px auto 0;color:#fff;font-size:13px;opacity:.8}
.bx_video_wrap .btn_disconnect:before{content:'';position:absolute;bottom:1px;left:0;right:0;display:inline-block;height:1px;background-color:rgba(255,255,255,.8)}

.bx_main_view.type2 .bx_video_info .tit_video{font-size:22px;letter-spacing:-0.66px}
.bx_main_view.type2 .bx_video_info .date_video,
.bx_main_view.type2 .bx_video_info .bx_info .desc{letter-spacing:-0.48px}
.bx_main_view.type2 .bx_video_info .bx_info{padding-top:12px}

.bx_video_info.type2{padding:30px 30px 34px}
.bx_video_info.type2 .tit_video{font-size:22px;letter-spacing:-0.66px}
.bx_video_info.type2 .date_video,
.bx_video_info.type2 .bx_info .desc{letter-spacing:-0.48px}
.bx_video_info.type2 .lst_file_wrap{left:0}

/* 원격수업 - 비디오 정보 제한 없음 */
.bx_video_info .bx_info.is_scroll:after{position:absolute;left:0;right:0;bottom:0;    height:59px;background:linear-gradient(to top, #ffffff 37%, rgba(255, 255, 255, 0));content:''}

/* 미니 플레이어 영역 */
.player_wrap{width:100%;height:100%}
.mini_player{position:fixed;right:60px;bottom:20px;width:300px;height:169px;background:black;z-index:100;border-radius:10px;box-shadow:0 9px 33px 0 #f4f5f7;overflow:hidden}
.mini_player_close{display:none;position:fixed;right:20px;bottom:156px;width:32px;height:32px;border:1px solid #eee;font-size:0;background:white}
.mini_player .mini_player_close{display:block}
.mini_player_close:before, .mini_player_close:after{position:absolute;top:3px;left:15px;content:'';height:25px;width:1px;background-color:#a3a3a3}
.mini_player_close:before{transform:rotate(45deg)}
.mini_player_close:after{transform:rotate(-45deg)}

/* 원격수업 - 실시간 채팅 */
.bx_live_chat{width:calc(100% - 30px - 450px)}
.bx_live_chat .tit_chat{font-size:22px;line-height:29px}
.bx_live_chat .bx_tit{position:relative;padding:18px 30px 19px;background-color:#3577f8;color:#fff}
.bx_live_chat .bx_cont{overflow-y:auto;height:524px;padding:28px;background-color:#f9fafd;font-size:16px;box-sizing:border-box}
.bx_live_chat .bx_chat_list .bx_chat{margin-top:8px;line-height:26px}
.bx_live_chat .bx_chat_list .bx_chat:first-child{margin-top:0px}
.bx_live_chat .bx_chat .name{display:inline-block;padding-right:10px;font-weight:700;color:rgba(0,0,0,0.5);letter-spacing:-0.48px}
.bx_live_chat .label_notice{display:inline-block;margin:3px 6px 0 0;padding:1px 10px 3px;border-radius:11px;background-color:#2d69f3;font-size:12px;font-weight:700;line-height:18px;color:#fff;vertical-align:top;letter-spacing:-0.11px}
.bx_live_chat .bx_chat.admin, .bx_live_chat .bx_chat.admin .name{color:#3a6fe9}

.bx_live_chat .bx_notice{position:absolute;top:84px;left:20px;right:20px;padding:22px 24px 26px;background-color:#2d69f3;border-radius:10px;color:#fff;box-shadow:0 2px 30px 0 rgba(0,0,0,0.07)}
.bx_live_chat .bx_notice .label_notice{margin-top:1px;border:1px solid #fff;color:#fff}
.bx_live_chat .bx_notice .notice_txt{padding-top:10px;font-size:16px}
.bx_live_chat .bx_notice .btn_close{position:absolute;top:0;right:0;padding:10px;font-size:0}
.bx_live_chat .bx_notice .btn_close .ico_close{width:20px;height:20px;background-position:0 0}
.bx_live_chat .bx_write{position:relative;padding:20px 20px 18px;font-size:16px}
.bx_live_chat .bx_write .label{display:block;padding-bottom:10px;font-weight:700;color:#9a9ca8}
.bx_live_chat .bx_write .inp_txt{height:52px;padding:9px 18px 12px;border:1px solid rgba(167,169,181,0.6);border-radius:6px;background-color:transparent;font-size:17px;line-height:25px}
.bx_live_chat .inp_reply_area .inp_area .inp_reply{display:block;height:46px;border:1px solid #c6c8cf;border-radius:6px;font-size:17px;color:#000}
.bx_live_chat .inp_reply_area .inp_area .inp_reply::placeholder{color:#bcbdc3}
.bx_live_chat .inp_reply_area .inp_area .inp_reply::-moz-placeholder{color:#bcbdc3}
.bx_live_chat .inp_reply_area .inp_area .inp_reply::-ms-input-placeholder{color:#bcbdc3}
.bx_live_chat .inp_reply_area .inp_area .inp_reply::-webkit-input-placeholder{color:#bcbdc3}
.bx_live_chat .inp_reply_area .chat_send_bx{position:relative;height:46px;margin-top:8px}
.bx_live_chat .inp_reply_area .chat_send_bx .bx_input_chk{margin-top:12px;vertical-align:top}
.bx_live_chat .inp_reply_area .chat_send_bx .bx_input_chk label{color:#000}
.bx_live_chat .inp_reply_area .chat_send_bx .bx_btn{position:absolute;right:0;top:0;font-size:0}
.bx_live_chat .bx_write .txt_count{display:inline-block;height:46px;font-weight:bold;color:#9a9ca8;line-height:46px}
.bx_live_chat .bx_write .btn_submit{margin-left:18px;padding:9px 18px 13px;border-radius:6px;background-color:#3577f8;font-weight:700;font-size:16px;color:#fff;vertical-align:top}


.bx_live_chat.type2 .tit_chat{font-size:20px;letter-spacing:-0.6px}
.bx_live_chat.type2 .bx_cont{padding:24px 30px 32px}
.bx_live_chat.type2 .bx_chat_list .bx_chat{margin-top:14px}
.bx_live_chat.type2 .bx_chat_list .bx_chat:first-of-type{margin-top:0}
.bx_live_chat.type2 .bx_chat .name{padding-right:12px;line-height:24px}
.bx_live_chat.type2 .bx_chat_list .bx_chat{line-height:24px;letter-spacing:-0.48px}
.bx_live_chat.type2 .label_notice{margin-right:8px}
.bx_live_chat.type2 .bx_write{padding:18px 20px 20px}
.bx_live_chat.type2 .inp_reply_area .chat_send_bx{margin-top:6px}
.bx_live_chat.type2 .inp_reply_area .chat_send_bx .bx_input_chk label{letter-spacing:-0.45px}
.bx_live_chat.type2 .bx_write .txt_count{font-size:16px}
.bx_live_chat.type2 .inp_reply_area .chat_send_bx .bx_btn{top:2px}



/* 원격수업 - 댓글 영역 */
.bx_major_info{padding-bottom:26px;border-bottom:1px solid #c6c8cf}
.right_connect_area .bx_major_info{border-bottom:0}
.bx_major_info:after{display:block;clear:both;content:''}
.bx_major_info .tit_info{float:left;padding-right:12px;font-size:22px;font-weight:700;line-height:26px}
.bx_major_info .tit_info .color_point{color:#3577f8}
.bx_major_info .btn_reset{float:left;width:26px;height:26px;background-position:-22px -14px}
.bx_major_info .major_info_txt{float:left;margin-left:10px;font-size:16px;color:rgba(0,0,0,0.5);line-height:26px}

.comment_list_item{padding-top:44px}
.bx_comment_info{padding-bottom:12px;font-size:0}
.bx_comment_info .name{display:inline-block;font-size:18px;font-weight:700;color:#222;vertical-align:middle}
.bx_comment_info .date{display:inline-block;padding:0 12px 0 8px;font-size:13px;color:rgba(26,26,26,0.4);vertical-align:middle}
.bx_comment_info .btn_txt{margin-right:5px;height:28px;padding:0 9px 1px;border:1px solid #d7d8dc;border-radius:6px;font-size:13px;color:#707070;vertical-align:middle;box-sizing:border-box}

.live_comment_wrap.type2 .bx_major_info .btn_reset{margin-top:5px}
.live_comment_wrap.type2 .bx_major_info .major_info_txt{margin:8px 0 0 14px;letter-spacing:-0.48px;line-height:24px;vertical-align:top}
.live_comment_wrap.type2 .bx_btn .btn_submit.file{width:auto;padding-left:33px;font-size:15px;line-height:22px;color:#4e505a;border:1px solid #a7a9b5;background-color:#fff}
.live_comment_wrap.type2 .bx_btn .btn_submit.file:before{display:block;content:'';width:17px;height:18px;position:absolute;top:11px;left:12px;background:url(../img/sp@3x.png) no-repeat;background-size:200px;background-position:-150px 0}
.live_comment_wrap.type2 .bx_btn .btn_submit{position:relative;width:auto;min-width:110px;padding:9px 17px 11px}
.live_comment_wrap.type2 .bx_btn .btn_submit.cancel{min-width:64px}
.live_comment_wrap.type2 .bx_major_info + .bx_comment_write{margin-top:-1px;background-color:#fff}
.live_comment_wrap.type2 .comment_list_item{padding-top:50px}
.live_comment_wrap.type2 .re_comment_item .bx_comment_info{padding-bottom:7px}
.live_comment_wrap.type2 .bx_comment_detail .comment{font-size:16px;color:#000;line-height:24px}
.live_comment_wrap.type2 .bx_comment_detail.delete .comment{color:rgba(26,26,26,0.3)}
.live_comment_wrap.type2 .remote_class_wrap .lst_file li{margin-top:10px}
.live_comment_wrap.type2 .remote_class_wrap .lst_file li:first-of-type{margin-top:0}
.live_comment_wrap.type2 .remote_class_wrap .lst_file .btn_cancel{padding:2px 8px 3px}
.live_comment_wrap.type2 .bx_re_comment{padding:20px 0 0 42px;border-bottom:0}
.live_comment_wrap.type2 .bx_comment_write .bx_etc{padding:10px 0 30px}
.live_comment_wrap.type2 .bx_comment_write .bx_etc .lst_file{float:left;max-width:300px;padding-top:7px}
.live_comment_wrap.type2 .bx_comment_detail .btn_more{font-size:14px}
.live_comment_wrap.type2 .bx_etc{padding-top:10px;line-height:22px}
.live_comment_wrap.type2 .bx_etc .btn_comment{vertical-align:top}
.live_comment_wrap.type2 .bx_comment_write .textarea{padding:11px 20px 15px}


.live_comment_wrap.type2 .bx_major_info .tit_info{line-height:33px}
.live_comment_wrap.type2 .right_connect_area .bx_major_info{padding-bottom:20px}
.live_comment_wrap.type2 .right_connect_area .connect_list_area{padding:7px 40px 0 30px}

.bx_comment_write .bx_textarea{overflow:hidden;border:1px solid #c6c8cf;border-radius:6px}
.bx_comment_write .textarea{width:100%;padding:10px 20px 16px;border:0;font-size:16px;line-height:24px;vertical-align:top;outline:0;letter-spacing:-0.48px;box-sizing:border-box}
.bx_comment_write .textarea::placeholder{color:#bcbdc3}
.bx_comment_write .textarea::-moz-placeholder{color:#bcbdc3}
.bx_comment_write .textarea::-ms-input-placeholder{color:#bcbdc3}
.bx_comment_write .textarea::-webkit-input-placeholder{color:#bcbdc3}

.comment_list_item .inner_main_comment{padding:20px 30px 26px;border-radius:6px;background-color:#f8f9ff}
.bx_comment_detail .comment{display:-webkit-box;overflow:hidden;min-width:310px;max-height:78px;font-size:16px;color:#222;line-height:26px;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.bx_comment_detail.no_limit .comment{max-height:100%;-webkit-line-clamp:initial}
.bx_comment_detail .btn_more{margin-top:15px;font-size:15px;font-weight:700;color:rgba(0,0,0,0.4)}
.bx_comment_detail .lst_file{padding-top:16px}

/* 원격수업 - 댓글 수정 */
.bx_edit_write{border-radius:10px}
.bx_edit_write .bx_textarea{overflow:hidden;padding:12px 20px;border:1px solid rgba(167,169,181,0.65);border-radius:10px}
.bx_edit_write .textarea{overflow:auto;width:100%;border:0;font-size:16px;line-height:24px;color:#222;vertical-align:top;outline:0;letter-spacing:-0.48px}
.bx_edit_write .bx_btn{padding-top:8px;font-size:0;text-align:right}

/* 원격수업 - 대댓글 */
.bx_re_comment{padding:20px 0 0 50px;border-bottom:1px solid #e4e5eb}
ul .comment_list_item:last-child .bx_re_comment{border-bottom:0}
.re_comment_list .re_comment_item:first-child{padding-top:0}
.re_comment_item{padding:30px 0 30px;border-bottom:1px solid #e4e5eb}
.re_comment_list .re_comment_item:last-child{border-bottom:0}
.re_comment_item.admin .bx_comment_info .name,.re_comment_item.admin .bx_comment_detail .comment{color:#256cf8}
.re_comment_item .bx_comment_info{padding-bottom:6px}

/* 원격수업 - 삭제된 댓글 */
.bx_comment_detail.delete .comment{color:rgba(26,26,26,0.3)}
.bx_comment_detail .ico_notice2{margin:4px 6px 0 0;vertical-align:top}
.re_comment_item.admin .bx_comment_detail .ico_notice2{background-position:0 -44px}
.inner_main_comment .bx_comment_detail.delete .comment{color:rgba(0,0,0,0.3)}

/* 원격수업 - 학생 접속 목록 */
.connect_list_area{padding:8px 40px 8px 30px;border-radius:10px;box-shadow:0 9px 33px 0 #f4f5f7}
.connect_list_area .connect_item{position:relative;padding:14px 0 18px 0;border-bottom:1px solid rgba(0,0,0,0.06);box-sizing:border-box}
.connect_list_area .connect_item:last-child{border-bottom:0}
.connect_list_area .connect_item.no_connect{padding:96px 0 108px;font-size:16px;color:#a3a3a3;line-height:24px;text-align:center}
.connect_list_area .connect_item .user_tit{display:block;padding-right:55px;font-size:18px;color:#222;line-height:27px}
.connect_list_area .connect_item .user_status{position:absolute;top:14px;right:0;font-size:16px;color:#a3a3a3;line-height:27px}
.connect_list_area .connect_item .user_status.is_connect{color:#3577f8}
.connect_list_area .connect_item.btn_item{padding:0}
.connect_list_area .connect_item .btn_more{width:100%;height:60px;padding:18px 0 18px;font-size:0;box-sizing:border-box}
.connect_list_area .connect_item .btn_more .btn_txt{display:inline-block;font-size:16px;color:#a3a3a3;line-height:24px;vertical-align:middle}
.connect_list_area .connect_item .btn_more .ico_arr_connect{width:14px;height:8px;margin:3px 0 0 6px;background-position:-66px 0;vertical-align:middle}

/* 관리자 페이지 개편 */
.class_result_area{width:706px;margin:0 auto;text-align:center}
.class_result_area .main_tit{margin-top:40px;font-size:26px;font-weight:700;line-height:38px}
.class_result_area .sub_txt{display:block;margin-top:12px;font-size:17px;line-height:25px}
.class_result_area .result_view_area{height:357px;margin-top:40px}
.class_result_area .caution_desc_area{margin-top:30px;padding:26px 22px;background-color:#f8f8f8;font-size:16px;color:#ff5c5c;font-weight:500;line-height:24px;text-align:left;box-sizing:border-box}
.class_result_area .caution_desc_area .img_area{display:inline-block;vertical-align:top;line-height:60px;}
.class_result_area .caution_desc_area .img_area img {vertical-align:middle;}
.class_result_area .caution_desc_area .desc_txt{display:inline-block;margin:-2px 0 0 11px;vertical-align:top}
.class_result_area .caution_desc_area.example {color:inherit;font-weight:inherit;margin-top:10px;display:flex;}
.class_result_area .caution_desc_area.example .bx_exp {flex: 1 1 0%;}
.class_result_area .caution_desc_area.example .bx_exp.parents {margin-right: 10px;}
.class_result_area .caution_desc_area.example .bx_exp .tit {font-size:16px;}
.class_result_area .caution_desc_area.example .bx_exp .txt {background:#fff;padding:20px;border-radius:10px;margin-top:5px;box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;}
.class_result_area .check_area{margin-top:20px;text-align:left}
.class_result_area .check_area .input_chk.type5 + label{padding-left:30px;font-size:16px;color:#222;text-align:left}
.class_result_area .check_area .input_chk.type5 + label:after{top:3px;margin-top:0}
.class_result_area .check_area.word {margin-top:40px;}
.class_result_area .check_area.word>p {font-size:16px;}
.class_result_area .check_area.word .caution_desc_area {color:inherit;font-weight:inherit;margin-top:10px;}
.class_result_area .check_area.word .caution_desc_area .bx_input2 .input_txt {width:50px;}
.class_result_area .btn3{width:auto;height:54px;padding:0 29px;margin-top:50px;font-size:17px;line-height:52px}

/* 코로나 19 안내 */
.covid_info_list .covid_info_item{margin-top:54px}
.covid_info_list .covid_info_item:first-child{margin-top:34px}
.covid_info_item .desc_txt_area .tit_txt{display:block;font-size:18px;font-weight:700;color:#222;line-height:27px}
.covid_info_item .desc_txt_area .desc_txt{margin-top:6px;font-size:16px;color:#575757;line-height:26px}
.covid_info_item .desc_txt_area .btn_info_use{width:174px;height:46px;margin-top:15px;font-size:0}
.covid_info_item .desc_txt_area .btn_info_use .btn_txt{display:inline-block;margin-top:-2px;font-size:14px;letter-spacing:-1px;vertical-align:middle;line-height:44px}
.covid_info_item .desc_txt_area .btn_info_use .ico_arr_covid{width:8px;height:10px;margin-left:2px;background-position:-566px -266px;vertical-align:middle}
.school_use_guide{margin:36px 0 70px;border:1px solid #e9edf5;border-width:1px 0}
.school_use_guide .guide_row{display:table;table-layout:fixed;width:100%;border-top:1px solid #e9edf5;border-collapse:collapse}
.school_use_guide .guide_row:first-child{border-top:0}
.school_use_guide .guide_row .guide_area{display:table-cell;border:1px solid #e9edf5;border-width:0 1px}
.school_use_guide .guide_area .guide_txt{background-color:#f8fafd;font-size:15px;font-weight:700;line-height:54px;text-align:center}
.school_use_guide .guide_area .guide_img_area{overflow:hidden;text-align:center}

.send_time_bx{padding:17px 0 19px;background-color:#f8fafd;font-size:15px;color:#222;line-height:28px;text-align:center}

.auto_send_area{margin-top:34px}
.auto_send_area .tit_txt_area{margin-bottom:12px}
.auto_send_area .tit_txt_area .tit_txt{font-size:18px;font-weight:700;color:#222}
.auto_send_bx{position:relative;padding:22px 26px 23px;background-color:#f8fafd}
.auto_send_bx .error_txt_area{position:absolute;left:0;bottom:-32px;font-size:13px;color:#ff5c5c;line-height:22px}
.auto_send_list{font-size:0}
.auto_send_list .auto_send_item{display:inline-block;position:relative;padding:0 26px}
.auto_send_list .auto_send_item:after{position:absolute;right:0;top:5px;width:1px;height:50px;background-color:#e6eaf0;content:''}
.auto_send_list .auto_send_item:last-child:after{display:none}
.auto_send_list .auto_send_item:first-child{padding-left:0}
.auto_send_list .auto_send_item:last-child{padding-right:0}
.auto_send_list .auto_send_item .tit_area{margin-bottom:8px}
.auto_send_list .auto_send_item .tit_option{font-size:14px;font-weight:700;color:#222}
.auto_send_list .auto_send_item .rdo_btn_area{padding:5px 0}
.auto_send_list .auto_send_item .rdo_btn_area .bx_input_rdo{margin-right:16px}
.auto_send_list .auto_send_item .rdo_btn_area .bx_input_rdo:last-child{margin-right:0}
.auto_send_item .send_time_area .bx_sorting2{margin-left:-1px}
.auto_send_item .send_time_area .bx_sorting2:first-of-type{margin-left:0}
.auto_send_item .bx_sorting2 .btn_select{min-width:auto;width:69px;height:32px;background-color:#fff;font-size:13px;color:#575757;line-height:30px}
.auto_send_item .bx_sorting2 .lst_select{min-width:auto;width:100%;font-size:13px}
.auto_send_item .btn_option_save{width:99px;height:58px;font-size:15px}

.calender_filter_area{margin:64px 0 36px;text-align:center}
.calender_filter_area .btn_prev{width:32px;height:32px;margin-top:4px;background-position:-482px -282px;vertical-align:top}
.calender_filter_area .btn_next{width:32px;height:32px;margin-top:4px;background-position:-516px -282px;vertical-align:top}
.calender_filter_area .date_txt_area{display:inline-block;line-height:34px;vertical-align:top}
.calender_filter_area .tui-datetime-input{width:237px;height:34px;text-align:center}
.calender_filter_area .tui-datepicker{top:52px;left:50%;width:345px;margin-left:-172px;}
.calender_filter_area .tui-datepicker-input{border:0}
.calender_filter_area .date_txt{padding:0;font-size:23px;font-weight:700;color:#222;vertical-align:top}
.calender_filter_area .ico_calender{margin:7px 0 0 4px;vertical-align:top}

.auto_send_area .area_tbl_tit{position:relative;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f1f1}
.auto_send_area .area_tbl_tit .total{font-weight:700}
.auto_send_area .member_sort{padding:10px 0 4px}
.auto_send_area .member_sort .lst_sort li + li{margin-left:17px}
.auto_send_area .lst_sort li.color_red a{color:#ff5c5c}
.auto_send_area .lst_sort li.color_blue a{color:#3577f8}
.auto_send_area .lst_sort li.color_gray a{color:#575757}
.auto_send_area .lst_sort .sp{width:14px;height:10px;background-position-y:-282px}
.auto_send_area .lst_sort .ico_chk_red{background-position-x:-582px}
.auto_send_area .lst_sort .ico_chk_blue{background-position-x:-550px}
.auto_send_area .lst_sort .ico_chk_gray{background-position-x:-566px}
.auto_send_area .lst_sort li.on .sp{background-position-y:-294px}
.auto_send_area .area_tbl_tit .bx_btn button{width:105px;height:38px;}
.auto_send_area .area_tbl_tit .bx_btn button + button{margin-left:4px}

.search_filter_area{display:flex;margin-bottom:16px}
.search_filter_list{flex:1;font-size:0}
.search_filter_list .search_filter_item{display:inline-block;margin-right:10px;vertical-align:top}
.search_filter_list .search_filter_item:last-child{margin-right:0}
.search_filter_area .btn_select{width:148px;height:38px;padding:0 14px;font-size:13px;color:#919191;letter-spacing:-0.87px;line-height:36px}
.search_filter_area .lst_select{width:100%}
.search_filter_area .bx_btn{flex:0 1 auto;margin-left:16px;vertical-align:top;text-align:right}
.search_filter_area .bx_btn .btn{border-color:#e0e0e0;color:#171717}
.search_filter_area .bx_btn button + button{margin-left:4px}

.tbl_self .area_tbl_scroll{overflow-y:auto;max-height:415px}
.tbl_self .desc_txt{display:inline-block;margin-right:6px;vertical-align:middle}
.tbl_self thead th{padding:15px 10px;background-color:#fafafa}
.tbl_self .btn_xs{padding:0 14px}

/* 게시판 권한 팝업 */
.ly_board_authority{position:absolute;min-width:380px;width:auto;padding:50px;background-color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 6px 18px 0 rgba(0,0,0,.1);box-sizing:border-box}
.ly_board_authority .ly_tit{font-size:20px}
.ly_board_authority .input_chk.type5 + label{padding-left:30px;font-size:17px}
.ly_board_authority .lst_authority li{margin-top:20px}

/* 학생 일괄 등록 팝업 */
.popup_register{position:relative;min-width:1000px;width:100%}
.popup_register .popup_header{position:fixed;left:0;top:0;width:100%;z-index:15;padding:17px 0 16px 25px;background-color:#3577f8}
.popup_register .popup_header .popup_tit{display:inline-block;font-size:18px;color:#fff;font-weight:500;line-height:27px}
.popup_register .popup_header .popup_header_text{display:inline-block;margin-left:5px;color:#e6e6e6;font-size:13px;}
.popup_register .popup_body{position:relative;font-size:0}
.popup_register .popup_step_bar{position:fixed;left:0;top:0;z-index:10;width:218px;height:100%;padding-top:60px;box-sizing:border-box;vertical-align:top;border-right:1px solid #d4d4d4;background:#fff}
.popup_register .popup_step_bar .step_list li{display:block;padding-left:25px;font-size:14px;color:#222;line-height:50px}
.popup_register .popup_step_bar .step_list li.on{background-color:#f1f1f1;font-weight:500}
.popup_register .popup_content{padding:80px 40px 80px 258px;box-sizing:border-box;vertical-align:top}
.popup_register .step_tit_area{margin-top:10px}
.popup_register .step_tit_area .step_tit{font-size:18px;font-weight:500;line-height:27px}
.popup_register .divided_area::after{display:block;clear:both;content:''}
.popup_register .divided_area .left_area{float:left;width:440px}
.popup_register .divided_area .right_area{float:left;width:240px;margin-left:20px}

.popup_register .step_img_area{margin-top:30px;width:700px;height:290px}
.popup_register .step_img_area img{width:100%;height:100%}
.popup_register .step_upload_area{margin-bottom:15px}
.popup_register .step_upload_area .input_txt{width:320px;height:40px;padding:0 16px;border-color:#dedede;border-radius:0;border-right:0;font-size:15px}
.popup_register .step_upload_area label{padding-left:16px;font-size:15px;line-height:40px}
.popup_register .step_upload_area .btn6{height:40px;font-size:14px;vertical-align:top}
.popup_register .step_desc_area{margin-top:30px}
.popup_register .lst_step_desc li{font-size:14px;color:#222;line-height:25px}
.popup_register .lst_step_desc .lst_inner_txt{padding-left:14px}
.popup_register .btn_excel_down{width: auto;padding-right: 10px;padding-left: 10px;margin-top:10px}
.popup_register .input_table_area{overflow-y:auto;height:440px}
.popup_register .info_txt_area .table_sub_txt{margin:4px 0 1px;font-size:12px;color:#3577f8;text-align:right}
.popup_register .step_finish_area{margin-top:143px;text-align:center}
.popup_register .step_finish_area .finish_txt{margin-top:23px;font-size:22px;font-weight:500;line-height:33px}
.popup_register .step_finish_area.type_flexible{display:flex;height:calc(100vh - 205px);margin-top:0;flex-direction:column;justify-content:center;align-items:center}
.popup_register .btn_send_history{width:140px;height:46px;margin-top:20px;font-size:15px}
.popup_register .popup_content .bx_btn{margin-top:50px;text-align:right}
.popup_register .popup_content .bx_btn .btn_m{width:112px;border-radius:2px}
.popup_register .popup_content .bx_btn .btn_m + .btn_m{margin-left:10px}

.popup_register.sms_merge_send{height:793px}
.popup_register.sms_merge_send .popup_body{height:733px}

.popup_register .board_tbl_side{margin-top:30px}
.popup_register .board_tbl_side .txt_error{color:#f74f4f}
.popup_register .board_tbl_side input[type='text']{padding:9px 20px 9px;color:#333;font-size:15px;text-align:center;border:1px solid #d9d9d9}
.popup_register .board_tbl_side input[type='text']:disabled{border-color:#eee;background-color:#fafafa}
.popup_register .board_tbl_side .bx_input{width:100%;color:#ccc;box-sizing:border-box;bordeR:0}
.popup_register .board_tbl_side .bx_input.error{padding:0}
.popup_register .board_tbl_side .bx_input.error input{border-color:#f74f4f}
.popup_register .board_tbl_side .bx_input label{width:100%;padding:10px 20px 10px;color:rgba(51,51,51,.3);font-size:15px;line-height:normal;text-align:center}
.popup_register .board_tbl_side .bx_input input[type='text']:disabled+label{color:rgba(51,51,51,.2);z-index:1}
.popup_register .board_tbl_side.tbl_td_scroll{margin-top:0}

.popup_register .list_step1 {width:434px;margin-top:20px}
.popup_register .list_step1 li + li {margin-top:40px}
.popup_register .list_step1 strong {display:block;position:relative;padding-left:14px;font-weight:normal;font-size:14px;line-height:24px;color:#222}
.popup_register .list_step1 .btn_excel {width:auto;height:40px;padding:0 16px;margin:10px 0 0 14px;font-size:14px;line-height:39px}
.popup_register .list_step1 .btn_excel::before {display:inline-block;width:20px;height:18px;margin:10px 8px 0 0;vertical-align:top;background:url(../img/sp.png) no-repeat -540px -570px;content:""}
.popup_register .list_step1 .num {position:absolute;left:0;top:0;}
.popup_register .wrap_inp input {width:100%;height:40px;padding:0 12px;border:1px solid #dedede;background:#fff;font-weight:normal;font-size:15px;line-height:40px;color:#222;box-sizing:border-box;outline:none;text-overflow:ellipsis;white-space:nowrap}
.popup_register .wrap_inp input::placeholder {color:#333;opacity:.3}

.popup_register .attach_file {position:relative;padding-right:91px;margin:10px 0 0 14px}
.popup_register .attach_file .wrap_inp {position:relative}
.popup_register .attach_file input[type="file"] {position:absolute;left:26px;right:23px;top:6px;z-index:1;height:40px;opacity:0;cursor:pointer}
.popup_register .attach_file .btn6 {position:absolute;right:0;top:0;min-width:84px;padding:0 12px;font-weight:normal;cursor:pointer;box-sizing:border-box}
.popup_register .attach_file label.btn6 {height:40px;font-size:14px;line-height:39px}
.popup_register .attach_file input[type="file"] {position:absolute;left:0;right:0;top:0;padding:0;width:100%;height:40px;opacity:0;cursor:pointer}

.popup_register .box_review_step {position:relative;margin-top:20px;width:700px;padding:16px 0 16px 118px;background:#f8fafd;box-sizing:border-box}
.popup_register .box_review_step > strong {position:absolute;left:16px;top:16px;font-size:13px;line-height:20px;color:#222}
.popup_register .box_review_step .list_step > li + li {margin-top:24px}
.popup_register .box_review_step .list_step > li > strong {display:inline-block;font-weight:500;font-size:13px;line-height:20px;color:#222}
.popup_register .box_review_step .list_step > li > strong .txt_red {color:#f74f4f}
.popup_register .box_review_step .list_step > li .desc_noti {display:inline-block;font-size:12px;line-height:18px;color:#575757}
.popup_register .box_review_step .list_step > li .desc_noti::before {display:inline-block;width:16px;height:16px;margin:1px 2px 0 8px;background:url(../img/sp.png) no-repeat -570px -570px;vertical-align:top;content:""}
.popup_register .box_review_step .list_noti {margin-top:6px}
.popup_register .box_review_step .list_noti > li {position:relative;padding-left:6px;font-size:12px;line-height:18px;color:#575757}
.popup_register .box_review_step .list_noti > li::before {position:absolute;left:0;top:8px;width:2px;height:2px;background:#575757;content:""}
.popup_register .box_review_step .attach_file {display:inline-block;width:366px;margin-top:8px;padding-right:83px}
.popup_register .box_review_step .wrap_inp input {height:32px;font-size:13px}
.popup_register .box_review_step .attach_file label.btn6 {width:75px;min-width:auto;height:32px;padding:0;font-size:13px;line-height:30px}
.popup_register .box_review_step .attach_file input[type="file"] {height:32px}
.popup_register .box_review_step .attach_file + .btn6 {display:inline-block;width:99px;height:32px;padding:0;margin:8px 0 0 4px;font-size:13px;line-height:30px;vertical-align:top}
.popup_register .list_class_check {overflow:hidden;margin:20px 0 10px 0;font-size:13px;line-height:20px;color:#222}
.popup_register .list_class_check dt {float:left}
.popup_register .list_class_check dd {float:left;margin:0 10px 0 2px}
.popup_register .list_class_check .check {color:#ff3a46}
.popup_register .input_table_area .noti_status {position:relative}
.popup_register .input_table_area .btn_check {display:block;width:70px;height:24px;background:url(../img/badge_question.png) no-repeat 0 0;background-size:70px auto}
.popup_register .input_table_area .tooltip {display:none;position:absolute;left:50px;top:28px;z-index:1;max-width:486px;padding:8px;box-sizing:border-box;box-shadow:1px 2px 6px 0 rgba(0, 0, 0, 0.1);border:1px solid #ccc;background:#fff;text-align:left}
.popup_register .input_table_area .noti_status:hover .tooltip {display:block}
.popup_register .input_table_area .tooltip strong {float:left;margin-right:8px;font-weight:500;font-size:13px;line-height:20px;color:#222}
.popup_register .input_table_area .tooltip p {overflow:hidden;font-size:13px;line-height:20px;color:#575757}

.popup_register .cont_step3 {display:table;width:100%;height:435px}
.popup_register .cont_step3 .inner_step3 {display:table-cell;vertical-align:middle;text-align:center;color:#222}
.popup_register .cont_step3 .inner_step3 strong {display:block;font-weight:500;font-size:22px;line-height:33px}
.popup_register .cont_step3 .inner_step3 img {margin:-50px 0 23px 0}
.popup_register .cont_step3 .inner_step3 p {margin-top:10px;font-size:14px;line-height:20px}

.sms_write_wrap .btn_save_form{width:100%;height:46px;margin-top:20px;font-size:0}
.sms_write_wrap .btn_save_form .ico_plus2{margin:0 6px 0 0}
.sms_write_wrap .btn_save_form:disabled .ico_plus2{background-position:-356px -62px}
.sms_write_wrap .btn_save_form .btn_txt{display:inline-block;font-size:14px;line-height:44px;vertical-align:middle}
.sms_write_wrap .num_select_area{margin-top:20px}
.sms_write_wrap .num_select_area .tit_txt{display:inline-block;padding-right:15px;font-size:14px;color:#222;line-height:32px}
.sms_write_wrap .num_select_area .bx_dropdown{width:280px;height:32px}
.sms_write_form{margin-top:12px;border:1px solid #e0e0e0}
.sms_write_form .number_txt_area{padding:16px 22px;background-color:#f1f1f1;font-size:14px;color:#999;line-height:20px}
.sms_write_form .sms_write_area{padding:0 22px 12px}
.sms_write_form .inp_area{position:relative}
.sms_write_form .inp_area .inp_txt{height:52px;padding:0;border-bottom:1px solid #eee;font-size:14px;color:#222}
.sms_write_form .inp_area .inp_txt::placeholder{color:#999}
.sms_write_form .inp_area .ico_help{position:absolute;right:0;top:50%;z-index:1;margin-top:-9px}
.sms_write_form .bx_textarea{padding:16px 0 23px;border-bottom:1px solid #eee}
.sms_write_form .bx_textarea .textarea{overflow-y:auto;height:108px;font-size:14px;color:#222;line-height:20px}
.sms_write_form .bx_textarea .textarea::placeholder{color:#999}
.sms_write_form .tit_area{margin-top:17px;font-size:14px;font-weight:500;color:#222;line-height:20px}
.sms_write_form .merge_list .merge_item{margin-top:9px}
.sms_write_form .merge_list .merge_item:first-child{margin-top:10px}
.sms_write_form .merge_item .list_tit{display:inline-block;position:relative;padding-left:7px;margin-right:10px;font-size:12px;color:#222;line-height:34px}
.sms_write_form .merge_item .list_tit:before{position:absolute;left:0;top:50%;width:2px;height:2px;margin-top:-1px;background-color:#222;content:''}
.sms_write_form .bx_add_inp{display:inline-block;vertical-align:top}
.sms_write_form .bx_add_inp .inp_add{display:inline-block;width:226px;height:34px;padding:0 19px 0 14px;border:1px solid #dedede;border-right:0;font-size:13px;color:#222;vertical-align:top}
.sms_write_form .bx_add_inp .inp_add::placeholder{color:#999}
.sms_write_form .bx_add_inp .btn_add{width:68px;height:34px;border-color:#ccc;background-color:#f9f9f9;font-size:13px;color:#222;line-height:32px;vertical-align:top}
.sms_write_form .add_info_list{overflow-x:auto;overflow-y:hidden;padding-bottom:10px;white-space:nowrap}
.sms_write_form .add_info_list .add_info_item{display:inline-block;margin-right:10px}
.sms_write_form .add_info_list .add_info_item .btn_add{height:30px;padding:0 10px;border:1px solid #eee;line-height:30px;font-size:12px;color:#222}

.sms_merge_form{overflow-y:auto;height:496px;margin-top:12px;padding:19px 20px;border:1px solid #e0e0e0;box-sizing:border-box}
.sms_merge_form .no_data_area{height:100%;text-align:center}
.sms_merge_form .no_data_area:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.sms_merge_form .no_data_area .no_data_txt{display:inline-block;font-size:14px;color:#999;line-height:20px;vertical-align:middle}
.sms_merge_form .merge_form_list .merge_form_item{position:relative;margin-top:14px;padding-right:40px}
.sms_merge_form .merge_form_list .merge_form_item:first-child{margin-top:0}
.sms_merge_form .merge_form_list .form_tit{display:block;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.sms_merge_form .merge_form_item .btn_delete{position:absolute;top:-8px;right:-8px;padding:8px;font-size:0}
.sms_merge_form .merge_form_item .btn_delete .ico_close{width:19px;height:19px;background-position:-482px -316px}

.sms_write_wrap .sms_table_area{height:492px}
.sms_confirm_area{position:relative;height:492px;padding:22px 20px;border:1px solid #e0e0e0;box-sizing:border-box}
.sms_confirm_area .sms_send_tit{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #e0e0e0;font-size:15px;color:#999;line-height:25px}
.sms_confirm_area .sms_send_txt{overflow-y:auto;margin:0 -20px;padding:0 20px;height:362px;color:#999}
.sms_confirm_area .sms_option_area{position:absolute;left:22px;bottom:22px;font-size:0}
.sms_confirm_area .sms_option_area .bx_input_chk{vertical-align:top}
.sms_confirm_area .sms_option_area .ico_help{margin:2px 0 0 10px;vertical-align:top}
.sms_confirm_area .sms_option_area .ly_tooltip_wrap{right:0}

.sms_confirm_area_wrap.type2 .sms_confirm_area{height:401px}
.sms_confirm_area_wrap.type2 .sms_confirm_area .sms_send_txt{height:301px}
.sms_confirm_area_wrap.type2 .bx_info_send{margin-top:30px}
.sms_confirm_area_wrap.type2 .bx_info_send .area_sub_tit{margin-bottom:16px}
.sms_confirm_area_wrap.type2 .bx_info_send .sub_tit{font-size:15px;color:#333;}
.sms_confirm_area_wrap.type2 .bx_sorting .btn_select{font-size:14px;}
.sms_confirm_area_wrap.type2 .bx_info_send .bx_sorting + .bx_sorting{margin-top:16px}
.sms_confirm_area_wrap.type2 .bx_info_send .ico_help{margin:-4px 0 0 5px;width:15px;height:15px;background-position:-582px -77px}
.sms_confirm_area_wrap.type2 .num_select_area{margin-top:30px}
.sms_confirm_area_wrap.type2 .num_select_area .tit_txt{font-size:15px;font-weight:700;color:#333}
.sms_confirm_area_wrap.type2 .num_select_area .bx_dropdown{margin-top:7px;width:100%}
.sms_confirm_area_wrap.type2 .num_select_area .bx_dropdown .btn_select,
.sms_confirm_area_wrap.type2 .num_select_area .bx_dropdown .lst_select li a{color:#333;font-size:14px}
.sms_confirm_area_wrap.type2 .ly_tooltip_wrap{padding:20px;font-size:13px;color:#171717;letter-spacing:-0.4px;bottom:-106px;right:20px;}
.sms_confirm_area_wrap.type2 .tooltip_tit{display:block;margin-top:20px;font-weight:700;line-height:22px;font-size:15px;color:#222}
.sms_confirm_area_wrap.type2 .tooltip_tit:first-of-type{margin-top:0}
.sms_confirm_area_wrap.type2 .inner_tooltip{margin-top:10px}
.sms_confirm_area_wrap.type2 .inner_tooltip .desc{font-size:13px;line-height:22px;color:#222}
.sms_confirm_area_wrap.type2 .inner_tooltip .desc.point{padding-bottom:7px;font-size:13px;font-weight:700;line-height:19px}
.sms_confirm_area_wrap.type2 .inner_tooltip .ex_area{margin-top:14px}
.sms_confirm_area_wrap.type2 .inner_tooltip .ex_area .ex_tit{display:block;font-size:13px;color:#222;line-height:19px}
.sms_confirm_area_wrap.type2 .inner_tooltip .ex_area .ex_box{display:inline-block;min-width:230px;margin-top:5px;padding:10px 15px;font-size:13px;line-height:19px;letter-spacing:-.7px;border-radius:10px;background-color:#ebebeb}
.sms_confirm_area_wrap.type2 .link_blue{color:#3577f8;font-size:13px;}

.loading_bar_area{display:inline-block;position:relative;width:500px;margin:auto;padding:70px 30px;border:1px solid rgba(0, 0, 0, .1);box-shadow:0 6px 18px 0 rgba(0, 0, 0, .1);background-color:#fff;box-sizing:border-box;text-align:left;vertical-align:middle}
.loading_bar_area .loading_tit{display:block;font-size:22px;color:#171717;font-weight:500;line-height:24px;text-align:center}
.progress_bar_area{position:relative;height:41px;margin-top:31px;border:1px solid #afafaf;box-sizing:border-box}
.progress_bar_area .progress_bar{position:absolute;left:0;top:0;bottom:0;right:40%;background-color:#3577f8}
.progress_percent{margin-top:10px;text-align:right}
.progress_percent .percent_txt{font-size:19px;color:#3577f8;line-height:25px}

/* main popup */
.ly_class_invite .pop_contents{width:492px}
.ly_class_invite .pop_dsc em{display:inline-block}
.ly_class_invite .pop_info_bx{width:382px;height:344px;margin:20px auto 0;padding:84px 43px 40px 52px;background:url(../img/bg_phone.png) no-repeat;box-sizing:border-box}
.ly_class_invite .pop_info_txt{margin-bottom:14px;font-size:16px;color:#222;line-height:22px;letter-spacing:-.5px;text-align:left}
.ly_class_invite2 .pop_info_txt{font-size:15px;color:#575757;line-height:24px;letter-spacing:-.5px;text-align:left}
.ly_class_invite .pop_info_txt a{color:#3577f8}
.ly_class_invite .bx_btn .btn3, .ly_class_invite2 .bx_btn .btn3{width:180px}
.ly_class_invite2 .pop_contents{width:510px}
.ly_class_invite2 .pop_info_bx2{width:370px;margin:23px auto 0;padding:20px;border:1px solid #e9e9e9;box-sizing:border-box}
.ly_schedule_add .pop_contents{width:535px}
.ly_schedule_add .pop_date_bx{width:395px;margin:20px auto 0;border:1px solid #e9e9e9}
.ly_schedule_add .pop_date_bx li{position:relative;height:52px;padding:0 0 0 84px;border-top:1px solid #e9e9e9;text-align:left}
.ly_schedule_add .pop_date_bx li:first-child{border-top:0}
.ly_schedule_add .lst_date .tit{position:absolute;top:14px;left:15px;font-size:15px;color:#919191}
.ly_schedule_add .input_txt{width:257px;height:100%;padding:12px 16px 15px 0;font-size:16px;color:#171717}
.ly_schedule_add .tui-datetime-input{width:100%;height:100%}
.ly_schedule_add .tui-datepicker-input{border:0}
.ly_schedule_add .tui-datepicker-input .tui-datepicker_calendar{position:relative;z-index:10;margin-left:-32px}
.ly_schedule_add .bx_btn .btn_save{width:180px}
.ly_schedule_daily .pop_contents{width:218px;margin:0;padding:17px 27px 34px}
.ly_schedule_daily .pop_contents .lst_cate{overflow-y:auto;max-height:330px;margin-top:10px}
.ly_schedule_daily .lst_cate li:before{top:11px}
.ly_schedule_daily .lst_cate li a{overflow:inherit;text-overflow:inherit;white-space:normal}
.ly_schedule_daily .ly_btn_close2{top:23px;right:22px;padding:6px}
.ly_today:before{display:none}
.ly_today .pop_contents{display:block;overflow-y:auto;width:580px;max-height:700px;margin:0 auto;padding-bottom:0;border:0;box-shadow:none}
.ly_today .sub_tit{display:block;font-size:17px;color:#919191}
.ly_today .tit{display:block;margin-top:10px;padding-bottom:32px;border-bottom:1px solid #ededed;font-size:30px;color:#171717;line-height:42px}
.ly_today pre{margin:0;padding:32px 0 60px;font-family:'ns', 'Apple SD Gothic Neo', Dotum, '돋움', sans-serif;font-size:15px;color:#575757;line-height:30px;white-space:pre-wrap}
.ly_weather_info .pop_contents{width:527px;padding:0;border:0}
.ly_weather_info .area_weather{padding:35px 55px 40px}
.ly_weather_info .area_weather.good{background-color:#599eff}
.ly_weather_info .area_weather.good .ico_weather{background-position:-292px -260px}
.ly_weather_info .area_weather.normal{background-color:#1ec780}
.ly_weather_info .area_weather.normal .ico_weather{background-position:-330px -260px}
.ly_weather_info .area_weather.bad{background-color:#ffb24c}
.ly_weather_info .area_weather.bad .ico_weather{background-position:-368px -260px}
.ly_weather_info .area_weather.worst{background-color:#fc6c32}
.ly_weather_info .area_weather.worst .ico_weather{background-position:-406px -260px}
.ly_weather_info .area_weather.warning{background-color:#eb4e4b}
.ly_weather_info .area_weather.warning .ico_weather{background-position:-444px -260px}
.ly_weather_info .area_weather.not_supply{background-color:#abaeb3}
.ly_weather_info .area_weather.not_supply .ico_weather{background-position:-292px -298px}
.ly_weather_info .area_weather .date{display:block;margin-bottom:18px;font-weight:700;font-size:20px;color:#fff}
.ly_weather_info .bx_weather_info{position:relative;padding-left:57px;font-size:0}
.ly_weather_info .bx_weather_info .ico_weather{position:absolute;top:4px;left:-1px;width:36px;height:36px}
.ly_weather_info .bx_weather_info .dsc{display:block;font-size:20px;color:#fff}
.ly_weather_info .bx_weather_info .dsc.action{margin-top:12px;font-size:24px;font-weight:700;line-height:34px}
.ly_weather_info .bx_weather_info .info_source{margin-top:15px;font-size:15px;color:rgba(255,255,255,.6)}
.ly_weather_info .bx_weather_info .info_source[style*='block'] + .etc_notice{margin-top:26px}
.ly_weather_info .etc_notice{margin-top:22px}
.ly_weather_info .etc_notice .txt{display:inline-block;margin:1px 0 0;font-size:15px;color:#fff;line-height:22px;letter-spacing:0;vertical-align:top}
.ly_weather_info .etc_notice .txt.alarm{margin:-1px 6px 0 0;padding:3px 8px;border:1px solid #fff;border-radius:16px;font-size:12px;line-height:18px}
.ly_weather_info .etc_notice .max_degree:before{display:inline-block;margin:0 3px;font-size:12px;vertical-align:top;content:'/'}
.ly_weather_info .etc_notice .now_weather{margin-left:3px}
.ly_weather_info .etc_notice .now_degree .diffrent{margin-left:3px}
.ly_weather_info .etc_notice .now_degree:before{display:inline-block;width:1px;height:15px;margin:4px 7px 0;background-color:rgba(255,255,255,.5);vertical-align:top;content:''}
.ly_weather_info .etc_notice .now_degree.on{display:block;margin-top:6px}
.ly_weather_info .etc_notice .now_degree.on:before{display:none}
.ly_weather_info .area_weather:last-of-type{border:1px solid rgba(0,0,0,.1);border-top:0;border-bottom-color:#f0f0f0}
.ly_weather_info .area_weather:last-of-type .date{color:#171717}
.ly_weather_info .bx_weather_info2{position:relative;padding-left:56px;font-size:0}
.ly_weather_info .bx_weather_info2 .ico_weather{position:absolute;top:4px;left:-1px;width:36px;height:36px}
.ly_weather_info .bx_weather_info2 .ico_weather.good{background-position:-292px -222px}
.ly_weather_info .bx_weather_info2 .ico_weather.normal{background-position:-330px -222px}
.ly_weather_info .bx_weather_info2 .ico_weather.bad{background-position:-368px -222px}
.ly_weather_info .bx_weather_info2 .ico_weather.worst{background-position:-406px -222px}
.ly_weather_info .bx_weather_info2 .ico_weather.warning{background-position:-444px -222px}
.ly_weather_info .bx_weather_info2 .ico_weather.not_supply{background-position:-330px -298px}
.ly_weather_info .bx_weather_info2 .dsc{display:inline-block;font-size:18px;color:#575757;vertical-align:top}
.ly_weather_info .bx_weather_info2 .dsc .good{color:#1ec780}
.ly_weather_info .bx_weather_info2 .dsc .normal{color:#fdc35b}
.ly_weather_info .bx_weather_info2 .dsc .bad{color:#fe7f5c}
.ly_weather_info .bx_weather_info2 .dsc .worst{color:#fd5d5b}
.ly_weather_info .bx_weather_info2 .dsc .warning{color:#353745}
.ly_weather_info .bx_weather_info2 .small_dust:before{display:inline-block;width:1px;height:15px;margin:7px 9px 0;background-color:#d6d6d6;vertical-align:top;content:''}
.ly_weather_info .bx_weather_info2 .dsc.action{margin-top:5px}
.ly_weather_info .bx_weather_info2 .info_source{margin:15px 0 27px;color:#c9c9c9}
.ly_weather_info .bx_weather_info2 .etc_notice{margin-top:10px}
.ly_weather_info .bx_weather_info2 .etc_notice .txt{margin-top:0;font-size:16px;color:#707070;line-height:20px}
.ly_weather_info .bx_weather_info2 .etc_notice .alarm{margin-top:-2px;padding:2px 8px;border:1px solid #ccc;font-size:12px;color:#575757}
.ly_weather_info .bx_weather_info2 .max_degree:before{margin:0 2px;content:'~'}
.ly_weather_info .bx_weather_info2 .now_weather{margin-left:0}
.ly_weather_info .bx_weather_info2 .now_weather:after{display:inline-block;margin-right:4px;vertical-align:bottom;content:','}
.ly_weather_info .bx_weather_info2 .etc_notice .time{margin:2px 0 0 2px;font-size:12px}
.ly_weather_info .copyright{margin:0;padding:15px 0 17px;border:1px solid rgba(0,0,0,.1);border-top:0;font-size:10px;color:rgba(87,87,87,.5);line-height:16px;letter-spacing:0;text-align:center}
.ly_weather_info .ly_btn_close2{padding:32px 36px}
.ly_weather_info .ly_btn_close2 .sp{width:23px;height:22px;background-position:-510px -79px}

/* 5월 친환경 화분 증정 이벤트 */
.ly_event_info .pop_contents{width:800px;padding:0;border:0}
.ly_event_info .pop_contents .sp.arr_alert{width:8px;height:10px;margin-left:4px;background-position:-353px -24px}
.ly_event_info .top_area_event{position:relative;padding:59px 60px 52px;background-color:#fffae5;font-size:15px}
.ly_event_info .top_area_event em{font-size:15px;font-weight:700;color:#f16550}
.ly_event_info .top_area_event .evt_tit{display:block;margin-top:16px;font-size:29px;line-height:37px}
.ly_event_info .top_area_event .evt_desc{display:block;margin-top:19px}
.ly_event_info .top_area_event .btn_link{display:inline-block;position:static;width:178px;margin:23px 0 0 3px;padding:10px 0;border:1px solid #f16550;font-size:15px;color:#f16550;line-height:20px;text-align:center;box-sizing:border-box}
.ly_event_info .top_area_event .btn_link:hover{text-decoration:none}
.ly_event_info .top_area_event .btn_link .txt{vertical-align:middle}
.ly_event_info .top_area_event .bg_img{position:absolute;right:25px;bottom:-21px}
.ly_event_info .mid_area_event{padding:59px 60px 52px;font-size:15px}
.ly_event_info .mid_area_event:after{display:block;clear:both;content:''}
.ly_event_info .mid_area_event .bg_img{float:left;margin-left:-13px;right:25px;bottom:-21px;font-size:0}
.ly_event_info .mid_area_event .info_lst{float:left;width:305px;margin:-4px 0 0 35px}
.ly_event_info .mid_area_event .info_lst dt{margin-top:12px;font-size:13px;font-weight:700;line-height:20px}
.ly_event_info .mid_area_event .info_lst dt:first-child{margin-top:0}
.ly_event_info .mid_area_event .info_lst dd{font-size:13px;line-height:17px}
.ly_event_info .mid_area_event .info_lst strong{color:#f16550}
.ly_event_info .mid_area_event .info_lst a{display:inline-block;margin-top:3px;font-size:13px;color:#f16550;text-decoration:underline}
.ly_event_info .mid_area_event .info_lst dd .txt{vertical-align:top}
.ly_event_info .mid_area_event .info_lst dd .arr_alert{margin:4px 0 0 2px;vertical-align:top}
.ly_event_info .bot_area_event{position:relative;margin:0 61px;padding:41px 0 49px;border-top:1px solid rgba(151, 151, 151, 0.2)}
.ly_event_info .bot_area_event strong{padding-left:12px;font-size:11px;line-height:20px}
.ly_event_info .bot_area_event .noti_lst{margin-top:4px;padding-left:13px}
.ly_event_info .bot_area_event .noti_lst li{position:relative;padding-left:8px;font-size:12px;color:#494949;font-weight:300;line-height:21px}
.ly_event_info .bot_area_event .noti_lst li:after{position:absolute;display:block;left:0;top:50%;width:2px;height:2px;margin-top:-1px;background-color:#494949;content:''}
.ly_event_info .bot_area_event .noti_lst li em{font-weight:400}
.ly_event_info .bot_area_event .btn{position:absolute;top:125px;right:32px;width:104px;height:30px;background-color:#808080;border-color:#808080;font-size:12px;color:#fff;line-height:28px}

/* 로그인, 회원가입, 재직확인 (팝업) */
.ly_site_info .pop_contents{width:530px}
.ly_site_info .pop_dsc{letter-spacing:-0.02em}
.ly_search .pop_contents{width:532px}
.ly_search .pop_tit{margin-bottom:35px}
.ly_search .bx_input{display:block}
.ly_search .bx_input.add_btn .btn{width:120px}
.ly_search .lst_chk{overflow-y:auto;max-height:363px;border-bottom:1px solid #e0e0e0}
.ly_search .lst_chk li{position:relative;padding:25px 80px 25px 16px;border-bottom:1px solid #f2f2f2}
.ly_search .lst_chk li:last-child{border-bottom:none}
.ly_search .lst_chk li.on{background-color:#fafafa}
.ly_search .lst_chk li .address{display:block;overflow:hidden;width:280px;margin-left:37px;font-size:14px;color:#999;text-overflow:ellipsis;white-space:nowrap}
.ly_search .lst_chk li .noti {position:absolute;right:11px;top:28px;text-align:right;font-size:13px;line-height:19px;color:#8c8c8c}
.ly_search .lst_chk li .bx_input_rdo label{overflow:hidden;width:280px;padding-left:36px;text-overflow:ellipsis;white-space:nowrap}
.ly_search .lst_chk .input_rdo + label:before{margin-top:-3px}
.ly_search .lst_chk .input_rdo + label:after{margin-top:-9px}
.ly_search .bx_btn .btn{width:148px}
.ly_pw_reset .pop_contents{width:520px}
.ly_certi_number .pop_contents{width:497px}
.ly_certi_number .pop_tit{margin-bottom:24px}
.ly_certi_number .bx_input{display:block;margin-top:10px;border-color:#e1e1e1}
.ly_certi_number .bx_input:first-of-type{margin-top:0}
.ly_certi_number .bx_input.add_btn{padding-right:140px}
.ly_certi_number .bx_input.add_btn .btn{width:140px;border-color:#e1e1e1}
.ly_certi_number .bx_input + .txt_dsc{display:block;margin-top:5px;font-size:14px;color:#3577f8}
.ly_certi_number .bx_input.add_btn .dsc_notice{right:155px}
.ly_certi_number .txt_dsc .ico_check{margin:0 8px 0 4px;vertical-align:baseline}
.ly_certi_number .bx_input.error{border-color:#ff5e5e}

/* 03. 학생등록 및 관리 (팝업) */
.ly_setup_pw .no_title .pop_dsc{font-size:16px;line-height:24px}
.ly_setup_pw .bx_input{display:block;margin-top:20px}
.ly_setup_pw .bx_input .input_txt{padding-bottom:17px;font-size:15px;text-align:center}
.ly_setup_pw .bx_input .input_lbl{right:0;padding:0;font-size:15px;text-align:center}

/* 알림장 > 피드 (팝업) */
.ly_feed .pop_contents{width:522px}
.ly_feed .lst_feed{overflow-y:auto;height:289px;border-bottom:1px solid #ddd}
.ly_feed .lst_feed li{display:table;width:100%;min-height:58px;padding:11px 10px 12px;border-bottom:1px solid #f1f1f1;table-layout:fixed;box-sizing:border-box}
.ly_feed .lst_feed li:last-child{border-bottom:0}
.ly_feed .lst_feed li span{display:table-cell;vertical-align:middle}
.ly_feed .lst_feed li .txt_name,
.ly_feed .lst_feed li .txt_sub{font-size:17px;color:#171717;line-height:24px;text-align:left}
.ly_feed .lst_feed li .txt_dsc{width:45%;font-size:15px;color:#919191;text-align:right}
.ly_feed .lst_feed li .txt_dsc.txt_red{color:#ff5c5c}
.ly_feed .lst_feed li .txt_delete{font-size:17px;color:#b7b7b7;text-align:left}
.ly_feed .lst_feed.v2 li .txt_name{width:40%}
.ly_feed .lst_feed.v2 li .txt_dsc{width:43%}
.ly_feed .bx_nodata{height:289px}
.ly_feed .bx_nodata .dsc{font-size:17px;color:#171717}
.ly_feed.good .pop_contents{width:450px}
.ly_feed.receive .pop_contents{width:390px}
.ly_feed.receive .lst_feed li .txt_dsc{font-size:17px;color:#171717;text-align:center}

/* 알림장 > 작성 (팝업) */
.ly_student .pop_contents{width:570px}
.ly_student .pop_tit{margin-bottom:17px}
.ly_student .lst_tab{margin-bottom:36px}
/*.ly_student .bx_dsc_table{position:relative;padding-top:8px;text-align:left}*/
.ly_student .bx_dsc_table .dsc.txt_error{margin-top:0;font-size:14px}
.ly_student .bx_dsc_table .dsc .txt_color{color:#919191}
.bx_dsc_table .btn_student_add{font-size:14px;color:#3577f8}
.bx_dsc_table .btn_student_add .ico_plus2{margin-right:4px}
.bx_dsc_table .bx_count{position:absolute;top:8px;right:0;font-size:14px;color:#919191}
.ly_student .bx_nodata{height:490px;border:1px solid #e0e0e0;border-left:0;border-right:0}
.ly_student .bx_nodata .bx_dsc{display:inline-block;vertical-align:middle}
.ly_student .bx_nodata .btn_m{display:block;min-width:139px;height:52px;margin:23px auto 0;font-size:14px}
.ly_student .bx_nodata .btn_m .ico_plus2{margin-right:7px}
.ly_student .bx_btn{margin-top:25px}
.ly_student .area_filter{margin:-6px 0 10px;text-align:right}
.ly_student .area_filter .bx_sorting2{text-align:left}
.ly_student .area_filter .bx_sorting2 .btn_select,
.ly_student .area_filter .bx_sorting2 .lst_select{min-width:100px}
.ly_student .area_tbl_scroll{max-height:328px}
.ly_temporary_notice .pop_contents{width:570px}
.ly_temporary_notice .bx_data{position:relative;height:30px;margin-top:10px;font-size:14px;color:#919191;text-align:left}
.ly_temporary_notice .bx_data .num{display:block;padding:10px 30% 0 0}
.ly_temporary_notice .btn_all_delete{position:absolute;right:0;bottom:0;width:80px;color:#333}
.ly_temporary_notice .pop_tbl_scroll{margin-top:10px}
.ly_temporary_notice .pop_tbl_scroll thead .th{width:50%;box-sizing:border-box}
.ly_temporary_notice .link_note{display:block;font-size:14px;color:#575757}
.ly_temporary_notice .link_note:hover .note_title{text-decoration:underline}
.ly_temporary_notice .link_note .note_title{display:block;overflow:hidden;font-weight:700;font-size:17px;color:#171717;text-overflow:ellipsis;white-space:nowrap}
.ly_temporary_notice .bx_nodata{height:366px;margin-top:10px;border-top:1px solid #bfbfbf}
.ly_send_info .pop_contents{width:550px;padding:39px 40px 48px}
.ly_send_info.app .pop_contents{width:660px}
.ly_send_info .sub_tit{display:block;margin:32px 0 5px;font-size:15px;color:#171717}
.ly_send_info .sub_tit:first-of-type{margin-top:0}
.ly_send_info .dsc{font-size:13px;line-height:24px;color:#777}
.ly_send_info .dsc.customer_info{margin-top:27px}
.ly_send_info .btn_mail{font-size:13px;text-decoration:underline}
.ly_send_info .ly_btn_close{padding:18px}
.ly_send_info .ly_btn_close .sp{width:18px;height:16px;background-position:-126px -36px}
.ly_send_info .btn_invite{display:block;padding:0 20px;margin:18px auto 0;width:auto}
.ly_send_info .bx_tbl_utill{position:relative;margin-top:30px;text-align:right}
.ly_send_info .bx_tbl_utill .bx_btn_switch{display:inline-block}
.ly_send_info .bx_tbl_utill .bx_input_chk {position:absolute;left:0;top:0}
.ly_send_info .bx_tbl_utill .cate_tit {display:inline-block;font-size:13px;line-height:26px;color:#171717;vertical-align:middle}
.ly_send_info .tbl_head{margin-top:11px}
.ly_send_info .area_tbl_scroll{max-height:266px}
.ly_send_info .tbl_body td{font-size:13px;color:#222}
.ly_send_info .tbl_body .txt_status{color:#8d8d8d}
.ly_send_info .tbl_body .txt_status em{color:#ff5c5c}
.ly_pop_wrap .tbl_body .noti_status {display:inline-flex;position:relative}
.ly_pop_wrap .tbl_body .txt_noti {display:inline-block;font-size:11px;color:#8d8d8d}
.ly_pop_wrap .tbl_body .txt_noti.txt_red {color:#f74f4f}
.ly_pop_wrap .tbl_body button.txt_noti:after {display:inline-block;width:13px;height:13px;margin:3px 0 0 4px;vertical-align:top;background:url(../img/sp.png) no-repeat -520px -540px;content:""}
.ly_pop_wrap .tbl_body .tooltip {position:absolute;right:0;top:20px;z-index:1;min-width:343px;padding:15px 40px 15px 20px;box-sizing:border-box;border:1px solid rgba(0, 0, 0, 0.1);background:#fff;font-size:13px;line-height:19px;text-align:left;color:#171717;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08)}
.ly_pop_wrap .tbl_body .tooltip .btn_close {position:absolute;right:15px;top:16px;width:15px;height:15px;background:url(../img/sp.png) no-repeat -510px -560px}
.ly_pop_wrap .txt_gray {color:#8d8d8d}
.ly_pop_wrap .txt_red {color:#ff5c5c}

.ly_send_info .tbl_body .noti_status.datail {display:inline-block}
.ly_send_info .tbl_body .noti_status.datail .tooltip {min-width:212px}
.ly_send_info .tbl_body .noti_status.datail button.txt_noti:after {width:6px;height:8px;margin:5px 0 0 3px;background-position:-510px -540px}
.ly_send_info .tbl_body .noti_status.datail .txt_noti::before {position:absolute;bottom:1px;left:0;right:9px;height:1px;border-bottom:1px solid #8d8d8d;content:""}
.ly_send_info .tbl_body .noti_status.datail .tooltip {right:auto;left:0;}

.ly_send_info .bx_send {width:100%;margin-top:30px;padding:20px 0;background:#f8fafd}
.ly_send_info .bx_send + .bx_tbl_utill {margin-top:25px}
.ly_send_info .bx_send dl {font-weight:bold;font-size:14px;line-height:20px;color:#222;text-align:center}
.ly_send_info .bx_send dl dt {display:inline-block;margin-right:3px}
.ly_send_info .bx_send dl dt .txt {display:inline-block;font-weight:normal;font-size:12px;vertical-align:top}
.ly_send_info .bx_send dl dd {display:inline-block}
.ly_send_info .bx_send dl dd::after {display:inline-block;width:1px;height:16px;margin:3px 15px 0;vertical-align:top;background:#e6eaf0;content:""}
.ly_send_info .bx_send dl dd:last-of-type::after {display:none}

.ly_pop_wrap .pop_dsc3 + .tbl_head,
.ly_pop_wrap .pop_tit + .tbl_head {margin-top:30px}

.ly_send_info.check .pop_contents {min-width:auto;width:454px}
.ly_send_info.check .tbl_body td {font-size:14px;color:#575757}
.ly_send_info.check .tbl_body .txt {font-size:13px}
.ly_send_info.check .no {color:#a7a7a7}

/* 반이름 변경 팝업 */
.ly_class_edit .pop_contents{width:488px}
.ly_class_edit .b_input{margin-top:23px;padding:30px 30px 25px;border:1px solid #edeff2;background-color:#f7f9fc}
.ly_class_edit .info_lbl{display:inline-block;width:77px;min-height:48px;font-size:17px;font-weight:700;color:#222;vertical-align:top;line-height:48px}
.ly_class_edit .info_txt{display:inline-block;width:calc(100% - 77px);min-height:48px;border:1px solid #e6e8eb;background-color:#fff;box-sizing:border-box}
.ly_class_edit .bx_input{width:100%}
.ly_class_edit .bx_input .input_txt{padding:12px 20px;font-size:15px}
.ly_class_edit .bx_input label{font-size:15px;line-height:46px}

/* 4-4. 앨범 (팝업) */
.ly_album_add .pop_contents{width:610px}
.ly_album_add .bx_add{margin-top:35px}
.ly_album_add .bx_add .btn_add{font-size:12px}
.ly_album_send .pop_contents{width:452px}
.ly_album_send .bx_send{margin-top:23px;border:1px solid #e9e9e9}
.ly_album_send .bx_send .info_total{overflow:hidden;padding:0 14px;border-bottom:1px solid #e9e9e9;background-color:#f8f8f8}
.ly_album_send .bx_send .info_total dt,.ly_album_send .bx_send .info_total dd{font-size:15px;font-weight:700;line-height:50px;color:#171717}
.ly_album_send .bx_send .info_total dt{float:left}
.ly_album_send .bx_send .info_total dd{float:right}
.ly_album_send .bx_send .lst_detail{overflow:hidden;padding:7px 14px 12px}
.ly_album_send .bx_send .lst_detail li{position:relative;text-align:left}
.ly_album_send .bx_send .lst_detail li:before{position:absolute;top:50%;right:0;left:0;margin-top:-1px;border-top:2px dotted rgba(0,0,0,.15);content:''}
.ly_album_send .bx_send .lst_detail .tit,.ly_album_send .bx_send .lst_detail .count{position:relative;background-color:#fff;font-size:15px;line-height:40px;color:#171717}
.ly_album_send .bx_send .lst_detail .tit{padding-right:10px}
.ly_album_send .bx_send .lst_detail .count{position:absolute;top:0;right:0;padding-left:10px}

/* 4-4. 앨범 (팝업) > 사진 크게보기 */
.ly_album_detail{position:fixed;top:50%;left:50%;z-index:100;width:837px;height:445px;margin:-222px 0 0 -419px;background-color:#fff;box-sizing:border-box}
.ly_album_detail .bx_img{position:relative;width:607px;height:339px;background-color:#919191;font-size:0;text-align:center}
.ly_album_detail .bx_img img{display:inline-block;position:relative;z-index:1;max-width:100%;max-height:100%;vertical-align:middle}
.ly_album_detail .bx_img:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.ly_album_detail .bx_img.is_dimmed:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:rgba(0,0,0,.4);content:''}
.ly_album_detail .bx_img .bx_status{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;text-align:center}
.ly_album_detail .bx_status .bx_align{display:inline-block;vertical-align:middle}
.ly_album_detail .bx_status .progress2{display:inline-block;width:300px;height:4px;vertical-align:middle}
.ly_album_detail .bx_status .dsc.percent{display:inline-block;margin:0 0 0 7px;font-weight:700;vertical-align:middle}
.ly_album_detail .bx_status .dsc{display:block;margin-top:10px;font-size:13px;line-height:19px;color:#fff;letter-spacing:-.5px}
.ly_album_detail .bx_status .sp{width:38px;height:38px;background-position-y:-79px}
.ly_album_detail .bx_status .ico_encoding{background-position-x:-402px;animation: rotate 1s infinite}
.ly_album_detail .bx_status .ico_upload_fail{background-position-x:-279px}
.ly_album_detail .bx_status .ico_mov{width:44px;height:64px;background-position-x:-442px}
.ly_album_detail .bx_status .btn3{width:96px;margin-top:18px}
.ly_album_detail .bx_status:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.ly_album_detail .area_detail{position:absolute;top:0;right:0;width:230px;height:339px;padding:17px 18px 0;border-bottom:1px solid #f1f1f1;box-sizing:border-box}
.ly_album_detail .area_detail .tit{display:block;font-size:13px;color:#171717}
.ly_album_detail .area_detail .bx_textarea{position:relative;width:194px;height:146px;margin-top:6px;border:1px solid #e9e9e9;box-sizing:border-box}
.ly_album_detail .area_detail .bx_textarea textarea{width:100%;height:100px;padding:9px 11px;border:none;border-bottom:1px solid #e9e9e9;background:none;font-size:13px;color:#171717;line-height:20px;box-sizing:border-box;resize:none}
.ly_album_detail .area_detail .bx_textarea label{position:absolute;top:9px;left:11px;font-size:13px;color:#919191}
.ly_album_detail .area_detail .bx_textarea .bx_count{position:absolute;bottom:0;left:10px;font-size:13px;line-height:45px}
.ly_album_detail .area_detail .bx_textarea .btn_xs{position:absolute;right:10px;bottom:9px}
.ly_album_detail .area_detail .bx_textarea.is_complete{border-color:#f8f8f8;background-color:#f8f8f8}
.ly_album_detail .area_detail .bx_textarea.is_complete textarea{border:none}
.ly_album_detail .area_detail .bx_btn{position:absolute;right:18px;bottom:18px;left:18px;font-size:0}
.ly_album_detail .area_detail .bx_btn .btn{width:97px;font-size:13px;color:#171717}
.ly_album_detail .area_detail .bx_btn .btn + .btn{margin-left:-1px}
.ly_album_detail .area_thumb{position:relative;padding:20px 0}
.area_thumb .lst_thumb{overflow:hidden;width:760px;height:66px;margin:0 auto}
.area_thumb .lst_thumb:after{display:block;clear:both;content:''}
.area_thumb .lst_thumb li{float:left;margin-right:3px}
.area_thumb .lst_thumb li a{display:block;position:relative}
.area_thumb .lst_thumb .bx_img{width:92px;height:66px}
.area_thumb .lst_thumb .bx_img img{position:absolute;top:0;left:0;right:0;bottom:0;margin:0 auto}
.area_thumb .lst_thumb .bx_status{display:inline-block;position:relative;z-index:3;background-color:transparent;text-align:center;vertical-align:middle}
.area_thumb .lst_thumb .bx_status .sp{display:block;margin:0 auto;background-position-y:-40px}
.area_thumb .lst_thumb .bx_status .ico_fail{width:16px;height:16px;background-position-x:-338px}
.area_thumb .lst_thumb .bx_status .ico_mov{width:14px;height:20px;background-position-x:-356px}
.area_thumb .lst_thumb .bx_status .ico_upload_fail{width:16px;height:17px;background-position-x:-372px}
.area_thumb .lst_thumb .bx_status .ico_encoding{width:16px;height:17px;background-position-x:-390px}
.area_thumb .lst_thumb .bx_status .dsc{display:block;margin-top:3px;font-size:10px;color:#fff;letter-spacing:-.5px}
.area_thumb .lst_thumb .bx_status .progress2{width:50px;height:2px}
.area_thumb .lst_thumb .bx_count{display:none;position:relative;z-index:3;font-size:13px;line-height:66px;color:#fff;vertical-align:middle}
.area_thumb .lst_thumb li.on .bx_count{display:inline-block}
.ly_album_detail .area_thumb .btn_prev, .ly_album_detail .area_thumb .btn_next{position:absolute;top:50%;width:40px;height:66px;margin-top:-33px}
.ly_album_detail .area_thumb .btn_prev{left:0}
.ly_album_detail .area_thumb .btn_prev:after{display:inline-block;width:11px;height:11px;margin:-4px 0 0 4px;border:2px solid #818181;border-top:0;border-left:0;transform:rotate(135deg);vertical-align:middle;content:''}
.ly_album_detail .area_thumb .btn_next{right:0}
.ly_album_detail .area_thumb .btn_next:after{display:inline-block;width:11px;height:11px;margin:-4px 0 0 -8px;border:2px solid #818181;border-top:0;border-left:0;transform:rotate(-45deg);vertical-align:middle;content:''}
.ly_album_detail > .btn_prev, .ly_album_detail > .btn_next{position:absolute;top:50%;width:52px;height:52px;margin-top:-26px;border:3px solid #fff;border-radius:50%;box-sizing:border-box;box-shadow:0 0 2px 0 rgba(0,0,0,.2)}
.ly_album_detail > .btn_prev{left:-74px}
.ly_album_detail > .btn_prev:after{display:inline-block;width:13px;height:13px;margin:-4px 0 0 4px;border:3px solid #fff;border-top:0;border-left:0;transform:rotate(135deg);vertical-align:middle;content:''}
.ly_album_detail > .btn_next{right:-74px}
.ly_album_detail > .btn_next:after{display:inline-block;width:13px;height:13px;margin:-4px 0 0 -8px;border:3px solid #fff;border-top:0;border-left:0;transform:rotate(-45deg);vertical-align:middle;content:''}
.ly_album_detail > .btn_close{position:absolute;top:-44px;right:-10px;width:44px;height:44px}
.ly_album_detail > .btn_close:before{position:absolute;top:50%;left:50%;width:2px;height:28px;margin:-14px 0 0 -1px;background-color:#fff;;transform:rotate(-45deg);content:''}
.ly_album_detail > .btn_close:after{position:absolute;top:50%;left:50%;width:28px;height:2px;margin:-1px 0 0 -14px;background-color:#fff;;transform:rotate(135deg);content:''}

/* 6. 행정문서 (팝업) */
.ly_preview .pop_contents{width:auto;padding:57px 0 23px;border:0;box-shadow:none;background-color:transparent}
.ly_preview .pop_tit{overflow:hidden;width:450px;margin:0 auto 24px;font-size:22px;font-weight:700;color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.bx_preview_image{overflow:hidden;position:relative;width:450px;padding:0 130px}
.bx_preview_image .lst_image{height:638px;margin:0 auto}
.bx_preview_image .lst_image li{display:inline-block;position:relative;vertical-align:top}
.bx_preview_image .lst_image .bx_img{display:block;width:450px;height:638px;font-size:0;text-align:center}
.bx_preview_image .lst_image .bx_img:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.bx_preview_image .lst_image .bx_img img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle}
.info_moreview{position:absolute;top:50%;left:50%;margin:-115px 0 0 -115px;width:230px;height:230px;border-radius:50%;background-color:rgba(0,0,0,.5);text-align:center}
.info_moreview:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.info_moreview .extra_info{display:inline-block;font-size:16px;line-height:24px;color:#fff;vertical-align:middle}
.info_moreview .extra_info em{display:block;margin-bottom:7px;font-size:26px;font-weight:700}
.bx_preview_image .btn_prev, .bx_preview_image .btn_next{position:absolute;top:50%;margin-top:-25px}
.bx_preview_image .btn_prev{left:0}
.bx_preview_image .btn_next{right:0}
.bx_preview_image .btn_prev .sp, .bx_preview_image .btn_next .sp{display:block;width:29px;height:51px}
.bx_preview_image .btn_prev .sp{background-position:-495px -20px}
.bx_preview_image .btn_next .sp{background-position:-526px -20px}
.ly_preview .bx_count{position:relative;width:450px;margin:17px auto 0;font-size:0}
.ly_preview .bx_count span{display:inline-block;vertical-align:top}
.ly_preview .bx_count .num{font-size:22px;font-weight:700;color:rgba(255,255,255,.5)}
.ly_preview .bx_count .num.now{color:#fff}
.ly_preview .bx_count .bar{margin:3px 4px 0;font-size:19px;color:rgba(255,255,255,.5)}
.ly_preview .bx_count .btn_download{position:absolute;right:0;bottom:4px;font-size:20px;color:#fff;text-decoration:underline}
.ly_preview .btn_close{position:absolute;top:0;right:0;padding:9px}
.ly_preview .btn_close .sp{display:block;width:37px;height:37px;background-position:-456px -20px}

.ly_survey .pop_contents{width:566px}
.ly_survey2 .pop_contents{width:755px}
.ly_survey_send .pop_contents{width:auto;min-width:420px}
.ly_survey .pop_desc{margin:8px 0 25px;text-align:center}
.ly_survey .pop_desc .reply{font-size:14px;font-weight:700;color:#565656}
.ly_survey .pop_desc .desc{margin-top:2px;font-size:12px;color:#575757;letter-spacing:-0.5px}
.ly_survey .pop_sorting{margin-bottom:10px}
.ly_survey .pop_sorting:after{content:'';display:block;clear:both}
.ly_survey .pop_sorting .sort{float:left}
.ly_survey .pop_sorting .sort li{display:inline-block;letter-spacing:-0.5px}
.ly_survey .pop_sorting .sort li::before{content:'|';margin:0 8px;font-size:12px;color:#d9d9d9;vertical-align:top}
.ly_survey .pop_sorting .sort li:first-child::before{content:none}
.ly_survey .pop_sorting .sort li a{font-size:13px;color:#919191}
.ly_survey .pop_sorting .sort li.on a{font-weight:700;color:#171717}
.ly_survey .pop_sorting .count{float:right;font-size:13px;color:#919191}
.ly_survey .pop_sorting .count .num{color:#3577f8}
.ly_survey .tbl_head.type3 th{padding:8px 0 9px;background-color:#f4f4f4}
.ly_survey .area_tbl_scroll{max-height:240px}
.ly_survey .area_tbl_scroll .tbl_body tr:first-child td{border-top:0}
.ly_survey .reaction_area:after{display:block;clear:both;content:''}
.ly_survey .area_lst_filter{float:left;width:165px;margin-right:24px}
.ly_survey .bx_btn .btn_l{width:180px}
.ly_survey .bx_info_send{margin-top:30px}
.ly_survey .info_message{margin-top:30px}
.ly_survey .info_message .sub_tit{font-size:16px}
.ly_survey .info_message .lst_message_type{margin-bottom:0}
.ly_survey .info_message .lst_message_type li .num em{color:#3577f8}
.ly_survey .bx_info_send .bx_btn button{display:inline-block;width:148px;margin-top:0 !important}
.ly_survey .pop_tit_area{position:relative}
.ly_survey .pop_tit_area .bx_btn_switch{position:absolute;right:0;bottom:0;z-index:1}
.ly_survey .bx_tbl_utill{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ly_survey .bx_tbl_utill .pop_sorting{width:100%;margin-bottom:0}
.ly_survey .bx_tbl_utill .bx_btn_switch{flex-shrink:0;margin-top:1px;margin-left:16px}

/* 수신 확인 */
.ly_reception .pop_contents{width:720px}
.ly_reception .group_lst_wrap{float:left;margin-right:24px}
.ly_reception .area_tbl_scroll{max-height:367px}

/* 수신자 선택 */
.ly_survey .lst_tab li a{padding:8px 0;font-size:13px}
.ly_survey3 .pop_contents{width:1058px;padding:40px 55px 50px}
.ly_survey3 .pop_tit{font-size:20px;text-align:left}
.ly_survey3 .lst_tab.fixed_tab li{width:137px}
.ly_survey3 .bx_btn{margin-top:30px;text-align:right}
.ly_survey3 .bx_btn .btn_m{width:112px}
.ly_survey3 .bx_btn button + button{margin-left:10px}
.survey_send_area{display:flex;margin-top:12px}
.survey_send_area:after{display:block;clear:both;content:''}
.survey_send_area .bx_dropdown .person{font-size:11px}
.survey_send_area .menu_row{display:flex;justify-content:space-between;margin-bottom:10px}
.survey_send_area .menu_row .bx_row_right{margin-left:auto}
.survey_send_area .menu_row .bx_dropdown{margin-right:5px}
.survey_send_area .menu_row .btn_select{padding-right:28px}
.survey_send_area .menu_row .btn6{width:auto;height:32px;padding:0 10px;line-height:30px;vertical-align:top}
.survey_send_area .menu_row .btn6 + .btn6{margin-left:5px}
.survey_send_area .menu_row .bx_input2{margin-right:5px}
.survey_send_area .menu_row .bx_input2 .input_txt{width:130px}
.survey_send_area .menu_row .bx_input2.result .btn_search_cancel{display:inline-block}

.survey_send_area .menu_row .sp{width:15px;height:15px;margin:7px 2px 0 0;vertical-align:top}
.survey_send_area .menu_row .ico_search{background-position:-571px -103px}
.survey_send_area .menu_row .ico_cancel{background-position:-554px -103px}
.survey_send_area .left_survey_send{float:left;width:695px;margin-right:16px}
.survey_send_area .left_survey_send .area_lst_filter{width:220px;margin-right:16px}
.survey_send_area .left_survey_send .reaction_area{margin-top:10px}
.survey_send_area .left_survey_send .reaction_area .area_tbl_wrap{overflow:hidden}
.survey_send_area .left_survey_send .reaction_area .area_lst_filter .lst_filter{height:439px}
.survey_send_area .left_survey_send .reaction_area .area_tbl_scroll{max-height:392px}

.survey_send_area .ly_selected_lst_area{float:left}
.ly_selected_lst_area{position:relative;width:235px;height:525px;border:1px solid #d4d4d4;box-sizing:border-box}
.ly_selected_lst_area .selected_tit_area{height:23px;padding:10px;background-color:#f9f9f9;line-height:23px}
.ly_selected_lst_area .selected_tit{display:inline-block;font-weight:bold;font-size:13px}
.ly_selected_lst_area .selected_count{position:absolute;top:0;right:11px;font-size:11px;color:#3577f8}
.ly_selected_lst_area .selected_lst{overflow-y:auto;height:448px}
.ly_selected_lst_area .selected_item{position:relative;padding:0 40px 0 10px;line-height:34px}
.ly_selected_lst_area .selected_item .group_tit{display:block;padding:7px 0;font-size:13px;line-height:19px}
.ly_selected_lst_area .selected_item .group_tit .count_txt{display:inline-block;margin-left:3px;font-size:10px}
.ly_selected_lst_area .selected_item .btn_cancel{position:absolute;top:50%;right:11px;width:19px;height:19px;margin-top:-9.5px;background:url(../img/sp.png) -561px -77px no-repeat}

.ly_survey_share .pop_contents{width:420px}
.ly_survey_share .share_set{margin-top:30px;padding:28px 0 30px;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}
.ly_survey_share .share_set .bx_input_rdo{margin-left:25px}
.ly_survey_share .share_set .bx_input_rdo:first-child{margin-left:0}
.ly_survey_share .share_set .input_lbl{font-size:14px;color:#171717}

.ly_pop_wrap.admin_permission_request .pop_dsc{font-size:20px}
.ly_pop_wrap.admin_permission_request .pop_contents{padding:55px;width:420px}
.ly_pop_wrap.admin_permission_request .pop_contents>*{width:100%}
.ly_pop_wrap.admin_lst_staff .bx_btn{margin-top:32px}
.ly_pop_wrap.admin_lst_staff .pop_contents{width:528px;padding:55px}
.ly_pop_wrap.admin_lst_staff .tbl_type{margin-top:27px;border-bottom-color:#e0e0e0}
.ly_pop_wrap.admin_lst_staff .area_tbl_scroll{height:246px;border:none}
.ly_pop_wrap.admin_lst_staff .tbl_type td,.ly_pop_wrap.admin_lst_staff .tbl_type th{font-size:14px;color:#575757;text-align:center}
.ly_pop_wrap.admin_lst_staff .tbl_type th{border-bottom:1px solid #bfbfbf;color:#8d8d8d;font-size:13px;border-top:none}
.ly_pop_wrap.admin_lst_staff .input_chk+label:after{top:-1px;left:5px}
.ly_pop_wrap.admin_lst_staff .btn_register_faculty{border:none;width:112px;letter-spacing:.7px;margin-top:2px}
.ly_pop_wrap.admin_lst_staff .btn_register_faculty .sp{background-position:-126px -24px;width:9px;height:9px;margin-right:2px}

/* 수신자 수신자 확인 및 재전송 팝업 */
.ly_survey4 .pop_contents{width:1055px;padding:55px}
.ly_survey4 .survey_send_area .left_survey_send {width:686px;margin-right:25px}
.ly_survey4 .ly_selected_lst_area {width:235px;height:450px}
.ly_survey4 .survey_send_area .menu_row .btn_tell {width:116px}
.ly_survey4 .survey_send_area .left_survey_send .area_lst_filter {width:198px}
.ly_survey4 .survey_send_area .left_survey_send .reaction_area .area_lst_filter .lst_filter {height:234px}
.ly_survey4 .survey_send_area .left_survey_send .reaction_area .area_tbl_scroll {height:245px}

.ly_survey4 .area_lst_filter .lst_filter {padding:0}
.ly_survey4 .area_lst_filter .lst_filter > li > .btn_view{left:9px}
.ly_survey4 .area_lst_filter .lst_filter > li {padding:0 12px 0 33px;border-top:1px solid #eee}
.ly_survey4 .area_lst_filter .lst_sub_filter{padding-left:0}
.ly_survey4 .area_lst_filter .lst_sub_filter > li{position:relative;padding-left:21px;border-top:1px solid #eee}
.ly_survey4 .lst_depth3_filter{display:none;padding-bottom:8px}
.ly_survey4 .area_lst_filter .lst_sub_filter li.is_open .bx_input_chk + .lst_depth3_filter{display:block}
.ly_survey4 .lst_depth3_filter li {padding-left:20px}
.ly_survey4 .area_lst_filter .lst_depth3_filter .bx_input_chk{padding:4px 0}
.ly_survey4 .area_tbl_scroll .tbl_body tr td{font-size: 11px}

.ly_survey .box_survey_send {width:100%;padding:20px 0;background:#f8fafd}
.ly_survey .box_survey_send dl {font-weight:bold;font-size:14px;line-height:20px;color:#222;text-align:center}
.ly_survey .box_survey_send dl dt {display:inline-block;margin-right:3px}
.ly_survey .box_survey_send dl dd {display:inline-block}
.ly_survey .box_survey_send dl dd::after {display:inline-block;width:1px;height:16px;margin:3px 15px 0;vertical-align:top;background:#e6eaf0;content:""}
.ly_survey .box_survey_send dl dd:last-of-type::after {display:none}
.ly_survey4 .txt_confirm {color:#3577f8}
.ly_survey4 .txt_unidentified {color:#777}
.ly_pop_wrap.ly_survey4 .tbl_body td .txt_failure,
.ly_pop_wrap.ly_survey4 .txt_failure {color:#ff4a54}
.ly_survey .tit_search {margin-right:10px;font-weight:normal;font-size:13px;line-height:19px;color:#222}
.ly_survey .result_search {overflow:hidden;margin:20px 0 13px;font-weight:bold;font-size:14px;line-height:26px}
.ly_survey .result_search dt {float:left}
.ly_survey .result_search dd {float:left}
.ly_survey .result_search dd .txt_point {color:#3577f8}
.ly_survey .result_search dd .btn_xs {width:auto;height:26px;margin-left:10px;padding:6px 15px;line-height:12px}
.ly_survey .btn_add {width:50px;height:30px;border:1px solid #e0e0e0;color:#333}
.ly_survey .btn_add:disabled, .ly_survey .btn_add.disabled {border-color:#e9e9e9;bckground-color:#fcfcfc;color:#b7b7b7}


.ly_survey4.ly_pop_wrap .tbl_head th {border-bottom-color:#eee; white-space: nowrap}
.ly_survey4.ly_pop_wrap .tbl_body td {border-color:#eee}
.ly_survey4 .ly_selected_lst_area .area_tbl_scroll {max-height:365px;border-bottom:0}
.ly_survey4 .ly_selected_lst_area .area_tbl_scroll .tbl_body td {padding:7px 0;font-size:13px;border:0}
.ly_survey4 .btn_cancel{display:block;width:19px;height:19px;margin:0 auto;background:url(../img/sp.png) -561px -77px no-repeat}

.ly_survey4 .bx_btn{margin-top:30px;text-align:right}
.ly_survey4 .bx_btn .btn_m{width:112px}
.ly_survey4 .bx_btn button + button{margin-left:10px}

.ly_survey4 .no_data {padding-top:110px;box-sizing:border-box;font-size:13px;line-height:19px;color:#8d8d8d;text-align:center}
.ly_survey4 .ly_selected_lst_area .no_data {padding-top:166px}

/* 수신자 수신자 확인 및 재전송 팝업_설문수신확인 */
.ly_survey4 .survey_send_area .menu_row .bx_dropdown:first-of-type .btn_tell {width:106px}
.ly_survey4 .survey_send_area .menu_row .bx_input2 .input_txt {width:145px}
.ly_survey4 .survey_send_area .menu_row.type2 .bx_input2 .input_txt{width:76px}
.ly_survey4 .survey_send_area .txt_del {display:block;font-size:11px;line-height:18px;color:#ff4a54}

/* 게시판 > 수신확인 팝업 */
.ly_feed.check .pop_contents{height:474px}
.ly_feed.check .pop_contents{width:500px}
.ly_feed.check2 .pop_contents{width:596px}
.ly_feed.check .contents_inner{margin-top:40px}
.ly_feed.check .contents_inner:after{content:'';display:block;clear:both}
.ly_feed.check .lst_feed{height:245px;margin-top:5px}
.ly_feed.check .lst_feed li{height:49px;min-height:auto}
.ly_feed.check .pop_tit_area{position:relative;text-align:center}
.ly_feed.check .pop_tit_area .bx_btn_switch{position:absolute;right:0;bottom:-30px}
.ly_feed .grade_lst_area{float:left;width:131px;height:299px;margin-right:13px;border:1px solid #ccc;box-sizing:border-box;font-size:14px}
.ly_feed .grade_all{display:block;height:48px;padding-left:20px;border-bottom:1px solid #f5f5f5;font-size:15px;line-height:48px;box-sizing:border-box}
.ly_feed .grade_lst{overflow-y:auto;height:243px;margin-top:5px;box-sizing:border-box}
.ly_feed .grade_lst_area a{display:block;color:#575757}
.ly_feed .grade_lst_area a.on{color:#3577f8}
.ly_feed .grade_lst_area a:hover{background-color:#fafafa}
.ly_feed .grade_lst .grade{display:block;height:35px;padding-left:20px;line-height:35px}
.ly_feed .grade_lst_sub li a{padding-left:29px;line-height:32px}
.ly_feed.check2 .pop_lst_area{float:left;width:340px}
.lst_feed li .send_method{width:17%;font-size:13px}
.lst_feed li .send_method.letter{color:#919191}
.ly_feed.check .lst_feed li .txt_name{font-size:15px}
.ly_feed.check .lst_feed li .txt_dsc{font-size:13px}
/* 게시판 > 단순회신추가 팝업 */
.ly_reply .pop_contents{width:561px}
.ly_reply .pop_dsc{margin-bottom:30px;letter-spacing:-1px}
.ly_reply .pop_dsc .txt_color{text-decoration:underline}
.ly_reply .lst_chk{overflow-y:auto;max-height:363px;padding:28px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}
.ly_reply .lst_chk li{position:relative;margin-top:38px}
.ly_reply .lst_chk li:first-child{margin-top:0}
.ly_reply .lst_chk li .rdo_info{display:block;margin-left:33px;font-size:14px;color:#919191;line-height:22px;letter-spacing:-1px}
.ly_reply .lst_chk li .bx_input_rdo label{padding-left:32px;color:#333}
.ly_reply .lst_chk .input_rdo + label:before{margin-top:-3px}
.ly_reply .lst_chk .input_rdo + label:after{margin-top:-8px}
/* 게시판 > 단순회신추가 팝업2 */
.ly_reply.sub_survey{margin:0;padding-bottom:0}
.ly_reply.sub_survey .pop_contents{width:704px}
.ly_reply.sub_survey .q_input{padding:30px}
/* 게시판 > 게시판 편집 팝업*/
.ly_board_edit .pop_dsc5{margin-top:5px}
.ly_board_edit .b_input{margin-top:23px;padding:20px 30px 29px;border:1px solid #edeff2;background-color:#f7f9fc}
.ly_board_edit .b_input.type_sm{margin-top:30px;padding-bottom:25px}
.ly_board_edit .pop_contents{width:570px}
.ly_board_edit .b_input .ex{margin-top:10px}
.ly_board_edit .b_input .ex_pass{padding-left:112px}
.ly_board_edit .info_lbl{display:inline-block;width:112px;min-height:48px;font-size:17px;font-weight:700;color:#222;vertical-align:top;line-height:48px}
.ly_board_edit .info_txt{display:inline-block;width:calc(100% - 112px);min-height:48px;border:1px solid #e6e8eb;background-color:#fff;box-sizing:border-box}
.ly_board_edit .bx_input{width:100%}
.ly_board_edit .bx_input.error{padding:0}
.ly_board_edit .bx_input .input_txt{padding:12px 20px;font-size:15px}
.ly_board_edit .bx_input label{font-size:15px;line-height:46px}
.ly_board_edit .rdo_bx{display:inline-block;width:calc(100% - 112px);margin-top:15px}
.ly_board_edit .bx_input_rdo{margin-left:17px}
.ly_board_edit .bx_input_rdo .input_lbl{font-size:14px}
.ly_board_edit .bx_input_rdo:first-child{margin-left:0}
.ly_board_edit .ex_pass .info_txt{width:100%}
.ly_board_edit .ex_pass .txt_color{margin-top:10px;font-size:12px;line-height:19px}
.ly_board_edit .bx_input_chk{margin-top:6px}
.ly_board_edit .bx_input_chk label{font-size:14px}
.ly_board_edit .inp_check.type + label .ico_check{margin-right:6px;vertical-align:-3px}
/* 관리자 팝업 > 게시판편집, 다운로드 암호 설정 : 인풋 목록 개선 */
.ly_board_edit .lst_input>li{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:46px;padding-left:130px}
.ly_board_edit .lst_input .info_lbl{position:absolute;top:0;left:0;width:auto;min-width:130px;line-height:46px}
.ly_board_edit .lst_input .info_txt{min-height:auto}
.ly_board_edit .lst_input .bx_input .input_txt{padding-left:14px;padding-right:14px}
.ly_board_edit .lst_input .bx_input label{padding-left:14px;font-size:13px}
.ly_board_edit .lst_input .rdo_bx{width:100%;margin-top:0;}
.ly_board_edit .lst_input .input_rdo + label:after{margin-top:-9px}
.ly_board_edit .lst_input .info_txt{width:100%}
.ly_board_edit .lst_input .ex_txt+.ex_txt{margin-top:16px}
.ly_board_edit .lst_input .ex_rdo+.ex_txt{margin-top:4px}
.ly_board_edit .lst_input_sm>li{display:flex;align-items:center;padding-top:7px;padding-bottom:7px}
.ly_board_edit .lst_input_sm .info_lbl{flex-shrink:0;align-self:flex-start;min-width:70px;width:auto;padding-right:16px;font-size:15px;line-height:32px;min-height:auto}
.ly_board_edit .lst_input_sm .txt_error{color:#f74f4f;font-size:13px}
.ly_board_edit .lst_input_sm .info_txt_sm,
.ly_board_edit .lst_input_sm .bx_input2,
.ly_board_edit .lst_input_sm .bx_input2 .input_txt{width:100%}
.ly_board_edit .lst_input_sm .bx_input2.error .input_txt{border-color:#f74f4f}
.ly_board_edit .lst_input_sm .bx_input_rdo .input_lbl{font-size:13px}
.ly_board_edit .lst_input_sm .bx_input_rdo:first-of-type{margin-left:0}
/* 관리자 팝업 > 다운로드 암호 설정 */
.ly_board_edit.ly_secret_code .b_input{margin-top:30px;padding-top:15px}

/* 게시판 > 설문조사 결과 원형그래프 */
.ly_board_survey .pop_contents{width:624px}
.ly_board_survey .pop_dsc{font-weight:700}
.ly_board_survey .q_list{padding:0;border:none}
.ly_board_survey .q_list img{width:100%}
/* 게시판 > 설문조사 결과 막대그래프  */
.ly_board_survey2 .pop_contents{width:807px}
/* 게시판 > 설문조사 결과 리스트 */
.ly_board_survey3 .pop_contents{width:719px}
.ly_board_survey3 .q_list .a_txt.lst{width:100%;max-height:374px}
.ly_board_survey3 .q_list .a_txt.lst li{min-height:43px;padding:11px 25px;font-size:13px}

.ly_afterschool_write .pop_contents{width:1022px}
.ly_afterschool_write .lst_write_method{display:flex;margin-top:35px;font-size:0;text-align:center}
.ly_afterschool_write .lst_write_method li{display:inline-block;width:100%;margin-left:14px;padding:57px 0 52px;border:1px solid #e1e1e1;box-sizing:border-box}
.ly_afterschool_write .lst_write_method li:first-child{margin-left:0}
.ly_afterschool_write .img_area{display:block;text-align:center}
.ly_afterschool_write .tit_method{display:block;margin-top:16px;font-size:17px;color:#171717;line-height:25px}
.ly_afterschool_write .txt_method{display:block;margin-top:6px;font-size:14px;color:#8b8b8b;line-height:20px}
.ly_afterschool_write .bx_btn_write{margin-top:40px}
.ly_afterschool_write .lst_write_method li:last-of-type {padding:51px 0 52px }
.ly_afterschool_write .lst_write_method li:last-of-type .bx_btn_write {margin-top:20px}
.ly_afterschool_write .bx_btn_write button{width:84px;height:36px;line-height:34px}
.ly_afterschool_write .bx_btn_write .btn{color:#212121;border-color:#e1e1e1}
.ly_afterschool_write .bx_btn_write button + button{margin-left:8px}

/* 선추첨 대상자 */
.ly_afterschool_lottery .pop_contents {width:auto}
.ly_afterschool_lottery .survey_send_area .left_survey_send .reaction_area {margin-top:0}
.ly_afterschool_lottery .survey_send_area .left_survey_send .area_lst_filter{width:198px;height:493px}
.ly_afterschool_lottery .survey_send_area .left_survey_send .reaction_area .area_lst_filter .lst_filter {height:451px}

.ly_afterschool_lottery .survey_send_area .menu_row .bx_dropdown {margin-right:10px}
.ly_afterschool_lottery .bx_dropdown.type2 .btn_select {min-width:155px}
.ly_afterschool_lottery .survey_send_area .menu_row .bx_input2 .input_txt {width:150px}
.ly_afterschool_lottery .ly_selected_lst_area .area_tbl_scroll {max-height:414px}
.ly_afterschool_lottery .survey_send_area .left_survey_send .reaction_area .area_tbl_scroll {height:412px;max-height:none}
.ly_afterschool_lottery .tbl_head.type3 th {padding:10px 0;font-size:13px;background:#fff}
.ly_afterschool_lottery .tbl_body td {padding:20px 0;font-size:13px;color:#575757;border-bottom:1px solid #e0e0e0}

.ly_afterschool_lottery .ly_selected_lst_area {height:495px}
.ly_afterschool_lottery .ly_selected_lst_area .selected_lst {height:454px}

.ly_afterschool_lottery .box_noti {min-width:560px;margin-top:20px;padding:16px;background:#f8fafd;box-sizing:border-box}
.ly_afterschool_lottery .desc_noti  {position:relative;padding-left:20px;font-size:13px;line-height:20px;color:#222;letter-spacing:-.3px}
.ly_afterschool_lottery .desc_noti::before {position:absolute;left:0;top:3px;width:16px;height:16px;background:url(../img/sp.png) no-repeat -500px -580px;content:""}
.ly_afterschool_lottery .area_tbl_lottery {width:560px;height:308px;margin-top:10px}
.ly_afterschool_lottery .area_tbl_lottery .tbl_head th {font-size:13px;color:#222;border-top-color:#d4d4d4;border-bottom-color:#eee}
.ly_afterschool_lottery .area_tbl_lottery .tbl_body td {padding:16px 0}
.ly_afterschool_lottery .area_tbl_lottery .tbl_body td input {width:80px;height:32px;border:1px solid #ccc;font-size:13px;color:#575757;text-align:center}
.ly_afterschool_lottery .area_tbl_lottery .tbl_body td input.invalid {border-color:#ff3a46}
.ly_afterschool_lottery input[type='number']::-webkit-inner-spin-button,
.ly_afterschool_lottery input[type='number']::-webkit-outer-spin-button {-webkit-appearance:none;-moz-appearance:none;appearance:none}
.ly_afterschool_lottery input[type='number'] {-moz-appearance:textfield}
.ly_afterschool_lottery .area_tbl_scroll {max-height:none;height:267px;border-bottom-color:#d4d4d4}

.ly_afterschool_lottery .btn_xs {font-size:13px}
.ly_afterschool_lottery .btn_add_lottery {width:auto;margin-top:16px;padding:0 16px;font-size:14px}
.ly_afterschool_lottery .btn_add_lottery::before {display:inline-block;width:10px;height:10px;margin:14px 6px 0 0;vertical-align:top;background:url(../img/sp.png) no-repeat -520px -580px;content:""}

.ly_afterschool_lottery .no_data {padding:87px 0;font-size:13px;line-height:20px;text-align:center}

.ly_afterschool_lottery .tit_lottery {margin-top:30px}
.ly_afterschool_lottery .tit_lottery::after {display:block;clear:both;content:""}
.ly_afterschool_lottery .tit_lottery .tit {display:inline-block;font-size:18px;line-height:30px}
.ly_afterschool_lottery .tit_lottery .txt_day {display:inline-block;margin-left:8px;font-size:15px;line-height:22px}
.ly_afterschool_lottery .box_noti.detail .desc_noti::before {top:8px}
.ly_afterschool_lottery .bx_btn_switch {float:right;margin-top:5px}
.ly_afterschool_lottery .box_noti .box_excel {display:inline-block;width:auto;height:32px;margin:0  5px;padding:0 11px;font-size:11px;line-height:30px;color:#171717;background:#fff;border:1px solid #ccc;box-sizing:border-box;vertical-align:middle}
.ly_afterschool_lottery .box_noti .box_excel::before {display:inline-block;width:16px;height:14px;margin:8px 3px 0 0;background:url(../img/sp.png) no-repeat -280px -500px;vertical-align:top;content:""}
.ly_afterschool_lottery .area_tbl_lottery.detail {width:660px;margin-top:10px}
.ly_afterschool_lottery .area_tbl_lottery.detail .personnel {background:#f3f9fe}
.ly_afterschool_lottery .area_tbl_lottery.detail .spare {background:#fffbee}
.ly_afterschool_lottery .area_tbl_lottery.detail .out {background:#f7f7f7}

/* 설문 > 설문지 작성하기 */
.ly_survey_write .pop_contents{width:804px}
.ly_survey_write .desc_noti{padding-top:16px;font-size:13px;line-height:22px;color:#575757}
.writing_form_area{padding-bottom:9px}
.lst_writing_form{margin:25px 0 0 -10px;font-size:0}
.lst_writing_form .form_item{position:relative;display:inline-block;width:33.33%;padding:10px 0 0 10px;box-sizing:border-box}
.lst_writing_form .form_item .txt_item{display:inline-block;overflow:hidden;max-height:42px;line-height:21px;vertical-align:middle}
.lst_writing_form .form_item a{display:block;position:relative;padding:0 36px 0 16px;height:58px;border:1px solid #e0e0e0;font-size:15px;color:#222;line-height:56px}
.lst_writing_form .form_item a:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:''}
.lst_writing_form .form_item.on a{height:56px;padding:0 35px 0 15px;border-color:#3577f8;border-width:2px;color:#3577f8;line-height:55px}
.lst_writing_form .form_item.on a:after{position:absolute;right:16px;top:50%;width:21px;height:16px;margin-top:-8px;background:url(../img/sp.png);background-position:-536px -222px;content:''}
.lst_writing_form .form_item .ico_recomm {position:absolute;right:-8px;top:2px;width:40px;height:22px;background-position:-480px -510px}
.temporary_lst_area{margin-top:31px}
.temporary_lst_area .tbl_lst.scroll{overflow-y:auto;max-height:139px}
.tbl_tit_area{margin-bottom:9px}
.tbl_tit_area .tit_txt{font-size:16px;font-weight:700}
.tbl_lst{border:2px solid #cbcbcb;border-width:2px 0;font-size:0}
.tbl_lst table{font-size:0}
.tbl_lst tbody tr{border-top:1px solid #f1f1f1;box-sizing:border-box}
.tbl_lst tbody tr:first-child{border-top:0}
.tbl_lst tbody td{padding:12px 0;text-align:center}
.tbl_lst tbody .tit_txt{display:block;font-size:16px;text-align:left;line-height:22px}
.tbl_lst tbody .date_txt{display:block;font-size:13px;text-align:left;line-height:22px}
.tbl_lst tbody .btn_delete{width:68px;height:30px;color:#222;line-height:28px}

/* 웨일 스페이스 연동 추가 */
.member .logo_edu{display:block;width:122px;height:22px;margin:0 auto 40px;background:url(../img/sp.png) no-repeat -380px -550px}
.sub_login .bx_btn .btn.btn_walespace{position:relative;margin-top:30px;border-color:#193a97;background-color:#193a97;color:#fff}
.btn_walespace::before {position:absolute;left:23px;top:18px;width:32px;height:26px;background:url(../img/sp.png) no-repeat -340px -530px;content:""}
.member .inp_switch input+.toggle .lbl::before {display:inline-block;width:25px;height:20px;margin:4px 5px 0 0;background:url(../img/sp.png) no-repeat -340px -560px;vertical-align:top;content:""}
.member .noti_pw {margin-top:4px;font-size:12px;line-height:19px;color:#3577f8}

/* 수강신청 미리보기 팝업 */
.ly_form_afterschool .pop_contents{width:850px;padding:0 0 45px}
.ly_form_afterschool.form_parent .pop_contents{width:566px}
.ly_form_afterschool .pop_contents .form_header{padding:0 77px;background-color:#3577f8}
.ly_form_afterschool .form_logo{display:inline-block;padding:12px 0;font-size:0}
.ly_form_afterschool .form_logo a{width:96px;height:16px;background:url(../img/sp.png) no-repeat -110px -408px}
.ly_form_afterschool.form_parent .form_logo a{width:98px;background-position:-110px -408px}
.ly_form_afterschool .form_btn_area{position:relative;padding:0 77px;border-bottom:1px solid rgba(0,0,0,0.1);font-size:0}
.ly_form_afterschool .form_btn_area .btn_write{position:absolute;right:77px;top:0;font-size:13px;color:#3577f8;text-decoration:underline;line-height:50px}
.ly_form_afterschool .form_btn_area .btn_write:after{display:inline-block;width:8px;height:10px;margin-left:3px;background:url(../img/sp.png) no-repeat;background-position:-526px 0;content:''}
.ly_form_afterschool .form_type_area li{display:inline-block;position:relative;margin-right:40px}
.ly_form_afterschool .form_type_area li:last-child{margin-right:0}
.ly_form_afterschool .form_type_area li a{display:block;height:50px;font-size:16px;color:#171717;font-weight:700;line-height:47px}
.ly_form_afterschool .form_type_area li.on:after{position:absolute;left:0;bottom:0;right:0;height:3px;background-color:#3577f8;content:''}
.ly_form_afterschool .form_type_area li.on a{color:#3577f8;font-weight:700}
.ly_form_afterschool.form_parent .form_type_area li.on:after{background-color:#3577f8}
.ly_form_afterschool.form_parent .form_type_area li.on a{color:#3577f8}
.ly_form_afterschool .view_noti_area{padding:7px 74px 13px;background-color:rgba(255,92,92,0.08)}
.ly_form_afterschool .view_noti_area .ico_noti{width:14px;height:14px;margin-top:3px;background-position:-510px 0;vertical-align:middle}
.ly_form_afterschool .view_noti_area .txt{display:inline-block;font-size:13px;color:#ff5c5c;vertical-align:middle}
.ly_form_afterschool .view_form_area{margin-top:40px;padding:0 77px}
.ly_form_afterschool.form_parent .view_form_area{margin-top:50px}
.ly_form_afterschool .view_form_area .iframe_inner{position:relative}
.ly_form_afterschool .view_form_area .not_click_area{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(255,255,255,0);content:'';z-index:5}
.ly_form_afterschool .view_form_area .tit{margin-bottom:14px;font-size:28px;font-weight:700;color:#171717}
/* 학부모 응답화면 내부 */
.ly_form_afterschool .mob_header,.ly_form_afterschool .mob_footer{display:block;font-size:0}
.ly_form_afterschool .mob_header img,.ly_form_afterschool .mob_footer img{width:100%}
.ly_form_afterschool .mob_body{position:relative;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;box-sizing:border-box}

/* 방과후학교 시범운영 안내 팝업 */
.ly_afterschool_alert .pop_contents{width:420px;padding:55px 50px}

/* 문자 팝업  */
.sms_popup .pop_contents.type2{padding:26px 30px 22px;width:292px}
.sms_popup .pop_contents.type2 .ly_btn_close{top:18px;right:20px;padding:10px}
.sms_popup .pop_contents.type2 .ly_btn_close .sp{background-size:469px;background-position:-139px -12px;width:18px;height:18px}
.sms_popup .pop_contents.type2 .calendar_body{margin:5px -12px 0}
.sms_popup .calendar_header{font-size:0}
.sms_popup .calendar_next_month,.sms_popup .calendar_prev_month{display:inline-block;position:relative;width:22px;height:22px;border:1px solid #e9e9e9;background:#fff;overflow:hidden;line-height:400px;z-index:10}
.sms_popup .calendar_prev_month:after{content:'';width:7px;height:12px;background-image:url(../img/sp.png);background-position:-27px 0;display:inline-block;position:absolute;top:6px;left:6px}
.sms_popup .calendar_next_month:after{content:'';width:7px;height:12px;background-image:url(../img/sp.png);background-position:-38px 0;display:inline-block;position:absolute;top:6px;right:7px}
.sms_popup .calendar_header em{color:#171717;font-size:14px;font-weight:700;float:left;margin-right:6px;line-height:24px}
.sms_popup .calendar_body{border:none}
.sms_popup .calendar_body th{font-size:12px;font-weight:700;color:#919191;text-align:center;padding:10px 0}
.sms_popup .calendar_body td{color:#171717;font-weight:700;line-height:2.74;font-size:12px;border-top:none;padding:0;position:relative;z-index:2}
.sms_popup .calendar_body td.on{color:#fff}
.sms_popup .calendar_body td span{position:relative;z-index:2}
.sms_popup .calendar_body td.on:after{content:'';position:absolute;display:block;width:28px;height:28px;color:#fff;background-color:#3577f8;top:2px;left:5px;z-index:1;border-radius:50%}
.sms_popup .calendar_body .month_outcast{color:#919191}
.sms_popup .pop_contents.type3{width:660px}
.sms_popup .pop_contents.type3 .bx_btn{margin-top:30px;padding-top:40px;border-top:1px solid #e7e7e7}
.sms_popup .pop_contents.type3 .pop_tit{letter-spacing:-.6px;line-height:1.25}
.sms_popup .pop_contents.type3 .pop_dsc{color:#575757;line-height:1.5}
.sms_popup .sms_bill_management .billing_detail{padding-top:26px;margin-top:30px;border-top:1px solid #e7e7e7}
.ly_pop_wrap.sms_confirm .pop_contents{width:416px;padding:54px}
.block-with-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.sms_pop.h_439 .survey_send_area .left_survey_send .reaction_area .area_lst_filter .lst_filter{height:356px}
.sms_pop.h_439 .survey_send_area .left_survey_send .reaction_area .area_tbl_scroll{max-height:312px}
.sms_pop.h_439 .ly_selected_lst_area{height:439px}
.sms_pop.h_439 .ly_selected_lst_area .selected_lst{height:398px}
.sms_pop .ly_selected_lst_area .selected_tit_area{border-bottom:1px solid #eee}
.sms_pop.ly_survey .pop_tit_area .btn_excel{float:right;margin:-18px 0 8px;width:auto;height:auto;padding:5px 13px 7px 14px;font-size:12px;color:#171717;line-height:22px}
.sms_pop.ly_survey .tbl_head.type3 th{font-size:13px;color:#222;font-weight:400}
.sms_pop.ly_survey .tbl_body td{padding:19px 0 22px;font-size:13px}

.sms_receipt .pop_contents{padding:54px;width:660px}
.sms_receipt .pop_contents .tbl_head{margin-top:31px}
.sms_receipt .pop_contents th,.sms_receipt .pop_contents td{padding:10px}
.sms_receipt .pop_contents th:last-child,.sms_receipt .pop_contents td:last-child{text-align:right}
.sms_receipt .area_tbl_scroll{overflow:visible}
.sms_receipt .area_tbl_scroll .bar{display:inline-block;width:1px;height:14px;margin:0 7px;background-color:#dedede}
.sms_receipt .area_tbl_scroll .pay_method,.sms_receipt .area_tbl_scroll .bar,.sms_receipt .area_tbl_scroll .bank_tit{vertical-align:middle}
.sms_receipt .pop_contents .bx_btn{margin-top:35px;padding-top:40px;border-top:1px solid #bfbfbf}
.sms_receipt .total_bill{padding-right:10px;margin-top:10px;text-align:right}
.sms_receipt .total_bill em{font-size:17px;color:#171717}
.sms_receipt .total_bill .price{color:#3577f8}
.sms_receipt .sign_area{margin-top:34px;text-align:center;font-size:0}
.sms_receipt .sign_area .sign_txt{display:inline-block;font-size:17px;line-height:21px;vertical-align:middle}
.sms_receipt .sign_area .img_sign{display:inline-block;vertical-align:middle}

.ly_pop_wrap.sms_character_priview .pop_contents{width:492px;padding:54px}
.ly_pop_wrap.sms_character_priview .pop_contents .pop_info_bx{margin-top:30px}
.sms_mobile.sms_mobile3{height:auto;min-height:auto;border-bottom-left-radius:0;border-bottom-right-radius:0}
.sms_mobile.sms_mobile3 .sms_mobile_body{height:220px;padding:22px 27px 20px 28px}
.sms_mobile.sms_mobile3 .sms_mobile_body .sms_privew_content{overflow:auto;height:220px;font-weight:300}
.sms_mobile.sms_mobile3 .sms_mobile_body .sms_priview{color:#222;font-weight:300;font-size:16px;line-height:1.63}
.sms_mobile.sms_mobile3 .sms_mobile_body .sms_priview.content{margin-top:3px}
.sms_mobile.sms_mobile3 .sms_mobile_footer .dsc{padding:10px 0 27px 0;color:#8a98a9;font-size:13px}

/* 8. 학생관리 권한 팝업 */
.ly_class_approval .dsc_img{display:inline-block;padding:8px 0 7px}
.ly_class_approval .dsc_img img{vertical-align:top}

/* 메시지 수신불가 팝업 */
.ly_class_invite .pop_contents.type2{width:454px;padding:45px 50px 50px}
.ly_class_invite .type2 .pop_tit{color:#171717;font-size:20px}
.ly_class_invite .type2 .pop_dsc5{margin-top:9px}
.ly_pop_wrap.type2 .lst_tab{display:flex;margin-top:20px;max-width:912px}
.ly_pop_wrap.type2 .lst_tab li a{padding:8px 0 10px;font-size:13px;color:#222;opacity:0.2}
.ly_pop_wrap.type2 .lst_tab li.on a{opacity:1}
.ly_class_invite .type2 .lst_tab{margin-top:26px}
.ly_class_invite .type2 .pop_info_bx{position:relative;margin-top:31px;width:354px;height:366px;padding:66px 26px 26px;border-radius:32px 32px 0 0;background:none;background-color:#f2f7fe}
.ly_class_invite .type2 .pop_info_bx:before{display:inline-block;content:'';width:61px;height:6px;position:absolute;top:32px;left:137px;border-radius:5.5px;background-color:#d8e5f6}
.ly_class_invite .type2 .pop_info_bx:after{display:inline-block;content:'';width:10px;height:10px;position:absolute;top:30px;left:207px;border-radius:25px;background-color:#d8e5f6}
.ly_class_invite .type2 .pop_info_txt{font-size:14px;color:#222;line-height:21px}
.ly_class_invite .type2 .pop_info_bx .scroll_wrap{width:302px;height:274px;padding:22px 24px 19px;overflow-y:auto;border:1px solid #e9f0fa;box-sizing:border-box;background-color:#fff}
.ly_class_invite .type2 .bx_btn{margin-top:30px}
.ly_class_invite .type2 .bx_btn .btn_m{width:112px;margin:0 5px}

.ly_pop_wrap.sms_pop .pop_contents{padding:40px 55px 50px 54px}
.ly_pop_wrap.sms_pop .pack_wrap{width:auto;margin-top:31px}
.ly_pop_wrap.sms_pop .pack_wrap .menu_pack .area_lst_filter{height:336px;}
.ly_pop_wrap.sms_pop .pack_wrap .menu_pack .area_lst_filter .lst_filter{height:298px}
.ly_pop_wrap.sms_pop .pack_wrap .ly_tbl_scroll .area_tbl_scroll{max-height:250px}

.ly_pop_wrap.sms_pop .pack_wrap .side_pack{margin-left:15px}
.pack_wrap .pack_head .btn_excel{width:auto;height:auto;padding:5px 13px 7px 14px;color:#171717;letter-spacing:-0.8px;font-size:12px;line-height:22px}
.pack_wrap .side_pack .pack_head .btn_excel{float:right;margin-top:-3px}
.ly_pop_wrap.sms_pop .pack_wrap .side_pack .result_cont{height:234px}
.ly_pop_wrap.sms_pop .pack_wrap .side_pack .result_cont .lst_result{max-height:234px}

.ly_pop_wrap.sms_pop .bx_btn{margin-top:30px}
.ly_pop_wrap.sms_pop  .link_blue{margin-left:4px;color:#3577f8;font-size:13px;text-decoration:underline}
.ly_pop_wrap.sms_pop  .link_blue .ico_arrow{margin-top:6px}

.ly_pop_wrap .ly_cont{margin-top:18px}
.ly_pop_wrap .ly_cont .bx_input3{width:159px;height:32px}
.ly_pop_wrap .ly_cont .bx_input3 .input_txt{height:32px;padding:6px 10px 8px}
.ly_pop_wrap .ly_cont .bx_input3 label{padding:7px 0 0 10px}
.ly_pop_wrap .ly_cont .btn_xs2{margin-left:6px;min-width:65px;height:32px}
.ly_cont .lst_info{margin-top:12px;position:relative;color:#8b8b8b;font-size:13px;line-height:22px}
.ly_cont .lst_info:before{display:inline-block;content:'';width:2px;height:2px;margin:10px 4px 0 0;vertical-align:top;background-color:#8b8b8b}
.ly_cont .lst_info .link_blue{color:#3577f8;text-decoration:underline}
.ly_th_fixed .s_txt{display:block;font-size:12px;color:#999;line-height:18px}
.ly_th_fixed .btn_xs2{float:right;margin-top:-33px;border-color:#ddd;color:#171717}
.ly_pop_wrap .btn_excel .sp,.nsat_cont .btn_excel .sp{display:inline-block;width:20px;height:18px;margin:-3px 7px 0 0;background-position:-178px -40px;vertical-align:middle}
.ly_th_fixed .text_left, .ly_td_scroll .text_left{text-align:left}
.pack_wrap .ly_th_fixed th{line-height:18px}
.pack_wrap .ly_th_fixed th .bx{width:152px;text-align:left}
.ly_th_fixed th .btn_refresh{margin:-3px 0 0 4px}

/* 응시자 선택하기 팝업 */
.pack_wrap{display:flex;margin-top:24px;width:911px}
.pack_wrap .pack_head{height:32px;margin-bottom:11px}
.pack_wrap .pack_head .title{display:inline-block}
.pack_wrap .menu_pack{flex:0 0 197px}
.pack_wrap .menu_pack .area_lst_filter{width:182px;height:387px;margin-right:15px}
.pack_wrap .menu_pack .area_lst_filter .total{padding:9px 0 10px 14px}
.pack_wrap .menu_pack .area_lst_filter .lst_filter{height:335px}
.pack_wrap .menu_pack .lst_filter .bx_input_chk{padding:9px 0 11px}
.pack_wrap .menu_pack .lst_filter .lst_sub_filter .bx_input_chk{padding:7px 0 9px}
.pack_wrap .menu_pack .area_lst_filter .cate_tit{font-size:11px;color:#222}
.pack_wrap .menu_pack .area_lst_filter .cate_tit.is_selected{color:#3577f8}
.pack_wrap .main_pack{flex:1 1 auto}
.pack_wrap .main_pack .pack_head{text-align:left}
.pack_wrap .main_pack .bx_dropdown{width:155px}
.pack_wrap .main_pack .pack_head .btn_search{margin-left:5px;width:64px;height:32px;border-radius:2px;vertical-align:top;background-color:#f9f9f9}
.pack_wrap .main_pack .pack_head .btn_search .ico_search_gray{vertical-align:top;margin-top:7px}
.pack_wrap .main_pack .pack_head .btn_txt{line-height:28px;vertical-align:top}
.pack_wrap .main_pack .pack_head .bx_input2{margin-left:10px}
.pack_wrap .main_pack .pack_head .btn_search_cancel{margin-left:5px;width:87px;height:32px;vertical-align:top}
.pack_wrap .main_pack .pack_head .btn_search_cancel .ico_cancle_red{vertical-align:top;margin-top:8px;line-height:1}
.pack_wrap .main_pack .bx_input3 label{padding:6px 0 0 10px}
.pack_wrap .side_pack{flex:0 0 218px;margin-left:16px;width:218px}
.pack_wrap .side_pack .pack_head .title{line-height:32px;font-weight:700}
.pack_wrap .side_pack .pack_head .total{float:right;font-size:13px;line-height:32px}
.pack_wrap .side_pack .pack_head .total .num .point_blue{font-weight:700;color:#4682f8}
.pack_wrap .side_pack .bx_result{border:1px solid #ddd}
.pack_wrap .side_pack .bx_result + .bx_result{margin-top:10px}
.pack_wrap .side_pack .bx_result .result_title{padding:9px 11px 10px 10px;border-bottom:1px solid #eee;background-color:#f9f9f9}
.pack_wrap .side_pack .result_title .title{display:inline-block;font-size:13px;line-height:19px}
.pack_wrap .side_pack .result_title .num{float:right;font-size:13px;color:#3577f8;line-height:19px}
.pack_wrap .side_pack .result_cont{padding:8px 10px 10px 10px;height:326px}
.pack_wrap .side_pack .result_cont .text{margin-top:18px;line-height:19px}
.pack_wrap .side_pack .result_cont .text:first-of-type{margin-top:0}
.pack_wrap .side_pack .result_cont .text .num{margin:0 3px;font-weight:700;line-height:18px;vertical-align:baseline}
.pack_wrap .side_pack .result_cont .lst_result{max-height:326px;margin:0 -5px 0 0;overflow-y:auto}
.pack_wrap .side_pack .result_cont .lst_result .result_item{padding:8px 0 7px}
.pack_wrap .side_pack .result_cont .lst_result .name{width:calc(100% - 24px);font-size:13px;line-height:19px}
.pack_wrap .side_pack .result_cont .lst_result .btn_del{float:right;height:19px}
.pack_wrap .group_lst_wrap{height:457px}
.pack_wrap .main_pack.ly_tbl_scroll{margin-top:0}
.pack_wrap .ly_tbl_scroll .area_tbl_scroll{max-height:303px}
.pack_wrap .no_data_msg{display:flex;height:100%;font-size:13px;color:#a3a3a3;align-items:center;text-align:center}
.pack_wrap .no_data_msg .text{flex:1;font-size:13px;color:#a3a3a3}

.area_lst_filter.type2.none .lst_filter{padding:14px 11px 0 24px;}
.area_lst_filter.type2.none .lst_filter > li{border-top:0}
.area_lst_filter.type2.none .lst_filter .bx_input_chk{padding:0 0 19px 0;}

/* 공유하기 팝업 */
.share_cont .total_sort{margin-top:40px;display:block}
.share_cont .total_sort .sort_txt{position:relative;font-size:13px;color:#666;font-weight:700}
.share_cont .total_sort .sort_txt ~ .sort_txt:before{display:inline-block;content:'';margin:0 9px 0 3px;width:1px;height:12px;vertical-align:middle;background-color:#d8d8d8}
.share_cont .total_sort .btn_excel{float:right;margin-top:-18px;width:132px;height:40px;border:1px solid #dedede;font-size:13px;color:#171717;letter-spacing:-0.87px;line-height:22px}
.share_cont .pack_wrap{width:auto;margin-top:12px}
.ly_pop_wrap .pop_dsc5 + .pack_head{margin-top:40px}
.share_cont .pack_head{height:32px;padding-right:234px}
.share_cont .ly_th_fixed th{padding:11px 10px}
.share_cont .ly_th_fixed th.text_left{padding:11px 0}
.share_cont .ly_td_scroll td .txt_error.sm{padding-left:9px}
.share_cont .pack_head .bx_dropdown.type2 .btn_select{min-width:92px;margin-right:4px}
.share_cont .pack_head .bx_input2{margin-right:4px}
.share_cont .pack_head .bx_input2 .input_txt{width:120px}
.share_cont .pack_head .btn_search{width:auto;min-width:64px;height:32px;line-height:30px;padding:0 12px 0 8px}
.share_cont .pack_head .btn_search .sp{margin-top:7px}
.share_cont .pack_head .btn_search_cancel{width:87px;height:32px;margin-left:5px}
.share_cont .pack_head .btn_search_cancel .btn_txt{line-height:30px}
.share_cont .pack_head .total_sort{margin:8px 0 0;float:right}
.share_cont .main_pack{width:auto}
.share_cont  table{table-layout:auto}
.share_cont  table .bx_input3{width:93px}
.share_cont .ly_tbl_scroll .area_tbl_scroll{max-height:329px}
.share_cont .ly_tbl_scroll .area_tbl_scroll .no_data_msg{height:329px}
.share_cont .side_pack .result_cont{height:331px}
.share_cont .side_pack .result_cont .lst_result{max-height:100%}
.share_cont .side_pack .result_cont .lst_result .result_item{padding:8px 5px 7px 0}
.txt_error.sm{margin-top:4px;display:block;font-size:13px;text-align:left;line-height:19px}

/* ==============================
  문자 보내기 팝업
============================== */
.sms_nsat.popup_register .step_finish_area .finish_txt{margin-top:16px;font-size:18px}
.sms_nsat .sms_write_form .bx_add_inp{margin-left:-1px}
.sms_nsat .sms_confirm_area .sms_option_area .input_chk.type5 + label{color:#222}
.sms_nsat .sms_write_wrap .btn_save_form:disabled{font-size:14px;color:#ccc !important;border:1px solid #e0e0e0;background-color:#fff !important}

/* 18. 서비스 ------------------------------------------------ */
/* 18-1. 상담 서비스 */
.sub_consultation{padding-bottom:140px}
.sub_consultation .area_title .sub_tit{font-size:26px;color:#222}
.sub_consultation .area_title .tit_dsc{margin-top:8px}
.sub_consultation .bx_input_search .input_search{padding:8px 40px 8px 0;border-color:#dcdcdc;font-size:15px}
.sub_consultation .bx_sorting .btn_select{width:150px;height:42px;border:1px solid #dcdcdc;border-radius:6px;padding:10px 38px 12px 15px;box-sizing:border-box;color:#222;line-height:18px;text-align:left;}
.sub_consultation .bx_sorting .btn_select .ico_select_arrow{width:22px;height:22px;transform:rotate(0);border:0 none;background-position:-77px -90px;margin-top:-11px;right:8px}
.sub_consultation .bx_sorting .btn_select .ico_select_arrow:after{display:none;}
.sub_consultation .area_filter .bx_sorting{width:auto;margin-top:0}
.sub_consultation .area_filter .bx_sorting + .bx_sorting{margin-left:8px}
.sub_consultation .area_filter .bx_input_search.small .ico_search{width:28px;height:28px;background-position:1px -91px}
.sub_consultation .area_filter .bx_input_search .input_lbl{bottom:8px}
.sub_consultation .bx_sorting .lst_select::-webkit-scrollbar{width:12px;}
.sub_consultation .bx_sorting .lst_select::-webkit-scrollbar-track{background-color:transparent;border-radius:100px;}
.sub_consultation .bx_sorting .lst_select::-webkit-scrollbar-thumb{border-radius:100px;border:4px solid transparent;background-clip:content-box;background-color: rgba(0, 0, 0, 0.08);}
.sub_consultation .bx_sorting .lst_select li{border-radius:5px;overflow:hidden;max-width:140px}
.sub_consultation .bx_sorting .lst_select li + li{margin-top:4px}
.sub_consultation .bx_sorting .lst_select li a{overflow:hidden;padding:8px 14px 12px;font-size:13px;white-space:nowrap;text-overflow:ellipsis;}
.sub_consultation .bx_sorting .lst_select li.on{background-color:transparent}
.sub_consultation .bx_sorting .lst_select li.on a,
.sub_consultation .bx_sorting .lst_select li a:hover{background-color:#f3f5fa;;}
.sub_consultation .bx_sorting .lst_select li.on a{color:#3577f8;font-weight:bold;position:relative;padding-right:38px}
.sub_consultation .bx_sorting .lst_select li.on a:after{content:"";width:18px;height:18px;background-position:-32px -93px;position:absolute;top:50%;margin-top:-9px;right:10px}
.sub_consultation .bx_sorting .lst_select{width:152px;max-height:250px;box-sizing:border-box;padding:16px 0 16px 6px;margin-top:6px;border-radius:15px;border:0 none;box-shadow:0 6px 11px 0 rgba(69, 78, 117, 0.26);}
.sub_consultation .area_filter .form_search{position:absolute;top:0;right:0;width:200px}
.sub_consultation .alert_lst{margin-top:17px;border:0 none;}
.sub_consultation .alert_item .alert_link{padding:24px 30px 26px 20px}
.sub_consultation .alert_item .tit_message{overflow:hidden;display:block;max-width:100%;color:#222;white-space:nowrap;text-overflow:ellipsis;}
.sub_consultation .alert_item .tit_message .ico_new_red{float:none;width:17px;height:17px;margin-left:2px;margin-right:0;vertical-align:-2px}
.sub_consultation .alert_item .txt_message{margin-top:6px;color:#555;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sub_consultation .alert_item .alert_time{top:20px;right:22px}
.sub_consultation .wrap_alert_lst .new_msg_qty{height:19px;line-height:18px;padding:0 8px;background-color:#ff5c5c;border-radius:9px;color:#fff;font-size:12px;letter-spacing:-0.05em;position:absolute;top:50px;right:22px;}
.sub_consultation .alert_item.on .tit_message,
.sub_consultation .alert_item.on .txt_message{color:#3577f8}
.sub_consultation .pagination{margin-top:30px}
.sub_consultation .pagination a{border:0 none}
.sub_consultation .pagination .btn_page{color:#7183a8}
.sub_consultation .pagination .btn_page.now{color:#fff;border-radius:6px;}
.sub_consultation .pagination .btn_prev{width:20px;height:20px;margin:0 8px 0 0;}
.sub_consultation .pagination .btn_next{width:20px;height:20px;margin:0 0 0 8px;}
.sub_consultation .pagination .btn_prev:before,
.sub_consultation .pagination .btn_next:before{width:20px;height:20px;background-position:-55px -92px;transform:rotate(0);border:0 none;left:0;top:0;margin:0}
.sub_consultation .pagination .btn_prev.first:before,
.sub_consultation .pagination .btn_next.last:before{background-position:-101px -92px;}
.sub_consultation .pagination .btn_next:before{transform: rotate(-180deg);}
.sub_consultation .bx_msg_result{width:100%;margin-top:17px;padding:153px 10px 183px;text-align:center;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf}
.sub_consultation .bx_msg_result .msg_result{color:#575757;font-size:16px;font-weight:normal}
.sub_consultation .area_title .bx_btn_area .btn_notice_write{height:auto;padding:10px 10px 14px;line-height:normal;border-radius:4px}
.sub_consultation .area_title .bx_btn_area .btn_notice_write:disabled{border-color:#e5e5e5 !important;background-color:#fafbfc !important;color:#b8b8b8 !important}
.sub_consultation .status_info{height:94px;box-sizing:border-box;margin-top:38px;padding:17px 300px 25px 30px;border-radius:6px;background-color:#f8fafd;position:relative;}
.sub_consultation .status_info > strong{display:block;padding-left:18px;position:relative;font-size:15px;line-height:27px;}
.sub_consultation .status_info > strong .guide{color:#8e97aa;font-size:13px;line-height:28px;vertical-align:top}
.sub_consultation .status_info > strong:before{content:"";width:10px;height:10px;border-radius:50%;position:absolute;top:50%;margin-top:-5px;left:0}
.sub_consultation .status_info > strong.on{color:#3577f8}
.sub_consultation .status_info > strong.on:before{background-color:#3577f8;}
.sub_consultation .status_info > strong.off{color:#8e97aa}
.sub_consultation .status_info > strong.off:before{background-color:#8e97aa;}
.sub_consultation .status_info > strong.absence{color:#ff5c5c}
.sub_consultation .status_info > strong.absence:before{background-color:#ff5c5c;}
.sub_consultation .status_info > strong.pause {padding-left:0;color:#8e97aa}
.sub_consultation .area_filter{margin-top:39px;margin-bottom:15px}
.sub_consultation .cs_time{display:inline-block;color:#222;margin-top:4px;font-size:0}
.sub_consultation .cs_time dt{display:inline-block;font-size:14px;font-weight:bold;}
.sub_consultation .cs_time dd{display:inline-block;font-size:14px;margin-left:10px}
.sub_consultation .btn_cs_pause {display:inline-block;position:relative;margin-left:20px;font-size:14px;line-height:18px;color:#5e7391;letter-spacing:-.25px}
.sub_consultation .btn_cs_pause::after {display:inline-block;width:6px;height:11px;margin:4px 0 0 9px;background-position:-125px -90px;vertical-align:top;content:""}
.sub_consultation .btn_cs_pause::before {position:absolute;left:0;right:0;bottom:-2px;width:100%;height:1px;background:#8a9ebb;content:""}
.sub_consultation .absence + .btn_cs_pause {margin:3px 0 0 18px}
.sub_consultation .bx_btn_area{position:absolute;top:50%;right:32px;margin-top:-18px;overflow:hidden;}
.sub_consultation .area_title .bx_btn_area{right:0}
.sub_consultation .bx_btn_area li{float:left;}
.sub_consultation .bx_btn_area li + li{margin-left:6px}
.sub_consultation .bx_btn_area .btn{height:36px;border:1px solid #d9e4f4;box-sizing:border-box;border-radius:4px;font-size:13px;color:#5e7391;width:auto;padding:8px 16px 11px;background-color:#fff;line-height:11px;}
.sub_consultation .wrap_alert_lst{padding:30px 34px;background-color:#eaf0fc;border-radius:6px;}
.sub_consultation .wrap_alert_lst .alert_lst .alert_item{border:0 none;}
.sub_consultation .wrap_alert_lst .alert_lst .alert_item.disabled .message_area *{color:#b5bcc9}
.sub_consultation .wrap_alert_lst .alert_lst .alert_item.disabled .guide{font-size:12px}
.sub_consultation .wrap_alert_lst .alert_lst .alert_item a{border-radius:6px;padding:0}
.sub_consultation .wrap_alert_lst .alert_lst .alert_item + .alert_item{margin-top:10px}
.sub_consultation .wrap_alert_lst .alert_item .message_area{padding:24px 200px 26px 30px}
.sub_consultation .wrap_alert_lst .total_sort{font-weight:bold;color:#222}
.sub_consultation .complete_cs_link{font-size:14px;text-align:center;margin-top:32px;color:#222}
.sub_consultation .complete_cs_link a{color:#3577f8;text-decoration:underline;font-weight:bold;}
.sub_consultation .bx_nodata{width:100%;height:800px;background-color:#eaf0fc;border-bottom:0 none;border-radius:6px;}
.sub_consultation .bx_nodata .dsc{font-size:14px;color:#7183a8;line-height:2.0em}
.sub_consultation .bx_nodata .dsc a{color:#3577f8;text-decoration:underline;font-weight:bold;}


/* 18-1. 상담 서비스 채팅 (구버전. 백업용으로 22년 4월 이후 삭제)*/
.pop_talk{width:678px}
.pop_talk .pop_header{position:absolute;top:0;left:0;width:678px;background-color:#3577f8}
.fixed_header .pop_talk .pop_header{position:fixed;z-index:1000}
.pop_talk .pop_header .bx_title{position:relative;padding:16px 34px 18px;height:50px;box-sizing:border-box}
.pop_talk .pop_header .bx_title .logo{width:94px;height:14px;background:url(../img/sp@3x.png) no-repeat 0 -224px;background-size:200px auto}
.pop_talk .pop_header .bx_title .btn_reset{position:absolute;top:12px;right:34px;color:#fff;font-size:14px;line-height:20px;font-weight:500}
.pop_talk .pop_header .bx_title .btn_reset .sp3{width:16px;height:16px;margin:2px 3px 0 0;vertical-align:top;background-position:-150px -20px}
.pop_talk .pop_header .bx_noti{padding:11px 33px 15px;font-size:12px;font-weight:500;line-height:18px;color:#3577f8;background-color:#f2f7ff}
.pop_talk .pop_header .bx_noti .desc{font-size:12px}
.pop_talk .pop_header .bx_noti .ico_notice{margin:3px 4px 0 0;vertical-align:top}
.pop_talk .pop_body{padding-top:94px;background-color:#fff}
.pop_talk .bx_info{position:relative;padding:31px 34px 36px;border-bottom:1px solid #eee}
.pop_talk .bx_info .sub_tit{overflow:hidden;padding-right:270px;font-size:20px;color:#222;font-weight:700;line-height:29px;text-overflow:ellipsis;white-space:nowrap}
.pop_talk .bx_info .sub_desc{overflow:hidden;margin-top:4px;padding-right:270px;line-height:19px;color:#222;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.pop_talk .bx_info .btn_area{position:absolute;top:38px;right:34px;font-size:0}
.pop_talk .bx_info .btn_area .btn_m{width:auto;height:auto;margin-left:6px;padding:8px 23px 11px;font-size:13px;font-weight:700;vertical-align:top;line-height:19px}
.pop_talk .bx_info .btn_area .btn8{color:#333}
.pop_talk .bx_dialog{padding:4px 34px}
.pop_talk .bx_dialog .dialog_item{position:relative;padding:36px 0;border-top:1px dashed #ebebeb}
.pop_talk .bx_dialog .dialog_item:first-of-type{border-top:0}
.pop_talk .bx_dialog .dialog_item .inner_wrap{position:relative}
.pop_talk .bx_dialog .dialog_item .name{display:block;font-size:14px;font-weight:700;color:#222;line-height:20px}
.pop_talk .bx_dialog .dialog_item .text{margin-top:5px;font-size:14px;line-height:23px;color:#222}
.pop_talk .bx_dialog .dialog_item .date{display:block;margin-top:5px;font-size:13px;color:#999;line-height:19px}
.pop_talk .bx_dialog .dialog_item .btn_area{position:absolute;top:14px;right:18px;line-height:18px}
.pop_talk .bx_dialog .dialog_item .btn_txt{font-size:12px;color:#999;line-height:18px}
.pop_talk .bx_dialog .dialog_item .state{position:absolute;bottom:13px;right:0;display:block;color:#8a98a9;font-size:13px}
.pop_talk .bx_dialog .dialog_item.admin{padding-left:38px}
.pop_talk .bx_dialog .dialog_item.admin .inner_wrap{padding:22px 18px 27px 26px;background-color:#f5f9ff}
.pop_talk .bx_dialog .dialog_item.admin .inner_wrap:before{position:absolute;top:3px;left:-39px;display:inline-block;content:'나';padding:5px 9px 6px 10px;border-radius:50%;color:#fff;text-align:center;line-height:19px;font-size:13px;font-weight:900;background-color:#3577f8}
.pop_talk .bx_dialog .dialog_item.admin .name{color:#3577f8}
.pop_talk .bx_dialog .dialog_item.admin.reply{padding-left:94px}
.pop_talk .bx_dialog .dialog_item.delete .text{color:#8e8e8e}
.pop_talk .bx_dialog .dialog_item.delete .text .ico_notice{margin-top:3px;vertical-align:top}
.pop_talk .ico_line{display:inline-block;margin:5px 4px 0 5px;width:1px;height:12px;font-size:0px;text-indent:-9999px;vertical-align:top;background-color:#d8d8d8}
.pop_talk .ico_dot{color:#8e8e8e}
.pop_talk .bx_send{position:fixed;bottom:0;left:0;width:678px;padding-bottom:34px;background-color:#fff;box-sizing:border-box}
/* .pop_talk .bx_include_file.type3 .lst_file .btn_download .file_name{overflow:hidden;height:19px;text-overflow:inherit;white-space:normal} js 말줄임 작업 후 주석 해제 */

.bx_include_file.type3{margin-top:18px;background-color:#fff}
.bx_include_file.type3 .btn_select{position:relative;display:block;width:100%;padding:11px 15px 14px 41px;border:1px solid #e0e0e0;font-size:13px;text-align:left;color:#171717;line-height:19px}
.bx_include_file.type3 .btn_select .arrow_13{display:inline-block;width:13px;height:13px;margin-top:3px;background-position:0 -564px}
.bx_include_file.type3 .btn_select.is_opened .arrow_13{background-position-x:-15px}
.bx_include_file.type3 .btn_select + .lst_file{margin-top:-1px}
.bx_include_file.lst_select .btn_select.off{display:none}
.bx_include_file.lst_select .btn_select.on{display:block}
.bx_include_file.lst_select .btn_select.on + .lst_file{display:none}
.bx_include_file.lst_select .btn_select.is_opened + .lst_file{display:block}
.bx_include_file.type3 .lst_file{margin:0;padding:0 20px;border:1px solid #e0e0e0}
.bx_include_file.type3 .lst_file li{margin:0;display:block;border-top:1px dashed #ebebeb}
.bx_include_file.type3 .lst_file li:first-of-type{border-top:0}
.bx_include_file.type3 .btn_download{width:100%}
.bx_include_file.type3 .btn_download .sp{top:9px;left:0}
.bx_include_file.type3 .lst_file .btn_download{padding:9px 0 11px 28px;font-size:13px;color:#171717;border:0}
.bx_include_file.type3 .lst_file .btn_download .in{float:left;max-width:170px;margin-top:1px;margin-right:3px}
.bx_include_file.type3 .lst_file .btn_download .file_name{font-size:13px;color:#171717}
.bx_include_file.type3 .lst_file .btn_download .byte{margin-left:3px;}
.bx_include_file.type3 .lst_file .btn_download .byte,
.bx_include_file.type3 .lst_file .btn_download .period{font-size:12px;color:#8e8e8e}
.bx_include_file.type3 .lst_file .btn_download .period:before{display:inline-block;content:'';margin:-1px 5px 0 3px;width:1px;height:10px;vertical-align:middle;background-color:#d8d8d8}
.bx_include_file.type3 .lst_file .btn_download.disabled .file_name{color:#8e8e8e;cursor:no-drop}
.pop_talk .bx_dialog .dialog_item .bx_include_file.type3{width:440px}

.bx_send{padding:20px 34px 0}
.bx_send .inp_area{position:relative;display:block;min-height:66px;padding:17px 158px 17px 22px;border:1px solid #d6d6d6;box-sizing:border-box}
.bx_send .inp_area .textarea{width:100%;padding-top:3px;overflow:auto;line-height:20px;border:0;box-sizing:border-box;vertical-align:top;font-size:14px;color:#000;resize:none}
.bx_send .inp_area .textarea_label{position:absolute;top:0;left:0;right:0;padding:20px 158px 17px 22px;color:rgba(51,51,51,0.3)}
.bx_send .inp_area .inp_file{position:absolute;bottom:12px;right:116px;width:28px;height:42px;overflow:hidden}
.bx_send .inp_area .inp_file input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}
.bx_send .inp_area .inp_file input[type="file"]::-webkit-file-upload-button{cursor:pointer}
.bx_send .inp_area .inp_file:after{display:block;content:'';width:28px;height:28px;margin-top:7px;background:url(../img/sp@3x.png) no-repeat -169px 0;background-size:200px auto}
.bx_send .inp_area .btn_submit{position:absolute;bottom:12px;right:12px;padding:9px 19px 13px;font-size:14px;font-weight:700;color:#fff;line-height:20px;text-align:center;background-color:#3577f8}
.bx_send .inp_area .textarea::-webkit-input-placeholder{color:#a7a7a7}
.bx_send .inp_area .textarea::-moz-placeholder{color:#a7a7a7}
.bx_send .inp_area .textarea:-ms-input-placeholder{color:#a7a7a7}
.bx_send .inp_area .textarea:-moz-placeholder{color:#a7a7a7}

.bx_send .bx_include_file .lst_file{margin:0;padding-left:22px;overflow:auto;max-height:111px;background-color:#f5f5f5}
.bx_send .bx_include_file li{display:block;margin:0;border-top:1px solid #e0e0e0}
.bx_send .bx_include_file li:first-of-type{border-top:0}
.bx_send .bx_include_file .lst_file .btn_download{width:100%;padding:10px 13px 13px 28px;border:0}
.bx_send .bx_include_file .lst_file .btn_download .sp{left:0;top:10px}
.bx_send .btn_download .file_name_wrap{max-width:99%}
.bx_send .bx_include_file .file_name{font-size:13px;color:#171717}
.bx_send .bx_include_file .byte{font-size:13px;color:#8e8e8e;line-height:19px}
.bx_send .bx_include_file .btn_delete{position:absolute;top:0;right:0;padding:21px 27px 21px;z-index:10}
.bx_send .bx_include_file .btn_delete .sp{width:16px;height:16px;top:13px;left:19px;background-position:-581px -20px;vertical-align:middle}

.ico_hwp_new, .bx_include_file .ico_hwp_new{width:20px;height:21px;background-position:0 -579px}
.ico_excel_new, .bx_include_file .ico_excel_new{width:23px;height:21px;background-position:-22px -579px}
.ico_ppt_new, .bx_include_file .ico_ppt_new{width:24px;height:21px;background-position:-47px -579px}
.ico_pdf_new, .bx_include_file .ico_pdf_new{width:19px;height:22px;background-position:-73px -578px}
.ico_jpg_new, .bx_include_file .ico_jpg_new{width:19px;height:22px;background-position:-94px -578px}
.ico_png_new, .bx_include_file .ico_png_new{width:19px;height:22px;background-position:-115px -578px}
.ico_gif_new, .bx_include_file .ico_gif_new{width:19px;height:22px;background-position:-136px -578px}
.ico_etc_new, .bx_include_file .ico_etc_new{width:19px;height:22px;background-position:-157px -578px}
.ico_img_new, .bx_include_file .ico_img_new{width:19px;height:22px;background-position:-178px -578px}

.bx_send .info_desc{margin-top:12px;color:#8e8e8e;font-size:0;line-height:19px}
.bx_send .info_desc .ico_notice{margin:4px 6px 0 0;vertical-align:top}
.bx_send .info_desc li{display:inline-block;font-size:13px}
.bx_send .info_desc li:before{display:inline-block;content:'';margin:4px 6px 0 5px;width:1px;height:12px;vertical-align:top;background-color:#d8d8d8}
.bx_send .info_desc li:first-of-type:before{display:none}
.bx_send .info_desc li .tit{display:inline-block;margin-right:5px;font-weight:400}
.bx_send .info_desc .point{color:#3577f8}

/* 18-1. 상담 채팅창 (산규)
    contents_consulation.css에 분리돼 있던 contents.css로 스타일 이동
*/
/*sprite*/
.counseling .bx_chk label:after,
.counseling .content .cnt_list .list li:after,
.counseling header .btn_refresh:before,
.counseling .talk .bx_talk .balloon.attach li:before,
.counseling .wrap_input .bx_input_msg .btn_camera button,
.counseling .wrap_input .bx_input_msg .btn_file button,
.counseling .wrap_input .list_attach_file .btn_remove_attach,
.counseling .talk .guide_msg:before,
.counseling .talk .bx_talk .ballon_menu .btn_ballon_menu,
.counseling .cs_list .cnt_list.talk .list li .talk_msg .attach:before,
.counseling header .btn_talk_down:after,
.counseling header .wrap_filter .btn_filter:after{
    position:absolute;
    background-image:url(../img/sp_consulation@2x.png);
    background-size: 133px auto;
    background-repeat:no-repeat;
}

/*layout*/
.counseling.wrap.talk{display:flex;flex-direction:column;width:650px;height:742px;overflow-y:auto;position:relative;font-size:14px;font-family:-apple-system,system-ui,"Apple SD Gothic Neo",sans-serif}

/*common*/
.counseling .bx_chk{position:relative;}
.counseling .bx_chk input[type=checkbox]{opacity:0;}
.counseling .bx_chk label:after{content:"";width:19px;height:19px;background-position:-81px -5px;top:0;left:0}
.counseling .bx_chk input[type=checkbox]:checked + label:after{background-position:-81px -34px;}

/*header*/
.counseling header{position:sticky;top:0;left:0;z-index:10;background:#fff}
.counseling header .tab ul{display:flex;width:100%;height:45px;padding:0 25px;box-sizing:border-box;border-bottom:1px solid #e7ebf2;}
.counseling header .tab ul li{flex:0 0 50%;height:45px;}
.counseling header .tab ul li button{width:100%;height:100%;line-height:45px;box-sizing:border-box;font-size:14px;color:#1a1a1a}
.counseling header .tab ul li button.on{border-bottom:2px solid #3577f8;color:#3577f8;font-weight:600}
.counseling header .tab ul li button span{display:inline-block;position:relative;line-height:1.5em}
.counseling header .tab ul li button span.new:after{content:"신규";width:5px;height:5px;background-color:#ff5c5c;border-radius:50%;font-size:0;color:transparent;position:absolute;top:2px;right:-7px;}
.counseling header .bx_filter{padding:19px 25px;font-size:0;position:relative}
.counseling header .wrap_filter .btn_filter{display:inline-block;height:32px;line-height:32px;padding:0 30px 0 13px;position:relative;border-radius:16px;background-color:#eff1ff;color:#3577f8;font-size:13px;box-sizing:border-box;font-weight:bold;}
.counseling header .wrap_filter .btn_filter:after{content:"";width:14px;height:14px;background-position:-33px -72px;top:50%;margin-top:-7px;right:12px;}
.counseling header .wrap_filter .btn_filter.blur{border:1px solid #3577f8;background:#fff;line-height:30px}
.counseling header .wrap_filter .btn_filter + .btn_filter{margin-left:6px}
.counseling header .bx_filter .able_cs{position:absolute;top:27px;right:25px}
.counseling header .bx_filter .able_cs label{display:inline-block;padding-left:24px;font-size:13px;line-height:18px;white-space:nowrap;position:relative;}
.counseling header .title_name{padding:8px 25px 24px;font-size:14px;color:#8e93a0}
.counseling header .title_name .school_name{display:block;font-size:17px;color:#222;margin-bottom:4px}
.counseling header .util{padding:22px 25px 0}
.counseling header .util .guide{display:inline-block;font-size:12px;color:#8e97aa;vertical-align:top;margin-top:4px;}
.counseling header .talk_partner{padding:36px 25px 23px}
.counseling header .btn_menu{width:30px;height:30px;}
.counseling header .btn_menu span{width:100%;height:100%}
.counseling header .btn_refresh:before{content:"";width:12px;height:12px;background-position:-80px -72px;top:50%;margin-top:-7px;left:9px;}
.counseling header .btn_refresh{float:right;height:27px;border:1px solid #d6dde8;box-sizing:border-box;padding:0 11px 0 22px;font-size:10px;color:#5e7391;border-radius:13px;position:relative;vertical-align:top;padding-bottom:2px}
.counseling header .talk_partner .title{font-size:16px;color:#222}
.counseling header .talk_partner .txt{margin-top:5px;}
.counseling header .wrap_talk_down{position:absolute;bottom:30px;right:16px}
.counseling header .btn_talk_down{width:20px;height:20px;position:relative;}
.counseling header .btn_talk_down:after{content:"";width:3px;height:19px;position:absolute;top:0;left:50%;margin-left:-1px;background-position:0 0;}

/*contents*/
.counseling .content{flex:1;padding:18px 15px;background-color:#f4f5f7}
.counseling .content .cnt_list .list li{border-radius:10px;background-color:#fff;font-size:0;position:relative;}
.counseling .content .cnt_list .list li a{display:block;}
.counseling .content .cnt_list.talk .list li{padding:0}
.counseling .content .cnt_list.talk .list li a{padding:19px 80px 23px 22px;height:110px;}
.counseling .content .cnt_list .list li:after{content:"";top:50%;right:19px;transform:translateY(-50%);width:17px;height:17px;background-position:-4px -72px;}
.counseling .content .cnt_list .list li + li{margin-top:10px}
.counseling .content .cnt_list .list li .teacher{display:block;font-size:14px;line-height:1.7;margin-bottom:9px;}
.counseling .content .cnt_list .list li .status,
.counseling header .talk_partner .status{display:block;font-size:12px;padding-left:10px;position:relative;color:#8e97aa;font-weight:bold;}
.counseling .content .cnt_list .list li .status:before,
.counseling header .talk_partner .status:before{content:"";width:5px;height:5px;border-radius:50%;background-color:#8e97aa;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.counseling .content .cnt_list .list li .status.on,
.counseling header .talk_partner .status.on{color:#3577f8}
.counseling .content .cnt_list .list li .status.on:before,
.counseling header .talk_partner .status.on:before{background-color:#3577f8;}
.counseling .content .cnt_list .list li .status.absence,
.counseling header .talk_partner .status.absence{color:#ff5c5c;}
.counseling .content .cnt_list .list li .status.absence:before,
.counseling header .talk_partner .status.absence:before{background-color:#ff5c5c;}
.counseling header .talk_partner .status.disabled{padding-left:0;font-weight:normal;}
.counseling header .talk_partner .status.disabled:before{display:none;}
.counseling .content .cnt_list .list li .time,
.counseling header .talk_partner .time{display:inline-block;position:relative;font-size:12px;color:#8e97aa;font-weight:bold;}
.counseling header .talk_partner .time{padding-right:20px}
.counseling .content .cnt_list .list li .time + .time,
.counseling header .talk_partner .time + .time{padding-left:6px;margin-left:5px;position:relative;}
.counseling .content .cnt_list .list li .time + .time:before,
.counseling header .talk_partner .time + .time:before{content:"";width:1px;height:12px;background-color:#d6dde8;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.counseling .content .cnt_list.talk .list li:after{display:none;}
.counseling .content .cnt_list .list li .title{display:block;font-size:13px;line-height:1.8}
.counseling .content .cnt_list .list li p{font-size:13px;line-height:1.5;color:#8e93a0;}
.counseling .content .cnt_list.talk .list .time{position:absolute;top:17px;right:22px;}
.counseling .content .cnt_list .list li.end .title,
.counseling .content .cnt_list .list li.end .time,
.counseling .content .cnt_list .list li.end p{color:#b9bdc6;}
.counseling .content .cnt_list .list .badge_new{height:17px;line-height:17px;padding:0 7px;border-radius:8px;background-color:#ff5c5c;color:#fff;font-size:11px;font-weight:bold;position:absolute;top:42px;right:22px;text-align:center;}
.counseling .content .nodata{width:100%;font-size:14px;color:#8e93a0;text-align:center;position:absolute;top:50%;transform:translateY(-50%);left:0}
.counseling .content .nodata span{display:inline-block;margin-bottom:50px;text-align:center;line-height:1.8em}

/*talk view*/
.counseling header .talk_partner .status{display:inline-block;}
.counseling header .talk_partner .status + .time{margin-left:5px;}
.show_complete_msg .content.talk{padding-bottom:130px}
.content.talk{background-color:#eaf0fc;padding:22px 25px 40px;overflow-y:auto;position:relative;}
.content.talk::-webkit-scrollbar{width:6px;}
.content.talk::-webkit-scrollbar-thumb{background-color:rgba(128,128,128,.3); border-radius:3px;}
.content.talk::-webkit-scrollbar-track{background-color:transparent;}

.counseling .talk .date{text-align:center;font-size:12px;color:#7e86a9;margin-bottom:18px;}
.counseling .talk .talk_margin{margin-top:26px !important}
.counseling .talk .date_margin{margin-top:35px !important}
.counseling .talk .date_margin + .talk_margin{margin-top:0 !important}
.counseling .talk .bx_talk{font-size:0;position:relative}
.counseling .talk .bx_talk + .bx_talk{margin-top:10px}
.counseling .talk .bx_talk .balloon{display:inline-block;max-width:350px;padding:13px 17px 15px 16px;box-sizing:border-box;border-radius:15px;background-color:#fff;color:#1a1a1a;position:relative;}
.counseling .talk .bx_talk .balloon span{font-size:14px;color:#1a1a1a;line-height:21px;white-space:pre-wrap;}
.counseling .talk .bx_talk.me .balloon span{color:#fff}
.counseling .talk .bx_talk .balloon + .balloon{margin-top:8px;}
.counseling .talk .bx_talk .etc{display:inline-block;vertical-align:bottom;}
.counseling .talk .bx_talk .etc span{font-size:12px;color:#7e86a9;}
.counseling .talk .bx_talk .balloon + .etc{margin-left:8px;}
.counseling .talk .bx_talk .etc .read{display:block;color:#3577f8;font-size:10px;font-weight:bold;}
.counseling .talk .bx_talk.me{direction: rtl;}
.counseling .talk .bx_talk.me .balloon{background-color:#3577f8;color:#fff;direction:ltr;}
.counseling .talk .bx_talk.me .balloon + .etc{margin:0 6px 0 0;}
.counseling .talk .bx_talk .balloon.attach{border:1px solid #a4bff5;background-color:#f5f7ff;padding:0}
.counseling .talk .bx_talk .attach_list>li{color:#3577f8;position:relative;}
.counseling .talk .bx_talk .attach_list>li a{display:block;padding:13px 29px 15px 34px;color:currentColor}
.counseling .talk .bx_talk .attach_list>li + li{border-top:1px solid #d6e3fc}
.counseling .talk .bx_talk .attach_list>li:before{content:"";width:15px;height:14px;top:16px;left:12px}
.counseling .talk .bx_talk .attach_list>li.file:before{background-position:-56px -72px;}
.counseling .talk .bx_talk .attach_list>li.img:before{background-position:-111px -11px;}
.counseling .talk .bx_talk .balloon.attach .name{display:block;font-size:14px;white-space:normal;color:#3577f8;line-height:19px;margin-bottom:2px}
.counseling .talk .bx_talk .balloon.attach .info{display:inline-block;font-size:12px;color:#8e97aa;line-height:16px;}
.counseling .talk .bx_talk .balloon.attach .info + .info{padding-left:8px;margin-left:7px;position:relative;}
.counseling .talk .bx_talk .balloon.attach .info + .info:before{content:"";width:1px;height:10px;background-color:#d6dde8;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.counseling .talk .bx_talk .balloon.del{background-color:#d1dffc;}
.counseling .talk .bx_talk .balloon.del span{color:#627bac}
.counseling .talk .bx_talk .balloon.attach + .balloon.attach{display:block;}
.counseling .ballon_menu{position:absolute;top:-13px;right:0;}
.counseling .bx_talk .ballon_menu{z-index:2}
.counseling .ballon_menu .btn_ballon_menu{right:0;width:27px;height:27px;background-position:-104px -51px;font-size:0;color:transparent}
.counseling .ballon_menu .ballon_menu_list{background-color:#fff;box-shadow:0 6px 11px 0 rgba(69, 78, 117, 0.26);border-radius:15px;padding:16px 6px;margin-top:31px}
.counseling header .ballon_menu .ballon_menu_list{margin-top:16px}
.counseling .ballon_menu .ballon_menu_list li + li{margin-top:4px}
.counseling .ballon_menu .ballon_menu_list a{display:block;width:155px;padding:9px 14px 11px;box-sizing:border-box;font-size:13px;color:#1a1a1a;border-radius:5px;text-align:left;}
.counseling .ballon_menu .ballon_menu_list a:hover{background-color:#f3f5fa}
.counseling .talk .guide_msg{font-size:13px;color:#7e86a9;position:absolute;bottom:20px;left:22px;line-height:19px;}
.counseling .talk .guide_msg.talk_disabled{bottom:25px;}
.counseling .talk .guide_msg.ico{padding-left:21px;background:none;}
.counseling .talk .guide_msg.ico:before{content:"";width:11px;height:14px;background-position:-38px -46px;top:50%;transform:translateY(-50%);left:5px;}

/*talk input*/
.counseling .wrap_input{border-top:1px solid #bec1cc;min-height:41px;}
.counseling .wrap_input .bx_attach{padding:20px 15px 6px;position:relative;}
.counseling .wrap_input .overflow:after{content:"";width:100%;height:15px;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 84%);position:absolute;bottom:0;left:0}
.counseling .wrap_input .bx_attach .file_qty{display:block;font-size:11px;color:#8e97aa;margin-bottom:8px}
.counseling .wrap_input .bx_attach .file_qty strong{color:#3577f8;}
.counseling .wrap_input .list_attach_file{height:auto;max-height:129px;overflow-y:auto;}
.counseling .wrap_input .list_attach_file li{display:flex;height:41px;padding:0 50px 0 15px;box-sizing:border-box;border-radius:5px;background-color:#f3f4fe;font-size:14px;line-height:41px;position:relative;font-size:14px;color:#3577f8}
.counseling .wrap_input .list_attach_file li + li{margin-top:8px}
.counseling .wrap_input .list_attach_file .file_name{flex:0 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.counseling .wrap_input .list_attach_file .file_ext{flex:0 0 auto;padding-right:6px}
.counseling .wrap_input .list_attach_file .volume{flex:0 0 auto;font-size:11px;color:#7e86a9}
.counseling .wrap_input .list_attach_file .btn_remove_attach{width:19px;height:19px;background-position:-5px -43px;top:50%;transform:translateY(-50%);right:15px;font-size:0;}
.counseling .wrap_input .bx_input_msg{font-size:0;position:relative;min-height:42px;box-sizing:border-box;display:flex;align-items:flex-end;background:#fff;}
.counseling .wrap_input .bx_input_msg button{font-size:0;color:transparent;position:static !important;}
.counseling .wrap_input .bx_input_msg .tarea{flex:1;padding:10px 14px 19px;}
.counseling .wrap_input .bx_input_msg .tarea textarea{width:100%;height:60px;border:0 none;box-sizing:border-box;line-height:20px;font-size:14px;resize:none}
.counseling .wrap_input .bx_input_msg .tarea textarea::placeholder{color:#b9bdc6}
.counseling .wrap_input .bx_input_msg .tarea textarea::-webkit-scrollbar{width:6px;}
.counseling .wrap_input .bx_input_msg .tarea textarea::-webkit-scrollbar-thumb{background-color:rgba(128,128,128,.3); border-radius:3px;}
.counseling .wrap_input .bx_input_msg .tarea textarea::-webkit-scrollbar-track{background-color:transparent;}

.counseling .wrap_input .bx_input_msg .btn_camera{flex:0 0 39px;margin-bottom:8px;}
.counseling .wrap_input .bx_input_msg .btn_camera button{width:28px;height:28px;margin-right:11px;background-position:-43px -4px}
.counseling .wrap_input .bx_input_msg .btn_file{flex:0 0 43px;margin-bottom:8px;}
.counseling .wrap_input .bx_input_msg .btn_file button{width:28px;height:28px;background-position:-4px -5px;}
.counseling .wrap_input .bx_input_msg .btn_send{flex:0 0 57px;margin-bottom:5px}
.counseling .wrap_input .bx_input_msg .btn_send button{width:50px;height:34px;background-color:#3577f8;color:#fff;font-size:12px;border-radius:7px;padding-bottom:2px}
.counseling .wrap_input .attach_guide{font-size:12px;color:#8e97aa;padding:11px 12px 13px;border-top:1px solid #e7ebf2;background-color:#fff}
.counseling .complete_msg{position:absolute;left:0;bottom:0;padding:24px 25px 26px;background-color:rgba(255,255,255,.95);color:#7E86A9;font-size:13px;box-shadow:0 12px 50px 0 #c0cde6;;line-height:1.54;width:100%;z-index:9;box-sizing:border-box;}
.counseling .complete_msg .btn_send_msg{width:107px;height:36px;box-sizing:border-box;padding-bottom:2px;border:1px solid #d6dde8;border-radius:6px;color:#4e6796;font-size:12px;position:absolute;top:50%;margin-top:-18px;right:24px;}

/*long press menu*/
.counseling .layer:before{content:"";width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0, 0, 0, 0.1);z-index:20}
.counseling .context_menu{background-color:#fff;padding:16px 6px;position:absolute;z-index:21;border-radius:15px;min-width:167px;box-sizing:border-box;box-shadow:0 6px 11px 0 rgba(69, 78, 117, 0.26)}
.counseling .context_menu a{display:block;width:100%;height:39px;line-height:39px;font-size:14px;color:#1a1a1a;padding:0 14px;box-sizing:border-box;border-radius:5px;outline:none;-webkit-appearance: none;-webkit-tap-highlight-color: transparent;}
.counseling .context_menu a:active{background-color:#f3f5fa}

/* 18-1. 상담 서비스 대상,시간, 팝업 */
.inp_case{margin-top:30px;width:380px}
.inp_case.type2{margin-top:34px;width:410px}
.inp_case.type3{width:400px}

.inp_case .pack_head{margin-top:30px}
.inp_case .pack_head button, .inp_case .pack_head .bx_input2{margin-left:5px}
.inp_case .pack_head .bx_dropdown .btn_select{overflow:hidden;width:106px;white-space:nowrap;text-overflow:ellipsis}
.inp_case .pack_head .bx_dropdown .lst_select{width:100%}
.inp_case .pack_head .bx_dropdown .lst_select li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.inp_case .pack_head .bx_input2 .input_txt{width:106px}
.inp_case .pack_head .btn_search{width:auto;height:auto;line-height:22px;padding:3px 11px 5px 10px;vertical-align:top}
.inp_case .pack_head .btn_search_cancel{width:auto;height:auto;line-height:22px;padding:3px 10px 5px 9px;vertical-align:top}
.inp_case .pack_head .btn_search .sp, .inp_case .pack_head .btn_search_cancel .sp{vertical-align:middle;margin-top:-1px}
.inp_case .pack_head + .tbl_head{margin-top:10px}
.inp_case .title_area{margin-top:41px;padding-bottom:10px;border-bottom:1px solid #e7e7e7}
.inp_case .title_area:first-of-type{margin-top:0}
.inp_case .title_area .sub_tit{font-size:16px;font-weight:700;color:#171717;line-height:24px}
.inp_case .area_tbl_scroll{max-height:277px;border-bottom:1px solid #e0e0e0}
.inp_case .bx_input_chk .input_lbl{color:#171717}
.inp_case .input_chk + label{padding-left:23px}
.inp_case .input_chk + label:after{width:16px;height:16px}
.inp_case .bx_dropdown .btn_select.disabled{color:#d8d8d8;border:1px solid #d5d5d5;background-color:#fafbfc}
.inp_case .bx_dropdown .ico_select_arrow{margin-top:-6px;height:11px;background-position:-30px -566px}
.inp_case .bx_dropdown .btn_select.disabled .ico_select_arrow{background-position:-60px -566px}
.inp_case .bx_dropdown .btn_select.on .ico_select_arrow{background-position:-45px -566px}
.inp_case .bx_dropdown .btn_select.on.disabled .ico_select_arrow{background-position:-75px -566px}
.inp_case .tbl_head.type2 th{padding:9px 0 12px;color:#919191}
.inp_case .tbl_body td{padding:16px 0}
.inp_case .tbl_body td .btn_xs{width:auto;height:auto;line-height:19px;font-size:13px;padding:4px 14px 7px}
.inp_case .tbl_body .mix td{padding-top:6px;padding:6px 0;border-top:0}
.inp_case .tbl_body .mix.first td{padding-top:16px;border-top:1px solid #e0e0e0}
.inp_case .tbl_body .mix.last td{padding-bottom:16px}
.inp_case .bx_msg_result{height:277px}
.inp_case .bx_msg_result .msg_result{padding:0 10px;color:#999;font-size:13px;text-align:center;border:0}

.message_title .tit{color:#222;font-size:15px;font-weight:700;line-height:22px}
.message_title .tit_name{margin-left:10px;color:#222;font-size:15px;line-height:22px}
.message_title .btn{float:right;width:auto;margin-top:-4px;padding:4px 12px 7px;vertical-align:top;color:#333;font-size:13px;line-height:17px;border:1px solid #e0e0e0}
.message_content{margin-top:14px;padding:28px 30px 15px;border:1px solid #e0e0e0}
.message_content .inner_cont{position:relative;height:190px;overflow:hidden}
.message_content .inner_cont textarea{width:100%;height:100%;border:0;resize:none;font-size:15px;color:#222;line-height:21px}
.message_content .inner_cont label{position:absolute;top:0;left:0;color:#ababab;font-size:15px;line-height:21px;}

.message_content .bx_include_file.type2{position:relative;width:100%;height:118px}
.message_content .bx_include_file .info_desc{position:absolute;top:3px;right:0;}
.message_content .bx_include_file .info_desc li{display:inline-block;font-size:15px;color:#999;line-height:22px}
.message_content .bx_include_file .info_desc .point{margin-left:4px;color:#3577f8}
.message_content .bx_include_file.type2 .lst_file{height:72px;margin-top:14px;overflow:auto}
.message_content .bx_include_file.type2 .lst_file .lst_file_item{border:0;margin-top:10px;padding:0 25px 0 26px}
.message_content .bx_include_file.type2 .lst_file .lst_file_item:first-of-type{margin-top:0}
.message_content .bx_include_file.type2 .lst_file .sp{top:1px;left:0}
.message_content .bx_include_file.type2 .lst_file .file_tit{display:inline-block}
.message_content .bx_include_file.type2 .lst_file .file_tit .text{font-size:13px}
.message_content .bx_include_file.type2 .lst_file .file_tit .in{max-width:238px}
.message_content .bx_include_file .byte{margin-left:6px;font-size:13px;color:#8e8e8e;line-height:22px}
.message_content .file_info_wrap{float:none;display:inline-block;min-width:auto;line-height:22px}
.message_content .bx_include_file.type2 .file_delete{top:0;right:0;width:21px;height:21px;background-position:-578px -17px}
.message_content .bx_include_file.type2 .btn_file_up .btn{height:30px;margin:0;padding:4px 13px 7px 12px;border:1px solid #3577f8;font-size:13px;color:#3577f8;line-height:19px}
.message_content .bx_include_file.type2 .btn_file_up .inp_file{bottom:0;height:auto}
.message_content .bx_include_file.type2 .btn_file_up .sp{width:9px;height:9px;background-position:-589px 0}
.message_content .noti_desc{margin-top:20px}
.message_content .noti_desc .text{font-size:13px;color:#ababab;line-height:21px}

/*완료된 상담목록*/
.cs_list{overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;min-width:730px;height:100%;padding:29px 32px 36px;box-sizing:border-box;background-color:#eaf0fc;color:#222;position:relative;}
.cs_list .inner{width:665px;margin:0 auto;}
.cs_list .top_title{font-size:20px;font-weight:bold}
.cs_list .cnt_list{margin-top:20px;}
.cs_list .cnt_list .guide_text{display:block;width:100%;font-size:10px;margin:14px 0 0;color:#7d89a3;text-align:right;}
.cs_list .cnt_list .list li{box-sizing:border-box;border-radius:6px;background-color:#fff;position:relative;}
.cs_list .cnt_list .list li + li{margin-top:10px}
.cs_list .cnt_list .list li>a{display:block;padding:24px 80px 26px 30px;box-sizing:border-box;}
.cs_list .cnt_list .list li.on{background-color:#f0f1ff}
.cs_list .cnt_list .list li .status{display:block;margin:11px 0 3px;color:#414242;font-size:12px;font-weight:bold;position:relative;padding-left:10px;color:#8e97aa;}
.cs_list .cnt_list .list li .status:before{content:"";width:5px;height:5px;border-radius:50%;background-color:#8e97aa;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.cs_list .cnt_list .list li.on .status{color:#556eef}
.cs_list .cnt_list .list li.on .status:before{background-color:#556eef}
.cs_list .cnt_list .list li.absence .status{color:#ff5c5c}
.cs_list .cnt_list .list li.absence .status:before{background-color:#ff5c5c}
.cs_list .cnt_list .list li .time{font-size:12px;color:#8e93a0;margin-top:3px;}
.cs_list .cnt_list .list li.on .time{color:#9194bb}
.cs_list .cnt_list.talk .list li .teacher{overflow:hidden;display:block;font-weight:bold;color:#222;font-size:15px;white-space:nowrap;text-overflow:ellipsis}
.cs_list .cnt_list.talk .list li .talk_msg{margin-top:6px;font-size:15px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#555}
.cs_list .cnt_list.talk .list li .talk_msg .attach{display:inline-block;font-size:12px;padding-left:20px;position:relative;color:#222}
.cs_list .cnt_list.talk .list li .talk_msg .attach:before{content:"";position:absolute;top:50%;margin-top:-8px;left:0;width:16px;height:16px;}
.cs_list .cnt_list.talk .list li .talk_msg .attach.file:before{background-position:-59px -44px}
.cs_list .cnt_list.talk .list li .talk_msg .attach.img:before{background-position:-110px -31px}
.cs_list .cnt_list.talk .list li.disabled .talk_msg{color:#b5bcc9}
.cs_list .cnt_list.talk .list li .last_msg_time{font-size:13px;color:#999;line-height:18px;position:absolute;top:20px;right:23px;}
.cs_list .cnt_list.talk .list li.disabled .teacher,
.cs_list .cnt_list.talk .list li.disabled .talk_msg{color:#b5bcc9}
.cs_list .cnt_list.talk .list li.on .last_msg_time{color:#9194bb}
.cs_list .cnt_list.talk .list li .new_qty{height:18px;line-height:18px;padding:0 9px;color:#fff;background-color:#ff5c5c;border-radius:9px;font-size:12px;font-weight:bold;text-align:center;position:absolute;top:50%;transform:translateY(-50%);right:22px;}
.cs_list .cnt_list.talk .guide_text a{color:#00ce53}
.cs_list .cnt_list.talk .list li .teacher{font-weight:bold;}
.cs_list .cnt_list.talk .list li.disabled .teacher,
.cs_list .cnt_list.talk .list li.disabled .talk_msg{color:#b5bcc9}
.cs_list .cnt_list.talk .list li.on .last_msg_time{color:#9194bb}
.cs_list .cnt_list.talk .list li .new_qty{height:18px;line-height:18px;padding:0 9px;color:#fff;background-color:#ff5c5c;border-radius:9px;font-size:12px;font-weight:bold;text-align:center;position:absolute;top:50%;transform:translateY(-50%);right:22px;}
.cs_list .pagination{flex-shrink:0;width:100%;margin-top:30px}
.cs_list .bx_nodata{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:0 none}
.cs_list .bx_nodata .dsc{color:#7183a8;font-size:14px;line-height:30px;}

.space{display:inline-block;margin:0 10px;color:#333;font-size:13px;line-height:32px}
.period_bar{margin-top:16px}
.period_bar .bx_dropdown{margin-left:6px}
.period_bar .bx_dropdown:first-of-type, .period_bar .space + .bx_dropdown{margin-left:0}
.period_bar .bx_dropdown .btn_select{width:70px}
.period_bar .bx_dropdown + .bx_input_chk{margin:5px 0 0 12px}

.lst_cols{margin-top:17px;font-size:0}
.lst_cols li{display:inline-block;margin-left:20px}
.lst_cols li:first-of-type{margin-left:0}

/* 18-1-1. 상담 서비스 대상 선택 팝업 */
.ly_select_target{line-height:1.4}
.ly_select_target .inp_case{width:500px}
.ly_select_target .inp_case .pack_head .bx_dropdown .btn_select{width:180px}
.ly_select_target [class^=btn].bd_gray{border-color:#eee;background-color:#f9f9f9;color:rgba(34,34,34,0.2)}
.ly_select_target [class^=btn].bd_gray:hover{background-color:#f9f9f9}
/* 18-1-2. 상담x 서비스 상담 시작 팝업 */
.ly_start_consult{line-height:1.4}
.ly_start_consult .message_content .bx_include_file .info_desc .tit{font-weight:normal}
.ly_start_consult .message_content .bx_include_file .byte{vertical-align:top}
.ly_start_consult .message_content .bx_include_file.type2 .btn_file_up .btn{padding-top:3px}
.ly_start_consult .bx_include_file.type2 .btn_file_up .sp{margin:-3px 4px 0 0}
/* 18-1-3. 상담 서비스 상담 시간 선택 팝업 */
.ly_consult_time{line-height:1.4}
.ly_consult_time .period_bar .bx_dropdown + .bx_input_chk{vertical-align:top}
/* 3.알림장 작성 > 칠판모드 */
.blackboard_wrap{position:fixed;top:0;right:0;bottom:0;left:0;padding:90px 120px 130px;background-color:#34543b;}
.blackboard_wrap.type_notice .balckboard_inner{position:relative;padding-top:175px;height:100%;box-sizing:border-box}
.blackboard_wrap .notice_tit{position:absolute;top:0;left:0;right:0;padding-bottom:40px;border-bottom:1px solid #fff}
.blackboard_wrap .notice_tit .bx_input{width:100%;background-color:transparent;border-width:0}
.blackboard_wrap .notice_tit .bx_input .input_lbl{overflow:hidden;max-width:100%;display:inline-block;padding:0;color:#fff;font-size:68px;line-height:104px;opacity:.3;white-space:nowrap;text-overflow:ellipsis;}
.blackboard_wrap .notice_tit .bx_input .input_txt{outline:none;padding:0;color:#fff;font-size:68px;line-height:104px}
.blackboard_wrap .notice_cont{height:100%}
.blackboard_wrap .notice_cont .bx_textarea{height:100%}
.blackboard_wrap .notice_cont .bx_textarea textarea {overflow:auto;height:100%;color:#fff;font-size:68px;line-height:104px;background-color:transparent;border-width:0}
.blackboard_wrap .notice_cont .textarea_info label{color:#fff;font-size:68px;line-height:104px;opacity:.3}

.blackboard_wrap .balckboard_option {position:fixed;left:0;right:0;bottom:0;height:100px;padding:0 100px;box-sizing:border-box;background-color: rgba(0, 0, 0, 0.4)}
.blackboard_wrap .balckboard_option .writing_option {float:left;overflow:hidden;font-weight:bold;color:#fff}
.blackboard_wrap .balckboard_option .writing_option em {float:left;font-size:16px}
.blackboard_wrap .balckboard_option .writing_option .small {margin-top:37px;font-size:16px;line-height:24px}
.blackboard_wrap .balckboard_option .writing_option .large {margin-top:32px;font-size:22px;line-height:33px}

.blackboard_wrap .balckboard_option .writing_option .bar_writing {position:relative;float:left;width:304px;height:16px;margin:41px 20px 0;border-radius:10px;background-color:rgba(255, 255, 255, 0.4)}
.blackboard_wrap .balckboard_option .writing_option .btn_writing {position:absolute;top:-6px;width:28px;height:28px}
.blackboard_wrap .balckboard_option .writing_option .btn_writing::after {display:block;width:8px;height:8px;margin:0 auto;border-radius:50%;background:#fff;content:""}
.blackboard_wrap .balckboard_option .writing_option .btn_writing.on::after {width:28px;height:28px;border:3px solid #fff;background:#3577f8;box-sizing:border-box}
.blackboard_wrap .balckboard_option .writing_option .btn_writing:nth-child(1) {left:-7px}
.blackboard_wrap .balckboard_option .writing_option .btn_writing:nth-child(2) {left:66px}
.blackboard_wrap .balckboard_option .writing_option .btn_writing:nth-child(3) {left:138px}
.blackboard_wrap .balckboard_option .writing_option .btn_writing:nth-child(4) {left:210px}
.blackboard_wrap .balckboard_option .writing_option .btn_writing:nth-child(5) {left:282px}

.blackboard_wrap .balckboard_option .btn_change {margin:26px 0 0 60px;width:185px;height:46px;padding:11px 0;border:1px solid #fff;border-radius:4px;font-weight:bold;font-size:15px;line-height:22px;color:#fff}

.blackboard_wrap .btn_close {position:absolute;right:40px;top:40px;width:130px;height:46px;padding:11px 0;border:1px solid #fff;border-radius:4px;font-weight:bold;font-size:15px;line-height:22px;color:#fff}
.blackboard_wrap .btn_close::before {display:inline-block;width:19px;height:18px;margin:2px 5px 0 0;vertical-align:top;background:url(../img/sp.png) no-repeat -210px -500px;content:""}

/* 화이트 보드 배경 */
.blackboard_wrap.white {background-color:#fff}
.blackboard_wrap.white .notice_tit {border-color:#919191}
.blackboard_wrap.white  .notice_tit .bx_input .input_lbl,
.blackboard_wrap.white  .notice_cont .textarea_info label {color:#565656;opacity:.4}
.blackboard_wrap.white .notice_tit .bx_input .input_txt,
.blackboard_wrap.white .notice_cont .bx_textarea textarea{color:#565656}

.blackboard_wrap.white .btn_close {border-color:#ccc;color:#666}
.blackboard_wrap.white .btn_close::before {background:url(../img/sp.png) no-repeat -230px -500px;}

/* 글자 크기 */
.blackboard_wrap.type_notice .balckboard_inner.fs_xs {padding-top:151px}
.balckboard_inner.fs_xs .notice_tit .bx_input .input_txt,
.balckboard_inner.fs_xs .notice_tit .bx_input .input_lbl,
.balckboard_inner.fs_xs .notice_cont .textarea_info label,
.balckboard_inner.fs_xs .notice_cont .bx_textarea textarea {font-size:54px;line-height:80px}

.blackboard_wrap.type_notice .balckboard_inner.fs_s {padding-top:170px}
.balckboard_inner.fs_s .notice_tit .bx_input .input_txt,
.balckboard_inner.fs_s .notice_tit .bx_input .input_lbl,
.balckboard_inner.fs_s .notice_cont .textarea_info label,
.balckboard_inner.fs_s .notice_cont .bx_textarea textarea {font-size:60px;line-height:90px}

.blackboard_wrap.type_notice .balckboard_inner.fs_l {padding-top:192px}
.balckboard_inner.fs_l .notice_tit .bx_input .input_txt,
.balckboard_inner.fs_l .notice_tit .bx_input .input_lbl,
.balckboard_inner.fs_l .notice_cont .textarea_info label,
.balckboard_inner.fs_l .notice_cont .bx_textarea textarea {font-size:76px;line-height:114px}

.blackboard_wrap.type_notice .balckboard_inner.fs_xl {padding-top:208px}
.balckboard_inner.fs_xl .notice_tit .bx_input .input_txt,
.balckboard_inner.fs_xl .notice_tit .bx_input .input_lbl,
.balckboard_inner.fs_xl .notice_cont .textarea_info label,
.balckboard_inner.fs_xl .notice_cont .bx_textarea textarea {font-size:86px;line-height:128px}

/* 관리자 > 홈페이지 연동 > 연동하기 > 계정 설정 팝업 */
.ly_pop_wrap.ly_account_setting .pop_contents{width:570px;word-break:keep-all;word-wrap:break-word}
.ly_pop_wrap.ly_account_setting .pop_tit{text-align:left}
.ly_pop_wrap.ly_account_setting .group_full{margin-top:30px}
.ly_pop_wrap.ly_account_setting .txt_error{color:#f74f4f}
.ly_pop_wrap.ly_account_setting .bx_input.error{border-color:#f74f4f}
/* 관리자 > 홈페이지 연동 > 연동하기 > 계정재 설정 팝업 */
.ly_pop_wrap.ly_account_setting .pop_stit{margin-top:30px}
.ly_pop_wrap.ly_account_setting .bx_bg_guide{margin-top:14px}
.ly_pop_wrap.ly_account_setting .area_inp_chk{margin-top:20px}
/* 관리자 > 홈페이지 연동 > 연동 정보 갱신 팝업 */
.ly_pop_wrap.ly_account_update .pop_contents{width:570px;word-break:keep-all;word-wrap:break-word}
.ly_pop_wrap.ly_account_update .pop_tit{text-align:left}
.ly_pop_wrap.ly_account_update .pop_stit{margin-top:30px;color:#222}
.ly_pop_wrap.ly_account_update .pop_dsc5{margin-top:5px;color:#545454;text-align:left}
.ly_pop_wrap.ly_account_update .pop_dsc5+.pop_dsc5{margin-top:22px}
.ly_pop_wrap.ly_account_update .pop_stit+.pop_dsc5{margin-top:10px}
.ly_pop_wrap.ly_account_update .group_full{margin-top:14px}
.ly_pop_wrap.ly_account_update .bx_input.error{padding-top:13px}
.ly_pop_wrap.ly_account_update .txt_error{color:#f74f4f}
.ly_pop_wrap.ly_account_update .area_inp_chk{margin-top:32px}
.ly_pop_wrap.ly_account_update .bx_account_info{margin-top:20px}
.ly_pop_wrap.ly_account_update .bx_include_file_sm{margin-top:20px}

/* 연동신청 - 홈페이지 추가 신청 팝업 시작 */
.popup_register.popup_register_board{height:793px}
.popup_register.popup_register_board .popup_body{height:733px}
.popup_register_board .area_inp_chk{margin-top:30px}
.popup_register_board .area_inp_chk .input_chk.type5 + label{padding-left:30px;font-size:14px}
.popup_register_board .area_inp_chk .input_chk.type5 + label:after{margin-top:-9px}
.popup_register_board .area_inp_chk .txt_error{margin-top:3px;padding-left:30px;color:#f74f4f;font-size:13px}
.popup_register_board .bx_btn_full{margin-top:20px}
.popup_register_board .bx_btn_full .btn_m{width:100%;height:auto;padding:11px 10px 13px;font-size:14px;line-height:inherit}
.popup_register_board .bx_btn_full .btn_m .ico_plus2{margin-right:8px}

.wrap_apply_qna{overflow:auto;margin-top:30px;max-height:376px;padding:30px;background-color:#f8fafd;box-sizing:border-box;}
.wrap_apply_qna .bx_apply_qna+.bx_apply_qna{margin-top:20px;padding-top:22px;border-top:1px solid #eee}
.wrap_apply_qna .bx_apply_qna .question{color:#222;font-size:14px;}
.wrap_apply_qna .bx_apply_qna .answer{margin-top:10px;color:#222;font-size:14px;line-height:22px;}
.wrap_apply_qna .new_btn_xs{margin-top:10px;padding:3px 10px 4px;font-size:13px;border-radius:2px}

.wrap_form_board .bx_scroll{overflow:hidden;overflow-y:auto;max-height:514px}
.form_board_apply{position:relative;border:1px solid #afafaf}
.form_board_apply+.form_board_apply{margin-top:21px}
.form_board_apply .bx_head{padding:9px 21px 9px;background-color:#f9f9f9;border-bottom:1px solid #d4d4d4}
.form_board_apply .bx_head:after{content:'';display:block;clear:both;}
.form_board_apply .bx_head .bx_head_tit{display:inline-block;padding:4px 0 6px;color:#222;font-size:14px;font-weight:500}
.form_board_apply .bx_head .txt_error{display:inline-block;margin-left:6px}
.form_board_apply .bx_head .bx_right{float:right}
.form_board_apply .bx_head .bx_right .btn4{padding:5px 11px 6px;font-size:13px}
.form_board_apply .lst_input{padding:20px 20px 30px}
.form_board_apply .lst_input>li{display:flex}
.form_board_apply .lst_input>li+li{margin-top:10px}
.form_board_apply .lst_input .bx_option_group{margin-top:20px;padding-top:12px;border-top:1px solid #eee}
.form_board_apply .info_lbl{min-width:120px;padding-top:6px;color:#222;font-size:13px}
.form_board_apply .info_lbl .ico_notice.gray2{position:relative;top:3px}
.form_board_apply .input_txt{width:280px}
.form_board_apply .txt_error{margin-top:6px;color:#f74f4f;font-size:13px}
.form_board_apply .bx_dropdown.type2{margin-right:5px}
.form_board_apply .bx_dropdown.type2 .btn_select{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:105px}
.form_board_apply .row_target .bx_dropdown.lg .btn_select{min-width:115px}
.form_board_apply .row_target .input_txt{width:200px}
.form_board_apply .area_board_option{width:255px;padding-top:8px}
.form_board_apply .area_board_option+.area_board_option{margin-left:auto;padding-left:20px}
.form_board_apply .area_board_option .bx_img{width:164px;margin-bottom:10px}
.form_board_apply .area_board_option .bx_img img{width:100%}
.form_board_apply .area_board_option .input_rdo.type2 + label{color:#222;font-size:13px}
.form_board_apply .area_board_option .inp_desc{margin-top:3px;color:#808080;font-size:12px;line-height:20px}
.form_board_apply .area_board_option .bx_dropdown.type2{margin-top:10px}
.form_board_apply .area_board_option .bx_dropdown.type2 .btn_select{width:190px}
.form_board_apply .bx_dimmed_apply{position:absolute;top:156px;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background-color:rgba(107,107,107,.8);z-index:10}
/* 연동신청 - 홈페이지 추가 신청 팝업 끝 */

/* 연동관리 > 학급 변경 신청 팝업 */
.ly_pop_wrap.ly_register_class .pop_contents{width:588px}
.ly_pop_wrap.ly_register_class .pop_tit{text-align:left;}
.ly_pop_wrap.ly_register_class .pop_dsc5{margin-top:5px;text-align:left;}
.ly_pop_wrap.ly_register_class .pop_stit{margin-top:25px;margin-bottom:12px}
.ly_pop_wrap.ly_register_class .ly_tbl_scroll{margin-top:0;width:100%}
.ly_register_class .ly_tbl_scroll .area_tbl_scroll{max-height:165px}
.ly_register_class .ly_th_fixed th:first-child,
.ly_register_class .ly_td_scroll td:first-child{padding-left:10px}
.ly_register_class .ly_th_fixed th,
.ly_register_class .ly_td_scroll td{padding-left:5px;padding-right:5px}
.ly_register_class .ly_th_fixed th:last-child,
.ly_register_class .ly_td_scroll td:last-child{padding-right:14px}
.ly_register_class .bx_dropdown{width:105px;margin-right:7px;vertical-align:0;}
.ly_register_class .bx_input2{margin-right:7px;}
.ly_register_class .bx_input2 .input_txt{width:60px;padding:0 10px;vertical-align:-1px;}
.ly_register_class .bx_input2 label{padding-left:10px}
.ly_register_class .bx_input_rdo{position:relative;top:-2px}
.ly_register_class .bx_input_rdo label{padding-bottom:1px;padding-left:27px;font-size:13px}
.ly_register_class .bx_input_rdo+.bx_input_rdo{margin-left:10px}
.ly_register_class .bx_textarea textarea{overflow-y:auto;height:120px;padding:20px;font-size:13px;line-height:20px;box-sizing:border-box;border:1px solid #ccc}
.ly_register_class .bx_textarea textarea::placeholder{color:rgba(51,51,51,.3)}
.ly_register_class .btn_select.is_error,
.ly_register_class .bx_input2.error .input_txt{border-color:#f74f4f}
.ly_register_class .bx_btn_full{margin-top:20px }
.ly_register_class .bx_btn_full .btn_m{width:100%;height:auto;padding:11px 10px 13px;font-size:14px;line-height:inherit}
.ly_register_class .bx_btn_full .btn_m .ico_plus5{position:relative;top:-1px;margin-right:7px;}
.ly_register_class .txt_error{margin-top:10px;color:#f74f4f}

/* 연동관리 > 홈페이지 게시판 추가 신청 > step2 > 메뉴옵션 팝업 */
.ly_pop_wrap.ly_option_detail .pop_contents{width:700px;padding:40px}
.ly_option_detail .wrap_option_detail{display:flex;}
.ly_option_detail .bx_option_detail+.bx_option_detail{margin-left:40px}
.ly_option_detail .bx_option_detail{width:100%}
.ly_option_detail .bx_option_detail .option_tit{color:#222;font-size:14px;line-height:20px}
.ly_option_detail .bx_option_detail .option_desc{margin-top:3px;min-height:72px;color:#222;font-size:12px;line-height:18px}
.ly_option_detail .bx_option_detail .bx_img{margin-top:10px}
.ly_option_detail .bx_option_detail .bx_img img{width:100%}

/* 연동관리 > 연동 게시판 추가 신청 팝업 */
.ly_pop_wrap.ly_register_board .pop_contents{width:684px}
.ly_pop_wrap.ly_register_board .pop_tit{text-align:left;}
.ly_pop_wrap.ly_register_board .pop_dsc5{margin-top:5px;text-align:left;}
.ly_register_board .wrap_select_option{display:flex;margin-top:30px}
.ly_register_board .bx_option{position:relative;width:100%;padding:60px 10px 60px;text-align:center;}
.ly_register_board .bx_option+.bx_option{margin-left:14px}
.ly_register_board .bx_option .rdo_input_option{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #e1e1e1;z-index:1;cursor:pointer;}
.ly_register_board .bx_option :checked+.rdo_input_option{border-color:#3577f8}
.ly_register_board .option_detail{margin-top:10px}
.ly_register_board .option_detail>dt{position:relative;color:#171717;font-size:17px}
.ly_register_board .option_detail>dt:before{content:'';display:inline-block;width:20px;height:20px;margin-right:6px;background:url(../img/sp.png) no-repeat -198px -198px;vertical-align:-3px;}
.ly_register_board :checked~.option_detail>dt:before{background-position:-220px -198px}
.ly_register_board .option_detail>dd{margin-top:10px;color:#222;font-size:14px;line-height:20px;}
.ly_register_board .option_detail>dd .point{font-weight:700}

/* 연동관리 > 게시판 추가신청 */
.ly_pop_wrap.ly_register_board02 .pop_contents{width:766px}
.ly_register_board02 .pop_tit{text-align:left}
.ly_register_board02 .form_board_apply{margin-top:30px;border-width:1px 0 1px 0;border-color:#d4d4d4}
.ly_register_board02 .form_board_apply .lst_input{padding-left:0;padding-right:0}
.ly_register_board02 .form_board_apply .info_lbl{min-width:115px}
.ly_register_board02 .form_board_apply .area_board_option{width:262px}
.ly_register_board02 .form_board_apply .bx_input2 .input_txt:read-only{color:rgba(0,0,0,.2);background-color:#fafafa;border-color:#eee}
.ly_register_board02 .form_board_apply .bx_dimmed_apply .guide_txt{color:#fff;font-size:15px;line-height:25px;font-weight:bold}
.ly_register_board02 .form_board_apply .bx_dimmed_apply .bx_btn{margin-top:30px}
.ly_register_board02 .form_board_apply .bx_dimmed_apply .bx_btn .btn_l{width:auto;padding-left:30px;padding-right:30px}

/* 상품 유료화 변경 */
.banner_noti {height:60px;background:#ebf2ff}
.banner_noti .inner {width:1000px;margin:0 auto;padding:16px 26px 20px;font-size:14px;line-height:20px;color:#171717}
.banner_noti .inner .link {float:right;margin-top:-3px;min-width:112px;height:28px;border-radius:4px;border:1px solid #3577f8;font-weight:bold;font-size:12px;color:#3577f8;line-height:28px;text-align:center}
.banner_noti .inner .ico_noti{display:inline-block;width:6px;height:10px;margin:10px 0 0 3px;background-position:-490px -500px;vertical-align:top;content:""}
.banner_noti .inner .emph {color:#ff5c5c}

.header_wrap .header .noti {float:left;padding-top:11px}
.header_wrap .header .noti+.top_menu{margin-left:9px}
.header_wrap .header .noti .dsec {display:inline-block;margin-right:10px;font-size:13px;line-height:19px;color:#fff}
.header_wrap .header .noti .dsec .emph {font-weight:700}
.header_wrap .header .noti .dsec .emph.yellow {color:#FCFF56}
.header_wrap .header .noti .dsec .grace_left {display: inline-block;padding: 0 8px;margin-left: 6px;height: 23px;border-radius: 33px;background: #ff5c5c;}
.header_wrap .header .noti .dsec .grace_left span {color: #fff;font-size: 11px;font-style: normal;font-weight: 700;line-height: 150%;letter-spacing: -0.5px;}
.header_wrap .header .noti .link {display:inline-block;min-width:112px;height:28px;border:1px solid #fff;border-radius :4px;font-size:12px;line-height:28px;text-align:center;color:#fff}
.header_wrap .header .noti .ico_noti {display:inline-block;margin:10px 0 0 3px;width:6px;height:9px;background-position:-500px -500px;vertical-align:top;content:""}

/* 안내 문자를 받을 학부모 선택 팝업 */
.ly_pop_wrap .area_tbl.sms_list .tbl_body td {padding:11px 0}
.survey_send_area .left_survey_send .reaction_area .area_tbl.sms_list .area_tbl_scroll {max-height:396px}
.ly_survey.sms_pop .pop_tit_area .bx_btn_switch {bottom:auto;top:5px}
.survey_send_area .left_survey_send .tit_sms {display:block;width:100%;height:39px;font-weight:normal;font-size:13px;line-height:39px;color:#222;text-align:center;border: solid 1px #a3a3a3;border-bottom:0;box-sizing:border-box}

/* 연동 신청 - 계정 정보 박스 */
.bx_account_info{padding:25px 30px;border:1px solid #e0e0e0}
.bx_account_info .bx_tit{color:#171717;font-size:14px;}
.bx_account_info .notice{margin-top:5px;color:#868686;font-size:13px;}
.bx_account_info .notice .ico_notice{margin-right:5px;vertical-align:-2px;}
.bx_account_info .lst_account{margin-top:16px;font-size:15px}
.bx_account_info .lst_account:after{content:'';display:block;clear:both}
.bx_account_info .lst_account dt{float:left;min-width:66px;padding-right:10px;color:#8d8d8d}
.bx_account_info .lst_account dd{float:left}
.bx_account_info .lst_account+.lst_account{margin-top:4px}

/* 레이어 tui-datepicker */
.ly_pop_wrap .info_datepicker {margin-top:30px;padding:25px 0;border:1px solid #edeff2;background-color:#f7f9fc}
.ly_pop_wrap .info_datepicker strong {display:inline-block;margin-right:20px;font-size:15px;color:#222}
.ly_pop_wrap .info_datepicker .reserve_message {display:inline-block}
.ly_pop_wrap .reserve_message .tui-datetime-input {width:110px;height:34px;border-color:#e0e0e0;box-sizing:border-box;line-height:32px;vertical-align:bottom}
.ly_pop_wrap .reserve_message .tui-datepicker-input input {padding:0 0 1px;font-size:15px;color:#575757;text-align:center;background:#fff}
.ly_pop_wrap .reserve_message .bx_sorting2 .btn_select {background:#fff}
.ly_pop_wrap .reserve_message .bx_sorting2 .btn_select:after {display:none}

/* 시작 날짜 & 종료 날짜_UI */
.ly_pop_wrap .reserve_message #startpicker-container.tui-datepicker_calendar .tui-calendar td, #endpicker-container.tui-datepicker_calendar .tui-calendar td{height:43px;line-height:41px}
.ly_pop_wrap .reserve_message .tui-calendar .tui-calendar-next-month.tui-calendar-date, .tui-calendar .tui-calendar-prev-month.tui-calendar-date{visibility:inherit;color:#919191}

.ly_pop_wrap .reserve_message .tui-datepicker{width:380px}
.ly_pop_wrap .reserve_message .tui-datetime-input{width:110px;height:34px;border-color:#e0e0e0;box-sizing:border-box;line-height:32px;vertical-align:bottom}
.ly_pop_wrap .reserve_message .tui-datepicker-input input{padding:0 0 1px;font-size:15px;color:#575757;text-align:center}
.ly_pop_wrap .reserve_message .tui-datetime-input{width:110px;height:34px;border-color:#e0e0e0;box-sizing:border-box;line-height:32px;vertical-align:bottom}
.ly_pop_wrap .reserve_message .tui-datepicker-input input{padding:0 0 1px;font-size:15px;color:#575757;text-align:center}
.ly_pop_wrap .reserve_message .tui-datepicker-type-date,
.ly_pop_wrap .reserve_message .tui-calendar{width:auto}
.ly_pop_wrap .reserve_message .tui-datepicker_calendar .tui-calendar .tui-calendar-header-inner{padding:0 0 0 9px;line-height:normal}
.ly_pop_wrap .reserve_message .tui-datepicker_calendar .tui-calendar .tui-calendar-header{margin-bottom:7px}

/* 삭제된 게시물 모음 */
.ly_pop_wrap.ly_deleted_post .pop_contents{width:930px;padding-top:45px}
.ly_pop_wrap.ly_deleted_post .area_tbl_scroll{max-height:495px}
.ly_pop_wrap.ly_deleted_post .bx_tbl_utill{margin-top:24px}
.ly_pop_wrap.ly_deleted_post .bx_tbl_utill .count{display:inline-block;margin-right:6px;font-size:13px;color:#919191;vertical-align:middle}
.ly_pop_wrap.ly_deleted_post .bx_tbl_utill .bx_dropdown{vertical-align:middle}
.ly_pop_wrap.ly_deleted_post .tbl_head{margin-top:10px}
.ly_pop_wrap.ly_deleted_post .tbl_body td{padding:0;height:50px}
.ly_pop_wrap.ly_deleted_post .subject_name{overflow:hidden;display:inline-block;max-width:100%;color:#222;font-size:15px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap}
.ly_pop_wrap.ly_deleted_post .subject{text-align:left}
.ly_pop_wrap.ly_deleted_post .area_btn{font-size:0}
.ly_pop_wrap.ly_deleted_post .new_btn_xs{padding-left:10px;padding-right:10px}
.ly_pop_wrap.ly_deleted_post .new_btn_xs+.new_btn_xs{margin-left:4px}
.ly_pop_wrap.ly_deleted_post .bx_post_util{margin-top:10px}
.ly_survey4.ly_deleted_post .no_data{display:flex;flex-direction:column;justify-content:center;padding-top:0;height:408px}

.agree_area {
    margin-top: 30px;
    border-radius: 4px;
    border: 1px solid #ccc;
}
.lst_member .agree_area {
    margin-top: 0;
}
.lst_member .agree_area li + li {
    margin-top: 0;
}
.agree_area .agree_header {
    padding: 16px 10px 16px 20px;
    line-height: 1;
}
.agree_area .agree_term {
    padding: 16px 20px;
    border-top: 1px solid #ccc;
}
.agree_area + .error {
    margin-top: 10px;
    color: red;
}
.agree_area.focus {
    border-color: red;
}
.agree_area.focus .agree_term {
    border-color: red;
}
.agree_area .agree_label {
    display: inline-block;
    color: #1a1a1a;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
    cursor: pointer;
}
.agree_area .agree_label:focus {
    outline: 1px solid saddlebrown;
}
.agree_area .agree_label .sp {
    overflow: hidden;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background-position: -262px -152px;
}
.agree_area .agree_input:checked + .agree_label .sp {
    background-position: -262px -180px;
}
.agree_area .agree_label .txt {
    display: inline-block;
    vertical-align: middle;
}
.agree_area .agree_term_item {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.5px;
}

/* vrow disabled 스타일 */
.ly_pop_wrap .tbl_body .vrow.disabled:first-child td {border-top-width: 2px;}
.ly_pop_wrap .tbl_body .vrow.disabled td {border-top: 1px solid red; border-bottom: 1px solid red;}
.ly_pop_wrap .tbl_body .vrow.disabled td:first-child {
    border-left: 1px solid red;
}
.ly_pop_wrap .tbl_body .vrow.disabled td:last-child {
    border-right: 1px solid red;
}

/* animation */
@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* 2024.06.27 방과후 학교 우선순위 대상자 유효성 검증 팝업  */
.unregist_draw_priors_list_wrap {display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top:16px;}