.header_wrap.on { border-bottom: 0; }

/* fullpage */
#fp-nav.fp-right { right: auto; left: 60px; z-index: 10; }

#fp-nav ul li, .fp-slidesNav ul li { width: 20px; height: 2px; margin: 0 0 30px 0; }

#fp-nav ul li:last-of-type, .fp-slidesNav ul li:last-of-type { margin-bottom: 0; }

#fp-nav ul li a span, .fp-slidesNav ul li a span { width: 20px; height: 2px; top: 0; left: 0; margin: 0; background: #a7a7a7; border-radius: 0; }

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 20px; height: 2px; margin: 0; }

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span { width: 32px; height: 2px; margin: 0; border-radius: 0; background: #ff8400; }

.fp-scroller{height: 100%;}

#section0 { padding-top: 0 !important; }

#section0 .visual { width: 100%; height: 100%; }

.swiper-slide { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; overflow: hidden; }

.swiper-slide .txt { position: absolute; top: 50%; left: 26.5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }

.swiper-slide .txt.black { color: #222; }

.swiper-slide .txt span { display: block; font-size: 24px; margin-bottom: 15px; }

.swiper-slide .txt h2 { min-width:700px; font-size: 94px; margin-bottom: 35px; font-weight: bold; letter-spacing: normal; font-family: "SCDream", "Noto Sans KR",sans-serif; }

.swiper-slide .txt h2 span { display: inline; font-size: 94px; font-family: "SCDream", "Noto Sans KR",sans-serif; }

.swiper-slide .txt.textShadow h2 { text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); }

.swiper-slide .txt p { width:55%; margin-bottom: 75px; font-size: 16px; font-weight: 300; line-height: 1.7; }

.swiper-slide .txt a { display: inline-block; width: 180px; height: 48px; line-height: 48px; font-size: 16px; color: #fff; font-weight: 600; border-radius: 6px; background: #ff8400; text-align: center; }

.swiper-slide video { width: 100%; height: 100%; background-color: black; background-position: center center; background-size: contain; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.swiper-slide iframe{ width:100%; height:100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.swiper-control-wrap { position: absolute; top: 20%; right: 13%; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { position: relative; bottom: auto; left: auto; font-size: 12px; color: #fff; }

.swiper-pagination .swiper-pagination-current { display: inline-block; width: 33px; font-size: 40px; font-weight: 800; }

.swiper-pagination .swiper-pagination-total { font-size: 16px; }

.swiper-button-wrap { width: 100%; padding-left: 5px; margin-top: 20px; overflow: hidden; }

.swiper-button-next, .swiper-button-prev { display: inline-block; position: relative; top: 0; width: 11px; height: 18px; padding: 2px; margin-top: 0; background-size: 11px 18px; -webkit-box-sizing: content-box; box-sizing: content-box; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { float: left; background-image: url("/common/ko/img/common/left_btn_white.png"); left: 0; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { float: right; background-image: url("/common/ko/img/common/right_btn_white.png"); right: 0; }

.swiper-control-wrap.on .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-control-wrap.on .swiper-pagination-custom, .swiper-control-wrap.on .swiper-pagination-fraction { color: #222; }

.swiper-control-wrap.on .swiper-button-prev, .swiper-control-wrap.on .swiper-container-rtl .swiper-button-next { background-image: url("/common/ko/img/common/left_arrow_black.png"); }

.swiper-control-wrap.on .swiper-button-next, .swiper-control-wrap.on .swiper-container-rtl .swiper-button-prev { background-image: url("/common/ko/img/common/right_arrow_black.png"); }

#sectionVideo { position:relative; height: 112vh; overflow:hidden; background-color: #000; }
#sectionVideo video { overflow: hidden; width:100%; position:absolute; left: 50%; margin-left:0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 100%; object-fit: cover; object-position: 50% 50%;}
#sectionVideo .txtArea { max-width: 1440px; width:min(1440px, 75%); margin: 0 auto; position: relative; }
#sectionVideo .txt {  }
#sectionVideo .txt span { display: block; font-size: 24px; margin-bottom: 24px; }
#sectionVideo .txt.textShadow h2 { text-shadow: 1px 1px 4px rgb(0 0 0 / 20%); }
#sectionVideo .txt h2 { width: 100%; font-size: 96px; line-height:115px;  margin-bottom: 24px; font-weight: bold; letter-spacing: normal; font-family: "SCDream", "Noto Sans KR",sans-serif; }
#sectionVideo .txt p { margin-bottom:0px; width: 100%; font-size:16px; line-height:1.7; font-weight:300; }

#sectionVideo .txtArea { position: absolute; width: 100%; left: 13.4%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

#sectionVideo .txt { color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6), 0 4px 12px rgba(0, 0, 0, 0.5); }
#sectionVideo .txt .main_txt_1 {
	margin-bottom: 1.1458vw;
	font-size: 1.6042vw;
	font-weight: 500;
	line-height: 1.25;
}
#sectionVideo .txt .main_txt_2 {
	margin-bottom: 0.5729vw;
	font-size: 3.5521vw;
	font-weight: 600;
	line-height: 1.25;
}
#sectionVideo .txt .main_txt_3 {
	font-size: 2.15vw;
	font-weight: 500;
	line-height: 1.25;
}

#section1 ul { height: 100%; min-height: 400px; overflow: hidden; }

/* #section1 ul li { float: left; width: 33.33%; height: 100%; position: relative; } */
#section1 ul li { float: left; width: 50%; height: 100%; position: relative; }

#section1 ul li:first-of-type { background: url("/common/ko/img/main/section1_img01.jpg") center center no-repeat; background-size: cover; }

#section1 ul li:nth-of-type(2) { background: url("/common/ko/img/main/section1_img02.jpg") center center no-repeat; background-size: cover; }

#section1 ul li:last-of-type { background: url("/common/ko/img/main/section1_img03.jpg") center center no-repeat; background-size: cover; }

#section1 ul li .txt_wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; background: rgba(0, 0, 0, 0.6); -webkit-transition: all .3s; transition: all .3s; }

#section1 ul li .txt_wrap .txt { width: 100%; position: absolute; top: calc(50% + 50px); left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }

#section1 ul li .txt_wrap .txt img { width: 98px; margin-bottom: 30px; }

#section1 ul li .txt_wrap .txt p { margin-bottom: 25px; font-size: 40px; font-weight: 500; }

#section1 ul li .txt_wrap .txt span { display: block; font-size: 16px; font-weight: 300; color: rgba(255, 255, 255, 0.7); line-height: 1.7; }

#section1 ul li .txt_wrap .txt a { width: 180px; height: 48px; line-height: 48px; font-size: 16px; color: #ff8400; font-weight: 600; border-radius: 6px; background: #fff; text-align: center; display: none; }

#section1 ul li:hover .txt_wrap { background: rgba(255, 114, 0, 0.75); }

#section1 ul li:hover .txt_wrap .txt span { margin-bottom: 55px; }

#section1 ul li:hover .txt_wrap .txt a { display: inline-block; }

#section2 dl{height:100%; min-height:720px; overflow:hidden; background: #f8f8f8;}/*영문화 수정*/

#section2 dl .txt{position:absolute; top:calc(50% + 70px); transform:translateY(-50%);}

#section2 dl dt{width:100%; height:100%; position:relative; max-width: 1440px; margin: 0 auto;}/*영문화 수정*/

#section2 dl dt .txt{margin: auto; width: 1200px; position: relative;} /*영문화 수정*/

#section2 dl dt .txt p{margin-bottom:45px; font-size:48px; line-height:1.25;}

#section2 dl dt .txt a{display:inline-block; width:120px; height:120px; line-height:120px; font-size:16px; color:#fff; font-weight:600; border-radius:100%; background:#ff8400; text-align:center; float: right;}/*영문화 수정*/

#section2 dl dt .txt a span{display:inline-block;  vertical-align:middle; line-height:1.37;}

#section2 dl dt .txt img{display:block; width:407px; margin-top:90px;}

#section2 dl dd{float:left; width:62.5%; height:100%; background:url("/common/ko/img/main/section2_bg.jpg") center center no-repeat; background-size:cover; position:relative;}

#section2 dl dd .txt{width:870px; height:671px; left:50%; transform:translate(-50%, -50%); color:#fff;}

#section2 dl dd .txt > p{margin-bottom:95px; font-size:48px; line-height:1.25;}

#section2 dl dd .txt ul{font-size:0; text-align:center;}

#section2 dl dd .txt ul li{display:inline-block; margin-right:100px; vertical-align:top;}

#section2 dl dd .txt ul li:last-of-type{margin-right:0;}

#section2 dl dd .txt ul li img{margin-bottom:40px; width:220px;}

#section2 dl dd .txt ul li p{margin-bottom:20px; font-size:28px; font-weight:500;}

#section2 dl dd .txt ul li span{display:block; font-size:16px; font-weight:300; line-height:1.7;}

#section3{overflow: hidden; position: relative; background:url("/common/ko/img/main/section3_bg.jpg") center center no-repeat; background-size:cover;}

#section3 .content_wrap{ overflow:hidden; position: absolute; bottom: 0; width: 100%; height: calc(100% - 100px);}

#section3 .img_wrap{position: absolute; left: 50%; top:50%; transform:translate(-50%, -50%); width: 1280px;}

#section3 .img_wrap img{width:100%; cursor:pointer;}

#section4 dl { font-size: 0; padding-top: 100px; /* padding-bottom:70px; */ margin: 0 auto; }

#section4 dl h2 { display: inline-block; font-size: 16px; color: #ff7200; font-weight: 600; position: relative; }

#section4 dl h2:after { content: ""; display: block; width: 48px; height: 2px; background: #ff7200; position: absolute; top: 50%; right: -58px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#section4 dl dt { display: inline-block; width: 720px; margin-right: 48px; vertical-align: top; }

#section4 dl dt .img_wrap { margin-bottom: 35px; height: 560px; position: relative; overflow: hidden; }

#section4 dl dt .img_wrap img { height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

#section4 dl dt .txt_wrap { padding-right: 150px; position: relative; }

#section4 dl dt .txt_wrap h2 { margin-bottom: 20px; }

#section4 dl dt .txt_wrap p { display: -webkit-box; max-height: 92px; margin-bottom: 22px; font-size: 36px; font-weight: 500; line-height: 1.3; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

#section4 dl dt .txt_wrap > span { display: block; font-size: 18px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#section4 dl dt .txt_wrap a { display: inline-block; width: 120px; height: 120px; line-height: 120px; font-size: 16px; color: #fff; font-weight: 600; border-radius: 100%; background: #ff8400; text-align: center; position: absolute; bottom: 0; right: 0; }

#section4 dl dt .txt_wrap a span { display: inline-block; vertical-align: middle; line-height: 1.37; }

#section4 dl dd { display: inline-block; width: calc(100% - 768px); padding-left: 48px; border-left: 2px solid #eee; vertical-align: top; position: relative; }

#section4 dl dd h2 { margin-bottom: 28px; }

#section4 dl dd > a { display: block; padding-bottom: 1px; font-size: 14px; color: #666; border-bottom: 1px solid #666; position: absolute; top: 2px; right: 0; }

#section4 dl dd ul li { margin-bottom: 32px; font-size: 0; }

#section4 dl dd ul li:last-of-type { margin-bottom: 0; }

#section4 dl dd ul li > a { display: block; width: 100%; height: 100%; }

#section4 dl dd ul li .img_wrap { display: inline-block; width: 280px; height: 160px; margin-right: 30px; position: relative; vertical-align: middle; overflow: hidden; }

#section4 dl dd ul li .img_wrap img { width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#section4 dl dd ul li .txt_wrap { display: inline-block; width: calc(100% - 310px); vertical-align: middle; }

#section4 dl dd ul li .txt_wrap p { margin-bottom: 18px; font-size: 24px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 2021-11-30  display: -webkit-box -> inline-block 수정 */
/*#section4 dl dd ul li .txt_wrap span { display: -webkit-box; max-height: 50px; margin-bottom: 25px; font-size: 16px; color: #666; font-weight: 300; line-height: 1.6; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }*/
#section4 dl dd ul li .txt_wrap span { display: inline-block; max-height: 50px; margin-bottom: 25px; font-size: 16px; color: #666; font-weight: 300; line-height: 1.6; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

#section4 dl dd ul li .txt_wrap strong { display: block; font-size: 16px; color: #999; font-weight: 500; }

#section5 { height: 260px !important; padding-top: 0 !important; background: #222; }

#section5 .fp-tableCell { height: 100% !important; }

#section5 .footer_wrap .siteMap { overflow-y: auto; }

.videoPop{z-index: 100; display: none; overflow: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.5);}
.videoPop .videoCon{position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); width: 1280px; text-align: right; font-size: 0; }
.videoPop .videoCon #videoFile{width: 100%; height: 100%;}


.videoCon .vi_haed{display:table; width:100%}
.videoCon .vibody_right {display:table-cell; width:10%; text-align:right}
.videoCon .vibody_left {display:table-cell; width:90%; text-align:left}
.videoCon .vibody_left a{ margin:0px 8px 18px 0px;}
.videoBtn_fhd { display: inline-block; width: 160px; height: 48px; line-height: 46px; font-size: 16px; font-weight: 600; border-radius: 6px; text-align: center;color: #fff; border:2px solid rgba(255, 255, 255, 0.2);}
.videoBtn_fhd.on { background: #ff8400; color: #fff; border:0}

.videoBtn_sd { display: inline-block; width: 160px; height: 48px; line-height: 46px; font-size: 16px; font-weight: 600; border-radius: 6px; text-align: center;color: #fff; border:2px solid rgba(255, 255, 255, 0.2);}
.videoBtn_sd.on { background: #ff8400; color: #fff; border:0}

.videoPop .recruit_xBtn{margin:6px 0 0 0; cursor: pointer;}


#new_section1 { width: 100%; height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; overflow: hidden; }

#new_section1 .txt { position: absolute; top: 45%; left: 14%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }

#new_section1 .txt.black { color: #222; }

#new_section1 .txt span { display: block; font-size: 24px; margin-bottom: 60px; }

#new_section1 .txt h2 { min-width:700px; font-size: 96px; margin-bottom: 42px; font-weight: bold; letter-spacing: normal; font-family: "SCDream", "Noto Sans KR",sans-serif; }

#new_section1 .txt h2 span { display: inline; font-size: 94px; font-family: "SCDream", "Noto Sans KR",sans-serif; }

#new_section1 .txt.textShadow h2 { text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); }

#new_section1 .txt p { width: 400px; /*margin-bottom: 75px;*/ font-size: 16px; font-weight: 300; line-height: 1.7; }
#new_section1 .txt p img { width: 100%; }

#new_section1 .txt a { display: inline-block; width: 180px; height: 48px; line-height: 48px; font-size: 16px; color: #fff; font-weight: 600; border-radius: 6px; background: #ff8400; text-align: center; }

#new_section1 .txt .main_txt_1 {
	margin-bottom: 1.042vw;
	font-size: 1.458vw;
	font-weight: 200;
	line-height: 1.25;
}
#new_section1 .txt .main_txt_2 {
	margin-bottom: 0.521vw;
	font-size: 3.229vw;
	font-weight: 600;
	line-height: 1.25;
}
#new_section1 .txt .main_txt_3 {
	font-size: 1.979vw;
	font-weight: 500;
	line-height: 1.25;
}

#new_section1 .down_arrow { position: absolute; bottom: 10%; left: 50%; }
#new_section1 .down_arrow span { position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb 2s infinite; animation: sdb 2s infinite; opacity: 0; box-sizing: border-box; }
#new_section1 .down_arrow span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
#new_section1 .down_arrow span:nth-of-type(2) { top: 16px; -webkit-animation-delay: .15s; animation-delay: .15s; }
#new_section1 .down_arrow span:nth-of-type(3) { top: 32px; -webkit-animation-delay: .3s; animation-delay: .3s; }


/* 줌 관련 css */
.zoom-active .section { height: 100%;}
.zoom-active #section7 .jb-text { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color:#fff !important; }
.zoom-active #new_section1  { height: 112vh; min-height: 100vh; }
.zoom-active #new_section1 .txt { top: 50%; }
.zoom-active #section1  { height: 600px; }
.zoom-active #section1 ul li .txt_wrap .txt { height: 305px; }
.zoom-active #section2 { height: 600px; }
.zoom-active #section2 dl { min-height: 600px; }
.zoom-active #section2 dl .txt { max-width: 900px; top: calc(50%); }

.zoom-active #section4 dl { padding-bottom: 70px; }
.zoom-active #section5 { height: 165px !important; }

.zoom-active .footer_wrap .siteMap_btn { display: none !important; }

@media all and (max-width: 1440px) { 
	#fp-nav.fp-right { left: 20px; }
	.swiper-slide .txt { left: 20%; }
	.swiper-control-wrap { right: 8%; }
	#section2 dl{min-height:50vw;}
	#section2 dl dt .txt{width: 90%; max-width: 1200px;}/*영문화수정*/
	#section2 dl dt .txt p{margin-bottom:3.13vw; font-size:3.33vw;}
	#section2 dl dt .txt a{width:8.33vw; height:8.33vw; line-height:8.33vw; font-size:1.11vw;}
	#section2 dl dt .txt img{width:28.26vw; margin-top:6.25vw;}
	#section2 dl dd .txt{width:55.90vw; height:46.60vw;}
	#section2 dl dd .txt > p{margin-bottom:6.60vw; font-size:3.33vw;}
	#section2 dl dd .txt ul li{margin-right:4.86vw;}
	#section2 dl dd .txt ul li img{margin-bottom:2.78vw; width:15.28vw;}
	#section2 dl dd .txt ul li p{margin-bottom:1.39vw; font-size:1.94vw;}
	#section2 dl dd .txt ul li span{font-size:1.11vw;}
	#section4 dl h2 { font-size: 1.11vw; }
	#section4 dl h2:after { width: 3.33vw; height: 0.14vw; right: -4.03vw; }
	#section4 dl dt { width: 45.83vw; margin-right: 3.33vw; }
	#section4 dl dt .img_wrap { margin-bottom: 2.43vw; height: 35.63vw; }
	#section4 dl dt .txt_wrap { padding-right: 10.42vw; }
	#section4 dl dt .txt_wrap h2 { margin-bottom: 1.39vw; }
	#section4 dl dt .txt_wrap p { max-height: 6.39vw; margin-bottom: 1.53vw; font-size: 2.50vw; }
	#section4 dl dt .txt_wrap > span { font-size: 1.25vw; }
	#section4 dl dt .txt_wrap a { width: 8.33vw; height: 8.33vw; line-height: 8.33vw; font-size: 1.11vw; }
	#section4 dl dd { width: calc(100% - 49.17vw); padding-left: 3.33vw; }
	#section4 dl dd h2 { margin-bottom: 1.94vw; }
	#section4 dl dd > a { padding-bottom: 0.07vw; font-size: 0.97vw; top: 0.14vw; }
	#section4 dl dd ul li { margin-bottom: 2.22vw; }
	#section4 dl dd ul li .img_wrap { width: 17.36vw; height: 9.93vw; margin-right: 2.08vw; }
	#section4 dl dd ul li .txt_wrap { width: calc(100% - 19.44vw); }
	#section4 dl dd ul li .txt_wrap p { margin-bottom: 1.25vw; font-size: 1.67vw; }
	#section4 dl dd ul li .txt_wrap span { max-height: 3.47vw; margin-bottom: 1.74vw; font-size: 1.11vw; }
	#section4 dl dd ul li .txt_wrap strong { font-size: 1.11vw; } 
	.videoPop .videoCon{padding: 0 60px; width: 100%;}

	/* #new_section1 .txt { width:100%; left:0%; text-align: center; } */
	/* 줌 추가 */
	.zoom-active #section2 dl .txt { max-width: 900px; top: calc(50%); }
}

@media all and (max-width: 1080px) { /* tablet */
	.mo_layout .header.on { border-bottom: 0; }
	#section0 { padding-top: 0 !important; }
	.swiper-slide { background: transparent !important; }
	.swiper-slide > img { width: 100%; }
	.swiper-slide .txt { width: 100%; top: 41%; left: 0; padding: 0 70px; }
	.swiper-slide .txt span { font-size: 32px; margin-bottom: 25px; }
	.swiper-slide .txt h2 { margin-bottom: 25px; }
	.swiper-slide .txt p { margin-bottom: 60px; font-size: 27px; }
	.swiper-slide .txt a { width: 260px; height: 70px; line-height: 70px; font-size: 26px; border-radius: 10px; }
	.swiper-slide video { display: none; }
	.swiper-control-wrap { top: 14%; right: 70px; }
	
	#sectionVideo { height: 112vh; }
	#sectionVideo .txt { padding: 0 5.278vw; }
	#sectionVideo { height:100vh; min-height: 100vh; }
	#sectionVideo video { left: 50%; object-position: 40% 50%; }
	
	#sectionVideo .txtArea { top: 41.5%; left: 0; max-width: 100%; /*position: static;*/ }
	#sectionVideo .txt .main_txt_1 { margin-bottom: 2.778vw; font-size: 3.689vw; }
	#sectionVideo .txt .main_txt_2 { margin-bottom: 1.389vw; font-size: 6.744vw; }
	#sectionVideo .txt .main_txt_3 { font-size: 3.967vw; }

	


	#section1 ul { height: auto; min-height: auto; }
	#section1 ul li { float: none; width: 100%; height: 640px; }
	#section1 ul li:first-of-type { background: url("/common/ko/img/main/m_section1_img01.jpg") center center no-repeat; background-size: cover; }
	#section1 ul li:nth-of-type(2) { background: url("/common/ko/img/main/m_section1_img02.jpg") center center no-repeat; background-size: cover; }
	#section1 ul li:last-of-type { background: url("/common/ko/img/main/m_section1_img03.jpg") center center no-repeat; background-size: cover; }
	#section1 ul li .txt_wrap { position: relative; background: transparent; }
	#section1 ul li .txt_wrap .txt { width: 100%; top: 50%; }
	#section1 ul li .txt_wrap .txt img { width: 128px; margin-bottom: 40px; }
	#section1 ul li .txt_wrap .txt p { margin-bottom: 35px; font-size: 40px; }
	#section1 ul li .txt_wrap .txt span { margin-bottom: 55px; font-size: 28px; line-height: 1.4; }
	#section1 ul li .txt_wrap .txt a { display: inline-block; width: 260px; height: 70px; line-height: 66px; font-size: 26px; color: #fff; border-radius: 10px; border: 2px solid #fff; background: transparent; }
	#section1 ul li:hover .txt_wrap { background: transparent; }
	#section2 dl{height:auto; min-height:auto;}
	#section2 dl .txt{position:relative; top:0; transform:translateY(0);}
	#section2 dl dt{float:none; width:100%; height:auto;}
	#section2 dl dt .txt{padding:90px 40px 60px 70px; overflow:hidden;}/*영문화 수정*/
	#section2 dl dt .txt p{margin-bottom:45px; font-size:60px; line-height:1.3;}
	#section2 dl dt .txt a{width:160px; height:160px; line-height:160px; font-size:24px;}
	#section2 dl dt .txt a span{line-height:1.4;}
	#section2 dl dt .txt img{float:right; width:auto; margin:50px 0 0 30px;}
	#section2 dl dd{float:none; width:100%; height:auto; padding:90px 70px 100px;}
	#section2 dl dd .txt{width:100%; height:auto; left:0; transform:translate(0);}
	#section2 dl dd .txt > p{margin-bottom:70px; font-size:60px; line-height:1.3;}
	#section2 dl dd .txt ul{text-align:left;}
	#section2 dl dd .txt ul li{display:block; margin:0 0 50px 0; font-size:0;}
	#section2 dl dd .txt ul li:last-of-type{margin-bottom:0;}
	#section2 dl dd .txt ul li img{margin:0 40px 0 0; width:250px; vertical-align:middle;}
	#section2 dl dd .txt ul li .txt_wrap{display:inline-block; width:calc(100% - 290px); vertical-align:middle;}
	#section2 dl dd .txt ul li p{margin-bottom:25px; font-size:36px;}
	#section2 dl dd .txt ul li span{font-size:24px; font-weight:300; line-height:1.5;}
	#section3{overflow: auto; background:url("/common/ko/img/main/m_section3_bg.jpg") center center no-repeat; background-size:cover;}
	#section3 .content_wrap{position: relative;}
	#section3 .img_wrap{position: relative; left: 0; top: 0; transform:translate(0, 0); padding:100px 0; width: 100%;}
	#section3 .img_wrap img{width:100%;}
	#section4 dl { padding-bottom: 100px; }
	#section4 dl h2 { font-size: 24px; }
	#section4 dl h2:after { width: 48px; height: 3px; right: -68px; }
	#section4 dl dt { display: block; width: 100%; margin: 0 0 60px 0; }
	#section4 dl dt .img_wrap { margin-bottom: 45px; height: auto; }
	#section4 dl dt .img_wrap img { width: 100%; height: auto; position: relative; top: 0; left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
	#section4 dl dt .txt_wrap { padding-right: 200px; }
	#section4 dl dt .txt_wrap h2 { margin-bottom: 20px; }
	#section4 dl dt .txt_wrap p { min-height: 150px; max-height: 186px; margin-bottom: 0; font-size: 48px; -webkit-line-clamp: 3; }
	#section4 dl dt .txt_wrap > span { display: none; }
	#section4 dl dt .txt_wrap a { width: 160px; height: 160px; line-height: 160px; font-size: 24px; }
	#section4 dl dt .txt_wrap a span { line-height: 1.4; }
	#section4 dl dd { display: block; width: 100%; padding: 60px 0 0 0; border-left: 0; border-top: 2px solid #eee; }
	#section4 dl dd h2 { margin-bottom: 30px; }
	#section4 dl dd > a { padding-bottom: 2px; font-size: 22px; top: 62px; }
	#section4 dl dd ul li { margin-bottom: 32px; font-size: 0; }
	#section4 dl dd ul li:last-of-type { margin-bottom: 0; }
	#section4 dl dd ul li .img_wrap { width: 53.546%; height: auto; margin-right: 40px; }
	#section4 dl dd ul li .img_wrap img { position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	#section4 dl dd ul li .txt_wrap { width: calc(46.454% - 40px); }
	#section4 dl dd ul li .txt_wrap p { display: -webkit-box; max-height: 100px; margin-bottom: 40px; font-size: 36px; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }
	#section4 dl dd ul li .txt_wrap span { display: none; }
	#section4 dl dd ul li .txt_wrap strong { font-size: 24px; }
	#section5 { height: auto !important; } 
	.videoPop .videoCon{padding: 0 40px;}

	#new_section1 { height: auto;}
  #new_section1 .main_bg { }
  #new_section1 .main_bg { width: 100%; }
  #new_section1 .txt { width: 100%; top: 30%; left: auto; padding: 0 38px; }
  #new_section1 .txt span { font-size: 32px; margin-bottom: 60px; }
  #new_section1 .txt h2 { margin-bottom: 42px; }
  #new_section1 .txt p { margin-bottom: 60px; font-size: 27px; }
  
		#new_section1 .txt .main_txt_1 {
		margin-bottom: 2.778vw;
		font-size: 3.889vw;
	}
	#new_section1 .txt .main_txt_2 {
		margin-bottom: 1.389vw;
		font-size: 6.944vw;
	}
	#new_section1 .txt .main_txt_3 {
		font-size: 4.167vw;
	}


	/* 줌 관련 css */
	.zoom-active .section { height: 100%;}
	.zoom-active #section7 .jb-text { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color:#fff !important; }
	.zoom-active #new_section1 .txt { top: 20%; }
	
	.zoom-active #section4 dl { padding-bottom: 70px; }
	.zoom-active #section5 { height: 165px !important; }

	.zoom-active .footer_wrap .siteMap_btn { display: none !important; }

		
	.zoom-active #section1 { height: auto;}
	.zoom-active #section1 ul li .txt_wrap .txt { height: auto; }

	.zoom-active #section2 { height: auto; }
	.zoom-active #section2 dl { height: auto; }
	.zoom-active #section5 { height: auto !important; }

}
@media all and (max-width: 770px) { /* mobile */
	.swiper-slide .txt { top: 44%; padding: 0 9.72vw; }
	.swiper-slide .txt span { font-size: 4.44vw; margin-bottom: 3.47vw; }
	.swiper-slide .txt h2 { font-size: 13.06vw; margin-bottom: 3.47vw; }
	/* 16.67 */
	.swiper-slide .txt h2 span{font-size: 13.06vw;}
	.swiper-slide .txt.textShadow h2 { text-shadow: 0.28vw 0.28vw 0.42vw rgba(0, 0, 0, 0.4); }
	.swiper-slide .txt p { width:80%; margin-bottom: 8.33vw; font-size: 3.89vw; }
	.swiper-slide .txt p br { display: none; }
	.swiper-slide .txt a { width: 36.11vw; height: 9.72vw; line-height: 9.72vw; font-size: 3.61vw; border-radius: 1.39vw; }
	.swiper-control-wrap { top: 14%; right: 9.72vw; }
	.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { font-size: 1.67vw; }
	.swiper-pagination .swiper-pagination-current { width: 4.58vw; font-size: 5.56vw; }
	.swiper-pagination .swiper-pagination-total { font-size: 2.22vw; }
	.swiper-button-wrap { padding-left: 0.69vw; margin-top: 2.78vw; }
	.swiper-button-next, .swiper-button-prev { width: 1.53vw; height: 2.50vw; padding: 0.28vw; background-size: 1.53vw 2.50vw; }

	#sectionVideo { height: 100vh; }
	#sectionVideo .txtArea { top: 27.5%; left: 0; max-width: 100%; /*position: static;*/ }
	#sectionVideo .txt .main_txt_1 { margin-bottom: 2.778vw; font-size: 3.889vw; }
	#sectionVideo .txt .main_txt_2 { margin-bottom: 1.389vw; font-size: 6.944vw; }
	#sectionVideo .txt .main_txt_3 { font-size: 4.2vw; }

	#section1 ul li { height: 88.89vw; }
	#section1 ul li .txt_wrap .txt img { width: 17.78vw; margin-bottom: 5.56vw; }
	#section1 ul li .txt_wrap .txt p { margin-bottom: 4.86vw; font-size: 5.56vw; }
	#section1 ul li .txt_wrap .txt span { margin-bottom: 7.64vw; font-size: 3.89vw; line-height: 1.4; }
	#section1 ul li .txt_wrap .txt a { width: 36.11vw; height: 9.72vw; line-height: 9.17vw; font-size: 3.61vw; border-radius: 1.39vw; border: 0.28vw solid #fff; }
	#section1 ul li:hover .txt_wrap .txt span { margin-bottom: 7.64vw; }
	#section2 dl dt .txt{width: 100%; padding:12.50vw 5.56vw 8.33vw 9.72vw;}/*영문화 수정*/
	#section2 dl dt .txt p{margin-bottom:6.25vw; font-size:8.33vw;}
	#section2 dl dt .txt a{width:22.22vw; height:22.22vw; line-height:22.22vw; font-size:3.33vw;}
	#section2 dl dt .txt img{float:none; width:calc(100% - 4.17vw); margin:6.94vw 0 0 4.17vw;}
	#section2 dl dd{padding:12.50vw 9.72vw 13.89vw;}
	#section2 dl dd .txt > p{margin-bottom:9.72vw; font-size:8.33vw;}
	#section2 dl dd .txt ul li{margin:0 0 6.94vw 0;}
	#section2 dl dd .txt ul li img{margin:0 5.56vw 0 0; width:34.72vw;}
	#section2 dl dd .txt ul li .txt_wrap{width:calc(100% - 40.28vw);}
	#section2 dl dd .txt ul li p{margin-bottom:3.47vw; font-size:5.00vw;}
	#section2 dl dd .txt ul li span{font-size:3.33vw;}
	#section3 .img_wrap { padding: 13.89vw 0; }
	#section4 dl { padding-top: 13.89vw; padding-bottom: 13.89vw; }
	#section4 dl h2 { font-size: 3.33vw; }
	#section4 dl h2:after { width: 6.67vw; height: 0.42vw; right: -9.44vw; }
	#section4 dl dt { margin: 0 0 8.33vw 0; }
	#section4 dl dt .img_wrap { margin-bottom: 6.25vw; }
	#section4 dl dt .txt_wrap { padding-right: 27.78vw; }
	#section4 dl dt .txt_wrap h2 { margin-bottom: 2.78vw; }
	#section4 dl dt .txt_wrap p { min-height: 20.83vw; max-height: 25.83vw; font-size: 6.67vw; }
	#section4 dl dt .txt_wrap a { width: 22.22vw; height: 22.22vw; line-height: 22.22vw; font-size: 3.33vw; }
	#section4 dl dt .txt_wrap a span { padding: 0 5.56vw; }
	#section4 dl dd { padding: 8.33vw 0 0 0; border-top: 0.28vw solid #eee; }
	#section4 dl dd h2 { margin-bottom: 4.17vw; }
	#section4 dl dd > a { padding-bottom: 0.28vw; font-size: 3.06vw; border-bottom-width: 0.28vw; top: 8.61vw; }
	#section4 dl dd ul li { margin-bottom: 4.44vw; }
	#section4 dl dd ul li .img_wrap { margin-right: 5.56vw; }
	#section4 dl dd ul li .txt_wrap { width: calc(46.454% - 5.56vw); }
	#section4 dl dd ul li .txt_wrap p { max-height: 13.89vw; margin-bottom: 5.56vw; font-size: 5.00vw; }
	#section4 dl dd ul li .txt_wrap strong { font-size: 3.33vw; } 
	
	.videoPop .videoCon{padding: 0 5.56vw;}
/*	.videoPop .recruit_xBtn{margin: 4.17vw 0;}*/
	
	
	.videoCon .vi_haed{display:table; width:100%}
	.videoCon .vibody_right {display:table-cell; width:20%; text-align:right}
	.videoCon .vibody_left {display:table-cell; width:80%; text-align:left}
	.videoCon .vibody_left a{ margin:0px 6px 6px 0px;}
	.videoBtn_fhd { display: inline-block; width: 80px; height: 35px; line-height: 35px; font-size: 13px; font-weight: 600; border-radius: 6px; text-align: center;color: #fff; border:1px solid rgba(255, 255, 255, 0.2);}
	.videoBtn_fhd.on { background: #ff8400; color: #fff; border:0}

	.videoBtn_sd { display: inline-block; width: 80px; height: 35px; line-height: 35px; font-size: 13px; font-weight: 600; border-radius: 6px; text-align: center;color: #fff; border:1px solid rgba(255, 255, 255, 0.2);}
	.videoBtn_sd.on { background: #ff8400; color: #fff; border:0}
	

	.videoPop .recruit_xBtn{margin:0; cursor: pointer; }

  #new_section1 .txt { top: 30%; padding: 0 5.278vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
  #new_section1 .txt span { font-size: 4.44vw; margin-bottom: 8.33vw; }
  #new_section1 .txt h2 { min-width: 36.45vw; font-size: 13.06vw; margin-bottom: 5vw; }
  #new_section1 .txt h2 span { font-size: 13.06vw; }
  #new_section1 .txt p { width:80%; margin-bottom: 8.33vw; font-size: 3.89vw; }
  #new_section1 .txt > p > img { width: 58vw; }
  #new_section1 .txt.textShadow h2 { min-width:100%; text-shadow: 0.28vw 0.28vw 0.42vw rgba(0, 0, 0, 0.4); }
  
      

}
/*# sourceMappingURL=maps/main.css.map */