@charset "UTF-8";

/*말줄임*/
.subject{ display: inline-block; width: 100%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.subject2 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.7em; height: 3.4em; overflow: hidden; }
.subject3 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.7em; height: 5.1em; overflow: hidden; }

/* 타이틀 */
.title{ text-align: center; border-bottom: 3px solid #262626; }
.title h1{ font-weight: 500; }
.title p{ color: #9d9d9c; padding: 1% 0 2% 0; }

/*슬라이더*/
.m_wrap .bx-wrapper .bx-pager, .m_wrap .bx-wrapper .bx-controls-auto { top: 10px; bottom: auto; padding: 0 1rem; text-align: right; }
.m_wrap .bx-wrapper img{ width: 100%; }

.m_wrap{ position: relative; }
.m_wrap .scroll_wrap{ position: absolute; left: 0; right: 0; bottom: 10px; z-index: 50; width: 30px; height: 50px; margin: 0 auto; text-align: center; border: 1px solid #757575; border-radius: 100px; }
.m_wrap .scroll{ display: inline-block; width: 5px; height: 5px; border-radius: 10px; background: #757575;
	animation-name: scroll;	animation-duration: 2s;
	animation-timing-function: cubic-bezier(0.650, -0.550, 0.250, 1.500);
	animation-iteration-count: infinite;
	transform-origin: 50% 20.5px;
	will-change: transform, opacity;
	opacity: 1; }

	@keyframes scroll {
		0%, 20% {
			transform: translateY(0) scaleY(1);
		}

		100% {
			transform: translateY(36px) scaleY(2);
			opacity: 0;
		}
	}

.bx-wrapper .bx-prev{ left: 20%; }
.bx-wrapper .bx-next{ right: 20%; }

.box01{ background: #ECECEC; }
.box01 ul {overflow: hidden; }
.box01 ul li{ float: left; width:20%; }
.box01 a{ display: block; position: relative; text-align: center; color: #fff; }
.box01 a p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media (max-width: 991px){
	.box01 ul { padding: 10px 0; }
	.box01 ul li{ width: 100%; }
}

.box02{ padding: 5% 0; background: #ededed; }
.box02 h2{ font-weight: 800; }
.box02 h2 a { float: right; font-size: 16px; font-weight: 400; line-height: 1.7em; color: #3f3f3e; }
.box02 .list a{ display: block; padding: 20px 0 0 0; }
.box02 .list .date{ padding: 10px 0; }

.box03{ padding:0; }
.box03 h5{ padding: 3rem 0 1.5rem 0; font-weight: 500; text-align: center; }

.box04{ padding: 5% 0; background: #ededed; }
.box04 h2{ text-align: center; font-weight: 800; }
.box04 .con{ padding: 2rem 3rem 0 3rem; }
.box04 .con strong{ font-weight: 800; }
.box04 .con i{ font-size: 3.5em; font-weight: 500; }

.box05{ text-align: center; background: #3c3c3b; }
.box05 img{ width: auto; max-width: 100%; }

.box06{ padding: 5% 0; }
.box06 .list{ padding-top: 3% }
.box06 .img{ padding: 10% 0; text-align: center; }
.box06 img{ width: auto; }
.box06 .type{ padding: 5px 0; background: #eee; }
.box06 .type li{ position: relative; padding: 5px 5px 5px 23px; }
.box06 .type li:before{ content: "-"; position: absolute; left: 10px; }

.box07 { padding: 5% 0 2% 0; background: #d6d6d6; }
.box07 ul{ padding: 3%; }
.box07 li > div{ padding: 3%; }
.box07 li a{ display: block; padding: 10px; background: #fff; }
.box07 li h3{ padding: 5% 5px 3% 5px; overflow: hidden; }
.box07 li h3 span{ font-size: 0.8em; }
.box07 li h3 i{ float: right; padding: 5px 0 0 0; font-size: 0.5em; font-weight: 500; }

.box08 { padding: 0 0; text-align: center; }
.box08 img { width: auto; max-width: 100%; }

.box09 { padding: 5% 0; background: #f5f5f5; }
.box09 .category{ padding-top: 20px; padding-bottom: 20px; line-height: 2.5em; }
.box09 .category a{ display: inline-block; padding: 0 10px; line-height: 2.5em; border: 1px #e2dbd5 solid; border-radius: 3px; background: #ede8e4; }
.box09 .category .on{ border: 1px solid #d7272a; color: #fff; background: #d7272a; }

.box10 { padding: 5% 0; text-align: center; }
.box10 img { width: auto; max-width: 100%; }

/*팝업창*/
.pc_popup{ font-size:12px; z-index: 20 !important; }
.pc_popup input{ width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin:0; padding:0; }
.pc_popup label{ display: inline-block; vertical-align: middle; margin:0; padding:0; }
.pc_popup .close{ font-size:1em; margin-left:5px; font-weight: 500; text-shadow:none;opacity: 1; display: inline-block; vertical-align: middle; height: 27px; }
.pc_popup p{ margin:0; padding:0; }
.pc_popup .modal-content{ border:0; border-radius: 0; box-shadow:none; -webkit-box-shadow:none; }
.pc_popup .modal-footer{ border:0; padding: 5px 10px; }
.mobile_popup{display:none;}

@media (max-width: 767px){
	.pc_popup {display:none;}
	.mobile_popup{ display:block; z-index: 20 !important;}
	.mobile_popup { top:49px; left:0; right:0; display:block; font-size:12px; }
	.mobile_popup .vertical-alignment-helper{ max-width:320px; margin:0 auto; }
	.mobile_popup p{ margin:0; padding:0; }
	.mobile_popup p img{ width: 100% !important; height: auto !important; }
	.mobile_popup .modal-content{ border:0; box-shadow:none; -webkit-box-shadow:none; }
	.mobile_popup .modal-footer{ border:0; background: #fff; }
	.mobile_popup input{ width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin:0; padding:0; }
	.mobile_popup label{ display: inline-block; vertical-align: middle; font-weight:300; font-family: "Nanum", sans-serif; margin:0; padding:0; }
	.mobile_popup .close{ font-family: "Nanum", sans-serif; font-size:1em; margin-left:5px; font-weight: 500; text-shadow:none;opacity: 1; display: inline-block; vertical-align: middle; height: 20px;}
}