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

.textLeft { text-align:left;}

/* 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, .fp-slidesNav ul li a {padding:8px 0px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span { width: 20px; height: 2px; top: 7px; 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; position: relative; }

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

.section .fx { max-width:100%; width: 100%; height: 100%; object-fit: cover; }
.section  .jb-box { width: auto; height: 100vh; overflow: hidden;margin: 0px auto; position: relative; }
.section video {  position:absolute; left: 50%; margin-left: -50vw; height: 100%; object-fit: cover; }
.section .jb-text { position: absolute; top: 0%; width: 100%; text-align:center; }

.section .jb-text .txt_01 { margin-bottom:1px; font-size:24px; line-height:29px; letter-spacing:-0.02px; }
.section .jb-text .txt_02 { margin-bottom:30px; font-weight:700; font-size:96px; line-height:115px; letter-spacing:-0.01px; }
.section .jb-text .txt_03 { margin-bottom:60px; font-weight:300; font-size:16px; line-height:1.7; letter-spacing:-0.32px; }
.section .jb-text 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; }

#section0 .jb-text { top: calc(40%); color:#fff; }
#section1 .jb-text { top: calc(50% - 0px); color:#222; }
#section6 .jb-text { top: calc(50% - 0px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color:#fff !important; }
#section7 .jb-text { top: calc(50% - 0px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#section8 .jb-text { top: calc(40% - 0px); color:#fff; }
#section11 .jb-text { top: calc(50% - 0px); color:#222222; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#section7 .jb-text.fw { color:#fff; }
#section11 .jb-text.fw { color:#fff; }
.section .linkBtn { border-radius: 10px; width:260px; margin:0 auto; background-color:#FF8400;  }
.section .linkBtn a { line-height:70px; font-size:24px; display:block; color:#fff; text-align:center; }

#section7 .linkBtn a { margin-top:77px;  }
#section8 .linkBtn a { margin-top:40px;  }

.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: 100vh; overflow:hidden; }
#sectionVideo video { overflow: hidden; width:100%; position:absolute; left: 50%; top:50%; margin-left:0px;  height: 100%; object-fit: cover;     -webkit-transform: translateX(-50%) translateY(-50%); 
    -moz-transform: translateX(-50%) translateY(-50%); 
    -ms-transform: translateX(-50%) translateY(-50%); 
    -o-transform: translateX(-50%) translateY(-50%); 
	transform: translateX(-50%) translateY(-50%); 
	}
#sectionVideo .txtArea { max-width: 1440px; width:75%; margin: 0 auto; position: relative; }
#sectionVideo .txt { text-align:left; color:#fff; position:absolute; width:100%; left:0%; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#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; }


#section0 .swiper-slide .txt { width:100%; left:0%; }
#section0 .swiper-slide .txt p { margin-bottom:0px; }

#section0.raon .swiper-slide .txt p { margin-bottom:60px; }

#section0 .swiper-slide .txt { width:100%; left:0%; text-align: center; }
#section0 .swiper-slide .txt p { margin-bottom:0px; width: 100%; }
#section0.secure .swiper-slide .txt p { margin-bottom:75px; width: 100%; }
#section0.whitehat .swiper-slide .txt p { margin-bottom:75px; width: 100%; }
#section0.snc .swiper-slide .txt p { margin-bottom:75px; width: 100%; }
	
#section1 ul { height: 100%; min-height: 400px; overflow: hidden; }

/* #section1 ul li { float: left; width: 50%; height: 100%; position: relative; } */ /* 2024-02-01 50% -> 100% 변경 */
#section1 ul li { float: left; width: 100%; 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.whitehat ul li:first-of-type { background: url("/common/ko/img/main/whitehat_section1_img01.png") center center no-repeat; background-size: cover; }

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

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


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

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

#section1.raon ul li:last-of-type { background: url("/common/ko/img/main/section1_img06.png") 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.raon ul li .txt_wrap .txt img { width:auto; height:64px; }

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

#section1 ul li .txt_wrap .txt span { display: block; font-size: 24px; 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;}

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

#section2 dl dt{float:left; width:37.5%; height:100%; position:relative; background-color:#fff;}

#section2 dl dt .txt{right:60px; }

#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;}

#section2 dl dt .txt a span{display:inline-block; padding:0 30px; 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; padding: 0 30px; 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: 300px !important; padding-top: 0 !important; background: #222; }

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

#section5 .footer_wrap .siteMap { overflow-y: auto; }
#section6 { position:relative; }
#section7 { position:relative; }
#section8 { position:relative; }

.section {}
.section .p_only .sectionArea {  display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center; }
.section .sectionArea .w40 { height:100vh; width:40%; background: url("/common/ko/img/main/sectionArea_bg_01.png") bottom right no-repeat; background-color:#fff; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; }
.section .sectionArea .w40.ll { background: url("/common/ko/img/main/sectionArea_bg_02.png") bottom left no-repeat; }
.section .sectionArea .w40.tt { background: url("/common/ko/img/main/sectionArea_bg_03.png") top right no-repeat; }
.section .sectionArea .w40 .sectionTxt_01 { width:460px; margin-bottom:30px; font-size:74px; line-height:1.2; letter-spacing:-0.4px; font-weight:bold; color:#222; }
.section .sectionArea .w40 .sectionTxt_02 { width:460px; margin-bottom:50px; font-style: normal; font-weight: 300; font-size: 16px; line-height: 1.7; color:#222; }
.section .sectionArea .w40 .sectionTxt_03 {  width:460px; font-weight: 300; font-size: 24px; line-height: 29px; color:#222; }
.section .sectionArea .w40 .sectionBtn { width:460px; }
.section .sectionArea .w40 .sectionBtn 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;}
.section .sectionArea .w60 { height:100vh; width:60%; background-color:#F8F8F8; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: space-around; align-content: center; }
.section .sectionArea .imgArea { width: 100% }
.section .sectionArea .imgArea img { width:100%; }

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

.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;}


.fp-tableCell > .fx { height:100%; width:auto; }

@media all and (max-width: 1440px) { 
	#fp-nav.fp-right { left: 20px; }
	.swiper-slide .txt { left: 20%; }
	.swiper-control-wrap { right: 8%; }
	
	#sectionVideo .txt {  }
	#sectionVideo .txt span {  }
	#sectionVideo .txt h2 { min-width: 100%; }
	#sectionVideo .txt p {}
	#sectionVideo .txtArea { position: static; }
	#sectionVideo .txt { max-width: 770px;  left:10%; }
	

	#section0 .swiper-slide .txt { width:100%; left:0%; text-align: center; }
	#section0 .swiper-slide .txt p { margin-bottom:0px; width: 100%; }
	
	
	#section2 dl{min-height:50vw;}
	#section2 dl dt .txt{right:4.17vw;}
	#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 a span{padding:0 2.08vw;}
	#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 dt .txt_wrap a span { padding: 0 2.08vw; }
	#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%;}

	.section .sectionArea .w40 .sectionTxt_01 { width:31.944vw; margin-left: 2.778vw; margin-bottom:2.083vw; font-size:6.667vw; }
	.section .sectionArea .w40 .sectionTxt_02 { width:31.944vw; margin-left: 2.778vw; margin-bottom:3.472vw; font-size: 1.111vw;  }
	.section .sectionArea .w40 .sectionTxt_03 {  width:31.944vw; margin-left: 2.778vw; font-size: 1.667vw; line-height:  2.014vw; }
	.section .sectionArea .w40 .sectionBtn { width:31.944vw; margin-left: 2.778vw; }

}

@media all and (max-width: 1080px) { /* tablet */
	.mo_layout .header.on { border-bottom: 0; }
	#section0 { padding-top: 0 !important; }
	#section0 .visual { height: auto;}

	.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:177.7778vw; }
	#sectionVideo video {  }
	#sectionVideo .txtArea { max-width: 770px; position: static; }
	#sectionVideo .txt { left:10%; }
	#sectionVideo .txt span { font-size: 32px; margin-bottom: 25px; line-height: 1.5; }
	#sectionVideo .txt h2 { margin-bottom: 25px; }
	#sectionVideo .txt p { font-size: 27px; }

	#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; }


	#section0 .jb-text {}
	#section0 .jb-text .txt_01 { margin-bottom:2.3611vw; font-size:4.4444vw; line-height:5.2778vw; }
	#section0 .jb-text .txt_02 { margin-bottom:2.5000vw; font-size:13.3333vw; line-height:15.8333vw; }
	#section0 .jb-text .txt_03 { font-size:3.8889vw; line-height:6.6667vw; }

	#section1.raon ul li:first-of-type { background: url("/common/ko/img/main/m_section1_img04.png") center center no-repeat; background-size: cover; }
	#section1.raon ul li:nth-of-type(2) { background: url("/common/ko/img/main/m_section1_img05.png") center center no-repeat; background-size: cover; }
	#section1.raon ul li:last-of-type { background: url("/common/ko/img/main/m_section1_img06.png") 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: 60px; line-height: 1.5; }
	#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{right:0; 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{padding:0 40px; 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 { padding: 0 40px; 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;}
	
	.section .jb-text .txt_01 {font-size: 2.5vw; margin-bottom: 3.47vw; }
	.section .jb-text .txt_02 { margin-bottom:1vw; font-size:13.06vw; line-height:1.5; }
	.section .jb-text .txt_03 { margin-bottom:3.47vw; font-size: 2.5vw; }
	.section .jb-text a { width: 36.11vw; height: 9.72vw; line-height: 9.72vw;  font-size: 3.61vw; border-radius: 1.39vw; }


	
	.section {}
	.section .p_only .sectionArea {  display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center; }
	.section .sectionArea .w40 { height:100vh; width:40%; background: url("/common/ko/img/main/sectionArea_bg_01.png") bottom right no-repeat; background-color:#fff; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; }
	.section .sectionArea .w40.ll { background: url("/common/ko/img/main/sectionArea_bg_02.png") bottom left no-repeat; }
	.section .sectionArea .w40 .sectionTxt_01 { width:400px; margin-bottom:30px; font-size:96px; line-height:1.2; letter-spacing:-0.4px; font-weight:bold; color:#222; }
	.section .sectionArea .w40 .sectionTxt_02 { width:400px; margin-bottom:50px; font-style: normal; font-weight: 300; font-size: 16px; line-height: 1.7; color:#222; }
	.section .sectionArea .w40 .sectionTxt_03 {  width:400px; font-weight: 300; font-size: 24px; line-height: 29px; color:#222; }
	.section .sectionArea .w40 .sectionBtn { width:400px; }
	.section .sectionArea .w40 .sectionBtn 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;}
	
	.section .sectionArea .w60 { height:100vh; width:60%; background-color:#F8F8F8; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: space-around; align-content: center; display:none;}
	.section .sectionArea .w60 .imgArea { width: 100% }
	.section .sectionArea .w60 .imgArea img { width:100%; }

}

@media all and (max-width: 770px) { /* mobile */
	.swiper-slide .txt { top: 50%; padding: 0 9.72vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
	.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 { min-width:100%; 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; }
	
	.section .jb-text .txt_01 {font-size: 3.89vw; margin-bottom: 3.47vw; }
	.section .jb-text .txt_02 { margin-bottom:3.47vw; font-size:13.06vw; line-height:1.5; }
	.section .jb-text .txt_03 { margin-bottom:3.47vw; font-size: 3.89vw; }
	.section .jb-text a { width: 36.11vw; height: 9.72vw; line-height: 9.72vw;  font-size: 3.61vw; border-radius: 1.39vw; }


	#section0.raon .swiper-slide .txt p { margin-bottom:8.33vw;}
	
	#sectionVideo { height:205vw; }
	#sectionVideo .txt {  }
	#sectionVideo .txt span { font-size: 4.44vw; margin-bottom: 3.47vw;   }
	#sectionVideo .txt h2 { font-size: 13.06vw; margin-bottom: 3.47vw;  }
	#sectionVideo .txt p { font-size: 3.89vw; }
	
	#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;*/ font-size: 9.06vw; }
	#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{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 a span{padding:0 5.56vw;}
	#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;


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