/* 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: 0px; margin-bottom: -1%; }
		.mainslider > .bx-wrapper { margin-bottom: 0em; box-shadow: none; border: 0; background-color: transparent; z-index: 1; }
		.mainslider > .bx-wrapper img { margin: auto; max-width: 114.5%; }
		.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: inherit; top: 35%; }
		.mainslider > .bx-wrapper > .bx-viewport .caption .container {}
		.mainslider > .bx-wrapper > .bx-viewport .caption h1 { margin: 0 auto 0 auto; text-align:center; background-color: rgba(0,0,0, 0); color: #ffffff; font-weight: 800; }
		.mainslider > .bx-wrapper > .bx-viewport .caption h2 { margin: 0 auto 0 auto; text-align:center; background-color: rgba(0,0,0, 0); color: #ffffff; font-weight: 800; }
		.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
	-------------------------------------------------- */
		/* 게시판 영역 */
		.notice { margin-bottom: 207px; }
		.notice > .row { margin-right: 0; margin-left: 0; }
		.notice .media { margin-top: 0; }
		.notice .media-left { margin-top: 15px; padding-right: 43px; }
		.notice .media-right { margin-top: 15px; padding-left: 43px; }

		.notice h2 { font-size: 48px; font-weight: 800; margin: 74px 15px 0 15px; padding-bottom: 20px; border-bottom: solid 1px #333333; }
		.notice h3 { font-size: 30px; font-weight: 800; margin: 10px auto 26px auto; background: url('../images/icon/more_icon.png') no-repeat bottom right; }
		.notice h3 a,
		.notice h3 a:hover { text-decoration:none; color: #333333; width: 100%; display: inline-block; }

		.post_list { padding: 0; font-size: 16px; font-weight: 700; }
		.post_list li { height: 52px; margin-left: 0px; padding: 12px 0 12px 0; list-style: none; border-bottom: 1px solid #cccccc; }
		.post_list a,
		.post_list a:hover { text-decoration:none; color: #333333; }
		.post_list .title { width: 73%; display: inline-block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
		.post_list .date { width: 25%; display: inline-block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; text-align: right; }


		/* 최하단 경계선 */
		.featurette-divider { margin:30px 0 0 0; border-color: #f6f6f6; /*min-width: 1140px;*/ }
	/* Main Block styles - end
	-------------------------------------------------- */


	/* 사진 변화처리(transform) 효과: https://gahyun-web-diary.tistory.com/79 */
		.bg_area { max-width: 100%; height:100%; background:no-repeat center /cover; }

		.pic { overflow: hidden; }
		.pic:hover .trans_img { -webkit-transform: scale(1.15) skew(-0.003deg); -ms-transform: scale(1.15) skew(-0.003deg); transform: scale(1.15) skew(-0.003deg); }
		.pic .trans_img { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

/* base style - end */


/* 반응형 처리
-------------------------------------------------- */
@media (min-width: 768px) {
	/* Main Slider styles - start
	-------------------------------------------------- */
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media (min-width: 993px) {	/* PC용 최소 폭 */
	/* Main Slider styles - start
	-------------------------------------------------- */
		.mainslider { margin-top: 0px; }
		.mainslider > .bx-wrapper { margin-bottom: 0em; 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; }
		.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
	-------------------------------------------------- */
		.section.vision > .caption .container h1 { padding: 0.6em 0em 0em 0em; font-size: 6.0em; }
		.section.vision > .caption .container h2 { padding: 0em 0em 0em 0em; font-size: 2.00em; }


		.section.product > .container .desc { max-width: 30%; }
		.section.product > .container .desc h2 { font-size: 2.50em; }
		.section.product > .container .desc p { font-size: 1.1em; }
		.section.product > .container .pic { height: 300px; }
		.section.product > .container .pic .example p { font-size: 1.4em; line-height: 1em; }

		.section.hdi > .container .desc { padding-right: 4%; }
		.section.sps > .container .desc { padding-left: 1%; }

		.section.world { min-height: 580px; }


		.section.media > .container { justify-content: space-between; }
		.section.media > .container .item { flex-basis: 50%; max-width: 528px; }

		.section.media > .container .press .desc { height: 55.137%; }
	/* 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 { font-size: 78px; line-height: 1.4; }
		.mainslider > .bx-wrapper > .bx-viewport .caption h2 { font-size: 55px; }
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
		.section.vision > .caption .container h1 { padding: 0.6em 0em 0em 0em; font-size: 6.0em; }
		.section.vision > .caption .container h2 { font-size: 2.00em; }


		.section.product > .container .desc { max-width: 28%; }
		.section.product > .container .desc h2 { font-size: 3.20em; }
		.section.product > .container .pic { height: 380px; }
		.section.product > .container .pic .example p { font-size: 2.0em; }

		.section.sps > .container .desc { padding-left: 4%; }


		.section.world { min-height: 700px; }


		.section.media > .container { justify-content: flex-start; }
		.section.media > .container .item { flex-basis: 30%; }

		.section.media > .container .video { margin-right: 52px; }
		.section.media > .container .press .desc { height: 57.076%; }
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media all and (min-width: 1450px) {
	/* Main Block styles - start
	-------------------------------------------------- */
		.section.vision > .caption .container h1 { padding: 1.03em 0em 0em 0em; font-size: 7.3em; }
		.section.vision > .caption .container h2 { font-size: 2.57em; }


		.section.product > .container .desc h2 { font-size: 3.70em; }
		.section.product > .container .pic { height: 670px; }
		.section.product > .container .pic .example p { font-size: 2.15em; }


		.section.world { min-height: 750px; background-size: auto; }
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media all and (min-width: 1800px) {
	/* Main Block styles - start
	-------------------------------------------------- */
		.section.vision > .caption .container h1 { padding: 1.23em 0em 0em 0em; font-size: 9.3em; }
		.section.vision > .caption .container h2 { font-size: 3.57em; }

		.section.product > .container .desc { flex-basis: 445px; max-width: 520px; }
		.section.product > .container .desc h2 { font-size: 4.65em; }
		.section.product > .container .desc p { font-size: 1.5em; }
		.section.product > .container .pic { flex-basis: 23%; max-width: 420px; height: 670px; }
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media all and (min-width: 1900px) {
	/* Main Slider styles - start
	-------------------------------------------------- */
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
		.section.product > .container .desc { max-width: 580px; }


		.section.world {}
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media (max-width: 992px) {	/* 스마트 폰으로 인정하는 최대 폭 */
	/* Main Slider styles - start
	-------------------------------------------------- */
		.mainslider { margin-top: 0px; }
		.mainslider > .bx-wrapper { margin-bottom: 0em; box-shadow: none; border: 0; }
		.mainslider > .bx-wrapper > .bx-viewport {}
		.mainslider > .bx-wrapper > .bx-viewport .bxslider li { min-width: auto; }
		.mainslider > .bx-wrapper > .bx-viewport .caption { position: absolute; }
		.mainslider > .bx-wrapper > .bx-viewport .caption .container {}
		.mainslider > .bx-wrapper > .bx-viewport .caption h1 { font-size: 3.5em; }
		.mainslider > .bx-wrapper > .bx-viewport .caption h2 { font-size: 2.8em; }
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
		.section.vision > .caption .container { padding: 0 15px 0 15px; }
		.section.vision > .caption .container h1 { padding: 0.6em 0em 0em 0em; font-size: 6.0em; }
		.section.vision > .caption .container h2 { padding: 0em 0em 0em 0em; font-size: 2.0em; }


		.section.product > .container .desc { max-width: 30%; }
		.section.product > .container .desc h2 { padding-top: 0.2em; font-size: 2.0em; }
		.section.product > .container .desc p { font-size: 1.1em; }
		.section.product > .container .pic { height: 300px; }
		.section.product > .container .pic .example { top: 60%; }
		.section.product > .container .pic .example p { font-size: 1.4em; line-height: 1em; }

		.section.hdi > .container .desc { padding-right: 4%; }
		.section.hdi > .container .pic .example { left: 7% /*4.2em*/; }
		.section.sps > .container .desc { padding-left: 4%; }
		.section.sps > .container .pic .example { max-width: 70%; right: 7% /*4.2em*/; }


		.section.world { min-height: 500px; background-size: 170%; background-position-x: 38%;}


		.section.media > .container { flex-direction: column; justify-content: flex-start; }
		.section.media > .container:before {}
		.section.media > .container:after {}
		.section.media > .container .item { padding: 0 15px 0 15px; }
		.section.media > .container .item h2 { margin-top: 1.28em; }
		.section.media > .container .item .more { font-size: 1.22em; margin-bottom: 1.5em; }

		.section.media > .container .video {}
		.section.media > .container .press .desc { height: 240px; }
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media (max-width: 767px) {	/*스마트 폰 가로방향*/
	/* Main Slider styles - start
	-------------------------------------------------- */
		.mainslider { /*margin-top: 68px;*/ }
		.mainslider > .bx-wrapper > .bx-viewport .caption .container {}
		.mainslider > .bx-wrapper > .bx-viewport .caption h1 { font-size: 2.2em; }
		.mainslider > .bx-wrapper > .bx-viewport .caption h2 { font-size: 1.7em; }
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
		.section.vision > .caption .container h1 { font-size: 4.0em; }
		.section.vision > .caption .container h2 { font-size: 1.4em; }


		.section.product > .container { display: table; padding: 0 15px 0 15px; }
		.section.product > .container .desc { max-width: 100%; }
		.section.product > .container .desc h2 { padding-top: 0.6em; }
		.section.product > .container .pic { width:100%; max-width: 100%; height:200px; }
		.section.product > .container .pic .example { top: 85%; }

		.section.hdi > .container .desc { padding-right: 0; padding-bottom: 5%; }
		.section.sps > .container .desc { padding-left: 0; padding-bottom: 5%; }


		.section.world { min-height: 400px; }
	/* 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
	-------------------------------------------------- */
		.section.vision > .caption .container h1 { font-size: 2.0em; }
		.section.vision > .caption .container h2 { font-size: 1.2em; }


		.section.product > .container .desc h2 { font-size: 1.4em; }


		.section.world { min-height: 230px; }
	/* 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
	-------------------------------------------------- */
}