@charset "utf-8";
/* 
C00328 셀이즈의원
*/

/* 메인전용컨텐츠 */
.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:38pt; font-weight:600; line-height:1.5;}
body .mainTitle h5{font-size:14pt; font-weight:500; color:#ee6a68; margin-bottom:15px; line-height:1.5;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*1번배너*/
body .MainContents_Area .mainSection01{width:100%; position:relative; overflow:hidden; height:860px;}
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 .videoBox{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1;}
body .MainContents_Area .mainSection01 .txtBox{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; z-index:10;}
body .MainContents_Area .mainSection01 .txtBox .txtInner{width:1084px; margin:0 auto;}
body .MainContents_Area .mainSection01 .txtBox .txtInner .txtTop{width:100%; display:inline-flex; align-items:end; justify-content:space-between;}
body .MainContents_Area .mainSection01 .txtBox .txtInner .txtTop h3{font-size:32pt; font-weight:400; color:#fff; line-height:1.5;}
body .MainContents_Area .mainSection01 .txtBox .txtInner .txtTop h3 b{font-weight:700; color:#fff;}
body .MainContents_Area .mainSection01 .txtBox .txtInner .txtTop .logo img{width:127px;}
body .MainContents_Area .mainSection01 .txtBox .txtInner span.line{width:100%; height:1px; display:block; margin:30px 0; background:linear-gradient(to right, transparent, #fff);}
body .MainContents_Area .mainSection01 .txtBox .txtInner p{color:#fff; font-size:14pt; font-weight:300; text-align:right; line-height:1.7;}
body .MainContents_Area .mainSection01 .txtBox .txtInner p b{color:#fff; font-weight:600; line-height:1.7;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*2번배너*/
body .MainContents_Area .mainSection02{width:100%; position:relative; overflow:hidden; padding:150px 0; background:url('/img/C00328/mainSection02_bg.jpg')no-repeat center/cover;}
body .MainContents_Area .mainSection02 .Inner{width:100%; min-width:100%;}
body .MainContents_Area .mainSection02 .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:start;}
body .MainContents_Area .mainSection02 .contWrap .imgBox{width:50%;}
body .MainContents_Area .mainSection02 .contWrap .imgBox img{width:100%; padding-right:80px;}
body .MainContents_Area .mainSection02 .contWrap .txtBox h5{color:#909090; font-size:15pt; font-weight:500; line-height:1.5; margin-top:20px;}
body .MainContents_Area .mainSection02 .contWrap .txtBox h3{font-size:30pt; font-weight:500; line-height:1.3; margin-top:20px;}
body .MainContents_Area .mainSection02 .contWrap .txtBox h3 b{color:#ee6a68; font-weight:700; line-height:1.3;}
body .MainContents_Area .mainSection02 .contWrap .txtBox p{font-size:14pt; font-weight:300; line-height:1.7; margin-top:40px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*3번배너*/
body .MainContents_Area .mainSection03{width:100%; position:relative; overflow:hidden; padding:150px 0;}
body .MainContents_Area .mainSection03 .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:start; margin-top:80px;}
body .MainContents_Area .mainSection03 .txtWrap{width:35%;}
body .MainContents_Area .mainSection03 .txtWrap .txtBox{width:100%; border-bottom:1px solid #8f8f8f;}
body .MainContents_Area .mainSection03 .txtWrap .txtBox02{margin:50px 0;}
body .MainContents_Area .mainSection03 .txtWrap .txtBox span.num{display:inline-block; vertical-align:middle; font-size:34pt; font-weight:500; color:#436682;}
body .MainContents_Area .mainSection03 .txtWrap .txtBox p{display:inline-block; vertical-align:middle; font-size:16pt; font-weight:400; margin-left:15px;}
body .MainContents_Area .mainSection03 .videoWrap{margin-left:5%; width:60%;}
body .MainContents_Area .mainSection03 .videoWrap video{width:100%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*4번배너*/
body .MainContents_Area .mainSection04{width:100%; position:relative; overflow:hidden; padding:150px 0; background:url('/img/C00328/mainSection04_bg.jpg')no-repeat center/cover;}
body .MainContents_Area .mainSection04 .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:start;}
body .MainContents_Area .mainSection04 .mainTitle{text-align:left; width:33%;}
body .MainContents_Area .mainSection04 .mainTitle p{font-size:14pt; font-weight:300; line-height:1.7; margin-top:40px;}
body .MainContents_Area .mainSection04 .imgWrap{}
body .MainContents_Area .mainSection04 .imgWrap .imgBox{display:inline-block; vertical-align:top; box-shadow: 0 14px 28px rgba(0,0,0,0.05), 0 10px 10px rgba(0,0,0,0.05);}
body .MainContents_Area .mainSection04 .imgWrap .imgBox img{width:100%;}
body .MainContents_Area .mainSection04 .imgWrap .imgBox01{width:57%;}
body .MainContents_Area .mainSection04 .imgWrap .imgBox02{width:35%; margin-left:5%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*5번배너*/
body .MainContents_Area .mainSection05{width:100%; position:relative; overflow:hidden; padding:150px 0; background:url('/img/C00328/mainSection05_bg.jpg')no-repeat center/cover;}
body .MainContents_Area .mainSection05 .mainTitle h5{font-size:11pt; font-weight:400; color:#464646; letter-spacing:5pt;}
body .MainContents_Area .mainSection05 .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:space-between; margin-top:70px;}
body .MainContents_Area .mainSection05 .contWrap .contBox{width:30%;}
body .MainContents_Area .mainSection05 .contWrap .contBox img{width:100%; transition:0.3s;}
body .MainContents_Area .mainSection05 .contWrap .imgBox{width:100%; position:relative; overflow:hidden;}
body .MainContents_Area .mainSection05 .contWrap .imgBox::after{position: absolute; content: ''; z-index: 10; width: 200%; height: 100%; top: -90%; left: -20px; opacity: 0.1; transform: rotate(45deg); background: linear-gradient(to top, transparent, #fff 15%, rgba(255,255,255,0.8)); transition: 0.3s;}
body .MainContents_Area .mainSection05 .contWrap .contBox a{display:block; width:100%;}
body .MainContents_Area .mainSection05 .contWrap .contBox a:hover .imgBox::after{transform: rotate(25deg); top: -40%; opacity: 0.15;}
body .MainContents_Area .mainSection05 .contWrap .contBox a:hover img{scale:1.05;}
body .MainContents_Area .mainSection05 .contWrap .txtBox{width:100%; text-align:center; margin-top:20px;}
body .MainContents_Area .mainSection05 .contWrap .txtBox span{color:#ee6a68; font-size:13pt; font-weight:500;}
body .MainContents_Area .mainSection05 .contWrap .txtBox p{font-size:15pt; font-weight:600; margin-top:15px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*6번배너*/
body .MainContents_Area .mainSection06{width:100%; position:relative; overflow:hidden; padding:150px 0;}
body .MainContents_Area .mainSection06 .mainTitle h3{width:100%; display:inline-flex; align-items:center; justify-content:center;}
body .MainContents_Area .mainSection06 .mainTitle h3 span{margin-left:10px;}
body .MainContents_Area .mainSection06 .contWrap{margin-top:70px; position:relative;}
body .MainContents_Area .mainSection06 .contWrap li{height:460px; border-radius:20px; overflow:hidden;}
body .MainContents_Area .mainSection06 .contWrap li a{display:100%; width:100%; height:100%;}
body .MainContents_Area .mainSection06 .contWrap li a .TextBox{display:none;}
body .MainContents_Area .mainSection06 .contWrap .ThumbBox{width:100%; height:100%; background-color:#000; position:relative;}
body .MainContents_Area .mainSection06 .contWrap .ThumbBox > img{width:100%; height:100%; object-fit:cover; transition:0.5s;}
body .MainContents_Area .mainSection06 .contWrap .ThumbBox .iconBox{display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:0.5s;}
body .MainContents_Area .mainSection06 .contWrap li a:hover .ThumbBox .iconBox{display:block;}
body .MainContents_Area .mainSection06 .contWrap li a:hover .ThumbBox > img{opacity:0.7;}
	/*화살표*/
	body .MainContents_Area .mainSection06 .btnBox .swiper-button{font-size:18pt; font-weight:300; font-family:'SUIT', 'Noto Sans SC'; position:absolute; top:50%; transform:translate(0,-50%); cursor:pointer;}
	body .MainContents_Area .mainSection06 .btnBox .swiper-button-prev-6{left:-50px;}
	body .MainContents_Area .mainSection06 .btnBox .swiper-button-next-6{right:-50px;}
	/*조정*/
	body .MainContents_Area .mainSection06.default .btnBox{display:none;}
	body .MainContents_Area .mainSection06.default .swiper-wrapper{justify-content:center;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*7번배너*/
body .MainContents_Area .mainSection07{width:100%; position:relative; overflow:hidden; padding:150px 0; background:url('/img/C00328/mainSection07_bg.jpg')no-repeat center/cover;}
body .MainContents_Area .mainSection07 .mainTitle h5{color:#222; font-weight:500; font-size:14pt;}
body .MainContents_Area .mainSection07 .mainTitle h3{color:#ee6a68; font-weight:500;}
body .MainContents_Area .mainSection07 .contWrap{display:flex; flex-wrap:wrap; align-items:center; justify-content:start; margin-top:70px;}
body .MainContents_Area .mainSection07 .contWrap .contBox{width:22%; margin-right:4%;}
body .MainContents_Area .mainSection07 .contWrap .contBox:nth-child(4n){margin-right:0;}
body .MainContents_Area .mainSection07 .contWrap .contBox:nth-child(n+5){margin-top:30px;}
body .MainContents_Area .mainSection07 .contWrap .contBox .ThumbBox{display:relative; width:100%; height:320px; overflow:hidden; border-radius:10px;}
body .MainContents_Area .mainSection07 .contWrap .contBox .ThumbBox img{width:100%; height:100%; object-fit:cover; transition:0.5s;}
body .MainContents_Area .mainSection07 .contWrap .contBox .ThumbBox:hover img{scale:1.1;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*8번배너*/
body .MainContents_Area .mainSection08{width:100%; position:relative; overflow:hidden; padding:150px 0;}
body .MainContents_Area .mainSection08 .mainTitle{text-align:left; width:38%; padding-left:320px; position:relative;}
body .MainContents_Area .mainSection08 .mainTitle h3 b{font-weight:300;}
body .MainContents_Area .mainSection08 .mainTitle p{font-size:14pt; font-weight:300; line-height:1.7; margin-top:40px;}
body .MainContents_Area .mainSection08 .mainTitle span.iconBox{position:absolute; top:-60px; left:220px;}
body .MainContents_Area .mainSection08 .Inner{width:100%; min-width:100%;}
body .MainContents_Area .mainSection08 .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:space-between; margin-top:70px;}
body .MainContents_Area .mainSection08 .contWrap .contInner{width:62%;}
body .MainContents_Area .mainSection08 .contWrap .contInner img{width:100%;}
	/*페이징*/
	body .MainContents_Area .mainSection08 .mainTitle .SliderBtn{margin-top:60px;}
	body .MainContents_Area .mainSection08 .mainTitle .SliderBtn .swiper-pagination-bullet{margin-right:10px; background:#dfdfdf; opacity:1; width:10px; height:10px; vertical-align:middle;}
	body .MainContents_Area .mainSection08 .mainTitle .SliderBtn .swiper-pagination-bullet-active{background:#ee6a68; border:3px solid #dfdfdf; width:15px; height:15px;}
