@charset "utf-8";


.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {left:2px; width:5px; background:#eeeeee;}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {background:#eeeeee;}
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {background:#cccccc;}

/** Datapicker **/
.input-datepicker {padding-right:30px !important; background:url('../img/common/ico_calendar.png') no-repeat top 50% right 10px;}

.ui-datepicker {display:block; background:#fff; padding:1.25em 1em 2.3em; border-radius:5px; margin-top:5px; font-size:20px;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
}
.ui-datepicker:before {content:""; display:block; position:absolute; left:1em; bottom:1.15em; margin-bottom:-.3em; width:.6em; height:.6em; background:url('../img/common/ico_calendar_disable.png'); border-radius:100%; border:1px solid #ddd;}
.ui-datepicker:after {content:"선택불가"; display:block; position:absolute; left:2.33em; right:1.33em; bottom:0; font-size:.75em; line-height:3.06em; color:#777777;}
.ui-datepicker-header {display:block; position:relative;}
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next {display:block; position:absolute; top:50%; margin-top:-.55em; width:1.1em; height:1.1em; background:no-repeat 50% 50%; background-size:contain; overflow:hidden; text-indent:-999px;}
.ui-datepicker-header .ui-datepicker-prev {right:1.2em; background-image:url('../img/common/btn_calendar_prev.png');}
.ui-datepicker-header .ui-datepicker-next {right:0; background-image:url('../img/common/btn_calendar_next.png');}
.ui-datepicker-title {text-align:left; font-size:1.05em; color:#333333; margin-bottom:.4em;}
.ui-datepicker-calendar {width:100%; border:1px solid #ddd; border-top:2px solid #999999; font-size:.75em;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {vertical-align:middle; text-align:center;}
.ui-datepicker-calendar thead th {color:#333; padding:.53em 1em; }
.ui-datepicker-calendar tbody td {border:1px solid #ddd;}
.ui-datepicker-calendar tbody td > * {display:block; color:#bbbbbb; line-height:2.3em;}
.ui-datepicker-calendar tbody td span {background:url('../img/common/bak_calendar_disable.png');}
.ui-datepicker-calendar tbody td a {color:#333;}
.ui-datepicker-calendar tbody td.ui-datepicker-week-end  a {color:#ff5f1b;}

@media all and (max-width:768px) {
	.ui-datepicker {font-size:18px;}
}
@media screen and (max-width:440px) {
	.ui-datepicker {font-size:17px;}
}


.schsel-area.select-2 select {display:block; float:left; width:49.5%;}
.schsel-area.select-2 select + select {margin-left:1%;}
.schsel-area.select-3 select {display:block; float:left; width:32.5%;}
.schsel-area.select-3 select + select {margin-left:1.25%;}


.data-list .list li a {display:block; position:relative; padding:20px 30px;}
.data-list .list li a p {font-weight:300;}
.data-list .list li a .type {display:none;}
.data-list .list li a .subj {display:block; font-size:17px; color:#333; font-weight:600;}
.data-list .list li a .txt {font-size:15px; color:#777; line-height:1.4;}
.data-list .list li a .box {display:block; position:relative; background:#f8f8f8; color:#777777; font-size:15px; padding:.7em;}
.data-list .list li a .box p + ul,
.data-list .list li a .box ul + p {margin-top:10px;}
.data-list .list li a > * + * {margin-top:10px;}
.data-list .list li a .cate {display:inline-block; position:relative; text-align:left; font-size:13px; color:#555555 !important; background:#e2eeec; padding:3px 5px; font-weight:300;}

.data-list .list ul {display:block;}
.data-list .list ul li {display:block; position:relative; padding-left:8px; font-size:15px; color:#777777; line-height:1.4; border:none !important;}
.data-list .list ul li:before {content:""; display:block; position:absolute; left:0; top:.7em; margin-top:-1px; width:2px; height:2px; background:#999999;}
.data-list .list ul li strong {color:#333; padding-right:5px;}

.data-list .list li a.cate-schedule {display:table; width:100%; table-layout:fixed; padding:0;}
.data-list .list li a.cate-schedule > * {display:table-cell; vertical-align:middle; padding:1em;  text-overflow:unset !important;}
.data-list .list li a.cate-schedule .type {width:80px; text-align:center; text-overflow: clip!important;}
.data-list .list li a.cate-schedule .subj {padding-left:0; font-size:15px; color:#000; font-weight:500; line-height:1.3; word-break:keep-all; font-size:17px; white-space:normal;}
.data-list .list li a.cate-schedule .subj ~ * {display:none;}

@media all and (max-width:768px) {
	.data-list .list li a {padding:15px 20px;}
	.data-list .list li a .subj {font-size:16px;}
	.data-list .list li a .box {font-size:14px;}
	.data-list .list li a .txt {font-size:14px;}
	.data-list .list ul li {font-size:14px;}
}
@media screen and (max-width:440px) {
	.data-list .list li a {padding:10px;}
	.data-list .list li a .cate {font-size:12px;}
	.data-list .list li a .subj {font-size:15px;}
	.data-list .list li a .txt {font-size:13px;}
	.data-list .list li a .box {font-size:13px;}
	.data-list .list ul li {font-size:13px;}
}