﻿/* base style - start */
	body > .container { width: 1438px; }
	body > .container { padding: 9px 0px 0 0px; }

	/* 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; }
	}
/* base style - end */


	/* Main Slider styles - start
	-------------------------------------------------- */
		#myCarousel { height: 778px; position:relative; transition:none; }
		.carousel { margin-top: 97px; margin-bottom: 0px; }

		.mainVisualDiv{ position:relative; width:100%; min-width:320px; height:876px; overflow:hidden; text-align:center; transition:none; }

		/* 좌우 이미지 선택용 화살표 */
		.visual_btn{position:absolute; top:50%; margin-top:-26px; z-index:200; width:100%;	display:none;}
		/*
		.prev_btn{display:block; width:28px; height:52px; background:url(../images/visual/prev_btn.png) no-repeat; position:absolute; top:0px; left:80px;}
		.next_btn{display:block; width:28px; height:52px; background:url(../images/visual/next_btn.png) no-repeat; position:absolute; top:0px; right:80px;}
		*/

		/* play 버튼영역 */
		.mainVisualDiv .playBt{display:none;}

		/* 이미지 선택용 버튼 */
		.carousel-indicators { display:none; margin-left: auto; margin-right: auto; left: 20.5%; bottom: 17%; width: 155px; z-index:100; }
		.carousel-indicators .bt { display: inline-block; width:32px; height:32px; border-radius:32px; border: none; margin:7px; }
		.carousel-indicators .bt { background-color: #ffffff; }
		.carousel-indicators .active { background-color: #143471; }

		/* 중앙 노출용 텍스트 영역 */
		.mainVisualDiv .txt_wrap{width:620px; margin:0 auto 0 380px; padding:0 15px; text-align:center; box-sizing:border-box; position:relative; z-index:90;}
		.mainVisualDiv .txt_wrap h1{float:left; width:100%; text-align:left; font-size:48px; color:#ffffff; font-weight:800; line-height:60px; margin-top:335px; margin-bottom:0px; letter-spacing:-0.025em;}
		.mainVisualDiv .txt_wrap h3{float:left; width:100%; text-align:center; font-size:42px; color:#ffffff; font-weight:800; line-height:42px; margin-bottom:30px; letter-spacing:-0.025em;}
		.mainVisualDiv .txt_wrap .motion_line{float:left; width:100%; position:relative; display:none; }
		.mainVisualDiv .txt_wrap .motion_line_wrap{width:100%; max-width:800px; height:4px; margin:0 auto; position:relative; overflow:hidden;}
		.mainVisualDiv .txt_wrap .motion_line_wrap .motion_l{display:block; width:100%; height:1px; background:#fff; position:absolute; left:-100%; top:1px;}
		.mainVisualDiv .txt_wrap .motion_line_wrap .motion_b{display:block; width:12px; height:3px; background:#fff; position:absolute; top:0px; left:-12px;}

		/* 중앙 노출용 이미지 영역 */
		.mainVisualDiv .visualDiv{width:100%; height:876px; position:absolute; top:0; left:0; transition:none;}
		.mainVisualDiv .visual{height:778px; position:absolute; top: 0; left: 0; width: 100%; z-index:10; background-size: cover !important; background-size: auto 100%; }

		/* 메인이미지 사선으로 보이기 처리 */
		#myCarousel .mainVisualDiv:after{display:none; content: ''; position:absolute; width:2560px; height:300px; left:50%; bottom:-118px; z-index:100; background-color:#fff; -webkit-backface-visibility:hidden; backface-visibility:hidden; outline:2px solid transparent; border:0 solid transparent; border-width:1px 0; -webkit-transform:translate(-50%, 0) skewY(-7.0deg); -ms-transform:translate(-50%, 0) skewY(-7.0deg); transform: translate(-50%, 0) skewY(-7.0deg);}
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
		.col-lg-6 { width: 50%; float: left; }
		.col-lg-12 { width: 100%; float: left; }

		.block { min-height:280px; }
		.block a,
		.block a:hover { color:#ffffff; text-decoration:none; }

		.block .section-heading { text-align: center; font-size: 60px; font-weight: 800; line-height: 1; color: #000000; margin-top: 18px; margin-bottom: 52px; }
		.block .img-thumbnail { padding:0; border:none; border-radius:0; }
		.block.full { padding: initial; background-color: #ffffff; }	/*Vision영역 적용*/
		.block.section { float: unset; }	/*Products, Global Network, notice*/
		.block .media-body { padding:0; }

		.block.col-lg-12 { word-break: keep-all; }
		.block .media-body.col-lg-12 {}
		.block .media-body.col-lg-12 .media-heading { line-height: 1.2; margin-bottom: 14px; color: #666666; font-size: 48px; font-weight: 800; text-align: center; }
		.block .media-body.col-lg-12 p { color: #0066ff; font-size: 18px; font-weight: 700; text-align: center; }

		.block.col-lg-6 { max-width:490px; word-break: keep-all; }
		.block .media-body.col-lg-6 { max-width:490px; padding: 53px 85px 0 36px; color:#ffffff; }
		.block .media-body.col-lg-6 .media-heading { line-height: 1.2; max-width: 300px; margin-bottom: 14px; }
		.block .media-body.col-lg-6 p { margin-bottom: 0; line-height: 1.7; }

		.block.media { padding:0; height:320px; }
		.block .media-middle { padding:0 28px 0 28px; display: table-cell; vertical-align: top; }
		.block .media-middle .caption { clear: both; position: relative; bottom: 62px; margin-right: 20px; text-align: right; }
		.block .media-middle .caption h3 { color: #ffffff; font-size: 30px; font-weight: 800; margin: 0;}

		.block .media-left.col-lg-3 { margin-right:10px; float:left; }
		.block .media-right.col-lg-3 { margin-left: 10px; padding-left:0; float:right; }

		.block .media-left.col-lg-4 { padding-right: 56px; padding-left: 0; }
		.block .media-left.col-lg-4 .img-thumbnail {}
		.block .media-right.col-lg-4 { padding-left: 56px; padding-right: 0; }
		.block .media-right.col-lg-4 .img-thumbnail {}

		.block .media-left.col-lg-6,
		.block .media-right.col-lg-6 { padding-left: 0px; padding-right: 0; margin-bottom: 30px; max-width: 704px; }

		.block .media-left.col-lg-6 { margin-right: 31px; }
		.block .media-left.col-lg-6 .img-thumbnail {}
		.block .media-left.col-lg-6 .caption { clear: both; position: absolute; top: 0; bottom: initial; margin-right: auto; padding: 26px 8px 4px 50px; text-align: left; }
		.block .media-left.col-lg-6 .caption h3 { color: #ffffff; font-size: 30px; font-weight: 800; margin: auto auto 10px auto;}
		.block .media-left.col-lg-6 .caption:after { content:'MORE'; font-size: 18px; font-weight: 700; display: inline-block; padding: 5px 0 0 3px; min-width: 180px; background: url('/skin/images/2020main/MainIcon_01.png') 70px 10px no-repeat;}

		.block .media-right.col-lg-6 { background-color: #bbbdc4;
					max-width: 704px; min-height: 320px; float: right; }
		.block .media-right.col-lg-6 .img-thumbnail {}
		.block .media-right.col-lg-6 .caption { clear: both; position: absolute; top: 0; bottom: initial; margin-right: auto; padding: 118px 0px 20px 50px; text-align: left; }
		.block .media-right.col-lg-6 .caption h3 { color: #ffffff; font-size: 30px; font-weight: 800; margin: auto auto 10px auto;}
		.block .media-right.col-lg-6 .caption:after { content:'MORE'; font-size: 18px; font-weight: 700; display: inline-block; padding: 5px 0 0 3px; min-width: 180px; background: url('/skin/images/2020main/MainIcon_01.png') 70px 10px no-repeat;}


		.sec_notice { background-color: #e6efc3; padding-top: 0px; }
		.sec_notice > .row {}
		.sec_notice .container > .row { color:#3b9d0a; }
		.sec_notice .container > .row h3 { font-size: 36px; font-weight: 800; line-height: 100%; margin: 36px 0 34px 0; }
		.sec_notice .container > .row h3 a { color:#3b9d0a; }
		.sec_notice .container > .row ol {}
		.sec_notice .container > .row ol li { font-size: 18px; font-weight: 700; line-height: 160%; }
		.sec_notice .container > .row ol li .title {}
		.sec_notice .container > .row ol li .title a { color:#3b9d0a; }
		.sec_notice .block .media-right { background:url('/skin/images/main/donation_icon.png') no-repeat bottom right; margin: -330px 0 0 0; }
		.sec_notice .block .media-right h3 { color: #ffffff; font-size: 20px; font-weight: 700; line-height: 36px; width: 180px; height: 36px; margin: 52px 0 34px 170px; text-align: center; border-radius: 36px; background-color: #3b9d0a; }
		.sec_notice .block .media-right ul { list-style: none; margin-left: 130px; }
		.sec_notice .block .media-right ul li {}
		.sec_notice .block .media-right ul li * { display: inline; font-size: 18px; font-weight: 700; line-height: 160%; color:#6fb74b; }
		.sec_notice .block .media-right ul li .title {}
		.sec_notice .block .media-right ul li .cont {}

		.sec_business { background-color: #44afa7; padding-top: 0px; }
		.sec_business .container > .row { color:#ffffff; }
		.sec_business .container > .row h3 { font-size: 36px; font-weight: 800; line-height: 100%; margin: 36px 0 34px 0; }
		.sec_business .container > .row h3 a { color:#ffffff; }
		.sec_business .container > .row ul { list-style: none; }
		.sec_business .container > .row ul li { display: table-cell; width: 1%; }
		.sec_business .container > .row ul li .title { font-size: 24px; font-weight: 800; line-height: 130%; margin-top: 30px; padding-top: 110px; }
		.sec_business .container > .row ul li:nth-child(1) .title { background:url('/skin/images/main/welfare_icon.png') no-repeat top left; }
		.sec_business .container > .row ul li:nth-child(2) .title { background:url('/skin/images/main/mergency_icon.png') no-repeat top left; }
		.sec_business .block .media-right { background:url('/skin/images/main/business_icon.png') no-repeat bottom right; margin: -348px 0 0 0; }

		.sec_support { background-color: #2a363c; padding-top: 0px; }
		.sec_support .container > .row { color:#bcbfc1; }
		.sec_support .container > .row h3 { font-size: 36px; font-weight: 800; line-height: 100%; margin: 36px 0 34px 0; }
		.sec_support .container > .row h3 a { color:#bcbfc1; }
		.sec_support .container > .row ul { list-style: none; }
		.sec_support .container > .row ul li {}
		.sec_support .container > .row ul li .title { font-size: 24px; font-weight: 700; line-height: 130%; }
		.sec_support .block .media-right { background:url('/skin/images/main/sponsor_icon.png') no-repeat bottom right; margin: -270px 0 0 0; }

		/* 최하단 경계선 */
		.featurette-divider { border-top:0; margin:0; border-color: #f6f6f6; min-width: 1140px; }
	/* Main Block styles - end
	-------------------------------------------------- */



/* 반응형 처리
-------------------------------------------------- */
@media all and (min-width: 1900px) {
}
@media (min-width: 993px) {	/* PC용 최소 폭 */
	/* Main Block styles - start
	-------------------------------------------------- */
		.block .media-body:nth-child(1) { height: 144px; float: left; }	/* Products > HDI, SPS */
		.block.col-lg-12 { padding: 0; }

		.featurette-divider { margin:0; }
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media (max-width: 992px) {	/* 스마트 폰으로 인정하는 최대 폭 */
	/* Main Slider styles - start
	-------------------------------------------------- */
		#myCarousel { min-width: initial; max-height:460px; height: auto !important;  margin-top: 93px; }
		.mainVisualDiv,
		.mainVisualDiv .visualDiv,
		.mainVisualDiv .visual { height:460px; }
		.mainVisualDiv .txt_wrap { max-width: 100%; margin:0 auto 0 auto; padding: 0 40px; }
		.mainVisualDiv .txt_wrap h1{font-size:46px; line-height:46px; margin-top:180px; text-align:left; }
		.mainVisualDiv .txt_wrap h3{font-size:26px; line-height:26px; margin-bottom:10px;}
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
		.block { min-height:auto; }
		.block .section-heading { font-size: 40px; margin-bottom: 40px; }
		.block.col-lg-12 { padding: 0; }

		.block .media-body.col-lg-12 .media-heading {}
		.block .media-body.col-lg-12 p {}
		.block .media-middle .caption { margin-right: 10px; }
		.block .media-middle .caption h3 { font-size: 24px; }
		.block .media-middle.col-lg-4 { padding: 0 5px 0 5px; }

		.block .media-left.col-lg-6,
		.block .media-right.col-lg-6 { overflow: hidden; }
		.block .media-left.col-lg-6 { width: 40%; margin-right: 100px; margin-bottom: 20px; max-height: 210px; }
		.block .media-right.col-lg-6 { width: 58%; margin-top: -460px; min-height: 440px; }
		.block .media-right.col-lg-6 .caption { padding: 18px 0px 20px 30px; }


		.sec_notice { width: auto; }
		.sec_notice > .row { margin: auto; }
		.sec_notice > .row > .block.section { padding: 0; }
		#desc-movie a>img { margin: 10px 10px 0 0; }
		#desc-movie video { margin-top: 10px; }

		/* 최하단 경계선 */
		.featurette-divider { margin:0; min-width: initial; }
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {	/*스마트 폰 가로방향*/
	/* Main Slider styles - start
	-------------------------------------------------- */
		#myCarousel { max-height:320px; }
		.mainVisualDiv,
		.mainVisualDiv .visualDiv,
		.mainVisualDiv .visual { height:320px; }
		.mainVisualDiv .txt_wrap {}
		.mainVisualDiv .txt_wrap h1{font-size:30px; line-height:30px; margin-top:110px; }
		.mainVisualDiv .txt_wrap h3{font-size:20px; line-height:20px; margin-top:10px; }
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
		.block.section {}
		.block .section-heading { font-size: 40px; margin-bottom: 30px; }

		.block .media-body.col-lg-12 .media-heading { font-size: 34px; }
		.block .media-body.col-lg-12 p { font-size: 16px; }
		.block .media-middle .caption { bottom: 54px; }
		.block .media-middle .caption h3 { font-size: 22px; }
		.block .media-middle.col-lg-4 { padding: 0 1px 0 1px; }

		.block .media-left.col-lg-6,
		.block .media-right.col-lg-6 { width: 100%; max-height: 180px;  margin: 0 0 15px 0; overflow: hidden; }
		.block .media-left.col-lg-6 {}
		.block .media-left.col-lg-6 .caption { padding: 18px 0px 20px 30px; }
		.block .media-right.col-lg-6 { min-height: 485px; }
		.block .media-right.col-lg-6 .caption { padding: 18px 0px 20px 30px; }

		#desc-movie a>img { margin: 10px 15px 0 0; }
		#desc-movie video { margin-top: 10px; }
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media (max-width: 427px) {	/*스마트 폰 세로방향*/
	/* Main Slider styles - start
	-------------------------------------------------- */
		#myCarousel { max-height:250px; margin-bottom: 0; }
		.mainVisualDiv,
		.mainVisualDiv .visualDiv,
		.mainVisualDiv .visual { height:250px; }
		.mainVisualDiv .txt_wrap {}
		.mainVisualDiv .txt_wrap h1{font-size:22px; line-height:30px; margin-top:90px; }
		.mainVisualDiv .txt_wrap h3{font-size:14px; line-height:20px; }
	/* Main Slider styles - end
	-------------------------------------------------- */


	/* Main Block styles - start
	-------------------------------------------------- */
		.block.section {}
		.block .section-heading { font-size: 28px; margin-bottom: 20px; }

		.block.media { height:auto; }

		/*Products Area*/
		.block .media-body.col-lg-12 .media-heading { font-size: 22px; }
		.block .media-body.col-lg-12 p { font-size: 14px; }
		.block .media-middle .caption { bottom: 42px; }
		.block .media-middle .caption h3 { font-size: 16px; }
		.block .media-middle.col-lg-4 {}

		/*Notice Area*/
		.block .media-left.col-lg-6,
		.block .media-right.col-lg-6 { max-height: 150px; }
		.block .media-left.col-lg-6 {}
		.block .media-right.col-lg-6 { min-height: 150px; }
		.block .media-left.col-lg-6 .caption { padding-left: 15px; }
		.block .media-left.col-lg-6 .caption h3 { font-size: 20px; }
		.block .media-left.col-lg-6 .caption:after { font-size: 17px; }
		.block .media-right.col-lg-6 .caption { padding-left: 15px; }
		.block .media-right.col-lg-6 .caption h3 { font-size: 20px; }
		.block .media-right.col-lg-6 .caption:after { font-size: 17px; }


		.sec_notice .container > .row .media-left h3 { background:url('/skin/images/icon/cross_button.png') no-repeat center right; }
		.sec_notice .container > .row ol li { font-size: 14px; line-height: 180%; }
		.sec_notice .block .media-right { margin:0 0 5px 0; background-size: 25%; min-height: 120px; }
		.sec_notice .block .media-right ul { margin-left: 15px; padding:0; }
		.sec_notice .block .media-right ul li {}
		.sec_notice .block .media-right ul li * { font-size: 16px; }

		.sec_business .container > .row ul { margin-left: 15px; margin-right: 40px; padding: 0; }
		.sec_business .container > .row ul li .title { font-size: 16px; font-weight: 700; margin-top: 10px; padding-top: 60px; }
		.sec_business .container > .row ul li:nth-child(1) .title,
		.sec_business .container > .row ul li:nth-child(2) .title { background-size: 30%; }
		.sec_business .block .media-left { max-height: 160px; }
		.sec_business .block .media-right { margin: -30px 0 0 0; background-size: 30%; min-height: 70px; }

		.sec_notice .container > .row h3,
		.sec_business .container > .row h3,
		.sec_support .container > .row h3 { font-size: 18px; margin: 15px 20px 15px 15px; }

		.sec_support .container > .row ul { margin-left: 15px; margin-right: 40px; padding: 0; }
		.sec_support .container > .row ul li .title { font-size: 16px; }
		.sec_support .block .media-right { margin: -30px 0 0 0; background-size: 30%; min-height: 70px; }
	/* Main Block styles - end
	-------------------------------------------------- */
}
@media (max-width: 375px) {
}
@media (max-width: 349px) {
}