@charset "utf-8";
/* CSS Document */

#wrap {width:100%; margin:0 auto; text-align:center;position:relative;min-width:1100px;}
#wrap_top {width:100%; position:relative; margin:0 auto; text-align:center;height:129px;background:#1b5897}

.topset {width:1280px;margin:0 auto;text-align:center;font-size:10px;height:50px;}

.tsbtn {border-radius:4px;background:#75b4b8;color:white;font-size:14px;padding:6px 20px 6px 20px;display:inline;float:left;margin-top:14px;font-weight:bold;}
.tsbtncl {background:#2db500;margin-left:10px;font-weight:bold;}
.tsbtncl2 {background:#f9e81c;margin-left:10px;font-weight:bold;color:#403236 !important}

.asf {padding:7px 20px 8px 20px;}
.tsbtncall {float:right;background:#a8a8a8}

.topArea {width:1280px;margin:0 auto;text-align:center;font-size:11px;height:50px;}
.efh {margin-left:10px;}

.topArea  .logo {padding-top:14px;float:left;width:285px;}
.topArea .menu {float:right;text-align:center;margin-top:4px;}

.kyr {float:right}
.menuArea2 {width:100%;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;float:left;height:70px;margin-top:25px;}
.menuArea2 ul li a {color:white}
.menuArea2 ul li.mmLeft {background:#75b4b8}
.menuArea2 ul li.mmRight {background:#4e4b4b}
.menuArea2 ul li.mmLeft a:hover {color:#000}


#main_slide {float:left;width:100%;background:url('../image/main/m_slide4.jpg') center top;height:527px;margin-bottom:-44px;text-align:center;color:white;}
.sct_title {font-size:43px;font-weight:700;line-height:2.2em;margin:0 auto;text-align:center;color:#fff}
.sct_title_en {font-size:50px;font-weight:bold;line-height:2em;margin:0 auto;text-align:center;margin-left:0}
.sct_krt {font-size:15px;line-height:2em;margin-top:13px;}

.mgT10 {margin-top:10px;}
.mgT20 {margin-top:20px;}
.main_mte a {color:white!important;font-weight:bold;}
.m_box {background:#333333;padding:10px 20px;font-size:20px;width:200px;margin:0 auto;text-align:center;color:white;}
.main_infobox {width:330px;margin:0 auto;text-align:center;border:1px solid black;height:70px;}
.main_infobox ul li {float:left;display:inline;text-align:left;padding:15px 0 15px 30px;line-height:1.7em}
.main_infobox ul li.mibL {width:170px;}
.main_infobox ul li.mibR {font-size:30px;padding:10px 10px; 0 0;float:right}

.main_mta {margin-top:150px;font-size:90px;text-shadow: 1px 1px 2px #000;font-weight:bold;line-height:0.7em;
font-family:Noto Sans KR, sans-serif;color:#ffb71d}
.main_mta b {font-size:30px;line-height:0em;font-weight:700;color:white;}
.main_mtb {margin-top:180px;font-size:43px;line-height:1.3em;font-weight:700;color:white;text-align:center;text-shadow:1px 1px 1px black}
.main_mtc {margin-top:30px;font-size:24px;color:white;text-align:center;text-shadow:1px 1px 1px black}
.aaa {text-shadow: 1px 1px 1px #000}


#section1 {width:1280px;margin:0 auto;text-align:center;}
#section1 ul {padding-top:15px;}
#section1 ul li {float:left;display:inline;padding-bottom:50px;width:32%;overflow:hidden;}
#section1 ul li:nth-child(2) {margin:0 2%}
#section1 ul li img {width:100%}

#section5 {width:1100px;margin:0 auto;text-align:center;}
#section5 ul {padding-top:15px;}

#section1 ul li .sobTitle {position:absolute;width:200px;height:26px;color:white;text-align:center;padding:22px 0;background:black;font-size:20px;font-weight:bold;opacity:0.8;}
.sobText {position:relative;width:70%;height:26px;color:white;text-align:left;font-size:32px;font-weight:bold;bottom:0;z-index:9999;
margin-top:-90px;margin-left:20px;line-height:1em;word-break:break-word !important}
.mr_dt {font-size:17px;}
.clw {color:black !important}
.mrvBox {background:#282a25;color:white;float:left;width:100%;}
.mrvBox ul {padding:30px;}
.mroom_title {font-size:26px;font-weight:bold;line-height:2.5em;}

.htnum {clear:both;height:120px}
#section2 {width:100%;margin:0 auto;text-align:center;float:left;}
.romm_detail {position:absolute;text-align:left;left:50%;width:600px;padding:80px 0 0 80px;}

.list1 {font-size:40px;font-weight:bold;margin-bottom:24px;}
.list2 {font-size:15px;font-weight:;margin-bottom:60px;}
.list3 {font-size:22px;font-weight:bold;margin-bottom:24px;}
.list4 {font-size:17px;margin-bottom:50px;line-height:2em}
.list5 {font-size:17px;margin-bottom:50px;line-height:1.6em}
.list6 {display:inline;width:163px;float:left;background:black;color:white;height:x;margin-right:20px;text-align:center;padding:20px 0;font-size:16px;}
.list6 a {color:white}
.list7 {display:inline;width:183px;float:left;background:black;color:white;height:x;margin-right:20px;text-align:center;padding:20px 0;font-size:16px;}
.list7 a {color:white}

#section3 {width:1280px;margin:0 auto;text-align:center;margin-top:50px;display:none;}
#section3 ul li {float:left;display:inline;font-size:15px;line-height:1.5em}
#section3 ul li.mtroom {width:320px;height:280px;background:#ad415b;color:white;text-align:left;}
#section3 ul li.ftcenter {width:320px;height:280px;background:#42ad91;color:white;text-align:left;}
#section3 ul li p {padding:30px;}
.spot {font-weight:bold;font0size:}

 #section6 {width:100%;height:400px;position:relative;background:url('/image/main/main_mapBg.png');float:left;margin-top:50px;}
.main_map {width:1160px;margin:0 auto;text-align:center;}
.main_map ul {margin:0;padding:0}
.main_map ul li {display:inline;float:left;}
.main_map ul li.mapImg {padding:26px 0}
.main_map ul li.mapContent {background:#42ad91;height:360px;width:430px;float:right;text-align:left;
padding:40px 30px 0 30px;color:white;line-height:2em;font-size:13px;}
.mtt1 {font-size:27px;font-weight:bold;}



#foot_quick {width:100%;background:#35363b;margin:0 auto;text-align:center;float:left;margin-top:80px;}
.foot_quick {width:1280px;text-align:left;margin:0 auto;text-align:center}
.foot_quick ul li {float:left; display:inline;padding-right:30px;color:#fff;padding-top:2px;font-size:16px;height:40px;}
.foot_quick ul li a {color:#fff;}

#wrap_foot_navi {width:100%; float:left; height:200px; background:#56555b; position:relative;}
.foot_navi {width:1280px;height:306px; margin:0 auto; text-align:center;} 
.foot_navi ul {margin:0; padding:0;}
.foot_navi ul li {float:left; display:inline;}
.foot_navi ul li.mg_row1 {width:220px; text-align:left; margin-top:30px;line-height:1em;font-size:12px; color:#2d2d2d;}
.foot_navi ul li.mg_row1 a{ text-align:left; margin-top:30px;line-height:1.5em; color:#aaa9ae;}
.foot_navi ul li.mg_row1 ul li {float:left; clear:both;width:200px;}
.mg_title {width:160px;font-size:16px; text-align:left; padding:0; margin:0;line-height:1em;color:#fcfcfe;}
.mg_title a {font-size:16px;color:white !important;line-height:1em !important}


#wrap_copyright {width:100%; float:left; height:200px; background:#56555b; position:relative;}
.copyright {width:1280px;margin:0 auto;text-align:center;border-top:1px solid gray}
.copyright li {display:inlnie;float:left;padding-top:36px;text-align:left;color:#a6a5aa;font-size:15px;}
.copyright li.infoo {padding-left:50px;line-height:1.4em}
.info2 {font-size:13px;line-height:1em}
.copyright li.foot_icon {float:right}

.viewBtn {width:80px;height:30px;border:1px solid #000;padding:10px 20px 4px 20px;line-height:1.6em;
background:white;text-align:center;font-weight:bold;font-size:14px;}
.viewBtn_en {width:120px;height:30px;border:1px solid #000;padding:10px 20px 4px 20px;line-height:1.6em;
background:white;text-align:center;font-weight:bold;font-size:14px;}

.form-control2 {
  display: block;
  width: 100%;
  height: 30px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  border:1px solid gray;
 background: url(../img/red_arrow.png) no-repeat 95% 50% #fff;
-webkit-appearance: none; 
-moz-appearance: none; 
}
.form-control3 {
  display: block;
  width: 100px;
  height: 20px;
  padding: 1px 6px;
  font-size: 11px;
  line-height:1em
  color: #555;
  border:1px solid gray;
 background: url(http://www.ramadaencorehaeundae.com/img/red_arrow.png) no-repeat 92.5% 50% #fff;
-webkit-appearance: none; 
-moz-appearance: none; 
float:right;
}

.roomView {clear:both;position:relative;margin:0 auto;;height:auto;margin-top:40px;width:1000px;}
.roomView img {margin-bottom:14px;}
.roomView p{line-height:1.3em;padding:20px 0 0 0;font-size:16px;color:white;}
.roomView p a {color:#585858}

.centerBx {
    margin:0 auto;text-align:center;
    border: 1px solid #dfdfdf;
    border-top: 2px solid #75b4b8;
    padding: 24px 122px 24px 0;
    position: relative;
    display: table;
    table-layout: fixed;
    width: 1100px;
    box-sizing: border-box;
    margin-top: 36px;
}
.centerBx:after {
    content: "";
    display: block;
    clear: both;
}
.centerBx .infoTx strong {
    display: block;
    font-size: 21px;
    color: #252525;
    padding-bottom: 5px;
}
 .centerBx .infoTx {
    font-size: 15px;
    color: #454545;
    font-weight: normal;
    display: table-cell;
    vertical-align: middle;
	text-align:left;
    width: 399px;
    box-sizing: border-box;
    padding-left: 49px;
}
.centerBx .centerCont {
    width: 100%;
    padding-left: 50px;
    border-left: 1px solid #dfdfdf;
    display: table-cell;
	text-align:left;
    vertical-align: middle;
}

.centerBx .centerCont dl dd.tel {
    font-size: 26px;
    color: #db1d27;
}
.centerBx .centerCont dl dd.fax {
    padding-left: 20px;
    margin-left: 12px;
    position: relative;
}
 .centerBx .centerCont dl dd.end {
    line-height: 1.4;
    padding-top: 7px;
    font-size: 13px;
    color: #666;
}
.centerBx .centerCont dl dd {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #454545;
    font-weight: bold;
}
.centerBx .centerCont dl dd.fax:before {
    content: "/";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}