@charset "utf-8";
/* 
C00290 비주얼피부과
*/

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

body .MainContents_Area .Inner{width:1350px; min-width:1350px;}

/*제목*/
body .MainContents_Area .mainTitle h3{font-size:44pt; font-family:'EditorsNote-Semibold', 'Noto Sans KR', sans-serif; font-weight:normal; color:#cda680;}
body .MainContents_Area .mainTitle h3 b{font-family:'EditorsNote-Semibold', 'Noto Sans KR', sans-serif; font-weight:normal; color:#785e43;}
body .MainContents_Area .mainTitle h3 b span{font-family:'EditorsNote-SemiboldItalic', 'Noto Sans KR', sans-serif; font-weight:normal; color:#785e43;}
body .MainContents_Area .mainTitle p{color:#0e0e0e; font-size:16pt; font-weight:300;}

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

body .MainSection01 .Banner01 .ThumbBox{position:absolute; top:50%; transform:translate(0,-50%); left:52%; right:auto;}
	/*버튼*/
	body .MainSection01 .SliderBtn{position:absolute; width:100%; left:52%; bottom:120px; z-index:1;}
	body .MainSection01 .SliderBtn .num_btn{display:inline-block; vertical-align:middle;}
	body .MainSection01 .SliderBtn .arw_btn{display:inline-block; vertical-align:middle;}

	body .MainSection01 .SliderBtn .num_btn .new-scrollbar{width:280px; height:4px; background:#b9b9b9; position:relative; display:inline-block; vertical-align:middle; margin-right:20px;}
	body .MainSection01 .SliderBtn .num_btn .new-scrollbar span{background:#323232; height:4px; position:absolute; display:block;}

	body .MainSection01 .SliderBtn .num_btn .btnInner{display:block; width:100%; position:relative;}
	body .MainSection01 .SliderBtn .num_btn .btnInner .pagenumber1{font-size:14pt; width:100%; font-family:'EditorsNote-Regular', 'Noto Sans KR', sans-serif; font-weight:400; width:80px; display:inline-block; vertical-align:middle;}
	body .MainSection01 .SliderBtn .num_btn .btnInner .pagenumber1 span{font-family:'EditorsNote-Regular', 'Noto Sans KR', sans-serif; font-weight:400; color:#323232; letter-spacing:1pt;}

	body .MainSection01 .SliderBtn .arw_btn .swiper-button-prev1{font-family:'SUIT', 'Noto Sans KR', sans-serif; font-size:16pt; color:#323232; font-weight:500; cursor:pointer; text-align:center; margin-right:10px; display:inline-block;}
	body .MainSection01 .SliderBtn .arw_btn .swiper-button-prev1:hover{color:#d2b69a;}
	body .MainSection01 .SliderBtn .arw_btn .swiper-button-next1{font-family:'SUIT', 'Noto Sans KR', sans-serif; font-size:16pt; color:#323232; font-weight:500; cursor:pointer; text-align:center; display:inline-block;}
	body .MainSection01 .SliderBtn .arw_btn .swiper-button-next1:hover{color:#d2b69a;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 2번배너 */
body .MainSection02{width:100%; position:relative; overflow:hidden; padding:130px 0;}
body .MainSection02 .Inner{}
body .MainSection02 .mainTitle{text-align:center; margin-bottom:60px;}
/* 기본 */
	body .MainSection02 .MultiSliderWrap{position:relative; display:flex; width:100%;}
	body .MainSection02 .MultiSliderWrap .MultiSlider.Left{position:relative; display:block; width:60%; padding-right:2em;}
	body .MainSection02 .MultiSliderWrap .MultiSlider.Right{position:relative; display:block; width:40%;}
	body .MainSection02 .MultiSliderWrap .MultiSlider.Right li{position:relative; text-align:left; cursor:pointer;}
	body .MainSection02 .MultiSliderWrap .MultiSlider.Right .ThumBox{position:relative; display:table-cell; width:30%; vertical-align:middle; background-color:#b5aaa2;}
	body .MainSection02 .MultiSliderWrap .MultiSlider.Right .ThumBox img{position:relative; display:block; width:100%; filter:grayscale(.8); opacity:.7;}
	body .MainSection02 .MultiSliderWrap .MultiSlider.Right .TextBox{position:relative; display:table-cell; width:70%; vertical-align:middle; background-color:#e8e7e7; padding:0 1em;}
	body .MainSection02 .MultiSliderWrap .MultiSlider.Right .TextBox .Text01{position:relative; display:block; width:100%; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:#a0a0a0 !important; font-size:15pt !important; font-weight:500 !important; margin-bottom:7px !important; }
	body .MainSection02 .MultiSliderWrap .MultiSlider.Right .TextBox .Text02{position:relative; width:100%; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:#a0a0a0 !important; font-size:12pt !important; font-family:"Noto Sans KR" !important;}
	body .MainSection02 .MultiSliderWrap .MultiSlider.Right .TextBox .Text02 *{background:none !important; background:none !important; color:#a0a0a0 !important; font-size:12pt !important; font-family:"Noto Sans KR" !important;}
	/* 슬라이드 */
	body .MainSection02 .MultiSliderWrap .MultiSlider.Right .slick-slide{height:7.2em;}
	body .MainSection02 .MultiSliderWrap .MultiSlider.Right .slick-current.slick-active li{}
	body .MainSection02 .MultiSliderWrap .MultiSlider.Right .slick-current.slick-active li .TextBox{background:#f5efe4;}
	body .MainSection02 .MultiSliderWrap .MultiSlider.Right .slick-current.slick-active li .Text01{color:#785e43 !important; font-weight:600 !important;}
	body .MainSection02 .MultiSliderWrap .MultiSlider.Right .slick-current.slick-active li .Text02{color:#af9c88 !important; font-weight:400 !important;}
	body .MainSection02 .MultiSliderWrap .MultiSlider.Right .slick-current.slick-active li .ThumBox img{filter:none; opacity:1;}
	/*하단*/
	body .MainSection02 .bottomWrap{width:100%; display:inline-flex; align-items:start; justify-content:space-between;}
	body .MainSection02 .bottomWrap p{width:60%; color:#d2c9bd; font-size:14pt; letter-spacing:5pt; font-family:'EditorsNote-Medium', 'Noto Sans KR', sans-serif; font-weight:normal;}
	body .MainSection02 .bottomWrap .arw_btn{text-align:left; width:30%;}
	body .MainSection02 .bottomWrap .arw_btn .swiper-button-prev2{font-family:'SUIT', 'Noto Sans KR', sans-serif; font-size:16pt; color:#323232; font-weight:500; cursor:pointer; text-align:center; margin-right:10px; display:inline-block; width:40px; height:40px; line-height:32pt; transition:0.2s;}
	body .MainSection02 .bottomWrap .arw_btn .swiper-button-prev2:hover{background:#d2b69a; color:#fff; border-radius:500px;}
	body .MainSection02 .bottomWrap .arw_btn .swiper-button-next2{font-family:'SUIT', 'Noto Sans KR', sans-serif; font-size:16pt; color:#323232; font-weight:500; cursor:pointer; text-align:center; display:inline-block; width:40px; height:40px; line-height:32pt; transition:0.2s;}
	body .MainSection02 .bottomWrap .arw_btn .swiper-button-next2:hover{background:#d2b69a; color:#fff; border-radius:500px;}
	body .MainSection02 .bottomWrap .more{text-align:center; width:10%;}
	body .MainSection02 .bottomWrap .more a{width:100%; display:block; border:1px solid #323232; color:#323232; border-radius:500px; padding:10px 0; font-size:12pt; transition:0.3s;}
	body .MainSection02 .bottomWrap .more a:hover{color:#fff; background:#323232;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 3번배너 */
body .MainSection03{width:100%; position:relative; overflow:hidden;}
body .MainSection03 .Inner{width:100%; min-width:100%;}
body .MainSection03 .contWrap{background:url('/img/C00290/mainSection03_back.jpg')no-repeat; background-position:center center; background-size:cover; background-position-y:40%; background-attachment:fixed; padding:130px 0;}
	/*텍스트*/
	body .MainSection03 .contWrap .contTxt{text-align:center;}
	body .MainSection03 .contWrap .contTxt em{display:block; color:#d2b69a; font-family:'EditorsNote-Regular', 'Noto Sans KR', sans-serif; font-weight:normal; font-size:10pt; letter-spacing:3pt;}
	body .MainSection03 .contWrap .contTxt h4{color:#fff; font-size:24pt; font-weight:500; margin-top:15px;}
	body .MainSection03 .contWrap .contTxt p{color:#fff; font-size:16pt; font-weight:300; line-height:1.7; margin-top:50px;}
	/*원*/
	body .MainSection03 .boxWrap{width:100%; margin:0 auto; text-align:center; margin-top:50px;} 
	body .MainSection03 .boxWrap .contBox{position:relative; display:inline-block;}
	body .MainSection03 .boxWrap .contBox02{margin:0 25px;}
	body .MainSection03 .boxWrap .contBox .boxTxt{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%);}
	body .MainSection03 .boxWrap .contBox .boxTxt p{color:#0e0e0e; font-family:'EditorsNote-Light', 'Noto Sans KR', sans-serif; font-weight:normal; font-size:14pt;}
	body .MainSection03 .boxWrap .contBox .boxTxt h5{color:#0e0e0e; font-weight:500; font-size:16pt; margin-top:10px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 4번배너 */
body .MainSection04{width:100%; position:relative; overflow:hidden; padding:130px 0; background:url('/img/C00290/mainSection04_back.jpg')no-repeat; background-position:center center; background-size:cover;}
body .MainSection04 .Inner{}
body .MainSection04 .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:space-between;}
body .MainSection04 .contWrap .mainTitle{width:45%;}
body .MainSection04 .contWrap .sectionCont{width:55%; position:relative;}
body .MainSection04 .contWrap .sectionCont img{width:100%;}
	/*타이틀*/
	body .MainSection04 .contWrap .mainTitle p{margin-top:50px;}
	body .MainSection04 .contWrap .mainTitle .more{margin-top:70px;}
	body .MainSection04 .contWrap .mainTitle .more a{width:fit-content; display:block; border:1px solid #323232; color:#323232; border-radius:500px; padding:10px 25px; font-size:12pt; transition:0.3s;}
	body .MainSection04 .contWrap .mainTitle .more a:hover{color:#fff; background:#323232;}
	/*버튼*/
	body .MainSection04 .swiper-button-prev4{font-family:'SUIT', 'Noto Sans KR', sans-serif; font-size:16pt; color:#323232; font-weight:500; cursor:pointer; text-align:center; width:40px; height:40px; line-height:32pt; position:absolute; top:50%; left:-60px; transform:translate(0,-50%); z-index:1; transition:0.2s;}
	body .MainSection04 .swiper-button-prev4:hover{background:#d2b69a; color:#fff; border-radius:500px;}
	body .MainSection04 .swiper-button-next4{font-family:'SUIT', 'Noto Sans KR', sans-serif; font-size:16pt; color:#323232; font-weight:500; cursor:pointer; text-align:center; width:40px; height:40px; line-height:32pt; position:absolute; top:50%; right:-60px; transform:translate(0,-50%); z-index:1; transition:0.2s;}
	body .MainSection04 .swiper-button-next4:hover{background:#d2b69a; color:#fff; border-radius:500px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 5번배너 */
body .MainSection05{width:100%; position:relative; overflow:hidden; padding-top:130px; background:url('/img/C00290/mainSection05_back.jpg')no-repeat; background-position:center center; background-size:cover}
body .MainSection05 .Inner{}
body .MainSection05 .contWrap{width:100%;}
body .MainSection05 .mainTitle{text-align:center;}
body .MainSection05 .mainTitle p{margin-top:50px;}
body .MainSection05 .imgBox{width:100%; margin-top:70px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 6,7번배너 */
body .mainBigSection{width:100%; position:relative; overflow:hidden; background:url('/img/C00290/mainSection06_back.jpg')no-repeat; background-position:center center; background-size:cover;}
	/* 6번배너 */
	body .MainSection06{width:100%; position:relative; padding:150px 0;}
	body .MainSection06 .Inner{width:100%; min-width:100%;}
	body .MainSection06 .contWrap{width:90%; display:inline-flex; align-items:center; justify-content:space-between; background:#fff;}
	body .MainSection06 .contWrap .imgBox{width:45%;}
	body .MainSection06 .contWrap .imgBox img{width:100%;}
	body .MainSection06 .contWrap .txtBox{width:50%;}
	body .MainSection06 .contWrap .txtBox h4{color:#0e0e0e; font-size:24pt; font-weight:500; margin-top:15px; line-height:1.5;}
	body .MainSection06 .contWrap .txtBox h4 b{font-weight:700;}
	body .MainSection06 .contWrap .txtBox h5{font-size:18pt; font-weight:600; margin-top:50px;}
	body .MainSection06 .contWrap .txtBox p{font-size:16pt; font-weight:300; margin-top:20px; line-height:1.5;}
	body .MainSection06 .contWrap .txtBox h6{font-size:17pt; font-weight:600; margin-top:15px; position:relative;}
	body .MainSection06 .contWrap .txtBox h6 b{color:#da2e2e; font-size:24pt; font-weight:700;}
	body .MainSection06 .contWrap .txtBox h6 b span{font-size:17pt;}
	body .MainSection06 .contWrap .txtBox h6 > span{display:inline-block; position:relative; border-bottom:1px solid #0e0e0e;}
	body .MainSection06 .contWrap .txtBox .txtImg{margin-top:50px;}
	body .MainSection06 .contWrap .txtBox em{width:100%; color:#d5d5d5; font-size:14pt; letter-spacing:5pt; font-family:'EditorsNote-Medium', 'Noto Sans KR', sans-serif; font-weight:normal; display:block; margin-top:40px;}
	/* 7번배너 */
	body .MainSection07{width:100%; position:relative; padding-bottom:150px;}
	body .MainSection07 .mainTitle{text-align:center; margin-bottom:70px;}
	body .MainSection07 .contWrap{width:100%; position:relative;}
	body .MainSection07 .contWrap .swiper-button-prev7{font-family:'SUIT', 'Noto Sans KR', sans-serif; font-size:16pt; color:#323232; font-weight:500; cursor:pointer; text-align:center; width:40px; height:40px; line-height:32pt; position:absolute; top:50%; left:-60px; transform:translate(0,-50%); z-index:1; transition:0.2s;}
	body .MainSection07 .contWrap .swiper-button-prev7:hover{background:#d2b69a; color:#fff; border-radius:500px;}
	body .MainSection07 .contWrap .swiper-button-next7{font-family:'SUIT', 'Noto Sans KR', sans-serif; font-size:16pt; color:#323232; font-weight:500; cursor:pointer; text-align:center; width:40px; height:40px; line-height:32pt; position:absolute; top:50%; right:-60px; transform:translate(0,-50%); z-index:1; transition:0.2s;}
	body .MainSection07 .contWrap .swiper-button-next7:hover{background:#d2b69a; color:#fff; border-radius:500px;}


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