@charset "utf-8";
/*list*/
.main-timeline{overflow:hidden;position:relative}
.main-timeline:before{content:"";width:5px;height:100%;background:#333;position:absolute;top:70px;left:50%;transform:translateX(-50%)}
.main-timeline.only-timeline:before {height:0}
.main-timeline.only-timeline .timeline { float: none;width: 100%;margin-left: 10px !important }
.main-timeline .timeline-content:before,.main-timeline .timeline:before{top:60px;transform:translateY(-50%);content:""}
.main-timeline .timeline{width:50%;padding-left:100px;float:right;position:relative}
.main-timeline .timeline:before{width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid #333;position:absolute;left:-10px}
.main-timeline .timeline-content{display:flex;align-items: start;padding-left:150px;position:relative; min-height: 150px;}
.main-timeline .timeline-content:before{width:90px;border-top:5px dotted #999;position:absolute;left:-92px}
.main-timeline .timeline-content .news-content {display: flex; flex-wrap: wrap;}
.main-timeline .year{display:inline-block;width:120px;height:120px;line-height:100px;border-radius:50%;border:10px solid #f54957;font-size:1.75rem;font-weight:600;letter-spacing:-2px;color:#f54957;text-align:center;box-shadow:inset 0 0 10px rgba(0,0,0,.25);position:absolute;top:0;left:0; margin-top:0}
.main-timeline .year:before{content:"";border-left:20px solid #f54957;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;bottom:-13px;right:0;transform:rotate(45deg)}
.main-timeline .year small{font-size:.8rem}
.main-timeline .title{font-size:1.25rem;font-weight:600;color:#f54957;text-transform:uppercase;margin:0}
.main-timeline .description{font-size:14px;color:#6f6f6f;margin:0 0 10px}
.main-timeline .inner-content .description:last-child {margin:0}
.main-timeline .description .img-fluid {display:block;margin-top: 5px}
.main-timeline .timeline:nth-child(2n){padding:0 100px 0 0}
.main-timeline .timeline:nth-child(2n) .timeline-content:before,.main-timeline .timeline:nth-child(2n) .year,.main-timeline .timeline:nth-child(2n):before{left:auto;right:-10px}

.main-timeline .timeline:nth-child(2n) .timeline-content:before{right:-92px}
.main-timeline .timeline:nth-child(2n) .year{right:0}
.main-timeline .timeline:nth-child(2n) .year:before{right:auto;left:0;border-left:none;border-right:20px solid #f54957;transform:rotate(-45deg)}
.main-timeline .timeline:nth-child(2){margin-top:110px}
.main-timeline .timeline:nth-child(odd){margin:-110px 0 0}
.main-timeline .timeline:nth-child(even){margin-bottom:80px}
.main-timeline .timeline:first-child,.main-timeline .timeline:last-child:nth-child(even){margin:0}
.main-timeline .timeline:nth-child(2n) .year{border-color:#1ebad0;color:#1ebad0}
.main-timeline .timeline:nth-child(2) .year:before{border-right-color:#1ebad0}
.main-timeline .timeline:nth-child(2n) .title{color:#1ebad0}
.main-timeline .timeline:nth-child(3n) .year{border-color:#7cba01;color:#7cba01}
.main-timeline .timeline:nth-child(3) .year:before{border-left-color:#7cba01}
.main-timeline .timeline:nth-child(6) .year:before{border-right-color:#7cba01}
.main-timeline .timeline:nth-child(3n) .title{color:#7cba01}
.main-timeline .timeline:nth-child(4n) .year{border-color:#f8781f;color:#f8781f}
.main-timeline .timeline:nth-child(4n) .year:before{border-right-color:#f8781f}
.main-timeline .timeline:nth-child(4n) .title{color:#f8781f}
@media only screen and (min-width:767px){
	.main-timeline .timeline:nth-child(2n) .timeline-content{ padding:0 150px 0 0 !important; -webkit-box-pack: end !important;-ms-flex-pack: end !important;justify-content: flex-end !important; text-align: right; }
	.main-timeline .description .img-fluid {max-width:40%;}
}
@media only screen and (max-width:990px){
	.main-timeline .timeline{padding-left:75px}
	.main-timeline .timeline:nth-child(2n){padding:0 75px 0 0}
	.main-timeline .timeline-content{padding-left:130px}
	.main-timeline .timeline:nth-child(2n) .timeline-content{padding:0 130px 0 0}
	.main-timeline .timeline-content:before{width:68px;left:-68px}
	.main-timeline .timeline:nth-child(2n) .timeline-content:before{right:-68px}
}
@media only screen and (max-width:767px){
	.main-timeline{overflow:visible}
	.main-timeline:before{height:100%;top:0;left:0;transform:translateX(0)}
	.main-timeline .timeline:before,.main-timeline .timeline:nth-child(2n):before{top:60px;left:-9px;transform:translateX(0)}
	.main-timeline .timeline,.main-timeline .timeline:nth-child(even),.main-timeline .timeline:nth-child(odd){width:100%;float:none;padding:0;margin:0 0 10px}
	.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{display: block;padding:0; margin-left:30px}
	.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{display:none}
	.main-timeline .timeline:nth-child(2n) .year,.main-timeline .year{position:relative;transform:translateY(0); margin-bottom:.5rem }
	.main-timeline .timeline:nth-child(2n) .year:before,.main-timeline .year:before{border:none;border-right:20px solid #f54957;border-top:10px solid transparent;border-bottom:10px solid transparent;top:50%;left:-23px;bottom:auto;right:auto;transform:rotate(0)}
	.main-timeline .timeline:nth-child(2n) .year:before{border-right-color:#1ebad0}
	.main-timeline .timeline:nth-child(3n) .year:before{border-right-color:#7cba01}
	.main-timeline .timeline:nth-child(4n) .year:before{border-right-color:#f8781f}
	.main-timeline .inner-content{padding:0 0 20px 0}
}

/*view*/
.btn-toggle {min-width:24px;}
.btn-toggle:after { font-family: "Font Awesome 5 Free"; content:"\f077"; font-weight:900; position: absolute;right: 0;bottom:0; color:#777; padding:5px; transform: rotate(0deg); transition: all 0.3s ease 0s; }
.btn-toggle.collapsed::after {transform: rotate(180deg);}

.page-switch .custom-control-label:before { width: 4.75rem;height: 2rem; border-radius:5rem; top:0;  box-shadow: inset 0 1px 2px rgba(0,0,0,.3),inset 1px 0 2px rgba(0,0,0,.1); }
.page-switch .custom-control-label:after { width: calc(2rem - 4px); height: calc(2rem - 4px); border-radius: 5rem;top: calc(0rem + 2px);border: 1px solid #fff; }
.page-switch .custom-control-input:checked ~ .custom-control-label::after { -webkit-transform: translateX(2.75rem); transform: translateX(2.75rem);}
.page-switch .custom-control-input ~ .custom-control-label::before { content:'크게'; position: absolute;  text-align: right; padding: .4rem .85rem; font-size: .8rem;}
.page-switch .custom-control-input:checked ~ .custom-control-label::before { content:'작게'; text-align: left}

.page-btn .btn{ width:2rem; height: 2rem; padding: 0; text-align: center; line-height: 2rem; font-size: .85rem;}
.page-btn .btn + .tooltip, .page-addon .btn + .tooltip  {text-overflow: ellipsis;white-space: nowrap; }
.page-btn .btn + .tooltip .tooltip-inner, .page-addon .btn + .tooltip .tooltip-inner{ max-width:none }

.page-content { word-wrap: break-word; }
.page-content .img-fluid {cursor:pointer}


.event-list { list-style: none;	margin: 0; padding: 0}
.event-list > li {background-color: rgb(255, 255, 255);padding: 0px;	margin: 0 0 15px }
.event-list > li:hover {background-color:#f7f7f7}
.event-list > li > time {display: inline-block;width: 100%;color: rgb(255, 255, 255);background-color: rgb(37, 34, 82);	padding: 5px;	text-align: center;text-transform: uppercase}
.event-list > li:nth-child(even) > time {	background-color: rgb(81, 79, 115) }
.event-list > li > time > span {	display: none }
.event-list > li time > .year { display: block; font-size: 1rem;	font-weight: 200;line-height: 2}
.event-list > li time > .month {	display: block; font-size: 1.2rem;	font-weight: 300; line-height: 1}
.event-list > li > time > .day {	display: block; font-size: 2rem;font-weight: 400;line-height: 1.2 }
.event-list > li > .info {padding: 5px;	text-align: center; font-size: 12pt }
.event-list > li > .info > img { width: 100%}
@media (min-width: 768px) {
	.event-list > li {	position: relative;display: block;width: 100%;height: 100px;padding: 0}
	.event-list > li > time, .event-list > li > .info > img  {  padding: 0;margin: 0 }
	.event-list > li > time { float: left; width: 150px;	height: 100px; }
	.event-list > li > .info { overflow: hidden; position: relative; height: 100px; text-align: left; padding: 10px}
	.event-list > li > .info > span { display:inline-block }
	.event-list > li > .wimg > span { padding-right:140px }
	.event-list > li > .info > div { width: 140px;padding-bottom: 120px; position: absolute; top:0; right:0	}
}


/*comment*/
#bbs-comment .toast  {opacity: 1; max-width:100%; font-size: 1rem; }
#comment_view .toast-header .dropleft .dropdown-toggle::before {border:0}
#comment_view .toast-header .dropdown-toggle + .dropdown-menu {font-size:.8rem; min-width: 7rem;}


#comment_form [data-toggle="buttons"] label.btn-link:hover {text-decoration: none;}
#comment_form [data-toggle="buttons"] label:before, #comment_form [data-toggle="buttons"] label.active:before{font-family: 'Font Awesome 5 Free'; width:14px; font-weight:900; display:inline-block;transition: all .3s linear;}
#comment_form [data-toggle="buttons"] label:before {content: "\f3c1"; }
#comment_form [data-toggle="buttons"] label.active:before { content: "\f023"; }
.fa-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1) }
.mb-photo { background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #f7f7f7; width: 30px; height: 30px; margin: -11px 5px -11px 0;display: inline-block; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset }


/*write*/
/*for custom input sm size*/
.form-control-sm {font-size:.875rem !important}
.custom-select.form-control-sm { padding: .25rem .45rem .25rem .25rem; background-position: right .3rem center; min-width: 4rem; height: calc(1.5em + .5rem + 2px);}
.custom-file.form-control-sm, .custom-file.form-control-sm > * { height: calc(1.5em + .5rem + 2px);}
.custom-file.form-control-sm .custom-file-label, .custom-file.form-control-sm .custom-file-label::after { padding: .2rem .75rem; }
.custom-file.form-control-sm .custom-file-label::after {height: calc(1.5em + .5rem);}