@charset "utf-8";
/* 공통 */ 

#bo_list {display:grid; grid-template-columns: minmax(400px,55%) auto; gap:15px;}
#bo_frame.only-view {max-width:640px;margin:0 auto;}
#bo_frame.only-view #bo_list {display:block;width:100%;}
#bo_frame .pg_wrap {padding:2px;margin-bottom:15px;display:grid; gap:10px; grid-template-columns: 65px auto 65px; }
#bo_frame .pg {border:0 none;}
#bo_frame .pg.control .pg_page{padding:0 2px;}
#bo_frame .pg_wrap .pg_page {border:0 none;background:none;}
#bo_frame .pg_wrap .year {font-size:16px;font-weight:bold;display:inline-block;padding-right:10px;vertical-align: middle;}
#bo_frame .pg_wrap .year::after{display:inline-block;padding-left:15px;content:"||";font-weight:normal;opacity:0.8;}
#bo_frame .pg_wrap .month {padding:0 3px;}
#bo_frame .pg_wrap .month:last-child::after{content:"";}
#bo_frame .pg_wrap .ico{position:relative;display:inline-block;width:20px;height:30px;overflow:hidden;text-indent:100%;white-space:nowrap;}
#bo_frame .pg_wrap .ico:before{position:absolute;left:0;top:0;display:block;width:20px;height:30px;line-height:30px;text-indent:0;text-align:center;}
#bo_frame .pg_wrap .ico.prevyr:before{content:"◀◀";letter-spacing:-5px;text-indent:-2px;}
#bo_frame .pg_wrap .ico.prevmth:before{content:"◀";}
#bo_frame .pg_wrap .ico.nextyr:before{content:"▶▶";letter-spacing:-5px;text-indent:-2px;}
#bo_frame .pg_wrap .ico.nextmth:before{content:"▶";}
/*
#bo_frame .pg_wrap .ico:before{position:absolute;left:0;top:0;display:inline-block;width:24px;height:30px;line-height:30px;text-indent:0;font-family:'icon';}
#bo_frame .pg_wrap .ico.prevyr:before{content:"\ea21";}
#bo_frame .pg_wrap .ico.prevmth:before{content:"\ea23";}
#bo_frame .pg_wrap .ico.nextyr:before{content:"\ea22";}
#bo_frame .pg_wrap .ico.nextmth:before{content:"\ea24";}
*/


/* 캘린더 */ 
.mood-calendar h2{ padding:10px 15px; font-size:20px;font-weight:normal;} 

.mood-list.theme-list {border-collapse:separate;border-spacing: 1px;padding:5px 15px 15px;}
.mood-list.theme-list th{ height:30px;padding:0;font-size:11px;border:0 none;background:#aaaaaa11;} /* 요일 표시 칸 */
.mood-list.theme-list th.sun{background:#c7003955;} /* 일요일 */
.mood-list.theme-list th.sat{background:#345ad655;} /* 토요일 */

.mood-list.theme-list td {text-align:center; padding:10px 0 0;line-height:18px;font-size:11px;height:70px;border:0 none;} /* 날짜 표시 칸 */
.mood-list.theme-list td.noday {background:#aaaaaa11;} /* 날짜없는 칸 */

.mood-list .date{margin:0 0 5px;}
.mood-list.theme-list td i {position:relative;display:block;margin-bottom:5px;font-style:normal;}/* 날짜(숫자) */
.mood-list.theme-list td.today i {font-weight:bold;}

/* 무드 아이콘 */
.mood-list.theme-list td .wr-mood {position:relative;display:inline-block;}
.mood-list.theme-list td .wr-mood.default {cursor:default;}
.mood-list.theme-list td .ico_mood {display:inline-block;}
.mood-list.theme-list td .ico_etc {display:block;position:absolute;}
.mood-list.theme-list td .ico_etc.etc_0 {top:-3px;left:-3px;} /* 좌측 상단 */
.mood-list.theme-list td .ico_etc.etc_1 {top:-3px;right:-3px;} /* 우측 상단 */
.mood-list.theme-list td .ico_etc.etc_2 {bottom:-3px;right:-3px;} /* 우측 하단 */
.mood-list.theme-list td .ico_etc.etc_3 {bottom:-3px;left:-3px;} /* 좌측 하단 */

/* 팝업레이어 */
.mood-list .popup_layer {position:absolute; display:none;bottom:19px;left:50%;transform:translateX(-50%); padding:5px 10px 10px; border-radius:5px; width:140px; z-index:20;}
.mood-list td a:hover {z-index:40;}
.mood-list td a:hover .popup_layer {display:block;}
.mood-list .left .popup_layer {left:0;transform:none;}
.mood-list .right .popup_layer {left:auto;right:0;transform:none;}
.mood-list .popup_layer .popup_title{padding:5px 0;font-size:13px;}
.mood-list .popup_layer .popup_cont{word-break:keep-all;} 

 /* 오늘 일정 */
#today_mood {text-align:left;} 
#today_mood p.ui-btn.point{margin-bottom:10px;line-height:26px;cursor:default;}
#today_mood .today-mood {line-height:20px;padding:2px 0;}
#today_mood .today-mood .ico{display:inline-block;width:10px;height:10px;border-radius:2px;}
#today_mood .today-mood .mood-content {padding-left:14px;}
 


/* 게시판 읽기 */
#bo_v {margin-bottom:20px;padding-bottom:20px}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
#bo_v_link h2, #bo_v_bot h2, #bo_v_atc_title{position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_title {padding:10px 0;font-size:1.4em}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

#bo_v_link {margin:20px 10px ;}

#bo_v_img {margin:20px 0;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_con {margin-bottom:5px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden} 


/* 게시판 쓰기 */
#bo_w .wr_content textarea {display:block;height:120px !important;}
#wr_info {position:relative;}
.del_link {position:absolute;top:0;right:0;height:30px;line-height:28px;}
#bo_w .options {position:relative;padding-right:60px;}
#bo_w .options .btn_confirm {position:absolute;right:0;top:0; }
#bo_w .mood ,#bo_w .extra {position:relative;display:inline-block;height:30px;vertical-align: top;}
#bo_w .extra{padding:0 4px;line-height:27px;}
#mood_selected {display:block;padding:0;height:30px;}
#mood_selected span {display: inline-block;width:20px;height:25px;line-height:25px;vertical-align:middle;text-align:right;}
#mood_select {position:absolute;top:30px;display:none;padding:0;}
#mood_select .mood-sel {display:inline-block;width:0;height:30px;overflow:hidden;}
#mood_selected .ico_mood,#mood_select .ico_mood{display:inline-block;width:25px;height:25px;padding:2px 5px;}
#mood_select .ico_mood{padding:1px 5px 1px 25px;}
#mood_select .mood-sel:checked + .ico_mood {background:#d8bb56;}
#mood_select .mood-sel:checked + .ico_mood::before {    
    content: "▶";
    display: block;
    position: absolute;
    left: 0;
    width: 20px;
    height: 29px;
    line-height: 24px;
    text-align: right;
}

#btn_submit:disabled {filter:saturate(0);cursor:default;}

@media all and (max-width:720px){
    #bo_list {display:block;}
    #today_mood {margin-top:10px;}
   .mood-list.theme-list {padding:10px;}
}

@media all and (max-width:480px) {
    #bo_frame .pg_wrap {grid-template-columns: 30px auto 30px;}
    #bo_frame .pg.control .pg_page {padding:0;}
    #bo_frame .pg.control {display:flex;justify-content: space-between;flex-direction: column;}
    #bo_frame .pg.control:last-of-type {flex-direction: column-reverse;}
    #bo_frame .pg_wrap .year {display:block; padding:10px;}
    #bo_frame .pg_wrap .year::after {display:none;}
    .mood-calendar.theme-box {padding:0;}
}
#wrapper{
  height: auto;
  min-height: 100%;
  padding-bottom: 5px;
}
footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}