@charset "utf-8";
/* 
C00130 꿈꾸는성형외과
*/

/* 메인전용컨텐츠 */
.MainContents_Area{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; box-sizing:border-box; white-space:normal; word-break:keep-all;}
/* 영역 */
.MainContents_Area section{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; z-index:1;} /* AOS때문에z-index:1 */
.C00162 .MainContents_Area *{font-family:'Montserrat',"Noto Sans JP","돋음, Dotum","Arial","sans-serif";}

/* =============================================================================================================== */
/* [섹션00] 인트로영상 */
.MainIntro_Area{overflow:hidden;}
	.MainIntro_Area .Movie_IframArea{background-color:#fff;position:absolute; height:100%; width:100%; z-index:999999;overflow:hidden;}
	.MainIntro_Area .Movie_IframArea .IntroImg{position:absolute; height:100%; width:100%; z-index:-1; display:block; animation:Zoom_image 4s ease ;}
	.MainIntro_Area .IntroHide{display:none;}
	@keyframes Zoom_image{
		0%{transform:scale(1, 1); opacity:1;}
		100%{transform: scale(1.1, 1.1); opacity:0;}
	}
	
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 1번배너 */
.MainSection01{content:""; clear:both; display:block; position:relative; width:100%;}
.MainSection01{padding:0px;}
.MainSection01 .Inner{width:100%;}
	/* 롤링배너일때 */
	.MainSection01 .Banner01.MultiSlider{height:720px; 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 ul.SliderThum_BtnPage{padding:0.4em 1em 0.8em 1em; background-color:rgb(0 0 0 / 9%); display:inline-block; position:absolute; margin:0; text-align:center; width: auto; /* right: 50%; bottom: initial; bottom: 5%; transform: translate(50%, 0); */ left:2%; bottom:5%; /* -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); */ border-radius:5px;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li{position:relative; display:inline-block;width:60px; text-align:left;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li:after{width: 100%; background-color:#fff; opacity:0.4; content: ""; position: absolute; right: 0; display: block; height: 2px; -webkit-transition: cubic-bezier(0.4, 0, 0.2, 1) 0.2s; transition: cubic-bezier(0.4, 0, 0.2, 1) 0.2s;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li.slick-active:after{width: 60px;background-color: #fff; content: ""; position: relative; right: 0; display: block; height: 2px; -webkit-transition: cubic-bezier(0.4, 0, 0.2, 1) 0.2s; transition: cubic-bezier(0.4, 0, 0.2, 1) 0.2s; opacity:1;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li.slick-active a{color:#fff; opacity:1;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li .BtnPage{font-size:12pt; line-height:2.2em; font-family:'MaruBuri', 'Noto Sans KR', sans-serif; color:#fff; opacity:0.4; padding-left:5px; font-weight:500; }
	.ScrollIcon span{position:absolute; width:40px; height:70px; bottom:4%; left:50%; margin-left:-20px; border:2px solid #fff; border-radius:50px; box-sizing:border-box; z-index:1;}
	.ScrollIcon p{position: absolute; width:60px; bottom:13%; left:50%; margin-left:-30px; font-size:17pt; color:#fff; text-align:center; font-family:'Montserrat',"Noto Sans KR","돋음, Dotum","Arial","sans-serif"; z-index:1;}
	.ScrollIcon span:before{content:''; position:absolute; width:7px; height:7px; top:10px; left:50%; margin-left:-3.5px; background-color:#fff; border-radius:100%; -webkit-animation:sdb 2s infinite; animation: sdb 2s infinite; box-sizing: border-box;}
	@-webkit-keyframes sdb {
		0%{-webkit-transform:translate(0, 0); opacity:0;}
		40%{opacity: 1;}
		80%{-webkit-transform:translate(0, 35px); opacity:0;}
		100%{opacity: 0;}
	}
	@keyframes sdb {
		0%{transform:translate(0, 0); opacity:0;}
		40%{opacity: 1;}
		80%{transform: translate(0, 35px);opacity: 0;}
		100%{opacity: 0;}
	}
	
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 이벤트 */
section.MainSection02{width:1920px!important; padding:0em; margin-left:-960px; left:50%; background-color:#fff; padding:100px 0; overflow:hidden;}
section.MainSection02:before{content:""; width:1500px; height:1px; position:absolute;background-color:#d8c6dc; left:43%; transform: rotate(40deg);}
	/* 이벤트 */
	.MainSection02 .Inner{width:1400px; display:inline-block;}
	.MainSection02 .MainSectionTitle{text-align:center; width:100%; display:block; vertical-align:middle; padding-bottom:8em;}
	.MainSection02 .MainSectionTitle em{color:#3c3c3c;}
	.MainSection02 .MainSectionTitle em:before{content:""; width:54px; height:6.5px; position:absolute;background-color:#d8c6dc; left:50%; margin-left:-27px;}
	.MainSection02 .MainSectionTitle em>strong{display:block; font-size:40pt; letter-spacing:-2px; line-height:1.2em; font-family:'Montserrat',"Noto Sans KR","돋음, Dotum","Arial","sans-serif"; font-weight:600;}
	.MainSection02 .MainSectionTitle em>p{display:block; font-size:40pt; line-height:1em; font-family:'Spoqa Han Sans','sans-serif'; font-weight:300; padding-top:0.5em;}
	.MainSection02 .MainSectionTitle .More{display:block; width:100%; margin-top:1.8em;}
	.MainSection02 .MainSectionTitle .More a{display:block; margin:0 auto; width:60%; padding:0.4em; font-size:16pt; font-family:'Montserrat',"Noto Sans KR","돋음, Dotum","Arial","sans-serif"; color:#bbaccd; border:2px solid #bbaccd; font-weight:600;}
	.MainSection02 .MainSectionTitle .More a:hover{background-color:#bbaccd; color:#fff; transition-duration:400ms;}
	.MainSection02 .Spin{position:absolute; top:-50px; left:-50px;}
	.MainSection02 .Spin img {animation: rotate_image 8s linear infinite;transform-origin: 50% 50%;} @keyframes rotate_image{ 100% { transform: rotate(360deg); } }
	
	.MainSection02 .TextBox{position:absolute; bottom:0; width:100%; color:#444; padding-bottom:30px; display:none;}
	.MainSection02 .TextBox span{position:relative; display:block; font-size:30pt; font-weight:200; letter-spacing:-2px; padding-bottom:25px; cursor:pointer;}
	.MainSection02 .TextBox p{position:relative; display:block; width:27%; margin:0 auto; font-size:13pt; font-weight:200; padding:5px 0; background-color:#444; color:#fff; border-radius:50px; cursor:pointer;}
	.MainSection02 .ThumBox{position:relative;  background-color:#ebbdc3; }
	.MainSection02 .ThumBox img{width:100%;}
	.MainSection02 .ThumBox:hover img{opacity:.65; transition-duration:400ms; transform:scale(1.1);}
	.MainSection02 .ThumBox:hover .PlusBox{display:none;}
	.MainSection02 .PlusBox{position:absolute; opacity:1; width:100%; height:100%; z-index:1}
	.MainSection02 .PlusBox img{position:absolute; width:auto;}
	{}
	
	/* 플러스표시 반짝 */
	.MainSection02 .ThumBox .PlusBox img{width:auto; animation:PlusBoxImg 0.6s 0s infinite ease-in-out alternate;}
	@keyframes PlusBoxImg {
		0%{transform: scale(1)}
		100%{transform: scale(1.2)}
	}
	.MainSection02 .PlusBox img:nth-child(1){right:50%; top:30%; display:block;}
	.MainSection02 .PlusBox img:nth-child(2){display:none;}
	.MainSection02 .PlusBox img:nth-child(3){display:none;}
	
	.MainSection02 dl{}
	.MainSection02 dl dt{position:relative; display:inline-block; width:28%; overflow:hidden; background-repeat:no-repeat; text-align:center;}
	.MainSection02 dl dd{position:relative; display:inline-block; width:70%;}
	.MainSection02 dl dt em{color:#fff;}
	.MainSection02 dl dt dd{overflow:hidden; background-color:#fff; float:left;}
	/* 롤링배너일때 */
	.MainSection02 .MultiSlider *{font-family:'Montserrat',"Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
	.MainSection02 .LabelThum_Height .LabelThum{margin:0;}
	.MainSection02 .EventMultiSlider.LabelThum_Height .LabelThum{margin:0;}
	.MainSection02 .LabelThum_Height .LabelThum label{width:85%;}
	.MainSection02 .EventMultiSlider.LabelThum_Height .LabelThum label{padding:0;}
	.MainSection02 .EventMultiSlider .LabelThum label small mark{color:#bbaccd; font-size:13pt; font-weight:300; padding:1.3em 0 0 0;}
	.MainSection02 .EventMultiSlider .LabelThum label small pre{color:#3b3b3b; font-size:16pt; font-weight:500; padding:0.3em 0 0 0;}
	.MainSection02 .EventMultiSlider.LabelThum_Height .LabelThum label big{width:100%; margin-top:2em;}

	.MainSection02 .LabelThum_Height .LabelThum label big{line-height:1.6em;}
	.MainSection02 .LabelThum_Height .LabelThum label big em{width:45%;}
	.MainSection02 .LabelThum_Height .LabelThum label big strong *{color:#bbaccd; font-weight:600;}
	.MainSection02 .LabelThum_Height .LabelThum label big strong{text-align:left;}
	.MainSection02 .LabelThum_Height .LabelThum label big strong p{width:80%; border:2px solid #bbaccd; border-radius:100px;}
	.MainSection02 .LabelThum label big em{color:#3b3b3b;}
	.MainSection02 .LabelThum label big em b{color:#3b3b3b; font-weight:600; letter-spacing:-1px; font-size:23pt;}
	.MainSection02 .LabelThum_Height .LabelThum label big strike{opacity:.7; width:25%;}
	.MainSection02 .EventMultiSlider .LabelThum label{box-shadow:none; border:none;}
	.MainSection02 .EventMultiSlider .LabelThum label dt u{display:none;} /* 기간 */
	.MainSection02 .EventMultiSlider .LabelThum label small > p span{ background-color:#3b3b3b; position:absolute; right:-10px; top:-30px; padding:0.5em;} /* 기간 */
	.MainSection02 .EventMultiSlider .LabelThum label small > p b{font-weight:200; font-size:15pt;}
	.MainSection02 .MultiSlider ul.SliderThum_BtnPage{bottom:70px; width:400px; position:absolute; left:-395px;}
	.MainSection02 .MultiSlider ul.SliderThum_BtnPage li{position:relative; display:inline-block; margin-right:5px;}
	.MainSection02 .MultiSlider ul.SliderThum_BtnPage li span{width:15px; height:15px; background-color:#aaa; color:#fff; border-radius:50px; display:block; cursor:pointer;}
	.MainSection02 .MultiSlider ul.SliderThum_BtnPage li.slick-active span{background-color:#555; color:#fff;}
	
	/* 구분 */
	.C00040 .MainSection02{display:none;}
	.C00146 .MainSection02{display:none;}
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 2번배너 */
section.MainSection03{padding:100px 0 0 0; background-color:#fff; background-image:url(https://channel-static.rebeauty.co.kr/ggnps/ko/img/C00130/mainSection03_Bg.jpg); background-size:cover;}
.MainSection03 .Inner{width:1400px;}
	/* 타이틀 */
	.MainSection03 .MainSectionTitle{position:relative; display:block; text-align:left; width:100%; padding-bottom:4em;}
	.MainSection03 .MainSectionTitle em>strong{display:block; font-weight:normal; font-size:10pt; letter-spacing:10px; line-height:1em; color:#d7d4cf; padding-bottom:15px;}
	.MainSection03 .MainSectionTitle em>p{line-height:normal;}
	.MainSection03 .MainSectionTitle em>p strong{font-weight:200; font-size:35pt; color:#3c3c3c; letter-spacing:-2px;}	
	.MainSection03 .MainSectionTitle em>p>strong>b{font-family:'Montserrat',"Noto Sans KR","돋음, Dotum","Arial","sans-serif"; font-size:37pt; font-weight:600;}
	.MainSection03 .MainSectionTitle em:after{content:""; width:54px; height:6.5px; position:absolute;background-color:#d8c6dc; left:0%; margin-top:0.5em;}
	
	/* 2번배너 */
	.MainSection03{content:""; clear:both; display:block; position:relative;}
	.MainSection03 dl{display:table; position:relative;}
	.MainSection03 dt{display:inline-block; position:relative; width:auto;}
	.MainSection03 dt img{width:100%;}
	.MainSection03 dd{display:inline-block; position:relative; width:49%; padding-left:7%; vertical-align:middle; margin-bottom:4em;}
	.MainSection03 .List{display:table; width:100%; table-layout:fixed;}
	.MainSection03 .BannerThum{display:block; position:relative; vertical-align:top; padding-right:2%; margin-bottom:1em;}
	.MainSection03 .BannerThum:hover{}
	.MainSection03  a{display:inline-table; position:relative; width:100%; background-color:#efeff1; border-radius:0 60px 0 0;}
	.MainSection03 .ThumBox{ display:none;}

	.MainSection03 .TextBox{margin:0.7em 1.7em 0.7em 0.8em; font-size:20pt; position:relative;}
	.MainSection03 .TextBox em{position:relative; display:inline-table; width:45px; height:45px; vertical-align:middle; margin-right:8px;}
	.MainSection03 .TextBox span{display:table-cell; vertical-align:middle; text-align:center; position:relative; color:#fff; border-radius:100px; background-color:#a1a1b6; font-family:'Montserrat',"Noto Sans KR","돋음, Dotum","Arial","sans-serif"; font-size:18pt; font-weight:400;}
	.MainSection03 .TextBox strong{display:inline-block; position:relative; font-weight:500; vertical-align:middle; color:#5f5da6;}
	.MainSection03 .TextBox:after{display:inline-block; position:absolute; margin:0 0 0px 10px; right:0; height:1px; content:""; background-color:#808080; width:7%; bottom:10px;}
	.MainSection03 .TextBox:before{display:inline-block; position:absolute; margin:0 0 0px 17px; height:1px; content:""; background-color:#808080; width:8px; -webkit-transform:rotate(45deg); right:0; bottom:95px; bottom:13px;}
	.MainSection03 .TextBox p{display:inline-block; position:relative; vertical-align:middle; color:#3c3c3c;}
	.MainSection03 a:hover{transition-duration:300ms;}
	.MainSection03 a:hover .ThumBox img{transition:all 0.3s linear; -webkit-ransition:all 0.3s linear; -moz-transition:all 0.3s linear; opacity:0; transition-duration:250ms;}
	.MainSection03 a:hover{transform:translatex(-10px);}
	.MainSection03 a:hover .ThumBox:after{display:block;}
	.MainSection03 a:hover .TextBox span{background-color:#5b59a4;}
	
	/* 구분 */
	.C00040 .MainSection03 .MainSectionTitle em>p strong{font-family:'Noto Sans SC',"Noto Sans KR","돋음, Dotum","Arial","sans-serif"; font-weight:300;}
	.C00040 .MainSection03 .TextBox strong{font-family:'Noto Sans SC',"Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
	.C00146 .MainSection03 *{font-family:'Montserrat',"Noto Sans KR","돋음, Dotum","Arial","sans-serif"; z-index:1;}
	.C00146 .MainSection03 .MainSectionTitle em:after{margin-top:1em;}
	.C00146 .MainSection03 .MainSectionTitle em>p strong{font-weight:300;}
	.C00146 .MainSection03 .TextBox{}
	.C00146 .MainSection03 .TextBox em{top:17px; margin-right:12px;}
	.C00146 .MainSection03 .TextBox p{font-size:19pt;}
	.C00146 .MainSection03 .TextBox strong{font-size:19pt; display:block; margin-left:2.55em; padding-bottom:10px;}
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 유튜브 */
section.MainSection04{background-color:#fff; padding:100px 0; background-image:url(https://channel-static.rebeauty.co.kr/ggnps/ko/img/C00130/mainSection04_Bg.png); background-size:auto; background-repeat:no-repeat;}
.MainSection04 .Inner{width:1400px;}
.MainSection04 .MultiSliderWrap{display:block; position:relative; overflow:hidden;}
	/* 타이틀 */
	.MainSection04 .MainSectionTitle{position:relative; display:block; text-align:left; width:100%; margin-bottom:4em;}
	.MainSection04 .MainSectionTitle em>strong{display:block; font-weight:normal; font-size:10pt; letter-spacing:10px; line-height:1em; color:#d7d4cf; padding-bottom:15px;}
	.MainSection04 .MainSectionTitle em>p{line-height:normal; width:70%; display:inline-block; overflow:visible; }
	.MainSection04 .MainSectionTitle em>p strong{font-weight:200; font-size:35pt; color:#3c3c3c; letter-spacing:-2px;}	
	.MainSection04 .MainSectionTitle em>p>strong>b{font-family:'Montserrat',"Noto Sans KR","돋음, Dotum","Arial","sans-serif"; font-size:37pt; font-weight:600;}
	.MainSection04 .MainSectionTitle em:after{content:""; display:block;width:54px; height:6.5px; position:absolute;background-color:#d8c6dc; left:0%; margin-top:0.5em;}
	.MainSection04 li{display:table-cell; position:relative; vertical-align:top; cursor:pointer;}
	.MainSection04 li .ThumBox{display:block; position:relative; margin:auto; overflow:hidden;} 
	.MainSection04 li .ThumBox img{width:100%;}
	.MainSection04 li .TextBox *{font-size:12pt !important; font-weight:normal !important;}
	.MainSection04 li .TextBox{padding-left:12px; color:#a0a0a0 !important; padding-top:5px; height:25px; display:block; line-height:120%; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
	.MainSection04 li .TextBox .Text01{width:95%; font-size:16pt !important; font-weight:500 !important; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin-bottom:5px !important; color:#a0a0a0;}
	.MainSection04 li .TextBox .Text02{width:95%; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin-bottom:5px !important; color:#a0a0a0 !important; height:1.4em !important}
	.MainSection04 li .TextBox .Text02 *{line-height:normal !important; color:#a0a0a0 !important; font-family:"Noto Sans KR" !important;}
	
	/* 롤링배너일때 */
	.MainSection04 .MultiSliderWrap{overflow:hidden; margin-top:-47px;}
	.MainSection04 .MultiSlider{clear:none;}
	.MainSection04 .MultiSlider.slider-for{width:775px; height:430px; float:left; position:relative; margin-top:45px;}
	.MainSection04 .MultiSlider.slider-for .TextBox{display:none;}
	.MainSection04 .MultiSlider.slider-nav .ThumBox{float:none; display:block; width:155px; height:85px; position:relative; overflow:hidden; margin-left:0;}
	.MainSection04 .MultiSlider.slider-nav li{height: 100%; text-align:left; padding:10px 0; overflow:hidden; position:relative; display:table; table-layout:fixed; width:100%; cursor:pointer; margin-bottom:0;}
	.MainSection04 .MultiSlider.slider-nav .slick-slide li{background-color:#fdf9f9; padding:0.48em; margin-bottom:0.3em; background-color:rgb(235 235 235 / 50%); border:2px solid rgb(235 235 235 / 0%);}
	.MainSection04 .MultiSlider.slider-nav .slick-slide.slick-current li{background-color:rgb(255 255 255 / 50%); border:2px solid #ac97c2;}
	.MainSection04 .MultiSlider.slider-nav .TextBox{position: absolute; top:0; left:165px; color:#333333; font-size:16px; line-height:100%; overflow:visible; vertical-align:middle; margin-top:19px; width:auto; float:none; width:calc(100% - 165px); white-space:normal; margin-left:0;}
	
	.MainSection04 .MultiSlider.slider-nav{position:relative!important; width:600px!important; float:left; margin-left:24px!important;}
	
	.MainSection04 .MultiSlider.slider-nav .slick-list{margin-top:45px; height:435px !important;}
	.MainSection04 .MultiSlider.slider-nav .slick-slide{width:100% !important; height:auto; overflow:hidden;}
.	.MainSection04 .MultiSlider.slider-nav .slick-slide li{width:100%; cursor:pointer;}g202

	.MainSection04 .MultiSlider .slick-slide li .ThumBox{background-color:#000;}
	.MainSection04 .slider-nav .slick-slide.slick-current li .ThumBox:after{content:''; position: absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; opacity:1; transition:opacity 0.5s;}
	.MainSection04 .slider-nav .slick-slide.slick-current li .TextBox p strong{color:#ac97c2;}
	.MainSection04 .slider-nav .slick-active + .slick-active + .slick-active + .slick-active + .slick-active + .slick-active + .slick-active li{padding-right:0 !important;}
	.MainSection04 .MultiSlider ul.SliderThum_BtnPage{position:absolute; right:auto; left:0; top:11.5px; height:35px; width:auto; margin:0;}
	.MainSection04 .MultiSlider ul.SliderThum_BtnPage li{display:inline-block; width:auto; padding:0;}
	.MainSection04 .MultiSlider ul.SliderThum_BtnPage button{background:#3c3c3c; opacity:.2; margin-right:5px; width:15px; height:15px; display:inline-block; border-radius:100%; border:none;}
	.MainSection04 .MultiSlider ul.SliderThum_BtnPage .slick-active button{background:#3c3c3c; opacity:1; width:15px; height:15px;}
	
	/* more버튼 */
	.MainSection04 .More{position:absolute; width:8rem; height:auto; right:0; bottom:0; display:inline-block; vertical-align:middle; background:transparent; padding:0; cursor:pointer; display:none;}
	.MainSection04 .More a p{position:relative; display:block; margin:0; width:2.7rem; height:2.7rem; background:#233559; border-radius:1.625rem; transition:all 0.45s cubic-bezier(0.65, 0, 0.076, 1);}
	.MainSection04 .More a p .Icon{position:absolute; top:0; bottom:0; margin:auto; background-color:#fff; transition:all 0.45s cubic-bezier(0.65, 0, 0.076, 1);}
	.MainSection04 .More a p .Icon.Arrow{left:0.625rem; width:1.125rem; height:0.125rem; background:none; transition:all 0.45s cubic-bezier(0.65, 0, 0.076, 1);}
	.MainSection04 .More a p .Icon.Arrow:before{position:absolute; content:''; top:-0.3rem; right:0.1rem; width:0.625rem; height:0.625rem; border-top:0.125rem solid #fff; border-right:0.125rem solid #fff; -webkit-transform:rotate(45deg); transform: rotate(45deg);}
	.MainSection04 .More a b{position:absolute; top:0; left:0; right:0; bottom:0; padding:0.6rem 0; margin:0 0 0 1.85rem; color:#233559; font-weight:700; line-height:1.6; text-align:center; text-transform:uppercase; transition:all 0.45s cubic-bezier(0.65, 0, 0.076, 1);}
	.MainSection04 .More:hover a p{width:100%;}
	.MainSection04 .More:hover a p .Icon.Arrow{-webkit-transform:translate(0.5rem, 0); transform:translate(0.5rem, 0);}
	.MainSection04 .More:hover a b{color:#fff;}
	
	/* more버튼 */
	.MainSection04 .More{display:inline-block; width:29%; vertical-align:middle; text-align:right; color:#bbaccd; font-family:'Montserrat',"Noto Sans KR","돋음, Dotum","Arial","sans-serif"; font-size:16pt; font-weight:600; letter-spacing:2px; overflow:visible; cursor:default;}
	.MainSection04 .More img{position:absolute; right:-44%; margin-top:-20px; z-index:-1;}
	.MainSection04 .More a:hover{color:#666; transition-duration:300ms;}
	
	/* 구분 */
	.C00040 .MainSection04 .MainSectionTitle em>p strong{font-weight:300; font-family:'Montserrat',"Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
	.C00146 .MainSection04 .MainSectionTitle em>p strong{font-weight:300; font-family:'Montserrat',"Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 셀피 */
.MainSection05{background-color:#fff; padding:100px 0; background-image:url(https://channel-static.rebeauty.co.kr/ggnps/ko/img/C00130/mainSection05_Bg.jpg); background-size:cover; background-repeat:no-repeat;}
section.MainSection05{z-index:10; overflow:hidden; /* float때문 */}
.MainSection05 .Inner{width:1400px; overflow:hidden; /* float때문 */}
	/* 타이틀 */
	.MainSection05 .MainSectionTitle{text-align:center; width:466.666px; height:233.333px; left:50%; top:50%; margin-left:-233.333px; margin-top:-116.55px; display:table; position:absolute; z-index:1; background-image:url('https://channel-static.rebeauty.co.kr/ggnps/ko/img/C00130/mainSection05_Title.png'); background-repeat:no-repeat; background-size:auto; color:#fff; overflow:hidden; background-position-x:50%; background-position-y:50%;}
	.MainSection05 .MainSectionTitle:hover{opacity:.8; transition-duration:500ms; transform:scale(1.1);}
	.MainSection05 .MainSectionTitle em{display:table-cell; vertical-align:middle; display:none;} /* 일단숨김 */
	.MainSection05 .MainSectionTitle em>strong{display:block; font-size:48pt; letter-spacing:-2px; line-height:1.2em; font-family:'GmarketSans', 'Noto Sans KR', sans-serif; font-weight:700;}
	.MainSection05 .MainSectionTitle em>p{display:block; font-size:29pt; line-height:1em; font-family:'Spoqa Han Sans','sans-serif'; font-weight:300;}
	.MainSection05 .More{display:block; width:100%; margin-top:2.5em; display:none;}
	.MainSection05 .More a{display:block; margin:0 auto; width:53%; padding:0.4em; font-size:20pt; font-family:'Spoqa Han Sans','sans-serif'; color:#ffb9c1; border-radius:50px; border:2px solid #ffb9c1; font-weight:600;}
	.MainSection05 .More a:hover{background-color:#ffb9c1; color:#fff; transition-duration:400ms;}
	/* 배너 */
	.MainSection05 .Banner03{content:""; clear:both; display:block; position:relative;}
	.MainSection05 .Banner03 ul{display:block; position:relative; width:100%;}
	.MainSection05 .Banner03 li{display:table-cell; position:relative; vertical-align:top; overflow:hidden; background-color:#372e4a;}
	.MainSection05 .Banner03 .BannerThum{}
	.MainSection05 .Banner03 a{}
	.MainSection05 .Banner03 li .TextBox{opacity:0; width:100%; height:100%;  position:absolute; display:table; z-index:1; color:#fff; top:0; text-align:left; padding:0 0 15px 15px;}
	.MainSection05 .Banner03 li .TextBox:before{ content: "";background:url('https://channel-static.rebeauty.co.kr/ggnps/ko/img/favicon_C00130_white.png'); background-repeat:no-repeat;  background-size:auto; opacity:0.2; position:absolute; top: 20px; left:124px; right:0px; bottom:0px;}
	.MainSection05 .Banner03 li .TextBox .Text{display:table-cell; vertical-align:bottom;}
	.MainSection05 .Banner03 li .TextBox .Text strong{font-size:16pt; font-weight:300; display:none;}
	.MainSection05 .Banner03 li .TextBox .Text i{font-size:15pt; display:block; opacity:.5; padding:0.3em 0;}
	.MainSection05 .Banner03 li .TextBox .Text p{font-size:15pt; font-weight:200; line-height:1.3em;}
	.MainSection05 .Banner03 li:hover img{opacity:.25; transition-duration:500ms; transform:scale(1.1);}
	.MainSection05 .Banner03 li:hover .TextBox{opacity:1; transition-duration:500ms;}
	.MainSection05 .Banner03 li img{display:block; width:100%; animation:Banner02_Animation 2s 0s infinite ease-in-out alternate; width:100%;}
	.MainSection05 .Banner03 .TextBox{}
	
	/* 가로정렬 */
	.Banner03 li{width:233.333px;} @media screen and (min-width:0\0) {.Banner03 li{width:16.5%;}}
	.Banner03 li:nth-child(n+7){width:233.333px; float:left;}
	.Banner03 li:nth-child(n+11){width:233.333px; float:left;}
	.Banner03 li:nth-child(8)
	{margin-right:233px;}
	.Banner03 li:nth-child(9)
	{margin-left:233px;}
	
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션06] 게시판 */
.MainSection06{padding:100px 0; background-color:#fff; position:relative; display:block; overflow:hidden;}
section.MainSection06:before{content:""; width:500px; height:1px; position:absolute;background-color:#a397d1; left:0; top:40%;}
section.MainSection06:after{content:""; width:300px; height:1px; position:absolute;background-color:#a397d1; right:2%; bottom:20%; transform: rotate(90deg);}
.MainSection06 .Inner{width:1400px; }
	/* 실시간신청자목록이 노출될경우(게시판3종이 없으면서, 실시간신청자목록노출이 YES일경우) */
	.MainSection06 .MainSection_EventRqnList{padding:1em 1.5em;}
	/* 기본설정 */
	.MainSection06 .List{display:table; position:relative; width:100%; table-layout:fixed;}
	.MainSection06 .List li{display:table-cell; position:relative; width:calc(100% / 3); vertical-align:top; }
	.MainSection06 .List li .BoardBox{background-color:#f2f2f2; border-radius:50px 0 0 0; width:93%;}
	.MainSection06 .List li:nth-child(2) .BoardBox{width:93%; margin:auto;}
	.MainSection06 .List li:nth-child(3) .BoardBox{width:93%; margin:0 0 0 auto;}
	.MainSection06 .List dl{display:block; position:relative; width:90%; height:10em; margin:0 auto;}
	.MainSection06 .List dt{display:block; position:relative; width:100%;}
	.MainSection06 .List dt strong{display:block; font-size:18pt; font-weight:200; color:#bbaccd; padding-bottom:20px; margin-bottom:10px; text-align:left;}
	.MainSection06 .List dt strong:hover:after{opacity:.5;}
	.MainSection06 .List dt strong:hover:before{opacity:.5;}
	.MainSection06 .List dt strong:after{display:inline-block; position:absolute; margin:0 0 0px 10px;right:0; height:1px; content:""; background-color:#808080; width:9%; top:15px;}
	.MainSection06 .List dt strong:before{display:inline-block; position:absolute; margin:0 0 0px 17px; height:1px; content:""; background-color:#808080; width:8px; -webkit-transform:rotate(45deg); right:0; bottom:95px; top:12px;}
	.MainSection06 .List dt b{display:inline-block; width:3em; height:1px; border-bottom:1px solid #fff; margin:20px auto; opacity:0.3;}
	.MainSection06 .List dd{display:block; position:relative; text-align:left; height:6em; overflow:hidden;} 
	.MainSection06 .List dd *{font-size:11pt; color:#888888;}
	.MainSection06 .List dd a{display:block;}
	.MainSection06 .List dd a,
	.MainSection06 .List dd a p,
	.MainSection06 .List dd a span{}
	.MainSection06 .List dd p{display:inline-block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.MainSection06 .List dd p span{display:inline-block;}
	.MainSection06 .List dd *{font-weight:200; line-height:2.2em;}
		.BoardBox{content:""; clear:both; display:block; position:relative; width:100%; text-align:center;  padding:2em 2em; }
		/* 언론학술 */
		.BoardBox1{}
		/* 온라인문의 */
		.BoardBox2{}
		/* 예약리스트 */
		.BoardBox3{}
		/* 리스트텍스트롤업 */
		.MainSection06 .ListBox{display:block; position:absolute; top:0; left:0; width:100%;}
		.MainSection06 .ListBox a{display:block; width:100%; vertical-align:top;}
		.MainSection06 .ListBox a p{display:inline-block; width:80%; letter-spacing:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:10px;}
		.MainSection06 .ListBox a span{display:inline-block; position:absolute; right:0px;}
		

	/* 구분 */
	.C00040 .MainSection06{display:none;}
	.C00146 .MainSection06{display:none;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션08] FAQ */
.MainSection08{padding:100px 0; background:linear-gradient(to bottom, #fcfaff, #fff); position:relative; display:block; overflow:hidden;}
.MainSection08 .Inner{width:1400px; display:flex; align-items:flex-start;}
.MainSection08 .MainSectionTitle{display:flex; align-items:flex-start; flex-direction:column; text-align:left; gap:0.8em;}
.MainSection08 .MainSectionTitle span{color:#cfcfcf; font-size:13pt; letter-spacing:1px; font-weight:600;}
.MainSection08 .MainSectionTitle strong{font-weight:200; font-size:35pt; color:#3c3c3c; letter-spacing:-2px; line-height:1.2;}
.MainSection08 .MainSectionTitle b{font-weight:500;}
.MainSection08 .MainSectionTitle .More{display:block; width:100%; margin-top:1.8em;}
.MainSection08 .MainSectionTitle .More a{display:block; margin:0 auto; padding:0.4em 2em; font-size:16pt; font-family:'Montserrat',"Noto Sans KR","돋음, Dotum","Arial","sans-serif"; color:#bbaccd; border:2px solid #bbaccd; font-weight:600; text-align:center;}
.MainSection08 .MainSectionTitle .More a:hover{background-color:#bbaccd; color:#fff; transition-duration:400ms;}
	
	.MainSection08 .ContArea{width:950px; margin-left:auto;}
	.MainSection08 .faqArea{display:flex; flex-direction:column; width:100%; gap:13px;}
	.MainSection08 .faqArea .faqBox{position:relative; overflow:hidden; border-radius:10px; transition:250ms;}
	.MainSection08 .faqArea .faqBox * {text-align:left;}
	.MainSection08 .faqArea .faqBox .qestionArea{background-color:#f0f0f7; display:flex; align-items:baseline; justify-content:space-between; padding:0 30px; cursor:pointer; transition:background-color 250ms; height:65px; align-items:center;}
	.MainSection08 .faqArea .faqBox .qestionArea:hover{background-color:#e4e4ed;}
	.MainSection08 .faqArea .faqBox .qestionArea h3{font-size:19px; font-weight:500; color:#151515; letter-spacing:-3%;}
	.MainSection08 .faqArea .faqBox .arrow{position:relative; display:inline-block; width:20px; height:20px;}
	.MainSection08 .faqArea .faqBox .arrow::before,
	.MainSection08 .faqArea .faqBox .arrow::after{content:''; position:absolute; top:50%; left:50%; background-color:#a3a3a3; transition:transform 0.3s ease;}
	.MainSection08 .faqArea .faqBox .arrow::before{width:12px; height:2px; transform:translate(-50%, -50%); border-radius:100px;}
	.MainSection08 .faqArea .faqBox .arrow::after{width:2px; height:12px; transform:translate(-50%, -50%); border-radius:100px;}
	.MainSection08 .faqArea .answerArea{will-change:height; transform:translateZ(0); height:0; overflow:hidden; transition:height .45s cubic-bezier(.4,0,.2,1);}
	.MainSection08 .faqArea .answerBox{padding:21px 35px;}
	.MainSection08 .faqArea .answerBox p{position:relative; font-size:16.5px; line-height:1.7; color:#666; font-weight:400; letter-spacing:-3%; word-break:keep-all;}
	/* 열릴때 */
	.MainSection08 .faqArea .faqBox.active{box-shadow:0 0 0 1px #d2d2db;}
	.MainSection08 .faqArea .faqBox.active .arrow::after{transform:translate(-50%, -50%) rotate(90deg) scaleY(0);}
	.MainSection08 .faqArea .faqBox.active .qestionArea{background-color:#e4e4ed;}
	.MainSection08 .faqArea .faqBox.active .qestionArea h3{font-weight:500; color:#121212;}
	

/* =============================================================================================================== */
/* [세션19] 메인전용퀵  */
.MainSection19{display:block; position:fixed; right:8%; top:10%; max-width:250px; z-index:100;}
	/* 19번배너 */
	.Banner19{display:block; position:relative;}
	.Banner19 .List{display:block; position:relative;}
	.Banner19 .BannerThum{display:block; position:relative;}
	.Banner19 .BannerThum a{display:block; position:relative; animation:Banner19_Animation 0.6s 0s infinite ease-in-out alternate;}
	.Banner19 .BannerThum a img{max-width:230px;}
	.Banner19 .BannerThum a:hover{}
	.Banner19 .BannerThum .Btn_Close{display:block; position:absolute; right:4%; top:4%; padding:0; overflow:hidden; z-index:101; width:30px; height:30px; cursor:pointer;}
	.Banner19 .BannerThum .Btn_Close img{width:0.8em; }
	.Banner19 .BannerThum + .Banner19 .BannerThum{margin-bottom:1em;}