@charset "utf-8";


.mcont {position:relative; width:1200px; margin:0 auto;}

/*------------------------------------------------------메인비쥬얼------------------------------------------------------*/
.main_vsBox {position:relative; width:100%; height:830px; box-sizing:border-box; background:#efedee url(/share/img/main/main_bg.jpg) no-repeat center 0; background-size:cover;}
.main_vscont {position:relative; width:1200px; margin:0 auto; height:100%; padding:192px 0 81px;}

.main_vsBox .txtBox {animation: fade-in-up 0.7s;animation-timing-function: ease-out;}
/*.main_vsBox .txtBox > div {display:inline-block; vertical-align:middle;}*/
.main_vsBox .txtBox .txt {font-size:16px; color:#fff; font-weight:700; /*margin-left:15px;*/ margin:10px 0 0 10px;}

.main_vsBox .img {margin-top:15px; margin-left:-20px; animation-fill-mode: both !important; animation: fade-in-up 0.7s;animation-timing-function: ease-out; animation-delay:0.2s}


/*팝업존*/
#popupzoon {position:absolute; top:192px; right:0; width:391px; }
#popupzoon .pz_tlt {text-align:right;}
.popupzoon_sl {border:2px solid #747bbc; width:100%; height:519px;}
.popupzoon_sl img {width:100%; height:100%; }

.popupzoon_sl .slick-dots {text-align:right; margin-top:7px;} 
.popupzoon_sl .slick-dots li {display:inline-block; margin-left:7px;}
.popupzoon_sl .slick-dots button {border:0; /*background:rgba(116,123,188,0.5);*/ background:rgba(255,255,255,0.8); width:12px; height:12px; border-radius:50%; text-indent:-9999px}
.popupzoon_sl .slick-dots .slick-active button {background:rgba(116,123,188,1);}


/*------------------------------------------------------섹션01------------------------------------------------------*/
.msec01 .mcont {padding:40px 0}
.msec01 .main_qiuckBox {position:relative; width:100%;}
.msec01 .main_qiuckBox .tlt, .msec01 .main_qiuckBox .qiconUl, .msec01 .main_qiuckBox .qiconUl li {display:inline-block; vertical-align:middle}

.msec01 .main_qiuckBox .tlt {opacity:0; margin-right:10px}
.main_qiuckBox .qiconUl li {margin-left:25px;}
.main_qiuckBox .qiconUl li:nth-child(1) {margin-left:0;}
.main_qiuckBox .qiconUl li .img {opacity:0; }
.main_qiuckBox .qiconUl li:hover .img img {animation: heartbeat 4s; animation-timing-function: ease-out; animation-iteration-count: infinite;}

.main_qiuckBox .qiconUl p {opacity:0; margin-top:10px; color:#434343; font-size:17px; font-weight:700}


.msec01.active .main_qiuckBox .tlt {opacity:1; animation-fill-mode: both !important; animation: bounce-in-right 0.7s;animation-timing-function: ease-out}
.msec01.active .main_qiuckBox .qiconUl li .img {opacity:1; animation-fill-mode: both !important; animation: fanfare2 0.7s;}
.msec01.active .main_qiuckBox .qiconUl li:nth-child(1) .img {animation-delay:0.3s}
.msec01.active .main_qiuckBox .qiconUl li:nth-child(2) .img {animation-delay:0.4s}
.msec01.active .main_qiuckBox .qiconUl li:nth-child(3) .img {animation-delay:0.5s}
.msec01.active .main_qiuckBox .qiconUl li:nth-child(4) .img {animation-delay:0.6s}
.msec01.active .main_qiuckBox .qiconUl li:nth-child(5) .img {animation-delay:0.7s}
.msec01.active .main_qiuckBox .qiconUl li:nth-child(6) .img {animation-delay:0.8s}
.msec01.active .main_qiuckBox .qiconUl li:nth-child(7) .img {animation-delay:0.9s}
.msec01.active .main_qiuckBox .qiconUl li:nth-child(8) .img {animation-delay:1s}

.msec01.active .main_qiuckBox .qiconUl li p {opacity:1; animation-fill-mode: both !important;  animation: fade-in-up 0.7s; animation-timing-function: ease-out; animation-delay:1.1s}

/*게시판*/
.boardBox {position:relative; margin-top:40px; overflow:hidden}
.boardBox .board_box, .boardBox .diet_box {position:relative; float:left; border:1px solid #e5e5e5; padding:28px 23px; margin-right:13px; height:218px;}
.boardBox > div > .tlt {font-size:18px; color:#434343; font-weight:700; margin-bottom:20px;}
.boardBox > div > .tlt > span {color:#fc7328}

.boardBox > div .db_moreBtn {position:absolute; top:28px; right:23px;}

.boardBox .board_box {opacity:0;width:352px;}
.boardBox .board_box li {position:relative; margin-bottom:6px; overflow:hidden; width:100%;}
.boardBox .board_box li:before {content:"-"; display:inline-block; margin-right:5px}
.boardBox .board_box li a {color:#434343}
.boardBox .board_box li:hover a {color:#0076da}

.boardBox .board_box li .tlt {float:left:}
.boardBox .board_box li .data {float:right}

.boardBox .diet_box {opacity:0; margin-right:0; width:461px;}

.msec01.active .boardBox .board_box, .msec01.active .boardBox .diet_box  {opacity:1; animation-fill-mode: both !important; animation: fade-in-right 0.7s;animation-timing-function: ease-out}


/*------------------------------------------------------섹션02------------------------------------------------------*/
.msec02 {background:#efedee; padding:75px 0 100px; } 
.msec02 .tltBox {color:#155577; margin-bottom:33px}
.msec02 .tltBox .tlt {font-size:36px; font-weight:900; line-height:1.5em; }
.msec02 .tltBox .tlt span {font-size:50px; display:inline-block; vertical-align:top; margin:-18px 7px 0;} 
.msec02 .tltBox .txt {font-size:22px; margin-top:10px}

.bussiness_ul {margin-top:90px;}
.bussiness_ul li {opacity:0; display:inline-block; background:#fff; width:233px; height:168px; border-radius:25px; margin:0 15px;}
.bussiness_ul .icon {margin-top:-55px}
.bussiness_ul li:hover .icon {animation: float 1.6s; animation-iteration-count: infinite}

.bussiness_ul p {font-size:20px; color:#4b7476; padding:18px 0 16px; font-weight:700}
.bussiness_ul .more {display:inline-block; width:80px; height:28px; line-height:24px; border:2px solid #4ed6cc; color:#4ed6cc; font-weight:700;}
.bussiness_ul .more:hover {background:#4ed6cc; color:#fff}

.msec02.active .bussiness_ul li {opacity:1; animation-fill-mode: both !important;  animation: fade-in-up 0.7s; animation-timing-function: ease-out}
.msec02.active .bussiness_ul li:nth-child(1) {animation-delay:0.3s}
.msec02.active .bussiness_ul li:nth-child(2) {animation-delay:0.4s}
.msec02.active .bussiness_ul li:nth-child(3) {animation-delay:0.5s}
.msec02.active .bussiness_ul li:nth-child(4) {animation-delay:0.6s}


/*------------------------------------------------------섹션03------------------------------------------------------*/
.msec03 {background:url(/share/img/main/msec03bg.jpg) no-repeat 50% 50% fixed; padding:160px 0 285px; color:#fff} 

.msec03 .tltBox {margin-bottom:50px;}
.msec03 .tltBox .stlt {font-size:28px;}
.msec03 .tltBox .tlt {font-size:42px; font-weight:900; line-height:1.5em; padding:5px 0 18px;}
.msec03 .tltBox .txt {font-size:15px;}

.msec03 .hjUl li {display:inline-block; margin:0 12px;}
.msec03 .hjUl p {margin-top:15px; font-size:20px; font-weight:700}
.msec03 .hjUl a {color:#fff}
.msec03 .hjUl li .icon {opacity:0}

.msec03.active .hjUl li .icon {opacity:1; animation-fill-mode: both !important; animation: fanfare2 0.7s; animation-delay:0.3s}


/*------------------------------------------------------섹션04------------------------------------------------------*/
.msec04 {padding:40px 0 76px;}
.msec04 .tltBox {margin-bottom:50px;}
.msec04 .tltBox .tlt {font-size:42px; font-weight:700; line-height:1.5em; padding:5px 0; color:#222}
.msec04 .tltBox .txt {font-size:15px;}

.gallery_sl {opacity:0; position:relative;}
.gallery_sl .slick-list {width:86%; margin:0 auto;}
.gallery_sl .img {margin-bottom:20px;}
.gallery_sl .img img {margin:0 auto; width:94%}

.gallery_sl .txtBox { width:80%; margin:0 auto;}
.gallery_sl .txt {font-size:17px;color:#222; line-height:1.4em;}

.gallery_sl .data {font-size:15px; margin-top:20px; color:#8c8c8c}
.gallery_sl .data img {display:inline-block}


.gallery_sl .slick-arrow {position:absolute; top:27%; width:55px; height:55px; border:0; }
.gallery_sl .slick-prev {left:0; background:url(/share/img/main/sl_lBtn.png) no-repeat 0 0}
.gallery_sl .slick-next {right:0; background:url(/share/img/main/sl_rBtn.png) no-repeat 0 0}


.msec04.active .gallery_sl {opacity:1; animation-fill-mode: both !important;  animation: fade-in-up 0.7s; animation-timing-function: ease-out;}