@charset "utf-8";
/* 
C00394 네오미오의원
*/

/* 메인전용컨텐츠 */
.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; background:#fff;}
/*슬라이드 초기화*/
.MultiImgSlider .slick-slide li .ThumBox{background-color:transparent;}

body .MainContents_Area .Inner{width:1400px; min-width:1400px;}
body .MainContents_Area .mainSection{width:100%; position:relative; display:block; overflow:hidden;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*1번배너*/
body .MainContents_Area .mainSection01{z-index:1; background:url('/img/C00394/mainSection01_bg.jpg')no-repeat center/cover; padding:320px 0;}
body .MainContents_Area .mainSection01 .contWrap{width:100%; text-align:center;}
body .MainContents_Area .mainSection01 .contWrap em{display:block; letter-spacing:5%;}
body .MainContents_Area .mainSection01 .contWrap h2{margin-top:30px;}
body .MainContents_Area .mainSection01 .contWrap .txtWrap{width:100%; margin-top:60px; display:inline-flex; align-items:center; justify-content:center;}
body .MainContents_Area .mainSection01 .contWrap .txtWrap .txtBox{width:max-content; background:rgba(98,57,144,40%); padding:10px 25px; border-radius:500px; margin:0 15px;}
body .MainContents_Area .mainSection01 .contWrap p{line-height:1.8; margin-top:60px;}

/*스크롤다운*/
body .MainContents_Area .mainSection01 .mouse { display: inline-block; cursor: pointer; transition: transform 0.3s ease, filter 0.3s ease; position:absolute; left:50%; bottom:50px; transform:translate(-50%,0);}
body .MainContents_Area .mainSection01 .mouse svg{overflow: visible;}
body .MainContents_Area .mainSection01 .mouse svg g { opacity: 1 !important;}
body .MainContents_Area .mainSection01 .mouse path:nth-child(1) {opacity: 0.9;}
body .MainContents_Area .mainSection01 .mouse path:nth-child(2) {animation: arrowFlow 1.8s infinite ease-in-out;}
body .MainContents_Area .mainSection01 .mouse path:nth-child(3) {animation: arrowFlow 1.8s infinite ease-in-out; animation-delay: 0.3s;}

@keyframes arrowFlow {
  0% {
    opacity: 0;
    transform: translateY(-4px);
  }
  50% {
    opacity: 1;
    transform: translateY(1px);
  }
  100% {
    opacity: 0;
    transform: translateY(6px);
  }
}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*2번배너*/
body .MainContents_Area .mainSection02{z-index:1; background:url('/img/C00394/mainSection02_bg.jpg')no-repeat center/cover; padding:240px 0;}
body .MainContents_Area .mainSection02 .contWrap{width:100%; text-align:center;}
body .MainContents_Area .mainSection02 .contWrap h5{color:#623990; font-weight:600;}
body .MainContents_Area .mainSection02 .contWrap em{color:rgba(98,57,144,50%); font-weight:700;}
body .MainContents_Area .mainSection02 .contWrap h2{margin-top:40px;}
body .MainContents_Area .mainSection02 .contWrap p{margin-top:65px; line-height:1.8;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*3번배너*/
body .MainContents_Area .mainSection03{z-index:1; background:url('/img/C00394/mainSection03_bg.jpg')no-repeat center/cover; padding:150px 0;}
body .MainContents_Area .mainSection03 .mainTitle{width:100%; text-align:center;}
body .MainContents_Area .mainSection03 .mainTitle em{color:rgba(211,185,160,30%); font-weight:700; letter-spacing:5%;}
body .MainContents_Area .mainSection03 .mainTitle em b{color:#D3B9A0; font-weight:700;}
body .MainContents_Area .mainSection03 .mainTitle h2{margin-top:25px;}
body .MainContents_Area .mainSection03 .contWrap{width: 100%; margin:0 auto; margin-top:70px; display:flex; justify-content: center; align-items: center; gap: 50px;}
body .MainContents_Area .mainSection03 .contWrap .contBox{position: relative; flex: 1; height: 550px; border-radius: 0px; overflow: hidden; transition: flex 0.6s cubic-bezier(0.16, 1, 0.3, 1), border-radius 0.5s ease;}
body .MainContents_Area .mainSection03 .contWrap .contBox > a {display: block; position: relative; width: 100%; height: 100%; text-decoration: none;}
/*이미지*/
body .MainContents_Area .mainSection03 .contWrap .contBox .imgBox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
body .MainContents_Area .mainSection03 .contWrap .contBox .imgBox img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease;}
body .MainContents_Area .mainSection03 .contWrap .contBox .imgBox::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); transition: background 0.4s ease;}
body .MainContents_Area .mainSection03 .contWrap .contBox .logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; opacity: 1; pointer-events: none; transition: opacity 0.4s ease;}
/*텍스트*/
body .MainContents_Area .mainSection03 .contWrap .contBox .txtBox {position: absolute; top: 50%; left: 0; width: 100%; padding: 0 55px; z-index: 3; box-sizing: border-box; transform: translateY(-50%); transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), top 0.6s cubic-bezier(0.16, 1, 0.3, 1);}
body .MainContents_Area .mainSection03 .contWrap .contBox .txtBox h5 { margin: 0; white-space: nowrap; text-align: center; opacity: 1; transition: text-align 0.4s ease, opacity 0.4s ease;}
body .MainContents_Area .mainSection03 .contWrap .contBox .txtBox p { position: absolute; top: 100%; left: 55px; right: 55px; margin-top: 20px; line-height: 1.8; color: rgba(255, 255, 255, 0.85); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.4s ease 0.1s;}
/*자세히보기*/
body .MainContents_Area .mainSection03 .contWrap .contBox .more { position: absolute; bottom: 50px; right: 55px; z-index: 3; opacity: 0; visibility: hidden; transform: translateX(-10px); transition: all 0.4s ease 0.15s; display: flex; align-items: center; gap: 5px;}
/*호버*/
body .MainContents_Area .mainSection03 .contWrap .contBox:hover { flex: 2.2; border-radius: 20px;}
body .MainContents_Area .mainSection03 .contWrap .contBox:hover .imgBox img { transform: scale(1.05);}
body .MainContents_Area .mainSection03 .contWrap .contBox:hover .imgBox::after {}
body .MainContents_Area .mainSection03 .contWrap .contBox:hover .txtBox { top: auto; bottom: 50px; transform: translateY(0);}
body .MainContents_Area .mainSection03 .contWrap .contBox:hover .txtBox h5 { text-align: left;}
body .MainContents_Area .mainSection03 .contWrap .contBox:hover .txtBox p { position: relative; top: auto; left: auto; right: auto; opacity: 1; visibility: visible; transform: translateY(0);}
body .MainContents_Area .mainSection03 .contWrap .contBox:hover .more { opacity: 1; visibility: visible; transform: translateX(0);}
body .MainContents_Area .mainSection03 .contWrap .contBox:hover .logo{opacity:0;}
body .MainContents_Area .mainSection03 .contWrap:hover .contBox:not(:hover) .txtBox h5 { opacity: 0.3;}
body .MainContents_Area .mainSection03 .contWrap:hover .contBox:not(:hover) .imgBox::after { background: rgba(0, 0, 0, 0.5);}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*4번배너*/
body .MainContents_Area .mainSection04{z-index:1; background:url('/img/C00394/mainSection04_bg.jpg')no-repeat center/cover; padding:150px 0;}
body .MainContents_Area .mainSection04 .mainTitle{width:100%; text-align:center;}
body .MainContents_Area .mainSection04 .mainTitle em{color:rgba(98,57,144,50%); font-weight:700; letter-spacing:5%;}
body .MainContents_Area .mainSection04 .mainTitle em b{color:#623990; font-weight:700;}
body .MainContents_Area .mainSection04 .mainTitle h2{margin-top:25px;}
body .MainContents_Area .mainSection04 .contWrap{width: 100%; margin:0 auto; margin-top:70px; display:flex; justify-content: center; align-items: center; gap: 50px;}
body .MainContents_Area .mainSection04 .contWrap .contBox{position: relative; flex: 1; height: 400px; border-radius: 0px; overflow: hidden;}
/*이미지*/
body .MainContents_Area .mainSection04 .contWrap .contBox .imgBox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
body .MainContents_Area .mainSection04 .contWrap .contBox .imgBox img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease;}
body .MainContents_Area .mainSection04 .contWrap .contBox:hover .imgBox img { transform: scale(1.05);}
/*텍스트*/
body .MainContents_Area .mainSection04 .contWrap .contBox .txtBox{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); text-align:center; width: 100%; z-index:10;}
body .MainContents_Area .mainSection04 .contWrap .contBox .txtBox p{margin-top:30px; line-height:1.8;}
body .MainContents_Area .mainSection04 .contWrap .contBox .txtBox .more{display:flex; justify-content: center; align-items: center; gap: 5px; width:max-content; background:rgba(255,255,255,20%); border:1px solid #fff; padding:10px 15px; border-radius:500px; margin:0 auto; margin-top:40px; transition:0.5s;}
body .MainContents_Area .mainSection04 .contWrap .contBox:hover .txtBox .more{letter-spacing:5%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*5번배너*/
body .MainContents_Area .mainSection05{z-index:1; background:url('/img/C00394/mainSection05_bg.jpg')no-repeat center/cover; height:100vh; padding:0; clear: both;}
body .MainContents_Area .mainSection05 .Inner{ display:flex; justify-content: space-between; align-items: start; height:100vh; padding:150px 0;}
body .MainContents_Area .mainSection05 .mainTitle em{color:rgba(25,25,25,25%); font-weight:700; letter-spacing:5%;}
body .MainContents_Area .mainSection05 .mainTitle h2 b{font-weight:500; margin-top:25px;}
body .MainContents_Area .mainSection05 .mainTitle p{margin-top:70px; line-height:1.8;}
/*이미지*/
body .MainContents_Area .mainSection05 .contWrap{width:max-content; will-change: transform;}
body .MainContents_Area .mainSection05 .contWrap .contBox{position:relative;}
body .MainContents_Area .mainSection05 .contWrap .contBox .txtBox{position:absolute; left:50px; bottom:55px;}
body .MainContents_Area .mainSection05 .contWrap .contBox .txtBox em{color:#623990; font-weight:700; letter-spacing:3%;}
body .MainContents_Area .mainSection05 .contWrap .contBox .txtBox h5{font-weight:500; margin-top:10px;}
body .MainContents_Area .mainSection05 .contWrap .contBox .txtBox p{margin-top:20px}
body .MainContents_Area .mainSection05 .contWrap .contBox:nth-child(n+2){margin-top:30px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*6번배너*/
body .MainContents_Area .mainSection06{z-index:1; padding:150px 0;}
body .MainContents_Area .mainSection06 .mainTitle{width:100%; display:inline-flex; justify-content: space-between; align-items: end;}
body .MainContents_Area .mainSection06 .mainTitle .txtLeft{width:50%; display:inline-flex; justify-content: start; align-items: center;}
body .MainContents_Area .mainSection06 .mainTitle .txtLeft h2{color:#623990; font-weight:700; padding-right:30px; border-right:3px solid rgba(25,25,25,20%);}
body .MainContents_Area .mainSection06 .mainTitle .txtLeft p{text-align:left; padding-left:30px; line-height:1.6;}
body .MainContents_Area .mainSection06 .mainTitle .txtRight{}
body .MainContents_Area .mainSection06 .mainTitle .txtRight a{display:flex; justify-content: end; align-items: center; gap:5px; width:max-content; padding:12px 20px; border-radius:500px; border:1px solid rgba(25,25,25,70%); transition:0.5s;}
body .MainContents_Area .mainSection06 .mainTitle .txtRight a:hover{letter-spacing:3%;}
/*내용*/
body .MainContents_Area .mainSection06 .contWrap{width:100%; margin-top:60px;}
body .MainContents_Area .mainSection06 .contWrap .imgBox{width:100%; display:flex; justify-content: start; align-items: start; position:relative;}
body .MainContents_Area .mainSection06 .contWrap .imgBox img{width:100%;}
body .MainContents_Area .mainSection06 .contWrap .imgBox .Before{width:50%; position:relative;}
body .MainContents_Area .mainSection06 .contWrap .imgBox .After{width:50%;}
body .MainContents_Area .mainSection06 .contWrap .imgBox span{display:none;}
body .MainContents_Area .mainSection06 .contWrap .titleBox{display:none;}
/*화살표*/
body .MainContents_Area .mainSection06 .SliderBtn .btn{position:absolute; top:50%; transform:translate(0,-50%); cursor:pointer;}
body .MainContents_Area .mainSection06 .SliderBtn .btn.btnPrev6{left:-70px;}
body .MainContents_Area .mainSection06 .SliderBtn .btn.btnNext6{right:-70px;}
body .MainContents_Area .mainSection06 .SliderBtn .btn:hover svg path{fill: #000; fill-opacity: 1; transition: fill 0.3s ease, fill-opacity 0.3s ease;}
/*비로그인*/
body .MainContents_Area .mainSection06 .contWrap .NonLogin .imgBox .Before .pass{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items: center; justify-content: center; flex-direction:column; text-align:center; background:rgba(0,0,0,0.6); backdrop-filter: blur(15px);}
body .MainContents_Area .mainSection06 .contWrap .NonLogin .imgBox .Before .pass p{color:rgba(255,255,2550.5); line-height:1.6; margin-top:20px;}
body .MainContents_Area .mainSection06 .contWrap .NonLogin .imgBox .After .pass{display:none;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*7번배너*/
body .MainContents_Area .mainSection07{z-index:1; background:url('/img/C00394/mainSection07_bg.jpg')no-repeat center/cover; padding:150px 0;}
body .MainContents_Area .mainSection07 .mainTitle{width:100%; text-align:center;}
body .MainContents_Area .mainSection07 .mainTitle em{color:rgba(98,57,144,50%); font-weight:700; letter-spacing:5%;}
body .MainContents_Area .mainSection07 .mainTitle em b{color:#623990; font-weight:700;}
body .MainContents_Area .mainSection07 .mainTitle h2{margin-top:25px;}
/*내용*/
body .MainContents_Area .mainSection07 .contWrap{width:1000px; margin:0 auto; margin-top:70px;}
body .MainContents_Area .mainSection07 .contWrap .contBox{width:100%;}
body .MainContents_Area .mainSection07 .contWrap .contBox:nth-child(n+2){margin-top:10px;}
body .MainContents_Area .mainSection07 .contWrap .contBox a{display:block; width:100%; height:100%; padding:40px 60px; background:#fff; transition:0.3s;}
body .MainContents_Area .mainSection07 .contWrap .contBox a:hover{background:rgba(255,255,255,0.4);}
body .MainContents_Area .mainSection07 .contWrap .contBox .ThumBox{display:none;}
body .MainContents_Area .mainSection07 .contWrap .contBox .ThumTxt h5{font-weight:500; color:rgba(0,0,0,0.8);}
body .MainContents_Area .mainSection07 .contWrap .contBox .ThumTxt p{margin-top:20px; width:100%; color:rgba(0,0,0,0.5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
/*버튼*/
body .MainContents_Area .mainSection07 .more{display:flex; justify-content: center; align-items: center; gap: 5px; width:max-content; background:#623990; padding:15px 30px; border-radius:500px; margin:0 auto; margin-top:40px; transition:0.5s;}
body .MainContents_Area .mainSection07 .more:hover{letter-spacing:3%;}