@charset "utf-8";
html,body{height: 100%;}
body{font-family: 'Open Sans', sans-serif;}

/* common */
.blind{display: block;position: absolute;left: 0;top: -9999px !important;}
.mb9{margin-bottom: 9px !important;}
.mb24{margin-bottom: 24px !important;}
.mb49{margin-bottom: 49px !important;}
.mb61{margin-bottom: 61px !important;}
.rsvQ{float:right;margin-left: 4px;}


.bx-pager{margin-bottom: 0;}

.sliderWrap .slideTxt{
    position: absolute;left: 50%;
    transform: translateX(-50%);
}

.sliderWrap .nextBtn,.sliderWrap .prevBtn{
    position: absolute;top: 50%;transform: translateY(-50%);
    cursor: pointer;
}
.sliderWrap .nextBtn{right: 47px;}
.sliderWrap .prevBtn{left: 47px;}
.bx-wrapper .bx-pager.bx-default-pager a {
    background:none;border: 1px solid #fff;
    margin: 0px 5px;border-radius: 8px;
    transition: 0.3s;
}
.sliderWrap .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: white;width: 30px;
}
.sliderWrap .bx-wrapper .bx-pager.bx-default-pager a:hover{
    background: #000;border: 1px solid #000;
}

.content>ul{display: flex;flex-wrap: wrap;}
.content>ul>li{
    width: 25%;height: 310px;
}

.content>ul>li:nth-child(1){
    width: 100%;background: #333333;
    position: relative;border-radius: 5px 5px 0 0;
}
fieldset{border: 0;}
input[type="text"]{outline: none;}

.content>ul>li:nth-child(2){
    background: #604584;height: 310px;
    display: flex;justify-content: center;align-items: center;
}
.content>ul>li:nth-child(3){}
.content>ul>li:nth-child(4){width: 50%;background: #B39579;}
.content>ul>li:nth-child(5){
    height: 620px;background-image: url(../images/cruise_bg.png);
    position: relative;bottom: 0;border-radius: 0 0 0 5px;
}
.content>ul>li:nth-child(6){width: 50%;background: #333333;}
.content>ul>li:nth-child(7){
    background: #FB3F7D;text-align: center;
    height: 310px;
    display: flex;justify-content: center;align-items: center;
}
.content>ul>li:nth-child(8){
    background: #E4C754;height: 310px;
    display: flex;justify-content: center;align-items: center;
    position: absolute;right: 620px;bottom: 0;
}
.content>ul>li:nth-child(9){
    width: 50%;background-image: url(../images/bears_bg.png);
    position: absolute;right: 0;bottom:0;
    border-radius: 0 0 5px 0;
}

.con1wrap{width: 150px;height: 150px;text-align: center;}
.con1wrap h4{
    font-weight: 400;font-size: 24px;line-height: 28px;
    text-align: center;color: #FFFFFF;
}
.con1wrap img{margin: 0 auto;margin-bottom: 24px;}
.content>ul>li:nth-child(8) .con1wrap img{margin: 0 auto;margin-bottom: 9px;}

.artro_img.img01{background-image: url(../images/artro_img01.jpg);}
.artro_img.img02{background-image: url(../images/artro_img02.jpg);}
.artro_img.img03{background-image: url(../images/artro_img03.jpg);}
.artro_img.img04{background-image: url(../images/artro_img04.jpg);}
.artro_img.img05{background-image: url(../images/artro_img05.jpg);}
.artro_img.img06{background-image: url(../images/artro_img06.jpg);}
.artro_img.img07{background-image: url(../images/artro_img07.jpg);}
.artro_img.img08{background-image: url(../images/artro_img08.jpg);}
.artro_img.img09{background-image: url(../images/artro_img09.jpg);}
.artro_img.img10{background-image: url(../images/artro_img10.jpg);}

.btn_sns{
    width: 32px;height: 32px;display: block;
    border-radius: 50%;
    text-indent: -9999px;margin-left: 20px;float: left;
}
.btn_sns.ft_youtube{
    background:#aaa url(../images/ico_youtube_wh.png) no-repeat center;
}
.btn_sns.ft_youtube:hover{
    background: #cc0000 url(../images/ico_youtube_wh.png) no-repeat center;
}

.btn_sns.ft_post{
    background:#aaa url(../images/ico_post_wh.png) no-repeat center;
}
.btn_sns.ft_post:hover{
    background: #2eb300 url(../images/ico_post_wh.png) no-repeat center;
}

.btn_sns.ft_blog{
    background:#aaa url(../images/ico_blog_wh.png) no-repeat center;
}
.btn_sns.ft_blog:hover{
    background: #2eb300 url(../images/ico_blog_wh.png) no-repeat center;
}

.btn_sns.ft_kakao{
    background:#aaa url(../images/ico_kakao_wh.png) no-repeat center;
}
.btn_sns.ft_kakao:hover{
    background: #ffd200 url(../images/ico_kakao_wh.png) no-repeat center;
}

.btn_sns.ft_instagram{
    background:#aaa url(../images/ico_instagram_wh.png) no-repeat center;
}
.btn_sns.ft_instagram:hover{
    background: #bd056f url(../images/ico_instagram_wh.png) no-repeat center;
}

.btn_sns.ft_facebook{
    background:#aaa url(../images/ico_facebook_wh.png) no-repeat center;
}
.btn_sns.ft_facebook:hover{
    background: #3c5a9a url(../images/ico_facebook_wh.png) no-repeat center;
}


/* pc */
@media screen and ( min-width:700px ){
    #main_header{
        height: 1927px;position: relative;
        margin-bottom: 80px;
    }
    .headerWrap{
        width: 100%;height: 90px;z-index: 2;
        position: fixed;top:0; transition: 0.3s;
    }
    #header_top{
        width: 1240px;height: 90px;z-index: 2; transition: 0.3s;
        position: fixed;left: 50%;transform: translateX(-50%);top: 20px;
        display: flex;justify-content: space-between;align-items: center;
    }
    .toggle{display: none;}
    .submenu_b{display: none;}
    .gnb .sns_wrap{display: none;}
    #header_top .logo{
        background-image: url(../images/main_logo02.png);
        width: 290px;height: 50px;
    }
    #header_top .logo a{
        text-indent:9999px;display: block;
    }
    #header_top .gnb{
        display: flex;justify-content: center;align-items:center;
    }
    #header_top .gnb .submenu>li{
        float: left;height: 45px;margin-right: 30px;
    }
    #header_top .gnb .submenu>li:last-child{margin-right: 23px;}
    #header_top .gnb .submenu>li>a{
        display: block;text-align: center;
        padding: 10px;font-weight: 400;
        font-size: 18px;line-height: 25px;
        letter-spacing: -0.12em;color: #fff;
        text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);transition: 0.3s;
    }
    #header_top .gnb .submenu>li:hover>a{
        font-weight: 700;color: #B39579;position: relative;
    }
    #header_top .gnb .submenu>li:hover>a:after{
        display: block;content:"";
        width:calc(100% - 20px);height: 1px;background: #B39579;
        position: absolute;left: 50%;
        transform: translateX(-50%) scale(0);
        animation-name: gnb01;
        animation-duration: 0.3s;
        animation-fill-mode: forwards;
    }
    @keyframes gnb01{to{transform: translateX(-50%) scale(1);}}
    
    #header_top .gnb .submenu>li.active>a{
        color: #B39579;font-weight: 700;
    }

    .gnbWrap{display: none;}
    .gnb .submenu>li:hover .gnbWrap{display: block;}

    .depth2{position: absolute;z-index: 1;}
    .depth2 li{float: left;padding: 5px 10px;}
    .depth2 li a{
        color: #fff;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
        font-size: 14px;line-height: 19px;letter-spacing: -0.12em;font-weight: 300;
    }
    .depth2 li a:hover{color: #B39579;font-weight: 700;}
    .gnb .submenu>li:nth-child(1) .depth2{}
    .gnb .submenu>li:nth-child(2) .depth2{left:calc(50% - 170px);}
    .gnb .submenu>li:nth-child(3) .depth2{left:calc(50% - 120px);}
    .gnb .submenu>li:nth-child(4) .depth2{left:calc(50% + 20px);}
    .gnb .submenu>li:nth-child(6) .depth2{right: 125px;}

    .gnb .language .kor{
        float: left;background: #B39579;width: 50px;
    }
    .gnb .language .eng{
        float: right;width: 50px;height: 50px;
        border: 2px solid #B39579;
        background: rgba(51, 51, 51, 0.5);
    }
    .gnb .language a{
        text-align: center;display: block;
        font-weight: 600;
        font-size: 14px;line-height: 50px;
        letter-spacing: -0.12em;color: #FFFFFF;
    }
    .gnb .language .eng a{line-height: 46px;}

    .sliderWrap{position: relative;}
    .sliderWrap .li_1st,
    .sliderWrap .li_2st,
    .sliderWrap .li_3st,
    .sliderWrap .li_4st{
        height: 997px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .sliderWrap .li_1st{background-image: url(../images/slider01.png);}
    .sliderWrap .li_2st{background-image: url(../images/slider02.png);}
    .sliderWrap .li_3st{background-image: url(../images/slider03.png);}
    .sliderWrap .li_4st{background-image: url(../images/slider04.png);}
    .sliderWrap .bx-wrapper .bx-pager{bottom: 331px;}
    .bx-wrapper .bx-pager.bx-default-pager a {width: 15px;height: 15px;}

    .sliderWrap .slideTxt{width: 322px;top: 309px;}
    .sliderWrap .slideTxt h3{
        font-weight: 400;margin-bottom: 24px;
        font-size: 80px;line-height: 109px;
        text-align: center;color: #FFFFFF;
    }
    .sliderWrap .slideTxt p{
        font-weight: 300;font-size: 17px;
        line-height: 23px;text-align: center;
        color: #FFFFFF;text-shadow: 0px 0px 10px #000000;
    }

    .content{
        width: 1240px;position: absolute;
        left: 50%;bottom: 0;transform: translateX(-50%);
        box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
    }
    

    .form{
        border-radius: 10px;background: #fff;
        position: absolute;
        top: 50px;left: 20px;
    }
    .form div{float: left;position: relative;padding: 10px 15px;}
    .form label{
        display: block;
        font-weight: 400;font-size: 14px;line-height: 19px;
        letter-spacing: -0.025em;color: #999999;margin-bottom: 13px;
    }
    .hotel{position: relative;}
    .hotel input,.checkin input,.promotion input{
        width: 220px;height: 25px;border: 0;
        font-weight: 300;font-size: 18px;line-height: 25px;
        letter-spacing: -0.02em;color: #666666;
    }
    .hotel_btn{
        display: block;position: absolute;
        width: 18px;height: 24px;
        background: url(../images/rsv_place.png) no-repeat center;
        top:42px;right:-85px;border:0 none;text-indent: -9999px;
    }
    .mo_hotel{display: none;}

    .room input{
        width: 42px;height: 25px;border: 0;outline: none;
        font-weight: normal;font-size: 18px;line-height: 25px;color: #666666;
        background: url(../images/room_under.png) no-repeat right;
    }
    .btn_rsv{
        position: absolute;left: 1070px;top: 0px;
        width: 130px;height: 130px;background: #B39579;
        border: 0;border-radius: 0 10px 10px 0;
        font-weight: 600;font-size: 18px;line-height: 25px;color: #FFFFFF;
    }
    fieldset{
        display: flex;justify-content: flex-start;align-items: center;
        width: 1200px;height: 130px;padding-left: 20px;
    }
    fieldset>div{margin-right: 10px;}
    fieldset>div:after{
        content: "";display: block;
        width: 1px;height: 70px;background: #000;
        position: absolute;right: -5px;top: 50%;transform: translateY(-50%);
    }
    fieldset>div:last-child:after{display: none;}

    .dining{
        width: 1200px;height: 60px;border-radius: 10px;background:#F2F2F2;
        position: absolute;left: 20px;bottom: 50px;padding: 0 40px;
        display: flex;justify-content: space-between;align-items: center;
    }
    .dining p{
        font-weight: 400;font-size: 15px;
        line-height: 20px;letter-spacing: -0.005em;color: #555555;
    }
    .dining_right{width: 160px;height: 20px;}
    .dining_right p{
        font-weight: 600;font-size: 15px;float: left;margin-right: 7px;
        line-height: 20px;letter-spacing: -0.005em;color: #B39579;
    }
    .dining_right img{float: left;padding-top: 3px;}

    .con1_card{
        position: absolute;top: 45px;left: 45px;
    }
    .card_txt h4{
        font-weight: 600;font-size: 24px;
        line-height: 33px;color: #FFFFFF;margin-bottom: 44px;
    }
    .card_txt h4:after{
        content:"";display: block;position: absolute;
        width: 60px;height: 2px;background: #fff;
        margin-top: 10px;
    }
    .card_txt p{
        font-weight: 400;font-size: 16px;
        line-height: 22px;color: #FFFFFF;margin-bottom: 71px;
    }
    .card_btn{
        padding: 14px 40px;border: 1px solid #fff;
        width: 170px;height: 50px;cursor: pointer;transition: 0.3s;
    }
    .card_btn a{
        font-weight: 400;font-size: 16px;
        line-height: 22px;color: #FFFFFF;
        display: block;text-align: center;transition: 0.3s;
    }
    .card_btn:hover{background: #fff;}
    .card_btn:hover a{color: #000;}

    .con1_6{position: relative;}
    .con1_6 .card_location{
        position: absolute;top: 6px;right: 25px;
    }
    .mo_location{display: none;}

    .content ul>li .img01{transition: 0.3s;}
    .content ul>li .img01:hover{transform: scale(1.1);}

    .slider02Wrap{position: relative;}
    .slider02Wrap .slider02{position: relative;}
    .slider02>li{width: 620px;height: 310px;}
    .slider02>li>a{display: block;}
    .slider02_wrap{
        width: 620px;height: 310px;
        padding-top: 45px;padding-left: 45px;
        /* display: flex;justify-content: space-between;align-items: center; */
    }
    .slider02_left{float: left;}
    .slider02_txt h4{
        font-weight: 600;font-size: 24px;
        line-height: 33px;color: #FFFFFF;position: relative;
        margin-bottom: 30px;
    }
    .slider02_txt h4:after{
        content:"";display: block;background:#fff;
        position: absolute;width: 60px;height: 2px;
        margin-top: 10px;
    }
    .slider02_txt p{
        font-weight: 400;font-size: 16px;
        line-height: 22px;color: #FFFFFF;margin-bottom: 24px;
    }

    .pager_prev,.pager_next{
        width: 35px;height: 35px;cursor: pointer;
        border: 1px solid #ddd;float: left;
        display: flex;justify-content: center;align-items: center;
        background: #B39579;
    }
    .slider02_btn{position: absolute;left: 45px;bottom: 44px;}

    .slider02_right{
        float: right;
        width: 351px;height: 222px;
    }
    .mo_promo{display: none;}

    .sec01{
        height: 720px;padding: 74px 200px;
        background-image: url(../images/sec01_bg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size:cover;
        margin-bottom: 80px;
    }
    .sec01_txt{
        margin: 0 auto;width: 290px;margin-bottom: 80px;
    }
    .sec01_txt h4{
        font-weight: 600;font-size: 18px;line-height: 25px;color: #B39579;
        position: relative;margin-bottom: 35px;text-align: center;
    }
    .sec01_txt h4:after{
        content:"";display: block;position: absolute;
        left: 50%;transform: translateX(-50%);
        width: 100px;height: 3px;background: #fff;margin-top: 13px;
    }
    .sec01_txt h2{
        font-weight: 600;font-size: 44px;
        line-height: 60px;color: #FFFFFF;text-align: center;
    }
    .sec01_card{
        display: flex;justify-content: space-between;align-items: center;
    }
    .sec01_card li{
        float: left;width: calc( ( 100% - 60px ) / 4 );
        margin-right: 20px;transition:.3s;cursor:pointer;
        padding:70px 30px;
    }
    .sec01_card li:last-child{margin-right:0;}
    .sec01_card li>img{margin: 0 auto;margin-bottom: 33px;}
    .sec01_cardT h4{
        font-weight: 400;font-size: 26px;text-align: center;margin-bottom: 11px;
        line-height: 35px;letter-spacing: -0.02em;color: #FFFFFF;
    }    
    .sec01_cardT p{
        font-weight: 400;font-size: 18px;line-height: 26px;
        text-align: center;letter-spacing: -0.095em;color: #FFFFFF;
    }
    .sec01_card li:hover{
        box-shadow:5px 5px 10px rgba(0,0,0,0.5);
        transform:translate(0,-15px)
    }

    .sec02{
        width: 1240px;height: 620px;margin: 0 auto;margin-bottom: 80px;
        background: #FFFFFF;box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
    }
    .sec02_txt{
        padding: 133px 30px;
        width: 310px;height: 620px;float: left;position: relative;
    }
    .sec02_txt h2{
        background: url(../images/artro_logo.png) no-repeat center;
        margin-bottom: 110px;
    }
    .sec02_txt h2>a{
        display: block;text-indent: -9999px;
        width: 248px;height: 117px;
    }
    .sec02_txt p{
        font-weight: 400;font-size: 18px;line-height: 25px;color: #000000;
    }

    .swiper{width: 930px;height: 620px;float: right;}
    .artro_img{
        width: 310px;height: 310px;
        background-size: cover;background-position:center;background-repeat: no-repeat;
    }

    .artroU{position: relative;transition: 0.3s;}
    .artroU:hover .hoverTxt{display: block;}
    .hoverTxt{
        display: none;position: absolute;top: 0;
        background: rgba(255, 255, 255, 0.8);
        width: 310px;height: 310px;padding: 67px 29px;
    }
    .hoverTxt h4{
        font-weight: 600;font-size: 24px;
        line-height: 33px;color: #000000;margin-bottom: 14px;
    }
    .hoverTxt h5{
        font-weight: 400;font-size: 16px;
        line-height: 22px;color: #000000;margin-bottom: 29px;
    }
    .hoverTxt h5:after{
        content:"";display: block;
        width: 140px;height: 1px;background: #333;margin-top: 14px;
    }
    .art_detail{position: relative;}
    .art_detail p{
        font-weight: 600;font-size: 14px;
        line-height: 19px;color: #888888;position: absolute;
    }
    .art_detail p:nth-child(1){left: 28px;}
    .art_detail p:nth-child(2){left: 14px;top: 19px;}
    .art_detail p:nth-child(3){left: 28px;top: 38px;}
    .art_detail p:nth-child(4){left: 0;top: 57px;}

    .swiper-button-next,.swiper-button-prev{
        position: absolute;
        width: 40px !important;height: 40px !important;
        border: 1px solid #333;
    }
    .swiper-button-next{
        background: url(../images/con_next.png) no-repeat center;
        float: right;right: 0 !important;
    }
    .swiper-button-prev{
        background: url(../images/con_prev.png) no-repeat center;
        float: left;left: 0 !important;
        /* left: 119px !important; */
    }
    .swiper-button-next::after,
    .swiper-button-prev::after {
      display: none;
    }
    .sec02_btn{
        position: absolute;width: 80px;height: 40px;
        left: 203px;bottom: 37px;
    }


    .sec03{
        width: 1240px;margin: 0 auto;margin-bottom: 79px;
    }
    .sec03_left,.sec03_right{
        float: left;width: 620px;height: 312px;;
        padding: 47px 49px;
    }
    .sec03_left{
        background: url(../images/kenny_chef01.png) no-repeat right;
    }
    .sec03_right{
        background: url(../images/kenny_model01.png) no-repeat right;
    }

    .sec03_txt{
        width: 213px;height: 218px;
    }
    .sec03_txt h2{
        background: url(../images/kenny_logo.png) no-repeat center;
        text-indent: -9999px;width: 213px;height: 128px;margin-bottom: 40px;
    }

    .sec04{display: none;}

    #footer{border-top: 1px solid #333;}
    .footerWrap{width: 1240px;margin: 0 auto;padding: 27px 0;}
    .foot_left{
        float: left;
        display: flex;justify-content: space-between;align-items:flex-start;
    }
    .foot_left h2{
        background: url(../images/foot_logo01.png);
        width: 172px;height: 30px;
        margin-top: 16px;margin-right: 46px;
    }
    .foot_left h2>a{text-indent: -9999px;display: block;}

    .ft_up>li,.ft_md01>li,.ft_md02>li{float: left;}
    .ft_up>li{padding: 10px;position: relative;margin-right: 9px;}
    .ft_up>li:after{
        content:"";display: block;
        width: 1px;height: 14px;background:#6B6B6B;
        position: absolute;right: -4px;top: 14px;
    }
    .ft_up>li:last-child:after{display: none;}
    .ft_up>li>a{
        font-weight: 400;font-size: 16px;
        line-height: 22px;letter-spacing: -0.05em;color: #888888;
    }

    .ft_md01>li,.ft_md02>li,.ft_address>p{
        padding: 0 10px;font-weight: 400;font-size: 11px;
        line-height: 24px;color: #888888;position: relative;
    }
    .ft_md01>li{letter-spacing: -0.02em;}
    .ft_md02>li{letter-spacing: -0.03em;}
    .ft_md01>li:after,.ft_md02>li:after{
        display: block;content:"";
        width: 1px;height: 7px;background: #bbb;
        position: absolute;top:50%;right: 0;transform: translateY(-50%);
    }
    .ft_md01>li:last-child:after,.ft_md02>li:last-child:after{display: none;}
    .ft_address p{letter-spacing: -0.03em;}

    .foot_right{float: right;}
    
    .sub.location #main_header{
        height: 460px;position: relative;
        background: url(../images/sub01_bg.png) no-repeat center;
        background-size: cover;margin-bottom: 27px;
    }
    .sub .header_txt{
        position: absolute;top: 50%;left: 50%;
        transform:translate(-50%,-50%);
    }
    .sub .header_txt h3{
        font-weight: 600;font-size: 44px;text-align: center;
        line-height: 60px;letter-spacing: -0.02em;color: #FFFFFF;
        margin-bottom: 13px;
    }
    .sub .header_txt p{
        font-weight: 400;font-size: 16px;text-align: center;
        line-height: 22px;color: #FFFFFF;
    }
    .sub .tab{
        display: flex;justify-content: space-between;
        width: 1260px;
        background: #eaeaea;border-bottom: 1px solid #B39579;
        position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);
    }
    .sub .tab li{
        width: 100%;height: 70px;padding: calc(43px / 2);
        text-align: center;position: relative;
        font-weight: 400;font-size: 20px;
        line-height: 27px;letter-spacing: -0.055em;color: #B39579;
        cursor: pointer;
    }
    /* .sub .tab li.sub01{width: calc(100%/3);} */
    .sub .tab li:after{
        display: block;content: "";
        width: 1px;height: 70px;background: #B39579;
        position: absolute;right: 0;top: 0;
    }
    .sub .tab li.on{
        background: #B39579;color: #fff;
    }
    .sub .contentWrap{width: 1260px;margin: 0 auto;}
    .con_home{
        display: none;margin-bottom: 52px;
    }
    .con_home.on{display: flex;align-items: center;}
    .con_home li{
        position: relative;margin-right: 40px;
        font-weight: 400;font-size: 16px;
        line-height: 22px;letter-spacing: -0.055em;color: #AAAAAA;
    }
    .con_home li:last-child{color: #B39579;}
    .con_home li:after{
        content: "";display: block;
        width: 1px;height: 14px;background: #ddd;
        position: absolute;right: -20px;top: 0;
    }
    .con_home li:last-child:after{display: none;}
    .conTitle{
        display: none;position: relative;margin-bottom: 40px;
        font-weight: normal;font-size: 35px;text-align: center;
        line-height: 48px;letter-spacing: -0.055em;color: #B39579;
    }
    .conTitle:before{
        display: block;content:"";
        width: 50px;height: 3px;background: #B39579;
        position: absolute;left: 50%;transform: translateX(-50%);top: -21px;
    }
    .conTitle.on{
        display: block;
    }
    .conBottom>img{display: none;margin-bottom: 40px;}
    .conBottom>img.on{display: block;}
    .conBottom.mob{display: none;}

    .sub.promo #main_header{
        height: 460px;position: relative;
        background: url(../images/sub02_bg.png) no-repeat center;
        background-size: cover;margin-bottom: 27px;
    }
    .sub.mem #main_header{
        height: 460px;position: relative;
        background: url(../images/sub03_bg.png) no-repeat center;
        background-size: cover;margin-bottom: 27px;
    }
    .sub.friend #main_header{
        height: 460px;position: relative;
        background: url(../images/sub04_bg.png) no-repeat center;
        background-size: cover;margin-bottom: 27px;
    }
    .sub.sub05 #main_header{
        height: 460px;position: relative;
        background: url(../images/sub05_bg.png) no-repeat center;
        background-size: cover;margin-bottom: 27px;
    }
    .sub.sub06 #main_header{
        height: 460px;position: relative;
        background: url(../images/sub06_bg.png) no-repeat center;
        background-size: cover;margin-bottom: 27px;
    }

}/* pc media end */


/* mobile */
@media screen and ( max-width:699px ){
    #main_header{}

    #main_header .headerWrap{
        position: fixed;width: 100%;
        z-index: 2;height: 54px;
    }
    #header_top{
        padding: 0 20px;z-index: 2;
        position: fixed;width: 100%;
        display: flex;justify-content:space-between;align-items: center;
    }
    #header_top .logo{
        background-image: url(../images/mobile_main_logo.png);
        width: 140px;height: 24px;margin: 15px 0;
    }
    #header_top .logo a{
        text-indent:9999px;display: block;
    }
    #header_top .gnb{
        position: fixed;width: 100%;height: 100%;
        background-image: url(../images/mo_menu_bg.png);
        background-repeat: no-repeat;
        background-position:center;
        background-size: cover;
        top: 0;left: -100%;
        transition: 0.3s;z-index: 1;
    }
    #header_top .gnb.view{left: 0;}
    .gnb .submenu{
        text-align: center;position: absolute;
        top:50%;left: 50%;transform: translate(-50%,-50%);
    }
    .gnb .submenu>li{margin-bottom: 15px;}
    .gnb .submenu>li>a{
        font-weight: 700;font-size: 24px;
        line-height: 33px;color: #FFFFFF;
        letter-spacing: -0.12em;
    }
    .gnbWrap{display: none;}
    .gnb .language{
        width: 60px;height: 30px;
        position: absolute;top: 12px;right: 70px;
    }
    .gnb .language .kor{
        float: left;background: #B39579;width: 30px;
    }
    .gnb .language .eng{
        float: right;width: 30px;height: 30px;
        border: 2px solid #B39579;
        background: rgba(51, 51, 51, 0.5);
    }
    .gnb .language a{
        text-align: center;display: block;
        font-weight: 600;
        font-size: 12px;line-height: 30px;
        letter-spacing: -0.12em;color: #FFFFFF;
    }
    .gnb .language .eng a{line-height: 26px;}
    .gnb .submenu_b{
        position: absolute;bottom: 77px;left: 50%;
        transform: translateX(-50%);
    }
    .gnb .submenu_b li{float: left;padding: 5px 3px;position: relative;}
    .gnb .submenu_b li:after{
        content:"";width: 1px;height: 12px;background: #aaa;
        display: block;position: absolute;top: 12px;right: -1px;
    }
    .gnb .submenu_b li:last-child:after{display: none;}
    .gnb .submenu_b li a{
        font-weight: 600;font-size: 12px;
        line-height: 16px;letter-spacing: -0.05em;color: #FFFFFF;
    }

    .gnb .sns_wrap{
        position: absolute;bottom: 30px;left: 50%;
        transform: translateX(-50%);width: 242px;
    }
    .gnb .sns_wrap>.btn_sns{margin-left: 10px;}
    .gnb .sns_wrap>.btn_sns:first-child{margin-left: 0;}

    .toggle{display: block;}
    .toggle{
        width: 40px;height: 40px;position: relative;
        z-index: 2;
    }
    .toggle div{
        width: 25px;height: 3px;background: white;
        border-radius: 2px;transition: 0.3s;cursor: pointer;
        position: absolute;left: 50%;top: 50%;
        transform: translate(-50%,-50%);
    }
    .toggle .bar1{top: 10px;}
    .toggle .bar3{top: 30px;}

    .toggle.active .bar1{transform: translate(-50%,-50%) rotate(45deg);top: 50%;}
    .toggle.active .bar2{opacity: 0;}
    .toggle.active .bar3{transform: translate(-50%,-50%) rotate(-45deg);top: 50%;}

    
    .sliderWrap .li_1st,
    .sliderWrap .li_2st,
    .sliderWrap .li_3st,
    .sliderWrap .li_4st{
        height: 100vh;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .sliderWrap .li_1st{background-image: url(../images/mo_slider01.jpg);}
    .sliderWrap .li_2st{background-image: url(../images/mo_slider02.jpg);}
    .sliderWrap .li_3st{background-image: url(../images/mo_slider03.jpg);}
    .sliderWrap .li_4st{background-image: url(../images/mo_slider04.jpg);}
    .sliderWrap .nextBtn,.sliderWrap .prevBtn{display: none;}
    .bx-wrapper .bx-pager{bottom: 24px;}
    .bx-wrapper .bx-pager.bx-default-pager a {width: 10px;height: 10px;}

    .sliderWrap .slideTxt{width: 200px;top: 190px;}
    .sliderWrap .slideTxt h3{
        font-weight: 400;margin-bottom: 24px;
        font-size: 48px;line-height: 65px;
        text-align: center;color: #FFFFFF;
    }
    .sliderWrap .slideTxt p{
        font-weight: 300;font-size: 14px;
        line-height: 19px;text-align: center;
        color: #FFFFFF;text-shadow: 0px 0px 5px #000000;
    }

    .content{width: 100%;padding: 20px;}
    .content>ul>li{width:50%;order: 9;}

    .content>ul>li:nth-child(2){
        order:1;background: rgba(96, 69, 132, 0.8);border-radius: 10px;
        margin-bottom: 20px;
        /* width: 150px;height: 150px; */
    }
    .content>ul>li:nth-child(4){
        order:2;border-radius: 10px;background: rgba(179, 149, 121, 0.8);
        display: flex;justify-content: center;
        align-items: center;flex-direction: column;
    }
    .mo_promo{width: 150px;height: 150px;}
    .content>ul>li:nth-child(8){
        order:3;position: static;border-radius: 10px;background: rgba(228, 199, 84, 0.8);
        margin-bottom: 20px;
        /* width: 150px;height: 150px; */
    }
    .content>ul>li:nth-child(7){
        order:4;border-radius: 10px;background: rgba(251, 63, 125, 0.8);
        /* width: 150px;height: 150px; */
    }
    .content>ul>li:nth-child(6){order:5;width: 100%;border-radius: 10px;}
    .content>ul>li:nth-child(6)>.con1_6{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 100%;
    }
    .con1_6>a{display: block;}
    .con_loca{
        font-size: 20px;line-height: 23px;letter-spacing: -0.03em;
        color: #fff;text-align: center;
    }
    .mo_location{margin-bottom: 20px;}

    .content>ul>li:nth-child(1){
        order: -1;
        position: absolute;top: 50%;left: 0;
        background: none;height: 220px;
    }
    .form{
        border-radius: 10px;background: rgba(0, 0, 0, 0.6);
        height: 100%;border-radius: 10px;margin: 20px;padding: 20px;
    }
    .form div{position: relative;}
    .hotel,.checkin,.room{margin-bottom: 20px;}
    .hotel{position: relative;}
    .hotel label,.checkin label,.room label{
        font-weight: 600;font-size: 14px;
        line-height: 19px;letter-spacing: -0.025em;color: #FFFFFF;
    }
    .pc_hotel,.hotel label{display: none;}
    .mo_hotel{
        font-weight: 600;font-size: 14px;text-indent: 20px;
        line-height: 19px;background: none;border: 0;color: #FFFFFF;
        position: relative;border-bottom: 1px solid #fff;
    }
    .mo_hotel::placeholder{color: #FFFFFF;text-indent: 80px;}

    .hotel_btn{
        display: block;position: absolute;
        width: 13px;height: 16px;
        background: url(../images/mo_rsv_location.png) no-repeat center;
        top:4px;left:0px;border:0 none;text-indent: -9999px;
    }

    .checkin{width: 188px;border-bottom: 1px solid #fff;text-indent: 80px;}
    .checkin label{width: 188px;}
    .check_calendar{
        background: url(../images/mo_rsv_calendar.png) no-repeat center;
        border: 0;width: 18px;height: 16px;
        position: absolute;left: 0;top: 4px;
    }
    .room input{
        width: 23px;height: 19px;border: 0;outline: none;background: none;
        font-weight: normal;font-size: 14px;line-height: 19px;color: #fff;
        background: url(../images/room_under.png) no-repeat right;margin-left: 10px;
    }
    .room>div{
        margin-right: 16px;float: left;margin-bottom: 20px;
        border-bottom: 1px solid #fff;
    }
    .mo_room::placeholder{color: #FFFFFF;}
    .btn_rsv{
        width: 100%;height: 45px;background: #B39579;
        border: 0;border-radius: 10px;
        font-weight: 600;font-size: 16px;line-height: 22px;color: #FFFFFF;
        cursor: pointer;
    }

    .dining,.promotion,.rsvQ,.slider02Wrap{display: none;}
    /* .form label{display: block;position: absolute;left: 0;top: -9999px;} */

    .content>ul>li:nth-child(3),
    .content>ul>li:nth-child(5),
    .content>ul>li:nth-child(9){display: none;}

    .con1wrap{
        display: flex;justify-content: center;align-items: center;flex-direction: column;
    }
    .con1wrap span{display: none;}
    .con1wrap img{width: 60%;height: 60%;margin-bottom: 20px;}
    .con1wrap h4{font-size: 22px;line-height: 26px;}

    .content>ul>li:nth-child(7) .con1wrap h4{font-size: 20px;line-height: 23px;letter-spacing: -0.03em;}

    .card_txt p,.card_btn,.card_location{display: none;}

    .sec01{
        height: 585px;padding: 30px 52px;
        background-image: url(../images/mo_sec01_bg.png);
        background-repeat: no-repeat;
        background-position:center;
        background-size:cover;
        margin-bottom: 30px;
    }
    .sec01_txt{
        margin: 0 auto;width: 156px;margin-bottom: 65px;
    }
    .sec01_txt h4{
        font-weight: 600;font-size: 14px;line-height: 19px;color: #B39579;
        position: relative;margin-bottom: 33px;text-align: center;
    }
    .sec01_txt h4:after{
        content:"";display: block;position: absolute;
        left: 50%;transform: translateX(-50%);
        width: 50px;height: 3px;background: #fff;margin-top: 10px;
    }
    .sec01_txt h2{
        font-weight: 600;font-size: 24px;
        line-height: 33px;color: #FFFFFF;text-align: center;
    }
    .sec01_card{width: 100%;height: 100%;}
    .sec01_card li{float: left;width: 50%;cursor:pointer}
    .sec01_card li:nth-child(3),.sec01_card li:nth-child(4){padding-top: 50px;}
    .sec01_card li>img{margin: 0 auto;margin-bottom: 15px;width: 50px;height: 50px;}
    .sec01_cardT h4{
        font-weight: 400;font-size: 18px;text-align: center;margin-bottom: 15px;
        line-height: 25px;letter-spacing: -0.02em;color: #FFFFFF;
    }    
    .sec01_cardT p{
        font-weight: 400;font-size: 14px;line-height: 20px;
        text-align: center;letter-spacing: -0.095em;color: #FFFFFF;
    }

    .sec02{margin-bottom: 30px;}
    .sec02_txt h2{
        background: url(../images/artro_logo.png) no-repeat center;
        background-size: cover;position: relative;
        width: 110px;height: 52px;margin: 0 auto;margin-bottom: 30px;
    }
    .sec02_txt h2:before{
        display: block;content:"";
        width: 2px;height: 50px;background:#171717;
        position: absolute;left: -3px;top: 2px;
    }
    .sec02_txt h2>a{
        text-indent: -9999px;display: block;
        width: 109px;height: 50px;
    }
    .sec02_txt>p,.sec02_btn{display: none;}

    .swiper-slide{display: flex;flex-direction: row;}
    .artroU{
        width: 200px;height: 400px;float: left;
        box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
    }
    .artro_img{
        width: 200px;height: 200px;background: pink;
        background-size: cover;
        background-position:center;
        background-repeat: no-repeat;
    }

    .hoverTxt{
        padding: 20px 16px;
        width: 200px;height: 200px;background: #fff;
    }
    .hoverTxt h4{
        font-weight: 600;font-size: 16px;
        line-height: 22px;color: #000000;margin-bottom: 5px;
    }
    .hoverTxt h5{
        font-weight: 400;font-size: 12px;
        line-height: 16px;color: #000000;margin-bottom: 11px;
    }
    .hoverTxt h5:after{
        content:"";display: block;
        width: 140px;height: 1px;background: #333;margin-top: 5px;
    }
    .art_detail{position: relative;}
    .art_detail p{
        font-weight: 400;font-size: 12px;
        line-height: 16px;color: #888888;position: absolute;
    }
    .art_detail p:nth-child(1){left: 24px;}
    .art_detail p:nth-child(2){left: 12px;top: 19px;}
    .art_detail p:nth-child(3){left: 24px;top: 38px;}
    .art_detail p:nth-child(4){left: 0;top: 57px;}

    .sec03{display: none;}

    .sec04{}
    .sec04_b1{
        background-image: url(../images/mo_cruise_bg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100px;margin-bottom: 20px;padding: 15px 0;
    }
    .sec04_b1 h2{
        background-image: url(../images/mo_cruise_logo.png);
        background-repeat: no-repeat;
        background-position:center;
        background-size:auto;
        width: 360px;height: 70px;
        margin: 0 auto;
    }
    .sec04_b1 h2>a{
        text-indent: -9999px;display: block;text-align: center;height: 70px;
    }

    .magazine{padding: 0 20px;position: relative;}
    .magazine>h4{
        font-weight: 600;font-size: 18px;position: relative;
        line-height: 25px;color: #333333;
        text-align: center;margin-bottom: 30px;
    }
    .magazine>h4:after{
        content: "";display: block;
        width: 65px;height: 1px;background: #333;
        position: absolute;bottom: -2px;left: 50%;
        transform: translateX(-50%);
    }

    .mag_plus{
        background-image: url(../images/btn_plus.png);
        background-repeat: no-repeat;
        background-position:center;
        background-size: cover;
        width: 14px;height: 14px;
        text-indent: -9999px;display: block;
        position: absolute;right: 20px;top: 5px;
    }
    .mag{margin: 0 auto;width: 330px;margin-bottom: 40px;}
    .mag img{
        width: 178px;height: 105px;float: left;margin-right: 23px;
    }
    .kenny_txt{float: left;}
    .kenny09{margin-bottom: 20px;}
    .kenny_txt>h4{
        font-weight: 600;font-size: 18px;
        line-height: 25px;color: #B39579;margin-bottom: 3px;
    }
    .kenny_txt>p{
        font-weight: 400;font-size: 16px;
        line-height: 22px;letter-spacing: -0.12em;color: #333333;
    }

    .sec04_b2{
        background-image: url(../images/mo_bears_bg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100px;margin-bottom: 20px;padding: 15px 0;
    }
    .sec04_b2 h2{
        background-image: url(../images/mo_bears_logo.png);
        background-repeat: no-repeat;
        background-position:center;
        background-size:auto;
        width: 360px;height: 70px;
        margin: 0 auto;
    }
    .sec04_b2 h2>a{
        text-indent: -9999px;display: block;text-align: center;
    }

    .foot_right .sns_wrap{display: none;}
    .ft_md01,.ft_md02{display: none;}
    #footer{border-top: 1px solid #bbb;padding: 20px;}
    .foot_left{
        display: flex;justify-content: center;align-items: center;flex-direction: column;
    }
    .foot_left>h2{
        background-image: url(../images/mo_foot_logo.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 86px;height: 15px;margin-bottom: 15px;
    }
    .foot_left>h2>a{
        display: block;text-indent: -9999px;
    }
    .ft_up>li{
        float: left;position: relative;
        padding: 5px 3px;
    }
    .ft_up>li:after{
        content: "";display: block;
        width: 1px;height: 14px;background:#6B6B6B;
        position: absolute;top:11px;right: -1px;
    }
    .ft_up>li>a{
        font-weight: 400;font-size: 11px;
        line-height: 15px;letter-spacing: -0.05em;color: #888888;
    }
    .ft_address>p{
        font-weight: 400;font-size: 10px;
        line-height: 24px;letter-spacing: -0.03em;color: #888888;
    }

    .con_home{display: none;}
    .sub #main_header{
        height: 50vh;position: relative;
        background: url(../images/sub01_bg.png) no-repeat center;
        background-size: cover;margin-bottom: 43px;
    }
    .sub .header_txt{
        position: absolute;top: 50%;left: 50%;
        transform:translate(-50%,-50%);text-align: center;color: #FFFFFF;
    }
    .sub .header_txt h3{
        font-weight: 600;font-size: 36px;
        line-height: 49px;letter-spacing: -0.02em;margin-bottom: 10px;
    }
    .sub .header_txt p{
        font-weight: 400;font-size: 16px;line-height: 22px;
    }
    .sub .tabmenu{
        width:100%;height: 50px;
        background: rgba(179, 149, 121, 0.5);
        position: absolute;bottom: 20px;
    }
    .sub .tab{
        display: flex;justify-content: space-around;_align-items: center;
        background: #eaeaea;height: 30px;margin: 10px;
        border-radius: 5px;cursor: pointer;
    }
    .sub .tab li{
        font-weight: normal;font-size: 12px;position: relative;
        line-height: 30px;letter-spacing: -0.055em;color: #B39579;
        width: 100%;text-align: center;
    }
    .sub .tab li:first-child{border-radius: 5px 0 0 5px;}
    .sub .tab li:last-child{border-radius: 0 5px 5px 0;}
    .sub .tab li:after{
        display: block;content: "";
        width: 1px;height: 30px;background: #B39579;
        position: absolute;right: 0;top: 0;
    }
    .sub .tab li:last-child:after{display: none;}
    .sub .tab li.on{
        background: #B39579;color: #fff;
    }
    .sub .contentWrap{width:100%; margin: 0 auto; padding:0 10px;}
    .conTitle{
        display: none;position: relative;margin-bottom: 20px;
        font-weight: normal;font-size: 18px;text-align: center;
        line-height: 25px;letter-spacing: -0.055em;color: #B39579;
    }
    .conTitle:before{
        display: block;content:"";
        width: 50px;height: 3px;background: #B39579;
        position: absolute;left: 50%;transform: translateX(-50%);top: -20px;
    }
    .conTitle.on{
        display: block;
    }
    .conBottom img{display: none;margin-bottom: 20px;width: 100%;}
    .conBottom img.on{display: block;}
    .conBottom.pc{display: none;}
    .sub.promo #main_header{
        height: 50vh;position: relative;
        background: url(../images/sub02_bg.png) no-repeat center;
        background-size: cover;margin-bottom: 43px;
    }
    .sub.mem #main_header{
        height: 50vh;position: relative;
        background: url(../images/sub03_bg.png) no-repeat center;
        background-size: cover;margin-bottom: 43px;
    }
    .sub.friend #main_header{
        height: 50vh;position: relative;
        background: url(../images/sub04_bg.png) no-repeat center;
        background-size: cover;margin-bottom: 43px;
    }
    .sub.sub05 #main_header{
        height: 50vh;position: relative;
        background: url(../images/sub05_bg.png) no-repeat center;
        background-size: cover;margin-bottom: 43px;
    }
    .sub.sub06 #main_header{
        height: 50vh;position: relative;
        background: url(../images/sub06_bg.png) no-repeat center;
        background-size: cover;margin-bottom: 43px;
    }
}/* mobile media end */