@charset "utf-8";

/* sorting */
.sorts {position: relative; padding: 13px 0 15px 15px; border-top: 1px solid #969696;}
.sorts ul {width: 100%; overflow: hidden;}
.sorts ul li {float: left; padding: 0 0 0 4px; letter-spacing: -0.5px;}
.sorts ul li:first-child {padding-left: 0;}
.sorts ul li a {color: #969696;}
.sorts ul li a:hover {color: #969696;}
.sorts ul li.selected a {color: #3858ed;}
.sorts ul li.selected a:hover {color: #3858ed;}
.sorts ul li:before {color: #afafaf; content: 'ㆍ'; margin: 0 0 0 -0.4px;}
.sorts ul li:first-child:before {content: '';}
.vertical_lf .sorts {border-top: 0 none; border-bottom: 1px solid #ededed;}

/* Table */
td.location, td.capacity {color: #969696;}

.hgroup .flag_share {display: inline-block; width: 36px; height: 20px; margin: 3px 5px 0; border-radius: 2px 2px; background-color: #5a79ed; font-weight: bold; line-height: 20px; text-align: center; color: #fff;}
.hgroup .flag_share:first-child {margin-left: 0;}

/* 썸네일형 목록. 설문조사+동영상 */
.thumbnail_lst_head, .album_lst_head {border-top: 1px solid #969696;}
.content_table .signature .thumb {width: 170px; height: 170px; line-height: 150px; border: 1px solid #e3e3e3; text-align: center; padding: 10px;}
.content_table .signature .thumb img {max-width: 100%; max-height: 100%; vertical-align: middle;}
.thumbnail_lst ul, .album_lst ul {padding: 10px 10px 0;}
.thumbnail_lst ul:after, .album_lst ul:after {display: block; content: ''; width: 0; height: 0; clear: both;}
.thumbnail_lst ul li, .album_lst ul li {position: relative; float: left; margin: 9px 5px 10px 5px;}
.thumbnail_lst ul li {width: 215px; height: 211px;}
.thumbnail_lst ul li .check, .album_lst ul li .check {padding-bottom: 9px;}
.thumbnail_lst ul li .thumb {width: 215px; height: 120px;}
.thumbnail_lst ul li .thumb, .album_lst ul li .thumb {position: relative; margin-bottom: 10px; overflow: hidden;}
.thumbnail_lst ul li .thumb a:before, .album_lst ul li .thumb a:before {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ''; border: 1px solid rgba(0, 0, 0, 0.07); z-index: 2;}
.thumbnail_lst ul li .thumb a, .album_lst ul li .thumb a {display: block; width: 100%; height: 100%;}/* 수정 : 2018-07-11 */
.thumbnail_lst ul li .thumb a img, .album_lst ul li .thumb a img {width: 100%; height: auto; transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1); transition: transform .2s cubic-bezier(.165,.84,.44,1); transition: transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1); vertical-align: top;}/* 수정 : 2018-07-11 */
.thumbnail_lst ul li:hover .thumb a img, .album_lst ul li:hover .thumb a img {width: 100%; height: auto; transition-duration: .3s; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); vertical-align: top;}/* 수정 : 2018-07-11 */
.thumbnail_lst ul li .thumb.no_image:before, .album_lst ul li .thumb.no_image:before {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ''; border: 1px solid rgba(0, 0, 0, 0.07); z-index: 2;}
.thumbnail_lst ul li .thumb.no_image img, .album_lst ul li .thumb.no_image img {position: absolute; top: 50%; left: 50%; display: block; width: 170px; height: 170px; margin: -85px 0 0 -85px;}
.thumbnail_lst ul li .thumb .ico_play:after {content: ''; position: absolute; top: 42px; left: 89px; width: 38px; height: 38px; background: url('/user/img/ico_play.png') no-repeat 0 0; z-index: 99;}
.thumbnail_lst ul li a.subject, .album_lst ul li a.subject {display: block; overflow: hidden; color: #111; font-size: 14px; text-overflow: ellipsis; white-space: nowrap;}
.thumbnail_lst ul li .research_info, .album_lst ul li .research_info {position: relative; font-size: 12px; color: #969696; margin-top: 6px;}
.thumbnail_lst ul li .research_info .participation, .thumbnail_lst ul li .research_info .date {display: inline-block; vertical-align: -1px;}
.thumbnail_lst ul li .research_info .date, .album_lst ul li .research_info .date {position: absolute; top: 0; display: inline-block; vertical-align: top;}
.thumbnail_lst ul li .research_info .date:before, .album_lst ul li .research_info .date:before {content: ''; display: inline-block; width: 1px; height: 12px; margin: 3px 8px 0; background: url('/user/img/divider.png') no-repeat left 50%;}
.thumbnail_lst ul li .research_info .count, .album_lst ul li .research_info .count {position: absolute; top: -62px; right: 0;}
.thumbnail_lst ul li .research_info .count:before, .album_lst ul li .research_info .count:before {content: ''; display: block; width: 28px; height: 28px; background-color: #000; opacity: 0.3;}
.thumbnail_lst ul li .research_info .count span, .album_lst ul li .research_info .count span {position: absolute; top: 4px; right: 6px; color: #fff; font-size: 13px;}
.thumbnail_lst ul li:hover .research_info .origin span, .album_lst ul li:hover .research_info .origin span {display: inline-block;}
.thumbnail_lst ul li .research_info .origin span, .album_lst ul li .research_info .origin span {position: absolute; top: -200px; left: 0; display: none; max-width: 89%; height: 21px; line-height: 21px; margin: 8px 0 0 8px; padding: 0 9px; border-radius: 21px; background-color: #5470eb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; color: #fff;}
.thumbnail_lst ul li .research_info .origin span:hover, .album_lst ul li .research_info .origin span:hover {text-decoration: underline;}
.thumbnail_lst ul li .research_info .d_day, .thumbnail_lst ul li .research_info .research_date {position: absolute; top: 120px; right: 0;}
.thumbnail_lst ul li .research_info .d_day:before {content: ''; display: block; width: 50px; height: 28px; background-color: #000; opacity: 0.3;}
.thumbnail_lst ul li .research_info .d_day span {position: absolute; top: 5px; right: 6px; color: #fff;}
.thumbnail_lst ul li .research_info .research_date:before {content: ''; display: block; width: 215px; height: 28px; background-color: #000; opacity: 0.3;}
.thumbnail_lst ul li .research_info .research_date span {position: absolute; top: 5px; left: 0px; width: 100%; color: #fff; text-align: center;}

/* 앨범형 목록 */
.album_lst ul li {width: 170px; height: 261px;}
.album_lst ul li .thumb {width: 170px; height: 170px;}
.album_lst ul li .research_info .name {display: inline-block; color: #111; max-width: 85px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.album_lst .thumb .badge {position: absolute; top: 10px; left: 10px; z-index: 2;}/* 수정 : 2019-03-27 */

/* 웹진형 목록 */
.album_lst.webzine ul {padding: 0;}
.album_lst.webzine ul li {float: none; width: 100%; height: 138px; padding: 0 16px 0 235px; margin: 21px 0 0 0; border-bottom: 1px solid #f5f5f5;}
.album_lst.webzine ul li .check {display: inline-block; padding-bottom: 0;}
.album_lst.webzine ul li .check .form:not(.flag) {position: absolute; left: 15px; top: -1px;}
.album_lst.webzine ul li .check .form.flag {margin: 5px 0 0 2px;}
.album_lst.webzine ul li .thumb {position: absolute; left: 40px; top: 0; height: 118px; margin: 0;}
.album_lst.webzine ul li .subject {display: inline-block; max-width: calc(100% - 35px); margin-top: 4px; font-size: 13px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.album_lst.webzine ul li .text_cont {height: 62px; padding: 13px 1px 9px; line-height: 1.55; color: #666;}
.album_lst.webzine ul li .research_info {margin-top: 1px;}
.album_lst.webzine ul li .research_info .count {left: -53px; right: auto; top: 5px; z-index: 3;}
.album_lst.webzine ul li .research_info .key_info {padding: 0; background-color: transparent;}
.album_lst.webzine ul li .research_info .key_info .sub2 {padding: 0 0 0 8px; font-size: 0;}
.album_lst.webzine ul li .research_info .key_info .sub2 dd:after {padding: 0 8px;}
.album_lst.webzine ul li .research_info .key_info .sub2 span.ico_btn {position: relative; width: auto; min-width: auto; margin-left: 9px; padding-right: 1px; padding-left: 18px; border: 0; color: #000; line-height: 22px;}
.album_lst.webzine ul li .research_info .key_info .sub2 span.ico_btn:before {position: absolute; left: 0; top: 3px; display: block; content: ''; background: url('/user/img/bg_agree_disagree.png') no-repeat 1px 1px; opacity: 0.5;}
.album_lst.webzine ul li .research_info .key_info .sub2 span.ico_btn.agree:before {background-position-y: 1px;}
.album_lst.webzine ul li .research_info .key_info .sub2 span.ico_btn.disagree:before {background-position-y: -89px;}
.album_lst.webzine ul li .research_info .key_info .sub2 span.ico_btn:hover {background: none; background-color: transparent !important;}
.album_lst.webzine ul li.unread .subject {font-weight: bold;}
.album_lst.webzine ul li.none_list {margin: 38px 0 !important;}

/* 달력 공통 (월간, 주간, 일간) */
.monthly_list, .weekely_list, .daily_list {height: calc(100% - 43px);}

/* 달력 (월간) */
.monthly_list {position: relative; display: block;}
.monthly_list .table_head {border: none; background: #f3f6fb;}
.monthly_list .table_head th {position: static; border-top: 1px solid #969696; border-bottom: 1px solid #eee; height: 28px; min-height: 28px; padding: 0 10px; font-size: 12px;}

.container_area.square .monthly_list .table_body {height: 100%}
.monthly_list .table_body .wrap-hs {height: 100%; min-height: 466px !important;}
.monthly_list .table_body table {height: 100%; min-height: 100% !important;}
.monthly_list .table_body td {overflow: visible; height: 25%; padding: 0 !important; font-size: 12px; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; vertical-align: top;}
.monthly_list .table_body.fourth td {height: 25%;}/* 4 주차 */
.monthly_list .table_body.fifth td {height: 20%;}/* 5 주차 */
.monthly_list .table_body.sixth td {height: 16.66%;}/* 6 주차 */

.monthly_list .table_body td:last-child {border-right: 0;}
.monthly_list .table_body tr:hover,
.monthly_list .table_body tr:hover {background: none !important;}
.monthly_list td.saturday .day_date {color: #5a79ec;}
.monthly_list td.saturday .day_date::selection {color: #5a79ec; background: none;}
.monthly_list td.sunday .day_date,
.monthly_list td.sunday.holiday .day_date,
.monthly_list td.saturday.holiday .day_date,
.monthly_list td.holiday .day_date,
.monthly_list td.holiday .day_txt2 {color: #ff5959; max-width: calc(100% - 30px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
td.sunday.holiday .day_hidden .day_date,
td.saturday.holiday .day_hidden .day_date {color: #a6a6a6 !important;}

.month_cell {position: relative; height: 100%; min-height: 92px !important; padding: 29px 2px 0 2px; box-sizing: border-box;}
.table_body.fourth .month_cell {height: 100%;}
.table_body.fifth .month_cell {height: 100%;}
.table_body.sixth .month_cell {height: 100%;}
.table_body .day_schedule_more {position: absolute; right: 6px; bottom: 6px; display: inline-block; color: #2d3f93; text-decoration: underline; font-weight: bold; z-index: 5;}
.table_body .day_schedule_more::selection {color: #2d3f93; background: none;}

.sq_sched .table_body.fourth .month_cell {height: 100%;}
.sq_sched .table_body.fifth .month_cell {height: 100%;}
.sq_sched .table_body.sixth .month_cell {height: 100%;}

.month_cell .day_date {position: absolute; top: 3px; left: 3px; display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; color: #333; border-radius: 50%;}
.month_cell .day_date::selection {color: #333; background: none;}/* 드래그해서 일정 추가할때 셀렉션 스타일 수정 2018-09-04 김민우 */
.month_cell .day_txt1 {position: absolute; top: 6px; right: 10px; display: block; margin: 0 0 0 30px; text-align: right; color: #a6a6a6;}
.month_cell .day_txt1::selection {color: #a6a6a6; background: none;}
.month_cell .day_txt2 {position: absolute; top: 6px; left: 28px; display: block;}
.monthly_list td.sunday .day_date::selection, .monthly_list td.sunday.holiday .day_date::selection, .monthly_list td.holiday .day_date::selection, .monthly_list td.saturday.holiday .day_date::selection, .month_cell .day_txt2::selection {color: #ff5959; background: none;}
.month_cell .day_schedule_add {position: absolute; top: 2px; left: 2px; display: block; width: calc(100% - 4px); height: calc(100% - 4px); min-height: calc(100% - 4px); text-indent: -9999px; z-index: 2; opacity: .7;}
.month_cell .day_schedule_add:hover {background: #fafafa; border: 1px solid #eee;}
.month_cell .day_schedule_add:active, .month_cell .day_schedule_add.active, .month_cell .day_schedule_add.drag {background: #edf3ff; border: 1px solid #dee8fc;}/* 수정 : 2018-08-31 */
.month_cell .day_schedule_add.drag {width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7;}/* 추가 : 2018-09-03 */
.month_cell.day_hidden .day_date {color: #a6a6a6 !important;}
.month_cell.day_hidden .day_txt2 {color: #a6a6a6 !important;}
.month_cell.today {background: #f7faff; border: 1px solid #3858ed;}/* 수정 : 2019-02-14 */
.month_cell.today .day_date {color: #fff; background: #4c4c4c;}
.month_cell.today .day_date::selection {color: #fff;}
.month_cell.today .day_schedule_add:hover, .month_cell.pick_portal .day_schedule_add:hover {background: #e1ecff; border: 1px solid #fff;}/* 수정 : 2019-02-14 */
.month_cell.pick_portal {background: #f7faff; border: 1px solid #E938ED;}

.weekely_list .table_body tr.bline_no td,
.daily_list .table_body tr.bline_no td {border-bottom: none;}

/* 주간, 일간 공통 */
.allday_scol td .week_cell, .allday_scol td .daily_cell {position: relative; min-height: 32px !important;}/* IE9 높이값 문제로 수정 : 2018-11-05 김민우 */

/* 달력 (주간) */
.weekely_list {position: relative;}
.weekely_list .table_head {border: none; background: #f3f6fb;}
.weekely_list .table_head th {position: static; border-top: 1px solid #969696; border-bottom: 1px solid #eee; height: 28px; min-height: 28px; padding: 0 10px; font-size: 12px;}
.weekely_list .table_head th .day_week,
.weekely_list .table_head th .day_desc {padding: 0 0 0 5px;}
.weekely_list .table_head th.day .day_date,
.weekely_list .table_head th.day .day_week,
.weekely_list .table_head th.day .day_desc {color: #333;}
.weekely_list .table_head th.sunday .day_date,
.weekely_list .table_head th.sunday .day_week,
.weekely_list .table_head th.sunday .day_desc {color: #ff5959;}
.weekely_list .table_head th.holiday .day_date,
.weekely_list .table_head th.holiday .day_week,
.weekely_list .table_head th.holiday .day_desc {color: #ff5959 !important;}
.weekely_list .table_head th.saturday .day_date,
.weekely_list .table_head th.saturday .day_week,
.weekely_list .table_head th.saturday .day_desc {color: hsl(227, 79%, 64%);}
.weekely_list .table_head .th_wrap {position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.weekely_list .table_head .th_wrap .day_txt1 {position: absolute; top: 0; right: 0; text-align: right; color: #a6a6a6;}

.weekely_list .table_body .allday_scol {position: relative; width: 100%; height: auto; min-height: 66px; max-height: 117px; border-bottom: 1px solid #ccc; padding-bottom: 0;}/* IE9 높이값 문제로 수정 : 2018-11-05 김민우 */

.weekely_list .table_body td:last-child {border-right: 0;}
.weekely_list .table_body th {position: relative; background: #fff;}
.weekely_list .table_body th,
.weekely_list .table_body td {overflow: visible; height: 25px; padding: 0 !important; font-size: 12px; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; vertical-align: top;}
.weekely_list .table_body tr:hover {background: none;}
.weekely_list .table_body td.today {background: #f7faff;}/* 추가 : 2019-02-14 */
.weekely_list .table_body .fix_cell {position: relative; z-index: 8;}
.weekely_list .table_body .fix_cell .fix_cell_txt1 {position: absolute; top: 2px; right: 10px; display: inline-block; text-align: right; font-weight: bold;}
.daily_list .table_body .fix_cell .fix_cell_txt1::selection, .weekely_list .table_body .fix_cell .fix_cell_txt1::selection {background: none;}

.weekely_list .table_body .allday_scol tr:last-child td {border-bottom: 0;}
.weekely_list .table_body .allday_scol td {height: auto;}/* IE9 높이값 문제로 수정 : 2018-11-05 김민우 */
.weekely_list .table_body .normal_scol th {border-bottom: none !important;}
.weekely_list .table_body .normal_scol .fix_cell .fix_cell_txt1 {top: -11px;}
.weekely_list .table_body .normal_scol td .fix_cell {height: 25px; min-height: 25px;}

.week_cell {height: 100%; min-height: 25px !important;}
.week_cell .day_schedule_add {position: absolute; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); text-indent: -9999px; z-index: 3;}
.week_cell .day_schedule_add:hover {background: #fafafa; border: 1px solid #eee;}
.week_cell .day_schedule_add:active, .week_cell .day_schedule_add.active, .week_cell .day_schedule_add.drag {background: #edf3ff; border: 1px solid #dee8fc;}/* 수정 : 2018-08-31 */
.week_cell .day_schedule_add.drag {width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7;}/* 추가 : 2018-09-03 */
.weekely_list .table_body .allday_scol td.today:hover .day_schedule_add, .weekely_list .table_body .normal_scol td.today:hover .day_schedule_add {background: #e1ecff; border: 1px solid #fff;}/* 수정 : 2019-02-14 */

.wk_table_body {height: calc(100% - 55px);}

/* 달력 (일간) */
.daily_list {position: relative;}
.daily_list table th, .daily_list table td {min-width: 40px;}
.daily_list .table_head {border: none; background: #f3f6fb;}
.daily_list .table_head th {position: static; border-top: 1px solid #969696; border-bottom: 1px solid #eee; height: 28px; min-height: 28px; padding: 0 10px; font-size: 12px;}
.daily_list .table_head th .day_week,
.daily_list .table_head th .day_desc {padding: 0 0 0 5px;}
.daily_list .table_head th.day .day_date,
.daily_list .table_head th.day .day_week,
.daily_list .table_head th.day .day_desc {color: #333;}
.daily_list .table_head th.sunday .day_date,
.daily_list .table_head th.sunday .day_week,
.daily_list .table_head th.sunday .day_desc {color: #ff5959;}
.daily_list .table_head th.holiday .day_date,
.daily_list .table_head th.holiday .day_week,
.daily_list .table_head th.holiday .day_desc {color: #ff5959 !important;}
.daily_list .table_head th.saturday .day_date,
.daily_list .table_head th.saturday .day_week,
.daily_list .table_head th.saturday .day_desc {color: hsl(227, 79%, 64%);}
.daily_list .table_head .th_wrap {position: relative; padding-right: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.daily_list .table_head .th_wrap .day_txt1 {position: absolute; top: 0; right: 0; text-align: right; color: #a6a6a6;}

.daily_list .table_body .allday_scol {position: relative; width: 100%; height: auto; min-height: 66px; max-height: 117px; border-bottom: 1px solid #ccc; padding-bottom: 0;}/* IE9 높이값 문제로 수정 : 2018-11-05 김민우 */
.daily_list .table_body td:last-child {border-right: 0;}
.daily_list .table_body th {position: relative; background: #fff;}
.daily_list .table_body th,
.daily_list .table_body td {overflow: visible; min-height: 16px; padding: 0 !important; font-size: 12px; vertical-align: top; border-width: 0 1px 1px 0; border-style: solid; border-color: transparent;}
.daily_list .table_body td:nth-child(odd) {border-right-color: #e3e3e3;}
.daily_list .table_body tr td {border-bottom: 1px solid #e3e3e3;}

.daily_list .table_body tr:hover {background: none;}
.daily_list .table_body .fix_cell {position: relative; z-index: 8;}
.daily_list .table_body .fix_cell .fix_cell_txt1 {position: absolute; top: 2px; right: 10px; display: inline-block; text-align: right; font-weight: bold;}

.daily_list .table_body .allday_scol tr:last-child td {border-bottom: 0;}
.daily_list .table_body .allday_scol td {height: auto; padding: 0 !important;}/* IE9 높이값 문제로 수정 : 2018-11-05 김민우 */
.daily_list .table_body .normal_scol th {border-bottom: none !important;}
.daily_list .table_body .normal_scol .fix_cell .fix_cell_txt1 {top: -11px;}
.daily_list .table_body .normal_scol td {height: 25px;}

.daily_cell {position: relative; height: 100%;}
.daily_cell .day_schedule_add {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-indent: -9999px; z-index: 3;}
.daily_cell .day_schedule_add:hover {background: #fafafa; border: 1px solid #eee;}
.daily_cell .day_schedule_add:active, .daily_cell .day_schedule_add.active, .daily_cell .day_schedule_add.drag {background: #edf3ff; border: 1px solid #dee8fc;}/* 수정 : 2018-08-31 */

.schedule_area .input_group_shce01 {position: relative; height: 28px; padding: 0 0 0 120px;}
.schedule_area .input_group_shce01 .selectbox {position: absolute; left: 0; top: 0;}

.events_entry_box {position: absolute; left: 0; top: 0; width: 100%; height: 0 !important;}
.container_area .container.schedule_area + .events_entry_box {z-index: 16;}/* IE9에서 z-index값 오류로 추가 : 2018-09-10 김민우 */
.container_area .content_table.monthly_list + .events_entry_box {z-index: 16;}/* IE9에서 z-index값 오류로 추가 : 2018-09-17 김민우 */
.events_entry_box .schedule_txt {position: relative;}
.day_date.today, .weekely_list .table_head th.holiday .day_date.today {background: #4c4c4c; width: 20px; height: 20px; display: inline-block; border-radius: 20px 20px; line-height: 20px; text-align: center; color: #fff !important;}

.weekely_list.content_table .normal_scol .schedule_txt .sch_txt .sch_info_primary,
.daily_list.content_table .normal_scol .schedule_txt .sch_txt .sch_info_primary {white-space: normal;}
.weekely_list.content_table .normal_scol .schedule_txt .sch_txt .sch_info_additional {flex-direction: column;}

/** 일정, 설비 resizable **/
.content_table .events_entry_box .ui-resizable-s {position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; cursor: row-resize;}
.content_table .events_entry_box .ui-resizable-e {position: absolute !important; top: 0; right: -5px; width: 7px; height: 100%; cursor: col-resize;}
/* 일정 - 일간 */
.daily_list.content_table .events_entry_box .ui-resizable-s {display: block;}
.daily_list.content_table .events_entry_box .ui-resizable-e {display: none;}
/* 일정 - 주간 */
.weekely_list.content_table .events_entry_box .ui-resizable-s {display: block;}
.weekely_list.content_table .events_entry_box .ui-resizable-e {display: none;}
/* 설비 - 일간 */
.daily_list.content_table.equipment_daily .events_entry_box .ui-resizable-s {display: none;}
.daily_list.content_table.equipment_daily .events_entry_box .ui-resizable-e {display: block;}
/* 설비 - 주간 */
.weekely_list.content_table.equipment_week .events_entry_box .ui-resizable-s {display: none;}
.weekely_list.content_table.equipment_week .events_entry_box .ui-resizable-e {display: block;}

/** 설비 **/
/* 설비 - 일간 */
.equipment_daily.daily_list table {table-layout: auto;}
.equipment_daily.daily_list .table_head th {padding: 0;}
.equipment_daily.daily_list .table_head .th_wrap {height: 100%; padding-right: 0; overflow: inherit;}
.equipment_daily.daily_list .table_head .th_wrap .day_date {position: absolute; left: -13px; top: 3px;}/* 수정 : 2020-05-21 */
.equipment_daily.daily_list .table_body th {height: 35px;  min-width: 40px;}
.equipment_daily.daily_list .table_body td {height: 92px !important;}
.equipment_daily.daily_list .table_body td .week_cell {height: 92px !important;}
.equipment_daily.daily_list .table_body td {min-width: 40px; height: 92px !important;}
.equipment_daily.daily_list .table_body .fix_cell {display: table; width: 100%; height: 100%;}
.equipment_daily.daily_list .table_body .fix_cell_txt2 {position: relative; top: 0; right: 0; display: table-cell; padding: 0 10px; vertical-align: middle; font-weight: bold; text-align: center; white-space: normal;}
.equipment_daily.daily_list .schedule_txt .sch_txt .time {color: inherit;}
/* 설비예약불가 스타일 추가 180710 김민우 */
.equipment_daily.daily_list .table_body tr.disable_sched .fix_cell_txt2 {color: #969696;}
.equipment_daily.daily_list .table_body tr.disable_sched .day_schedule_add {display: none;}
.equipment_daily.daily_list th:first-child, .equipment_daily.daily_list td:first-child, .equipment_daily.daily_list th:first-child .th_wrap , .equipment_daily.daily_list td:first-child .fix_cell {width: 123px;}
/* 설비 - 주간 */
.equipment_week.weekely_list .table_body td {height: 92px !important;}
.equipment_week.weekely_list .table_body td .week_cell {height: 92px !important;}
.equipment_week.weekely_list .table_body .fix_cell {display: table; width: 100%; height: 100%; min-height: 26px !important;}
.equipment_week.weekely_list .table_body .fix_cell_txt1 {position: relative; top: 0; right: 0; display: table-cell; padding: 0 10px; vertical-align: middle; font-weight: bold; text-align: center; white-space: normal;}
.equipment_week.weekely_list .table_body tr.bline_no td:first-child {border-bottom: 1px solid #f5f5f5 !important;}
/* 설비예약불가 스타일 추가 180710 김민우 */
.equipment_week.weekely_list .table_body tr.disable_sched .fix_cell_txt1 {color: #969696;}
.equipment_week.weekely_list .table_body tr.disable_sched .day_schedule_add {display: none;}

.sche_google_wrap {position: relative; padding: 0 0 0 77px;}
.sche_google_wrap .group {position: absolute; top: 0; left: 0;}
.sche_google_wrap .select_lst {width: 98px;}
.sche_google_wrap .select_lst .inner {max-height: 125px;}
.sche_google_wrap .select_lst .btns_area {padding: 8px 0 0;}
.sche_google_wrap .select_lst .multi_opt {position: relative; margin: 0;}
.sche_google_wrap .select_lst .multi_opt .form {display: block; position: relative; top: 0; padding: 4px 9px; white-space: normal;}
.sche_google_wrap .select_lst .multi_opt li.on {background: #f0f4fc;}
.sche_google_wrap .select_lst .multi_opt li.on label {color: #3858ed;}
.sche_google_wrap .select_lst label {height: auto !important;}
.sche_google_wrap.open .select_lst {display: block;}

.btns_area .align_lf .hscalendar_main_view_search.month {margin-right: 10px;}
.btns_area .align_lf .hscalendar_main_view_search.length {font-size: 13px;  line-height: 27px;}
.btns_area .align_lf .hscalendar_main_view_search.length em {font-weight: bold; color: #3858ed;}

/** 일정, 설비 5분 단위 지정 추가 : 2018-07-13 **/
/* 일정 - 일간/주간 공통 */
.daily_list .table_body .normal_scol td, .weekely_list .table_body .normal_scol td {height: 30px; position: relative;}
.daily_list .table_body .normal_scol td .daily_cell, .daily_list .table_body .normal_scol td .week_cell, .weekely_list .table_body .normal_scol td .week_cell {width: 100%; height: 5px; min-height: 5px !important;}
.daily_list .table_body .normal_scol td .day_schedule_add, .weekely_list .table_body .normal_scol td .day_schedule_add {display: block; height: 58px; border: 1px solid transparent; text-indent: -9999px; position: absolute; top: 1px; z-index: 3; opacity: .7;}
/* 1시간 단위로 보여지도록 width값 수정 2018-08-24 김민우 */
.daily_list .table_body .normal_scol td:hover .day_schedule_add, .weekely_list .table_body .normal_scol td:hover .day_schedule_add {background: #fafafa; border: 1px solid #eee;}
.daily_list .table_body .normal_scol td .day_schedule_add.active, .weekely_list .table_body .normal_scol td .day_schedule_add.active, .daily_list .table_body .normal_scol td .day_schedule_add.drag, .weekely_list .table_body .normal_scol td .day_schedule_add.drag {background: #edf3ff; border: 1px solid #dee8fc;}
.daily_list .table_body .normal_scol td .day_schedule_add.drag, .weekely_list .table_body .normal_scol td .day_schedule_add.drag {width: 100%; height: 100%; left: 0; top: 0; opacity: 0.7;}/* 추가 : 2018-08-31 *//* 수정 : 2018-09-03 */
/* 일정 - 일간 */
.daily_list .table_body .normal_scol td .day_schedule_add {width: calc(100% - 1px); left: 0;}
/* 일정 - 주간 */
.weekely_list .table_body .normal_scol td .day_schedule_add {width: calc(100% - 2px); left: 1px;}
/* 설비 - 일간 */
.equipment_daily.daily_list table th {min-width: 36px;}/* 추가 : 2018-08-02 *//* 수정 : 2018-08-31 */
.equipment_daily.daily_list .table_body td {min-width: 36px; position: relative;}
.equipment_daily.daily_list .table_body td .week_cell {width: 16.6%; float: left;}
.equipment_daily.daily_list .table_body td .day_schedule_add {display: block; width: calc(100% * 2 - 1px); height: calc(100% - 2px); text-indent: -9999px; position: absolute; top: 1px; left: 1px; z-index: 3; opacity: .7;}/* 1시간 단위로 보여지도록 width값 수정 2018-08-24 김민우 */
.equipment_daily.daily_list .table_body td:hover .day_schedule_add {background: #fafafa; border: 1px solid #eee;}
.equipment_daily.daily_list .table_body td .day_schedule_add.active, .equipment_daily.daily_list .table_body td .day_schedule_add.drag {background: #edf3ff; border: 1px solid #dee8fc;}/* 추가 : 2018-08-31 */
.equipment_daily.daily_list .table_body td .day_schedule_add.drag {width: 100%; height: 100%; left: 0; top: 0; opacity: 0.7;}/* 추가 : 2018-08-31 *//* 수정 : 2018-09-03 */
.equipment_daily.daily_list .table_body td:nth-child(even) .day_schedule_add.drag {width: calc(100% + 1px);}/* 추가 : 2018-09-03 */

.content_table.state_drag .day_schedule_add {z-index: 10 !important;}/* 드레그 할때 z-index값 높임 처리 추가 : 2018-09-03 */
.content_table.state_drag .month_cell .day_date, .content_table.state_drag .month_cell .day_txt1, .content_table.state_drag .month_cell .day_txt2 {z-index: inherit !important;}/* 드레그 할때 z-index값 높임 처리 추가 : 2018-09-05 김민우 */

.schedule_area .content_table .table_head {padding-right: 8px;}/* 추가 : 2020-05-20 */
.schedule_area .content_table .table_head:after {display: block; content: ''; width: 10px; background-color: #f3f6fb; border-top: 1px solid #969696; border-bottom: 1px solid #eee; position: absolute; right: 0; top: 0; bottom: 0;}/* 추가 : 2020-05-20 */
.schedule_area .content_table .whole .table_head {padding-right: 0;}/* 추가 : 2020-05-21 */
.schedule_area .content_table .whole .table_head:after {display: none;}/* 추가 : 2020-05-21 */

.container.schedule_area .content_table.weekely_list.equipment_week .table_body:not(.scroll-content) {height: calc(100% - 57px) !important;}
.equipment_week .full_body.scroll-wrapper, .equipment_daily .whole.scroll-wrapper {border-bottom: 1px solid #d9d9d9;}

/** 설문 **/
/* 설문 등록 */
.content_question {padding-bottom: 30px;}
.content_question .form_table table {border-top: none; border-bottom: none;}
.form_table.add table {border-top: none; border-bottom: none; margin-top: 15px;}
.form_table.add table th {padding-right: 0;}
.form_table.add .add_type .selectbox.text {width: 80px;}
.form_table.add .add_item {padding: 20px 0 15px 0;}
.form_table.add .add_item .selectbox.text {width: 80px;}
.form_table.add .add_item .option {display: inline-block; margin-left: 15px; vertical-align: top;}
.form_table.add .add_item .ui-selectmenu-menu {max-height: 186px; overflow: hidden;}
.form_table.add .add_pblm_no {position: relative; padding-right: 0;}
.form_table.add .add_pblm_no .selectbox.text {width: auto; vertical-align: top;}
.form_table.add .add_pblm_no .btns_area {position: relative; width: inherit; height: inherit; display: inline-block; padding: 0; margin-left: 25px;}
.form_table.add .txt_add {position: relative;}
.form_table.add .txt_add .input_group {display: inline-block; position: relative; width: 616px;}
.form_table.add .txt_add .btns_area {display: inline-block; padding: 0; width: inherit; height: 28px; margin-left: 3px;}
.form_table.add .txt_add .btns_area .action_btn {margin-right: 0;}
.form_table.add .add_pblm_no .action_btn {margin-right: 0; margin-left: 8px;}
.form_table.add .add_pblm_no .btn {margin-right: 0; margin-left: 8px;}
.content_question .form_table th.fnt_rgt {text-align: right;}
.content_question .form_table th.fnt_rgt .form {float: left; width: 18px; margin-right: 6px;}
.content_question .form_table th.fnt_rgt .form label {font-size: 0;}
.content_question .form_table td.subject .input_group {float: left; width: 330px; margin-right: 8px;}
.content_question .form_table td.subject .selectbox.text {float: left; width: 80px; margin: 2px 0 0 6px;}
.content_question .form_table td.subject .selectbox.text .scroll-wrapper {width: 80px;}
.content_question .form_table.add + .form_table.question table {border-top: 1px dotted #bfbfbf;}
.content_question .form_table.question th .answer_num {float: right; min-height: 12px; font-size: 12px; padding: 1px 6px; line-height: 17px; color: #fff; background: #ff5958; border-radius: 50%; margin-left: 4px;}
.content_question .question {display: block; margin: 2px 3px 0; padding: 10px 0 20px 0; border-bottom: 1px dotted #d9d9d9;}
.content_question .question.hover {box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.content_question .question.hover .ui-sortable-handle {background: url('/user/img/bg_list_move_row.png') no-repeat center 0; cursor: move;}
.content_question .question.ui-sortable-helper {background: rgba(255, 255, 255, 0.8) url('/user/img/bg_ellipsis.png') no-repeat center bottom 8px; border-bottom-color: transparent; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);}
.content_question .form_table.question tr:first-child th {padding-top: 25px;}
.content_question .form_table.question th {padding: 11px 0 11px 20px;}
.popup_container .content_question {padding-bottom: 0;}
.popup_container .content_question .question {padding: 0; border-bottom: none;}
.popup_container .content_question .question .photo_box {margin-top: 6px;}
.popup_container .content_question .question .photo_add {position: relative; width: 100%; padding-right: 30px; overflow: hidden;}
.popup_container .content_question .question .photo_add .file_input {position: absolute; left: 1px; top: 0 }
.popup_container .content_question .question .photo_add .file_name {float: left; max-width: 100%; font-size: 12px; line-height: 28px; padding-left: 64px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.popup_container .content_question .question .photo_size {display: block; width: 100%; margin-bottom: 8px;}
.popup_container .content_question .question .photo_size .size {display: inline-block; font-size: 12px; color: #333; margin-right: 6px; margin-top: 6px;}
.popup_container .content_question .question .photo_size .size .box_input {display: inline-block; width: 50px; height: 28px; margin: 0 6px; padding: 0 6px;}
.form_table table td .photo_add {position: relative; width: 100%; padding-right: 30px; overflow: hidden;}
.form_table table td .photo_add .file_input {position: absolute; left: 1px; top: 0 }
.form_table table td .photo_add .file_name {float: left; max-width: 100%; font-size: 12px; line-height: 28px; padding-left: 64px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.form_table table td .photo_add .cancel {position: absolute; top: calc(50% - 8px); margin-left: 4px;}
.form_table table td .photo_size {display: block; width: 100%; margin-bottom: 8px;}
.form_table table td .photo_size .size {display: inline-block; font-size: 12px; color: #333; margin-right: 6px; margin-top: 6px;}
.form_table table td .photo_size .size .box_input {display: inline-block; width: 50px; height: 28px; margin: 0 6px; padding: 0 6px;}
.additional_info dl.total_srch {width: 100%; margin-top: 10px;}
.additional_info dl.total_srch dt {padding-top: 6px;}
.additional_info dl.total_srch .input_group.sche_case2 {padding-right: 142px;}
.additional_info dl.total_srch .input_group.sche_case2 .ico_btn {right: 117px;}
.additional_info dl.total_srch .input_group.sche_case2 .posi_r .btn {float: left;}
.additional_info dl.total_srch .input_group.sche_case2 .posi_r .btn:after {display: none;}
.additional_info dl.total_srch .input_group.sche_case2 .posi_r .ico_btn.small.add {position: relative; float: left; top: inherit; right: inherit; margin-top: 3px;}
.additional_info dl.total_srch .input_group.sche_case2 .token-input {max-height: inherit;}
.additional_info dl.period dt, .additional_info dl.contents dt {padding-top: 6px;}
.additional_info dl.period .datepic_area .date_box, .additional_info dl.period .datepic_area .time  {float: left; margin-right: 6px;}
.additional_info dl.period .datepic_area .txt {float: left; margin-right: 6px; line-height: 2;}
.additional_info dl.period .time {width: 75px;}
.additional_info dl.contents {width: 100%;}
.content_question .group + .photo_box {margin-top: 12px;}
.content_question .photo {display: block; width: 100%; height: 100%; margin-top: 8px; overflow: hidden;}
.content_question .photo img {max-width: 500px; max-height: 500px;}
.content_question .photo {display: block; width: 100%; height: 100%; margin-top: 8px; overflow: hidden;}
.content_question .photo img {max-width: 500px; max-height: 500px;}
/* 설문 상세 */
.content.research .photo {display: block; width: 100%; height: 100%; margin-top: 8px; overflow: hidden;}
.content.research .photo img {max-width: 500px; max-height: 500px; margin-bottom: 0;}
.content.research .purpose {display: block; margin-bottom: 18px; border-top: 1px dashed #ededed;}/* 수정 : 2020-05-27 */
.content.research .purpose:first-child {border-top: 0;}/* 추가 : 2020-05-27 */
.content.research .purpose .tit {display: block; width: 100%; height: auto; font-size: 14px; color: #111; font-weight: bold;}
.content.research .purpose .txt {font-size: 14px; width: 100%; height: auto; color: #333; line-height: 1.5; margin-top: 7px;}
.content.research .question {position: relative; width: 100%; padding-top: 21px; padding-bottom: 21px;}/* 수정 : 2020-05-27 */
.content.research .question:before {display: block; content: ''; width: 100%; height: 0; border-bottom: 1px dashed #ededed; position: absolute; top: 0;}/* 추가 : 2020-05-27 */
.content.research .question:first-child:before {display: none;}/* 추가 : 2020-05-27 */
.content.research .question .tit {display: inline-block; width: calc(100% - 320px); height: auto; padding-right: 10px; font-size: 13px; color: #111; font-weight: bold;}
.content.research .question .tit span.blind {font-size: 0; padding: 0;}
.content.research .question .tit .necessary {font-weight: 400; color: #ff5959;}
.content.research .question .help_txt {display: inline-block; white-space: inherit; margin-left: 8px; font-weight: normal; color: #ff5959;}
.content.research .question .progress_box {display: inline-block; width: 315px; text-align: right; vertical-align: top; position: relative;}/* 수정 : 2020-05-27 */
.content.research .question .progress_box:after {display: block; content: ''; width: 0; height: 0; clear: both;}
.content.research .question .progress_box .title {margin-right: 6px; vertical-align: text-top; float: left;}/* 추가 : 2020-05-27 */
.content.research .question .progress_box .progress {margin-top: 6px; float: left;}/* 추가 : 2020-05-27 */
.content.research .question > .btn {margin: 13px 0 0 17px;}/* 추가 : 2020-06-04 */
.content.research .question th {padding-right: 0;}
.content.research .question .form_table.question table {border: none;}
.content.research .question .form_table.question table th .form {padding-top: 5px; margin-right: 6px;}
.content.research .question .form_table.question_read {margin-top: 10px;}
.content.research .question .form_table.question_read + .btn {margin-top: 6px;}
.content.research .question .form_table.question_read table {border: none; width: 100%;}/* 수정 : 2020-05-27 */
.content.research .question .form_table.question_read th {min-height: 28px; padding: 5px 6px 5px 18px;}/* 수정 : 2020-05-29 */
.content.research .question .form_table.question_read td {min-height: 28px; padding: 5px 0; position: relative;}/* 수정 : 2020-05-29 */
.content.research .question .form_table.question_read td:first-of-type {left: -24px;}/* 수정 : 2020-05-29 */
.content.research .question .form_table.question_read tr:nth-child(n + 10) td:first-of-type {left: -17px;}/* 수정 : 2020-05-29 */
.content.research .question .form_table.question_read td .txt {display: inline-block; width: calc(100% - 296px); min-height: 20px; padding-right: 10px; vertical-align: top; padding-top: 0; line-height: 1.5;}/* 수정 : 2020-05-29 */
.content.research .question .form_table.question_read td .txt .btn.small {position: relative; top: -1px;}
.content.research .question .form_table.question_read td .txt + .progress_box {margin-right: -24px;}/* 수정 : 2020-05-29 */
.content.research .question .form_table.question_read td .txt + .progress_box .progress_txt span {min-height: 20px; line-height: 20px; vertical-align: top;}
.content.research .question .form_table.question_read.volume td .txt + .progress_box .progress_txt {width: 180px;}
.content.research .question .form_table.question_read tr:nth-child(n + 10) td:first-of-type .txt {width: calc(100% - 303px);}/* 추가 : 2020-05-29 */
.content.research .question .form_table.question_read tr:nth-child(n + 10) td:first-of-type .txt + .progress_box {margin-right: -17px;}/* 추가 : 2020-05-29 */
/* 추가 : 2020-05-27 */
.content.research .question .form_table.question_read td .progress_bar.color01 {background: #93daea !important;}
.content.research .question .form_table.question_read td .progress_bar.color02 {background: #82b8e5 !important;}
.content.research .question .form_table.question_read td .progress_bar.color03 {background: #7c82d0 !important;}
.content.research .question .form_table.question_read td .progress_bar.color04 {background: #c89ae0 !important;}
.content.research .question .form_table.question_read td .progress_bar.color05 {background: #f2929d !important;}
.content.research .question .form_table.question_read td .progress_bar.color06 {background: #ffab55 !important;}
.content.research .question .form_table.question_read td .progress_bar.color07 {background: #70dc81 !important;}
.content.research .question .form_table.question_read td .progress_bar.color08 {background: #46c1ab !important;}
.content.research .question .form_table.question_read td .progress_bar.color09 {background: #f1ce40 !important;}
.content.research .question .form_table.question_read td .progress_bar.color10 {background: #8bb222 !important;}
.content.research .question .form_table.question_read td .progress_bar.color11 {background: #e59daf !important;}
.content.research .question .form_table.question_read td .progress_bar.color12 {background: #e05156 !important;}
.content.research .question .form_table.question_read td .progress_bar.color13 {background: #88afbf !important;}
.content.research .question .form_table.question_read td .progress_bar.color14 {background: #367db2 !important;}
.content.research .question .form_table.question_read td .progress_bar.color15 {background: #8e8b80 !important;}
.content.research .question .form_table.question_read td .progress_bar.color16 {background: #03b5dd !important;}
.content.research .question .form_table.question_read td .progress_bar.color17 {background: #398fd8 !important;}
.content.research .question .form_table.question_read td .progress_bar.color18 {background: #4f58ce !important;}
.content.research .question .form_table.question_read td .progress_bar.color19 {background: #af5bdb !important;}
.content.research .question .form_table.question_read td .progress_bar.color20 {background: #ae414d !important;}
.content.research .question .form_table.question_read td .progress_bar.color21 {background: #d48431 !important;}
.content.research .question .form_table.question_read td .progress_bar.color22 {background: #20b137 !important;}
.content.research .question .form_table.question_read td .progress_bar.color23 {background: #029278 !important;}
.content.research .question .form_table.question_read td .progress_bar.color24 {background: #d3aa00 !important;}
.content.research .question .form_table.question_read td .progress_bar.color25 {background: #98d000 !important;}
.content.research .question .form_table.question_read td .progress_bar.color26 {background: #fc7fd9 !important;}
.content.research .question .form_table.question_read td .progress_bar.color27 {background: #de4397 !important;}
.content.research .question .form_table.question_read td .progress_bar.color28 {background: #57a8c9 !important;}
.content.research .question .form_table.question_read td .progress_bar.color29 {background: #1a66bf !important;}
.content.research .question .form_table.question_read td .progress_bar.color30 {background: #6c6273 !important;}
.content.research .question .form_table.question_read.objective td .txt {padding-right: 120px;}
.content.research .question .form_table.question_read.objective td .txt + .progress_box .btn.small {position: absolute; left: -110px; top: -1px;}
.content.research .question .form_table.question_read.volume td .txt + .progress_box .person {color: #3858ed;}
.content.research .question .form_table.question_read.volume td .txt + .progress_box .btn.small {float: left; position: relative; top: -1px;}
/* 참여기간 변경 */
.popup_container .form_table td.pd_tp_24 {padding-top: 24px;}
/* 팝업 페이지 네이션 페이지 바로가기 없을경우 */
.paginate_area.num_none .paginate {background: none; padding-right: 0; margin-right: 0;}

/* 메일 서명설정 select template  */
.sign_template {font-size: 0; padding: 20px 30px 25px 31px;}
.sign_template ul {font-size: 0;}
.sign_template li {display: inline-block; width: 131px; height: 90px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}

.sign_template ul:first-child li {border-top: 1px solid #d9d9d9;}
.sign_template ul li:first-child {border-left: 1px solid #d9d9d9;}
.sign_template .selected {border-color: #3858ed; background-color: #f3f6fb ;}
.sign_template ul:first-child li.selected {border: #3858ed 1px solid; margin-left: -1px}
.sign_template ul:first-child li.selected:first-child {margin-left: 0;}
.sign_template .selected + li {border-left-color: #3858ed;}
.sign_template .selected + li {border-left-color: #3858ed;}

.sign_template li.selected {width: 132px;}
.sign_template li.selected:first-child {width: 131px;}
.sign_template li:last-child {width: 130px;}
.sign_template li.selected:last-child {width: 131px;}

.sign_template ul:last-child li.selected {border: #3858ed 1px solid; margin-left: -1px; margin-top: -1px; height: 91px}
.sign_template ul:last-child li.selected:first-child {margin-left: 0;}

.sign_template a {display: inline-block;}

.sign_template .temp1, .sign_template .temp2, .sign_template .temp3, .sign_template .temp4, .sign_template .temp5 {width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%;}
.sign_template .temp1 {background-image: url('/user/img/sign_template01.png');}
.sign_template .temp2 {background-image: url('/user/img/sign_template02.png');}
.sign_template .temp3 {background-image: url('/user/img/sign_template03.png');}
.sign_template .temp4 {background-image: url('/user/img/sign_template04.png');}
.sign_template .temp5 {background-image: url('/user/img/sign_template05.png');}
.sign_template .temp_new {position: relative;}
.sign_template .temp_new p {position: absolute; width: 130px; font-size: 13px; text-align: center; line-height: 86px; color: #717171}

.sign_dojang {font-size: 0;}
.sign_dojang.scroll-wrapper {display: block; width: 100%; margin-bottom: -4px; white-space: nowrap;}
.sign_dojang li {display: inline-block; margin: 0 12px 8px 0; vertical-align: top;}
.sign_dojang img {width: 80px; height: auto; object-fit: cover; border: 1px solid #e3e5e4;}

/** 동호회 **/
/* 에디터 */
.egw_editor {border: 1px solid #ccc; width: 100%; height: 430px; background: url('/user/img/community/bg_editor.png') repeat-x;}
/* 컨텐츠 영역*/
.content_community {padding: 0 20px 16px;}
/* 환경설정 form lst */
.form_table_community table {border-top: 1px solid #969696;}
.hgroup_club {clear: both; width: calc(100% - 247px); height: 47px; padding: 14px 0 0 0;}/* 수정 : 2018-11-27 */
.hgroup_club > *  {float: left;}
.hgroup_club h2 {padding: 0 14px 0 0; font-size: 21px; line-height: 25px;}
.hgroup_club .length {font-size: 15px;  line-height: 25px;}
.hgroup_club .length em {font-size: 15px; font-weight: bold; color: #3858ed;}
.hgroup_club .favorite {margin-top: 5px;}

/*tab_club*/
.tab_club {width: 100%; border-bottom: 1px solid #ddd;}
.tab_club li {float: left; margin-right: 30px;}
.tab_club li a {display: block; padding-bottom: 7px; margin-bottom: -1px; line-height: 24px; font-size: 17px; color: #666; letter-spacing: -1px;}
.tab_club li a:hover {border-bottom: 2px solid #3858ed; text-decoration: none;}
.tab_club li a.selected {border-bottom: 2px solid #3858ed; font-weight: bold; color: #3858ed;}
.tab_club li a.selected:hover {text-decoration: none}

/* area_club */
.area_club {position: relative; height: calc(100% - 47px);}/* 수정 : 2018-11-27 */
.area_club:after {display: block; content: ''; clear: both;}
.area_club .section {float: left; width: calc(100% - 222px); padding-right: 25px; vertical-align: top;}/* 수정 : 2018-11-27 */
.area_club .section .main_contents {padding: 15px 0 0 0;}/* 추가 : 2018-11-27 */
.area_club .section .main_contents .tab li:first-child {padding-left: 0;}
.area_club .section .club_home .main_contents {padding: 15px 15px 40px 0;}
.area_club .aside {position: relative; top: -1px; float: left; width: 222px; background: #fff; vertical-align: top;}
.club_group {min-height: 100%; padding-bottom: 0; width: 100%;}
.area_club .attached_files .file_input {font-size: 0;}/* 추가 : 2019-02-20 */
.area_club .news_club {font-size: 0;}/* 추가 : 2019-03-28 */

/* club */
.news_club {padding-top: 19px; width: 100%;}
.news_club2 {padding-top: 23px; width: 100%;}
.news_club3 {padding-top: 19px; width: 100%;}

/* club - top notice / top ad */
.list_tbl {display: inline-block; padding-bottom: 6px; width: 48%; margin-right: 4%; margin-bottom: 35px;}/* 수정 : 2019-03-28 */
.list_tbl.whole {width: 99%; margin-bottom: 20px;}
.list_tbl:last-child {margin-right: 0;}
.list_tbl .list_header {border-bottom: 1px solid #eee;}
.list_tbl .list_header h3 {padding: 0 ; padding-bottom: 8px; font-size: 15px; font-weight: bold; color: #2d3f93;}
.list_tbl .list_header h3 a {font-size: 15px; font-weight: bold; color: #2d3f93;}
.list_tbl .list_header h3 a:after {position: relative; top: -5px; content: ''; display: inline-block; width: 16px; height: 16px; margin-top: 7px; margin-left: 8px; border: 1px solid #ccc; border-radius: 10px; font-size: 0; background: url('/user/img/square/bu_arrow.png') no-repeat 50% 50%;}
.list_tbl ul li {border-bottom: 1px solid #f5f5f5; height: 34px;}
.list_tbl ul li dl {width: 100%; display: table; font-size: 13px;}
.list_tbl ul li dl dd.title {display: table-cell; text-overflow: ellipsis; word-break: break-all; overflow: hidden;}

.list_tbl ul li dl dd.author {display: table-cell; width: 60px; position: relative; top: -10px;}
.list_tbl ul li dl dd.day {display: table-cell; width: 82px; position: relative; top: -10px; color: #969696;}
.list_tbl ul li dl dd.count {display: table-cell; width: 82px; position: relative; top: -10px; color: #969696;}
.list_tbl ul li .badge {margin-right: 5px; vertical-align: top;}
.list_tbl ul li dl dd.title a {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; line-height: 30px; width: 90%}
.list_tbl ul li dl dd.title.new a {font-weight: bold;}
.list_tbl ul li dl dd.title a:hover {text-decoration: underline;}
span.nw {width: 13px; height: 13px; background: url('/user/img/community/bu_new.png') no-repeat 50% 50%; font-size: 0; margin: 0 0 0 10px; display: inline-block; position: relative; vertical-align: middle}

/* club - top club / top new club */
.list_tbl2 {position: relative; padding-bottom: 28px; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 42px;}
.list_tbl2:last-child {margin-bottom: 0;}
.list_header {position: relative; display: block; font-size: 0;}
.list_tbl2 .list_header .king {position: absolute; top: 0; left: 0; display: block; width: 18px; height: 19px; margin-right: 4px; background: url('/user/img/community/bu_king.png') no-repeat center 0; font-size: 0;}
.list_tbl2 .list_header .king + a {padding-left: 24px;}
.list_tbl2 .list_header h3 {display: block; padding-bottom: 10px;}
.list_tbl2 .list_header h3 a {font-size: 15px; font-weight: bold; color: #2d3f93; vertical-align: top;}
.list_tbl2 .list_header h3 a:after {position: relative; top: -5px; content: ''; display: inline-block; width: 16px; height: 16px; margin-top: 7px; margin-left: 8px; border: 1px solid #ccc; border-radius: 10px; font-size: 0; background: url('/user/img/square/bu_arrow.png') no-repeat 50% 50%;}

.list_tbl2 ul {width: 100%; font-size: 0; overflow: hidden;}
.list_tbl2 ul li {position: relative; display: inline-block; width: 23.25%; margin-right: calc( ( 100% - ( 23.25% * 4 ) - 0.5px ) / 3 ); vertical-align: top;}
.list_tbl2 ul li:last-child {margin-right: 0;}
.list_tbl2 ul li .club_card {max-width: 200px;}
.list_tbl2 ul li .thumbnail {position: relative; width: 200px; height: 200px; overflow: hidden;}
.list_tbl2 ul li .thumbnail a {display: block; width: 100%; height: 100%;}
.list_tbl2 ul li .thumbnail img {width: 100%; height: auto; transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1); transition: transform .2s cubic-bezier(.165,.84,.44,1); transition: transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1); vertical-align: top;}
.list_tbl2 ul li .club_card:hover .thumbnail img {transition-duration: .3s; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); vertical-align: top;}
.list_tbl2 ul li .open_day {height: 30px; padding: 11px 10px 0; font-size: 12px; color: #797f9c;}
.list_tbl2 ul li .club_title {display: block; height: 28px; padding: 0 10px; font-weight: bold; font-size: 14px; line-height: 28px; color: #111;}
.list_tbl2 ul li .club_title.new_club {position: relative; padding-right: 18px;}
.list_tbl2 ul li .club_title > a {display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_tbl2 ul li .club_title .nw {position: absolute; top: 6px; margin-left: 4px;}
.list_tbl2 ul li .club_story {display: -webkit-box; max-height: 54px; margin-top: -1px; padding: 0 10px; font-size: 13px; line-height: 18px; color: #333; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.list_tbl2 ul li .club_intro {padding: 4px 10px; font-size: 0;}
.list_tbl2 ul li .club_intro .club_admin {display: inline-block; margin-right: 4px; font-size: 12px; color: #969696;}
.list_tbl2 ul li .club_intro .club_sysop {display: inline-block; font-size: 12px; color: #333;}
.list_tbl2 ul li .club_intro .club_member {display: block; font-size: 12px; color: #969696;}

.list_tbl2 ul .none_list.type_full {width: 100%; height: 250px;}

/* club - top notice / top ad */
.list_tbl3 {padding-bottom: 6px; width: 100%; float: left; margin-right: 4%; margin-bottom: 14px;}
.list_tbl3:last-child {margin-right: 0;}
.list_tbl3 .list_header h3 {padding: 0 ; padding-bottom: 8px;}
.list_tbl3 .list_header h3 a {font-size: 15px; font-weight: bold; color: #2d3f93;}
.list_tbl3 .list_header h3 a:after {position: relative; top: -5px; content: ''; display: inline-block; width: 16px; height: 16px; margin-top: 7px; margin-left: 8px; border: 1px solid #ccc; border-radius: 10px; font-size: 0; background: url('/user/img/square/bu_arrow.png') no-repeat 50% 50%;}
.list_tbl3 ul {clear: both;}
.list_tbl3 ul li {border-bottom: 1px solid #f5f5f5; height: 34px;}
.list_tbl3 ul li dl {width: 100%; display: table;}
.list_tbl3 ul li dl dd.title {display: table-cell; text-overflow: ellipsis; word-break: break-all; overflow: hidden;}

.list_tbl3 ul li dl dd.author {display: table-cell; width: 60px; position: relative; top: -10px;}
.list_tbl3 ul li dl dd.day {display: table-cell; width: 82px; position: relative; top: -10px; color: #969696;}
.list_tbl3 ul li .badge {margin-right: 5px; vertical-align: top;}
.list_tbl3 ul li dl dd.title a {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; line-height: 30px; width: 90%}
.list_tbl3 ul li dl dd.title a:hover {text-decoration: underline; font-weight: bold;}

/* 동호회 게시판 포틀릿 180308 */
.content_table.community tr:last-child td {border-bottom: 1px solid #f5f5f5;}
.content_table.community tr:hover {background: none;}
.content_table.community td.board {padding-left: 6px;}
.content_table.community td.title_area {padding-right: 20px;}
.content_table.community td.title_area .ico_new {position: absolute; top: 9px; width: 15px; height: 13px; background: url('/user/img/community/bu_new.png') no-repeat right 0; font-size: 0;}
.content_table.community td a.subject {display: inline-block; max-width: 100%; padding-right: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.content_table.community td a.name {width: 100%; padding-right: 10px;}
.content_table.community .none_list.type_full {height: 160px !important; margin: 0 !important; border-bottom: 1px solid #f5f5f5 !important;}

.banner_box {display: block}

/* club - top notice / top ad */
.list_tbl4 {width: 100%; float: left; margin-right: 4%;}
.list_tbl4:last-child {margin-right: 0;}
.list_tbl4 .list_header {padding: 0;}
.list_tbl4 .list_header h3 {float: left; padding: 0; font-size: 15px; font-weight: bold; color: #2d3f93;}
.list_tbl4 .list_header h3 a {font-size: 15px; font-weight: bold; color: #2d3f93;}
.list_tbl4 .list_header h3 a:after {position: relative; top: -5px; content: ''; display: inline-block; width: 16px; height: 16px; margin-top: 7px; margin-left: 8px; border: 1px solid #ccc; border-radius: 10px; font-size: 0; background: url('/user/img/square/bu_arrow.png') no-repeat 50% 50%;}

/* club_thumbnail */
.news_club3 .album_lst {width: 99%; clear: both;}
.news_club3 .album_lst ul {padding: 10px 0 0 !important;}
.news_club3 .album_lst ul li {height: 230px; margin: 9px 10px 10px 0 !important;}
.news_club3 .album_lst ul li.none_list.type_full {width: 100%; height: 161px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}

.club_list .mine {position: relative}
.club_list .mine .club_name:before {position: absolute; content: ''; top: -2px; left: -44px; display: block; width: 16px; height: 16px; background: url('/user/img/community/mine_club.png') no-repeat 0 0; z-index: 99;}/* 수정 : 2018-11-29 */

/* Rnb */
.aside .make_club {width: 220px; background: #f9f9f9; padding: 10px 9px 12px; text-align: center; font-size: 0; z-index: 100000;}/* 수정 : 2018-11-27 *//* 수정 : 2018-11-29 */
.aside .make_club a {vertical-align: top;}
.aside .make_club a.btn_club {display: inline-block; width: 100%; height: 40px; line-height: 38px; padding: 0 10px; border-radius: 2px; font-size: 14px; margin-right: 0; color: #fff; background-color: #3858ed;}/* 수정 : 2018-11-27 */
.aside .make_club a:hover.btn_club {background-color: #3654d9; text-decoration: none;}
.aside .make_club a:active.btn_club {background-color: #203ec7}
.aside .make_club a:disabled.btn_club {background-color: #ccc}

.club_box {border: 1px solid #c2c2c2; width: 222px; overflow: hidden}/* 수정 : 2018-11-27 */
.club_box > .club_contents {height: calc(100vh - 279px) !important; min-height: auto;}
.club_header {background: #f9f9f9; width: auto; padding: 0 19px 0; overflow: hidden;}/* 수정 : 2018-11-27 */
.club_header + .scroll-wrapper {height: calc(100vh - 279px) !important;}/* 추가 : 2018-11-27 */

/* Rnb - club_tab */
.club_tab {background: #f9f9f9; width: auto;}
.club_tab li {float: left; width: 50%; padding: 0 5px;}
.club_tab li a {display: block; width: auto; height: 30px; padding: 2px 5px 0; font-size: 14px; color: #969696; text-align: center;}
.club_tab li a:hover {text-decoration: none; border-bottom: 2px solid #3858ed;}
.club_tab li a.active {display: block; background: #f9f9f9; width: auto; border-bottom: 2px solid #3858ed; font-weight: bold; color: #4c4c4c;}

/* Lnb - club_tab2 */
.club_header_w {width: 172px; padding-top: 4px 20px 0;}
.club_tab_w {background: #fff; width: auto;}
.club_tab_w li {float: left; width: 50%; padding: 0 5px;}
.club_tab_w li a {display: block; width: auto; height: 28px; font-size: 14px; color: #969696; text-align: center;}
.club_tab_w li a:hover {text-decoration: none; border-bottom: 2px solid #3858ed; color: #4c4c4c;}
.club_tab_w li a.active {display: block; background: #fff; width: auto; padding: 0 5px; border-bottom: 2px solid #3858ed; color: #4c4c4c;}

.club_contents {padding: 0 19px; width: auto; min-height: 400px;}/* 수정 : 2018-11-29 */
.club_contents .handy-scroll {padding: 0; height: 100%;}
.club_list {padding: 22px 0 18px; border-bottom: 1px solid #e3e3e3;}/* 수정 : 2018-11-27 *//* 수정 : 2018-11-29 */
.club_list.tree {padding-top: 0; border-bottom: 0 none; padding-bottom: 0; height: calc(100% - 80px)}
.club_list.tree .club_group {height: 100%}
.club_list.tree .dynatree-container .none_list {padding: 3px 0 0 14px;}
.no_border {border-bottom: 0;}
.club_list h3 {font-size: 14px; color: #111; margin-bottom: 17px;}/* 수정 : 2018-11-29 */
.club_list .btn_area {padding-top: 8px; text-align: center;}/* 추가 : 2018-11-27 *//* 수정 : 2018-11-29 */
.club_list .text_btn.more {display: inline-block; margin: 0 auto; font-size: 12px; color: #111 !important; letter-spacing: -1px;}/* 추가 : 2018-11-27 */
.club_list .text_btn.more:after {display: inline-block; content: ''; width: 7px; height: 7px; margin: 4px 0 0 4px; background: url('/user/img/text_add.png') no-repeat 50% 50%;}/* 추가 : 2018-11-27 */

/* Rnb - list-type01 */
.club_list .type01 {max-height: 230px; overflow: hidden;}/* 최대 5개로 높이값 추가 : 2018-11-27 *//* 수정 : 2018-11-29 */
.club_list .type01 li {position: relative; padding: 2px 0 0 44px; height: 36px; margin-bottom: 10px; font-size: 13px;}/* 수정 : 2018-11-29 */
.club_list .type01 li.none_list {height: auto; padding-left: 0;}
.club_list .type01 li:last-child {margin-bottom: 0;}
.club_list .club_img {position: absolute; left: 2px; width: 34px; height: 34px; display: block; border-radius: 50%; background: #ddd; overflow: hidden;}/* 수정 : 2018-11-29 */
.club_list .club_img img {width: 100%; height: 100%; object-fit: cover;}

.club_list .type01 div {position: relative;  height: 18px;}
.club_list .type01 .new_club {padding-right: 20px;}
.club_list .type01 .club_name {display: inline-block; max-width: 100%; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.club_list .type01 .no_new .club_name {padding-top: 8px;}
.club_list .type01 .ico_new {position: absolute; top: 2px; width: 15px; height: 13px; background: url('/user/img/community/bu_new.png') no-repeat right 0; font-size: 0;}

.club_list li .time {display: block;  width: 100%; font-size: 12px; color: #969696;}

/* Rnb -  list-type02 */
.club_list .type02 {max-height: 400px; overflow: hidden;}/* 최대 5개로 높이값 추가 : 2018-11-27 *//* 수정 : 2018-11-29 */
.club_list .type02 li {position: relative; margin-bottom: 13px; font-size: 13px;}/* 수정 : 2018-11-29 */
.club_list .type02 li:last-child {margin-bottom: 0;}/* 추가 : 2018-11-27 */
.club_list .type02 .usr_img {position: absolute; width: 26px; height: 26px; display: block; overflow: hidden;}/* 수정 : 2019-08-23 */
.club_list .type02 .usr_img img {width: 100%; height: 100%; object-fit: cover;}

.club_list .type02 .club_usr {position: relative; top: 0; display: table; width: calc(100% - 26px); height: 26px;  margin: 0 0 6px 26px;}/* 수정 : 2018-11-29 */
.club_list .type02 .club_usr .member_name {display: table-cell; width: 30%; max-width: 64px; height: 26px; line-height: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url('/user/img/divider.png') no-repeat right center; padding: 6px; vertical-align: top;}
.club_list .type02 .club_usr .club_name {display: table-cell; width: 70%; max-width: 90px; height: 26px; line-height: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 6px 0 6px 6px; vertical-align: top;}/* 수정 : 2018-11-27 */
.club_list .type02 .message {margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px;}/* 수정 : 2018-11-29 */

/* 테이블 관련 table */
td.club_sort, td.yes, td.no {color: #969696;}
span.small_text {font-size: 11px; color: #969696;}
span.badge_comment_blue {color: #5a79ec; font-size: 11px;}
/* 폼태그 관련*/
textarea.border4_textarea {display: block; width: 100%; height: auto; min-height: 32px; max-height: 100px; overflow: auto; border: 1px solid #e3e3e3; font-size: 13px; padding: 4px; line-height: 1.4; box-sizing: border-box}

/* 새로고침 버튼 */
.new_lst_info.feed {position: absolute; top: 5px; right: 20px; font-size: 0;}/* 수정 : 2019-02-13 *//* 일정 설정, 스퀘어에서 우측 버튼 좌표(top)가 틀어지기 때문에 28px -> 0 으로 수정 */
.new_lst_info.feed a {vertical-align: top;}
.new_lst_info.feed .btn, .new_lst_info.feed > .ico, .new_lst_info.feed > .ico_btn {margin-right: 0; margin-left: 8px;}
.new_lst_info.feed .btn:first-child {margin-left: 0;}
.new_lst_info.feed .rfsh {width: 28px; height: 28px; background-position: -154px -45px; border: 1px solid #b1b1b1; border-radius: 2px;}
.new_lst_info.feed .rfsh:hover {background-color: #f5f5f5;}
.new_lst_info.feed .rfsh:active {background-color: #fff; border-color: #969696;}
.new_lst_info.feed .btn_d_search {margin-left: 8px;}

.hgroup.no_border + .new_lst_info {position: absolute; top: 5px; right: 20px;}/* 수정 : 2019-02-13 */
.hgroup.no_border + .new_lst_info .rfsh {width: 28px; height: 28px; margin: 0; background-position: -154px -45px; border: 1px solid #b1b1b1; border-radius: 2px; vertical-align: top;}
.hgroup.no_border + .new_lst_info .rfsh:hover {background-color: #f5f5f5;}
.hgroup.no_border + .new_lst_info .rfsh:active {background-color: #fff; border-color: #969696;}

/* 게시판 읽기 영역 */
.pl_zero {padding-left: 0 !important;}
.key_info .sub3 {padding: 8px 0 0 24px; margin: 0 40px 0 0; line-height: 20px}
.key_info .sub3 * {display: inline-block;}
.key_info .sub3 dt {font-size: 13px; color: #666; font-weight: bold; vertical-align: top}
.key_info .sub3 dt.blind {width: 0; padding: 0; font-size: 0; margin-left: -4px;}
.key_info .sub3 dd {font-size: 12px; color: #333; padding-left: 4px;}
.key_info .sub3 dd.name, .key_info .sub1 dd.team {font-size: 13px;}
.key_info .sub3 .blind + dd {padding-left: 0;}
.key_info .sub3 dd:after {content: ''; width: 9px; height: 26px; display: inline-block; background: url('/user/img/divider.png') no-repeat 50% 50%; padding: 0 3px 0 4px; position: relative; top: -3px;}
.key_info .sub3 dd.name:after {background: url('/user/img/dott_gray.png') no-repeat 50% 50%; padding: 0 0 0 4px; opacity: .8;}
.key_info .sub3 dd:last-child:after {background: 0 none;}

/* input 관련 */
.top_none {border-top: 0;}
.top_line {border-top: 1px solid #d9d9d9;}
a.btn_addwrite {margin-top: 5px; display: inline-block;}
a.btn_addwrite:before {content: ''; width: 9px; height: 9px; background: url('/user/img/community/bu_add.png') no-repeat 0 0; display: inline-block; position: relative; top: 4px; padding-right: 5px;}
.input_group.multi2 {padding-right: 158px}
.input_group.multi2 .size_txt2 {position: absolute; top: 0; right: 5px; width: 158px; height: 30px; line-height: 30px; text-align: right;}

.btn_s {display: inline-block; height: 22px; line-height: 20px; color: #4c4c4c; padding: 0 10px; margin-left: 10px; background-color: #fff; border: 1px solid #c2c2c2; border-radius: 2px;}
.btn_s:first-child {margin-left: 0;}
.btn_s:hover {background-color: #f5f5f5; border: 1px solid #c2c2c2; text-decoration: none;}
.btn_s:active {position: relative; color: #333; background-color: #fff; border: 1px solid #969696;}
.btn_s.disabled {color: #969696; background-color: #fff; border: 1px solid #b4b4b4; cursor: default;}

/* file list upload_one */
.file_lst.upload.single {height: 30px; border: 1px solid #ebebeb;}
.file_lst.upload.single li:first-child {position: relative; margin-top: 0; height: 28px; line-height: 28px; overflow: hidden;}
.file_lst.upload.single li .file_name {display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; padding-left: 8px;}
.file_lst.upload.single li .text_btn {position: absolute;  top: 0; right: 40px;}

/* vertical_table */
.vertical_table2 {padding: 0 30px; margin-top: 5px;}
.vertical_table2 > div {border-top: 1px solid #ccc;}
.vertical_table2 th span {display: block; width: 100%;  height: 32px; font-size: 12px; color: #111; background-color: #fafafa; padding: 6px 10px; border-bottom: 1px solid #e3e3e3; font-weight: bold; border-right: 1px solid #e3e3e3;}
.vertical_table2 td span, .vertical_table2 td a {display: block; width: 100%;  height: 32px; font-size: 12px; padding: 6px 15px; border-bottom: 1px solid #e3e3e3;}
.vertical_table2 .attached_image th, .vertical_table2 .attached_image td {height: 152px;}
.vertical_table2 .attached_image th span {height: 100%; padding-top: 10px; padding-bottom: 10px;}
.vertical_table2 .attached_image td .comm_form_thumb_area {height: 100%; margin: 0; padding-top: 10px; padding-bottom: 10px;}
.vertical_table2 .attached_image td .comm_form_thumb_area .thumnail:only-child {margin: 0;}
.vertical_table2 .attached_image img {object-fit: cover; object-position: center;}

/* 메뉴구성(동호회) */
.board_menu {position: relative; height: calc(100% - 100px); padding: 0 30px; margin-top: 5px;}
.left_menu {position: absolute; top: 0; left: 30px; width: 300px;}
.board_list {position: relative; height: calc(100% - 89px); min-height: 330px; width: 100%; overflow: hidden; border: 1px solid #d9d9d9;}
.board_list_header {position: relative; height: 30px; border-bottom: 1px solid #eee; background: #f3f6fb;}
.board_list_header h2.tit {display: inline-block; padding: 0 0 0 15px; line-height: 28px; font-size: 12px; color: #4c4c4c;}
.board_list_header .pos_r {position: absolute; right: 2px; top: 2px;}
.board_list_header .set_btn_list li {float: left;}
.board_list_header .set_btn {display: block; position: relative; overflow: hidden; width: 25px; height: 25px; padding: 0 0 0 1px; text-indent: -9999px; background: url('/user/img/btn_arrow.png') no-repeat left top;}
.board_list_header .set_btn:after {content: ''; position: absolute; left: 0; top: 7px; display: block; width: 1px; height: 11px; background: #d9d9d9;}
li:first-child .set_btn {padding: 0;}
li:first-child .set_btn:after {background: none;}
.set_btn.toptop {background-position: 8px 9px;}
.set_btn.top {background-position: 8px -17px;}
.set_btn.bot {background-position: 8px -42px;}
.set_btn.botbot {background-position: 8px -69px;}

.left_menu .setting_cont {height: 298px;}
.right_menu .setting_cont {height: 250px;}
.set_lst li {display: block; height: 34px; padding: 0 15px; line-height: 32px;}
.set_lst li a {display: block; color: #333; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.set_lst li.on {background: #f0f4fc;}
.board_menu .btns_center_arrow {position: absolute; width: 50px; height: 330px; left: 330px;}
.board_menu .btns_center_arrow .btn_wrap {position: relative; display: block; width: 100%; height: 100%;}
.board_menu .btns_center_arrow .btn_wrap .btn_add {position: absolute; top: 44%; left: 10px; width: 30px; height: 30px; margin-top: -15px; font-size: 0; background: url('/user/img/org_btn_add.png') no-repeat 0 0;}
.board_menu .btns_center_arrow .btn_wrap .btn_add.disabled {background-position: -30px 0;}
.board_menu .btns_center_arrow .btn_wrap .btn_del {position: absolute; top: 54%; left: 10px; width: 30px; height: 30px; margin-top: -15px; font-size: 0; background: url('/user/img/org_btn_del.png') no-repeat 0 0;}
.board_menu .btns_center_arrow .btn_wrap .btn_del.disabled {background-position: -30px 0;}
.right_menu {position: relative; margin-left: 350px; width: calc(100% - 350px);}

.board_list .rename_board {position: absolute; bottom: 0; height: 48px; padding: 10 px 0 10px 20px; border-top: 1px solid #ededed; display: inline-block; width: 100%}
.rename_board input.change_name {float: left; width: 200px; height: 28px; padding: 0  5px; border: 1px solid #e3e3e3; line-height: 30px; margin: 8px 8px 0 10px;}

.rename_board .btn_change {margin: 8px 2px 0 0;}
.rename_board .byte_check {font-size: 12px; vertical-align: middle; color: #969696;}/* 수정 : 2018-11-27 */

.popup_radio {margin: 20px 0 20px; padding: 0 30px;}

/* 개별동호회 */
.profile_area {position: relative; padding: 5px 0; width: 100%;}
.club_profile {padding: 20px 0 20px 15px; border: 1px solid #e3e3e3; height: 110px;}
.club_profile dt a.club_photo {position: absolute; left: 16px; top: 25px; width: 70px; height: 70px; overflow: hidden}/* 수정 : 2019-08-23 */
.club_profile dt a.club_photo img {width: 70px; height: 70px;}
.club_profile dt * {float: left;}
.club_profile dt {min-height: 22px;}
.club_profile dt a.name {font-size: 19px; font-weight: bold; color: #111; padding: 10px 0 0 87px;}

.club_profile dd {clear: both; padding-left: 83px; padding-top: 3px;}
.club_profile dd * {display: inline-block;}
.club_profile dd {min-height: 22px;}
.club_profile dd p {font-size: 12px; color: #666; padding: 0 7px 0 5px; background: url('/user/img/divider.png') no-repeat top right; line-height: 12px;}
.club_profile dd p .txt_blue {color: #3858ed; font-weight: bold; padding-left: 5px;}
.club_profile dd p:last-child {background: none;}

/* 게시물쓰기 */
.input_group.multi .group2 {position: absolute; top: 0; right: 5px;}
/* Top공지 옵션일때 */
.input_group.multi.top_opt {padding-right: 175px;}
.input_group.has_select.top_opt .basic_input {width: calc(100% - 120px);}
.input_group.multi.top_opt .group {width: 175px;}
.input_name {line-height: 20px; padding-top: 5px; height: 20px;}
.input_day {line-height: 20px; padding-top: 5px; height: 20px;}
.w110 {width: 105px;}

.key_info .tit {padding-bottom: 10px;}
.key_info .tit h2 {font-size: 17px; color: #111; font-weight: bold;}

/* 회원목록 */
span.filter {display: inline-block; height: 25px; line-height: 27px; padding: 0 5px 0 10px; color: #969696;}
.content_table tr.active {background-color: #edf3ff;}
.content_table tr.active td {border-bottom: 1px solid #dbe7ff; border-top: 1px solid #dbe7ff;}
.form_table tr td p.help_txt {padding-top: 0; margin-top: 5px;}
.ico_btn2.del {background-position: 0 -70px;}
.ico_btn2 {position: absolute; right: 4px; top: calc(50% - 8px); display: inline-block; width: 16px; height: 16px; background: url('/user/img/common.png') no-repeat 0 0; font-size: 0 !important; text-decoration: none;}

/* 동호회 */
.section .btns_area .util {position: static; min-height: 28px; margin-top: 0; padding-top: 4px;}
.section .tab {height: 40px;}
.form_table tr.question td p {color: #666; padding-left: 8px; background: url('/user/img/dot_gray.png') no-repeat left 11px;}
.form_table tr.answer td {padding-top: 0;}
.form_table tr.answer td {padding-top: 0;}

/* 개인정보 설정 */
.profile_area.user_set {position: relative; padding: 5px 0; width: 100%;}
.user_profile {padding: 20px; height: 100px;}/* 수정 : 2019-08-12 */
.user_profile dt a.club_photo {position: absolute; left: 20px; top: 20px; width: 70px; height: 70px; overflow: hidden;}/* 수정 : 2019-08-12 *//* 수정 : 2019-08-20 */
.user_profile dt a.club_photo img {width: 70px; height: 70px;}
.user_profile dt * {float: left;}
.user_profile dt {min-height: 22px;}
.user_profile dt a.name {font-size: 19px; font-weight: bold; color: #111; padding: 7px 0 0 88px;}

.user_profile dd {clear: both; padding-left: 83px; padding-top: 2px;}/* 수정 : 2019-08-12 */
.user_profile dd * {display: inline-block;}
.user_profile dd {min-height: 22px;}
.user_profile dd span:first-child {margin-left: 6px;}
.user_profile dd span {font-size: 12px; color: #969696;  line-height: 12px;}
.user_profile dd span:after {content: '·'; padding: 0 5px 0 7px;}
.user_profile dd span:last-child:after {content: ''; padding: 0;}

.form_table.user_set table {border-top-color: #eee;}
.form_table.user_set .profile td .btn.small {position: relative; top: 0; left: 0; right: auto; margin-top: 0; margin-right: 2px;}/* 수정 : 2019-08-12 */
.form_table.user_set .profile td .profile_file {position: relative; top: 0; left: 0; right: auto; margin-top: 0; display: inline-block;}
.form_table.user_set .profile td .profile_file .file_name {text-align: left; width: auto; font-size: 12px; color: #666; vertical-align: top; height: 22px; line-height: 22px;}
.form_table.user_set .profile td .profile_file .cancel {background-position: 6px 6px;}
.form_table.user_set table input[type="text"].date_input {width: calc(100% + 100px);}

/* 스퀘어 일정 목록형 */
.schedule_section ul li {position: relative; min-height: 66px; margin-top: 10px; padding: 0 0 0 95px; border: 1px solid #e3e3e3;}
.schedule_section ul li:first-child {margin-top: 15px;}
.schedule_section ul li .date {position: absolute; top: 7px; left: 0; width: 95px; text-align: center; font-size: 12px;}
.schedule_section ul li .date.holiday,
.schedule_section ul li .date.holiday em {color: #ff5959}
.schedule_section ul li .date.saturday,
.schedule_section ul li .date.saturday em {color: #5a79ec}
.schedule_section ul li .date em {display: block; color: #111; font-size: 21px; font-weight: bold}
.schedule_section ul li.pass .date, .schedule_section ul li.pass .date em {color: #969696;}
.schedule_section dl {position: relative; padding: 14px 0; margin-right: 20px; border-top: 1px dotted #bebebe;}
.schedule_section dl:nth-child(2) {border-top: 0 none;}
.schedule_section dl dt {padding-bottom: 3px;}
.schedule_section dl dt a {display: inline-block; max-width: 88%; color: #333; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; padding-left: 14px;}
.schedule_section dl dd {font-size: 12px; color: #969696;}
.schedule_section dl dd span:before {content: ''; display: inline-block; width: 1px; height: 11px; margin-top: 3px; margin-left: 4px; margin-right: 8px; background-color: #d9d9d9;}
.schedule_section dl dd .team {color: #666;}
.schedule_section dl dd .team:before {content: 'ㆍ'; width: auto; height: auto; color: #aeaeae; margin-top: 0; margin-left: -5px; margin-right: 0; background-color: transparent;}
.schedule_section dl dd.flag {position: absolute; top: 24px; right: 16px;}
.schedule_section dl dd.flag .form {vertical-align: top}
.schedule_section dl dd.tool {position: absolute; top: 23px; right: -9px;}
.schedule_section dl dd.tool > a {display: block; width: 20px; height: 20px; font-size: 0;  background: url('/user/img/square/ico.png') no-repeat left -240px;}
.schedule_section dl dd.tool.open .select_lst {display: block; position: absolute; right: 0; top: 20px;}
.schedule_section dl dd.tool .select_lst li {display: block; width: auto; height: auto; min-height: auto; margin: 0; padding: 0; border: 0 none; background-color: #fff;}
.schedule_section dl dd.flag span:before , .schedule_section dl dd.tool span:before {content: ''; display: none; width: auto; height: auto; margin: 0;}

.schedule_area .hgroup .ico_btn.my_reservation, .schedule_area .hgroup .ico_btn.flag, .schedule_area .hgroup .filter_choice {margin-right: 8px;}

.schedule_area .hgroup .ico_btn.cal {width: inherit; font-size: 12px !important; padding-left: 30px; padding-right: 10px; background: url('/user/img/ico_calendar.png') no-repeat 4px 3px;}

/* 목록 없음 기존 스타일 - 개선 작업 반영 후 삭제 필요 */
.list_tbl2 ul li.no_cont {display: block; width: 100%; height: 200px; margin-top: 50px;}
.list_tbl2 ul li.no_cont p {width: 100%; max-width: 100%; font-size: 13px; padding: 0; margin: 0; text-align: center;}
.content_table.community tr.no_cont td {height: 179px;}
.content_table.community tr.no_cont td p {text-align: center;}
.news_club3 .album_lst ul li.no_cont {display: block; width: 100%; height: 179px; padding: 81px 15px 0; margin: 3px 0 20px !important; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
.news_club3 .album_lst ul li.no_cont p {width: 100%; max-width: 100%; font-size: 13px; padding: 0; margin: 0; text-align: center;}

/** 다국어 **/
/* 영문 */
html:lang(en) .form_table table td .photo_add .file_name {padding-left: 70px;}
html:lang(en) .form_table.add .add_type .selectbox.text {width: 100px;}
html:lang(en) .form_table.add .add_pblm_no .btns_area {margin-left: 18px;}
html:lang(en) .form_table.add .txt_add .input_group {width: 585px;}

/** 미디어쿼리 **/
@media (min-width: 1280px) {
    .list_tbl2 ul li .club_card {max-width: 320px;}
    .list_tbl2 ul li .thumbnail {width: 100%; height: 100%;}
}
@media (min-width: 1796px) {
    .list_tbl2 ul li {width: 320px; margin-right: calc( ( 100% - ( 320px * 4 ) - 0.5px ) / 3 );}
    .list_tbl2 ul li:last-child {margin-right: 0;}
}