@charset "utf-8";
*,:after,:before{box-sizing:border-box}
html{overflow-y:scroll;scroll-behavior:smooth}
body{margin:0;padding:0;font-family:'Malgun Gothic',dotum,sans-serif;background:#fff}
img{border:0;vertical-align:middle}
ul{margin:0;padding:0;list-style:none}
a{color:#000;text-decoration:none}
button,input,textarea{font-family:'Malgun Gothic',dotum,sans-serif}
.desktop-site{display:block}
.mobile-site{display:none}

/* PC */
.desktop-site{padding-top:130px}
.contents_w{margin:0 auto;min-width:780px;max-width:1920px;text-align:center}
.contents_w2{margin:0 auto;width:780px;text-align:center}
.contents_w img{max-width:100%;height:auto}
#contents_link{position:relative}
#contents_link .menu_link{position:absolute;top:-130px}

.desktop-site #hd{
  position:fixed;top:0;left:0;right:0;z-index:9999;
  height:130px;background:#00c6ab;transition:.3s
}
.desktop-site.header-shadow #hd{box-shadow:0 0 5px rgba(55,55,5,.5)}
.desktop-site #hd_con{position:relative;margin:0 auto;width:820px;height:130px;overflow:hidden}
.desktop-site #hd_con .con_wr{position:relative;height:60px}
.desktop-site #hd_con .hd_logo{padding:25px 0 0 25px}
.desktop-site #hd_con .hd_right{position:absolute;right:25px;top:22px;width:300px}
.desktop-site #hd_con .hd_right li{float:right;margin-left:16px}
.desktop-site #hd_con .hd_nav{position:relative;padding:0;text-align:left}
.desktop-site #hd_con .hd_nav:after{display:block;visibility:hidden;clear:both;content:""}
.desktop-site #hd_con .hd_nav li{position:relative;float:left;text-align:center;height:70px;line-height:70px}
.desktop-site #hd_con .hd_nav li a{padding:0 24px;font-size:19px;font-weight:bold;color:#79fff0;letter-spacing:-1px}
.desktop-site #hd_con .hd_nav li a:hover{color:#f7f940}
.desktop-site #hd_con .hd_nav li:before{position:absolute;top:29px;left:0;width:1px;height:12px;background:#79fff0;content:""}
.desktop-site #hd_con .hd_nav .n_first:before{display:none}

.mov_wr{background:url('/images/mov_bg2.png') no-repeat center top}
.about_wr{background:url('/images/about_bg.png') no-repeat center top}
.process_wr{background:url('/images/process_bg.jpg') no-repeat center top}
.tail_wr{background:#373737;text-align:center}
.sns_wr .sns_top{margin:55px 0}
.sns_wr ul{margin:0 0 100px;text-align:center}
.sns_wr li{display:inline-block;margin:0 35px}

/* PC 메인 슬라이드 - 원본 배경/폭 구조 보존 */
.slider_wr{position:relative;height:835px;overflow:hidden;background:#00c6ab}
.slider_top{position:absolute;top:0;left:0;width:100%;z-index:20;pointer-events:none}
.slider_top .top_bg{background:url('/images/slide_bg_top.png') transparent no-repeat center top;height:372px}
.slider_bottom{position:absolute;bottom:0;left:0;width:100%;z-index:20;pointer-events:none}
.slider_bottom .bottom_bg{background:url('/images/slide_bg_bottom.png') transparent no-repeat center bottom;height:353px}
.pc-slides{position:relative;width:100%;height:835px;overflow:hidden}
.pc-slide{
  position:absolute;inset:0;width:100%;height:835px;opacity:0;
  transition:opacity .5s ease;background-repeat:no-repeat;background-position:center top
}
.pc-slide.active{opacity:1;z-index:2}
.pc-slide.banner1{background-image:url('/images/slide1.jpg')}
.pc-slide.banner2{background-image:url('/images/slide2.jpg')}
.pc-slide.banner3{background-image:url('/images/slide3.jpg')}
.pc-slide .slideimg{margin:0 auto;width:780px;text-align:center}
.pc-slide .img_item{width:780px;height:835px}
.pc-slide .img_item img{display:block;width:780px;height:auto}
.pc-slide .slide_btn{
  display:inline-block;margin:0 auto;padding:0 40px;height:45px;line-height:45px;
  font-size:24px;border-radius:35px;color:#fff;font-weight:bold;background:#0f2a71
}
.pc-slide .slide_btn:hover{background:#0010e7}
.pc-dots{position:absolute;left:0;right:0;bottom:104px;z-index:30;text-align:center}
.pc-dots button{width:17px;height:17px;margin:0 15px;padding:0;border-radius:50%;background:transparent;border:1px solid #fff}
.pc-dots button.active{border:2px solid #ffde00;background:#ffde00}

/* 리뷰 */
.review-stage{position:relative;width:780px;margin:0 auto;overflow:hidden;padding:10px 0 35px}
.main_review{display:flex;transition:transform .45s ease}
.rv_box{flex:0 0 380px;margin:0 10px;background:#fff}
.rv_box a{display:block}
.rv_image{height:337px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.rv_image img{display:block;max-width:340px;max-height:337px;width:auto;height:auto}
.rv_info{padding:15px 15px 20px;background:#f4f4f4;text-align:left}
.rv_text1{font-size:18px;font-weight:bold;color:#000;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rv_text2{padding:3px 0;font-size:16px;color:#21146d}
.rv_text3{font-size:15px;color:#7d7d7d}
.review-controls{text-align:center;margin-top:3px}
.review-controls button{width:11px;height:11px;border-radius:50%;border:0;background:#c7c7c7;margin:0 4px;padding:0}
.review-controls button.active{background:#21146d}

/* Contact US */
.tel_area{position:relative;margin-top:30px}
.tel_wr{padding:40px 70px 50px;background:#ddf7f4;border-radius:25px}
.tel_wr .frm_top{margin:0 0 25px;font-size:30px;color:#21146d;text-align:center}
.tel_frm .frm_list{margin:0 0 10px}
.tel_frm input,.tel_frm textarea{padding:5px 10px;width:100%;border:0;background:#fff;outline:none;font-size:16px}
.tel_frm input{height:45px}
.tel_frm textarea{padding-top:10px;height:100px;line-height:21px;resize:vertical}
.tel_frm .btn_send{padding:0;width:100%;height:55px;border:0;font-weight:bold;font-size:20px;background:#21146d;color:#fff;cursor:pointer}

/* 모바일 */
@media(max-width:680px){
  body{background:#f9f9f9}
  .desktop-site{display:none!important}
  .mobile-site{display:block!important;padding-top:60px}
  .contents_area{margin:0 auto;max-width:680px;background:#fff}
  .contents_area img{display:block;max-width:100%;width:100%;height:auto}
  #contents_link .menu_link{top:-60px}

  .mobile-site #hd{
    position:fixed;top:0;left:0;right:0;z-index:9999;
    height:60px;background:#00c6ab
  }
  .mobile-site #hd_wrapper{position:relative;margin:0 auto;max-width:680px;height:60px;overflow:hidden}
  .mobile-site #logo{padding:4px 0 0;text-align:center}
  .mobile-site #logo img{margin-top:5px;max-height:48px;width:auto}
  #gnb_open{position:absolute;top:8px;left:10px;width:40px;height:40px;border:0;background:none;color:#fff;font-size:30px;line-height:35px;cursor:pointer}
  #gnb{display:none;position:fixed;top:0;left:0;width:100%;height:100%;max-width:680px;background:rgba(0,0,0,.3);z-index:99999}
  #gnb.open{display:block}
  .gnb_wr{position:relative;width:85%;height:100%;max-width:360px;overflow-y:auto;background:#fff}
  .gnb_logo{padding:10px 0 0 20px;height:60px;background:#00c6ab}
  .gnb_logo img{height:42px;width:auto}
  #gnb_close{position:absolute;right:8px;top:13px;width:40px;height:40px;border:0;background:transparent;color:#fff;font-size:32px;line-height:35px}
  #gnb_1dul a{display:block;font-size:16px;color:#222;font-weight:bold;line-height:40px;padding:5px 20px 5px 30px;border-bottom:1px solid #eee}
  .gnb_bottom{position:absolute;bottom:0;padding:30px;width:100%;background:#ddf7f4}
  .gnb_bottom li{position:relative;padding:10px 0;font-size:18px}
  .gnb_bottom li img{position:absolute;width:30px;height:auto}
  .gnb_bottom li span{padding-left:40px}

  .slide_wr{position:relative;background:#2d2d2d;overflow:hidden}
  .slide_top{position:absolute;top:0;left:0;right:0;z-index:20;pointer-events:none}
  .slide_bottom{position:absolute;bottom:0;left:0;right:0;z-index:20;pointer-events:none}
  .mobile-slides{position:relative}
  .mobile-slide{display:none;width:100%;height:auto}
  .mobile-slide.active{display:block}
  .mobile-dots{position:absolute;left:0;right:0;bottom:12px;z-index:30;text-align:center}
  .mobile-dots button{width:10px;height:10px;border-radius:50%;border:0;background:#fff;opacity:.7;margin:0 5px;padding:0}
  .mobile-dots button.active{background:#ffa800;opacity:1}

  #lat_review{position:relative;margin-bottom:60px;background:#fff}
  .review-stage{width:100%;padding:10px 0 25px}
  .rv_box{flex:0 0 min(370px,82vw);margin:0 8px;text-align:center}
  .rv_image{height:auto;min-height:280px}
  .rv_image img{max-width:min(370px,82vw);max-height:none}
  .rv_info{padding:15px 15px 20px}
  .rv_text1{font-size:17px}.rv_text2{font-size:15px}.rv_text3{font-size:14px}

  .tel_area{padding:30px 20px;text-align:center;background:#fff}
  .tel_wr{padding:30px 40px 40px;background:#ddf7f4;border-radius:20px}
  .tel_wr .frm_top{margin-bottom:20px;font-size:28px}
  .tel_frm input{height:40px;font-size:14px}
  .tel_frm textarea{height:100px;font-size:14px}
  .tel_frm .btn_send{height:50px;font-size:17px}

  .sns-map{position:relative}
  .sns-map img{width:100%;height:auto}
  .sns-map a{position:absolute;border-radius:50%;display:block}
  .sns-map .insta{left:14.9%;top:37.9%;width:29.5%;height:42.1%}
  .sns-map .naver{left:55.5%;top:37.9%;width:29.5%;height:42.1%}

  .phone-float{
    position:fixed;right:18px;bottom:18px;z-index:9998;width:62px;height:62px;border-radius:50%;
    background:#00c6ab;box-shadow:0 2px 10px rgba(0,0,0,.25);
    display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;text-decoration:none
  }
}
@media(min-width:681px){.mobile-site{display:none!important}}