@charset "utf-8";

#atc03{position:relative;z-index:15;width:100%}

/* 배너 */
#atc03 .bnr{position:relative;width:100%;height:280px;background:url(/sh_img/include/inc03/img/bg.png) center no-repeat #4eb37e;-webkit-transition:all .2s;transition:all .2s}
#atc03 .bnr img{position:relative;left:47%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s;transition:all .2s}

/* 화살표 */
#atc03 .scroll_arrow{position:absolute;left:50%;top:80px;width:55px;transform:translateX(-50%)}
#atc03 .scroll_arrow .arrow{position:absolute;width:55px;height:28px;opacity:0}
#atc03 .scroll_arrow .arrow_img{position:absolute;left:0;width:100%;height:100%;background-image:url(/sh_img/include/inc03/img/arr.png);background-size:55px 28px;background-repeat:no-repeat}
#atc03 .scroll_arrow .arrow:nth-child(1){-webkit-animation:arrow 2100ms 0s linear infinite;animation:arrow 2100ms 0s linear infinite}
#atc03 .scroll_arrow .arrow:nth-child(2){-webkit-animation:arrow 2100ms 700ms linear infinite;animation:arrow 2100ms 700ms linear infinite}
#atc03 .arrow:nth-child(3){-webkit-animation:arrow 2100ms 1400ms linear infinite;animation:arrow 2100ms 1400ms linear infinite}
@-webkit-keyframes arrow{0%{-webkit-transform:translate(0px, 0px);opacity:0}50%{-webkit-transform:translate(0px, 20px);opacity:1}100%{-webkit-transform:translate(0px, 40px);opacity:0}}
@keyframes arrow{0%{transform:translate(0px, 0px);opacity:0}50%{transform:translate(0px, 20px);opacity:1}100%{transform:translate(0px, 40px);opacity:0}}

/* 타이틀 */
#atc03 .tit_area{position:relative;padding:180px 20px 0;margin-bottom:40px;font-size:17px;color:#888;letter-spacing:-.3px;text-align:center}
#atc03 .tit_area p{margin-bottom:20px;font-size:36px;color:#222;letter-spacing:-.7px;line-height:1.3;font-family:'notokr-light'}

/* 영상 및 병실 */
#atc03_wrap{position:relative;max-width:1200px;width:100%;height:350px;margin:0 auto}
#atc03_wrap .cont_area{position:absolute;top:0;left:0}
#atc03_wrap:after{display:block;content:"";visibility:hidden;clear:both}
#atc03_wrap .video, #atc03_wrap .room_slide{overflow:hidden;position:relative;float:left;width:50%;height:525px;-webkit-transition:all .2s;transition:all .2s}

#atc03 .video{background:url(/sh_img/include/inc03/img/sample.jpg) center no-repeat #fff}
#atc03 .video img{cursor:pointer}
#atc03 .video iframe{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%}

#atc03 .room_slide .img{position:relative;cursor:pointer}
#atc03 .room_slide .txt{height:175px;padding:55px;background-color:#fff}
#atc03 .room_slide .txt .etit{font-size:15px;font-weight:600;letter-spacing:.3px;color:#33e2a7;text-transform:uppercase;font-family:'Montserrat', sans-serif}
#atc03 .room_slide .txt p{margin-top:3px;font-size:16px;color:#888}
#atc03 .room_slide .txt p span{padding-right:7px;font-size:22px;color:#222;font-family:'notokr-bold'}

/* pager */
#atc03 .bx-pager{position:absolute;left:50%;bottom:205px;z-index:1000;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
#atc03 .bx-pager > div{display:inline-block;margin-right:10px}
#atc03 .bx-pager a{display:block;width:11px;height:11px;border-radius:100%;border:1px solid #fff;font-size:0}
#atc03 .bx-pager a.active{border-color:#33e2a7;background-color:#33e2a7}

/* 좌우버튼 */
#atc03 .bx-controls-direction{position:absolute;bottom:60px;right:55px;z-index:1000;width:110px;height:45px;border-bottom:2px solid #ddd}
#atc03 .bx-controls-direction:before{display:block;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:12px;background-color:#ccc}
#atc03 .bx-controls-direction a{display:inline-block;position:absolute;left:0;width:40px;height:45px;font-size:0}
#atc03 .bx-controls-direction a:before{display:block;content:"";position:absolute;left:0;top:50%;width:15px;height:2px;margin-top:-1px;background-color:#222;-webkit-transition:all .2s;transition:all .2s}
#atc03 .bx-controls-direction a:hover:before{width:20px}
#atc03 a.bx-prev{background:url(/sh_img/include/inc03/img/prev.png) left center no-repeat}
#atc03 a.bx-next{left:auto;right:0;background:url(/sh_img/include/inc03/img/next.png) right center no-repeat}
#atc03 a.bx-next:before{left:auto;right:0}

@media (max-width:1100px){
#atc03 .room_slide .txt{padding:55px 30px}	
#atc03 .bx-controls-direction{right:30px}
}

@media (max-width:1024px){
#atc03_wrap{height:auto}
#atc03_wrap .cont_area{position:relative;top:0;left:0}
#atc03 .bnr img{left:30%}
#atc03 .room_slide .txt{padding:35px 20px;text-align:center}
#atc03 .bx-controls-direction{right:auto;left:50%;bottom:25px;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-bottom:none}
}

@media (max-width:768px){
#atc03 .scroll_arrow{top:50px}
#atc03 .tit_area{padding-top:150px;font-size:16px}
#atc03 .tit_area p{font-size:31px}	
#atc03 .bnr{height:230px;background-size:cover;background-position:45%}
#atc03 .bnr img{left:25%;width:72%}
#atc03 .room_slide .txt{padding:32px 20px}
#atc03 .room_slide .txt .etit{font-size: 13px}
#atc03 .room_slide .txt p span{display:block;padding-bottom:2px;font-size:20px}
#atc03 .bx-controls-direction{bottom:17px}
}

@media (max-width:600px){
#atc03_wrap .video, #atc03_wrap .room_slide{float:none;width:100%}
#atc03_wrap .video{height:350px}
#atc03_wrap .video img{width:100%;height:100%}
#atc03 .room_slide .txt{-webkit-box-shadow:0px 2px 5px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 5px 2px rgba(0,0,0,0.1);box-shadow:0px 2px 5px 2px rgba(0,0,0,0.1)}
}

@media (max-width:480px){
#atc03 .scroll_arrow{display:none}
#atc03 .bnr{height:180px}
#atc03 .tit_area{padding-top:40px;font-size:15px}
#atc03 .tit_area p{font-size:28px}	
#atc03 .tit_area span{display:block}
#atc03 .tit_area .f_color{color:#33e2a7;font-family:'notokr-medium'}
#atc03 .tit_area .f_color:after{content:","}
}