@charset "utf-8";
/* 
C00263 비에이랩
*/

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700;800&display=swap');

*{font-family:'SUIT', 'Noto Sans KR', sans-serif; line-height:normal; letter-spacing:-0.2pt; color:#333;}
.mainTitle{position:relative;}
.mainTitle p{font-size:12pt; color:#ceb5a8; letter-spacing:4pt; font-weight:500; padding-bottom:10px;}
.mainTitle h3{font-size:28pt; color:#333333; line-height:1.5; font-weight:700;}
.mainTitle h3 b{font-weight:700; color:#957968;}
.mainTitle h5{font-size:14pt; line-height:1.5; color:#33; font-weight:400; padding-top:10px;}
.mainTitle h5 b{font-weight:600;}

/*버튼*/
.btnArea a{position:relative; overflow:hidden; color:#957968; font-size:16pt; border:1px solid #957968; border-radius:500px; display:block; font-weight:500; width:fit-content; padding:5px 20px; text-align:center; margin:0 auto; margin-top:20px;}
.btnArea a h5{font-size:16pt; font-weight:500; display:block; color:rgba(0,0,0,0); width:fit-content;}
.btnArea a p{content:'view more'; display:block; position:absolute; left:0; top:0; width:fit-content; height:100%; color:#957968; transition: all 0.5s, opacity 0.3s; padding:5px 20px;}
.btnArea a span{content:'view more'; display:block; position:absolute; left: 0;  top: -100%; width:fit-content; height:100%; color:#957968; opacity: 0; transition: all 0.5s, opacity 0.3s; padding:5px 20px;}
.btnArea a:hover p{opacity:0; transform: translateY(100%);}
.btnArea a:hover span{ opacity: 1; transform: translateY(100%);}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 1번배너 */
.MainSection01{content:""; clear:both; display:block; position:relative; width:100%;}
.MainSection01{padding:0px; height:900px; overflow:hidden;}
.MainSection01 .Inner{width:100%; min-width:100%;}
	/*텍스트*/
	.MainSection01 .Slide .txtBox{width:100%; height:100%; position:absolute; top:0; left:0;}
	/*배경*/
	.MainSection01 .Slide .imgBox{height:900px; transition:0.5s;}
	.MainSection01 .Slide .imgBox.backZoom{animation:backZoom 5s ease;}
	@keyframes backZoom{ 0%{background-size:100%;} 100%{background-size:105%;} }
	/*버튼*/
	.MainSection01 .swBtn{position:absolute; left:50%; bottom:40px; transform:translate(-50%,0); width:30%; z-index:500; text-align:center;}
	.MainSection01 .swBtn .btnWrap{display:inline-flex; align-items:center; width:100%; justify-content:space-between;}
	.MainSection01 .swBtn .btnWrap .swiper-button-prev1{color:#fff; font-size:14pt; border:1px solid #fff; font-weight:400; border-radius:500px; transition:0.5s; width:30px; height:30px; display:block; text-align:center; line-height:22pt; cursor:pointer;}
	.MainSection01 .swBtn .btnWrap .swiper-button-next1{color:#fff; font-size:14pt; border:1px solid #fff; font-weight:400; border-radius:500px; transition:0.5s; width:30px; height:30px; display:block; text-align:center; line-height:22pt; cursor:pointer;}
	.MainSection01 .swBtn .btnWrap .swiper-button-prev1:hover{background:#fff; color:#333;}
	.MainSection01 .swBtn .btnWrap .swiper-button-next1:hover{background:#fff; color:#333;}

	.MainSection01 .swBtn .swiper-pagination1 .swiper-pagination-bullet{width:calc(450px/7);; height:1px; background:#fff; opacity:1; border-radius:0; vertical-align:middle;}
	.MainSection01 .swBtn .swiper-pagination1 .swiper-pagination-bullet-active{height:5px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 2번배너 */
.MainSection02{content:""; clear:both; display:block; position:relative; width:100%; background:url('/img/C00263/mainSection02_back.jpg')no-repeat; background-position:center center; background-size:cover;}
.MainSection02{overflow:hidden; padding-top:120px; padding-bottom:150px;}
.MainSection02 .mainTitle{text-align:center;}
	/*이벤트롤링원상복구*/
	.MainSection02 .EventMultiSlider.LabelThum_Height .LabelThum{margin-bottom:0; margin-top:0;}
	.MainSection02 .EventMultiSlider .LabelThum label{box-shadow:none; padding:0; width:94%; border:0; border-radius:30px 30px 0 0;}
	.MainSection02 .LabelThum_Height .LabelThum dt{overflow:hidden; border-radius:30px 30px 0 0;}	
	.MainSection02 .LabelThum_Height .LabelThum label dt u{display:none;}
	.MainSection02 .EventMultiSlider .LabelThum label .TagBox{display:none;}
	.MainSection02 .EventMultiSlider .LabelThum label small > p span{display:none;}
	.MainSection02 .LabelThum_Height .LabelThum label big strike{display:none;}
	.MainSection02 .LabelThum_Height .LabelThum label big strong{display:none;}
	.MainSection02 .EventMultiSlider .LabelThum label small mark{padding:0;}
	.MainSection02 .EventMultiSlider .LabelThum label small pre{padding:0;}
	.MainSection02 .EventMultiSlider.LabelThum_Height .LabelThum label big{padding:0; margin:0;}
	/*롤링*/
	.MainSection02 .sectionCont{margin-top:60px;}
	.MainSection02 .EventMultiSlider.LabelThum_Height .LabelThum label dd{background:#f6f2ef; border-bottom:2px solid #957968; padding:30px 20px;}
	.MainSection02 .EventMultiSlider .LabelThum label small mark{font-size:14pt; color:#957968; font-weight:600;}
	.MainSection02 .EventMultiSlider .LabelThum label small pre{font-weight:600; color:#957968; font-size:18pt; padding-top:5px;}
	.MainSection02 .EventMultiSlider.LabelThum_Height .LabelThum label big em{color:#333; font-size:12pt; font-weight:600;}
	.MainSection02 .EventMultiSlider.LabelThum_Height .LabelThum label big em b{color:#957968; font-size:28pt; font-weight:600; display:inline-block; padding-right:5px;}
	.MainSection02 .LabelThum_Height .LabelThum label dt img{transition:0.5s;}
	.MainSection02 .LabelThum_Height .LabelThum:hover label dt img{scale:1.1;}
	/*롤링버튼*/
	.MainSection02 .MultiSlider ul.SliderThum_BtnPage{position:relative; margin-top:50px;}
	.MainSection02 .MultiSlider ul.SliderThum_BtnPage li{background:rgba(107,61,39,0.5); width:8px; height:8px; border:0; display:inline-block; border-radius:500px; margin:0 5px; cursor:pointer;}
	.MainSection02 .MultiSlider ul.SliderThum_BtnPage li button{display:none;}
	.MainSection02 .MultiSlider ul.SliderThum_BtnPage li.slick-active{width:60px; background:rgba(107,61,39,1);} 

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 3번배너 */
.MainSection03{content:""; clear:both; display:block; position:relative; width:100%; background:url('/img/C00263/mainSection03_back.jpg')no-repeat; background-position:center center; background-size:cover;}
.MainSection03{overflow:hidden; padding-top:150px; padding-bottom:150px;}
.MainSection03 .Inner{width:100%; min-width:100%; display:inline-flex; align-items:center; justify-content:space-between;}
	/*타이틀,버튼*/
	.MainSection03 .mainTitle{text-align:left;}
	.MainSection03 .mainTitle p{color:#ecd8cc;}
	.MainSection03 .mainTitle h3{color:#fff;}
	.MainSection03 .mainTitle h3 b{color:#ecd8cc;}
	.MainSection03 .mainTitle h5{color:#fff; padding-top:20px;}
	.MainSection03 .mainTitle h5 b{color:#fff;}
	.MainSection03 .btnArea a{margin-left:0; margin-right:auto; border:1px solid #ecd8cc; margin-top:50px;}
	.MainSection03 .btnArea a p{color:#ecd8cc;}
	.MainSection03 .btnArea a span{color:#ecd8cc;}
	/*왼쪽*/
	.MainSection03 .innerLeft{display:block; width:42%; padding-left:16%;}
	/*오른쪽*/
	.MainSection03 .sectionCont{display:block; width:58%; position:relative;}
	.MainSection03 .sectionCont .ThumbBox{overflow:hidden; border-radius:30px; transition:0.5s;}
	.MainSection03 .sectionCont .ThumbBox:hover{filter:brightness(0.7);}
	.MainSection03 .sectionCont .ThumbBox img{width:100%;}
	.MainSection03 .sectionCont .TextBox{display:none;}
	.MainSection03 .sectionCont .btnWrap .swiper-button-next3{width:60px; height:60px; display:block; background:#957968; border:2px solid #fff; color:#fff; font-weight:400; font-size:24pt; transition:0.5s; cursor:pointer; border-radius:500px; text-align:center; line-height:42pt; position:absolute; top:50%; right:29%; transform:translate(0,-50%); z-index:500;}
	.MainSection03 .sectionCont .btnWrap .swiper-button-next3:hover{background:#fff; color:#957968;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 4번배너 */
.MainSection04{content:""; clear:both; display:block; position:relative; width:100%; background:url('/img/C00263/mainSection04_back.jpg')no-repeat; background-position:center center; background-size:cover;}
.MainSection04{overflow:hidden; padding-top:120px; padding-bottom:150px;}
.MainSection04 .Inner{width:100%; min-width:100%;}
.MainSection04 .mainTitle{text-align:center;}
	/*이미지*/
	.MainSection04 .stInner{margin-top:50px;}
	.MainSection04 .stInner .BannerThum{overflow:hidden; border-radius:30px;}
	.MainSection04 .stInner .BannerThum img{width:100%; transition:5s; scale:1.1;}
	.MainSection04 .stInner .swiper-slide{opacity:0.5}
	.MainSection04 .stInner .swiper-slide-active{opacity:1;}
	.MainSection04 .stInner .swiper-slide-active img{scale:1;}
	/*화살표*/
	.MainSection04 .stInner .btnWrap .swiper-button-prev4{width:60px; height:60px; display:block; background:#957968; border:2px solid #fff; color:#fff; font-weight:400; font-size:24pt; transition:0.5s; cursor:pointer; border-radius:500px; text-align:center; line-height:42pt; position:absolute; top:50%; left:22.2%; transform:translate(0,-50%); z-index:500;}
	.MainSection04 .stInner .btnWrap .swiper-button-prev4:hover{background:#fff; color:#957968;}
	.MainSection04 .stInner .btnWrap .swiper-button-next4{width:60px; height:60px; display:block; background:#957968; border:2px solid #fff; color:#fff; font-weight:400; font-size:24pt; transition:0.5s; cursor:pointer; border-radius:500px; text-align:center; line-height:42pt; position:absolute; top:50%; right:22.2%; transform:translate(0,-50%); z-index:500;}
	.MainSection04 .stInner .btnWrap .swiper-button-next4:hover{background:#fff; color:#957968;}
	/*롤링버튼*/
	.MainSection04 .stInner .swiper-pagination4{position:absolute; left:50%; bottom:20px; transform:translate(-50%,0); z-index:500;}
	.MainSection04 .stInner .swiper-pagination4 .swiper-pagination-bullet{background:rgba(107,61,39,0.5); width:8px; height:8px; border:0; display:inline-block; border-radius:500px; margin:0 5px; cursor:pointer; opacity:1;}
	.MainSection04 .stInner .swiper-pagination4 .swiper-pagination-bullet-active{width:60px; background:rgba(107,61,39,1);} 

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션19] 메인전용퀵  */
section.MainSection19{display:block; position:fixed; left:2%; bottom:11% ; max-width:285px; z-index:100;}
	/* 19번배너 */
	.MainSection19 .Banner19{display:block; position:relative;}
	.MainSection19 .List{display:block; position:relative;}
	.MainSection19 .BannerThum{display:block; position:relative;}
	.MainSection19 .BannerThum a{display:block; position:relative; animation:Banner19_Animation 0.6s 0s infinite ease-in-out alternate;}
	.MainSection19 .BannerThum a img{max-width:fit-content;}
	.MainSection19 .BannerThum a:hover{}
	.MainSection19 .BannerThum .Btn_Close{display:block; position:absolute; left:-5%; top:5%; background: rgb(0 0 0 / 42%);; border-radius:50%; padding:0.5em; overflow:hidden; z-index:101;}
	.MainSection19 .BannerThum .Btn_Close img{width:0.8em; }
	.MainSection19 .BannerThum + .Banner19 .BannerThum{margin-bottom:1em;}
	@keyframes Banner19_Animation{
		0%{margin-bottom:0px;}
		100%{margin-bottom:10px;}
	}