﻿/* base style - start */
	/* navigation */
	.navbar-fixed-top { position: absolute; }

	/* IE10+ */
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.navbar .nav-justified > .dropdown > a { padding: 30px 0 18px 0; }
	}

	/* Main Slider styles - start
	-------------------------------------------------- */
		.mainslider { margin-top: 100px; }
		.mainslider > .bx-wrapper { margin-bottom: 5.7em; box-shadow: none; border: 0; }
		.mainslider > .bx-wrapper > .bx-viewport {}
		.mainslider > .bx-wrapper > .bx-viewport .bxslider li { min-width: 1400px; }
		.mainslider > .bx-wrapper > .bx-viewport .bxslider li video { background-color: #000000; width: 100%; max-width: 2200px; margin: auto; display: block; }
		.mainslider > .bx-wrapper > .bx-viewport .caption { position: absolute; width: 100%; }
		.mainslider > .bx-wrapper > .bx-viewport .caption .container { margin-top: 15em; }
		.mainslider > .bx-wrapper > .bx-viewport .caption h1 { margin: 0; background-color: rgba(0,0,0, 0.4); color: #ffffff; font-weight: 700; }
		.mainslider > .bx-wrapper > .bx-viewport .caption h2 { margin: 0; background-color: rgba(0,0,0, 0.4); color: #ffffff; font-weight: 700; }
		.mainslider > .bx-wrapper > .bx-viewport .caption h1 { padding: 0.7em 0.3em 0.3em 0.3em; width: 80%; max-width: 860px; font-size: 3em; }
		.mainslider > .bx-wrapper > .bx-viewport .caption h2 { padding: 0.3em 0.3em 0.7em 0.3em; width: 80%; max-width: 860px; font-size: 2.4em; word-break: keep-all; }
		.mainslider > .bx-wrapper > .bx-controls > .bx-controls-direction,
		.mainslider > .bx-wrapper > .bx-controls > .bx-pager { display:none; }
	/* Main Slider styles - end
	-------------------------------------------------- */

	/* Main Block styles - start
	-------------------------------------------------- */
	/* Main Block styles - end
	-------------------------------------------------- */
/* base style - end */


/* 반응형 처리
-------------------------------------------------- */
@media (min-width: 768px) {
	/* Main Slider styles - start
	-------------------------------------------------- */
		.mainslider { margin-top: 100px; }
		.mainslider > .bx-wrapper { margin-bottom: 5.7em; box-shadow: none; border: 0; }
		.mainslider > .bx-wrapper > .bx-viewport {}
		.mainslider > .bx-wrapper > .bx-viewport .bxslider li { min-width: 1400px; }
		.mainslider > .bx-wrapper > .bx-viewport .caption { position: absolute; width: 100%; }
		.mainslider > .bx-wrapper > .bx-viewport .caption .container { margin-top: 15em; }
		.mainslider > .bx-wrapper > .bx-viewport .caption h1 {}
		.mainslider > .bx-wrapper > .bx-viewport .caption h2 {}
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media (min-width: 993px) {	/* PC용 최소 폭 */
	/* Main Slider styles - start
	-------------------------------------------------- */
		.mainslider {}
		.mainslider > .bx-wrapper {}
		.mainslider > .bx-wrapper > .bx-viewport {}
		.mainslider > .bx-wrapper > .bx-viewport .caption {}
		.mainslider > .bx-wrapper > .bx-viewport .caption .container {}
		.mainslider > .bx-wrapper > .bx-viewport .caption h1 {}
		.mainslider > .bx-wrapper > .bx-viewport .caption h2 {}
		.mainslider > .bx-wrapper > .bx-viewport .caption h1 { font-size: 4.1em; }
		.mainslider > .bx-wrapper > .bx-viewport .caption h2 { font-size: 3.3em; }
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media (min-width: 1200px) {
	/* Main Slider styles - start
	-------------------------------------------------- */
		.mainslider {}
		.mainslider > .bx-wrapper {}
		.mainslider > .bx-wrapper > .bx-viewport {}
		.mainslider > .bx-wrapper > .bx-viewport .caption {}
		.mainslider > .bx-wrapper > .bx-viewport .caption .container {}
		.mainslider > .bx-wrapper > .bx-viewport .caption h1 {}
		.mainslider > .bx-wrapper > .bx-viewport .caption h2 {}
		.mainslider > .bx-wrapper > .bx-viewport .caption h1 { padding: 36px 0 18px 36px; font-size: 60px; }
		.mainslider > .bx-wrapper > .bx-viewport .caption h2 { padding: 18px 0 36px 36px; font-size: 48px; }
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media all and (min-width: 1900px) {
	/* Main Slider styles - start
	-------------------------------------------------- */
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media (max-width: 992px) {	/* 스마트 폰으로 인정하는 최대 폭 */
	/* Main Slider styles - start
	-------------------------------------------------- */
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media (max-width: 767px) {	/*스마트 폰 가로방향*/
	/* Main Slider styles - start
	-------------------------------------------------- */
		.mainslider { margin-top: 68px; }
		.mainslider > .bx-wrapper > .bx-viewport .caption .container { margin-top: 10em; }
		.mainslider > .bx-wrapper > .bx-viewport .caption h1 {}
		.mainslider > .bx-wrapper > .bx-viewport .caption h2 {}
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media (max-width: 427px) {	/*스마트 폰 세로방향*/
	/* Main Slider styles - start
	-------------------------------------------------- */
		.mainslider { height: 550px; }
		.mainslider > .bx-wrapper img { width: 1150px; margin-left: -370px; max-width: initial; }
		.mainslider > .bx-wrapper > .bx-viewport .caption { top: 40%; }
		.mainslider > .bx-wrapper > .bx-viewport .caption .container {}
		.mainslider > .bx-wrapper > .bx-viewport .caption h1 { font-size: 1.7em; width: 100%; }
		.mainslider > .bx-wrapper > .bx-viewport .caption h2 { font-size: 1.5em; width: 100%; }
		.mainslider > .bx-wrapper > .bx-viewport .bxslider li { max-height: 550px; overflow: hidden; }
		.mainslider > .bx-wrapper > .bx-viewport .bxslider li video { width: 1100px; margin-left: -370px; }
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media (max-width: 375px) {
	/* Main Slider styles - start
	-------------------------------------------------- */
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media (max-width: 349px) {
	/* Main Slider styles - start
	-------------------------------------------------- */
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
	/* Main Block styles - end
	-------------------------------------------------- */
}
