/*메인슬라이드*/

#vis {height:730px;margin-top:53px}
#vis .swiper-slide {overflow: hidden}
/*.main_wrap {width: 1200px;margin: 0 auto}*/
#vis.swiper-container .swiper-button-nextVis{
    width:50px;
    height:100px;
    background-image: url(../../img/visual/vis_next.png);
    background-size:100%;
    position: absolute;
    right:150px;
    top: 50%;
    transform: translateY(-50%);
    z-index:999;cursor:pointer
}
#vis.swiper-container .swiper-button-prevVis{
    width:50px;
    height:100px;
    background-image: url(../../img/visual/vis_prev.png);
    background-size:100%;
    position: absolute;
    left:150px;
    top: 50%;
    transform: translateY(-50%);
    z-index:999;cursor:pointer
}
#vis .wrap {position: relative;width: 1200px;margin: 0 auto}
#vis .sw_a {position: absolute}

/* Slide Control */
#vis .controlWrap {position: absolute;left: 50%; bottom:40px;width: 1200px;height: 40px;transform: translateX(-50%);z-index: 605;}
#vis .control {text-align: center;}
#vis .control img {cursor: pointer;}
#vis .control img.control-button-play {display: none;}
#vis .control img.control-button-play, #vis .control img.control-button-stop{margin: 0 5px;}

/*vis1*/
#vis .sw1 {background: url(../../img/visual/01/bg.jpg) no-repeat center;background-size:cover;height:730px}
#vis .sw1 .sw_a1 {top:110px;left:0;overflow:hidden;opacity: 0;animation:none}
#vis .sw1 .sw_a2 {top:169px;left:0px;opacity:0;animation:none}
#vis .sw1 .sw_a3 {top:338px;left:0;opacity: 0;animation:none}
#vis .sw1 .sw_line {top:400px;left:107px;width:355px;height:1px;background-color:#333;opacity: 0;animation:none}
#vis .sw1 .sw_a4 {top:447px;left:28px;opacity: 0;animation:none}
#vis .sw1 .sw_a5 {top:447px;left:208px;opacity: 0;animation:none}
#vis .sw1 .sw_a6 {top:447px;left:388px;opacity: 0;animation:none}
#vis .sw1 .sw_a7 {top:500px;left:174px;opacity: 0;animation:none}
#vis .sw1 .sw_a8 {top:500px;left:354px;opacity: 0;animation:none}
#vis .sw1 .sw_a9 {top:630px;left:0px;opacity: 0;animation:none}

#vis .sw1.on .sw_a1 {animation: vis_ani1 1.3s .4s 1 ease forwards;}
#vis .sw1.on .sw_a2 {animation: vis_ani2 1s 1.5s 1 ease forwards;}
#vis .sw1.on .sw_a3 {animation: vis_ani3 1s 1.8s ease forwards;}
#vis .sw1.on .sw_line {animation: vis_aniline 1s 2.3s ease forwards;}
#vis .sw1.on .sw_a4 {animation: vis_ani4 1s 2.9s ease forwards;}
#vis .sw1.on .sw_a5 {animation: vis_ani4 1s 3.3s ease forwards;}
#vis .sw1.on .sw_a6 {animation: vis_ani4 1s 3.7s ease forwards;}
#vis .sw1.on .sw_a7 {animation: vis_ani5 1s 4.2s ease forwards;}
#vis .sw1.on .sw_a8 {animation: vis_ani5 1s 4.2s ease forwards;}
#vis .sw1.on .sw_a9 {animation: vis_ani6 1s 4.7s ease forwards;}

@keyframes vis_ani1 {
    0% {left:0;max-width:0;opacity: 0}
    100% {left:0;max-width:527px;opacity: 1}
}
@keyframes vis_ani2 {
    0% {top:220px;opacity: 0}
    100% {top:169px;opacity: 1}
}
@keyframes vis_ani3 {
    0% {top:400px;opacity:0}
    100% {top:338px;opacity: 1}
}
@keyframes vis_aniline {
    0% {width:0;opacity:0}
    100% {width:355px;opacity: 1}
}
@keyframes vis_ani4 {
    0% {top:520px;opacity: 1}
    100% {top:447px;opacity: 1}
}
@keyframes vis_ani5 {
    0% {opacity:0}
    20% {opacity: 1}
    100% {transform:rotate(180);opacity:1}
}
@keyframes vis_ani6 {
    0% {top:700px;opacity:0}
    100% {top:630px;opacity:1}
}


/*vis2*/
#vis .sw2 {background: url(../../img/visual/02/bg.jpg) no-repeat center;background-size:cover;height:730px}
#vis .sw2 .sw_a1 {top:0;left:-28px;opacity: 0;animation:none}
#vis .sw2 .sw_a2 {top:114px;left:715px;opacity: 0;animation:none}
#vis .sw2 .sw_a3 {top:214px;left:707px;opacity: 0;animation:none}
#vis .sw2 .sw_a4 {top:271px;left:627px;opacity: 0;animation:none}
#vis .sw2 .sw_a5 {top:400px;left:672px;font-size:20px;text-align:center;color:#333;letter-spacing:-0.5px;opacity: 0;animation:none}
#vis .sw2 .sw_a5 span {font-weight:600}
#vis .sw2 .sw_line {top:460px;left:715px;width:313px;height:1px;background-color:#333;opacity: 0;animation:none}
#vis .sw2 .sw_line1 {top:490px;left:640px;width:560px;height:3px;background-image: linear-gradient(90deg,#e6c271,#c7924b,#fcda7f,#bd893e,#f3d480);opacity: 0;animation:none}
#vis .sw2 .sw_line2 {top:490px;left:1197px;width:3px;height:122px;background-image: linear-gradient(0deg,#f3d480,#e2be6c);opacity: 0;animation:none}
#vis .sw2 .sw_line3 {top:490px;left:640px;width:3px;height:122px;background-image: linear-gradient(0deg,#f3d480,#e2be6c);opacity: 0;animation:none}
#vis .sw2 .sw_line4 {top:609px;left:640px;width:560px;height:3px;background-image: linear-gradient(90deg,#e6c271,#c7924b,#fcda7f,#bd893e,#f3d480);opacity: 0;animation:none}
#vis .sw2 .sw_a6 {top:465px;left:1150px;opacity: 0;animation:none}
#vis .sw2 .sw_a7 {top:522px;left:668px;opacity: 0;animation:none}

#vis .sw2.on .sw_a1 {animation: vis_ani2_0 1.5s .4s 1 ease forwards;}
#vis .sw2.on .sw_a2 {animation: vis_ani2_2 .7s 1.3s 1 ease forwards;}
#vis .sw2.on .sw_a3 {animation: vis_ani2_3 .7s 1.7s 1 ease forwards;}
#vis .sw2.on .sw_a4 {animation: vis_ani2_4 .7s 1.7s 1 ease forwards;}
#vis .sw2.on .sw_a5 {animation: vis_ani2_5 .7s 2.2s 1 ease forwards;}
#vis .sw2.on .sw_line {animation: vis_ani2_1 .7s 2.7s 1 ease forwards;}
#vis .sw2.on .sw_line1 {animation: vis_ani2_6 .7s 3.4s 1 ease forwards;}
#vis .sw2.on .sw_line2 {animation: vis_ani2_7 .4s 3.9s 1 ease forwards;}
#vis .sw2.on .sw_line3 {animation: vis_ani2_7 .4s 3.4s 1 ease forwards;}
#vis .sw2.on .sw_line4 {animation: vis_ani2_6 .7s 3.9s 1 ease forwards;}
#vis .sw2.on .sw_a6 {animation: vis_ani2_1 .7s 4.5s 1 ease forwards;}
#vis .sw2.on .sw_a7 {animation: vis_ani2_1 .7s 4.5s 1 ease forwards;}

@keyframes vis_ani2_0 {
    0% {left:330px;opacity: 0}
    35% {left:330px;opacity: 1}
    100% {left:-28px;opacity: 1}
}
@keyframes vis_ani2_1 {
    0% {opacity: 0}
    100% {opacity: 1}
}
@keyframes vis_ani2_2 {
    0% {top:150px;opacity: 0}
    100% {top:114px;opacity: 1}
}
@keyframes vis_ani2_3 {
    0% {left:657px;opacity: 0}
    100% {left:707px;opacity: 1}
}
@keyframes vis_ani2_4 {
    0% {left:677px;opacity: 0}
    100% {left:627px;opacity: 1}
}
@keyframes vis_ani2_5 {
    0% {top:455px;opacity: 0}
    100% {top:400px;opacity: 1}
}
@keyframes vis_ani2_6 {
    0% {width:0;opacity: 0}
    100% {width:560px;opacity: 1}
}
@keyframes vis_ani2_7 {
    0% {height:0;opacity: 0}
    100% {height:122px;opacity: 1}
}


/*vis3*/
#vis .sw3 {background: url(../../img/visual/03/bg.jpg) no-repeat center;background-size:cover;height:730px}
#vis .sw3 .sw_a1 {top:78px;left:300px;overflow:hidden;opacity: 0;animation:none}
#vis .sw3 .sw_a2 {top:130px;left:131px;opacity: 0;animation:none}
#vis .sw3 .sw_a3 {top:243px;left:188px;opacity: 0;animation:none}
#vis .sw3 .sw_line {top:477px;left:17px;width:1167px;height:2px;background-color:#162a3e;opacity: 0;animation:none}
#vis .sw3 .sw_a4 {top:466px;left:17px;opacity: 0;animation:none}
#vis .sw3 .sw_a4_t {top:505px;left:5px;font-size:18px;color:#111;opacity: 0;animation:none}
#vis .sw3 .sw_a5 {top:345px;left:17px;opacity: 0;animation:none}
#vis .sw3 .sw_a6 {top:466px;left:257px;opacity: 0;animation:none}
#vis .sw3 .sw_a6_t {top:505px;left:238px;font-size:18px;color:#111;opacity: 0;animation:none}
#vis .sw3 .sw_a7 {top:345px;left:257px;opacity: 0;animation:none}
#vis .sw3 .sw_a8 {top:466px;left:487px;opacity: 0;animation:none}
#vis .sw3 .sw_a8_t {top:505px;left:458px;font-size:18px;text-align:center;color:#111;opacity: 0;animation:none}
#vis .sw3 .sw_a9 {top:345px;left:491px;opacity: 0;animation:none}
#vis .sw3 .sw_a10 {top:466px;left:717px;opacity: 0;animation:none}
#vis .sw3 .sw_a10_t {top:505px;left:689px;font-size:18px;text-align:center;color:#111;opacity: 0;animation:none}
#vis .sw3 .sw_a11 {top:345px;left:721px;opacity: 0;animation:none}
#vis .sw3 .sw_a12 {top:466px;left:947px;opacity: 0;animation:none}
#vis .sw3 .sw_a12_t {top:505px;left:936px;font-size:18px;text-align:center;color:#111;opacity: 0;animation:none}
#vis .sw3 .sw_a13 {top:345px;left:951px;opacity: 0;animation:none}
#vis .sw3 .sw_a14 {top:466px;left:1177px;opacity: 0;animation:none}
#vis .sw3 .sw_a14_t {top:505px;left:1149px;font-size:18px;width:85px;text-align:center;color:#111;opacity: 0;animation:none}
#vis .sw3 .sw_a15 {top:625px;left:231px;opacity: 0;animation:none}

#vis .sw3.on .sw_a1 {animation: vis_ani3_1 1.3s .4s 1 ease forwards;}
#vis .sw3.on .sw_a2 {animation: vis_ani3_2 .7s 1.5s 1 ease forwards;}
#vis .sw3.on .sw_a3 {animation: vis_ani3_3 .7s 1.9s 1 ease forwards;}
#vis .sw3.on .sw_line {animation: vis_ani3_line 3.5s 2.3s 1 ease forwards;}
#vis .sw3.on .sw_a4 {animation: vis_ani3_dot .5s 2.3s 1 ease forwards;}
#vis .sw3.on .sw_a4_t {animation: vis_ani3_dot .5s 2.3s 1 ease forwards;}
#vis .sw3.on .sw_a5 {animation: vis_ani3_5 .5s 2.5s 1 ease forwards;}
#vis .sw3.on .sw_a6 {animation: vis_ani3_dot .5s 2.7s 1 ease forwards;}
#vis .sw3.on .sw_a6_t {animation: vis_ani3_dot .5s 2.7s 1 ease forwards;}
#vis .sw3.on .sw_a7 {animation: vis_ani3_5 .5s 2.9s 1 ease forwards;}
#vis .sw3.on .sw_a8 {animation: vis_ani3_dot .5s 3.1s 1 ease forwards;}
#vis .sw3.on .sw_a8_t {animation: vis_ani3_dot .5s 3.1s 1 ease forwards;}
#vis .sw3.on .sw_a9 {animation: vis_ani3_5 .5s 3.3s 1 ease forwards;}
#vis .sw3.on .sw_a10 {animation: vis_ani3_dot .5s 3.5s 1 ease forwards;}
#vis .sw3.on .sw_a10_t {animation: vis_ani3_dot .5s 3.5s 1 ease forwards;}
#vis .sw3.on .sw_a11 {animation: vis_ani3_5 .5s 3.7s 1 ease forwards;}
#vis .sw3.on .sw_a12 {animation: vis_ani3_dot .5s 3.9s 1 ease forwards;}
#vis .sw3.on .sw_a12_t {animation: vis_ani3_dot .5s 3.9s 1 ease forwards;}
#vis .sw3.on .sw_a13 {animation: vis_ani3_5 .5s 4.1s 1 ease forwards;}
#vis .sw3.on .sw_a14 {animation: vis_ani3_dot .5s 4.3s 1 ease forwards;}
#vis .sw3.on .sw_a14_t {animation: vis_ani3_dot .5s 4.3s 1 ease forwards;}
#vis .sw3.on .sw_a15 {animation: vis_ani3_6 .7s 5.3s 1 ease forwards;}

@keyframes vis_ani3_1 {
    0% {left:300px;max-width:0;opacity: 0}
    100% {left:300px;max-width:597px;opacity: 1}
}
@keyframes vis_ani3_2 {
    0% {top:180px;opacity: 0}
    100% {top:130px;opacity: 1}
}
@keyframes vis_ani3_3 {
    0% {top:293px;opacity: 0}
    100% {top:243px;opacity: 1}         
}
@keyframes vis_ani3_line {
    0% {width:0;opacity: 0}
    100% {width:1167px;opacity: 1}         
}
@keyframes vis_ani3_dot {
    0% {opacity: 0}
    100% {opacity: 1}         
}
@keyframes vis_ani3_5 {
    0% {opacity: 0}
    100% {opacity: 1}         
}
@keyframes vis_ani3_6 {
    0% {top:650px;opacity: 0}
    100% {top:625px;opacity: 1}         
}


/*커뮤니티 롤링*/
.cmRolling {height:75px;background-color:#ededed}
.cmRolling .cmRolling_notice {width:50%;float:left}
.cmRolling .cmRolling_column {width:50%;float:right}
.cmRolling .w1200 > div h5 {position:relative;display:inline-block;font-size:18px;font-weight:600;color:#222;vertical-align: top;padding: 25px 20px 25px 0;}
.cmRolling .w1200 > div h5:after {content:'';position:absolute;right:0;top:0;width:1px;height:20px;background-color:#828282;margin-top: 29px;}
.cmRolling .w1200 > div h5 img {margin:-2px 5px 0 0}
.cmRolling .w1200 > div .lat ul li a {font-size:17px;color:#222}
.cmRolling  .bx-viewport {height:28px !important}
.cmRolling .bx-wrapper {margin:3px auto 0}
.cmRolling .bx-controls {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.cmRolling .bx-controls-direction a {display:block}
.cmRolling .bx-controls-direction a.bx-prev {background:url('../../img/main/rolling_arrow1.png') no-repeat center center;width:11px;height:16px;background-size:100%;font-size:0}
.cmRolling .bx-controls-direction a.bx-next {background:url('../../img/main/rolling_arrow2.png') no-repeat center center;width:11px;height:16px;background-size:100%;font-size:0}

/*카테고리 슬라이드*/
.cateArea {padding:80px 0;position:relative}
.cateArea h3 {text-align:center;font-size:28px;font-weight:300;color:#333}
.cateArea h2 {text-align:center;font-size:40px;font-weight:400;color:#111;margin-bottom: 37px;}
.cateArea h2 span {text-align:center;font-size:40px;font-weight:600;color:#67a90b}
.cateArea .swiper-container {height:670px}
.cateArea #slideAreaSlide .swiper-wrapper {margin-left:-20px}
.cateArea #slideAreaSlide .swiper-wrapper .swiper-slide {position:relative;padding:50px;box-sizing:border-box;width:390px !important;height:550px;display:block;/*margin:0 15px 0 0;*/}

.cateArea #slideAreaSlide .swiper-wrapper .innerContents1 {background:url('../../img/main/cate_bg1.jpg') no-repeat center center;background-size:cover}
.cateArea #slideAreaSlide .swiper-wrapper .innerContents2 {background:url('../../img/main/cate_bg2.jpg') no-repeat center center;background-size:cover}
.cateArea #slideAreaSlide .swiper-wrapper .innerContents3 {background:url('../../img/main/cate_bg3.jpg') no-repeat center center;background-size:cover}
.cateArea #slideAreaSlide .swiper-wrapper .innerContents4 {background:url('../../img/main/cate_bg4.jpg') no-repeat center center;background-size:cover}
.cateArea #slideAreaSlide .swiper-wrapper .innerContents5 {background:url('../../img/main/cate_bg5.jpg') no-repeat center center;background-size:cover}
.cateArea #slideAreaSlide .swiper-wrapper .innerContents6 {background:url('../../img/main/cate_bg6.jpg') no-repeat center center;background-size:cover}
.cateArea #slideAreaSlide .swiper-wrapper .innerContents7 {background:url('../../img/main/cate_bg7.jpg') no-repeat center center;background-size:cover}
.cateArea #slideAreaSlide .swiper-wrapper .innerContents8 {background:url('../../img/main/cate_bg8.jpg') no-repeat center center;background-size:cover}

.cateArea #slideAreaSlide .swiper-slide span {font-size:10px;color:#fff;opacity: 0.8;letter-spacing: 5px;font-weight: 300;}
.cateArea #slideAreaSlide .swiper-slide h4 {font-size:40px;color:#fff;font-weight:bold;letter-spacing:-1px}
.cateArea #slideAreaSlide .swiper-slide span.line {display:inline-block;width:30px;height:2px;background-color:#fff;margin:23px 0;opacity:1}
.cateArea #slideAreaSlide .swiper-slide p {font-size:18px;color:#fff;font-weight: 400;margin-bottom:45px}
.cateArea #slideAreaSlide .swiper-slide .cateMore {border:2px solid #fff;width:50px;height:50px;color:#fff;font-size:34px;font-weight:100;line-height:45px;text-align:center;display: inline-block;transition:.5s}
.cateArea #slideAreaSlide .swiper-slide .cateMore:hover {transform:rotate(90deg)}
.cateArea #slideAreaSlide .swiper-slide .cateBtn {position:absolute;bottom:50px;left:50px}
.cateArea #slideAreaSlide .swiper-slide .cateBtn a {width:140px;height:40px;color:#fff;font-size:16px;padding:10px 0 0 15px;box-sizing:border-box;display: inline-block;box-shadow: 2px 2px 12px rgba(0,0,0,0.2);transition:.5s}
.cateArea #slideAreaSlide .swiper-slide .cateBtn a i {float: right;padding:2px 25px 0 0;transition:.5s}
.cateArea #slideAreaSlide .swiper-slide .cateBtn a:hover i {padding-right:13px}
.cateArea #slideAreaSlide .swiper-slide .cateBtn a:first-child {background-color:#63991a;margin-right: 8px;}
.cateArea #slideAreaSlide .swiper-slide .cateBtn a:last-child {background-color:#217196}

#slideAreaSlide .swiper-button-next, #slideAreaSlide .swiper-button-prev{width:70px; height:70px;}
#slideAreaSlide .swiper-button-prev{background-image: url('../../img/main/cate_prev.jpg');background-size:cover;bottom:0;top:auto;left:530px}
#slideAreaSlide .swiper-button-next{background-image: url('../../img/main/cate_next.jpg');background-size:cover;bottom:0;top:auto;right:529px}

.cateArea .cate_line {position:absolute;bottom:35px;left:0;width:515px;;background-color:#bfbfbf;height:1px;display:inline-block}
.cateArea .cate_line2 {position:absolute;bottom:35px;right:0;width:515px;;background-color:#bfbfbf;height:1px;display:inline-block}


/*인증, 수상 영역*/
.certiArea {background:url('../../img/main/certi_bg.jpg') no-repeat center center;background-size:cover;padding:80px 0}
.certiArea h3 {font-size:28px;color:#fff;text-align:center;font-weight:300}
.certiArea h2 {font-size:40px;color:#fff;text-align:center;font-weight:400;margin-bottom:50px}
.certiArea h2 span {font-weight:600}

.certiArea .certiList div {float:left;width:25%;text-align:center}
.certiArea .certiList div img {margin-bottom:27px}
.certiArea .certiList div p {color:#fff;font-size:22px;;font-weight:400}
.certiArea .certiList div p span {font-weight:600}

/*365 영역*/
#Area365 {height:600px}
#Area365 .swiper-slide {overflow: hidden}
#Area365 .wrap {position: relative;width:1200px;margin: 0 auto}
#Area365 .sw_a {position: absolute}

#Area365 .swiper-slide .left365 {width:260px;position:absolute;left:0;top:80px;text-align:center}
#Area365 .swiper-slide .left365 h2 {color:#fff;font-size:80px;font-weight:bold}
#Area365 .swiper-slide .left365 p {color:#fff;font-size:28px;font-weight:400}

#Area365 .swiper-slide .right365 {width:890px;position:absolute;right:0;top:80px;text-align:center}
#Area365 .swiper-slide .right365 h3 {font-size:32px;color:#111;font-weight:bold}
#Area365 .swiper-slide .right365 p {font-size:22px;color:#111;font-weight:400}
#Area365 .swiper-slide .right365 div img {float:left;margin-right:15px}
#Area365 .swiper-slide .right365 div img:last-child {margin-right:0}

#Area365 .sw1 {background: url(../../img/main/cmSlide_bg1.jpg) no-repeat center;background-size:cover;height:600px}
#Area365 .sw1 .sw_a1 {top:130px;left:42px;opacity:0;animation:none}
#Area365 .sw1 .sw_a2 {top:130px;left:315px;opacity: 0;animation:none}
#Area365 .sw1 .sw_a3 {top:130px;left:588px;opacity: 0;animation:none}

#Area365 .sw1.on .sw_a1 {animation: vis365_ani1 .7s .4s 1 ease forwards;}
#Area365 .sw1.on .sw_a2 {animation:vis365_ani2 .7s .7s 1 ease forwards;}
#Area365 .sw1.on .sw_a3 {animation: vis365_ani3 .7s 1s 1 ease forwards;}

@keyframes vis365_ani1 {
    0% {left:0px;opacity: 0}
    100% {left:42px;opacity: 1}
}
@keyframes vis365_ani2 {
    0% {left:275px;opacity: 0}
    100% {left:315px;opacity: 1}
}
@keyframes vis365_ani3 {
    0% {left:548px;opacity: 0}
    100% {left:588px;opacity: 1}
}


#Area365 .sw2 {background: url(../../img/main/cmSlide_bg2.jpg) no-repeat center;background-size:cover;height:600px}
#Area365 .sw2 .sw_a1 {top:130px;left:42px;opacity:0;animation:none}
#Area365 .sw2 .sw_a2 {top:130px;left:315px;opacity: 0;animation:none}
#Area365 .sw2 .sw_a3 {top:130px;left:588px;opacity: 0;animation:none}

#Area365 .sw2.on .sw_a1 {animation: vis365_ani2_1 .7s .4s 1 ease forwards;}
#Area365 .sw2.on .sw_a2 {animation: vis365_ani2_1 .7s .7s 1 ease forwards;}
#Area365 .sw2.on .sw_a3 {animation: vis365_ani2_1 .7s 1s 1 ease forwards;}

@keyframes vis365_ani2_1 {
    0% {top:180px;opacity: 0}
    100% {top:130px;opacity: 1}
}


#Area365 .sw3 {background: url(../../img/main/cmSlide_bg3.jpg) no-repeat center;background-size:cover;height:600px}
#Area365 .sw3 .sw_a1 {top:130px;left:42px;opacity:0;animation:none}
#Area365 .sw3 .sw_a2 {top:130px;left:315px;opacity: 0;animation:none}
#Area365 .sw3 .sw_a3 {top:130px;left:588px;opacity: 0;animation:none}
#Area365 .sw3 .sw_a4 {top:385px;left:42px;opacity: 0;animation:none}

#Area365 .sw3.on .sw_a1 {animation: vis365_ani3_1 .7s .4s 1 ease forwards;}
#Area365 .sw3.on .sw_a2 {animation: vis365_ani3_1 .7s .7s 1 ease forwards;}
#Area365 .sw3.on .sw_a3 {animation: vis365_ani3_1 .7s 1s 1 ease forwards;}
#Area365 .sw3.on .sw_a4 {animation: vis365_ani3_2 .7s 1.4s 1 ease forwards;}

@keyframes vis365_ani3_1 {
    0% {opacity: 0}
    100% {opacity: 1}
}
@keyframes vis365_ani3_2 {
    0% {top:425px;opacity: 0}
    100% {top:385px;opacity: 1}
}

#Area365 .swiper-pagination-bullet {position:relative;width: 260px;height: 45px; display: block;background-color:rgba(0,0,0,0);border: 2px solid #fff;color: #fff;font-size: 20px; text-align: left;border-radius:0;opacity: 1;margin-bottom: 10px;box-sizing: border-box;padding: 6px 0 0 15px;bottom:80px;left:50%;margin-left:-600px}
#Area365 .swiper-pagination-bullet:after {content:'';background:url('../../img/main/cmSlide_arrow1.png') no-repeat center center;background-size:cover;width:26px;height:9px;position:absolute;right:15px;top:14px}
#Area365 .swiper-pagination-bullet-active, #Area365 .swiper-pagination-bullet:hover {background-color:#fff;color:#111;}
#Area365 .swiper-pagination-bullet-active:after, #Area365 .swiper-pagination-bullet:hover::after {background:url('../../img/main/cmSlide_arrow2.png') no-repeat center center;}


/*진료안내&오시는길*/
.comArea {padding:80px 0;position:relative}
.comArea h3 {text-align:center;font-size:28px;font-weight:300;color:#333}
.comArea h2 {text-align:center;font-size:40px;font-weight:400;color:#111;margin-bottom: 37px;letter-spacing:-1px}
.comArea h2 span {font-weight:600;}

.comArea .infoArea {background:url('../../img/main/infoBg.jpg') no-repeat center center;padding:30px 35px;box-sizing:border-box;margin-bottom:20px}
.comArea .infoArea > div {float:left}
.comArea .infoArea > div h3 {font-size:28px;font-weight:400;color:#fff;text-align: left;margin-bottom:20px}
.comArea .infoArea > div h3 img {margin-right: 12px;vertical-align: top;}
.comArea .infoArea > div h3 span {font-weight:600}
.comArea .infoArea > div.time {padding-right: 35px;border-right: 1px solid #878787;margin-right:35px}
.comArea .infoArea > div.time ul li {color:#fff;font-size:19px}
.comArea .infoArea > div.time ul li span {display:inline-block;font-size:15px}
.comArea .infoArea > div.time ul li span.tit {font-size:17px;width:110px}
.comArea .infoArea > div.time ul li:nth-child(2) span.tit {color:#ecff18}

.comArea .infoArea > div.tel p {font-size:40px;color:#ecff18;font-weight: 400;letter-spacing: -2.5px;margin:25px 0 23px;line-height:1}
.comArea .infoArea > div.tel p span {font-weight:bold}
.comArea .infoArea > div.tel ul li {font-size:14px;letter-spacing:-1px;color:#eee}

.comArea .infoArea > div.more {float:right;text-align:center;color:#fff;padding-top:20px}
.comArea .infoArea > div.more h4 {font-size:23px;margin-bottom: 10px;font-weight: 500;}
.comArea .infoArea > div.more h5 {font-size:16px;font-weight: 400;margin-bottom: 30px;}
.comArea .infoArea > div.more .moreBtn {display:inline-block;font-size:15px;width:205px;height:40px;border:2px solid #fff;color: #fff;line-height: 38px;text-align: left;padding-left: 15px;transition:.5s}
.comArea .infoArea > div.more .moreBtn i {float: right;padding: 8px 20px 0 0;font-size: 20px;}
.comArea .infoArea > div.more .moreBtn:hover {background-color:#fff;color:#111}

.comArea .mapArea .mapInfo {position:absolute;right:50px;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,0.85);width:420px;height:280px;padding:7px 0 0 6px;box-sizing:border-box;font-family: 'NotoKR';z-index:99}
.comArea .mapArea .mapInfo > div {width:408px;height:267px;border:1px dashed #67a90b;text-align:center;padding:20px 0}
.comArea .mapArea .mapInfo > div img {margin-bottom:15px}
.comArea .mapArea .mapInfo > div p {font-size:24px}
.comArea .mapArea .mapInfo > div span.line {display:inline-block;margin:20px auto;width:30px;height:1px;background-color:#222;}
.comArea .mapArea .mapInfo > div span {font-size:17px;display:block}