@charset "utf-8";
/*I can do everything through him who gives me strength.-Phil.4:13-*/
/***********Header******************/
body, html{background:#fff;}
header{width:100%;/*height:87px;*/ background:#ffff;position:fixed;top:0;left:0;z-index:10000;border-bottom:3px solid #9f8f7d; }
.logo{float:left;padding:15px 0;}
.gnbul{float:right;}
.gnbli{float:left;padding-top:53px; margin:0 25px;position:relative;}
a.mainT{color:black;font-size:15px;font-size:1.071rem;font-weight:bold;}
a.mainT:hover, a.mainT.select{color:#776246;}
.m_btn{width:32px; height:27px;margin:17px 0 10px 10px; display:block;float:right;cursor:pointer;background:url(../images/main/btn.png) no-repeat;text-indent:-9999px;}
.m-brand{float:left; padding:15px 0;}
.langsel{width:55px; height:22px;border:1px solid #fff;border-radius:3px;background-color:transparent; background-image:url(../images/main/down2.png);background-repeat:no-repeat;background-position:40px 6px;padding-left:5px;color:#cc9966;font-size:12px;}
.m_menu{display:none;border-top:1px solid #9f8f7d; z-index:15000;background:#918276;margin-top:60px;}
.mli{padding:10px 0 8px 15px;border-bottom:1px solid #fff;background:#918276;}
.mli a.mtitle{width:100%;color:#fff;font-size:14px;font-size:1rem; line-height:1;}
/*******************Footer***************************************/
footer{width:100%;background:#827265;}
.footwrap{padding:20px 0;margin-top:3%;}
.addr{color:#fff;font-size:13px;font-size:0.929rem;line-height:1.7; float:left;}
.fnb{float:right;}
.fnb a{color:#fff;font-size:13px;font-size:0.929rem;font-weight:bold;}
.ficon{width:54px;height:54px;display:inline-block;}
/****************************Main Index*****************************/
#contentsbg{background:#ffff;background-repeat:repeat-y;background-position:center center;margin-top:75px;}
.checkbox{background:url(../images/main/bg01.png) repeat;padding:20px 20px;}
.third{width:33.33%;float:left;}
.Dicon{width:36px;height:36px;display:inline-block;}
.m_selC{height:40px; background:#fff;background-image:url(../images/main/down.png);background-repeat:no-repeat;background-position:right center;padding-left:10px;}
.m_inC{height:40px; background:#fff;background-image:url(../images/main/down.png);background-repeat:no-repeat;background-position:right center;padding-left:10px;}
.resbtn{width:130px;height:40px;background:#827265;text-align:center;line-height:40px; color:#fff;font-size:14px; font-weight:bold;}
.addbox{display:none;margin-top:20px;}
.w150{width:150px;}
.w100{width:100px;}
.w200{width:220px;}
.sbar{width:50px;height:3px;background:#d2af7c;margin:0 auto;margin-top:50px; margin-bottom:25px;}
.iconwrap{width:42px;height:37px;display:inline-block;}

.infotxt{height:270px; padding:25px 20px;text-align:center;color:#fff;box-sizing:border-box;font-size:14px; font-size:1rem;word-break:keep-all;}
.half50{width:calc(50% - 30px);margin-right:60px;float:left;margin-bottom:60px;}
.w40mR50{width:calc(40% - 15px);margin-right:50px;float:left;}
.w60{width:calc(60% - 35px);float:left;}
.banli{width:16.66%;text-align:center;float:left;}

.m_fixed{position: fixed;width: 100%;top:0;}
.top_btn a{position: fixed;z-index: 10001;width: 40px;height: 40px;bottom: 15px;right: 15px;}

@media (min-width:1025px) and (max-width:1240px){
	 .w200{width:200px;}
	 .w150{width:130px;}
	 .w100{width:80px;}
	 .resbtn{width:80px;}
	 .gnbli{ margin:0 30px;}
	}
@media (min-width:768px) and (max-width:1024px){
	.gnbli{ margin:0 15px;}
	.m_selC{height:35px;}
	.m_inC{height:35px;}
	.w150{width:90px;}
	.w100{width:50px;}
	.w200{width:180px;}
	.resbtn{width:65px;height:35px;line-height:35px;}
	.infotxt{ padding:10px 10px;}
	.half50{width:calc(50% - 20px);margin-right:40px;margin-bottom:50px;}
	.w40mR50{width:calc(40% - 10px);margin-right:30px;}
	.w60{width:calc(60% - 20px);}
	}
@media (max-width:767px){
	#contentsbg{margin-top:39px;padding-bottom:30px;}
	.footwrap{ padding:20px 0;}
	.addr{float:none;margin-bottom:10px;}
    .fnb{float:none;}
	.ficon{width:30px;height:30px;}
	.third{width:100%;float:none;margin-bottom:10px;}
	.m_selC{height:30px; }
	.m_inC{height:30px;}
	.w150{width:100px;}
	.w100{width:90px;}
	.w200{width:180px;}
	.resbtn{width:90px;height:30px;line-height:30px; font-size:13px;}
	.addbox{margin-top:10px;}
	.sbar{margin-top:30px; margin-bottom:15px;}
	.iconwrap{width:37px;height:32px;}
	.infotxt{height:auto; padding:10px 10px;}
	.half50{width:100%;margin-right:0px;float:none;margin-bottom:30px;}
	.w40mR50{width:calc(40% - 5px);margin-right:10px;}
	.w60{width:calc(60% - 5px);}
	.banli{width:calc(33.33% - 6px);margin-bottom:10px;padding:0 3px;}
	}
@media (max-width:500px){

}
/********************************SUB 게시판********************************************/
.basicT, .basicL{width:100%; border-top:2px solid #9f8f7d;}
.basicT th{background:#9f8f7d;text-align:center;color:#fff;font-size:14px; font-size:1rem;border:1px solid #ccc;padding:12px 10px 10px 10px;}
.basicT td{text-align:center;color:#2e2e2e;font-size:14px; font-size:1rem;border:1px solid #ccc;padding:12px 10px 10px 10px;}
.basicL th{text-align:left;color:#bc9b6b;font-size:14px; font-size:1rem;border:1px solid #ccc;padding:12px 10px 10px 20px;}
.basicL td{text-align:left;color:#2e2e2e;font-size:14px; font-size:1rem;border:1px solid #ccc;padding:12px 10px 10px 20px;}
.transT{width:100%;}
.transT th{color:#776246;font-size:14px; font-size:1rem;text-align:left;padding-left:10px;vertical-align:top;}
.transT td{font-size:14px;font-size:1rem;text-align:left;padding:0 10px 20px 20px;color:#111;}
.gali{width:calc(25% - 40px);margin:0 20px;margin-bottom:30px;float:left;}
.gali a{width:100%;}
.gali a img{width:100%;max-height:320px;}
.g_title{font-size:14px; font-size:1rem;color:#9f8f7d;font-weight:bold;padding-bottom:5px; border-bottom:1px solid #9f8f7d;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;}
.g_detail{width:100%;height:40px; font-size:14px; font-size:1rem;color:#111; overflow:hidden;text-overflow:ellipsis;margin-top:10px;}
.boardN{margin-top:30px;text-align:center; }
.boardN a{width:28px;height:28px;line-height:28px;text-align:center;border:1px solid #ccc;color:#aaaaaa;font-size:12px;}
.boardN .select {color:#bc9b6b;font-weight:bold;}
.h4name{font-size:20px; font-size:1.429rem;font-weight:bold;color:#d2af7c; border-top:2px solid #bc9b6b;border-bottom:1px solid #ccc;padding:13px 0 10px 0;}
.conbox{padding:25px 10px;text-align:left;color:#fff;font-size:14px; font-size:1rem;min-height:300px;}
@media (min-width:1025px) and (max-width:1240px){

	}
@media (min-width:768px) and (max-width:1024px){

	}
@media (max-width:767px){
	.transT td{padding:0 10px 15px 15px;}
	.basicL th{padding:10px 5px 8px 10px;}
	.basicL td{padding:10px 8px 8px 15px;}
	.gali{width:calc(50% - 20px);margin:0 10px;margin-bottom:20px;}
	.boardN{margin-top:20px;}
	.boardN a{width:20px;height:20px;line-height:20px;}
	.conbox{padding:15px 5px;min-height:150px;}
	.snb{height:35px;line-height:35px;}
	}
@media (max-width:500px){

}
/****************************Subpage*******************************************/
#snbwrap{background:#9f8f7d;}
.snb{text-align:right;height:35px;font-size:14px;font-family:'Nanum Gothic',나눔고딕,돋움; font-size:1rem;color:#fff;line-height:35px;}
.snb a{color:#fff;font-size:14px; font-size:1rem;line-height:35px;font-family:'Nanum Gothic',나눔고딕,돋움;}
.snb a.select{color:#111;font-weight:bold;}
.halfbox{width:50%;float:left;}
.halfR15{width:50%;padding-right:15px;float:left;box-sizing:border-box}
.halfL15{width:50%;padding-left:15px;float:left;box-sizing:border-box}
.map .inmap{width:100%;height:500px;overflow:hidden;}
.tabul{height:33px;border-left:1px solid #776246;margin-bottom:20px;margin-top:40px;}
.tabli{width:125px;height:33px;line-height:33px;border:1px solid #776246;border-left:none;  box-sizing:border-box; float:left;cursor:pointer;text-align:center; color:#776246;font-size:14px; font-size:1rem;font-weight:bold;}
.tabli.select{background:#776246;color:#fff; }
.tabview{display:none;}
.graybox{padding:30px 0 10px 30px;background:#efe6e1;}
.w60F{width:60%;float:left;}
.w40F{width:40%;float:left;}
.li3{width:33.33%;padding:0 10px;box-sizing:border-box;float:left;text-align:center;font-size:14px; font-size:1rem;color:#111;}
.li2_3{width:50%;padding:0 10px;box-sizing:border-box;float:left;text-align:center;font-size:14px; font-size:1rem;color:#111;}
@media (min-width:1025px) and (max-width:1240px){

	}
@media (min-width:768px) and (max-width:1024px){
	.halfR15{padding-right:0px;}
	.halfL15{padding-left:10px;}
	}
@media (max-width:767px){
	.snb{padding-top:20px;height:35px;line-height:35px;}
	.snb a{line-height:35px;}
	.halfR15{padding-right:0px;}
	.halfL15{padding-left:10px;}
	.halfbox{width:100%;float:none;}
	.w60F{width:100%;float:none;}
	.w40F{width:100%;float:none;}
	.map .inmap{height:250px;}
	.tabul{margin-top:20px;}
	.tabli{width:100px;}
	.graybox{padding:20px 0 0 10px;}
	.li3{padding:0 5px;margin-bottom:10px;}
	.li2_3{width:33.33%;padding:0 5px;}
	}
@media (max-width:500px){
	.map .inmap{height:250px;}
}
/**********************************자주쓰는 스타일**************************************/
.line{height:1px;background:#555;margin:40px 0;}@media (max-width:767px){}
.more{font-family:Verdana, Geneva, sans-serif;font-size:11px;font-size:0.786rem;line-height:1;border:1px solid #9f8f7d;padding:10px 15px;color:#9f8f7d;display:inline-block;}
.more2{font-family:Verdana, Geneva, sans-serif;font-size:11px;font-size:0.786rem;line-height:1;background:#827265;padding:10px 12px;color:#fff;}
.mR00{margin-right:0;}
.mL00{margin-left:0;}
.mT10{margin-top:10px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}

.fs13{font-size:13px;font-size:0.929rem;}
.fs14FF{font-size:14px; font-size:1rem;color:#2e2e2e;}
.fs16{font-size:16px; font-size:1.143rem;}
.fs18gold{font-size:18px; font-size:1.286rem; color:#776246;}
.NMfs20B{font-family:'Nanum Myeongjo',나눔명조,serif;font-size:20px; font-size:1.429rem;font-weight:bold;}
.fs30FF{font-size:20px; font-size:1.5rem;color:#776246;}

.C_cc{color:#2e2e2e;}
.C_gold{color:#d48579;}

.fwB{font-weight:bold;}
.taC{text-align:center;}
.taR{text-align:right;}
.taL{text-align:left;}
.fL{float:left;}
.fR{float:right;}
@media (min-width:768px) and (max-width:1024px){
	.mT30{margin-top:20px;}
	}
@media (max-width:767px){
	.line{margin:20px 0;}
	.more{padding:8px 13px;}
	.mT30{margin-top:20px;}
	.mT40{margin-top:25px;}
	.mT50{margin-top:40px;}
	}
@media (max-width:500px){
	.mT50{margin-top:30px;}
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.bbsbtn { vertical-align: middle; background-color: #888; border: 1px solid #777; color: #fff; font-size: 11px; letter-spacing: -1px; padding: 3px 15px; border-radius: 4px;}
.bbsbtn:focus, .btn:active:focus, .btn.active:focus { outline: 5px auto 0; outline-offset: -2px; }
.bbsbtn:hover, .btn:focus { background-color: #5d5d5d; text-decoration: none; }
.bbsbtn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }


@media (min-width:1025px) and (max-width:1240px){
.n3{font-family:'Nanum Myeongjo',나눔명조,serif;font-size:24px;color:#424952;margin-top:40px;overflow:hidden;}
.n3 ul li{display:inline;float:left;}
.h2{font-family:'Nanum Gothic',나눔 고딕,Marlgun Gothic, sans-serif;line-height:1.5em; vertical-align: baseline;}
.mL20{margin-left:2%;}
.subtitle{font-size:20px;color:#476478;font-family:'Nanum Gothic';font-weight:bold;}
.rft{font-size:20px; font-size:1.6em;color:#425E86;font-family:'Nanum Myeongjo',serif;}
.more2{width:150px;height:20px;margin-top:30px;line-height:20px;border:1px solid #ad8254;font-size:15px;text-align:center;}
.more2:hover{background:#825b30;color:#fff;}
.more3{width:100px;height:30px;margin-top:20px;line-height:30px;border:1px solid #ad8254;font-size:13px;text-align:center;color:#ad8254;padding:5px;}
.more3:hover{background:#ad8254;color:#fff;}
.room{font-size:25px;font-family:'Nanum Myeongjo';color:#3b3b3b;}
div.index_item{width:1200px;margin:0 auto;text-align:center;}
div.index_item h2{margin-top:150px;text-align:center;}
div.index_item h2 span{padding:7px 0;border-width:1px 0;border-style:solid;border-color:#3b3b3b;font-size:36px;font-weight:100;color:#3b3b3b;text-transform:uppercase;letter-spacing:5px}
div.index_item p.info{margin-top:30px;line-height:22px;font-size:15px;font-weight:300;color:#3b3b3b}
div.index_item a.more{display:inline-block;width:150px;margin-top:15px;border:1px solid #ad8254;transition:all 0.3s ease-in-out}
html.chn div.index_item a.more{width:150px}
div.index_item a.more span{display:block;width:100px;height:40px;line-height:40px;margin:0 auto;font-size:18px;font-weight:400;color:#ad8254;text-align:left}
html.chn div.index_item a.more span{width:60px}
div.index_item a.more:hover, div.index_item a.more:focus{background-color:#ad8254}
div.index_item a.more:hover span, div.index_item a.more:focus span{color:#fff}
}


@media (min-width:768px) and (max-width:1024px){

div.index_item{width:100%;margin:0 auto;text-align:center}
div.index_item h2{margin-top:100px;text-align:center;}
div.index_item h2 span{padding:7px 0;border-width:1px 0;border-style:solid;border-color:#a89285;font-size:30px;font-weight:100;color:#a89285;text-transform:uppercase;letter-spacing:5px}
div.index_item p.info{margin-top:35px;line-height:22px;font-size:15px;font-weight:300;color:#8e8f90}
div.index_item a.more{display:inline-block;width:150px;margin-top:15px;border:2px solid #a89285;transition:all 0.3s ease-in-out}
html.chn div.index_item a.more{width:100px}
div.index_item a.more span{display:block;width:100px;height:30px;line-height:30px;margin:0 auto;padding-right:20px;background:url(http://www.hotel28.co.kr/hotel28CMS_common/images/homepage/index/ico_more.png) 100% 50% no-repeat;font-size:18px;font-weight:400;color:#a89285;text-align:left}
html.chn div.index_item a.more span{width:60px}
div.index_item a.more:hover, div.index_item a.more:focus{background-color:#a89285}
div.index_item a.more:hover span, div.index_item a.more:focus span{background:url(http://www.hotel28.co.kr/hotel28CMS_common/images/homepage/index/ico_more_on.png) 100% 50% no-repeat;color:#fff}
}

@media (max-width:767px){
div.index_item{width:100%;margin:0 auto;text-align:center}
div.index_item h2{margin-top:40px;text-align:center;}
div.index_item h2 span{border-width:1px 0;border-style:solid;border-color:#a89285;font-size:25px;font-weight:100;color:#a89285;text-transform:uppercase;letter-spacing:5px}
div.index_item p.info{margin-top:35px;line-height:22px;font-size:15px;font-weight:300;color:#8e8f90}
div.index_item a.more{display:inline-block;width:150px;margin-top:15px;border:2px solid #a89285;transition:all 0.3s ease-in-out}
html.chn div.index_item a.more{width:100px}
div.index_item a.more span{display:block;width:100px;height:30px;line-height:30px;margin:0 auto;font-size:18px;font-weight:400;color:#a89285;text-align:left}
html.chn div.index_item a.more span{width:60px}
div.index_item a.more:hover, div.index_item a.more:focus{background-color:#a89285}
div.index_item a.more:hover span, div.index_item a.more:focus span{color:#fff}
}


@media (max-width:500px){
div.index_item{width:100%;margin:0 auto;text-align:center}
div.index_item h2{margin-top:40px;text-align:center;}
div.index_item h2 span{padding:7px 0;border-width:1px 0;border-style:solid;border-color:#a89285;font-size:25px;font-weight:100;color:#a89285;text-transform:uppercase;letter-spacing:5px}
div.index_item p.info{margin-top:35px;line-height:22px;font-size:15px;font-weight:300;color:#8e8f90}
div.index_item a.more{display:inline-block;width:100px;margin-top:15px;border:1px solid #a89285;transition:all 0.3s ease-in-out}
html.chn div.index_item a.more{width:100px}
div.index_item a.more span{display:block;width:80px;height:30px;line-height:30px;margin:0 auto;padding-right:20px;background:url(http://www.hotel28.co.kr/hotel28CMS_common/images/homepage/index/ico_more.png) 100% 50% no-repeat;font-size:15px;font-weight:400;color:#a89285;text-align:left}
html.chn div.index_item a.more span{width:60px}
div.index_item a.more:hover, div.index_item a.more:focus{background-color:#ad8254}
}



/******새로 바꾼 스타일*******/
/**h3 객실소개 폰트**/
.n1{font-family:'Nanum Myeongjo',나눔명조,serif;font-size:30px;font-size:1.5em;color:#424952;text-align:center;}
.n2{font-family:'Nanum Myeongjo',나눔명조,serif;font-size:20px;font-size:1.111em;color:#ab9689;text-align:center;margin-top:5px;}
/**객실소개 틀 추가**/
.n3{font-family:'Nanum Myeongjo',나눔명조,serif;font-size:24px;color:#424952;margin-top:40px;overflow:hidden;}
.n3 ul li{display:inline;float:left;}
.h2{font-family:'Nanum Gothic',나눔 고딕,Marlgun Gothic, sans-serif;line-height:1.5em; vertical-align: baseline;}
.mL20{margin-left:1%;}
.subtitle{font-size:20px;color:#4a3d11;font-family:'Nanum Gothic',나눔 고딕,Marlgun Gothic, sans-serif;}
.rft{font-size:20px; font-size:1.6em;color:#393939;font-family: 'Roboto', sans-serif;font-weight:300;letter-spacing:-0.5px;}
.container0{width:100%;height:585px;margin:0 auto;background:url(/images/main/bgbg.png);}
.imgstyle{width:100%;}
.accomobtn{width:130px;padding:10px;color:#fff;background:#746c6c;margin-top:5%;font-size:13px;font-weight:bold;}
.accomobtn:hover{background:#373737;}
.tabh3{font-family:'Noto Medium';font-size:30px;font-weight:200px;text-align:center;margin-top:3%;color:#493824;}


.navibox{border-top:1px solid #393939;padding:10px 0;}
.navibox2{width:60%;margin:0 auto;text-align:center;}
.navibox3{font-size:15px;display:inline;color:#393939;font-weight:bold;margin-left:5%;}
.mainlogo{text-align:center;padding:10px 0;}
.reser{width:1000px;margin:0 auto;}

@media (min-width:1048px) and (max-width:1200px){
	.navibox{border-top:1px solid #393939;padding:10px 0;}
	.navibox2{width:85%;margin:0 auto;}
	.navibox3{font-size:13px;display:inline;color:#393939;font-weight:bold;margin-left:5%;}
	.mainlogo{text-align:center;padding:10px 0;}
	.reser{width:750px;margin:0 auto;}
	}


@media (min-width:768px) and (max-width:1047px){
	.navibox{border-top:1px solid #393939;padding:10px 0;}
	.navibox2{width:85%;margin:0 auto;}
	.navibox3{font-size:13px;display:inline;color:#393939;font-weight:bold;margin-left:3%;}
	.mainlogo{text-align:center;padding:10px 0;}
	.reser{width:600px;margin:0 auto;}
	}


@media (max-width:767px){

	.navibox{display:none;}
	.navibox2{display:none;}
	.navibox3{display:none;}
	.mainlogo{display:none;}
	}
@media (max-width:500px){
	}