html, body, #wrap{height:100%}

/* header */
.header_wrap{position:absolute;left:0;top:0;z-index:100;width:100%;height:90px;min-width:1260px}
.header{overflow:hidden;position:relative;height:100%;box-sizing:border-box}
.logo{position:absolute;left:20px;top:20px;z-index:10;width:173px;height:120px}
.logo > a{display:block;width:100%;height:100%;background:url('../../img/common/bi.png')no-repeat center;font-size:0}
.go_website{position:absolute;top:20px;right:20px;background:#22819F}

/* content */
.content_wrap{width:100%;height:100%}
.con_slide{width:100%;height:100%}
.con_slide > .swiper-container{width:100%;height:100%}
.con_slide > .swiper-container > .swiper-wrapper{width:100%;height:100%}
.con_slide > .swiper-container > .swiper-wrapper > .swiper-slide{position:relative}
/* .con_slide > .swiper-container > .swiper-wrapper > .swiper-slide.swiper-slide-active{position:relative}
.con_slide > .swiper-container > .swiper-wrapper > .swiper-slide.swiper-slide-active ~ .swiper-slide{position:relative} */
.con_slide .sl_bg{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.con_slide .bg_img{background-repeat:no-repeat;background-position:center;background-size:cover}
.con_slide .bg1_top{width:100%;min-height:100px;height:calc(50% + 28.5185vw);background:#f3f3f3}
.con_slide .bg1_bottom{width:100%;height:calc(50% - 28.5185vw);background:#3c829c}
.con_slide .bg2_top{width:100%;height:48.9913%;background-image:url('../img/bg2_top.jpg');background-position:bottom center}
.con_slide .bg2_bottom{width:100%;height:51.0087%;background:#f2f2f2}
.con_slide .bg3{background-image:url('../img/bg3.jpg')}
.con_slide .bg4{background-image:url('../img/bg4.jpg')}
.con_slide .bg5{background-image:url('../img/bg5.jpg')}
.con_slide .bg6{background-image:url('../img/bg5.jpg')}
.con_slide .bg7{background-image:url('../img/bg7.jpg');background-position:top center}
.con_slide .bg8{background-image:url('../img/bg8.jpg');background-position:bottom center;background-size:100%;background-color:#21819e}
.con_slide .bg9{background:#f2f2f2}
@media screen and (min-width: 62.2478vh){
    .con_slide .bg1_top{width:100%;min-height:100px;height:67.7234%}
    .con_slide .bg1_bottom{width:100%;height:32.2766%}
}

.con_slide .sl_con{position:absolute;top:50%;left:50%;width:100%;max-width:62.2478vh;height:100%;max-height:160.6481vw;background-repeat:no-repeat;background-position:center;background-size:contain;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.con_slide .con1{background-image:url('../img/con_1.png')}
.con_slide .con1_1{background-image:url('../img/con_1_1.png')}
.con_slide .con1_2{opacity:0;background-image:url('../img/con_1_2.png')}
.con_slide .con1_3{opacity:0;background-image:url('../img/con_1_3.png')}
.con_slide .con1_4{opacity:0;background-image:url('../img/con_1_4.png')}
.con_slide .con2{background-image:url('../img/con_2.png')}
.con_slide .con3{background-image:url('../img/con_3.png')}
.con_slide .con4{background-image:url('../img/con_4.png')}
.con_slide .con5{background-image:url('../img/con_5.png')}
.con_slide .con6{background-image:url('../img/con_6.png')}
.con_slide .con7{background-image:url('../img/con_7.png')}
.con_slide .con8{background-image:url('../img/con_8.png')}

.con1 .phone{position:absolute;top:19.7694%;left:10.6481%;width:32.2222%}
.con1 .phone .heart{opacity:0;position:absolute;margin-top:20px;background:no-repeat center;background-size:cover}
.con1 .phone .heart1{top:-4.8611%;left:6.8965%;width:20.977%;height:8%;background-image:url('../img/heart.png')}
.con1 .phone .heart2{top:-1%;right:5.7471%;width:18.3908%;height:7.3611%;background-image:url('../img/heart.png')}
.con1 .phone .sns_con{position:absolute;top:39.7222%;left:0;width:100%;height:45.8333%;background:url('../img/scroll.jpg')no-repeat 0 0;background-size:100%}

.sl3_slide{position:absolute;bottom:2.3054%;left:0;width:100%;height:11.5273vh;background:#3c829c}
.sl3_slide_1{bottom:13.8327vh;width:calc(100% + 10.0864vh);margin-left:-10.0864vh}
.sl3_slide .swiper-container{position:absolute;top:0;left:0;width:100%;height:100%}
.sl3_slide .swiper-slide{height:100%;background:#000}
.sl3_slide .sl3_img{width:100%;height:100%;background:no-repeat center;background-size:cover}

.sl4_slide{position:absolute;bottom:0;left:0;width:100%;height:15.5619vh;background:#3c829c}
.sl4_slide .swiper-container{position:absolute;top:0;left:0;width:100%;height:100%}
.sl4_slide .swiper-slide{width:14.4092vh;height:14.4092vh;margin-top:0.5763vh;background:#000}
.sl4_slide .sl4_img{width:100%;height:100%;background:no-repeat center;background-size:cover}
.sl4_slide .sns_insta{position:absolute;top:0.5763vh;left:0.5763vh;width:2.3054vh;height:2.3054vh;background:url('../img/sns_insta.png')no-repeat center;background-size:cover}
.sl4_slide .sl_link{display:block;width:100%;height:100%}

.tteok_slide{position:absolute;top:50%;left:50%;margin-top:-13%;margin-left:-31.4814%;width:62.9629vw;}
.tteok_slide .tteok_name{position:absolute;bottom:0;left:0;width:100%;padding-left:3.7037vw;box-sizing:border-box;background:rgba(0,0,0,0.8);font-family:'NotoSansKR-Medium';font-size:3.2407vw;line-height:9.2592vw;letter-spacing:-0.02em;color:#fff}
.tteok_slide .tteok_paging{position:absolute;bottom:0;right:3.7037vw;font-size:3.2407vw;line-height:9.2592vw;letter-spacing:-0.02em;color:#fff}
.tteok_slide .tteok_btns{position:absolute;top:50%;margin-top:-7%;width:7.0726vw;height:13.1481vw;background:no-repeat center;background-size:cover;font-size:0}
.tteok_slide .tteok_prev{left:0;background-image:url('../img/sl5_prev.png')}
.tteok_slide .tteok_next{right:0;background-image:url('../img/sl5_next.png')}

.menu_slide{position:absolute;top:50%;left:50%;margin-top:-20.3703%;margin-left:-36.574%;width:73vw}
.menu_slide .swiper-slide{width:73vw}
.menu_slide .menu_box{position:relative;width:48%;margin-bottom:1.5%;margin-left:1%;border:1px solid rgba(255,255,255,0.5);box-sizing:border-box}
.menu_slide .menu_box:nth-child(2n){margin-left:2%}
.menu_slide .menu_box .menu_img{width:100%;height:29.1666vw}
.menu_slide .menu_box .menu_name{padding:0 7.7922%;box-sizing:border-box;background:rgba(33,129,158,0.9);font-family:'NotoSansKR-Medium';font-size:3.4vw;letter-spacing:-0.02em;line-height:7.4074vw;color:#fff;text-align:center}
.menu_slide .menu_box .menu_name.name_small{font-size:1.8518vw;line-height:7.4074vw}
.menu_slide .menu_box .hover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;line-height:36.574vw;background:rgba(33,129,158,0.9)}
.menu_slide .menu_box.on .hover{display:block;overflow-y:auto}
.menu_slide .mCSB_inside > .mCSB_container{margin-right:0;height:100%}
.menu_slide .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{height:100%;line-height:36vw}
.menu_slide .menu_box .va_m{display:inline-block;width:100%;padding:10.3896% 0;vertical-align:middle}
.menu_slide .menu_box .menu_ttl{padding-bottom:3%;font-family:'NotoSansKR-Medium';font-size:3.2407vw;letter-spacing:-0.02em;line-height:128%;color:#fff}
.menu_slide .menu_box .menu_ttl.ttl_ex{padding-top:9%}
.menu_slide .menu_box .menu_txt{font-size:2.5925vw;letter-spacing:-0.02em;line-height:150%;color:#fff}
.menu_slide .menu_btns{position:absolute;top:50%;left:50%;margin-top:-7%;width:7.0726vw;height:13.1481vw;background:no-repeat center;background-size:cover;font-size:0}
.menu_slide .menu_prev{margin-left:-46.2962vw;background-image:url('../img/sl5_prev.png')}
.menu_slide .menu_next{margin-left:39.2236vw;background-image:url('../img/sl5_next.png')}
.menu_paging{position:absolute;bottom:-7.037vw;width:100%}
.menu_paging li{margin-left:2.5316%}
.menu_paging li:first-child{margin-left:0}
.menu_paging li a{display:block;width:1.3888vw;height:1.3888vw;border:1px solid #fff;border-radius:50%}
.menu_paging li.swiper-pagination-bullet-active a{background:#fff}

.conts{position:absolute;top:50%;left:50%;width:100%;max-width:62.2478vh;height:100%;max-height:160.6481%;background-repeat:no-repeat;background-position:center;background-size:contain;z-index:1;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.conts .menu_slide{margin-top:-12.7777%}
.tabmenu{position:absolute;top:50%;left:0;margin-top:-27.7777%;width:100%;z-index:10}
.tabmenu li{margin-left:-1px}
.tabmenu li a{display:block;width:30.7407vw;height:11.1111vw;border:1px solid rgba(255,255,255,0.5);background:no-repeat bottom;background-size:100%;font-size:0}
.tabmenu li:nth-child(1) a{background-image:url('../img/tab_1.png')}
.tabmenu li:nth-child(2) a{background-image:url('../img/tab_2.png')}
.tabmenu li:nth-child(3) a{background-image:url('../img/tab_3.png')}
.tabmenu li.on a{background-position:top}

.sl7_slide{position:absolute;bottom:8.3333vw;left:50%;margin-left:-46.2962%;width:92.5925vw}
.sl7_slide .sl7_img{padding-top:52%}
.sl7_slide .sl7_btns{position:absolute;top:50%;margin-top:-7%;width:7.0726vw;height:13.1481vw;background:no-repeat center;background-size:cover;font-size:0}
.sl7_slide .sl7_prev{left:0;background-image:url('../img/sl5_prev.png')}
.sl7_slide .sl7_next{right:0;background-image:url('../img/sl5_next.png')}

.location{position:absolute}
.location:before{content:'';position:absolute;bottom:0;width:0;height:4.1666vw;border-left:1px dotted rgba(255,255,255,0.3)}
.location .cir_1{position:absolute;bottom:4.1666vw;left:-1.1111vw;width:2.2222vw;height:2.2222vw;border-radius:50%;background:rgba(255,255,255,0.3);
-webkit-animation:location 1s infinite alternate ease-out;
animation:location 1s infinite alternate ease-out;
}
.location .cir_2{position:absolute;bottom:4.7221vw;left:-0.5555vw;width:1.1111vw;height:1.1111vw;border-radius:50%;background:#fff}
.location.lo1{bottom:41.1111vw;left:38.8888%}
.location.lo2{bottom:35.7407vw;left:31.6666%}
.location.lo3{bottom:29.1666vw;left:35.5555%}
.location.lo4{bottom:29.1666vw;left:32.5925%}
.location.lo5{bottom:28.7037vw;left:12.7777%}
@-webkit-keyframes location {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  100% {
      -webkit-transform:scale(1.8);
      transform:scale(1.8);
  }
}
@keyframes location {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  100% {
      -webkit-transform:scale(1.8);
      transform:scale(1.8);
  }
}

.inq_ttl{padding:20% 0 4.6296%}

@media screen and (min-width:62.2478vh){
    .tteok_slide{width:39.1930vh}
    .tteok_slide .tteok_name{padding-left:2.3054vh;font-size:2.0172vh;line-height:5.7636vh}
    .tteok_slide .tteok_paging{right:2.3054vh;font-size:2.0172vh;line-height:5.7636vh}
    .tteok_slide .tteok_btns{width:4.1498vh;height:8.1844vh}

    .menu_slide{width:45vh}
    .menu_slide .swiper-slide{width:45vh}
    .menu_slide .menu_box .menu_img{height:18vh}
    .menu_slide .menu_box .menu_name{font-size:2.0172vh;line-height:4.6109vh}
    .menu_slide .menu_box .menu_name.name_small{font-size:1.2103vh;line-height:4.6109vh}
    .menu_slide .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{height:100%;line-height:21vh}
    .menu_slide .menu_box .menu_ttl{font-size:2.0172vh}
    .menu_slide .menu_box .menu_txt{font-size:1.6138vh}
    .menu_slide .menu_btns{width:4.1498vh;height:8.1844vh}
    .menu_slide .menu_prev{margin-left:-28.8184vh}
    .menu_slide .menu_next{margin-left:24.6686vh}
    .menu_paging{bottom:-4.3804vh}
    .menu_paging li a{width:1.4409vh;height:1.4409vh}

    .tabmenu li a{width:19.0201vh;height:6.9164vh}

    .sl7_slide{position:absolute;bottom:5.1873vh;width:57.6368vh}
    .sl7_slide .sl7_btns{width:4.1498vh;height:8.1844vh}
}