@charset "utf-8";
/* 
C00352 기운찬한방병원
*/

/* 메인전용컨텐츠 */
.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:1300px; min-width:1300px;}
body .MainContents_Area .mainSection{width:100%; position:relative; display:block; overflow:hidden;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*1번배너*/
body .MainContents_Area .mainSection01 .Inner{width:100%; min-width:100%;}
body .MainContents_Area .mainSection01 img{width:100%;}
body .MainContents_Area .mainSection01 .SliderBtn{width:100%; position:absolute; left:50%; bottom:40px; transform:translate(-50%,0); z-index:10; text-align:center;}
body .MainContents_Area .mainSection01 .SliderBtn .swiper-pagination-bullet{width:8px; height:8px; opacity:1; background:#fff; margin:0 15px; position:relative;}
body .MainContents_Area .mainSection01 .SliderBtn .swiper-pagination-bullet::before{content:''; display:block; width:20px; height:20px; border-radius:500px; border:1px solid #fff; background:transparent; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
body .MainContents_Area .mainSection01 .SliderBtn .swiper-pagination-bullet-active{background:#b1ded9;}
body .MainContents_Area .mainSection01 .SliderBtn .swiper-pagination-bullet-active::before{border:1px solid #b1ded9;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*2번배너*/
body .MainContents_Area .mainSection02{padding:150px 0; background:url('/img/C00352/mainSection02_bg.jpg')no-repeat center/cover;}
body .MainContents_Area .mainSection02 .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:space-between;}
body .MainContents_Area .mainSection02 .contWrap .mainTitle{width:61.5%;}
body .MainContents_Area .mainSection02 .contWrap .imgBox{width:38.5%; overflow:hidden; border-radius:500px;} 
body .MainContents_Area .mainSection02 .contWrap .imgBox img{width:100%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*3번배너*/
body .MainContents_Area .mainSection03{padding:150px 0;}
body .MainContents_Area .mainSection03 .mainTitle{text-align:center;}
body .MainContents_Area .mainSection03 .Inner{width:96%; min-width:96%;}
body .MainContents_Area .mainSection03 .imgWrap{width:100%; display:inline-flex; align-items:center; justify-content:space-between; margin-top:70px;}
body .MainContents_Area .mainSection03 .imgWrap .imgBox{width:32%; border-radius:20px; overflow:hidden;}
body .MainContents_Area .mainSection03 .imgWrap .imgBox img{width:100%;}
body .MainContents_Area .mainSection03 .txtWrap{text-align:center;}
body .MainContents_Area .mainSection03 .txtWrap p.txt22{margin-top:70px;} 
body .MainContents_Area .mainSection03 .txtWrap p.txt36{margin-top:60px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 4번배너 */
body .MainContents_Area .mainSection04{width:100%; position:relative; overflow:hidden;}
body .MainContents_Area .mainSection04 .Inner{width:100%; min-width:100%; background:url('/img/C00352/mainSection04_bg.jpg')no-repeat; background-position:center center; background-size:cover background-position-y:40%; background-attachment:fixed; padding:200px 0;}
body .MainContents_Area .mainSection04 .mainTitle{width:1300px; margin:0 auto;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*5번배너*/
body .MainContents_Area .mainSection05{padding:100px 0; background:#b1ded9;}
body .MainContents_Area .mainSection05 .Inner{width:100%; min-width:100%; background:#fff;}
body .MainContents_Area .mainSection05 .mainTitle{width:1300px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
body .MainContents_Area .mainSection05 .mainTitle h6{font-size:18pt; font-weight:600; line-height:1.7; margin-top:60px;}
body .MainContents_Area .mainSection05 .mainTitle p{margin-top:370px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*6번배너*/
body .MainContents_Area .mainSection06{background:#b1ded9;}
body .MainContents_Area .mainSection06 .Inner{width:100%; min-width:100%; background:#0f289e; border-radius:100px 100px 0 0;}
body .MainContents_Area .mainSection06 .mainTitle{text-align:center; padding-top:150px;}
body .MainContents_Area .mainSection06 .contWrap{width:1300px; margin:0 auto; padding-top:20px; padding-bottom:150px;}
body .MainContents_Area .mainSection06 .contWrap .contBox{width:100%; position:relative; margin-top:50px;}
body .MainContents_Area .mainSection06 .contWrap .contBox .imgBox{width:100%; overflow:hidden; border-radius:50px;}
body .MainContents_Area .mainSection06 .contWrap .contBox .imgBox img{width:100%;}
body .MainContents_Area .mainSection06 .contWrap .contBox .txtBox{width:100%; position:absolute; left:80px; top:50%; transform:translate(0,-50%);}
body .MainContents_Area .mainSection06 .contWrap .contBox .txtBox span{font-size:13pt; font-weight:700; color:#0f289e; display:block;}
body .MainContents_Area .mainSection06 .contWrap .contBox .txtBox h6{font-size:28pt; font-weight:700; margin-top:40px;}
body .MainContents_Area .mainSection06 .contWrap .contBox .txtBox p{margin-top:30px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*8번배너*/
body .MainContents_Area .mainSection08{padding-top:150px; background:url('/img/C00352/mainSection08_bg.jpg')no-repeat center/cover;}
body .MainContents_Area .mainSection08 .mainTitle{width:100%; display:inline-flex; align-items:end; justify-content:space-between;}
body .MainContents_Area .mainSection08 .contWrap{margin-top:70px; width:100%;}
body .MainContents_Area .mainSection08 .contWrap img{width:100%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*9번배너*/
body .MainContents_Area .mainSection09{padding:150px 0; background:url('/img/C00352/mainSection09_img.jpg')no-repeat center/cover;}
body .MainContents_Area .mainSection09 .mainTitle{text-align:center;}
body .MainContents_Area .mainSection09 .contWrap{margin-top:70px;}
body .MainContents_Area .mainSection09 .contWrap .contBox{width:100%; display:inline-flex; align-items:center; justify-content:space-between;}
body .MainContents_Area .mainSection09 .contWrap .contBox .txtBox{}
body .MainContents_Area .mainSection09 .contWrap .contBox p.txt22{margin-top:20px;}
body .MainContents_Area .mainSection09 .contWrap .contBox .imgBox{width:61%; overflow:hidden; border-radius:20px;} 
body .MainContents_Area .mainSection09 .contWrap .contBox .imgBox img{width:100%;}
body .MainContents_Area .mainSection09 .contWrap .contBox02{margin-top:90px;}
body .MainContents_Area .mainSection09 .contWrap .contBox02 p.txt22 b{color:#0f289e; font-size:24pt; display:inline-block; margin-left:10px;}
body .MainContents_Area .mainSection09 .contWrap .contBox02 small{font-size:11pt; font-weight:400;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*11번배너*/
body .MainContents_Area .mainSection11{padding:150px 0; background:#b1ded9;}
body .MainContents_Area .mainSection11 .Inner{width:1630px; min-width:1630px;}
body .MainContents_Area .mainSection11 .mainTitle{text-align:center;}
body .MainContents_Area .mainSection11 .contWrap{margin-top:70px; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
body .MainContents_Area .mainSection11 .contWrap .contBox{width:calc(100%/5); position:relative;}
body .MainContents_Area .mainSection11 .contWrap .contBox .imgBox{width:100%; overflow:hidden;}
body .MainContents_Area .mainSection11 .contWrap .contBox .imgBox img{width:100%;}
body .MainContents_Area .mainSection11 .contWrap .contBox .txtBox{width:100%; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
body .MainContents_Area .mainSection11 .contWrap .contBox .txtBox p{font-weight:500;}
body .MainContents_Area .mainSection11 .contWrap .contBox.wh .txtBox p{color:#fff;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 12번배너 */
body .MainContents_Area .mainSection12{width:100%; position:relative; overflow:hidden;}
body .MainContents_Area .mainSection12 .Inner{width:100%; min-width:100%; background:url('/img/C00352/mainSection12_bg.jpg')no-repeat; background-position:center center; background-size:cover background-position-y:40%; background-attachment:fixed; padding:150px 0;}
body .MainContents_Area .mainSection12 .mainTitle{width:1300px; margin:0 auto; text-align:center;}
body .MainContents_Area .mainSection12 .mainTitle p{font-weight:400;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*13번배너*/
body .MainContents_Area .mainSection13{padding:150px 0;}
body .MainContents_Area .mainSection13 .Inner{width:100%; min-width:100%;}
body .MainContents_Area .mainSection13 .mainTitle{text-align:center;}
body .MainContents_Area .mainSection13 .contWrap{margin-top:70px; margin-left: calc((100% - 1300px) / 2);}
body .MainContents_Area .mainSection13 .contWrap a{position:relative; display:block; width:100%; overflow:hidden; border-radius:20px;}
body .MainContents_Area .mainSection13 .contWrap a .imgBox{width:100%;}
body .MainContents_Area .mainSection13 .contWrap a .imgBox img{width:100%; transition:0.5s; position:relative;}
body .MainContents_Area .mainSection13 .contWrap a:hover .imgBox img{scale:1.05;}
body .MainContents_Area .mainSection13 .contWrap a .imgBox::before{content:''; position:absolute; display:block; width:100%; height:100%; left:0; bottom:0; background:rgba(0,0,0,0.65); z-index:1; transition:0.5s;}
body .MainContents_Area .mainSection13 .contWrap a p.txt22{position:absolute; left:50%; bottom:30px; transform:translate(-50%,0); color:#fff; font-weight:600; z-index:2;}
body .MainContents_Area .mainSection13 .contWrap .swiper-slide-active a .imgBox::before{height:0;}
body .MainContents_Area .mainSection13 .contWrap a:hover .imgBox::before{height:0;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*14번배너*/
body .MainContents_Area .mainSection14{padding:130px 0;}
body .MainContents_Area .mainSection14 .Inner{width:1800px; min-width:1800px; padding:100px 0; margin:0 auto; border-radius:50px; overflow:hidden; background:url('/img/C00352/mainSection14_bg.jpg')no-repeat center/cover; box-shadow: 0 0 15px #ccc;}
body .MainContents_Area .mainSection14 .mainTitle{text-align:center;}
body .MainContents_Area .mainSection14 .mainTitle span{color:#ff4c8d;}
body .MainContents_Area .mainSection14 .mainTitle a.more{background:#ff4c8d; margin:0 auto; margin-top:50px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*15번배너*/
body .MainContents_Area .mainSection15{padding:150px 0; background:#b1ded9;}
body .MainContents_Area .mainSection15 .Inner{width:100%; min-width:100%;}
body .MainContents_Area .mainSection15 .mainTitle{text-align:center;}
body .MainContents_Area .mainSection15 .contWrap{width:100%; background:#fff; padding:50px 0; margin-top:70px;}
body .MainContents_Area .mainSection15 .contWrap .contBox{position:relative; width:max-content;}
body .MainContents_Area .mainSection15 .contWrap .contBox:nth-child(n+2){margin-top:20px;}
body .MainContents_Area .mainSection15 .contWrap .contBox span{position:relative; display:block; animation:moving_img 40s linear infinite; z-index:1; padding:0 30px;}
body .MainContents_Area .mainSection15 .contWrap .contBox span.copy{position:absolute; top:0; left:-100%;}

@keyframes moving_img { 100% { transform:translateX(100%);}}