@charset "utf-8";
/* 메인전용  */
.mainWrap .FooterArea{margin-top:0px;}
.mainWrap.branchWrap{}
/*  -------------------------------------------------------------------------------------------------------- */
/* 메인전용컨텐츠 : 배너는 모두 같은 스크립트를 사용(201807) */
.MainContents_Area{content:""; clear:both; display:block; width:100%; font-size:10pt; text-align:center; margin:auto;}
.MainContents_Area section{display:block; position:relative; padding:50px 0px;} /* border:1px dashed #000; padding:100px 0px;*/
.MainContents_Area section + section{}
.MainContents_Area section:nth-child(odd){} /* 홀수 */
.MainContents_Area section:nth-child(even){} /* 짝수 */
/* .MainContents_Area section.MainSection03 ~ section:nth-child(odd){background-color:#f8f8f8;} */ /* 미앤미베스트이벤트 이후 부터 홀수 */
.MainContents_Area .InnerContainer{position:relative; } /* min-width:1300px;  */
.MainContents_Area .Inner{position:relative;}
.MainContents_Area img{max-width:100%;}

/* 타이틀 */
.MainContents_Area .MainContents_Title{content:""; clear:both; display:block; position:relative; color:#1d1d1d; vertical-align:middle; text-align:center; font-family:'Roboto', sans-serif; margin-bottom:3em;}
.MainContents_Area .MainContents_Title p{display:inline-block; line-height:1em; font-size:24pt; font-weight:300;}
.MainContents_Area .MainContents_Title span{display:block; font-size:30px; margin-top: 10px;}
/* .MainContents_Area .MainContents_Title strong{font-size:40px;} */
.MainContents_Area .MainContents_Title b{}
/* 더보기버튼 background-color:#fff;  */
.MORE_Btn{display:block; position:relative; width:80px; box-shadow:0px 0px 15px rgb(0 0 0 / 9%);  border-radius:50px; background-color:#f0597d; }
.MORE_Btn a{display:block; width:auto; height:inherit; color:#fff; font-size:11pt; padding:0.7em 1em; text-align:center;}
.MORE_Btn a:hover{}

/* 롤링 */
.MainContents_Area .MainMultiSlider ul.SliderThum_BtnPage{margin-top:40px;}
.MainContents_Area .MainMultiSlider ul.SliderThum_BtnPage li button{border:none; background-color:#fff; margin-right:8px;}
.MainContents_Area .MainMultiSlider ul.SliderThum_BtnPage li.slick-active button{background-color:#143444; width:12px;}


/*  -------------------------------------------------------------------------------------------------------- */
/* [세션12] 브랜드영상  */
section.MainSection12{padding:0px;}
.MainSection12 .InnerContainer{}
.MainSection12 .MainContents_Title{}
	/* 12번배너 */
	.Banner12{content:""; clear:both; display:block; position:relative; }
	.Banner12 .InnerContainer{display:block; width:100%; max-height:720px; overflow:hidden;}
	.Banner12 .BannerThum{}
	.Banner12 .Movie_IframArea{width:100%; margin-top:-13em; }
	.Banner12 .OverImg{display:none;}
	.Banner12 .OverImg img{}


/*  -------------------------------------------------------------------------------------------------------- */
/* [세션01] 상단배너 */
section.MainSection01{padding:0px;}
.MainSection01 .InnerContainer{}
.MainSection01 .MainContents_Title{}
	/* 1번배너 */
	.Banner01{content:""; clear:both; display:block; position:relative; }
	.Banner01 .InnerContainer{content:""; clear:both; display:block; width:100%; }
	/* 아코디언형식https://www.cssscript.com/pure-css-responsive-horizontal-accordion) */
	.Banner01 .AccordionBanner{content:""; clear:both; display:block; position:relative; background-color:#000;}
	.Banner01 .AccordionBanner .InnerContainer{height:400px; overflow:hidden;}
	.Banner01 .AccordionBanner .List {width:100%; display:table; table-layout:fixed;}
	.Banner01 .AccordionBanner .List li.BannerThum{}
	.Banner01 .AccordionBanner .List li{display:table-cell; position:relative; width:20%; height:400px; vertical-align:top; background-repeat:no-repeat; background-position:center center; transition:all 500ms ease;}
	.Banner01 .AccordionBanner .List li a {display:block; overflow:hidden; width:100%;}
	.Banner01 .AccordionBanner .List li a p {display:block; position:relative; width:100%; height:400px; z-index:3; background-repeat:no-repeat; background-position:center center; vertical-align:bottom; text-decoration:none; -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; -o-transition:all 200ms ease; -ms-transition:all 200ms ease; transition:all 200ms ease; opacity:0; filter:alpha(opacity=0);}
	.Banner01 .AccordionBanner .List:hover li {width:10%;}
	.Banner01 .AccordionBanner .List li:hover{width:14.2%;}
	@media(max-width:1200px){
	.Banner01 .AccordionBanner .List li:hover{width:30%;;}
	}
	.Banner01 .AccordionBanner .List li:hover p{opacity:1; filter:alpha(opacity=100);}
	.Banner01 .AccordionBanner:after{content:""; clear:both; display:block; }
	/* for IE7 */
	.AccordionBanner .List li{*float:left; *width:19%;}
	.AccordionBanner .List{*overflow:hidden;}

	/* 롤링배너형식 */
	.Banner01 .RollingBanner{}
	.Banner01 .RollingBanner .BannerThum{height:700px;}
	.Banner01 .RollingBanner .BannerThum a{display: block; height:inherit; background-repeat:no-repeat; background-repeat:no-repeat; background-size:auto 100%; background-position:center top; }
	.Banner01 .RollingBanner .BannerThum a img{height:inherit; opacity:0;}
	.Banner01 .RollingBanner .MainMultiSlider{}
	.Banner01 .RollingBanner .MainMultiSlider .slick-track{height:700px; overflow:hidden;}
	.Banner01 .RollingBanner .MainMultiSlider .slick-arrow.SliderThum_BtnPrev{top: 50%; transform: translateY(-50%); left:10%; color: #f8f8f8; font-size: 55px; font-weight: bold; width: 100px; height: 100%; z-index:1; font-family: 'Noto Sans KR', sans-serif !important;}
	.Banner01 .RollingBanner .MainMultiSlider .slick-arrow.SliderThum_BtnNext{top: 50%; transform: translateY(-50%); right:10%; color: #f8f8f8; font-size: 55px; font-weight: bold; width: 100px; height: 100%; z-index:0; font-family: 'Noto Sans KR', sans-serif !important;}
	
	.Banner01 .RollingBanner .MainMultiSlider ul.SliderThum_BtnPage{display:inline-block; position:absolute; margin:0; padding:0; text-align:center; width: auto; left:0%; right: 0%; bottom: initial; bottom: 5%;}
	.Banner01 .RollingBanner .MainMultiSlider ul.SliderThum_BtnPage li{position:relative; display:inline-block;width:40px; text-align:left;}
	.Banner01 .RollingBanner .MainMultiSlider ul.SliderThum_BtnPage li:after{width: 100%; background-color:#ddd; 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;}
	.Banner01 .RollingBanner .MainMultiSlider ul.SliderThum_BtnPage li.slick-active:after{width: 40px;background-color: #333; 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;}
	.Banner01 .RollingBanner .MainMultiSlider ul.SliderThum_BtnPage li.slick-active a{color:#333; opacity:1;}
	.Banner01 .RollingBanner .MainMultiSlider ul.SliderThum_BtnPage li .BtnPage{font-size:11pt; line-height:3em; font-family:'Roboto', sans-serif; color:#ddd; opacity:0.4; padding-left:5px;font-weight:bold; }


/*  -------------------------------------------------------------------------------------------------------- */
/* [세션02] DB영역
https://gist.github.com/noahub/822c4fe349a4bce4cb03447a04a44812
*/
section.MainSection02{font-family:'Roboto', sans-serif; font-size:11pt; padding:40px 0;}
.MainSection02 .InnerContainer{} /* background-color:#f4f4f4; padding:2em; */
.MainSection02 .MainContents_Title{}

	.MainContents_RqnCount{display:relative; width:100%; padding:3em 1.5em; background-color:#f8f8f8; border-radius:150px;}
	/* 신청자목록 */
	.MainContents_EventRqnList{display:table; position:relative; width:80%; table-layout:fixed; margin:0 auto;}
		/* 리스트 */
		.EventRqnList_Left{display:table-cell; position:relative; width:75%; vertical-align:top; color:#444;}
		.EventRqnList_Left .ListBox{display:block; position:relative; height:5.2em; line-height:1.8em; overflow:hidden;}
		.EventRqnList_Left .List{display:block; position:relative; }
		.EventRqnList_Left .List li{display:block; position:relative; height: 26px;}
		.EventRqnList_Left .List li p{display:table; position:relative; width:100%; table-layout:fixed;}
		.EventRqnList_Left .List li span{display:table-cell;   white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
		.EventRqnList_Left .List li span.Name{width:10%; }
		.EventRqnList_Left .List li span.Number{width:13%;}
		.EventRqnList_Left .List li span.Date{width:8%; text-align:center; letter-spacing:0px; }
		.EventRqnList_Left .List li span.Subject{padding-right:10px; }
		.EventRqnList_Left .List li span.State{width:12%; text-align:center; }
		.EventRqnList_Left .List li span.State:after{display:inline-block; margin:0 0 3px 2px; height:4px;  content:""; background-color:#f0597d; width:4px; border-radius:10px;}
		/* 버튼 */
		.EventRqnList_Right{display:table-cell; position:relative; vertical-align:middle; text-align:center;}
		.EventRqnList_Right a{display:block; position:relative; width:80%; color:#ffffff; font-size:14pt; line-height:3em; letter-spacing:1px; border-radius:100px; background-color:#143444; height:50px; float:right; box-shadow:0px 0px 15px rgb(0 0 0 / 9%);} /* 컬러변경 #f0597d 202308 */
		.EventRqnList_Right a strong{}
		.EventRqnList_Right a .glyphicon{margin-right:5px; display:none;}
		/* 구분 */
		.C00031 .EventRqnList_Right a{font-size:12pt; line-height:1em; padding:10px;}/* 영어 */
		.C00035 .EventRqnList_Right a{font-size:12pt; line-height:1em; padding:10px;}/* 일어 */
		
	/* 카운트업 */
	.MainContents_CountUp{display:block; position:relative; padding-top:2em; overflow:hidden;}
	.MainContents_CountUp .List{display:table; position:relative; width:85%; table-layout:fixed; text-align:center; margin:0 auto;}
	.MainContents_CountUp .List li{display:table-cell; line-height:1em;text-align:center; vertical-align:top;}
	.MainContents_CountUp .List li b{display:block; color:#444;}
	.MainContents_CountUp .List li p{display:block; margin-top:1em;}
	.MainContents_CountUp .List li p label{font-size:18pt; font-weight:bold;}
	.MainContents_CountUp .List li span{display:block; color:#a4a4a4; margin-top:1em;}
	.MainContents_CountUp .List li.MainContents_CountUp1{}
	.MainContents_CountUp .List li.MainContents_CountUp2{}
	.MainContents_CountUp .List li.MainContents_CountUp3{}
	/* 근접 */
	.MainContents_CountUp + .MainContents_EventRqnList{}
	.MainContents_EventRqnList + .MainContents_CountUp{}
	/* for IE10 */
	@media screen and (min-width:0\0){
	.EventRqnList_Right a{ position:relative;}
	}

.MainSection02:after{content:""; clear:both; display:block; }


/*  -------------------------------------------------------------------------------------------------------- */	
/* [세션03] 미앤미베스트이벤트  */
section.MainSection03{background-color:#f1f1f1;} /* 컬러변경 #f4eeed 202308 */
.MainSection03 .InnerContainer{padding-left:300px;}
.MainSection03 .MainContents_Title{position:absolute; left:-147px; top:148px; transform:rotate(-90deg);}
.MainSection03 .MainContents_Title p{font-size:45pt;}
.MainContents_BestEventArea{content:""; clear:both; display:block; position:relative;}
.MainContents_BestEventArea .InnerContainer{content:""; clear:both; display:block; position:relative;}
.MainContents_BestEventArea:after{content:""; clear:both; display:block;}
	/* 배너영역 */	
	.MainContents_BestEventArea .MainMultiSlider{width:100%;}
	.MainContents_BestEventArea .MainMultiSlider .slick-slide{}
	.MainContents_BestEventArea .MainMultiSlider .slick-list{max-height:40em;}
	.MainContents_BestEventArea .MainMultiSlider .slick-arrow{}/* top:30%; */
	.MainContents_BestEventArea .MainMultiSlider .slick-arrow.SliderThum_BtnPrev{}
	.MainContents_BestEventArea .MainMultiSlider .slick-arrow.SliderThum_BtnNext{}
	.MainContents_BestEventArea .LabelThum{}

/*  -------------------------------------------------------------------------------------------------------- */
/* [세션04] 미앤미픽추천시술 */
section.MainSection04{height:874px;}
.MainSection04 .InnerContainer{}
.MainSection04 .MainContents_Title{position:absolute; left:0; top:140px; text-align:left;}
.MainSection04 .MainContents_Title .MORE_Btn{display:none;}/* 일단숨김 */
	/* 4번배너 */
	.Banner04 {position:relative; top:50%; right:40px; width:85%; height:744px; float:right;}
	.Banner04 .List li{position:absolute; opacity:0;}
	.Banner04 .List li:after {opacity:0; transition:opacity 1s;}
	.Banner04 .List li:nth-child(1){transform:translate(-50px, -50px); right:37.8%; bottom:55.3%;  z-index:1;}
	.Banner04 .List li:nth-child(2){transform:translate(50px, -50px); left:42.2%; bottom:55.3%;}
	.Banner04 .List li:nth-child(3){transform:translate(-50px, 50px); right:47%; top:44.7%;  z-index:3;}
	.Banner04 .List li:nth-child(4){transform:translate(50px, 50px); left:48.8%; top:44.7%; z-index:2;}
	.Banner04 .List li:nth-child(2):after{content:''; position:absolute; left:-20.8%; right:-18.5%; top:-34.4%; bottom:-14.4%; border:4px solid #f0597d; box-sizing:border-box;}
	.Banner04 .List li:nth-child(3):after{content:''; position:absolute; left:-21.4%; right:17.7%; top:54.4%; bottom:-23.7%; border:4px solid #f0597d; box-sizing:border-box;}
	/* 텍스트박스 */
	.Banner04 .List li .TextBox{position:absolute; z-index:2; white-space:nowrap;}
	.Banner04 .List li:nth-child(1) .TextBox{top:0; left:0; transform:translateY(-120%); text-align:left;}
	.Banner04 .List li:nth-child(2) .TextBox{top:0; right:18px; transform:translateY(-120%);}
	.Banner04 .List li:nth-child(3) .TextBox{bottom:0; left:0; text-align:right; transform:translateY(120%);}
	.Banner04 .List li:nth-child(4) .TextBox{bottom:0; left:0; transform:translateY(120%);}
	.Banner04 .List li:nth-child(1) .TextBox{transform:translateY(0);}
	.Banner04 .List li:nth-child(2) .TextBox{transform:translateY(0);}
	.Banner04 .List li:nth-child(3) .TextBox{transform:translateY(0);}
	.Banner04 .List li:nth-child(4) .TextBox{transform:translateY(0);}
	.Banner04 .List li .TextBox strong {display:block; overflow:hidden; font-size:14pt; font-weight:normal;}
	.Banner04 .List li .TextBox strong:after{ content:""; background-color:#1d1d1d; width:30px; display:inline-block; margin:0 0 0px 10px; height:1px;}
	.Banner04 .List li .TextBox strong:before{display:inline-block; position:absolute; height:1px; content:""; background-color:#1d1d1d; width:8px; transform:rotate(45deg); right:0; top:14px;}
	.Banner04 .List li .TextBox a{overflow:hidden;}
	/* 이미지박스 */
	.Banner04 .List li .ImgBox{position:relative; overflow:hidden; height:100.5%; z-index:2;}
	.Banner04 .List li:nth-child(3) .ImgBox{width:90%;}
	/* 스크롤 도착시 */
	.Banner04.Entered .List li{opacity:1; transform:translate(0) !important; transition: transform .4s, opacity 1s;}
	.Banner04.Entered .List li .TextBox{transition: transform .4s; transition-delay: 1s;}
	.Banner04.Entered .List li:nth-child(1){transition-delay: .2s;}
	.Banner04.Entered .List li:nth-child(2){transition-delay: .3s;}
	.Banner04.Entered .List li:nth-child(3){transition-delay: .4s;}
	.Banner04.Entered .List li:nth-child(4){transition-delay: .5s;}
	.Banner04.Entered .List li:nth-child(1) .TextBox{transform:translateY(-120%);}
	.Banner04.Entered .List li:nth-child(2) .TextBox{transform:translateY(-120%);}
	.Banner04.Entered .List li:nth-child(3) .TextBox{transform:translateY(120%);}
	.Banner04.Entered .List li:nth-child(4) .TextBox{transform:translateY(120%);}
	.Banner04.Entered .List li:after {opacity:1; transition-delay: 1s;}
		/* 구분 */
		.C00031 .Banner04 .List li .TextBox strong:before{bottom:12px;}/* 영어 */
		.C00035 .Banner04 .List li .TextBox strong:before{bottom:12px;}/* 일어 */


/*  -------------------------------------------------------------------------------------------------------- */
/* [세션05] 고객사진컨텐츠영역 */
section.MainSection05{background:url(/img/main/Mainsection04_bg.jpg) no-repeat center center; background-size:cover}
.MainSection05 .InnerContainer{width:100%;}
.MainSection05 .MainContents_Title{color:#fff;}
.MainSection05 .MainContents_Title .MORE_Btn{display:none}
	/* 2번배너 */
	.Banner02{content:""; clear:both; display:block; position:relative; }
	.Banner02 .List{display:block; position:relative;}
	.Banner02 .List li.BannerThum{display:table-cell; position:relative; vertical-align:top;}
	.Banner02 .List li{display:block; position:relative; }
	.Banner02 .List li + li{margin-top:5em;}
	.Banner02 .List .MainContents_Title{}
	.Banner02 .List .ThumImg_Area{}
	.Banner02 .List .ThumImg_Area img{width:100%;}
	.Banner02 .List a{display:block; position:relative;}
.MainSection05:after{content:""; clear:both; display:block;}


/*  -------------------------------------------------------------------------------------------------------- */
/* [세션06] 미앤미홍보영역  */
section.MainSection06{font-family:'Roboto', sans-serif; }
.MainSection06 .InnerContainer{padding-left:300px;}
.MainSection06 .MainContents_Title{position:absolute; left:0; top:140px; text-align:left;}
.MainSection06 .MainContents_Title .MORE_Btn{display:none}
	/* 5번배너 */
	.Banner05 .slick-list{background-color:#555; border-radius:20px;}
	.Banner05 .MainMultiSlider{width:64%;}
	.Banner05 .TextBox{}
	.Banner05 .TextBox strong{font-weight:normal;}
	
	.Banner05 .MainMultiSlider .slick-list{height:400px;}
	.Banner05 .MainMultiSlider .slick-list .slick-slide a{overflow:hidden;}
	.Banner05 .MainMultiSlider .slick-list .slick-slide a img{width:100%;}
	
	.Banner05 .MainMultiSlider ul.SliderThum_BtnPage{text-align:left; position:absolute; top:11%; right:-430px; z-index:2; margin-top:0; font-size:14pt; width:400px;}
	.Banner05 .MainMultiSlider ul.SliderThum_BtnPage li{display:block; margin-left:10px; height:75px; overflow:hidden;}
	.Banner05 .MainMultiSlider ul.SliderThum_BtnPage li:before{width: 100%;background-color: #dadada; 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;}
	
	.Banner05 .MainMultiSlider ul.SliderThum_BtnPage li.slick-active{height:110px;}
	.Banner05 .MainMultiSlider ul.SliderThum_BtnPage li.slick-active .TextBoxArea .PageMore p{display:inline-block; font-size:11pt; border-bottom:2px solid #1d1d1d; margin-left:27px; margin-top:13px;}
	.Banner05 .MainMultiSlider ul.SliderThum_BtnPage li.slick-active:before{width: 500px;background-color: #000; 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;}
	
	.Banner05 .MainMultiSlider ul.SliderThum_BtnPage li .TextBoxArea{overflow:hidden; padding:20px 0 20px 0;}
	.Banner05 .MainMultiSlider ul.SliderThum_BtnPage li .TextBoxArea .TextBox{}
	.Banner05 .MainMultiSlider ul.SliderThum_BtnPage li .TextBoxArea .TextBox p{display:none;} /* 일단숨김 */
	.Banner05 .MainMultiSlider ul.SliderThum_BtnPage li .TextBoxArea .TextBox .PageNum{margin-right:7px; font-weight:bold; letter-spacing:1px; color:#f0597d;}
	.Banner05 .MainMultiSlider ul.SliderThum_BtnPage li .TextBoxArea .PageMore{}
	.Banner05 .MainMultiSlider ul.SliderThum_BtnPage li .TextBoxArea .PageMore p{display:none;} /* 기본숨김 */


/*  -------------------------------------------------------------------------------------------------------- */
/* [세션07] 미앤미TV  */
section.MainSection07{background-color:#f4eeed;}
.MainSection07 .InnerContainer{}
.MainSection07 .MainContents_Title{position:relative; right:0; display:inline-block; word-break:break-all; width:530px; text-align:left; vertical-align:top; height:422px; padding-left:2.5em; margin-bottom:0;}
.MainSection07 .MainContents_Title span{margin-top:2em;margin-bottom: 1.5em;}
.MainSection07 .MainContents_Title p{font-size:18pt;line-height:1.3em;font-weight: 400;margin-bottom:0.5em;}
.MainSection07 .MainContents_Title pre{line-height: 2em; font-size:13pt;}
.MainSection07 .MainContents_Title .MORE_Btn{}
	/* 인기미앤미유튜브 */
	.MainContents_MiTv{}
	.MainContents_MiTv .MainMultiSlider{width:100%; display:inline-block; } 
	.MainContents_MiTv .MainMultiSlider .Thum_Area:before{content:''; position:absolute; width:100%; height:100%; left:0; right:0; margin:0 auto; top:50%; -webkit-transform:translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%); background:url(/img/main/play_btn.png) no-repeat center center; z-index:1;}
	.MainContents_MiTv .MainMultiSlider .Thum_Area:after{content:''; position:absolute; width:133px; height:133px; left:0; right:0; margin:auto; top:34%; border:1px solid #fff; border-radius:100%;}
	.MainContents_MiTv .MainMultiSlider ul.SliderThum_BtnPage{position:absolute; right:0; bottom:35px; margin:0; width:42%; height:110px;}
	.MainContents_MiTv .MainMultiSlider ul.SliderThum_BtnPage li{}
	.MainContents_MiTv .MainMultiSlider ul.SliderThum_BtnPage li button{width:90px; height:90px; background-color:#fff}
	.MainContents_MiTv .MainMultiSlider ul.SliderThum_BtnPage li button img{width:180%; max-width:180%; margin-left:-38px; opacity:0.4;}
	.MainContents_MiTv .MainMultiSlider ul.SliderThum_BtnPage li.slick-active{}
	.MainContents_MiTv .MainMultiSlider ul.SliderThum_BtnPage li.slick-active button{width:90px; height:90px; border:4px solid #f0597d;}
	.MainContents_MiTv .MainMultiSlider ul.SliderThum_BtnPage li.slick-active button img{opacity:1;}
	
	.MainContents_MiTv .mitvThum{display:inline-block; width:750px; border-radius:20px;}
	.MainContents_MiTv .mitvThum .mitvPlay_Area iframe{border-radius:20px;height: 422px;}
	
	.MainContents_MiTv .MainMultiSlider .slick-list{height:inherit;}
	.MainContents_MiTv .MainMultiSlider .slick-list .slick-track{height:422px!important;}
	.MainContents_MiTv .ThumImg_Area{width:100%; height:422px; padding-top:51px; border-radius:20px;}
	.MainContents_MiTv .MainMultiSlider .slick-list .slick-slide .BannerThum1 .ThumImg_Area{background-color:#f7dbdc;}
	.MainContents_MiTv .MainMultiSlider .slick-list .slick-slide .BannerThum2 .ThumImg_Area{background-color:#e4d7e9;}
	.MainContents_MiTv .MainMultiSlider .slick-list .slick-slide .BannerThum3 .ThumImg_Area{background-color:#fde2db;}
	.MainContents_MiTv .MainMultiSlider .slick-list .slick-slide .BannerThum4 .ThumImg_Area{background-color:#d3e5f7;}
	.MainContents_MiTv .MainMultiSlider .slick-list .slick-slide .BannerThum5 .ThumImg_Area{background-color:#dbecde;}
	.MainContents_MiTv .MainMultiSlider .slick-list .slick-slide .ThumImg_Area .ThumImg{width:320px;height:320px; border-radius:320px; overflow:hidden; margin:auto;}
	.MainContents_MiTv .MainMultiSlider .slick-list .slick-slide .ThumImg_Area .ThumImg img{width:180%;  max-width:180%; background-color:#ef8ebb; margin-left:-130px;}
	.MainContents_MiTv .BannerThum{}
	.MainContents_MiTv .BannerThum a{display:block; position:relative;}
	
	.MainContents_MiTv .ThumTitle{font-family:'Montserrat', sans-serif;font-size:40pt;position:absolute;width:750px;height:422px;padding:0;font-weight: bold;font-style: italic;} /* 썸네일 */
	.MainContents_MiTv .ThumTitle span:nth-child(1){position:absolute;right: 0;padding:70px; }
	.MainContents_MiTv .ThumTitle span:nth-child(2){position:absolute;left: 0;bottom: 0;padding: 40px;}
	.MainContents_MiTv .MainMultiSlider .slick-list .slick-slide .BannerThum1 .ThumTitle{color:#ff8e92; opacity:0.3;}
	.MainContents_MiTv .MainMultiSlider .slick-list .slick-slide .BannerThum2 .ThumTitle{color:#d484f3; opacity:0.3;}
	.MainContents_MiTv .MainMultiSlider .slick-list .slick-slide .BannerThum3 .ThumTitle{color:#ff8443; opacity:0.3;}
	.MainContents_MiTv .MainMultiSlider .slick-list .slick-slide .BannerThum4 .ThumTitle{color:#43b1ff; opacity:0.3;}
	.MainContents_MiTv .MainMultiSlider .slick-list .slick-slide .BannerThum5 .ThumTitle{color:#72ce82; opacity:0.3;}

/* for IE8 */	
@media \0screen {
.MainContents_MiTv .Thum{width:20%;}
}
/* for IE7 */	
.MainContents_MiTv .Thum{*float:left;  *width:20%;}


/*  -------------------------------------------------------------------------------------------------------- */
/* 별도 */
.LabelThum label dt em{bottom:0px; top:auto !important;}


/*  -------------------------------------------------------------------------------------------------------- */
/* 브랜드 새 디자인 brandNew 202303 */
/* 브랜드 지점안내 영역 */
.MainSection_brand.map .MainContents_Title{margin-bottom: 5em; font-family: 'Noto Serif KR', serif;}
.MainSection_brand.map .MainContents_Title span{font-size: 18px; margin-top: 15px; font-family: 'Noto Sans KR', serif;}
@keyframes mapScale_circle{
	0% {-webkit-transform: scale( 0.8 ); transform: scale( 0.8 ); opacity: 0;}
	50% {-webkit-transform: scale( 1.1 ); transform: scale( 1.1 );  opacity: 1;}
	80% {-webkit-transform: scale( 1.2 ); transform: scale( 1.2 ); opacity: 0;}
	100% {-webkit-transform: scale( 0.8 ); transform: scale( 0.8 ); opacity: 0;}
}
.MainSection_brand.map .circleMap1 {position: absolute; top: 5%; left: 7%; transform: translate(-90%, -100%); width: 250px; height: 250px; border: 1px dashed #b7b7b7; border-radius: 50%; -webkit-animation: mapScale_circle 2s linear infinite; animation: mapScale_circle 2s linear infinite; filter: blur(3px); -webkit-filter: blur(3px);}
.MainSection_brand.map .circleMap2 {position: absolute; top: -9%; left: -12%; transform: translate(-73%, -78%); width: 450px; height: 450px; border: 1px dashed #858585; border-radius: 50%; -webkit-animation: mapScale_circle 2s linear infinite; animation: mapScale_circle 2s linear infinite; filter: blur(3px); -webkit-filter: blur(3px); animation-delay: 0.8s;}
.MainSection_brand.map .circleMap3 {position: absolute; top: 62%; left: 66%; transform: translate(42%, 77%); width: 200px; height: 200px; border: 1px dashed #858585; border-radius: 50%; -webkit-animation: mapScale_circle 2s linear infinite; animation: mapScale_circle 2s linear infinite; filter: blur(3px); -webkit-filter: blur(3px);}
/* 탭 스타일 */
.MainSection_brand.map .tabs {background-color: #ffffff; width: 100%; margin: 0 auto;}
.MainSection_brand.map .tabs_menu {position: relative; display: flex; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);}
.MainSection_brand.map .tabs_menu_wrap{display: flex; justify-content: center; width: 1300px; margin: 0 auto;}
.MainSection_brand.map .tab_item {width: calc(100%/5); height: 50px; line-height: 50px; font-size: 18px; text-align: center; color: #3A566A; display: block; text-align: center; font-weight: 400; transition: all 0.2s ease;}
.MainSection_brand.map .tab_item.on{background-color: #143444; color: #fff;}
.MainSection_brand.map .tab_content {display: none; padding: 30px 15px 60px; height: 280px; clear: both; overflow: hidden;}
.MainSection_brand.map .tab_content ul{display: flex; flex-wrap: wrap; width: 1300px; margin: 0 auto;}
.MainSection_brand.map .tab_content ul li{width: 24.5%; margin: 3px 6px 3px 0; text-align: center;}
.MainSection_brand.map .tab_content ul li a{display: block; color: #000; font-weight: 500; font-size: 17px; padding: 12px 0 14px; border: 1px solid #ddd; border-radius: 6px;}
.MainSection_brand.map .tab_content ul li a:hover{background-color: #fed980; border: 1px solid #fed980;}
.MainSection_brand.map .tab_content ul li span{display: none;}
/* noneTab */
.MainSection_brand.map.noneTab .tab_content{height: auto;}
.MainSection_brand.map.noneTab .tab_content ul + ul{border-top: 1px dashed #c1c1c1; margin-top: 20px; padding-top: 20px;}
.MainSection_brand.map.noneTab .tab_content ul li a.regionTitle{background-color: #ff1476; border: 1px solid #ff1476; color: #fff;}
.MainSection_brand.map.noneTab .tab_content ul li a.regionTitle:hover{background-color: #ff1476; color: #fff;}
.MainSection_brand.map.noneTab .tab_content ul li a.noneOpen{border: 1px solid #ccc; color: #7a7a7a; background-color: #ccc;}
.MainSection_brand.map.noneTab .tab_content ul li a.noneOpen:hover{}


/* 브랜드 베스트이벤트 영역 */
section.MainSection_brandEvent{padding: 0; max-width: 1920px; margin: 0 auto; overflow: hidden;} 
.MainSection_brandEvent .InnerContainer{width: 100%; padding: 100px 0; height: 1300px;}
.MainSection_brandEvent .MainContents_Title{margin-bottom: 5em; font-family: 'Noto Serif KR', serif;}
.MainSection_brandEvent .MainContents_Title span{font-size: 18px; margin-top: 15px; font-family: 'Noto Sans KR', serif;}
.MainSection_brandEvent .parallax_bg{position: absolute; width: 100%; height: 100%; margin-top: 0; background-image: url(../img/main/brand_mainEvent_bg.png); background-attachment: fixed; background-position: bottom; background-repeat: no-repeat; background-size: cover;}
.MainSection_brandEvent .MainMultiSlider{position: relative; top: 0; left: 50%; width: 85%; max-width: 1300px; height: 840px; transform: translateX(-50%);}
.MainSection_brandEvent .MainMultiSlider .slick-arrow.SliderThum_BtnPrev,
.MainSection_brandEvent .MainMultiSlider .slick-arrow.SliderThum_BtnNext{text-indent:-1000000px;}
.MainSection_brandEvent .MainMultiSlider .slick-arrow.SliderThum_BtnPrev{display:block; position:absolute; top:16%; left:0%; margin-left:-1em; width:auto; height:auto; background:none; cursor:pointer; z-index:2;}
.MainSection_brandEvent .MainMultiSlider .slick-arrow.SliderThum_BtnPrev:after{background:none; content:""; clear:both; display:block; position:relative; top: -40px; width:0.6em; height:0.6em; border-top:2px solid #fff; border-left:2px solid #fff; transform:rotate( -45deg ); -webkit-transform:rotate( -45deg );-moz-transform:rotate( -45deg ); z-index:2;}
.MainSection_brandEvent .MainMultiSlider .slick-arrow.SliderThum_BtnNext{display:block; position:absolute; top:16%; right:0%; margin-right:-1em; width:auto; height:auto; background:none; cursor:pointer; z-index:2;}
.MainSection_brandEvent .MainMultiSlider .slick-arrow.SliderThum_BtnNext:after{background:none; content:""; clear:both; display:block; position:relative; top: -40px; width:0.6em; height:0.6em; border-bottom:2px solid #fff; border-right:2px solid #fff; transform:rotate( -45deg ); -webkit-transform:rotate( -45deg );-moz-transform:rotate( -45deg );}
.MainSection_brandEvent .MainMultiSlider ul.SliderThum_BtnPage{}
.MainSection_brandEvent .MainMultiSlider ul.SliderThum_BtnPage li button{border: none; background-color: #f3f3f3; margin-right: 8px;}
.MainSection_brandEvent .MainMultiSlider ul.SliderThum_BtnPage li.slick-active button{background-color:#143444; width:12px;}
.MainSection_brandEvent .LabelThum{margin-bottom: 3em !important;}
.MainSection_brandEvent .LabelThum:nth-child(n+9){display: none;}
.MainSection_brandEvent .LabelThum a{}
.MainSection_brandEvent .LabelThum label{}
.MainSection_brandEvent .LabelThum label:hover{border: 2px solid rgba(0,0,0,0.8);}
.MainSection_brandEvent .LabelThum label dl{}
.MainSection_brandEvent .LabelThum label dt{}
.MainSection_brandEvent .LabelThum label dt:after{content:""; clear:both; display:none; position:absolute; left:50%; bottom:-1em; width:0px; height:2em; border-left:1px solid #1D1D1D; z-index:2;}
.MainSection_brandEvent .LabelThum label dd{text-align: center; padding: 30px 10px;}
.MainSection_brandEvent .LabelThum label dd p{font-size: 18px; font-weight: 600;}
.MainSection_brandEvent .LabelThum label dd span{display: block; font-size: 14px; padding-top: 10px; transform: skew(-0.1deg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.MainSection_brandEvent .brandEvent_bt{position: relative; display: flex; align-items: center; justify-content: center; width: 320px; border: 6px solid rgba(0,0,0,0.8); color: rgba(0,0,0,0.8); padding: 18px 55px 20px 20px; margin: 55px auto 0; font-size: 23px; font-weight: 600;}
.MainSection_brandEvent .brandEvent_bt::after{position: absolute; right: 65px; top: 28px; content: ''; background: url(../img/main/brandEvent_bt.png) no-repeat; background-size: cover; width: 22px; height: 21px; animation: bounce_bt 0.6s ease Infinite Alternate;}
@keyframes bounce_bt {0% {top:28px;} to {top:23px;} }


/* 브랜드 베스트이벤트_NEW 영역 */
#wrap .MainSection_brandEventNew .verOtherLabelArea{padding: 0;}
.MainSection_brandEventNew{padding: 0; max-width: 1920px; margin: 0 auto;  overflow: hidden;}
.MainSection_brandEventNew .Event_ListWrap{padding: 0;}
.MainSection_brandEventNew .Event_List.MainContents_New .btn_more{position: relative;}
.MainSection_brandEventNew .Event_List.MainContents_New .btn_more a{display: none;}
.MainSection_brandEventNew .Event_List.MainContents_New .btn_more a.on{display: block;}
.MainSection_brandEventNew .Event_List.MainContents_New .btn_more a::after{content: ''; display: inline-flex; width: 16px; height: 14px; margin-left: 10px; background: url(/img/event/point_arrow.png) center; filter: brightness(0) invert(1);}
.MainSection_brandEventNew .Event_List.MainContents_New .btn_more a:nth-child(2)::after{transform: rotate(-180deg);}
.MainSection_brandEventNew .MainContents_Title{margin-bottom: 5em; font-family: 'Noto Serif KR', serif;}
.MainSection_brandEventNew .MainContents_Title span{font-size: 18px; margin-top: 15px; font-family: 'Noto Sans KR', serif;}
.MainSection_brandEventNew .Event_List.MainContents_New li{padding: 0;}
.MainSection_brandEventNew .MainContents_New .LabelThum label dd{padding-bottom: 0;}
.MainSection_brandEventNew .Event_List.MainContents_New .LabelThum label big strong{display: flex;}
.MainSection_brandEventNew .MainContents_New .LabelThum label big strong b{background-color: transparent;}
.MainSection_brandEventNew .Event_List.MainContents_New .LabelThum label small .TitleBox .copyText{display: block;}
.MainSection_brandEventNew .MainContents_New .LabelThum label small .TitleBox p span{font-size: 20px; line-height: 28px;}
.MainSection_brandEventNew .LabelThum label .more_wrap big + big{display: none;}
.MainSection_brandEventNew .LabelThum label small{border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.MainSection_brandEventNew .LabelThum label big{flex-wrap: wrap; padding: 8px 0; margin: 0 !important;}
.MainSection_brandEventNew .LabelThum label big:nth-child(even)::before{content: ''; position: absolute; top: 0; left: -15px; width: calc(100% + 30px); height: 100%; background-color: #f5f5f5;}
.MainSection_brandEventNew .pointName{display: inline-block; line-height: 24px; padding: 0 10px; border: 1px solid #9c9c9c; color: #333333;}
.MainSection_brandEventNew .surgeryName{width: 100%; text-align: left; margin-top: 5px; font-size: 13px; white-space: normal;  z-index: 1;}


/* 브랜드 시그니처 영역 */
section.MainSection_brandSig{padding: 0; max-width: 1920px; margin: 0 auto; overflow: hidden;}
.MainSection_brandSig .InnerContainer{width: 100%; padding: 100px 0;}
.MainSection_brandSig .MainContents_Title{margin-bottom: 5em; font-family: 'Noto Serif KR', serif;}
.MainSection_brandSig .MainContents_Title span{font-size: 18px; margin-top: 15px; font-family: 'Noto Sans KR', serif;}
.MainSection_brandSig .brandSig_wrap{display: flex; flex-wrap: wrap; width: 95%; max-width: 1300px; margin: 0 auto; }
.MainSection_brandSig .brandSig_cont{display: flex; align-items: center; width: 100%;}
.MainSection_brandSig .brandSig_cont + .brandSig_cont{margin-top: 120px;}
.MainSection_brandSig .brandSig_cont:nth-child(even){flex-direction: row-reverse;}
.MainSection_brandSig .brandSig_cont .brandSig_title{color: #191919; padding: 0 0 0 135px;}
.MainSection_brandSig .brandSig_cont:nth-child(even) .brandSig_title{padding: 0 135px 0 0; text-align: right;}
.MainSection_brandSig .brandSig_cont .brandSig_title em{position: relative; font-family: 'Alkalami', serif; font-weight: 400; font-size: 34px; line-height: 50px;}
.MainSection_brandSig .brandSig_cont .brandSig_title em::after{position: absolute; left: 50%; margin-left: -18px; bottom: 16px; content: ''; display: block; width: 36px; height: 2px; background-color: #191919;}
.MainSection_brandSig .brandSig_cont .brandSig_title p{font-family: 'Noto Serif KR', serif; font-weight: 700; font-size: 32px;}
.MainSection_brandSig .brandSig_cont .brandSig_title span{display: block; font-size: 20px; margin-top: 14px;}

/* 브랜드 셀피그램 영역 */
.MainSection_brandSelfi{padding: 0; max-width: 1920px; margin: 0 auto; background-color: #f9f9f9; overflow: hidden;}
.MainSection_brandSelfi .MainContents_Title{margin-bottom: 5em; font-family: 'Noto Serif KR', serif;}
.MainSection_brandSelfi .MainContents_Title span{font-size: 18px; margin-top: 15px; font-family: 'Noto Sans KR', serif;}
.MainSection_brandSelfi .brandSelfi_wrap{display: flex; flex-wrap: wrap; width: 100%; max-width: 1300px;}
.MainSection_brandSelfi .brandSelfi_wrap a{position: relative; width: 19%; height: 247px; margin: 0.5%; overflow: hidden;}
.MainSection_brandSelfi .brandSelfi_wrap a img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: inherit; width: 110%; transition: 0.3s;}
.MainSection_brandSelfi .brandSelfi_wrap a:hover img{width: 130%;}
.MainSection_brandSelfi .brandSelfi_wrap a:nth-child(8) img{transform: translate(-50%, -34%);}
/* 셀피 마지막 리얼모델 링크 */
.MainSection_brandSelfi .brandSelfi_wrap a:last-child img{width: 100%;}
.MainSection_brandSelfi .brandSelfi_wrap a:last-child img:last-child{display: none;}
.MainSection_brandSelfi .brandSelfi_wrap a:last-child:hover img{width: 100%;}
.MainSection_brandSelfi .brandSelfi_wrap a:last-child:hover img:first-child{display: none;}
.MainSection_brandSelfi .brandSelfi_wrap a:last-child:hover img:last-child{display: block;}

/* 브랜드 미앤미티비 영역 */
.MainContents_Area section.MainSection_brandTv{overflow: hidden;}
.MainSection_brandTv .InnerContainer{width: 100%;}
.MainSection_brandTv .MainContents_Title{margin-bottom: 5em; font-family: 'Noto Serif KR', serif;}
.MainSection_brandTv .MainContents_Title span{font-size: 18px; margin-top: 15px; font-family: 'Noto Sans KR', serif;}
.MainSection_brandTv .MainMultiSlider {position: relative; top: 0; left: 50%; width: 95%; max-width: 1300px; transform: translateX(-50%); overflow: hidden;}
.MainSection_brandTv .MainMultiSlider .slick-list{margin-right: -20%;}
.MainSection_brandTv .LabelThum{padding: 10px;}
.MainSection_brandTv .LabelThum label{width: 100%; box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);}
.MainSection_brandTv .LabelThum dd{text-align: center; padding: 30px;}
.MainSection_brandTv .LabelThum dd p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: keep-all; height: 56px; font-size: 20px; line-height: 28px; color: #5A5A5A; font-weight: 400;}
.MainSection_brandTv .MainMultiSlider .slick-list .slick-slide a{display: flex; align-items: center; justify-content: center; width: 100%; font-size: 22px; color: #fff; background-color: #143444; padding: 14px; border-radius: 7px; margin-top: 30px;}
.MainSection_brandTv .LabelThum dd a::after{content: ""; display: inline-block; width: 27px; height: 19px; background: url(/img/main/brand_youtube_bt.png) no-repeat; background-size: contain; margin-left: 20px;}

/* 브랜드가치 영역 */
section.MainSection_brandValue{padding: 0; max-width: 1920px; margin: 0 auto; background: url(/img/common/brandValue_bgimg.png) no-repeat; background-position: center center; background-size: cover;}
.MainSection_brandValue .InnerContainer{width: 100%; padding: 120px 0;}
.MainSection_brandValue .MainContents_Title{width: 85%; max-width: 1300px; padding: 50px; margin: 0 auto; background-color: rgba(255,255,255,0.8); font-family: 'Noto Sans KR', sans-serif !important;}
.MainSection_brandValue .MainContents_Title p{display: block; font-size: 32px; line-height: 46px;}
.MainSection_brandValue .MainContents_Title p strong{font-weight: 800;}
.MainSection_brandValue .MainContents_Title span{display: block; font-size: 24px; line-height: 36px; margin-top: 50px;}

/* 브랜드 메인이미지 영역 */
.brandNew .MainSection01 .Banner01{position: relative; margin: 0 auto; overflow: hidden; max-width: 1920px;}
.brandNew .MainSection01 .Banner01 img{width: 100%;}
.brandNew .MainSection01 .Banner01 .Banner_model{position: absolute; top: 0; right: 6%; width: 48%;}
.brandNew .MainSection01 .Banner01 .Banner_model img{max-width: 918px;}
.brandNew .MainSection01 .Banner01 .Banner_text{position: absolute; top: 35%; left: 14%; width: 44%;}
.brandNew .MainSection01 .Banner01 .Banner_text img{max-width: 821px;}

/* 브랜드 메인이미지 슬라이드 */
.brandNew .MainSection01 .MainMultiSlider {position: relative; top: 0; left: 50%; width: 100%; max-width: 1900px; width: 1900px; height: 100%; max-height: 820px; transform: translateX(-50%); overflow: hidden;}
.brandNew .MainSection01 .MainMultiSlider ul.SliderThum_BtnPage{position: absolute; bottom: 3%;}

/* 브랜드 시술전후사진/전지점이벤트 영역 */
.MainSection_brandBnfEvent{padding: 0; max-width: 1920px; margin: 0 auto; background-color: #f9f9f9; overflow: hidden;}
.MainSection_brandBnfEvent .inner{width: 1300px;}
.MainSection_brandBnfEvent ul{display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;}
.MainSection_brandBnfEvent ul > li {width: calc((100% - 130px) / 2); overflow: hidden; position: relative; padding-top: 30.75%;}
.MainSection_brandBnfEvent ul a > img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: .3s ease-out;}
.MainSection_brandBnfEvent ul a:hover > img {transform: scale(1.1);}
.MainSection_brandBnfEvent .thumb-txt{position: absolute; top: 50%;  right: 10%; transform: translateY(-50%);}

/* 브랜드 데이터 영역 */
.MainSection_brandData{padding: 0; max-width: 1920px; margin: 0 auto; overflow: hidden;}
.MainSection_brandData .inner{display: flex; justify-content: center; width: 1300px;}
.MainSection_brandData .title-wrap{margin-right: 10%;}
.MainSection_brandData .title-box span{font-size: 32px; font-weight: 300; color: #ddd;}
.MainSection_brandData .title-box h3{margin-top: 10px; font-size: 80px; line-height: 90px;}
.MainSection_brandData .title-box .sub-tit{font-size: 45px; margin: 10px 0 30px;}
.MainSection_brandData .txt-box{text-align: left; font-size: 26px; line-height: 40px; font-weight: 300; padding: 10px;}
.MainSection_brandData .value-list{}
.MainSection_brandData .value-list li{border-top: 1px solid #000; text-align: left; padding: 10px 0 40px;}
.MainSection_brandData .value-list p{font-weight: 300; font-size: 24px; line-height: 1;}
.MainSection_brandData .value-list span{display: block; padding-top: 5px; line-height: 1; color: #ff1476; font-size: 26px; font-weight: 500;}
.MainSection_brandData .value-list strong span{display: inline-block; line-height: 1; font-size: 68px; font-weight: 600; font-family: roboto;}
.MainSection_brandData .value-list strong span + span{font-size: 45px;}

/* 브랜드 커뮤니티 영역 */
.MainSection_brandCommunity{max-width: 1900px; max-height: 1080px; background: url(/img/main/brand_sns_bg.png) no-repeat center / cover; margin: 0 auto; padding: 100px 0 50px !important;}
.MainSection_brandCommunity .inner{width: 1300px;}
.MainSection_brandCommunity .title-box {color: #fff; text-align: left; margin-bottom: 32px;}
.MainSection_brandCommunity .title-box img{margin-bottom: 30px;}
.MainSection_brandCommunity .title-box h3{font-size: 80px; font-weight: 600; line-height: 90px; color: #fff; margin-bottom: 12px;}
.MainSection_brandCommunity .title-box .sub-tit{font-size: 32px; line-height: 48px; color: #ff1476;}
.MainSection_brandCommunity .sns-box-wrap {display: flex; gap: 30px; justify-content: flex-end; padding-right: 10px;}
.MainSection_brandCommunity .sns-box{position: relative; width: 323px;}
.MainSection_brandCommunity .sns-box_hover {position: absolute; top: 1%; left: 2%; width: 96%; height: 98%; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: rgba(0, 0, 0, .75); border-radius: 30px; overflow: hidden; opacity: 0; transition: .3s ease-in;}
.MainSection_brandCommunity .sns-box:hover .sns-box_hover {opacity: 1;}
.MainSection_brandCommunity .sns-box_hover p {line-height: 1; font-size: 32px; font-weight: 600; color: #ff1476; margin: 0;}
.MainSection_brandCommunity .sns-box.insta .sns-box_hover img{width: 130px; margin-bottom: 20px;}
.MainSection_brandCommunity .sns-box.youtube .sns-box_hover img{width: 160px; margin-bottom: 25px;}

/*  -------------------------------------------------------------------------------------------------------- */
/* 메인 섹션 2024 */

/* 메인섹션02 live */
section.MainSection02.live{padding: 0;}
.live-inner{height: 100px; background-color: #f2f2f2; display: flex;}
.fix-wrap{width: 600px; padding: 1rem 2rem; display: flex; align-items: center;}
.fix-wrap .live-area{position: relative; padding: 6px 15px; background-color: #f83e6d; color: #fff; font-size: 14pt; border-radius: 5px; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); z-index: 1;}
.fix-wrap h3{font-size: 24px; padding: 0px 1rem 0 2rem; font-weight: 700; line-height: 1.2;}
.fix-wrap h3 > span{display: block;}
.fix-wrap h3 .sub-tit{font-size: 16px; font-weight: 400; margin-bottom: 5px; text-align: right;}
.fix-wrap .count_{width: 220px; line-height: 1; margin: 0; text-align: center; font-size: 26px; font-weight: 400;}
.fix-wrap .count_ .num_{font-size: 53px; font-weight: 700;}
.flow-wrap{width: calc(100% - 600px); overflow: hidden; display: flex; justify-content: center; flex-direction: column;}
.flow-wrap .js-marquee{display: flex; align-items: center; justify-content: center;height: 100px;}
.flow-wrap .flow-item{margin-right: 3rem;}
.flow-wrap .flow-item span{margin-right: 0.5em;}
.flow-wrap .branch_{background-color:#584A4A; color: #fff; padding: 4px 15px; border-radius: 50em; margin-right: 0.4rem;}
.flow-wrap .flow-item .Number,
.flow-wrap .flow-item .Date,
.flow-wrap .flow-item .State{display: none;}
.flow-wrap .flow-tail{display: flex; align-items: center; margin-right: 3rem;}
.flow-wrap .flow-tail > span{font-size: 18px; color: #f83e6d;}
.flow-wrap .flow-tail .btn{margin-left: 0.7rem; background-color: #f83e6d; color: #fff; border-radius: 50em; padding: 7px 15px 6px; line-height: 1; font-size: 12pt;}

/* 메인섹션13 event */
section.MainSection13{font-family: 'Roboto', sans-serif; overflow: hidden; padding: 100px 0;}
section.MainSection13 .InnerContainer{width: auto; min-width: auto;}
section.MainSection13 .MainContents_Title p{font-size: 70px;}
section.MainSection13 .MainContents_Title span{font-size: 24px; color: #9a9a9a;}
.eventSwiper{position: relative; z-index: 1;}
.eventSwiper .swiper-slide {filter: blur(5px); width: auto; height: auto; display: flex; justify-content: center;}
.eventSwiper .swiper-slide-active{scale: 100%; filter: none;}
.eventSwiper .swiper-slide a{position: relative; width: 900px; background-color: #fff; display: flex; justify-content: center; align-items: center; padding-top: 50px;}
.eventSwiper .swiper-slide figure{position: relative; padding-top: 45%; width: 45%; overflow: hidden; border-radius: 0; margin: 0;}
.eventSwiper .swiper-slide figure img{width: 100%; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); border-radius: 0;}
.eventSwiper .swiper-slide .info-box{width: 55%; height: 400px; max-height: 400px; margin-left: 1rem; padding: 3.5rem 0px; font-size: 16px; background-color: #fff; border: 4px solid #dfdfdf; border-left: none; border-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; text-align: center; display: flex; flex-direction: column; justify-content: center;}
.eventSwiper .swiper-slide h4{width: 85%; margin: 0 auto; font-size: 30px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height:85px; margin-bottom: 10px;}
.eventSwiper .swiper-slide .desc{width: 80%; margin: 0 auto; color: #9a9a9a; height: 50px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.eventSwiper .swiper-slide .price-box{margin-top: 1rem;}
.eventSwiper .pageing-wrap{width: 635px; margin: 0 auto; padding-top: 5rem; position: relative;}
.eventSwiper .swiper-scrollbar.swiper-scrollbar-horizontal{display: none; width: 500px; position: absolute; left: 0; bottom: 0; background-color: #dfdfdf; border-radius: 0;}
.eventSwiper .swiper-scrollbar-drag{background-color: #f83e6d;}
.eventSwiper .swiper-btn-wrap{width: 120px; position: absolute; bottom: 0; right: 0; left: 50%; transform: translateX(-50%);}
.eventSwiper .swiper-btn-wrap .swiper-button-next,
.eventSwiper .swiper-btn-wrap .swiper-button-prev{position: absolute; background-image: none;}
.eventSwiper .swiper-btn-wrap .swiper-button-next::after,
.eventSwiper .swiper-btn-wrap .swiper-button-prev::after{content: ''; display: block; position: absolute; top: 15px; left: 0; width: 12px; height: 2px; background-color: #dfdfdf;}
.eventSwiper .swiper-btn-wrap .swiper-button-next::before,
.eventSwiper .swiper-btn-wrap .swiper-button-prev::before{content: ''; display: block; position: absolute; bottom: 19px; left: 0; width: 12px; height: 2px; background-color: #dfdfdf;}
.eventSwiper .swiper-btn-wrap .swiper-button-next::after{transform: rotate(45deg);}
.eventSwiper .swiper-btn-wrap .swiper-button-next::before{transform: rotate(-45deg);}
.eventSwiper .swiper-btn-wrap .swiper-button-prev::after{transform: rotate(-45deg);}
.eventSwiper .swiper-btn-wrap .swiper-button-prev::before{transform: rotate(45deg);}
.eventSwiper .num-wrap{position: absolute; width: 50px; left: 50%; margin-left: -32px; bottom: -15px; color: #dfdfdf; font-weight: 700; font-size: 17px;}
.price-box .del_{font-size: 18px; letter-spacing: 0; color:#999999; text-decoration: line-through;}
.price-box .del_ b{font-weight: 400;}
.price-box .price_{font-size: 20px;}
.price-box .price_ b{font-weight: 700; letter-spacing: 0; font-size: 40px;}

/* 메인섹션14 실시간 급상승 검색어 */
section.MainSection14{background-color: #f2f2f2; padding: 100px 0;}
section.MainSection14 .InnerContainer{width: auto; min-width: auto;}
section.MainSection14 .MainContents_Title p{font-size: 40px;}
section.MainSection14 .MainContents_Title span{display: inline-block; font-size: 40px; font-weight: 600; color: #f83e6d;}
.trouble-sel{position: relative; width: 650px; margin: 50px auto 70px;}
.trouble-sel .select{border: 1px solid #c0c0c0; background-color: #fff; border-radius: 50em; width: 100%; font-size: 24px; font-weight: 700; padding: 0.6rem 5rem 0.6rem 2rem; position: relative; text-align: left; letter-spacing: -1px;}
.trouble-sel .select::before,
.trouble-sel .select::after{content: ''; position: absolute; width: 2px; height: 13px; top: 20px; right: 30px; background-color: #f83e6d;}
.trouble-sel .select::before{right: 39px; transform: rotate(-45deg); transition: 0.2s;}
.trouble-sel .select::after{transform: rotate(45deg); transition: 0.2s;}
.trouble-sel .select.selected::before{transform: rotate(45deg);}
.trouble-sel .select.selected::after{transform: rotate(-45deg);}
.trouble-sel .selectList{display: none; padding: 1rem 0; position: absolute; width: 100%; max-height: 300px; overflow-y: auto; top: 5rem; left: 50%; transform: translateX(-50%); background-color: #fff; z-index: 3; border: 1px solid #DDDDDD; border-radius: 1rem; letter-spacing: -1px;}
.trouble-sel .selectList > li{padding: 0.5rem 2rem; font-size: 20px; cursor: pointer;}
.trouble-sel .select.selected + .selectList{display: block;}
.shapeSwiper {max-width: 1920px; margin: auto; overflow: hidden;}
.shapeSwiper .swiper-slide {text-align: center;}
.shapeSwiper .frame {position: relative; overflow: hidden; margin: 0 auto; cursor: pointer; width:100%; padding-top: 100%;}
.shapeSwiper .frame .cont-img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; transition: all ease 0.3s;}
.shapeSwiper .frame:hover .cont-img {transform: translate(-50%, -50%) scale(1.05);}
.shapeSwiper .frame .overlay-frame {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f83e6dc7; opacity: 0; visibility: hidden; transition: all ease 0.3s;}
.shapeSwiper .frame .overlay-inner {display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;margin: 0;}
.shapeSwiper .frame .overlay-inner > span {color: #fff; font-size: 12pt; font-weight: 600; text-transform: uppercase;}
.shapeSwiper .frame:hover .overlay-frame {opacity: 1; visibility: visible;}
.shapeSwiper .info_wrap .info-title {font-size: 25px; font-weight: 700; max-width: 90%; margin: 50px auto 15px; color: #000; line-height: 1.2; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.shapeSwiper .info_wrap .info-sub {display: block; width: 90%; height: 25px; margin: 0 auto; font-size: 14px; font-weight: 400; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 메인섹션15 오늘 뭐하지? */
section.MainSection15{padding: 100px 0;}
section.MainSection15 .MainContents_Title p{font-size: 40px;}
.treat-wrap {margin-top: 80px;}
.treat-list {display: flex; gap: 4%; flex-wrap: wrap;}
.treat-list .item {width: 22%; margin-bottom: 50px;}
.treat-list .item figure {position: relative; width: 100%; padding-top: 100%; overflow: hidden; margin: 0;}
.treat-list .item figure > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.treat-list .txt_box {margin-top: 30px; text-align: center;}
.treat-list .txt_box > h4 {font-size: 20px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.treat-list .txt_box > span {font-size: 14px; color: #888; font-weight: 400; margin: 0.4em 0 0.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px;}
.treat-list .price-box{font-size: 16px;}
.treat-list .price-box .point_ {font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 700; color: #f83e6d; letter-spacing: 0;}
.pagi-wrap {position: relative; display: flex; justify-content: center; margin-top: 30px;}
.pagi-wrap .pagi-inner {position: relative;}
.pagi-wrap .pagi-inner > span {font-size: 30px; font-weight: 700; color: #222; padding-right: 30px;}
.pagi-wrap .more{position: absolute; right: 0; bottom: 20px; width: 20px; height: 1px; background-color: #333; transition: .2s;}
.pagi-wrap .more::before {content: ''; position: absolute; top: -4px; right: -1px; display: inline-block; width: 10px; height: 1px; background-color: #333; transform: rotate(45deg);}
.pagi-wrap .more::after {content: ''; position: absolute; top: 4px; right: -1px; display: inline-block; width: 10px; height: 1px; background-color: #333; transform: rotate(-45deg);}
.pagi-wrap .pagi-inner:hover .more{right: -10px;}

/* 메인섹션16 미앤미티비 */
section.MainSection16{background-color: #f2f2f2; padding: 100px 0;}
section.MainSection16 .MainContents_Title p{font-size: 40px;}
section.MainSection16 .InnerContainer{width: 100%;}
section.MainSection16 .MainContents_Title{margin-bottom: 5em;}
section.MainSection16 .MainContents_Title span{font-size: 20px; color: #9a9a9a; display: block;}
section.MainSection16 .MainMultiSlider {position: relative; top: 0; left: 50%; width: 100%; max-width: 1920px; transform: translateX(-50%); overflow: hidden;}
section.MainSection16 .MainMultiSlider .slick-list{margin-right: -20%;}
section.MainSection16 .LabelThum{padding: 10px;}
section.MainSection16 .LabelThum label{width: 100%; box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);}
section.MainSection16 .LabelThum dd{text-align: center; padding: 30px;}
section.MainSection16 .LabelThum dd p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: keep-all; height: 56px; font-size: 20px; line-height: 28px; color: #5A5A5A; font-weight: 400;}
section.MainSection16 .MainMultiSlider .slick-list .slick-slide a{display: flex; align-items: center; justify-content: center; width: 100%; font-size: 22px; color: #fff; background-color: #143444; padding: 14px; border-radius: 7px; margin-top: 30px;}
section.MainSection16 .LabelThum dd a::after{content: ""; display: inline-block; width: 27px; height: 19px; background: url(/img/main/brand_youtube_bt.png) no-repeat; background-size: contain; margin-left: 20px;}

















/* 버블효과 */
.bubble {width: 5vw; height: 5vw; background: #ffffff3d; border-radius: 10vw; -moz-border-radius: 10vw; -webkit-border-radius: 10vw; position: absolute;  filter: blur(5px);}
.x1 {
  left: 85vw;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 1;
  -webkit-animation: moveBubbles 8s linear infinite, sideWays 8s ease-in-out infinite alternate;
  -moz-animation: moveBubbles 8s linear infinite, sideWays 8s ease-in-out infinite alternate;
  -o-animation: moveBubbles 8s linear infinite, sideWays 8s ease-in-out infinite alternate;
  animation: moveBubbles 8s linear infinite, sideWays 8s ease-in-out infinite alternate;
}
.x2 {
  left: 5vw;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0.5;
  -webkit-animation: moveBubbles 10s linear infinite, sideWays 9s ease-in-out infinite alternate;
  -moz-animation: moveBubbles 10s linear infinite, sideWays 9s ease-in-out infinite alternate;
  -o-animation: moveBubbles 10s linear infinite, sideWays 9s ease-in-out infinite alternate;
  animation: moveBubbles 10s linear infinite, sideWays 9s ease-in-out infinite alternate;
}
.x3 {
  left: 35vw;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.3;
  -webkit-animation: moveBubbles 9s linear infinite, sideWays 8s ease-in-out infinite alternate;
  -moz-animation: moveBubbles 9s linear infinite, sideWays 8s ease-in-out infinite alternate;
  -o-animation: moveBubbles 9s linear infinite, sideWays 8s ease-in-out infinite alternate;
  animation: moveBubbles 9s linear infinite, sideWays 8s ease-in-out infinite alternate;
}
.x4 {
  left: 47vw;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  opacity: 0.35;
  -webkit-animation: moveBubbles 12s linear infinite, sideWays 6s ease-in-out infinite alternate;
  -moz-animation: moveBubbles 12s linear infinite, sideWays 6s ease-in-out infinite alternate;
  -o-animation: moveBubbles 12s linear infinite, sideWays 6s ease-in-out infinite alternate;
  animation: moveBubbles 12s linear infinite, sideWays 6s ease-in-out infinite alternate;
}
.x5 {
  left: 15vw;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.3;
  -webkit-animation: moveBubbles 9s linear infinite, sideWays 5s ease-in-out infinite alternate;
  -moz-animation: moveBubbles 9s linear infinite, sideWays 5s ease-in-out infinite alternate;
  -o-animation: moveBubbles 9s linear infinite, sideWays 5s ease-in-out infinite alternate;
  animation: moveBubbles 9s linear infinite, sideWays 5s ease-in-out infinite alternate;
}
.x6 {
  left: 73vw;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
  opacity: 0.2;
  -webkit-animation: moveBubbles 8s linear infinite, sideWays 8s ease-in-out infinite alternate;
  -moz-animation: moveBubbles 8s linear infinite, sideWays 8s ease-in-out infinite alternate;
  -o-animation: moveBubbles 8s linear infinite, sideWays 8s ease-in-out infinite alternate;
  animation: moveBubbles 8s linear infinite, sideWays 8s ease-in-out infinite alternate;
}
.x7 {
  left: 67vw;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0.5;
  -webkit-animation: moveBubbles 15s linear infinite, sideWays 9s ease-in-out infinite alternate;
  -moz-animation: moveBubbles 15s linear infinite, sideWays 9s ease-in-out infinite alternate;
  -o-animation: moveBubbles 15s linear infinite, sideWays 9s ease-in-out infinite alternate;
  animation: moveBubbles 15s linear infinite, sideWays 9s ease-in-out infinite alternate;
}
.x8 {
  left: 56vw;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.3;
  -webkit-animation: moveBubbles 13s linear infinite, sideWays 9s ease-in-out infinite alternate;
  -moz-animation: moveBubbles 13s linear infinite, sideWays 9s ease-in-out infinite alternate;
  -o-animation: moveBubbles 13s linear infinite, sideWays 9s ease-in-out infinite alternate;
  animation: moveBubbles 13s linear infinite, sideWays 9s ease-in-out infinite alternate;
}
.x9 {
  left: 20vw;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  opacity: 0.35;
  -webkit-animation: moveBubbles 9.5s linear infinite, sideWays 6s ease-in-out infinite alternate;
  -moz-animation: moveBubbles 9.5s linear infinite, sideWays 6s ease-in-out infinite alternate;
  -o-animation: moveBubbles 9.5s linear infinite, sideWays 6s ease-in-out infinite alternate;
  animation: moveBubbles 9.5s linear infinite, sideWays 6s ease-in-out infinite alternate;
}
.x10 {
  left: 33vw;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
  opacity: 0.3;
  -webkit-animation: moveBubbles 15.3s linear infinite, sideWays 9s ease-in-out infinite alternate;
  -moz-animation: moveBubbles 15.3s linear infinite, sideWays 9s ease-in-out infinite alternate;
  -o-animation: moveBubbles 15.3s linear infinite, sideWays 9s ease-in-out infinite alternate;
  animation: moveBubbles 15.3s linear infinite, sideWays 9s ease-in-out infinite alternate;
}
@-webkit-keyframes moveBubbles {
  0% {top: 100vh; opacity: 0;}
  50% {opacity: 1;}
  100% {top: 0vh; opacity: 0;}
}
@-webkit-keyframes sideWays {
  0% {margin-left: 0px;}
  100% {margin-left: 5vw;}
}
@-moz-keyframes moveBubbles {
  0% {top: 100vh; opacity: 0;}
  50% {opacity: 1;}
  100% {top: 0vh; opacity: 0;}
}
@-moz-keyframes sideWays {
  0% {margin-left: 0px;}
  100% {margin-left: 5vw;}
}
@-o-keyframes moveBubbles {
  0% {top: 100vh; opacity: 0;}
  50% {opacity: 1;}
  100% {top: 0vh; opacity: 0;}
}
@-o-keyframes sideWays {
  0% {margin-left: 0px;}
  100% {margin-left: 5vw;}
}
@keyframes moveBubbles {
  0% {top: 100vh; opacity: 0;}
  50% {opacity: 1;}
  100% {top: 0vh; opacity: 0;}
}
@keyframes sideWays {
  0% {margin-left: 0px;}
  100% {margin-left: 5vw;}
}

/* AOS fade-up2 추가 */
[data-aos=fade-up2] {transform: translate3d(0,100px,0) scaleY(1.3);}
[data-aos=fade-up2][data-aos=fade-up2].aos-animate {opacity: 1; transform: translateZ(0) scaleY(1);}

/* 커서 옵션 */
#cursor {position: absolute; border-radius: 50%; width: 60px; height: 60px; background-color: #fff; mix-blend-mode: overlay; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; filter: blur(40px);}
body.Fixed #cursor{transform: translate(-50%, -165%);}