@charset "utf-8";
/* 
C00242 윤곽의정석
*/

*{font-family:'SUIT', 'Noto Sans KR', sans-serif; line-height:normal; letter-spacing:-0.2pt;}

/* 메인전용컨텐츠 */
.MainContents_Area * {}
.MainContents_Area{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; box-sizing:border-box; white-space:normal; word-break:keep-all;}
/*슬라이드 초기화*/
.MultiImgSlider .slick-slide li .ThumBox{background-color:transparent;}

/*제목*/
.mainTitle p.En{color:#a8bea2; font-size:8pt; letter-spacing:3pt; padding-bottom:30px;}
.mainTitle p.Ko{color:#cb9325; font-size:12pt; letter-spacing:3pt; padding-bottom:30px;}
.mainTitle h3{font-size:28pt; line-height:1.4; font-weight:400; color:#333333;}
.mainTitle h3 b{font-weight:600;}
.mainTitle h5{font-size:14pt; line-height:1.4; color:#333; font-weight:400;}
.mainTitle h5 b{font-weight:600;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 1번배너 */
.MainSection01{width:100%; position:relative; height:900px; overflow:hidden;}
.MainSection01 .Inner{width:100%; min-width:100%;}

.MainSection01 .Banner01 .ThumbBox{position:absolute; top:50%; transform:translate(0,-50%); left:auto; right:500px;}
.MainSection01 .Banner01 .Slide2 .ThumbBox{right:250px;}
	/*화살표*/
	.MainSection01 .swiper-button-prev1{position:absolute; top:50%; left:125px; transform:translate(0,-50%); z-index:500; background:rgba(255,255,255,0.3); border-radius:20px; width:60px; height:60px; cursor:pointer; text-align:center; transition:0.5s; display:flex; justify-content:center; align-items:center;}
	.MainSection01 .swiper-button-prev1:hover{background:#fff;}
	.MainSection01 .swiper-button-next1{position:absolute; top:50%; right:125px; transform:translate(0,-50%); z-index:500; background:rgba(255,255,255,0.3); border-radius:20px; width:60px; height:60px; cursor:pointer; text-align:center; transition:0.5s; display:flex; justify-content:center; align-items:center;}
	.MainSection01 .swiper-button-next1:hover{background:#fff;}

	/*스크롤다운*/
	.MainSection01 .scrollDown{position:absolute; bottom:40px; left:50%; transform:translate(-50%,0); z-index:900;}
	.MainSection01 .scrollDown p{color:#121212; font-weight:400; font-size:10pt; padding-bottom:12px; }
	.MainSection01 .scrollDown .mouseWrap{margin:0 auto; border:1px solid #121212; width:20px; height:35px; border-radius:500px; position:relative;}
	.MainSection01 .scrollDown .mouseWrap span{width:2px; height:10px; position:absolute; left:50%; top:6px; transform:translate(-50%,0); background:#121212; animation:scrollSqr 1.5s ease infinite;}
	@keyframes scrollSqr{ 0%{top:6px; opacity:0.3;} 100%{top:auto; top:19px; opacity:1;} }

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 2번배너 */
.MainSection02{width:100%; position:relative; background:url('/img/C00242/mainSection02_back.jpg')no-repeat; background-position:center center; background-size:cover;}
.MainSection02 .mainTitle{padding:150px 0;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 3번배너 */
.MainSection03{width:100%; position:relative; background:url('/img/C00242/mainSection03_back.jpg')no-repeat; background-position:center center; background-size:cover; padding:120px 0;}
.MainSection03 .mainTitle{text-align:left;}
.MainSection03 .mainTitle h5{padding-top:30px;}

.MainSection03 .mainTitle .Banner03{width:100%; margin-top:40px;}
.MainSection03 .mainTitle .Banner03 .BannerThum{display:inline-block; width:200px; overflow:hidden; border-radius:500px; border:1px solid #c5bb9b; position:relative; margin-right:20px;}
.MainSection03 .mainTitle .Banner03 .BannerThum a{display:block; width:100%; height:100%;}
.MainSection03 .mainTitle .Banner03 .BannerThum3{margin-right:0;}
.MainSection03 .mainTitle .Banner03 .BannerThum .ThumbBox::before{content:''; background:#c5bc9c; width:100%; height:100%; position:absolute; bottom:-100%; left:0; transition:0.5s; opacity:0.8;}
.MainSection03 .mainTitle .Banner03 .BannerThum .ThumTxt{position:absolute; left:50%; bottom:50px; transform:translate(-50%,0); text-align:center; width:100%; transition:0.5s;}
.MainSection03 .mainTitle .Banner03 .BannerThum .ThumTxt p{color:#fff; font-size:12pt; font-weight:400;}
.MainSection03 .mainTitle .Banner03 .BannerThum .ThumTxt h6{color:#fff; font-size:18pt; font-weight:600; padding-top:5px;}
	/*호버시*/
	.MainSection03 .mainTitle .Banner03 .BannerThum:hover .ThumbBox::before{bottom:0;}
	.MainSection03 .mainTitle .Banner03 .BannerThum:hover .ThumTxt{bottom:140px;}
	/*원형*/
	.MainSection03 .decoCircle{position:absolute; bottom:40px; right:267px; animation: rotate_image 15s linear infinite; transform-origin: 50% 50%;}
	@keyframes rotate_image{ 100% { transform: rotate(360deg); } }

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 4번배너 */
.MainSection04{width:100%; position:relative; background:#fafafa; padding-top:60px;}
.MainSection04 .Banner04{display:table;}
.MainSection04 .Banner04 .ThumbImg{display:table-cell; width:50%; vertical-align:middle;}
.MainSection04 .Banner04 .ThumTxt{display:table-cell; width:50%; vertical-align:middle;}
	/*텍스트 - 상단 */
	.MainSection04 .Banner04 .ThumTxt .mainTitle{width:100%; position:relative;}
	.MainSection04 .Banner04 .ThumTxt .mainTitle h3{line-height:1;}
	.MainSection04 .Banner04 .ThumTxt .mainTitle p.Ko{color:#a8bea2;}
	.MainSection04 .Banner04 .ThumTxt .mainTitle .more{position:absolute; right:0; bottom:0; color:#b8b8b8; font-size:14pt; font-weight:500; border:1px solid #b8b8b8; border-radius:500px; width:140px; height:35px; display:flex; justify-content:center; align-items:center; transition:0.5s; flex-flow:wrap; flex-direction:column;}
	.MainSection04 .Banner04 .ThumTxt .mainTitle .more:hover{background:#b8b8b8; color:#fff;}
	.MainSection04 .Banner04 .ThumTxt .mainTitle .more p{}
	/*텍스트 - 중간 */
	.MainSection04 .Banner04 .ThumTxt h5{font-size:16pt; line-height:1.5; color:#333; font-weight:400; width:100%; padding-top:40px; padding-bottom:30px; border-bottom:1px solid #a8bea2;}
	.MainSection04 .Banner04 .ThumTxt h5 b{font-weight:600;}
	.MainSection04 .Banner04 .ThumTxt h5 span{color:#a8bea2; font-family: 'Nanum Gothic', 'SUIT', 'Noto Sans KR', sans-serif; font-weight:400; font-size:20pt;}
	/*텍스트 - 하단*/
	.MainSection04 .Banner04 .ThumTxt p.Career{font-size:12pt; color:#666666; line-height:2.2; padding-top:30px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 5번배너(전후사진) */
.MainSection05{width:100%; position:relative; background:url('/img/C00242/mainSection05_back.jpg')no-repeat; background-position:center center; background-size:cover; padding:150px 0;}
.MainSection05 .Inner{}
.MainSection05 .Inner .mainTitle{width:470px; display:inline-block; vertical-align:middle;}
.MainSection05 .Inner .sectionCont{width:820px; display:inline-block; vertical-align:middle;}
	/*제목*/
	.MainSection05 .mainTitle h3{font-size:40pt;}
	.MainSection05 .mainTitle p.Ko{color:#a8bea2;}
	.MainSection05 .mainTitle .more{margin-top:30px; position:relative; color:#90af88; font-size:14pt; font-weight:500; border:1px solid #90af88; border-radius:500px; width:140px; height:35px; display:flex; justify-content:center; align-items:center; transition:0.5s; flex-flow:wrap; flex-direction:column;}
	.MainSection05 .mainTitle .more:hover{background:#90af88; color:#fff;}
	/*슬라이드*/
	.MainSection05 .sectionCont img{border-radius:20px; transition:0.5s;}
	.MainSection05 .sectionCont img:hover{opacity:0.7;}
	.MainSection05 .sectionCont .TextBox{display:none;}
	.MainSection05 .sectionCont .swiper-scrollbar5{width:100%; height:4px; background:#c4d9bf; margin-top:40px;}
	.MainSection05 .sectionCont .swiper-scrollbar5 .swiper-scrollbar-drag{background:#104526;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 6번배너(이벤트) */
.MainSection06{width:100%; position:relative; background:url('/img/C00242/mainSection06_back.jpg')no-repeat; background-position:center center; background-size:cover; padding-top:120px; padding-bottom:150px;}
.MainSection06 .mainTitle{text-align:center; padding-bottom:60px;}
	/*이벤트롤링원상복구*/
	.MainSection06 .EventMultiSlider.LabelThum_Height .LabelThum{margin-bottom:0; margin-top:0;}
	.MainSection06 .EventMultiSlider .LabelThum label{border-radius:20px; box-shadow:none; padding:0; width:94%; border:0;}
	.MainSection06 .EventMultiSlider.LabelThum_Height .LabelThum label dd{display:none;}
	.MainSection06 .LabelThum_Height .LabelThum dt{border-radius:20px; overflow:hidden;}
	.MainSection06 .LabelThum_Height .LabelThum label dt u{display:none;}
	.MainSection06 .EventMultiSlider .LabelThum label .TagBox{display:none;}
	
	/*호버*/
	.MainSection06 .EventMultiSlider img{transition:0.5s;}
	.MainSection06 .EventMultiSlider img:hover{opacity:0.7;}