/* 공통_layer_popup */
.ly_pop_wrap{overflow-y:auto;position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;font-size:0;text-align:center}
.ly_pop_wrap:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.ly_pop_wrap .pop_contents{display:inline-block;position:relative;width:476px;margin:20px 0;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{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_stit{display:block;font-size:16px;font-weight:700;color:#171717;}
.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 .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{width:148px;height:54px;font-weight:700;line-height:50px}
.ly_pop_wrap .bx_btn .btn_l + .btn_l{display:inline-block;margin-left:10px}
.ly_pop_wrap .no_title .pop_dsc{font-size:21px;color:#171717;line-height:34px}
.ly_pop_wrap .no_title .pop_dsc span{font-size:17px}
.ly_pop_wrap .no_title .pop_dsc span.txt_color{font-size:21px}
.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.type4 + 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 .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_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_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}


/* 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}

/* layout common */
body{position:relative;overflow-wrap:break-word;word-break:break-all}
body.no_scroll{overflow:hidden}
body.no_minwidth{min-width:auto} /* 시스템팝업에서 사용 */
.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}
.area_title{position:relative;padding-right:25%}
.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 .btn_notice_write{position:absolute;top:0;right:0;width:153px;height:46px;font-size:16px;letter-spacing:-.5px;line-height:44px}

.sp, .bx_add .txt_guide:before,.logo_edu, .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{display:inline-block;background-image:url(../img/sp.png);background-repeat:no-repeat;font-size:0}
.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}

/* UIO common */
.btn, .btn2, .btn3{display:inline-block;width:80px;height:38px;border:1px solid #ccc;box-sizing:border-box;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}
.btn_xs{width:50px;height:28px;font-size:12px;line-height:26px}
.btn_m{width:102px;height:46px;font-size:16px;line-height:44px}
.btn_l{width:210px;height:58px;font-size:17px;line-height:56px}
.btn:disabled, .btn2:disabled, .btn3:disabled{border-color:#e9e9e9!important;background-color:#fcfcfc!important;color:#ccc!important;pointer-events:none}
.btn:hover{background-color:#fafafa}
.btn:active{background-color:#f0f0f0}
.btn2:hover{background-color:#f5f8ff}
.btn2:active{background-color:#e6efff}
.btn3:hover{background-color:#256bf7}
.btn3:active{background-color:#135ef2}
.btn:disabled:hover, .btn2:disabled:hover, .btn3:disabled:hover{background-color:#fcfcfc!important}

/* dimmed 케이스 */
.dimmed{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90;background:transparent} /* 레이어팝업용 */