.volmain{
	position:relative;
	animation-name: volmainani;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes volmainani {
	from {
		opacity:0.2;
	}
	to {
		opacity:1;
	}
}

.volmain .volcalendar{
	position:relative;
  --bg:#ffffff;
  --panel:#f3f3f3;
  --text:#444;
  --muted:#bdbdbd;
  --line:#d9d9d9;
  --accent:#d46a2a;
  --accent-soft:#f0c9a6;
  --shadow: 0 6px 16px rgba(0,0,0,.08);
  --shadow2: 0 10px 22px rgba(0,0,0,.10);
  color: var(--text);
  width:60%;
}
.volmain .volcalendar *{ box-sizing:border-box; }
.volmain .volcalendar__wrap{
  display:flex;
  min-height: 460px;
  max-height: 460px;
  background:#fff;
  margin-top:-20px;
}
.volmain .volcalendar h2.tit{
	position:relative;
	display:block;
	width:170px;
	height:42px;
	background:#d16725 url(../img/main/cldico.png) left 15px top 12px no-repeat;
	font-size:16px;
	color:#fff;
	font-weight:700;
	line-height:42px;
	padding-left:40px;
	box-sizing:border-box;
}
.volmain .volcalendar h2.tit a.cl{
	font-size:20px;
	color:#fff;
	font-weight:300;
	position:absolute;
	right:15px;
	top:2px;
	opacity:0.5;
}
.volmain .volcalendar h2.tit a.cl:hover{
	opacity:1;
}
/* ====== left ====== */
.volmain .volcalendar__left{
  flex: 0 0 62%;
  padding: 30px;
  background:#f2f2f2;
}
.volmain .volcalendar__cal-head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 16px;
  margin: 10px 0;
}
.volmain .volcalendar__month{
  font-size: 26px;
  font-weight:900;
  color:#8f8f8f;
}
.volmain .volnav{
  width: 12px;
  height: 18px;
  cursor:pointer;
}
.volmain .volnav.prev{background:url(../img/main/vn_prev.png) center no-repeat;}
.volmain .volnav.next{background:url(../img/main/vn_next.png) center no-repeat;}
/* weekday */
.volmain .volcalendar__week{
  display:grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  padding:10px 0;
  border-bottom:1px solid #ccc;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .6px;
  color:#8c8c8c;
  text-align:center;
}
.volmain .volcalendar__week .sun{ color:#b07a7a; }
.volmain .volcalendar__week .sat{ color:#6e7aa9; }
.volmain .volcalendar__grid{
  display:grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1px;
}
.volmain .volcell{
  position:relative;
  height: 50px;
  padding:10px 0;
  box-sizing:border-box;
  text-align:center;
  user-select:none;
  cursor:pointer;
}
.volmain .volcell p{
	font-size: 12px;
	color:#6c6c6c;
	font-weight:400;
}
.volmain .volcell:hover{
	background:#fff;
	border-radius: 2px;
	box-shadow: var(--shadow);
	color:#4f4f4f;
}
.volmain .volcell.is-muted p{ color: var(--muted); }
.volmain .volcell.is-selected{
  background:#fff;
  border-radius: 2px;
  box-shadow: var(--shadow);
  color:#4f4f4f;
}
.volmain .volcell.today p{
	display:block;
	width:22px;
	height:22px;
	border-radius:50%;
	background: var(--accent);
	margin:0 auto;
	color:#fff;
	text-align:center;
	line-height:22px;
	font-weight:700;
	margin-top:-4px;
}

.volmain .volcell p.sun, .volmain .volcell p.hday{
	    color: #f00;
}

.volmain .volcell p.sat{
	    color: #686bff;
}


.volmain .volcell.last p.sun, .volmain .volcell.next p.sun, .volmain .volcell.last p.hday, .volmain .volcell.next p.hday{
	color: #ffa8a8
}

.volmain .volcell.last p.sat, .volmain .volcell.next p.sat{
	color: #ffa8a8
}


.volmain .volcell .eventlist{
	display:block;
	width:100%;
	margin-top:3px;
}
.volmain .volcell .eventlist span.dot{
	display:inline-block;
	width:5px;
	height:5px;
	border-radius:50%;
	background: var(--accent);
	margin:0 1px;
	vertical-align:middle;
}
.volmain .volcell .eventlist span.scdnum{
	display:inline-block;
	font-size:12px;
	color:var(--accent);
	font-weight:700;
	
}
/* ====== right ====== */
.volmain .volcalendar__right{
	flex: 1;
	position:relative;
	padding: 30px;
	background:#fff;
	border:10px solid #f2f2f2;
}
.volmain .volcalendar__datebox{
  text-align:center;
  margin-top: 6px;
}
.volmain .volcalendar__today{
  color: var(--accent-soft);
  font-weight: 800;
  font-size: 14px;
  margin-bottom: 10px;
}
.volmain .volcalendar__bigday{
  font-size: 84px;
  line-height: 1;
  font-weight: 900;
  color: var(--accent);
}
.volmain .volcalendar__dow{
  font-size: 16px;
  color:#b9b9b9;
  font-weight: 500;
}
.volmain .volcalendar__detail{
  margin-top: 26px;
}
.volmain .volcalendar__detail-title{
  font-size: 16px;
  font-weight: 700;
  color:#8b8b8b;
  margin-bottom: 10px;
}
.volmain .volcalendar__detail-day{
  color: var(--accent);
  font-weight: 900;
  margin-right: 2px;
}
.volmain .volcalendar__line{
  border:0;
  border-top: 1px solid var(--line);
  margin: 0 0 2px;
}
.volmain .volcalendar__list{
	width:100%;
	max-height:200px;
	overflow-y:auto;
}
.volmain .volcalendar__list li{
  position:relative;
  padding-left: 10px;
  margin: 10px 0;
}
.volmain .volcalendar__list li::before{
  content:"";
  position:absolute;
  left: 0;
  top: 6px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background:#bdbdbd;
}
.volmain .volcalendar__list li a{
	font-size: 14px;
	color:#666;
	font-weight:500;
	line-height:1.4em;
	width:100%;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 36px; 
}
.volmain .volcalendar__list li a:hover{
	color:var(--accent);
}
.volmain .volcalendar__fab{
	font-family: 'Pretendard', sans-serif;
	position:absolute;
	right: 0;
	top: 0;
	width: 32px;
	height: 32px;
	background: var(--accent);
	color:#fff;
	font-size: 18px;
	line-height: 32px;
	font-weight: 900;
	cursor:pointer;
	box-shadow: var(--shadow2);
}

.volmain .volnotice{
	width:35%;
	margin-left:5%;
}
.volmain .volnotice h2.tit{
	position: relative;
    display: block;
    width: 170px;
    height: 42px;
    background: #c42d58 url(../img/main/cldico.png) left 15px top 12px no-repeat;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    line-height: 42px;
    padding-left: 40px;
    box-sizing: border-box;
}
.volmain .volnotice h2.tit a.cl{
	font-size: 20px;
	color: #fff;
	font-weight: 300;
	position: absolute;
	right: 15px;
	top: 2px;
	opacity: 0.5;
}
.volmain .volnotice h2.tit a.cl:hover{
	opacity: 1;
}
.volmain .volnotice .ntcbox{
	min-height:460px;
	max-height:460px;
	border: 20px solid #f2f2f2;
	box-sizing:border-box;
	margin-top: -20px;
	background:#fff;
	padding:20px 30px;
}
.volmain .volnotice .ntcbox .rc_ntc{
	padding:10px 0;
	margin-bottom:10px;
}
.volmain .volnotice .ntcbox .rc_ntc p.nt{
	width:100%;
	font-size:21px;
	color:#3d3d3d;
	font-weight:700;
	line-height:1.4em;
	letter-spacing:-0.02em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 60px; 
	margin-bottom:5px;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.volmain .volnotice .ntcbox .rc_ntc p.nt span.new{
	font-family: 'yg-jalnan';
	padding:4px 6px 2px 6px;
	background:#c39fb6;
	font-size:13px;
	color:#fff;
	font-weight:700;
	vertical-align:top;
}
.volmain .volnotice .ntcbox .rc_ntc p.ntc{
	width:100%;
	font-size:14px;
	color:#3d3d3d;
	font-weight:400;
	line-height:1.4em;
	letter-spacing:-0.02em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 40px; 
	margin-bottom:15px;
}
.volmain .volnotice .ntcbox .rc_ntc a:hover p.nt{
	color:#c42d58;
}
.volmain .volnotice .ntcbox .rc_ntc p.date{
	font-size:13px;
	color:#7b7b7b;
	font-weight:300;
}
.volmain .volnotice .ntcbox ul.ntclist{
	border-top:1px solid #ccc;
}
.volmain .volnotice .ntcbox ul.ntclist li{
	padding:10px 5px;
	border-bottom:1px solid #ccc;
}
.volmain .volnotice .ntcbox ul.ntclist li:last-child{
	border-bottom:0;
}
.volmain .volnotice .ntcbox ul.ntclist li p.nt{
	float:left;
	width:calc(100% - 85px);
	font-size:15px;
	color:#505050;
	font-weight:500;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.volmain .volnotice .ntcbox ul.ntclist li p.nt span{
	line-height:22px;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.volmain .volnotice .ntcbox ul.ntclist li a:hover p.nt{
	color:#c42d58;
}
.volmain .volnotice .ntcbox ul.ntclist li a:hover p.nt span{
	margin-left:2px;
}
.volmain .volnotice .ntcbox ul.ntclist li p.nt span.new{
	font-family: 'yg-jalnan';
	display:inline-block;
	padding:0 6px;
	background:#c39fb6;
	font-size:12px;
	color:#fff;
	font-weight:700;
	line-height:22px;
}
.volmain .volnotice .ntcbox ul.ntclist li p.date{
	float:right;
	font-size:13px;
	color:#7b7b7b;
	font-weight:300;
	line-height:22px;
}

.volmain .volslide {
	width:100%;
	position:relative;
	overflow-x:hidden;
}
.volmain #vmtab {
	width:100%;
	height:36px;
	position:relative;
}
.volmain #vmtab>li {
	position:relative;
	float:left;
	font-size:30px;
	color:#999;
	font-weight:900;
	margin-right:40px;
	cursor:pointer;
}
.volmain #vmtab>li::before{
	content:"";
	display:block;
	width:5px;
	height:20px;
	background:#ccc;
	position:absolute;
	right:-23px;
	top:8px;
}
.volmain #vmtab>li:last-child::before{
	display:none;
}
.volmain #vmtab>li.on {
	color:#000;
}
.volmain #vmtab_contents { padding:40px 0; }
.volmain #vmtab_contents>li { display:none }
.volmain #vmtab_contents>li:first-child { display:block; }



/* ¹ÝÀÀÇü */
@media (max-width: 1400px){
	.vmc.d_flex{
		flex-direction:column;
	}
	.volmain .volcalendar{
		width:90%;
		margin:0 auto;
		margin-bottom:50px;
	}
	.volmain .volcalendar__wrap{ flex-direction:column; max-height:100%;}
	.volmain .volcalendar__left{ flex-basis:auto; }
	.volmain .volcalendar__right{ padding-bottom: 30px; }
	.volmain .volcalendar__today,
	.volmain .volcalendar__bigday,
	.volmain .volcalendar__dow{
		display:none;
	}
	.volmain .volcalendar__detail{
		margin-top:0;
	}
	.volmain .volnotice{
		width:90%;
		margin:0 auto;
		margin-bottom:50px;
	}

	.volmain .volslide{
		width:90%;
		margin:0 auto;
		margin-bottom:50px;
	}
	.volmain #vmtab>li{
		font-size:20px;
	}
	.volmain #vmtab>li::before{
		top:5px;
		height:15px;
	}
	.volmain #vmtab_contents{
		padding:10px 0 20px 0;
	}
}