@charset "utf-8";
/* 
C00266 피엔피컴
*/

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 1번배너 */
.MainSection01{content:""; clear:both; display:block; position:relative; width:100%; padding:0px; height:100%; overflow:hidden;}
.MainSection01 .Inner{width:1570px; min-width:1570px; height:100%; position:relative;}
.MainSection01 .Inner .imgBox{display:block; position:relative;}
.MainSection01 .Inner .imgBox img{width:100%;}
.MainSection01 .Inner .txtBox{position:absolute; top:50%; left:8%; transform:translate(0,-50%);}
.MainSection01 .Inner .txtBox h3{color:#fff; line-height:1.2; font-weight:700; font-size:40pt;}
.MainSection01 .Inner .txtBox h4{color:#0e7dad; line-height:1.2; font-size:700; font-size:36pt; padding-top:15px;}
.MainSection01 .Inner .txtBox h5{color:#fff; line-height:1; font-weight:400; font-size:18pt; padding-top:20px;}
.MainSection01 .Inner .txtBox a{display:block; width:fit-content; margin-top:30px;}
.MainSection01 .Inner .txtBox a p{color:#fff; border:1px solid #fff; padding:10px 60px; transition:0.5s; font-size:12pt;}
.MainSection01 .Inner .txtBox a:hover p{background:#0e7dad;}
	/*4번째 슬라이드*/
	.MainSection01 .Inner .Slide4 .txtBox{left:auto; top:auto; bottom:50px; right:8%; transform:translate(0,0); text-align:right;}
	.MainSection01 .Inner .Slide4 .txtBox a{margin-right:0; margin-left:auto;}
	/*롤링버튼*/
	.MainSection01 .Inner .swiper-pagination1{position:absolute; left:50%; bottom:20px; transform:translate(-50%,0); z-index:300;}
	.MainSection01 .Inner .swiper-pagination1 .swiper-pagination-bullet{background:rgba(255,255,255,0.5); opacity:1; margin:0 10px;}
	.MainSection01 .Inner .swiper-pagination1 .swiper-pagination-bullet-active{background:#fff;}
	/*화살표*/
	.MainSection01 .Inner .swiper-button-prev1{position:absolute; top:45%; left:0; margin-left:40px; border:none; background:transparent; outline:none; cursor:pointer; border-left:1px solid #fff; border-top:1px solid #fff; -webkit-transform:rotate( -45deg ); width:50px; height:50px; z-index:300;}
	.MainSection01 .Inner .swiper-button-next1{position:absolute; top:45%; right:0; margin-right:40px; border:none; background:transparent; outline:none; cursor:pointer; border-right:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:rotate( -45deg ); width:50px; height:50px; z-index:300;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 2번배너 */
.MainSection02{content:""; clear:both; display:block; position:relative; width:100%; height:100%; overflow:hidden; padding:20px 0;}
.MainSection02 .Inner{width:1590px; min-width:1590px; height:100%; position:relative;}
.MainSection02 .Inner .Banner02{width:100%; display:flex; flex-flow:wrap;}
.MainSection02 .Inner .Banner02 .bannerThum{width:calc(25% - 20px); margin:0 10px; overflow:hidden; position:relative;}
.MainSection02 .Inner .Banner02 .bannerThum:nth-child(n + 5){margin-top:20px;}
.MainSection02 .Inner .Banner02 .bannerThum img{width:100%; transition:0.5s;}
.MainSection02 .Inner .Banner02 .bannerThum:hover img{scale:1.1;}

.MainSection02 .Inner .Banner02 .bannerThum .txtBox{position:absolute; width:100%; top:50%; left:0; transform:translate(0,-50%); z-index:10; text-align:center;}
.MainSection02 .Inner .Banner02 .bannerThum .txtBox h4{color:#fff; font-size:22pt; line-height:1.4; font-family:'NanumSquareNeoTTF-dEb', 'SUIT', 'Noto Sans KR', sans-serif;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 3번배너 */
.MainSection03{content:""; clear:both; display:block; position:relative; width:100%; height:100%; overflow:hidden; padding:60px 0; background:#000;}
.MainSection03 .Inner{width:100%; min-width:100%; height:100%; position:relative;}
.MainSection03 .Inner h3{color:#fff; line-height:1.4; text-align:center; font-family:'NanumSquareNeoTTF-bRg', 'SUIT', 'Noto Sans KR', sans-serif; font-weight:400; font-size:24pt;}
.MainSection03 .Inner h3 b{font-family:'NanumSquareNeoTTF-dEb', 'SUIT', 'Noto Sans KR', sans-serif;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 4번배너 */
.MainSection04{content:""; clear:both; display:block; position:relative; width:100%; height:100%; overflow:hidden; padding:20px 0;}
.MainSection04 .Inner{width:100%; min-width:100%; height:100%; position:relative;}
.MainSection04 .Inner .Banner04{width:100%; display:inline-flex; align-items:center; justify-content:space-between;}
.MainSection04 .Inner .Banner04 .bannerThum{width:50%; overflow:hidden; position:relative;}
.MainSection04 .Inner .Banner04 .bannerThum img{width:100%; transition:0.5s;}
.MainSection04 .Inner .Banner04 .bannerThum:hover img{scale:1.1;}

.MainSection04 .Inner .Banner04 .bannerThum .txtBox{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10; text-align:center;}
.MainSection04 .Inner .Banner04 .bannerThum .txtBox h4{color:#fff; font-size:22pt; line-height:1; font-family:'NanumSquareNeoTTF-dEb', 'SUIT', 'Noto Sans KR', sans-serif;}
.MainSection04 .Inner .Banner04 .bannerThum .txtBox p{color:#fff; font-size:14pt; line-height:1; font-family:'NanumSquareNeoTTF-bRg', 'SUIT', 'Noto Sans KR', sans-serif; padding-top:20px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 5번배너 */
.MainSection05{content:""; clear:both; display:block; position:relative; width:100%; height:100%; overflow:hidden; padding-top:640px; padding-bottom:80px; background:url('/img/C00266/mainSection05_bg.jpg')no-repeat; background-size:cover; background-position:center center;}
.MainSection05 .Inner{width:1570px; min-width:1570px; position:relative;}
.MainSection05 h3{text-align:center; font-size:36pt; color:#fff; font-family:'NanumSquareNeoTTF-cBd', 'SUIT', 'Noto Sans KR', sans-serif; line-height:1.5; padding-bottom:150px;}
.MainSection05 .txtWrap{width:100%; display:inline-flex; align-items:start; justify-content:space-between;}
.MainSection05 .txtWrap02{margin-top:100px;}
.MainSection05 .txtWrap .txtBox h4{color:#fff; font-size:22pt; font-family:'NanumSquareNeoTTF-cBd', 'SUIT', 'Noto Sans KR', sans-serif; line-height:1.5;}
.MainSection05 .txtWrap .txtBox p{color:#fff; font-size:14pt; font-family:'NanumSquareNeoTTF-bRg', 'SUIT', 'Noto Sans KR', sans-serif; line-height:1.5; font-weight:400; padding-top:30px;}
.MainSection05 .txtWrap .txtBox01{width:48%;}
.MainSection05 .txtWrap .txtBox02{width:45%;}