/*공통*/
#container{background:#f8f8f8;padding-bottom:170px;}
.gw-bbs-con{margin:0 auto;width: 1200px;}
.ui-datepicker{display: none;}

.more_opt {display: none;position:absolute;top: 45px;right:0;background: #fff;border: 1px solid #ddd;z-index: 100;box-shadow: 70px 70px 130px rgb(39 49 108 / 20%);}
.more_opt:before {content: "";position: absolute;top: -8px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #b8bfc4 transparent;}
.more_opt:after {content: "";position: absolute;top: -6px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:154px;margin:0;color:#666;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#666;text-align: left;}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}

/* 페이징 */
.pg_wrap {display: flex;align-items: center;place-content: center;font-family: "Outfit", sans-serif; font-weight: 600;}
.pg {text-align:center;display: flex;}
.pg_page,.pg_current { min-width: 20px;padding: 0 3px;margin: 0 6px;text-align: center;}
.pg_page{color:#999 !important;}
.pg_current{border-bottom:2px solid #000;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_start {text-indent:-999px;overflow:hidden;padding:0;background: url('img/gw-bbs-start.png') no-repeat 50% 50%;background-size: 100%;}
.pg_prev {text-indent:-999px;overflow:hidden;padding:0;background: url('img/gw-bbs-prev.png') no-repeat 50% 50%;background-size: 100%;}
.pg_end {text-indent:-999px;overflow:hidden;padding:0;background: url("img/gw-bbs-end.png") no-repeat 50% 50%;background-size: 100%;}
.pg_next {text-indent:-999px;overflow:hidden;padding:0;background: url('img/gw-bbs-next.png') no-repeat 50% 50%;background-size: 100%;}

/*list*/
#gw-bo-list {padding-top:80px;}
#bo_cate_on{background: #fff;box-shadow: 0 15px 10px rgba(34, 34, 34, .02);color: var(--main-color);}
#bo_cate ul {zoom:1;}
.gw-table01 .chk_box {width: 60px;}
#gw-bo-list .td_num2 {width: 130px;}
#gw-bo-list .td_name {width: 140px;}
#gw-bo-list .td_num {width: 110px;}
#gw-bo-list .td_datetime {width: 110px;}
#gw-bo-list .profile_img {display: none;}
#gw-bo-list .bo_cate_link {color:var(--main-color);position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: all .3s;}
#gw-bo-list .bo_tit {padding-left: 72px;font-size: var(--main-title04);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;width: 350px;}
#gw-bo-list .btn_bo_user > li {position: relative;}
#gw-bo-list .btn_bo_user{place-content: center;align-items:flex-start;}
#gw-bo-list .icon-wrap {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 20px;color: #000;display:flex;gap:5px;}
#gw-bo-list .new_icon {font-size:14px;font-family: "Outfit", sans-serif; font-weight: 600;color: #fff;width: 20px;height: 20px;display: block;text-align: center;line-height: 20px;background:  var(--main-color);}
#gw-bo-list .icon-wrap .fa-download:before {content: "\eb7c";font-family: xeicon;}
#gw-bo-list .icon-wrap .fa-link:before {content: "\e9c0";font-family: xeicon;}
#gw-bo-list .fa-lock:before {content: "\e964";font-family: xeicon;}
#gw-bo-list .cnt_cmt {color: var(--main-color);}
#gw-bo-list .gw-table01 tbody tr{position:relative;transition: all .5s;}
#gw-bo-list .gw-table01 tbody tr.on{background: #fff;}
#gw-bo-list .gw-table01 td{transition: all .3s;color: #000;}
#gw-bo-list .gw-table01 .td_subject {transition: all .3s;}
#gw-bo-list .gw-table01 .td_subject:hover{cursor:pointer;}
#gw-bo-list .gw-table01 .td_subject:hover .bo_cate_link {background: var(--main-color);color: #fff !important;}
#gw-bo-list .gw-empty-list{border-top: 2px solid #000;}
#gw-bo-list .gw-empty-list {padding: 40px 0;border-bottom: 1px solid #ddd;border-top:2px solid #ddd;}
#gw-bo-list .gw-empty-list > h3 {font-size: var(--main-title03);}

/*view*/
#gw-bo-v{padding-top: 120px;}
#gw-bo-v .profile_img {display: none;}
#bo_v_info .profile_info{text-align: center;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#bo_v_atc {min-height: 250px;border: 2px solid #ddd;border-radius: 5px;background: #fff;padding: 20px;}
#gw-bo-v .bo_v_nb{padding-top:60px;margin-bottom:60px;align-items:center;border-top: 1px solid #ddd;text-align: center;}
#gw-bo-v .bo_v_nb > li > a {display: block;width: 100%;transition: all .3s;text-transform: uppercase;font-size: var(--main-title04);}
#gw-bo-v .bo_v_nb > li > .list-btn {display:inline-block;width: 60px;height: 60px;background: #000;color: #fff;position: relative;box-shadow: 0 20px 30px rgba(0, 0, 0, .05);transition: all .3s;}
#gw-bo-v .bo_v_nb > li > .list-btn:hover {background: var(--main-color);}
#gw-bo-v .bo_v_nb > li > a.disabled-link {color: #ccc;}
#gw-bo-v .btn_bo_user {place-content: center;align-items:flex-start;}
#bo_v_link .gw-box01 {margin-bottom: 30px;}
#bo_v_link .gw-box01:last-child {margin-bottom: 60px;}
#bo_v_link .gw-box01 .gw-flex {align-items: center;gap: 10px;}
.gw-empty-list {padding: 40px 0;border-bottom: 1px solid #ddd;border-top:2px solid #ddd;}
.gw-empty-list > h3 {font-size: var(--main-title03);}
#wr_content{background: #fff;}
#bo_vc .cmt_contents {background: #fff;}
#bo_vc .gw-box02 {border: 2px solid #ddd;margin-bottom: 20px;}
#bo_v_sns{place-content: center;}
#bo_v_sns > li {width: 40px;height: 40px;line-height:40px;border: 1px solid #ddd;}
#bo_v_sns > li > a {display: block;width: 100%;height: 100%;color: #666;}
#bo_v_sns > li > a.disabled {color: #ccc;}
#bo_v_act {place-content: center;}
#bo_vc_w .bo_vc_w_wr input{background: #fff;}
#gw-bo-v .bo_v_nb > li > a{position: relative;}
#gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a:before {content: "";display: block;width: 100%;height: 3px;background: var(--main-color);position: absolute;top: -80px;opacity: 0;transition: all .3s;}
#gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a:hover:before{opacity: 1;}
#gw-bo-v .bo_v_nb > li > .prev > i {transition: all .3s;}
#gw-bo-v .bo_v_nb > li > .prev:hover{color: var(--main-color);}
#gw-bo-v .bo_v_nb > li > .prev:hover > i {transform: translateX(-10px);}
#gw-bo-v .bo_v_nb > li > .next > i {transition: all .3s;}
#gw-bo-v .bo_v_nb > li > .next:hover{color: var(--main-color);}
#gw-bo-v .bo_v_nb > li > .next:hover > i {transform: translateX(10px);}
#gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a.disabled-link:before {opacity: 0;}
#gw-bo-v .bo_v_nb > li > .disabled-link:hover > i {transform: translateX(0);}




/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_wrapper .gw-btn03 {position: absolute;right: 17px;top: 50%;transform: translateY(-50%);}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #ddd;background:#fff;box-shadow:70px 70px 130px rgb(39 49 108 / 20%);}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #ddd;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #ddd}
#autosave_pop li {padding:10px;border-bottom:1px solid #fff;background:#f3f3f3;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;color:#999;font-family: 'Poppins_R', sans-serif;}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}


/*글쓰기*/
#gw-bo-w{padding-top: 120px;width: 1000px;}
#gw-bo-w > h2 {padding-bottom: 40px;margin-bottom: 20px;border-bottom: 2px solid #000;}
#gw-bo-w > form > div:not(:last-child) {border-bottom: 1px solid #ddd;}
#gw-bo-w > form input {background: #fff;}
#gw-bo-w .file-name {background: #fff;width: calc(80% - 3px);}
#gw-bo-w .file-name .num {border-bottom: 1px solid #000;margin-left: 10px;}
#gw-bo-w .gw-btn-wrap {margin: 0 auto;}
#gw-bo-w .file_del {position: absolute;right: 17px;top: 50%;transform: translateY(-50%);}
.btn_cke_sc{font-size:14px;}
.cke_sc_def{font-size:14px;}

/* ****************************************************************************************** *
 * 달력 게시판
 * ****************************************************************************************** */

.gw-schedule {position:relative; border:0; }
.gw-schedule .gw_calender_box{margin-bottom:10px;}
.gw-schedule .lat_title {display:block;background:#fafafa;text-align:center;}
.gw-schedule .lat_title a{display:inline-block; vertical-align:middle; position:relative;font-family: "Outfit", sans-serif; font-weight: 600;font-size: var(--main-title02);}
.gw-schedule .lat_title a:first-child{width:24px; height:24px; margin-right:20px;}
.gw-schedule .lat_title a:last-child{width:24px; height:24px; margin-left:20px;}
.gw-schedule .lat_title .lat_title_icon{display:block; width:100%; height:100%; background:#ddd; border:none; border-radius:50%; position:relative;transition: all .3s;}
.gw-schedule .lat_title .lat_title_icon:after{content:""; position:absolute; top:50%; left:50%; width:8px; height:8px;
    border:3px solid #fff; border-top:none; border-left:none; }
.gw-schedule .lat_title .lat_prev:after{transform:translate(-40%,-50%) rotate(135deg);}
.gw-schedule .lat_title .lat_next:after{transform:translate(-60%,-50%) rotate(-45deg);}
.gw-schedule .lat_title .lat_title_icon:hover{background-color: #666; box-shadow: 0 15px 10px rgba(34, 34, 34, .02);}
.gw-schedule .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.gw-schedule .lt_more:hover{color:#777}

.gw-schedule .list-today .media{align-items: stretch;}
.gw-schedule .list-today .date-box{padding:15px;background: #fff;border-radius: 5px;display:flex;align-items: center;place-content: center;}
.gw-schedule .list-today .date-icon{position:relative;font-family:"Outfit", sans-serif; font-weight: 600;font-size:var(--main-title04);color: var(--main-color);}
.gw-schedule .list-today .media-body{padding:20px;background: #fff;border-radius: 5px;display: flex;align-items: center;}
.gw-schedule .list-today .date-icon:before {content: "today";display: block;font-size: 14px;background: var(--main-color);color: #fff;border-radius: 30px;}
.gw-schedule .media .gw-flex {flex-direction: column;align-items: flex-start;}
.gw-schedule .media .gw-flex > a {width: 100%;}

.gw-schedule .list-head {border-right:1px solid #ddd; }
.gw-schedule .list-head > span {border-right:1px solid #ddd; }
.gw-schedule .list-head > span:last-child {border-right:0px; }

.gw-schedule .list-body {list-style:none; padding:0px; margin:0px; }
.gw-schedule .list-body > li {border-bottom:1px solid #ddd; border-right:1px solid #ddd; display:table; width:100%; table-layout:fixed; min-height:100px; }
.gw-schedule .list-body > li > div {display:table-cell; border-left:1px solid #ddd; width:14.285%; min-height:100px; line-height:22px; padding:10px; vertical-align:top;
    -webkit-transition:all .3s; transition:all .3s;font-family:"Outfit", sans-serif; font-weight: 600;}
.gw-schedule .list-body > li > div:hover{background:#fff;}
.gw-schedule .list-body .do-list li > a {position: relative;font-family: "Noto Sans KR", sans-serif; font-weight: 500;, sans-serif;font-size: 14px;transition: all .3s;}
.gw-schedule .list-body .day_subject{display:inline-block;font-weight:400; color:#000;width: 100%;background: #fff;padding: 5px 10px;border: 1px solid #ddd;margin-top: 5px;box-shadow: 0 15px 10px rgba(34, 34, 34, .02);}
.gw-schedule .list-body .day_subject:before {content:"";display: inline-block;background:var(--main-color);position: absolute;left: 0;top:0;width: 3px;height: 100%;}
.gw-schedule .list-body .in-day-subject {display:inline-block;position: relative;}

.gw-schedule .list-body .do-list ul{padding:0px}
.gw-schedule .list-body .do-list li {position:relative;line-height:15px;padding:3px 0px;position:relative}
.gw-schedule .list-body .do-list li a:hover{font-weight:bold;}
.gw-schedule .list-body .pull-left{display:inline-block;float:none;margin-right:0;height: 30px;}
.gw-schedule .list-body .bg-today { background:#fff; }
.gw-schedule .list-body .bg-today .pull-left{background:#000;color: #fff;border-radius: 5px;text-align: center; width: 30px;line-height: 30px;}
.gw-schedule .div-head {display:table; width:100%; table-layout:fixed; padding:0; border-top:1px solid #ddd;border-bottom:2px solid #ddd; border-collapse:collapse; background:#F4F4F4;}
.gw-schedule .div-head > span {display:table-cell; width:14.285%; padding:15px 0; text-align:center; vertical-align:middle;border-left:1px solid #ddd; border-right:0; font-weight:bold; line-height:1;font-size:12px;}
.gw-schedule .div-head .list-head > span {border:0;}

.gw-schedule .date-box {width:100px; text-align: center;}
.gw-schedule .date-box .date-item {padding: 8px 0 5px 0;}
.gw-schedule .date-box .date-item .date {display: block;line-height: 29px;font-size: 29px;font-weight: bold;}
.gw-schedule .date-box .date-icon i {display: block;line-height: 55px;font-size: 30px;}

.gw-schedule .media,.gw-schedule .media-body {overflow: hidden;zoom: 1;}
.gw-schedule .media,.gw-schedule .media .media {margin-top: 15px;}
.gw-schedule .media:first-child {margin-top: 0;}
.gw-schedule .media > .pull-left {margin-right: 10px;}
.gw-schedule .media > .pull-right {margin-left: 10px;}

/* Color ------------------------------------------------------ */
.red, i.red, .orangered, i.orangered, .orange, i.orange{color:#FF0000;}
.blue, i.blue {color:#0000ff;}
.holiday{font-size: 14px;}


/* Background Color ------------------------------------------------------ */
.bg-red, i.bg-red, .badge.bg-red {background-color:#db2828; color: #fff;}



/* 음력 */
.num_lunar{color:#666;font-size: 14px;}

/* datepicker */
.ui-datepicker {width:300px; background:#fff; border:1px solid #ddd; padding:5px 15px; font-size:14px; letter-spacing:0; padding-bottom:15px;box-shadow:0 15px 10px rgba(34, 34, 34, .02);}
.ui-datepicker-header {text-align:center;}
.ui-datepicker-header > a {display:block; padding:20px 10px; cursor:pointer}
.ui-datepicker-header .ui-icon {width:20px; height:20px; background:#999; background-position:center center; background-repeat:no-repeat;
    border-radius:50%; font-size:0; line-height:0; text-indent:-9999px}
.ui-datepicker-prev {float:left;}
.ui-datepicker-next {float:right}
.ui-datepicker-prev .ui-icon {float:left; background-image:url("http://theme.gnuwiz.com/theme/gnuwiz_theme_001/skin/board/event/img/icon_cal_prev.svg"); background-size: 50%;}
.ui-datepicker-next .ui-icon {float:right; background-image:url("http://theme.gnuwiz.com/theme/gnuwiz_theme_001/skin/board/event/img/icon_cal_next.svg"); background-size: 50%;}
.ui-datepicker-title {padding:15px 0; font-size:18px;}
.ui-datepicker-calendar {width:100%; border-collapse:collapse;}
.ui-datepicker-calendar thead tr{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.ui-datepicker-calendar th{padding:10px 0; font-weight:400;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {padding:10px 0; font-size:15px; text-align:center; width:14.28%; vertical-align:middle}
.ui-datepicker-calendar th:first-child a,
.ui-datepicker-calendar td:first-child a {color:#FF0000;}
.ui-datepicker-calendar th+th+th+th+th+th+th a,
.ui-datepicker-calendar td+td+td+td+td+td+td a {color:#0080e2;}
.ui-datepicker-calendar th a,
.ui-datepicker-calendar td a {display:inline-block; width:22px; height:22px; color:#666; line-height:22px;font-family: "Outfit", sans-serif; font-weight: 600;transition: all .5s;}
.ui-datepicker-calendar td a.ui-state-highlight {color:#000; font-weight:bold;}
.ui-datepicker-calendar td a:hover {background:#eee; border-radius:100%}
.ui-datepicker-calendar td a.ui-state-active {color:#fff; background:var(--main-color); border-radius:100%; font-weight:300}
.ui-datepicker-year{font-family: "Outfit", sans-serif; font-weight: 600;}
.ui-datepicker-month{font-family: "Outfit", sans-serif; font-weight: 600;}

@media screen and (max-width:1280px){
	#container{padding-bottom:120px;}
    .gw-bbs-con{width: 100%;padding: 0 40px;}

    /*write*/
    #gw-bo-w{width: 100%;}
}

@media screen and (max-width:1024px){
    .gw-bbs-con{width: 100%;padding: 0 20px;}

    /*list*/
    #gw-bo-list .search-container{padding: 60px 0;}
}

@media screen and (max-width:768px){
	#container{padding-bottom:60px;}

    /*list*/
    #gw-bo-list .gw-table01 .td_chk {text-align: left;}
    #gw-bo-list .gw-table01 .td_subject{display: flex;align-items:center;}
    #gw-bo-list .bo_cate_link{margin-right:10px;position: relative;left: auto;top: auto;transform: translateY(0);}
    #gw-bo-list .bo_tit{padding-left: 0;}
    #gw-bo-list .icon-wrap{right: 20px;}

    /*write*/
    #gw-bo-w{padding-top: 60px;}

    /*view*/
    #gw-bo-v{padding-top: 60px;}
}

@media screen and (max-width:576px){
    /*공통*/
    .pg_page, .pg_current{height: 25px;}
    
    /*list*/
    .holiday{font-size: 11px;}
    #gw-bo-list .search-container{padding: 40px 0;width: 100%;flex-wrap: wrap;}
    #gw-bo-list .icon-wrap{right: 10px;}
    #gw-bo-list .bo_tit{width: 200px;}
    #gw-bo-list .btn_bo_user{width: 100%;flex-direction:column;}
    #gw-bo-list .btn_bo_user > li{flex: 1;font-size: 12px;}
    #gw-bo-list .gw-table01 .td_subject{flex-direction:column;align-items:flex-start;}
    #gw-bo-list .bo_cate_link{margin-right: 0;margin-bottom: 5px;}
    .num_lunar{font-size: 11px;}
    .gw-schedule .list-body > li > div{padding: 5px;}
    .gw-schedule .list-body .bg-today .pull-left{width: 25px;line-height: 25px;}
    .gw-schedule .list-body .pull-left{display:block;height: 25px;}
    .gw-schedule .list-body .do-list li{padding: 0;}
    .gw-schedule .list-today .media{flex-direction: column;}
    .gw-schedule .list-body .do-list li > a{padding:0 5px;font-size: 11px;}
    .gw-schedule .list-body .in-day-subject{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;width: 20px;}
    

    /*write*/
    #gw-bo-w > form > div {flex-direction: column;}
    #gw-bo-w > form > div .gw-w-15 {width: 100% !important;margin-bottom: 10px;}
    #gw-bo-w > form > div .gw-w-85 {width: 100% !important;flex-wrap: wrap;}
    #gw-bo-w > form > div .gw-w-85 > li {width: 40%;}
    #gw-bo-w .file-name{width: calc(75% - 3px);}
    .gw-file-input-button{width: 25% !important;}
    .btn_cke_sc{font-size:12px;}
    .cke_sc_def{font-size:12px;}
    .cke_sc_def dd{text-align:center;}

    /*view*/
    #bo_vc .cm_wrap > .gw-flex-btw {flex-direction: column;gap: 10px;text-align:center;}
    #bo_vc .cmt_contents{margin-bottom: 0 !important;}
    #gw-bo-v .bo_v_nb{margin-bottom: 30px;}
    #gw-bo-v .gw-btn0102 {width: 100% !important;}
    #gw-bo-v .btn_bo_user{width: 100%;flex-direction:column;}
    #gw-bo-v .btn_bo_user > li{flex: 1;font-size: 12px;}
    #bo_v_info .profile_info{padding-bottom: 20px;margin-bottom: 20px;font-size: 12px;}
    #gw-bo-v .bo_v_nb {padding-top: 30px;}
    #gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a:before{top: -50px;}
    .more_opt li{width:122px;}
    
}

@media screen and (max-width:375px){
    /*list*/
    .gw-schedule .media .gw-flex > a{flex-direction: column;}

    /*view*/
    #gw-bo-v .bo_v_nb > li > .list-btn{width:50px;height:50px;}
}