#ms1 .d_banner{position:relative;width:1920;height:900px;overflow:hidden;}
#ms1 .d_banner .tagline{position:absolute;width:100%;text-align:center;top:45%;margin-top:-140px;z-index:1}
#ms1 .d_banner .img{position:relative;width:100%;height:100%;overflow:hidden}
#ms1 .d_banner .img li{position:absolute;left:0;top:0;width:100%;height:100%;display:none;background-size:cover !important}
#ms1 .d_banner .img li:first-child{display:block}
#ms1 .d_banner .btn{position:absolute;width:100%;bottom:40px;text-align:center}
#ms1 .d_banner .btn li{display:inline-block;width:20px;height:20px;background:url('../images/ms1_btn.png') no-repeat;margin:0 6px;cursor:pointer;text-indent:-9999px}
#ms1 .d_banner .btn li.on{background:url('../images/ms1_btn_on.png') no-repeat;}
#ms1 .d_banner .arrow{position:absolute;width:100%;top:50%;margin-top:-20px;;z-index:2}
#ms1 .d_banner .prev{position:absolute;left:20px;cursor:pointer}
#ms1 .d_banner .next{position:absolute;right:20px;cursor:pointer}

/*글씨 움직임*/
.d_banner .info{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center; z-index:9999999}
.d_banner .info div{position:relative;color:#fff;text-shadow:0 0 3px rgba(0,0,0,0.9)}
.d_banner .info .add{font-size:40px;font-family:'Nanum Myeongjo';font-weight:700;left:30px;opacity:0;transition:0.8s 0.5s;}
.d_banner .info .h2{left:-30px;top:-15px;opacity:0;transition:0.8s 0.8s;}
.d_banner .info .h2 h2{font-size:70px;font-family:'Nanum Myeongjo';}
.d_banner .info .desc{font-size:23px;left:30px;top:-10px;font-weight:700;opacity:0;transition:0.8s 1.1s;}
.d_banner.on .info div{left:0;opacity:1}  
.d_banner.on .info h2{left:0;opacity:1}



#ms2{margin-top:45px}
#ms2 h2{text-align:center}
#ms2 .cons{position:relative;padding:30px 0;clear:both;overflow:hidden;line-height:1.4}
#ms2 .cons .d1{float:left;width:445px;overflow:hidden}
#ms2 .cons .d2{float:left;width:370px;text-align:center}
#ms2 .cons .d3{float:right;width:445px;overflow:hidden}
#ms2 .cons h3{font-size:20px;margin:30px 0 20px;color:#000}
#ms2 .cons .num{font-size:20px;color:#333}
#ms2 .cons .memo{font-size:14px;color:#666}
#ms2 .cons .more{display:inline-block;height:28px;line-height:28px;background:#7f7f7f;color:#fff;font-size:14px;padding:0 10px;margin:20px 0}
#ms2 .cons .more:hover{background:#333}
#ms2 .con1{border-bottom:1px solid #ddd;margin-top:20px}



#ms3{overflow:hidden;margin-top:0px;padding:0px 100px}
#ms3 h2{text-align:center}
#ms3 ul{margin-top:0px}
#ms3 li{float:left;width:173px;margin-left:8px;overflow:hidden;background:#fff}
#ms3 li:first-child{margin-left:50px}
#ms3 li .thumb{overflow:hidden}
#ms3 li .thumb img{transition:0.4s;transform:scale(1)}
#ms3 li:hover .thumb img{transition:0.4s;transform:scale(1.1)}
#ms3 li .info{padding:20px;color:#666;font-size:12px;  border: 1px solid rgba(49,49,49,0.3);}
#ms3 li .info strong{display:block;font-size:18px;color:#000;font-weight:400}



#ms4{background:#fff;padding:0px 0}
#ms4 .container{width:1004px}
#ms4 h2{text-align:center}
#ms4 ul{overflow:hidden;margin-left:-24px;margin-top:0px}
#ms4 li{float:left;width:490px;background:#ebebeb;;margin:10px 0;margin-left:24px}
#ms4 li .thumb{float:left;margin-right:25px;overflow:hidden}
#ms4 li .thumb img{transition:0.4s;transform:scale(1)}
#ms4 li:hover .thumb img{transition:0.4s;transform:scale(1.1)}
#ms4 li .info{padding:25px;line-height:1.5}
#ms4 li .info .room{font-size:18px;font-weight:600;color:#333}
#ms4 li .info .num{font-size:13px}
#ms4 li .info .type{font-size:12px;color:#333;margin-top:10px;font-weight:400}




.m_sec2{position: absolute;z-index:99; left:50%; transform:translateX(-50%);top:820px;height:258px;  }
.m_sec2 .container .con:hover{margin-top:-15px;opacity:1;transition:0.2s}
.quick ul li:hover{margin-top:-5px;opacity:1;transition:0.2s}
.banner_box a:hover{opacity:0.5;transition:0.2s}

.c1{position:relative; width:370px;height:260px; float:left; margin-right:1px;top:-8px;}
.c2{position:relative;width:370px; height:260px; float:left;margin-right:1px;top:-2px;}
.c3{position:relative;width:370px; height:260px; float:left;top:-2px;}



/* 메인 객실미리보기 */
.ms_grbox { background:#f4f4f4; padding:0 0 50px 0; }
.room_warp {width:100%;}
.room_pre { position:relative;  overflow:hidden; z-index:1;}
.room_pre:after {content:"";display:block;clear:both;}
.room_pre li { float:left; width:47%; position:relative; overflow:hidden; margin:0 17px;}
.room_info {font-size: 26px;font-weight: 600; color:#333 ; padding:10px  0 0 5px}
.room_info span {font-size: 16px;}

/* 메인 스페셜  */

#ms_spe {position: relative; width: 100%; min-width: 1200px; overflow: hidden; text-align: center; margin-top: 80px;}
#ms_spe .tit1 {display: inline-block; font-size: 45px; line-height: 60px; color: #535353; font-weight: lighter;}
#ms_spe .tit1 b {color: #298e62; font-weight: 600;}
#ms_spe .tit2 {display: block; font-size:22px; color: #535353; margin-top: 5px;}
#ms_spe .tit3 {display: block; width: 480px; font-size: 14px; font-weight: 600; line-height: 40px; letter-spacing: 10pt; color: #313131; border-top: 1px solid rgba(49,49,49,0.2); border-bottom: 1px solid rgba(49,49,49,0.2); margin: 20px auto 40px;}
