@charset "utf-8";
/* 
연세이현진
*/

.CommArea_Tail{display:none;} /* 공통삽입컨텐츠 */

/* --------------------------------------------------------------------------------------------------- */

/* 타이틀 */
.mainTitle{line-height:normal; letter-spacing:-0.5pt; color:#444;}
.mainTitle h5{font-family:'SUIT', 'Noto Sans KR' , sans-serif; font-weight:300; font-size:20pt;}
.mainTitle h3{font-family:'SUIT', 'Noto Sans KR' , sans-serif; font-weight:800; font-size:40pt;}
.mainTitle h6{font-family:'SUIT', 'Noto Sans KR' , sans-serif; font-weight:600; font-size:16pt;}
.mainTitle p{font-family: 'Montserrat', 'Noto Sans KR', sans-serif; color:#bababa; font-size:12pt; letter-spacing:5pt;}


/* =============================================================================================================== */
/* [세션01] 1번배너 */
.MainSection01{content:""; clear:both; display:block; position:relative; width:100%;}
.MainSection.MainSection01{padding:0px;}
.MainSection01 .Inner{width:100%;}
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/* 롤링배너일때 */
	.MainSection01 .Banner01.MultiSlider{overflow:hidden;}
	.MainSection01 .MultiSlider .slick-list{}
	.MainSection01 .MultiSlider .BannerThum{display:block; position:relative; width:100%; background-repeat:no-repeat; background-position:center top; background-size:auto 100%; background:none; overflow:hidden;}
	.MainSection01 .MultiSlider .BannerThum a{display:block; position:relative; width:100%; height:inherit; text-align:center; overflow:hidden;}
	.MainSection01 .MultiSlider .BannerThum a img{width:auto; text-align:center; margin:auto;}
	.MainSection01 .MultiSlider .TextBox{display:table; position:relative; width:50%; height:inherit; margin:auto; display:none;}
	.MainSection01 .MultiSlider .TextBox p{display:table-cell; position:relative; width:100%; height:inherit; vertical-align:middle; text-align:center;}
	.MainSection01 .MultiSlider .TextBox strong{display:block; font-size:30pt; line-height:1.2em; margin-bottom:0.5em;}
	.MainSection01 .MultiSlider .slick-arrow.SliderThum_BtnPrev{}
	.MainSection01 .MultiSlider .slick-arrow.SliderThum_BtnNext{}

	/*1번배너 롤링 버튼*/
	body .MainSection01 .MultiSlider ul.SliderThum_BtnPage li button{border:none; background:#aca8a9; width:8px; height:8px; margin:0 8px; padding:0; margin-bottom:1.5em; border-radius:100px;}
	body .MainSection01 .MultiSlider ul.SliderThum_BtnPage li.slick-active button {background:#474745;}
	body .MainSection01 .slick-button-prev01{position:absolute; width:1200px; top:50%; margin:0 auto; margin-top:-16px; left:0; right:0; cursor:pointer; text-align:left;} 
	body .MainSection01 .slick-button-next01{position:absolute; width:1200px; top:50%; margin:0 auto; margin-top:-16px; left:0; right:0; cursor:pointer; text-align:right;}

	/*화살표*/
	.MainSection01 .MultiSlider .SliderThum_BtnPrev,
	.MainSection01 .MultiSlider .SliderThum_BtnNext{border-color:#fff;}

/* =============================================================================================================== */
/* [세션02] 2번배너 */
.MainSection02{content:""; clear:both; display:block; position:relative; width:100%; background:url('/img/C00183/MainSection02_back.jpg'); background-size:cover; background-position:top left; padding:120px 0;}
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/*슬라이드*/
	.MainSection02 .BannerThum{display:table;}
	/*타이틀*/
	.MainSection02 .mainTitle{text-align:center;}
	.MainSection02 .mainTitle h6{color:#65baae; padding-bottom:50px;}
	.MainSection02 .thumTxt{display:table-cell; width:40%; vertical-align:middle;}
	/*타이틀 - 대각선*/
	.MainSection02 .thumTxt .txtLine{width:1px; height:20px; background-color:#444; transform:rotate(-45deg); margin:20px auto;}
	/*타이틀 - 버튼*/
	.MainSection02 .thumTxt a{margin:0 auto; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-size:18pt; font-weight:200; background:radial-gradient(farthest-corner at 30% 20%, #454949, #272a2a); color:#fff; padding:15px 60px; transition:0.3s; box-shadow:0 1px 2px rgb(0 0 0 / 6%), 0 2px 3px rgb(0 0 0 / 6%), 0 4px 6px rgb(0 0 0 / 6%), 0 8px 12px rgb(0 0 0 / 6%), 0 16px 24px rgb(0 0 0 / 6%), 0 32px 50px rgb(0 0 0 / 6%); transition:0.2s; cursor:pointer;}
	.MainSection02 .thumTxt a:hover{background:radial-gradient(farthest-corner at 30% 20%, #747474, #454949);}
	/*타이틀 - 슬라이드*/
	.MainSection02 .thumTxt .swiper-pagination{margin:0 auto; position:relative; margin-top:40px;}
	.MainSection02 .thumTxt .swiper-pagination-bullet{background:#b2b2b2; width:15px; height:15px; margin:0 4px; opacity:1;}
	.MainSection02 .thumTxt .swiper-pagination-bullet-active{background:#444444;}
	/*이미지*/
	.MainSection02 .thumImg{display:table-cell; width:60%; vertical-align:middle; text-align:right;}
	/*화살표 버튼*/
	.MainSection02 .swiper-button-prev02{position:absolute; left:180px; top:50%; background:#fff; padding:12px 17px 12px 12px; display:inline-block; border-radius:100px; box-shadow:0 1px 2px rgb(0 0 0 / 6%), 0 2px 3px rgb(0 0 0 / 6%), 0 4px 6px rgb(0 0 0 / 6%), 0 8px 12px rgb(0 0 0 / 6%), 0 16px 24px rgb(0 0 0 / 6%), 0 32px 50px rgb(0 0 0 / 6%); transition:0.2s; cursor:pointer;}
	.MainSection02 .swiper-button-prev02:hover{background:#444;}
	.MainSection02 .swiper-button-next02{position:absolute; right:180px; top:50%;background:#fff; padding:12px 12px 12px 17px; display:inline-block; border-radius:100px; box-shadow:0 1px 2px rgb(0 0 0 / 6%), 0 2px 3px rgb(0 0 0 / 6%), 0 4px 6px rgb(0 0 0 / 6%), 0 8px 12px rgb(0 0 0 / 6%), 0 16px 24px rgb(0 0 0 / 6%), 0 32px 50px rgb(0 0 0 / 6%); transition:0.2s; cursor:pointer;}
	.MainSection02 .swiper-button-next02:hover{background:#444;}

/* =============================================================================================================== */
/* [세션03] 3번배너 */
.MainSection03{content:""; clear:both; display:block; position:relative; width:100%; overflow:hidden;}
.MainSection.MainSection03{padding:0px;}
.MainSection03 .Inner{width:100%;}
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/* 기본 */
	.MainSection03 .Banner03{position:relative; display:block;}
	.MainSection03 .Banner03 .ThumBox{position:relative; display:block;}
	.MainSection03 .Banner03 .ThumBox .ThumImg{display:block; height:620px; background-repeat:no-repeat; background-position-y:40%; background-attachment:fixed; padding:0px; overflow:hidden;}
	.MainSection03 .Banner03 .ThumBox img{display:block; max-width:fit-content;}

/* =============================================================================================================== */
/* [세션04] 4번배너 */
.MainSection04{content:""; clear:both; display:block; position:relative; width:100%; background:url('/img/C00183/MainSection04_back.jpg'); background-size:cover; background-position:top left; padding:120px 0;}
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/*타이틀*/
	.MainSection04 .mainTitle{padding:30px 0;}
	.MainSection04 .mainTitle h3{font-weight:600;  padding-top:40px;}
	.MainSection04 .mainTitle h3 b{font-weight:400; color:#62b3a8;}
	/*이미지*/
	.MainSection04 .Banner04{display:table;}
	.MainSection04 .Banner04 .BannerThum{display:table-cell; padding:0 10px;}
	.MainSection04 .Banner04 .BannerThum img{filter: drop-shadow(10px 10px 10px #e3e3e3);}

/* =============================================================================================================== */
/* [세션05] 5번배너 */
.MainSection05{content:""; clear:both; display:block; position:relative; width:100%; background:url('/img/C00183/MainSection05_back.jpg'); background-size:cover; background-position:top left; padding:148px 0; text-align:center;}
.MainSection05 .Inner{position:relative; display:inline-block; width:1300px;}
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/*타이틀*/
	.MainSection05 .mainTitle{display:table-cell; padding-right:100px; text-align:left; width:100%; vertical-align:middle;}
	.MainSection05 .mainTitle p{line-height:18pt;}
	.MainSection05 .mainTitle h3{font-weight:400; padding-top:30px; padding-bottom:60px; font-size:36pt;}
	.MainSection05 .mainTitle h3 b{font-weight:600; color:#62b3a8;}
	.MainSection05 .mainTitle em{position:relative; display:block;}
	/*타이틀 - 버튼*/
	.MainSection05 .mainTitle a{margin:0 auto; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-size:18pt; font-weight:200; background:radial-gradient(farthest-corner at 30% 20%, #454949, #272a2a); color:#fff; padding:15px 60px; transition:0.3s; box-shadow:0 1px 2px rgb(0 0 0 / 6%), 0 2px 3px rgb(0 0 0 / 6%), 0 4px 6px rgb(0 0 0 / 6%), 0 8px 12px rgb(0 0 0 / 6%), 0 16px 24px rgb(0 0 0 / 6%), 0 32px 50px rgb(0 0 0 / 6%); transition:0.2s; cursor:pointer;}
	.MainSection05 .mainTitle a:hover{background:radial-gradient(farthest-corner at 30% 20%, #747474, #454949);}

	.MainSection05 dl{}
	.MainSection05 dl dt{overflow:auto; position:absolute; left:0; z-index:1; display:table; height:100%;}
	.MainSection05 dl dd{width:65%; position:relative; float:right; z-index:2;}
	
	/* swiper커스텀_5번배너 */
	.MainSection05 .BannerMain{position:relative;}
	.MainSection05 .swiper-container .swiper-wrapper{}
	.MainSection05 .swiper-slide{width:100%; overflow:hidden; position:relative; margin:0 auto; transition:opacity 0.4s; background-color:transparent; height:352px;}
	.MainSection05 .swiper-slide .ThumBox{position:relative; display:block; width:90%; height:inherit;}
	.MainSection05 .swiper-slide .ThumBox .Cover{position:absolute; top:0; z-index: 1;}
	.MainSection05 .swiper-slide .ThumBox .Cover > img{width:100%;}
	.MainSection05 .swiper-slide .ThumBox > img{opacity:0.4; width:100%; height:inherit;}
	.MainSection05 .swiper-pagination:{}
	.MainSection05 .swiper-slide-active{}
	.MainSection05 .swiper-slide-active,
	.MainSection05 .swiper-slide-duplicate-active{}
	.MainSection05 .swiper-slide-active .ThumBox > img{opacity:1;}

	/*화살표*/
	.MainSection05 .swiper-button-next05{position:absolute; right:-100px; top:45%; background:#fff; padding:12px 12px 12px 17px; display:inline-block; border-radius:100px; box-shadow:0 1px 2px rgb(0 0 0 / 6%), 0 2px 3px rgb(0 0 0 / 6%), 0 4px 6px rgb(0 0 0 / 6%), 0 8px 12px rgb(0 0 0 / 6%), 0 16px 24px rgb(0 0 0 / 6%), 0 32px 50px rgb(0 0 0 / 6%); transition:0.2s; cursor:pointer;}
	.MainSection05 .swiper-button-next05:hover{background:#444;}