@import url('/comm/css/root.css'); /* 변수css */ 


/*********** 공통 css *************/
select, .select {font-size:0.9222rem; color:var(--basic); border:1px solid var(--border); padding:0 15px; font-family:inherit; height:50px !important; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0; background: url("/img/cat_arrow_bk.svg") no-repeat right 20px center/10px auto; outline:none; cursor:pointer;}
.input {font-size:0.9222rem; color:var(--basic); border:1px solid var(--border); background-color:var(--white); padding:0 15px; font-family:inherit; height:50px; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.blind {font-size:0; line-height:0; width:0px; height:0px;}
.textarea {width:100%; height: 200px; font-family:inherit; color:var(--basic); line-height:150%; letter-spacing:var(--letter-spacing-input); padding:15px; border: 1px solid var(--border); background-color:var(--white); box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}

/* input 디자인 */
.input_m {width:50%;}
.input_s {width:150px; box-sizing:border-box;}
.input_l {width:100%; box-sizing:border-box;}
.input_file {width: 100%; padding:0 15px; height: 50px; line-height: 50px; box-sizing:border-box; border:1px solid var(--border); -webkit-appearance: none; -webkit-border-radius: 0;}

/* 버튼디자인 */
.btn_w {display:inline-block; text-align:center; height:50px; line-height:48px; width:100px; border:1px solid var(--border); font-size:0.9222rem; letter-spacing:var(--letter-spacing-button); vertical-align:top; transition:all 0.3s; box-sizing:border-box; cursor:pointer; -webkit-appearance: none; -webkit-border-radius:var(--borderR5);}
.btn_w:hover {color: var(--black); border:1px solid var(--black); transition:all 0.3s;}
.btn_b:link, .btn_b:visited {display:inline-block; text-align:center; height:50px; line-height:48px; width:100px; border:1px solid #555; background:#555; color:var(--white); font-size:0.9222rem; letter-spacing:var(--letter-spacing-button); vertical-align:top; transition:all 0.3s; box-sizing:border-box; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: var(--borderR5);}
.btn_b:hover  {background:var(--black); border:1px solid var(--black); color:var(--white); transition:all 0.3s}
.btn_b_s {font-size:0.9222rem; height:50px;line-height: 48px; -webkit-appearance: none; -webkit-border-radius: 0;display:inline-block; text-align:center; cursor:pointer;  color:var(--white); width:70px; border:1px solid #555; background:#555; letter-spacing:var(--letter-spacing-button); vertical-align:top; transition:all 0.3s; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: var(--borderR5);}
.btn_b_s:hover  {background:var(--black); border:1px solid var(--black); transition:all 0.3s;}

input.btn_w {text-align:center; height:50px; line-height: 48px; width:100px; border:1px solid #ccc; background:var(--white); color:#555; font-size:0.9222rem; letter-spacing:var(--letter-spacing-button); vertical-align:top; transition:all 0.3s; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: var(--borderR5);}
input.btn_w:hover {color:var(--black); border:1px solid var(--black); transition:all 0.3s}
input.btn_b {text-align:center; height:50px; line-height: 48px; width:100px; border:1px solid #555; background:#555; color:var(--white); font-size:0.9222rem; letter-spacing:var(--letter-spacing-button); vertical-align:top; transition:all 0.3s; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: var(--borderR5);}
input.btn_b:hover {background:var(--black); border:1px solid var(--black); transition:all 0.3s}

.address_btn{text-align:center; height:50px; line-height: 48px; width:100px; border:1px solid #555; background:#555; color:var(--white); font-size:0.9222rem; letter-spacing:var(--letter-spacing-button); vertical-align:top; transition:all 0.3s; cursor:pointer; -webkit-appearance: none; -webkit-border-radius:var(--borderR5);}




/* 일정타이틀 */
.schdule_top {position:relative; display:flex; align-items:center; justify-content:center; margin-bottom:35px; box-sizing:border-box;}
.schdule_top .sch_day {position:absolute; left:0; top:50%; transform:translateY(-50%); display:flex; align-items:center; gap:20px; z-index:2;}
.schdule_top .sch_day .line {display:block; width:1px; height:10px; background:rgba(26,27,36,0.15); flex-shrink:0;}
.schdule_top .sch_day .select {height:auto !important; border:0; background-color:transparent; background-image:none; padding:0 20px 0 0; font-size:0.8889rem; line-height:175%; letter-spacing:-4%; color:var(--basic); font-family:var(--kor); font-weight:400; cursor:pointer; box-sizing:border-box; -webkit-appearance:none; appearance:none; background:url("/img/cat_arrow_bk.svg") no-repeat right 5px center / 10px auto;}
.schdule_top .sch_day .select[name="year"] {width:65px;}
.schdule_top .sch_day .select[name="month"] {width:45px;}
.schdule_top .sch_title {display:flex; align-items:center; justify-content:center; gap:40px;}
.schdule_top .sch_title .prev_btn,
.schdule_top .sch_title .next_btn {display:flex; align-items:center; justify-content:center; width:52px; height:52px; border:1px solid var(--border); border-radius:var(--borderR100); background:var(--white); backdrop-filter:blur(1px); -webkit-backdrop-filter:blur(1px); box-sizing:border-box; font-size:0; line-height:0; color:transparent; flex-shrink:0; transition:background 0.3s ease, border-color 0.3s ease;}
.schdule_top .sch_title .prev_btn::before,
.schdule_top .sch_title .next_btn::before {display:block; width:32px; height:32px; line-height:32px; font-size:32px; font-family:var(--icon); text-align:center; color:var(--black); font-weight:400;}
.schdule_top .sch_title .prev_btn::before {content:"\e314";}
.schdule_top .sch_title .next_btn::before {content:"\e315"; margin-left: 4px;}
.schdule_top .sch_title .prev_btn:hover,
.schdule_top .sch_title .next_btn:hover {background:var(--main); border-color:var(--main);}
.schdule_top .sch_title .prev_btn:hover::before,
.schdule_top .sch_title .next_btn:hover::before {color:var(--white);}
.schdule_top .sch_title h3 {width:240px; font-family:var(--eng); font-size:3rem; line-height:122%; font-weight:400; color:var(--black); text-align:center; letter-spacing:0;}
.schdule_top .sch_btn {position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; align-items:center; gap:5px; z-index:2;}
.schdule_top .sch_btn button {display:flex; align-items:center; justify-content:center; gap:8px; width:160px; height:52px; padding:16px 20px; border:0; border-radius:var(--borderR100); box-sizing:border-box; font-family:var(--kor); font-size:1rem; line-height:167%; letter-spacing:-4%; font-weight:600; cursor:pointer; -webkit-appearance:none; appearance:none; transition:background 0.3s ease, color 0.3s ease;}
.schdule_top .sch_btn button::before {display:block; width:22px; height:22px; line-height:22px; font-size:22px; font-family:var(--icon); text-align:center; font-weight:400; flex-shrink:0;}
.schdule_top .sch_btn .monthly-btn {background:var(--grayBg); color:var(--light);}
.schdule_top .sch_btn .monthly-btn::before {content:"\ebcc"; color:var(--light);}
.schdule_top .sch_btn .annual-btn {background:var(--grayBg); color:var(--light);}
.schdule_top .sch_btn .annual-btn::before {content:"\e5d2"; color:var(--light);}
.schdule_top .sch_btn .monthly-btn.focus,
.schdule_top .sch_btn .annual-btn.focus {background:var(--main); color:var(--white);}
.schdule_top .sch_btn .monthly-btn.focus::before,
.schdule_top .sch_btn .annual-btn.focus::before {color:var(--white);}





/* 일정관리 - 월간 일정 */
.schdule_wrap{width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid var(--black);}
.schdule_wrap th{font-size:1rem; color:var(--black) !important; font-weight:600; line-height:167%; letter-spacing:-4%; border-right:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--grayBg); padding:15px 12px; text-align:center; font-family:var(--kor); box-sizing:border-box;}
.schdule_wrap th.red{color:#DE0D0D !important;}
.schdule_wrap th:last-of-type{border-right:0;}
.schdule_wrap td{position:relative; border-bottom:1px solid var(--border); border-right:1px solid var(--border); vertical-align:top; padding:12px; box-sizing:border-box; background:var(--white); min-height:140px;}
.schdule_wrap td:last-of-type{border-right:0;}
.schdule_wrap td .schedule_body{position:relative; min-height:116px; display:flex; flex-direction:column; gap:15px; align-items:flex-start;}
.schdule_wrap td .schedule_body dt{width:100%;}
.schdule_wrap td .schedule_body dt font{display:block; width:100%; font-size:0.8889rem; font-weight:400; line-height:100%; letter-spacing:0; font-family:var(--eng); color:var(--basic);}
.schdule_wrap td .schedule_body dt font b{color:var(--black); font-family:inherit; font-weight:700; text-decoration:underline;}
.schdule_wrap td .schedule_body dd{width:100%;}
.schdule_wrap td .schedule_body dd a{display:block; width:100%; font-size:0.8889rem; letter-spacing:-4%; font-weight:400; line-height:175%; color:var(--white); background:var(--main); border-radius:var(--borderR5); position:absolute; left:0; box-sizing:border-box; padding:2px 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all 0.3s ease; z-index:9; font-family:var(--kor);}
.schdule_wrap td .schedule_body dd a b{font-weight:700; color:inherit;}
.schdule_wrap td .schedule_body dd a.color1{background:var(--main);}
.schdule_wrap td .schedule_body dd a.color2{background:var(--sub);}
.schdule_wrap td .schedule_body dd a.color3{background:var(--sub3);}
.schdule_wrap td .schedule_body dd a.holiday{background:#C72306;}
.schdule_wrap td.holiday .schedule_body .holiday_name{display:block; width:100%; box-sizing:border-box; padding:2px 10px; border-radius:var(--borderR5); background:#C72306; color:var(--white); font-size:0.8889rem; line-height:175%; letter-spacing:-4%; font-weight:400; font-family:var(--kor); text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* 1일 일정 */
.event_bar[data-duration="1"] {
    width: 100% !important; /* 2개의 셀 너비 */
}
/* 2일 일정 */
.event_bar[data-duration="2"] {
    width: calc(100% * 2 + 21px * 1) !important; /* 2개의 셀 너비 */
}
/* 3일 일정 */
.event_bar[data-duration="3"] {
    width: calc(100% * 3 + 21px * 2) !important; /* 3개의 셀 너비 */
}
/* 4일 일정 */
.event_bar[data-duration="4"] {
    width: calc(100% * 4 + 21px * 3) !important; /* 4개의 셀 너비 */
}
/* 5일 일정 */
.event_bar[data-duration="5"] {
    width: calc(100% * 5 + 21px * 4) !important; /* 5개의 셀 너비 */
}
/* 6일 일정 */
.event_bar[data-duration="6"] {
    width: calc(100% * 6 + 21px * 5) !important; /* 6개의 셀 너비 */
}
/* 7일 일정 */
.event_bar[data-duration="7"] {
   width: calc(100% * 7 + 21px * 6) !important; /* 한 주 전체를 덮도록 */
}

.event_bar{position:absolute; top:31px; left:0 !important; z-index:10; transform:translate(0,0) !important;}



/* 월간 / 연간 전환 */
.annual_schedule{display:none !important;}
.schedule_page.sch-view-annual .annual_schedule{display:block !important;}
.schedule_page.sch-view-annual .schdule_wrap{display:none !important;}
.schedule_page.sch-view-annual .sch_day .line,
.schedule_page.sch-view-annual .sch_day select[name="month"]{display:none;}

/* 일정관리 - 연간 일정 */
.annual_schedule{width:100%; border-top:1px solid var(--black); background:var(--white); box-sizing:border-box;}
.annual_schedule .annual_item{display:flex; align-items:flex-start; justify-content:space-between; gap:0; width:100%; padding:30px 40px; border-bottom:1px solid var(--border); box-sizing:border-box;}
.annual_schedule .annual_item:nth-child(even){background:var(--grayBg);}
.annual_schedule .annual_item .month{width:150px; flex-shrink:0; color:var(--main); font-size:1.6667rem; line-height:140%; font-weight:300; letter-spacing:-5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.annual_schedule .annual_item .month b{font-family:var(--eng); font-size:2.2222rem; line-height:130%; font-weight:700; letter-spacing:0; color:inherit;}
.annual_schedule .annual_item .month span{font-family:var(--kor); font-weight:300; letter-spacing:-5%;}
.annual_schedule .annual_item .list{flex:1; min-width:0; display:flex; flex-direction:column; gap:12px; padding-top:5px; box-sizing:border-box;}
.annual_schedule .annual_item .list .empty{font-size:1.1111rem; line-height:160%; letter-spacing:-4%; color:var(--basic); font-weight:400;}
.annual_schedule .annual_item .list .row{display:flex; align-items:flex-start; width:100%;}
.annual_schedule .annual_item .list .row .date{width:170px; flex-shrink:0; padding-right:10px; box-sizing:border-box; font-family:var(--eng); font-size:1.1111rem; line-height:160%; font-weight:400; color:var(--black); letter-spacing:0;}
.annual_schedule .annual_item .list .row .subjects{flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:10px 15px;}
.annual_schedule .annual_item .list .row .subjects a,
.annual_schedule .annual_item .list .row .subjects span{font-size:1.1111rem; line-height:160%; letter-spacing:-4%; color:var(--basic); font-weight:400; white-space:nowrap;}
.annual_schedule .annual_item .list .row .subjects .line{display:block; width:1px; height:14px; background:var(--border); flex-shrink:0;}





/*페이징간격*/
.Paging_Num td { padding-left:3px; }

/*패스워드인풋*/
.Password_input input { height:20px; line-height:20px; background:#fff; border:1px solid #ccc; margin:0 1px; padding:3px 4px 3px;}






/*일정관리-소*/
.gray_schedule{width:240px; margin:0 auto; padding:0px; overflow:hidden;}
.gray_schedule .page_con{position:relative; margin-bottom:10px; text-align:center; font-size:14px; font-weight:bold; color:var(--black);}
.gray_schedule .page_con a{position:absolute; top:3px;}
.gray_schedule .page_con span.lft{position:absolute; left:56px;}
.gray_schedule .page_con span.rgt{position:absolute; right:56px;}
.gray_schedule .page_con a.rgt{right:56px;}
.gray_schedule .gray_table{border-spacing:1px; background: #e4e4e4;}
.gray_schedule .gray_table td.sun{color:#cc0033;}
.gray_schedule .gray_table td.sat{color:#0066cc;}
.gray_schedule .gray_table td{height:25px; text-align:center; font-size:12px; color:#333;}
.gray_schedule .gray_table thead td{background:#fff; font-weight:bold;}
.gray_schedule .gray_table td.today{background:#ffffcc;}


/***************************************************** 인풋 *****************************************************/
/* 게시판 input ------------------------------------------*/
.AWbbs_input_table{border-top:1px solid #333;}
.AWbbs_input_table th,
.AWbbs_input_table td {text-align:left; padding-left:15px; border-bottom:1px solid #ddd;}
.AWbbs_input_table th{ padding:8px 10px 8px 15px; color:#333;}
.AWbbs_input_table td{padding:8px 10px 8px 15px;}
	/* 체크박스 (HTML 비밀글 공지글) */
	.AW_bbs_input_checkbox{margin:0 0 10px;}
	.AW_bbs_input_checkbox input{vertical-align:middle;}
	.AW_bbs_input_checkbox label{vertical-align:middle; margin:0 10px 0 2px;}


/*********** View *************/
.bbs_view{display:flex; flex-direction:column; align-items:stretch; gap:30px; width:100%; box-sizing:border-box;}
.bbsView_tit {display:flex; flex-direction:column; align-items:center; gap:10px; width:100%; padding:0 0 30px; border-bottom:1px solid var(--border); box-sizing:border-box;}
.bbsView_tit .star {display:block;}
.bbsView_tit .view_badge {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:2px;}
.bbsView_tit .view_badge .bbsname {display:flex; align-items:center; justify-content:center; padding:4px 20px; box-sizing:border-box; border:1px solid var(--main); border-radius:50px; color:var(--main); font-weight:600;}
.bbsView_tit .view_badge .catname {display:flex; align-items:center; justify-content:center; padding:4px 20px; box-sizing:border-box; border:1px solid var(--main); border-radius:50px; background:var(--main); color:var(--white); font-weight:600;}
.bbsView_tit .subject {width:100%; color:var(--black); font-weight:700; text-align:center; word-break:keep-all;}
.bbsView_tit .view_detail {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:5px 37px; padding:10px 0 0;}
.bbsView_tit .view_detail li {display:flex; align-items:center; color:var(--basic); position: relative;}
.bbsView_tit .view_detail li + li::before {content:''; display:block; width:1px; height:16px; background:var(--border); position: absolute; left: -16px; top:50%; margin-top: -8px; flex-shrink:0;}
.bbsView_tit .view_detail li.date {gap:8px;}
.bbsView_tit .view_detail li.count {gap:7px;}
.bbsView_tit .view_detail li.count .count_ico {display:block; width:22px; height:22px; flex-shrink:0;}
.bbsView_tit .view_detail li.count .count_ico::before {content:'\e8f4'; display:block; width:22px; height:22px; line-height:22px; font-size:22px; font-family:var(--icon); text-align:center; color:var(--basic);}
.view_content {width:100%; box-sizing:border-box; color:var(--basic); word-break:keep-all; overflow: hidden;}
.view_content img {display:block; max-width:100% !important; height:auto !important; margin-left:auto; margin-right:auto;}
.view_content table {max-width:100%;}
.view_content::after {content:''; display:block; clear:both;}
.view_content p {vertical-align:top;}
.view_file {display:flex; align-items:center; gap:25px; width:100%; padding:20px 23px; box-sizing:border-box; background:var(--grayBg); border-radius:var(--borderR5);}
.view_file .btit {width:140px; flex-shrink:0; font-weight:500; color:var(--black);}
.view_file .bstxt {display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-width:0; flex:1; color:var(--black);}
.view_file .bstxt a {display:inline-flex; align-items:center; gap:2px; color:var(--black); text-decoration:none; border-bottom:1px solid var(--black); word-break:break-all;}
.view_file .bstxt a::before {content:'\e226'; display:block; width:22px; height:20px; line-height:20px; font-size:20px; font-family:var(--icon); color:var(--black); transform:rotate(0deg); flex-shrink:0;}
.view_file .bstxt a:hover {color:var(--main); border-bottom-color:var(--main);}
.view_file .bstxt a:hover::before {color:var(--main);}
.bbs_bottom {width:100%; border-bottom:1px solid var(--border); box-sizing:border-box;}
.bbs_bottom dl {display:flex; align-items:center; gap:25px; width:100%; padding:19px 20px; box-sizing:border-box; border-top:1px solid var(--border);}
.bbs_bottom dt {display:flex; align-items:center; justify-content:space-between; width:140px; flex-shrink:0; font-weight:600; color:var(--black);}
.bbs_bottom dt::after {content:'\e313'; display:block; width:23px; height:23px; line-height:23px; font-size:23px; font-family:var(--icon); text-align:center; color:var(--black); opacity: 0.4; font-weight: 400;}
.bbs_bottom dl.prev dt::after {transform:scaleY(-1);}
.bbs_bottom dd {min-width:0; flex:1; color:var(--basic);}
.bbs_bottom dd a {display:block; color:var(--basic); text-decoration:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.bbs_bottom dd a:hover {color:var(--main);}
.bbs_view .view_btn {display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:4px; width:100%;}
.bbs_view .view_btn .btn_w, .bbs_view .view_btn .btn_b, .bbs_view .view_btn .btn_b:link, .bbs_view .view_btn .btn_b:visited {width:90px; height:44px; line-height:42px; font-size:0.8889rem; letter-spacing:-4%; color:var(--basic);}
.bbs_view .view_btn .btn_w {border:1px solid var(--border); background:var(--white);}
.bbs_view .view_btn .btn_w:hover {color:var(--black); border-color:var(--black);}




/* 하단 버튼 */
.bbs_btn {position:relative; overflow:hidden; width:100%; padding-top:30px;}
.bbs_btn.align_right {text-align:right;}
.bbs_btn a{margin:0 1px;}
.bbs_btn input{margin:0 1px;}


/*********** Passwd *************/
.passwd {width:450px; margin:0 auto; border:2px solid #eaeaea; padding:20px 15px;}
.passwd ul {width:98%; overflow:hidden;}
.passwd li {float:left;}
.passwd .pw_img {margin-right:5px;}
.passwd .line {width:1px; background:#ddd; height:63px;}
.passwd .info {padding-left:20px;}

.passwd  .msg {padding-bottom:10px;}
.passwd  .input_passwd {margin-right:10px}
.passwd  .btn {}


/*********** Comment *************/
.comments {padding:15px 18px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.comments dl{overflow:hidden; padding:0 0 5px 0;}
.comments dl dt{display:inline-block; font-size:13px;}
.comments dl dd{display:inline-block; margin-right:10px;}

.comments ul{overflow:hidden;}
.comments li{float:left; width:calc(100% - 83px);}
.comments li.btn{float:right; width:80px;}
.comments textarea {height:58px;}
.comments .spam_check{}
.comments .spam_check .sub_txt{font-size:13px; display:inline-block;}
.comm_btn_confirm {display:inline-block; width:80px; cursor:pointer; height:58px; text-align:center; color:#fff; border:1px solid #555; background:#555; font-size:13px; letter-spacing:var(--letter-spacing-button); vertical-align:top; transition:all 0.3s}


.comments_body{overflow:hidden; border-bottom:1px solid #ddd; padding:15px;}
.comments_body p.file{color:#888; font-size:13px;}
.comments_body p.cont{padding:3px 0 5px 0;}
.comments_body p.info{color:#888; font-size:13px;}
.comments_body p.info strong{color:#333; margin-right:7px}
.comments_body p.info span{margin-right:7px;}
.comments_body p.info span:before{display:inline-block; content:""; width:1px; height:13px; background:#ccc; margin:0 10px -2px 0; overflow:hidden;}


.filebox input[type="file"] {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.filebox label {display: inline-block;	padding:8px 12px 9px 12px; color: #999;	font-size: inherit;	line-height: normal; font-size:13px;
	vertical-align: middle; background-color: #fff; cursor: pointer;	border: 1px solid #ccc; transition:all 0.3s;}
.filebox label:hover{border:1px solid #333; color:#333; transition:all 0.3s;}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	padding: .5em .75em;  /* label의 패딩값과 일치 */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

.upload-hidden {
	margin:1px 0;
	border:0px;
	font-size:12px;
	font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	border:1px solid #d86771;
	padding:3px 5px;
	background-repeat: no-repeat;
	background-position:right 3px center;
	background-color: #d86771;
}


/* imaged preview */
.filebox .upload-display {  /* 이미지가 표시될 지역 */
	margin-bottom: 5px;
}

@media(min-width: 768px) { 
	.filebox .upload-display {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 0;
	}
}

.filebox .upload-thumb-wrap {  /* 추가될 이미지를 감싸는 요소 */
	display: inline-block;
	width: 70px;
	height: 34px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 2px;
	background-color: #fff;
}

.filebox .upload-display img {  /* 추가될 이미지 */
	display: block;
	max-width: 100%;
	width: 100%;
	/*height: auto;*/
	height: 100%;
}

	
	/* 코멘트 */
	.AWbbs_comment_id{text-align:center; background:#f7f7f7; line-height:1.4;}
	.AWbbs_comment_id p{font-weight:bold;}
	.AWbbs_comment_id span{display:block; color:#999; font-size:10px;}
	
	/* 코멘트쓰기 */
	.AWbbs_comment_input_info{}
	.AWbbs_comment_input_info .input{background:#fff;}








/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){



/* 일정타이틀 */
.schdule_top {justify-content: flex-start;}
.schdule_top .sch_day {display: none;}

}
/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){



/* 일정타이틀 */
.schdule_top {margin-bottom:25px; justify-content: center; flex-wrap: wrap; gap:40px; flex-direction: column-reverse;}
.schdule_top .sch_title {gap:30px;}
.schdule_top .sch_title .prev_btn,
.schdule_top .sch_title .next_btn {width:45px; height:45px;}
.schdule_top .sch_title .prev_btn::before,
.schdule_top .sch_title .next_btn::before {width:28px; height:28px; line-height:28px; font-size:28px;}
.schdule_top .sch_title h3 {width:auto; font-size:2.5rem;}
.schdule_top .sch_btn {position: relative; right: auto; top: auto; transform: translate(0,0); width: 100%;}
.schdule_top .sch_btn button {width:100%; flex: 1; height:45px; padding:0 20px; }
.schdule_top .sch_btn button::before {width:18px; height:18px; line-height:18px; font-size:18px;}


/* 일정관리 - 월간 일정 */
.schdule_wrap th{font-size:13px; padding:10px 0; }
.schdule_wrap td {padding:8px;}
.schdule_wrap td .schedule_body {min-height: 80px;}
	.schdule_wrap td .schedule_body dt font{font-size: 13px;}
	.schdule_wrap td .schedule_body dd a{font-size: 13px; padding: 5px 10px;}
    .schdule_wrap td.holiday .schedule_body .holiday_name{font-size: 13px; padding: 5px 10px;}


/* 1일 일정 */
.event_bar[data-duration="1"] {
    width: 100% !important; /* 2개의 셀 너비 */
}
/* 2일 일정 */
.event_bar[data-duration="2"] {
    width: calc(100% * 2 + 16px * 1) !important; /* 2개의 셀 너비 */
}
/* 3일 일정 */
.event_bar[data-duration="3"] {
    width: calc(100% * 3 + 16px * 2) !important; /* 3개의 셀 너비 */
}
/* 4일 일정 */
.event_bar[data-duration="4"] {
    width: calc(100% * 4 + 16px * 3) !important; /* 4개의 셀 너비 */
}
/* 5일 일정 */
.event_bar[data-duration="5"] {
    width: calc(100% * 5 + 16px * 4) !important; /* 5개의 셀 너비 */
}
/* 6일 일정 */
.event_bar[data-duration="6"] {
    width: calc(100% * 6 + 16px * 5) !important; /* 6개의 셀 너비 */
}
/* 7일 일정 */
.event_bar[data-duration="7"] {
   width: calc(100% * 7 + 16px * 6) !important; /* 한 주 전체를 덮도록 */
}

/*********** View *************/
/* VIEW — TOP */
.bbsView_tit {padding:0 0 24px;}

/* VIEW — FILE */
.view_file {padding:18px 20px; gap:16px;}
.view_file .btit {width:110px;}

/* VIEW — NAV */
.bbs_bottom dl {gap:16px; padding:16px 12px;}
.bbs_bottom dt {width:110px;}


/* 하단 버튼 */
.bbs_btn {padding-top:20px;}



/* 일정관리 — 연간 일정 */
.annual_schedule .annual_item{padding:24px 24px;}
.annual_schedule .annual_item .month{width:110px; font-size:1.3333rem; line-height:140%;}
.annual_schedule .annual_item .month b{font-size:2rem; line-height:130%;}
.annual_schedule .annual_item .list{gap:10px;}
.annual_schedule .annual_item .list .empty{font-size:1rem; line-height:160%;}
.annual_schedule .annual_item .list .row .date{width:140px; font-size:1rem; line-height:160%;}
.annual_schedule .annual_item .list .row .subjects{gap:8px 12px;}
.annual_schedule .annual_item .list .row .subjects span{font-size:1rem; line-height:160%;}

}

/*******************************************************************************
    @media  ~768px              
*******************************************************************************/
@media all and (max-width:768px){

/* 일정타이틀 */
.schdule_top {margin-bottom:15px; gap:20px;}
.schdule_top .sch_title {gap:20px;}
.schdule_top .sch_title .prev_btn,
.schdule_top .sch_title .next_btn {width:35px; height:35px;}
.schdule_top .sch_title .prev_btn::before,
.schdule_top .sch_title .next_btn::before {width:20px; height:20px; line-height:20px; font-size:20px;}
.schdule_top .sch_title .next_btn::before {margin-left: 0;}
.schdule_top .sch_title h3 {font-size:2rem;}
.schdule_top .sch_btn button {height:40px;}


/* 일정관리 - 월간 일정 */
.schdule_wrap th{font-size:11px; padding:7px 0; }
.schdule_wrap td {padding:5px;}
.schdule_wrap td .schedule_body {min-height: 60px;}
	.schdule_wrap td .schedule_body dt font{font-size: 11px;}
	.schdule_wrap td .schedule_body dd a{font-size: 11px; padding:4px 8px;}
    .schdule_wrap td.holiday .schedule_body .holiday_name{font-size: 11px; padding:4px 8px;}
.event_bar{top:22px;}


/* 1일 일정 */
.event_bar[data-duration="1"] {
    width: 100% !important; /* 2개의 셀 너비 */
}
/* 2일 일정 */
.event_bar[data-duration="2"] {
    width: calc(100% * 2 + 11px * 1) !important; /* 2개의 셀 너비 */
}
/* 3일 일정 */
.event_bar[data-duration="3"] {
    width: calc(100% * 3 + 11px * 2) !important; /* 3개의 셀 너비 */
}
/* 4일 일정 */
.event_bar[data-duration="4"] {
    width: calc(100% * 4 + 11px * 3) !important; /* 4개의 셀 너비 */
}
/* 5일 일정 */
.event_bar[data-duration="5"] {
    width: calc(100% * 5 + 11px * 4) !important; /* 5개의 셀 너비 */
}
/* 6일 일정 */
.event_bar[data-duration="6"] {
    width: calc(100% * 6 + 11px * 5) !important; /* 6개의 셀 너비 */
}
/* 7일 일정 */
.event_bar[data-duration="7"] {
   width: calc(100% * 7 + 11px * 6) !important; /* 한 주 전체를 덮도록 */
}



/* 일정관리 — 연간 일정 */
.annual_schedule .annual_item{padding:20px 16px; flex-direction:column; gap:12px;}
.annual_schedule .annual_item .month{width:100%; font-size:1.1111rem; line-height:140%;}
.annual_schedule .annual_item .month b{font-size:1.5556rem; line-height:130%;}
.annual_schedule .annual_item .list{gap:8px; padding-top:0;}
.annual_schedule .annual_item .list .empty{font-size:0.8889rem; line-height:160%;}
.annual_schedule .annual_item .list .row{flex-direction:column; gap:4px;}
.annual_schedule .annual_item .list .row .date{width:100%; padding-right:0; font-size:0.8889rem; line-height:160%;}
.annual_schedule .annual_item .list .row .subjects{gap:6px 10px;}
.annual_schedule .annual_item .list .row .subjects span{font-size:0.8889rem; line-height:160%; white-space:normal;}
.annual_schedule .annual_item .list .row .subjects .line{height:12px;}

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/* 버튼디자인 */
.btn_w {height:40px; line-height:38px; width:80px;}
.btn_b:link, .btn_b:visited {height:40px; line-height:38px; width:80px; }
.btn_b_s {height:40px; line-height: 38px; width:80px;}

input.btn_w {height:40px; line-height:38px; width:80px;}
input.btn_b {height:40px; line-height:38px; width:80px;}
.address_btn{height:40px; line-height:38px; width:80px;}

/*********** View *************/
/* VIEW — TOP */
.bbs_view:not(.wrapper) {gap:20px;}
.bbsView_tit {gap:8px; padding:0 0 20px;}
.bbsView_tit .view_badge .bbsname, .bbsView_tit .view_badge .catname {padding:2px 14px;}
.bbsView_tit .view_detail {padding:6px 0 0; gap:25px;}
.bbsView_tit .view_detail li + li::before {margin-top: -6px; left: -12px; height:12px;}
.bbsView_tit .view_detail li.count .count_ico{width: 18px; height: 18px;}
.bbsView_tit .view_detail li.count .count_ico::before{width: 18px; height: 18px; line-height: 18px; font-size: 18px;}

/* VIEW — FILE */
.view_file {flex-direction:column; align-items:flex-start; gap:10px; padding:16px;}
.view_file .btit {width:auto;}

/* VIEW — NAV */
.bbs_bottom dl {gap:12px; padding:14px 0;}
.bbs_bottom dt {width:90px;}
.bbs_bottom dt::after {width:20px; height:20px; line-height:20px; font-size:20px;}
.bbs_view .view_btn .btn_w, .bbs_view .view_btn .btn_b, .bbs_view .view_btn .btn_b:link, .bbs_view .view_btn .btn_b:visited {width:80px; height:40px; line-height:38px;}

}