@charset "utf-8";
/* 
C00320 365nc치과
*/

/* 메인전용컨텐츠 */
.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:1400px; min-width:1400px;}
body .MainContents_Area > .MainSection{z-index:1;}

/*타이틀*/
body .mainTitle{width:100%; display:block; position:relative; text-align:center;}
body .mainTitle h3{font-size:36pt; font-weight:400; line-height:1.5;}
body .mainTitle h3 b{font-weight:700;}
body .mainTitle h6{font-size:18pt; font-weight:400; font-family: "Amiri", serif; margin-bottom:10px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*1번배너*/
body .MainContents_Area .mainSection01{width:100%; position:relative; overflow:hidden;}
body .MainContents_Area .mainSection01 .Inner{width:100%; min-width:100%;}
body .MainContents_Area .mainSection01 .wrap{width:100%; position:relative;}
body .MainContents_Area .mainSection01 .back img{width:100%;}
body .MainContents_Area .mainSection01 .mainTitle{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:900; text-align:center;}
body .MainContents_Area .mainSection01 .mainTitle h6{display:block; width:100%; margin:0 auto; overflow:hidden; height:150px; position:relative;}
body .MainContents_Area .mainSection01 .mainTitle h6 span{display:block; position:absolute; left:50%; top:150px; transform:translate(-50%,0); width:100%;}
body .MainContents_Area .mainSection01 .mainTitle h3{display:block; width:100%; margin:0 auto; margin-top:40px; overflow:hidden; height:60px; position:relative;}
body .MainContents_Area .mainSection01 .mainTitle h3 span{font-size:40pt; font-weight:600; color:#fff; display:block; position:absolute; left:50%; top:60px; transform:translate(-50%,0); width:100%;}
body .MainContents_Area .mainSection01 .mainTitle h4{display:block; width:100%; margin:0 auto; margin-top:50px; overflow:hidden; height:70px; position:relative;}
body .MainContents_Area .mainSection01 .mainTitle h4 span{font-size:16pt; font-weight:400; color:#fff; line-height:1.5; display:block; position:absolute; left:50%; top:70px; transform:translate(-50%,0); width:100%;}
body .MainContents_Area .mainSection01 .videoBox{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1;}
	/*텍스트애니메이션*/
	.mainSection01 .Slide02 .Slide01Ani02_01 span{animation:Slide01Ani02_01 2s ease; animation-fill-mode:forwards;}
	@keyframes Slide01Ani02_01{ 0%{top:150px;} 100%{top:0;} }
	.mainSection01 .Slide02 .Slide01Ani02_02 span{animation:Slide01Ani02_02 2s ease; animation-fill-mode:forwards; animation-delay: 1s;}
	@keyframes Slide01Ani02_02{ 0%{top:60px;} 100%{top:0;} }
	.mainSection01 .Slide02 .Slide01Ani02_03 span{animation:Slide01Ani02_03 2s ease; animation-fill-mode:forwards; animation-delay: 2s;}
	@keyframes Slide01Ani02_03{ 0%{top:70px;} 100%{top:0;} }
	/*화살표*/
	body .MainContents_Area .mainSection01 .arw_btn{display:block; position:absolute; width:1600px; top:50%; left:50%; transform:translate(-50%,-50%); z-index:900;}
	body .MainContents_Area .mainSection01 .arw_btn .sld_btn_prev{font-family:'SUIT', 'Noto Sans KR', sans-serif; font-size:24pt; color:#fff; font-weight:400; background:rgba(0,0,0,0.4); width:46px; height:46px; cursor:pointer; text-align:center; line-height:34pt; margin-right:10px; display:inline-block; float:left;}
	body .MainContents_Area .mainSection01 .arw_btn .sld_btn_prev:hover{background:#000;}
	body .MainContents_Area .mainSection01 .arw_btn .sld_btn_next{font-family:'SUIT', 'Noto Sans KR', sans-serif; font-size:24pt; color:#fff; font-weight:400; background:rgba(0,0,0,0.4); width:46px; height:46px; cursor:pointer; text-align:center; line-height:34pt; display:inline-block; float:right;}
	body .MainContents_Area .mainSection01 .arw_btn .sld_btn_next:hover{background:#000;}
	/* 마우스 */
	body .MainContents_Area .mainSection01 .scrollDown{position:absolute; bottom:2em; text-align:center; left:50%; transform:translate(-50% , 0); animation:Btn_Down_Animation 0.6s 0s infinite ease-in-out alternate; overflow:hidden; z-index:100;}
	@keyframes Btn_Down_Animation{
		0%{padding-bottom:0px;}
		100%{padding-bottom:10px;}
	}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*2번배너*/
body .MainContents_Area .mainSection02{width:100%; position:relative; overflow:hidden; padding-top:150px;}
body .MainContents_Area .mainSection02 .contWrap{width:100%; margin-top:20px;}
body .MainContents_Area .mainSection02 .contWrap .contInner{width:100%; margin-top:60px; display:inline-flex; align-items:start; justify-content:space-between;}
body .MainContents_Area .mainSection02 .contWrap .contInner .contBox{width:23%;}
body .MainContents_Area .mainSection02 .contWrap .contInner .contBox01{width:45%;}
body .MainContents_Area .mainSection02 .contWrap .contInner .contBox .imgBox{width:100%; overflow:hidden; border-radius:20px;}
body .MainContents_Area .mainSection02 .contWrap .contInner .contBox .imgBox img{width:100%;}
body .MainContents_Area .mainSection02 .contWrap .contInner .contBox:hover .imgBox img{animation:main_btn_ani 1s ease; animation-fill-mode:forwards;}
@keyframes main_btn_ani{ 0%{scale:1;} 25%{scale:1.05;} 100%{scale:1;} }
body .MainContents_Area .mainSection02 .contWrap .contInner .contBox .txtBox{margin-top:20px; width:100%;}
body .MainContents_Area .mainSection02 .contWrap .contInner .contBox .txtBox h5{font-size:18pt; font-weight:600;}
body .MainContents_Area .mainSection02 .contWrap .contInner .contBox .txtBox p{font-size:14pt; font-weight:400; color:#965b58; margin-top:5px; font-family: "Amiri", serif;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*3번배너*/
body .MainContents_Area .mainSection03{width:100%; position:relative; overflow:hidden; padding-top:150px; background:url('/img/C00320/mainSection03_bg.jpg')no-repeat; background-size:cover;}
body .MainContents_Area .mainSection03 .Inner{width:1100px; min-width:1100px;}
body .MainContents_Area .mainSection03 .contWrap{width:100%; position:relative; background:#fff; border-radius:80px 80px 0 0; margin-top:80px; padding-top:60px; padding-bottom:120px;}
body .MainContents_Area .mainSection03 .contWrap .decoWrap{position:absolute; width:fit-content; padding:5px 30px; background:#6e3931; border-radius:500px; left:50%; top:-20px; transform:translate(-50%,0);}
body .MainContents_Area .mainSection03 .contWrap .decoWrap h4{color:#fff; font-size:16pt; font-weight:400; font-family: "Amiri", serif;}
body .MainContents_Area .mainSection03 .contWrap .contBox{width:710px; margin:0 auto; margin-top:20px;}
body .MainContents_Area .mainSection03 .contWrap .contBox h6{display:inline-block; vertical-align:top; line-height:1; font-size:60pt; font-weight:600; font-family: "Amiri", serif; color:#efece7; letter-spacing:-2pt; width:80px;}
body .MainContents_Area .mainSection03 .contWrap .contBox p{display:inline-block; vertical-align:top; padding-top:15px; position:relative; font-size:16pt; font-weight:400; margin-left:25px; width:600px;}
body .MainContents_Area .mainSection03 .contWrap .contBox p span{position:absolute; left:0; bottom:-15px; width:100%; height:1px; background:#464646;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*4번배너*/
body .MainContents_Area .mainSection04{width:100%; position:relative; overflow:hidden; padding:150px 0;}
body .MainContents_Area .mainSection04 .contWrap{width:100%; margin-top:80px; display:inline-flex; align-items:start; justify-content:center;}
body .MainContents_Area .mainSection04 .contWrap .contBox{width:22%; margin-right:4%;}
body .MainContents_Area .mainSection04 .contWrap .contBox:last-child{margin-right:0;}
body .MainContents_Area .mainSection04 .contWrap .contBox .ThumBox{width:100%; overflow:hidden;}
body .MainContents_Area .mainSection04 .contWrap .contBox img{width:100%; transition:0.4s;}
body .MainContents_Area .mainSection04 .contWrap .contBox:hover .ThumBox img{animation:main_btn_ani 1s ease; animation-fill-mode:forwards;}
body .MainContents_Area .mainSection04 .contWrap .contBox .ThumTxt{margin-top:20px;}
body .MainContents_Area .mainSection04 .contWrap .contBox .ThumTxt h5{font-size:14pt; font-weight:400; line-height:1.5;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*5번배너*/
body .MainContents_Area .mainSection05{width:100%; position:relative; overflow:hidden; padding:200px 0; background:url('/img/C00320/mainSection05_bg.jpg')no-repeat; background-size:cover;}
body .MainContents_Area .mainSection05 .Inner{}
body .MainContents_Area .mainSection05 .contWrap{margin-left:60%; width:40%;}
body .MainContents_Area .mainSection05 .contWrap h6{font-size:18pt; font-weight:400; font-family: "Amiri", serif; border-bottom:1px solid #121212; width:fit-content; line-height:1;}
body .MainContents_Area .mainSection05 .contWrap h3{font-size:28pt; font-weight:700; line-height:1; margin-top:30px;}
body .MainContents_Area .mainSection05 .contWrap p{font-size:14pt; font-weight:400; line-height:1.8; margin-top:50px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 4번배너 */
body .MainContents_Area .mainSection06{width:100%; position:relative; overflow:hidden;}
body .MainContents_Area .mainSection06 .Inner{width:100%; min-width:100%;}
body .MainContents_Area .mainSection06 .txtBox{width:100%; text-align:center;}
body .MainContents_Area .mainSection06 .txtBox img{width:auto;}
body .MainContents_Area .mainSection06 .contBox{background:url('/img/C00320/mainSection06_bg.jpg')no-repeat; background-position:center center; background-size:cover background-position-y:40%; background-attachment:fixed; padding:240px 0;}