*{margin: 0;padding: 0;box-sizing: border-box;font-family: '맑은 고딕';font-size: 12px;line-height: 150%;}
html,body,#wrap{height: 100%;}
button{border: none;background: none;cursor: pointer;}
table{width: 100%;border-collapse: collapse;border-spacing: 0;}
a{text-decoration: none;color: inherit;}
li{list-style: none;}
label{cursor: pointer;}

#wrap{display: block !important;width: 1400px;max-width: 100%;margin: 0 auto 80px;}
.fl{float: left;}
.fr{float: right;}
.cb::after{content: '';display: block;clear: both;}

.fcr{color: #fc4c4e;}

.fwb{font-weight: bold;}

.por{position: relative;}


.top_search{position: relative;margin-top: 20px;}
.top_search h1{margin-bottom: 10px;font-size: 14px;font-weight: bold;}
.top_search .inp{width: 100%;height: 45px;padding: 10px;border: 1px solid #ddd;}
.top_search .p_lst{position: absolute;top: 45px;z-index: 10;width: 100%;background-color: #fff;}
.top_search .p_lst ul{border: 1px solid #ddd;}
.top_search .p_lst ul li{padding: 10px;border-bottom: 1px solid #ddd;}
.top_search .p_lst ul li:last-child{border-bottom: none;}

.filter_open{display: block;width: 100%;height: 100%;margin-top: 20px;padding: 10px;font-size: 16px;color: #666;background-color: #eee;}
.top_tab{margin: 20px 0 0;}
.top_tab ul{display: table;width: 100%;}
.top_tab ul li{display: table-cell;text-align: center;}
.top_tab ul li button{display: block;width: 100%;height: 100%;padding: 10px;font-size: 16px;color: #666;background-color: #eee;}
.top_tab ul li .act{background-color: #ddd;color: #fff;font-weight: bold;}
.top_tab.v_ty ul li{width: 50%;}

.lst_add_btn{display: block;width: 100%;height: 35px;margin-top: 20px;line-height: 35px;text-align: center;color: #fff;background-color: #333;}


.project_lst_tb .tb{margin-top: 30px;border-top: 1px solid #000;}
.project_lst_tb .tb .thead{display: flex;width: 100%;}
.project_lst_tb .tb .thead .th{padding: 20px 5px;border: 1px solid #ddd;background-color: #fefefe;font-size: 12px;text-align: center;border-left: none;font-weight: bold;}
.project_lst_tb .tb .thead .th:last-child,
.project_lst_tb .tb .tbody .tr .td:last-child{border-right: none;}
.project_lst_tb .tb .thead .th1,
.project_lst_tb .tb .tbody .tr .td1{flex-basis: 180px;}
.project_lst_tb .tb .thead .th2,
.project_lst_tb .tb .thead .th3,
.project_lst_tb .tb .thead .th4,
.project_lst_tb .tb .tbody .tr .td2,
.project_lst_tb .tb .tbody .tr .td3,
.project_lst_tb .tb .tbody .tr .td4{flex-basis: 100px;}
.project_lst_tb .tb .thead .th5,
.project_lst_tb .tb .tbody .tr .td5{flex-basis: 90px;}
.project_lst_tb .tb .thead .th6,
.project_lst_tb .tb .thead .th7,
.project_lst_tb .tb .thead .th8{flex-basis: 280px;padding: 0;}
.project_lst_tb .tb .tbody .tr .td6,
.project_lst_tb .tb .tbody .tr .td7,
.project_lst_tb .tb .tbody .tr .td9,
.project_lst_tb .tb .tbody .tr .td10,
.project_lst_tb .tb .tbody .tr .td12,
.project_lst_tb .tb .tbody .tr .td13{flex-basis: 93px;}
.project_lst_tb .tb .tbody .tr .td8,
.project_lst_tb .tb .tbody .tr .td11,
.project_lst_tb .tb .tbody .tr .td14{flex-basis: 94px;}
.project_lst_tb .tb .thead .th2_1{padding: 5px;}
.project_lst_tb .tb .thead .th2_line{display: flex;border-top: 1px solid #ddd;}
.project_lst_tb .tb .thead .th2_line .th2{padding: 5px;}
.project_lst_tb .tb .tbody .tr{display: flex;}
.project_lst_tb .tb .tbody .tr .td{padding: 10px;border: 1px solid #ddd;border-left: none;border-top: none;font-size: 12px;text-align: center;}
.project_lst_tb .tb .tbody .tr .td1{text-align: left;}
.project_lst_tb .tb .tbody .tr .td1 a{text-decoration: underline;}
.project_lst_tb .tb .tbody .tr .td.comp{background-color: #f0f0f0;}

.cont_wrap .project_lst_tb{width: 100%;overflow-x: auto;}
.cont_wrap .project_lst_tb .tb{width: 1400px;}

.bottom_btns{margin-top: 20px;text-align: center;}
.bottom_btns .btn{display: inline-block;width: 80px;height: 35px;text-align: center;line-height: 35px;background-color: #000;color: #fff;}
.bottom_btns .btn:disabled{background-color: #999;}

.part_tb table tr th,.part_tb table tr td{padding: 10px;border: 1px solid #ddd;}
.part_tb table tr th{font-weight: bold;background-color: #f7f7f7;}
.part_tb table tr td ul li.under{color: #999;text-decoration: line-through;}
.part_tb table tr td ul li{margin-top: 5px;}
.part_tb table tr td ul li:first-child{margin-top: 0;}
.part_tb table tr td ul li a{text-decoration: underline;}


.bottom_nav{position: fixed;z-index: 100;left: 0;bottom: 0;width: 100%;background-color: #eee;}
.bottom_nav ul{font-size: 0;}
.bottom_nav ul li{display: inline-block;width: 20%;padding: 15px 0;text-align: center;}
.bottom_nav ul li a{font-size: 10px;}
.bottom_nav ul li a svg,.bottom_nav ul li button svg{display: block;width: 25px;margin: 0 auto;}
.v_tb table{border-top: 1px solid #000;}
.v_tb table tr{border-bottom: 1px solid #ddd;}
.v_tb table tr th{width: 150px;border-left: 1px solid #ddd;text-align: left;padding: 10px 5px;font-size: 12px;font-weight: normal;}
.v_tb table tr td{padding: 10px 5px;border-left: 1px solid #ddd;font-size: 12px;}
.v_tb table tr td .php_memo{margin-top: 20px;}
.v_tb table tr td .php_memo li{padding: 15px 0;border-top: 1px solid #ddd;white-space: pre;}
.v_tb table tr td .php_memo li .dib{margin-top: 10px;}
.v_tb table tr td .php_memo li .date{display: inline-block;color: #999;}
.v_tb table tr td .php_memo li .del{display: inline-block;margin-left: 10px;color: #999;text-decoration: underline;}
.v_tb table tr td .pb10{padding-bottom: 10px;}
.v_tb table tr td a{text-decoration: underline;}
.v_tb table tr td .margin_label{margin-right: 15px;}
.v_tb table tr td .margin_label input{margin-bottom: 3px;margin-right: 5px;vertical-align: middle;}
.v_tb table tr td.area{white-space: pre-wrap;}
.v_tb table tr th:first-child,
.v_tb table tr td:first-child{border-left: none;}
.v_tb table .d{background-color: rgba(234,194,105,0.05);}
.v_tb table .c{background-color: rgba(133,206,193,0.05);}
.v_tb table .p{background-color: rgba(119,158,218,0.05);}
.v_tb table .conf{background-color: rgba(129,29,123,0.05);}
.v_tb table .d,
.v_tb table .c,
.v_tb table .p,
.v_tb table .conf,
.v_tb table .d th,
.v_tb table .c th,
.v_tb table .p th,
.v_tb table .conf th,
.v_tb table .add th{text-align: center;}
.v_tb table .d th,
.v_tb table .c th,
.v_tb table .p th,
.v_tb table .conf th,
.v_tb table .add th{font-weight: bold;}
.v_tb table .tac{text-align: center;}
.v_tb table .use_info{color: #999;}


.pb20{padding-bottom: 20px;}
.pb100{padding-bottom: 100px;}

.pt5{padding-top: 5px;}
.pt50{padding-top: 50px;}
.pt80{padding-top: 80px;}
.mb20{margin-bottom: 20px;}

.pb80{padding-bottom: 80px;}

.inp{width: 100%;height: 45px;border: 1px solid #ddd;font-size: 12px;}
div.inp{position: relative;height: auto;padding: 10px 0;border: none;border-bottom: 1px solid #ddd;}
div.inp::after{content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 2px;background-color: #000; transition: width 0.2s;}
div.inp:focus{outline: none;}
div.inp:focus::after{width: 100%;}

input.inp{padding: 0 5px;}
textarea.inp{height: 100px;padding: 5px;}


.member_ready{margin: 50px 0;text-align: center;}
.member_ready h1{margin-bottom: 20px;}

.df_vm{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.mem_form{width: 500px;max-width: 95%;margin: 0 auto;}
.mem_form .inp{margin-bottom: 10px;}
.mem_form .btns a,.mem_form .btns button{display: block;width: 100%;height: 45px;line-height: 35px;background-color: #333;text-align: center;color: #fff;margin-bottom: 10px;font-size: 12px;}


.td_color_info{margin-top: 10px;}
.td_color_info span{display: inline-block;padding: 5px;background-color: #f00;border-radius: 5px;}
.td_color_info .end_month{background-color: #FF7A7A;}
.td_color_info .comp{background-color: #f0f0f0;}
.td_color_info .balance{background-color: #f0f0f0;}
.td_color_info .astate{background-color: #C7E1C8;}
.td_color_info .issue{background-color: #f90;}


.list_wrap{position: relative;overflow: hidden;margin: 30px 0 0;padding-bottom: 100px;border-top: 1px solid #000;}
.list_wrap .tit_wrap{position: relative;z-index: 2;width: 150px;border-right: 1px solid #ddd;background-color: #fff;}
.list_wrap .tit_wrap .th{padding: 15px 10px;border-bottom: 1px solid #ddd;font-size: 12px;font-weight: bold;}
.list_wrap .td_scroll{overflow-x: auto;overflow-y: hidden;position: absolute;z-index: 1;top: 0;left: 0;right: 0; bottom: 0;width: 100%;}
.list_wrap .td_scroll .td_wrap{padding-left: 150px;}
.list_wrap .td_scroll .td_wrap .tr{display: flex;width: 1250px;}
.list_wrap .td_wrap .th{padding: 15px 10px;border-right: 1px solid #ddd; font-size: 12px;font-weight: bold;text-align: center;}
.list_wrap .td_wrap .th .th2_line{display: flex;border-top: 1px solid #ddd;}
.list_wrap .td_wrap .th .th2_1{padding: 5px;}
.list_wrap .tit_wrap .td{overflow: hidden;padding: 10px;border-bottom: 1px solid #ddd;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;}
.list_wrap .tit_wrap .td.balance{background-color: #f0f0f0;}
.list_wrap .tit_wrap .td.astate{background-color: #C7E1C8;}
.list_wrap .tit_wrap .td.issue{background-color: #f90;}
.list_wrap .tit_wrap .td a{text-decoration: underline;}
.list_wrap .td_wrap .th,.list_wrap .td_wrap .td{font-size: 12px;text-align: center;border-right: 1px solid #ddd;}
.list_wrap .td_wrap .tr{border-bottom: 1px solid #ddd;}
.list_wrap .td_wrap .td{overflow: hidden;padding: 10px;text-overflow: ellipsis;white-space: nowrap;}
.list_wrap .td_wrap .td.comp{background-color: #f0f0f0;}
.list_wrap .td_wrap .td.end_month{background-color: #FF7A7A;}


.list_wrap .td_wrap .th2,
.list_wrap .td_wrap .th3,
.list_wrap .td_wrap .th4,
.list_wrap .td_wrap .td2,
.list_wrap .td_wrap .td3,
.list_wrap .td_wrap .td4{flex-basis: 100px;}
.list_wrap .td_wrap .th2_line .th2{flex-basis: 88px;}

.list_wrap .td_wrap .th5,
.list_wrap .td_wrap .td5{flex-basis: 90px;}
.list_wrap .td_wrap .th6,
.list_wrap .td_wrap .th7,
.list_wrap .td_wrap .th8{flex-basis: 264px;padding: 0;}
.list_wrap .td_wrap .th9{flex-basis: 68px;}
/*
.list_wrap .td_wrap .th6,
.list_wrap .td_wrap .th7,
.list_wrap .td_wrap .th8{flex-basis: 280px;padding: 0;}
*/
.list_wrap .td_wrap .td6,
.list_wrap .td_wrap .td7,
.list_wrap .td_wrap .td9,
.list_wrap .td_wrap .td10,
.list_wrap .td_wrap .td12,
.list_wrap .td_wrap .td13{flex-basis: 85px;}
/*
.list_wrap .td_wrap .td6,
.list_wrap .td_wrap .td7,
.list_wrap .td_wrap .td9,
.list_wrap .td_wrap .td10,
.list_wrap .td_wrap .td12,
.list_wrap .td_wrap .td13{flex-basis: 93px;}
*/
.list_wrap .td_wrap .td8,
.list_wrap .td_wrap .td11,
.list_wrap .td_wrap .td14{flex-basis: 94px;}
.list_wrap .td_wrap .td15{flex-basis: 68px;}
.list_wrap .td_wrap .td15 .ect_btn{text-decoration: underline;}
.filter_wrap{margin-top: 5px;}
.filter_word{position: relative;display: inline-block;margin-right: 5px;padding: 5px 30px 5px 5px;border: 1px solid #eee;}
.filter_word .filter_del{position: absolute;right: 5px;top: calc(50% - 6px);}
.filter_word .filter_del svg{width: 12px;height: 12px;}

.memo_list{border-top: 1px solid #000;}
.memo_list ul li{padding: 10px;border-bottom: 1px solid #ddd;}
.memo_list ul li p{font-size: 12px;}
.memo_list ul li .name{margin-right: 10px;font-weight: bold;}
.memo_list ul li .date{color: #999;}
.memo_list ul li .t2{margin: 10px 0;color: #666;}
.memo_list ul li .del{color: #666;font-size: 12px;}

.memo_inp{padding: 10px;}
.memo_inp textarea{padding: 10px;font-size: 12px;}
.memo_inp .sbm button{font-size: 12px;}

.setting_nav{position: fixed;z-index: 100;top: 0;left: 0;bottom: 0;right: 0;display: flex;align-items: center;justify-content: center;background-color: rgba(0,0,0,0.8);}
.setting_nav ul li{margin: 20px 0;text-align: center;}
.setting_nav ul li a, .setting_nav ul li button{font-size: 20px;color: #fff;font-weight: bold;}

.mem_lst_tb{padding-top: 30px;padding-bottom: 100px;}
.mem_lst_tb table{border-top: 1px solid #000;}
.mem_lst_tb table tr th{font-weight: bold;}
.mem_lst_tb table tr th,.mem_lst_tb table tr td{padding: 10px;border: 1px solid #ddd;text-align: center;}
.mem_lst_tb table tr td a{text-decoration: underline;}

.cal_nav{padding: 20px;text-align: center;}
.cal_nav .c{position: relative;display: inline-block;margin: 0 20px;font-weight: bold;}
.cal_nav .c .date_p{position: absolute;z-index: 100;display: flex;margin-left: -35px;padding: 10px;border: 1px solid #ddd;background-color: #fff;}
.cal_nav .c .date_p ul{width: 50px;text-align: center;}
.cal_nav .c .date_p ul li{margin: 5px 0;}

.calendar_wrap{padding-bottom: 100px;}
.calendar table{table-layout: fixed;}
.calendar table thead{background-color: #f7f7f7;}
.calendar table tr th,.calendar table tr td{border: 1px solid #ddd;}
.calendar table tr th{width: calc(100% / 7); padding: 15px;text-align: center;}
.calendar table tr td{height: 80px;padding: 1px;vertical-align: top;}
.calendar table tr td.nc{background-color: #f7f7f7;}
.calendar table tr td .date{width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 20px;}
.calendar table tr td:first-child .date,
.calendar table tr td:last-child .date{color: #fc4c4e;}
.calendar table tr td .today{width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 20px;background-color: #ff0;font-weight: bold;}
.calendar table tr td .lst ul li{margin-bottom: 1px;}
.calendar table tr td .lst ul li button{display: block;width: 100%;height: 100%;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 3px;color: inherit;}
.calendar table tr td .lst ul li .wsi{white-space: inherit;}
.calendar table tr td .lst ul li.d{background-color: #eac269;}
.calendar table tr td .lst ul li.c{background-color: #85cec1;}
.calendar table tr td .lst ul li.p{background-color: #779eda;}
.calendar table tr td .lst ul li.confirm{background-color: #811D7B;color: #fff;}
.calendar table tr td .lst ul li.birth{background-color: #ABFF74;}
.calendar table tr td .lst ul li.annual{border: 1px solid #BB2649;}
.calendar table tr td .lst ul li.annual.s1{opacity: 0.2;}
.calendar table tr td .lst ul li.annual.s2{opacity: 0.5;}
.calendar table tr td .lst ul li.annual.s3{opacity: 1;}
.calendar table tr td .lst ul li.annual.s4{border: none;background-color: #BB2649;color: #fff;}
.calendar table tr td .lst ul li.d_s{background-color: #eac269;color: #fff;}
.calendar table tr td .lst ul li.c_s{background-color: #85cec1;color: #fff;}
.calendar table tr td .lst ul li.p_s{background-color: #779eda;color: #fff;}
.calendar table tr td .lst ul li.e_s{background-color: #d5a2d2;color: #fff;}


.calendar table tr td .lst ul li.holyday button{color: #fc4c4e;}
.calendar table tr td .add{width: 100%;margin-top: 10px;padding: 5px;text-align: center;background-color: #eee;border-radius: 5px;opacity: 0;}
.calendar table tr td:hover .add{opacity: 1;}
.calendar .bottom_btns .m{display: none;}

.calendar_bottom_tb table tr th{padding: 5px;border: 1px solid #ddd;}
.calendar_bottom_tb table tr td{padding: 5px;border: 1px solid #ddd;text-align: center;}
.calendar_bottom_tb table tr td button{text-decoration: underline;}

@media screen and (max-width:567px) {
  .calendar table tr td .add{display: none;}
  .calendar .bottom_btns .m{display: inline-block;}
}

.cal_view{position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: flex;background-color: rgba(0,0,0,0.5);align-items: center;justify-content: center;}
.cal_view .cont{position: relative;z-index: 10;width: 600px;max-width: 95%;padding: 20px;background-color: #fff;}
.cal_view .cont .t1{margin-bottom: 10px;font-weight: bold;}
.cal_view .cont .t1 a{font-weight: bold;text-decoration: underline;}
.cal_view .cont table tr th,.cal_view .cont table tr td{padding: 10px;border: 1px solid #ddd;}
.cal_view .cont .close{display: block;width: 100%;height: 45px;margin-top: 10px;background-color: #ddd;}
.cal_view .cont .sbm{display: block;width: 100%;height: 45px;margin-top: 10px;background-color: #000;color: #fff;}

.cal_add_mod{position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: flex;background-color: rgba(0,0,0,0.5);align-items: center;justify-content: center;}

.annual_tb{margin-top: 50px;}
.annual_tb table tr th{padding: 10px;border: 1px solid #ddd;}
.annual_tb table tr td{padding: 10px;border: 1px solid #ddd;text-align: center;}

.member_view tr th,.member_view tr td{padding: 10px;border: 1px solid #ddd;}
.member_view tr th{width: 100px;text-align: left;}

.est_lst{margin: 30px 0 50px;border-top: 1px solid #000;}
.est_lst table thead tr th{padding: 15px 10px;border: 1px solid #ddd;}
.est_lst table tbody tr td{padding: 10px;border: 1px solid #ddd;text-align: center;}
.est_lst table tbody tr th{padding: 10px;text-align: left;border: 1px solid #ddd;}
.est_lst table tbody tr a{text-decoration: underline;}

.b_info{margin-top: 50px;padding: 20px;border: 1px solid #ddd;}
.b_info p{color: #999;}
.b_info .annual_first_p{padding-top: 20px;color: #333;}
.b_info a{text-decoration: underline;}

.b_info.t_info{margin-top: 20px;}


.work_wrap{padding-bottom: 100px;}
.work_wrap h2{padding: 10px;}
.work_wrap h2.v{border-top: 1px solid #000;border-bottom: 1px solid #ddd;}
.work_wrap h2.v span{float: right;font-weight: normal;}
.work_wrap h2.v span.a{color: #cc2223;}
.work_wrap h2.v::after{content: '';display: block;clear: both;}
.work_wrap .v_df{display: flex;justify-content: space-between;}
.work_wrap .v_ul{padding: 10px;flex-basis: calc(50% - 5px);}
.work_wrap .v_ul h3{margin-bottom: 10px;}
.work_wrap .v_ul > ul >li{position: relative;margin-bottom: 10px;padding: 10px 75px 10px 10px;border: 1px solid #ddd;border-radius: 10px;}
.work_wrap .v_ul > ul >li.add{padding-right: 10px;background-color: #fafafa;}
.work_wrap .v_ul > ul >li.add .wopen{display: block;width: 100%;}
.work_wrap .v_ul > ul >li .inp{width: 100%;margin-bottom: 10px;border: none;background-color: transparent;}
.work_wrap .v_ul > ul >li > ul{margin-left: 20px;}
.work_wrap .v_ul > ul >li > ul > li{margin-top: 5px;list-style-type: disc;color: #999;}
.work_wrap .v_ul > ul >li > ul > li button{display: inline-block;width: 15px;height: 15px;margin-bottom: 3px;vertical-align: middle;opacity: 0.5;}
.work_wrap .v_ul > ul >li > ul > li .inp{border: none;border-bottom: 1px solid #000;}
.work_wrap .v_ul > ul >li .btns{position: absolute;right: 10px;top: 10px;}
.work_wrap .v_ul > ul >li .btns .btn{width: 20px;vertical-align: middle;opacity: 0.3;}
.work_wrap .work_btns{margin-top: 30px;padding: 0 10px;text-align: center;}
.work_wrap .work_btns button,.work_wrap .work_btns a{display: inline-block;width: 100px;padding: 10px;color: #fff;background-color: #999;}
.work_wrap .work_btns button.a{background-color: #cc2223;}
.work_wrap .work_btns button.b{background-color: #333;}

@media screen and (max-width:567px) {
  .work_wrap .v_df{display: block;}
  .work_wrap .v_ul{width: 100%;}
  .work_wrap .v_ul:first-child{margin-bottom: 50px;}
}


.work_list{margin-bottom: 50px;}
.work_list ul{border-top: 1px solid #000;}
.work_list ul li{padding: 10px;border-bottom: 1px solid #ddd;}
.work_list ul li a{text-decoration: underline;}
.work_list ul li span{float: right;}
.work_list ul li span.a{color: #cc2223;}
.work_list ul li::after{content: '';display: block;clear: both;}

.pager{text-align: center;}
.pager a,.pager button{display: inline-block;margin: 0 5px;}
.pager a.a,.pager button.a{font-weight: bold;text-decoration: underline;color: #cc2223;}

.etc_viewer{position: fixed;z-index: 100;top: 0;left: 0;width: 100%;height: 0;}
.etc_viewer .cont{position: relative;overflow-y: auto;width: 500px;height: 250px;margin: 100px auto 0;border: 1px solid #333; padding: 20px 20px 0 20px;background-color: #fff;white-space: pre;}
.etc_viewer .cont ul{border-top: 1px solid #ddd;}
.etc_viewer .cont ul li{padding: 10px 0;border-bottom: 1px solid #ddd;}
.etc_viewer .cont ul li .t2{color: #999;}
.etc_viewer .cont button{position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 35px;}

.vimeo_h1{padding: 20px 0;}
.vimeo_h1 span{font-weight: normal;}
.vimeo_lst_wrap ul{display: flex;flex-wrap: wrap;align-content: stretch;justify-content: space-between;margin-bottom: 50px;}
.vimeo_lst_wrap ul li{width: calc(20% - 10px);margin-bottom: 30px;}
.vimeo_lst_wrap ul li img{width: 100%;}

@media screen and (max-width:720px) {
  .vimeo_lst_wrap{padding: 0 10px;}
  .vimeo_lst_wrap ul li{width: calc(50% - 10px);}
}


.todo_h2{padding: 10px;border-top: 1px solid #000;}
.todo_wrap{padding-bottom: 100px;}
.todo_wrap ul{border-top: 1px solid #ddd;}
.todo_wrap ul li{padding: 10px;border-bottom: 1px solid #ddd;}
.todo_wrap ul li input{float: left;margin-right: 10px;margin-bottom: 3px;}
.todo_wrap ul li .txt_wrap{float: left;width: calc(100% - 70px);}
.todo_wrap ul li .txt.lt{text-decoration: line-through;color: #666;}
.todo_wrap ul li .txt a{text-decoration: underline;}
.todo_wrap ul li .date{margin-top: 10px;color: #999;}
.todo_wrap ul li .del{width: 20px;vertical-align: middle;opacity: 0.3;}
.todo_wrap .tarea{padding: 10px;}
[contenteditable="true"]:empty:before {
  content: attr(placeholder);color: #999;
}
.todo_wrap .todo_sbm{display: inline-block;width: 100px;padding: 10px;margin-top: 10px;background-color: #cc2223;color: #fff;}

.client_contact .inp_w{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 10px 0;}
.client_contact .inp{width: calc(25% - 10px);}
@media screen and (max-width:720px) {
  .client_contact .inp{width: 100%;margin-top: 5px;}
  .client_contact .inp:first-child{margin-top: 0;}

  .client_contact table thead{display: none;}
  .client_contact table tr{display: block;width: 100%;}
  .client_contact table tr td{display: block;width: 100%;}
}

.key_tab{overflow-x: auto;margin-top: 20px;}
.key_tab ul{display: flex;flex-wrap: wrap;justify-content: space-between;min-width: 500px;}
.key_tab ul li{width: calc(100% / 14 - 5px);}
.key_tab ul li button{display: block;width: 100%;padding: 5px;background-color: #eee;color: #666;}
.key_tab ul li button.act{background-color: #ddd;color: #fff;}


.est_print_wrap *{font-family: 'Noto Sans KR';}
.est_print_wrap{padding-top: 100px;}
.est_print_wrap .print_btn{padding: 10px;border: 1px solid #ddd;}
.est_print_wrap .logo_img{text-align: center;}
.est_print_wrap .logo_img img{width: 250px;}
.est_print_wrap h1{margin: 80px 0 100px;text-align: center;font-size: 40px;}
.est_print_wrap h1 span{font-size: inherit;font-weight: normal;}
.est_print_wrap .tb{min-height: 780px;}
.est_print_wrap table{table-layout: fixed;width: 100%;}
.est_print_wrap table tr th,.est_print_wrap table tr td{width: 50%;padding: 15px;border: 1px solid #ddd;font-size: 16px;}
.est_print_wrap table tr th{padding: 15px;font-size: 20px;}
.est_print_wrap table tr td ul{padding-inline-start: 20px;}
.est_print_wrap table tr td ul li{margin-top: 10px;list-style: disc;font-size: 16px;}
.est_print_wrap table tr td ul li:first-child{margin-top: 0;}
.est_print_wrap table tr td .s_info{color: #f00;}
.est_print_wrap table tr td.cont{white-space: pre-wrap;}
.est_print_wrap .bottom_info{margin-top: 100px;text-align: right;font-size: 20px;}
.pre_wrap{white-space: pre-wrap;}

.view_tab_wrap{position: fixed;left: 0;top: 0;width: 100%;}
.view_tab_wrap .view_tab_cont{width: 1400px;max-width: 100%;margin: 0 auto;border-bottom: 1px solid #ddd;background-color: rgba(255,255,255,0.6);}
.view_tab_wrap .view_tab_cont h1{margin-bottom: 10px;font-size: 14px;}
.view_tab_wrap .view_tab_cont .tab{display: flex;flex-wrap: nowrap;justify-content: space-between;text-align: center;}

.fcm_doc a{text-decoration: underline;}

.mem_connect_proj li{padding: 5px 0;}
.mem_connect_proj li button:hover{font-weight: bold;}

.drop-zone {
  border: 2px dashed #ccc;
  padding: 50px;
  text-align: center;
  margin: 10px;
}
.dragging {
  background-color: #e3f2fd;
}


.ai_content_tab{display: flex;margin: 10px 0;border: 1px solid #ddd;border-radius: 5px;}
.ai_content_tab a{display: block;width: 50%;padding: 10px;font-size: 14px;text-align: center;}
.ai_content_tab a.a{background-color: #C7E1C8;}

.prompt_container .prompt_content textarea{width: 100%;height: 50px;border: 1px solid #ddd;border-radius: 5px;}
.prompt_container .label_wrap{display: inline-block;}
.prompt_container input[type=radio],.prompt_container input[type=checkbox]{width: 1px;height: 1px;position: absolute;left: -999en;}
.prompt_container input:checked ~ label{background-color: #C7E1C8;color: #000;}
.prompt_container label{display: inline-block;padding: 5px;border: 1px solid #ddd;border-radius: 5px;}
.prompt_container .generate_button{display: block;padding: 10px;background-color: #cc2223;color: #fff;}



.openai_generating{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.openai_generating h2{color: #fff;font-size: 30px;}

.ai_media_detail{overflow-y: scroll;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.ai_media_detail .view-modal-content{position: relative;z-index: 5000;width: 1000px;max-width: 95%;margin: 100px auto 0;padding: 20px 20px 80px;background-color: #fff;border-radius: 5px;}
.ai_media_detail .view-modal-content img{width: 100%;}
.ai_media_detail .view-modal-content p{margin: 10px 0;}
.ai_media_detail .view-modal-close-btn{display: block;width: 100%;height: 45px;margin-top: 10px;background-color: #ddd;}

.library .library-list{display: flex;flex-wrap: wrap;align-content: stretch;justify-content: flex-start;}
.library .library-item{width: 25%;}
.library .library-item .library-item-btn{display: block;width: 100%;}
.library .library-item img{width: 100%;}