@charset "utf-8";

/*** schedule ***/
.calendarBox .calendar_btn {text-align:center; margin-bottom:30px}
.calendarBox .calendar_btn p {display:inline-block}
.calendarBox .calendar_btn p:after {clear:both; content:''; display:block;}
.calendarBox .calendar_btn p strong {float:left; font-size:27px; font-weight:700; color:#000}
.calendarBox .calendar_btn p a {display:inline-block; float:left; width:45px; height:45px; border-radius:100px; border:1px solid #dedede;}
.calendarBox .calendar_btn p a.first {background:url(/images/common/first.png) no-repeat center center; margin-right:5px;}
.calendarBox .calendar_btn p a.prev {background:url(/images/common/prev.png) no-repeat center center; margin-right:30px;}
.calendarBox .calendar_btn p a.last {background:url(/images/common/last.png) no-repeat center center; margin-left:5px;}
.calendarBox .calendar_btn p a.next {background:url(/images/common/next.png) no-repeat center center; margin-left:30px;}
.calendarBox .calendar_view {width:100%; border-top:1px solid #000}
.calendarBox .calendar_view tr {border-bottom:1px solid #e1e1e1}
.calendarBox .calendar_view th {height:45px; font-size:16px; font-weight:400; color:#000; background:#f5f5f5; border-right:1px solid #e1e1e1}
.calendarBox .calendar_view th:last-child {border-right:none}
.calendarBox .calendar_view td {padding:15px; height:150px; vertical-align:top; border-right:1px solid #e1e1e1; }
.calendarBox .calendar_view td:last-child {border-right:none;}
.calendarBox .calendar_view td span {display:block; width:100%; margin-bottom:10px }
.calendarBox .calendar_view td span b {font-size:18px; font-weight:400; color:#666}
.calendarBox .calendar_view td span font {display:none}
.calendarBox .calendar_view td.day_red span b {color:#f91200}
.calendarBox .calendar_view td.day_blue span b {color:#0064f9}
.calendarBox .calendar_view td>div>a {color:#000}
.calendarBox .calendar_view tr td div.num {display:none;}
.calendarBox .calendar_view tr td.today {background:#f7f7f7}
.calendarBox .calendar_view tr td div a {display:inline-block; position:relative; padding-left:12px;}
.calendarBox .calendar_view tr td div a:before {position:absolute; content:""; width:4px; height:4px; border-radius:100px; background:#ccc; left:0; top:9px;}
.calendarBox .calendar_view tr td div a p {font-size:var(--fontSize16); font-weight:300; line-height:1.3; margin-bottom:7px; color:#666;}


/*** schedule_view ***/
.calendar_wrap .con_group h4 {font-size:24px; font-weight:600; color:#000; padding-left:15px; position:relative;  margin-bottom:20px;}
.calendar_wrap .con_group h4:before {content:""; display:block; height:100%; width:3px; background:var(--blue); position:absolute; left:0; top:-1px; transform:rotate(0.03deg);}
.calendar_wrap .schedule {border:1px solid #e1e1e1; margin-bottom:30px; border-top:2px solid var(--base1);}
.calendar_wrap .schedule h5 {background:#f5f5f5; line-height:1.5; font-size:18px; font-weight:400; color:#000; padding:15px; border-top: 1px solid #ddd;}
.calendar_wrap .schedule .schedule_in {padding:30px; font-size:16px; font-weight:300; color:#000; word-break:break-word;}
.calendar_wrap .schedule .scheduleDownBtn {padding:20px 15px; border-top:1px solid #e1e1e1;}
.calendar_wrap .schedule .scheduleDownBtn a {padding-left:20px; position:relative; color:#000; font-size:15px;}
.calendar_wrap .schedule .scheduleDownBtn a:after {position:absolute; left:0; bottom:1px; content:''; width:14px; height:13px; background:url(/images/common/i-download.png) no-repeat center center; background-size:100%;}
.calendar_wrap .con_group {margin-bottom:30px;}
.calendar_wrap .btn {display:inline-block; padding:18px 50px; font-size:16px; font-weight:400; color:#fff; background:var(--base1); transition:all .3s}
.calendar_wrap .btn:hover {background:#333}
.calendar_wrap .korStyle {text-align:center;}


/*** 글쓰기,수정,삭제 버튼 ***/
.calendarBox .writeBox {padding-top:30px; text-align:right;}
.calendarBox .writeBox .write {display:inline-block; font-size:14px; color:#fff; padding:12px 15px; background:#333;}

.korStyle {position:relative;}
.korStyle .detailBox .writeBox {position:absolute; top:0; right:0; padding-top:0px;}

.calendar_wrap .schedule h5 {display:flex;justify-content: space-between; align-items: center;}
.calendar_wrap .schedule h5 span a {display:inline-block; font-size:14px; color:#fff; padding:10px 30px; background:#333;}
.calendar_wrap .schedule h5 span a.delete {background:#898989;}



/* ************************ 태블릿 (~991) ************************ */
@media screen and (max-width:1249px) { 

    .calPop.mobile {display:none;}
	
	.calendarBox .calPop {z-index:-100; opacity:0; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .7)}	
	.calendarBox .calendar_btn {text-align:center; margin-bottom:30px}
	.calendarBox .calendar_btn p {display:inline-block}
	.calendarBox .calendar_btn p:after {clear:both; content:''; display:block;}
	.calendarBox .calendar_btn p strong {float:left; font-size:27px; font-weight:700; color:#000}
	.calendarBox .calendar_btn p a {display:inline-block; float:left; width:35px; height:35px; margin-top:5px; border:1px solid #dedede;}
	.calendarBox .calendar_btn p a.first {background:url(/images/common/first.png) no-repeat center center; margin-right:5px;}
	.calendarBox .calendar_btn p a.prev {background:url(/images/common/prev.png) no-repeat center center; margin-right:30px;}
	.calendarBox .calendar_btn p a.last {background:url(/images/common/last.png) no-repeat center center; margin-left:5px;}
	.calendarBox .calendar_btn p a.next {background:url(/images/common/next.png) no-repeat center center; margin-left:30px;}

	.calendarBox .calendar_view {width: 100%; border-top:1px solid #000}
	.calendarBox .calendar_view tr {border-bottom:1px solid #e1e1e1}
	.calendarBox .calendar_view th {height:45px; font-size:16px; font-weight:400; color:#000; background:#f5f5f5; border-right:1px solid #e1e1e1}
	.calendarBox .calendar_view th:last-child {border-right:none}
	.calendarBox .calendar_view td {padding:15px; height:150px; vertical-align:top; border-right:1px solid #e1e1e1; }
	.calendarBox .calendar_view td:last-child {border-right:none;}
	.calendarBox .calendar_view td span {display:block; width:100%; margin-bottom:10px }
	.calendarBox .calendar_view td span b {font-size:18px; font-weight:400; color:#666}
	.calendarBox .calendar_view td span font {display:none}
	.calendarBox .calendar_view td.day_red span b {color:#f91200}
	.calendarBox .calendar_view td.day_blue span b {color:#0064f9}
	.calendarBox .calendar_view td>div>a {color:#000}
	.calendarBox .calendar_view tr td div.num {display:none;}
	.calendarBox .calendar_view tr td.today {background:#f7f7f7}

	.calendar_wrap .ct_title {font-size:24px; font-weight:500; color:#000; margin-bottom:30px;}
	.calendar_wrap .con_group h4 {font-size:22px; font-weight:600; color:#000; padding-left:15px; position:relative;  margin-bottom:20px;}
	.calendar_wrap .con_group h4:before {content:""; display:block; height:100%; width:3px; background:var(--blue); position:absolute; left:0; top:-1px; transform:rotate(0.03deg);}
	.calendar_wrap .schedule {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin-bottom:30px}
	.calendar_wrap .schedule h5 {background:#f5f5f5; line-height:1.5; font-size:16px; font-weight:400; color:#000; padding:10px 15px;}
	.calendar_wrap .schedule .schedule_in {padding:20px 15px; font-size:16px; font-weight:300; color:#000; word-break:break-word;}
	.calendar_wrap .schedule .scheduleDownBtn {padding:20px 15px; border-top:1px solid #e1e1e1;}
	.calendar_wrap .schedule .scheduleDownBtn a {padding-left:20px; position:relative; color:#000; font-size:15px;}
	.calendar_wrap .schedule .scheduleDownBtn a:after {position:absolute; left:0; bottom:1px; content:''; width:14px; height:13px; background:url(/images/common/i-download.png) no-repeat center center; background-size:100%;}
	
	.calendar_wrap .con_group {margin-bottom:30px;}
	.calendar_wrap .btn {display:inline-block; padding:20px 50px; font-size:16px; font-weight:400; color:#fff; background:var(--base1); transition:all .3s}
	.calendar_wrap .btn:hover {background:#333}

 } 



/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:767px) {

    .calPop.mobile {display:block;}
	
	.calPop {z-index:-100; opacity:0; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .7)}	
	.calendarBox {z-index:999;}
	.calendarBox .calendar_btn {text-align:center; margin-bottom:30px}
	.calendarBox .calendar_btn p {display:inline-block}
	.calendarBox .calendar_btn p:after {clear:both; content:''; display:block;}
	.calendarBox .calendar_btn p strong {float:left; font-size:21px; font-weight:700; color:#000}
	.calendarBox .calendar_btn p a {display:inline-block; float:left; width:25px; height:25px; margin-top:5px; border:1px solid #dedede;}
	.calendarBox .calendar_btn p a.first {background:url(/images/common/first.png) no-repeat center center; margin-right:5px;}
	.calendarBox .calendar_btn p a.prev {background:url(/images/common/prev.png) no-repeat center center; margin-right:15px;}
	.calendarBox .calendar_btn p a.last {background:url(/images/common/last.png) no-repeat center center; margin-left:5px;}
	.calendarBox .calendar_btn p a.next {background:url(/images/common/next.png) no-repeat center center; margin-left:15px;}

	.calendarBox .calendar_view td {position:relative; padding:10px; height:80px; vertical-align:top; border-right:1px solid #e1e1e1; }
	.calendarBox .calendar_view tr td div {display:none;}
	.calendarBox .calendar_view tr td div.num {position:absolute; display:block !important; right:10px; bottom:6px; visibility:visible;}
	.calendarBox .calendar_view tr td div.num p {display:inline-block; width:22px; height:22px; font-size:14px; color:#fff; text-align:center; line-height:22px; border-radius:100%; background:var(--base1); cursor:pointer;}

	.calPop.on {z-index:1000; opacity:1}
	.calPop {box-sizing: border-box; z-index:-100; position:fixed; top:0; left:0; width:100%; height:100%; padding:20px; background:rgba(0, 0, 0, .7)}
	.calPop .inner {position:relative; width:100%; padding:0; background:#fff; overflow-y:auto;}
	.calPop .inner span {display:block; height:60px; padding:15px; font-size:18px; color:#fff; text-align:left; background:var(--base1); box-sizing: border-box;}
	.calPop .inner>div {padding:0 15px;}
	.calPop .inner>div>.menu_name {padding-top:15px;}
	.calPop .inner>div a {position:relative; display:block; padding:15px 5px; font-size:16px; font-weight:300; color:#000; border-bottom:1px solid #e1e1e1;}
	.calPop .inner>div a>p {position:relative; padding-left:15px;}
	.calPop .inner>div a>p:after {position:absolute; left:0; top:12px; content:''; width:7px; height:2px; background:#ddd;}


	.calPop .popClose {position:absolute; right:0; top:0; width:60px; height:60px; text-indent:-99999px; background:url(/images/common/icon_x.png) no-repeat center #cae0ff; cursor:pointer;}
	
	
	/*** 글쓰기, 수정, 삭제 버튼 ***/
	.calendarBox .writeBox {text-align:center;}
	.calendarBox .writeBox .write {padding:8px 25px;}
	
	.calendar_wrap .schedule h5 {flex-direction: column; gap:10px;}
	.calendar_wrap .schedule h5 span a {padding: 8px 22px;}
	

	.korStyle .detailBox .writeBox {position:static; margin-top:10px;}

 } 


/* ************************ 모바일 (~500) ************************ */
@media screen and (max-width:500px) { }