/* content  main*/
.w1200{width:1200px; margin:0 auto;}
#mainWrap{position:relative; width:100%; max-width:100%; overflow:hidden; min-width:320px;}
#homeArea{position:relative; overflow:hidden;}
.blackbg{background:rgba(0,0,0,0.7);z-index:50; position:absolute; top:0; left:0; width:100%; height:100%}
#homeArea .homeTxt{position:absolute; text-align:center; width:100%; color:#fff; left:0; right:0; top:33.5%; z-index:75}
#homeArea .homeTxt dl dt{font-size:44px; letter-spacing:-1px; font-weight:500; text-transform:Uppercase;}
#homeArea .homeTxt dl dd span{width:auto; overflow:hidden; text-align:center; padding:0 20px;}
#homeArea .homeTxt dl dd{font-size:18px; line-height:160%; color:#fff; font-weight:300; margin-top:24px;}


/** BOOKING **/
.bookWrap{width:100%; background:#d6d6d6; z-index:96; position:relative; padding:50px 0;}


/** SERVICE **/
#svcArea{background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/main_svcbg.jpg) no-repeat 100% center; background-size:cover !important; padding:4.2% 0;}
#svcArea .svcIns .tit{color:#fff; font-size:26px; text-align:center;}
#svcArea .svcIns em{color:#d4cec8; font-size:15px; display:block; text-align:center; margin-top:15px;}
#svcArea .svcIns ul{text-align:center; margin-top:49px;}
#svcArea .svcIns ul li{display:inline-block; padding:0 3.0%;}
#svcArea .svcIns ul li div:before{width:99px; height:99px; margin:0 auto; content:''; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
#svcArea .svcIns ul li .svc-1:before{background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/icon_svc01.png) left top no-repeat;}
#svcArea .svcIns ul li .svc-2:before{background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/icon_svc02.png) left top no-repeat;}
#svcArea .svcIns ul li .svc-3:before{background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/icon_svc03.png) left top no-repeat;}
#svcArea .svcIns ul li .svc-4:before{background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/icon_svc04.png) left top no-repeat;}
#svcArea .svcIns ul li .svc-5:before{background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/icon_svc06.png) left top no-repeat;}
#svcArea .svcIns ul li div:hover::before{-webkit-transform: scale(1.2); transform: scale(1.2);}

/** ROOM **/
#roomArea{padding:65px 0 65px;}
#roomArea .roomIns .title{text-align:center; margin-bottom:52px;}
#roomArea .roomIns .title h1{font-size:28px; color:#000; font-weight:700}
#roomArea .roomIns .title h2{font-size:15px; display:block; margin-top:6px;}
#roomArea .roomIns .info h3{color:#000; font-size:19px; padding:12px 0 10px; font-weight:500}
#roomArea .roomIns .info{text-align:center; margin-top:15px;}
#roomArea .roomIns a.btn{padding:7px 21px; margin:5px auto 0; cursor:pointer; display:inline-block; font-size:11px; color:#fff; background:#413f3e; font-size:13px;}
#roomArea .roomIns .bxslider2 li span.img{position:relative; display:block; width:100%; cursor:pointer}
#roomArea .bx-wrapper {margin: 0 auto;}
.bxslider2 li:hover > span:before, .bxslider2 li:hover > span:after {position:absolute; width:100%; height:100%; display:block; content:""; z-index:50;}
.bxslider2 li:hover > span:before {top:0; left:0; background:#000; opacity:0.6;}
.bxslider2 li:hover > span:after {top:50%; left:50%; width:61px; height:61px; margin:-31px 0 0 -31px; border:1px solid rgba(255,255,255,0.60); background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/btn_more04.gif) 50% 50% no-repeat;}


/** MAP **/
#mapArea{background:#413f3e; width:100%; text-align:center; padding:3.5% 0 4%}
#mapArea .info{margin-bottom:35px;}
#mapArea .info .tit{font-size:28px; color:#ffffff;}
#mapArea .info .adr{font-size:15px; color:#a9a9a9; line-height:160%; margin-top:25px; font-weight:300}
#mapArea .info .adr em{margin-right:15px;}
#mapArea .info .adr::before{content:''; color:#a09f9f; width:26px; height:1px; background:#a09f9f; display:block; margin:0 auto 25px;}
#mapArea .mapWrap{height:463px;}
#mapArea .mapIns .mapH{width:100%; height:100%;}

/* TOP */
.top .topIns{position:relative; text-align:center; height:80px;}
.logo{display:inline-block; width:210px; height:60px; margin:0 auto; margin-top: 8px; background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/logo_w.png) no-repeat; text-indent:-9999px; background-size:cover;}
.top .topIns p{position:absolute; left:0; top:0; text-align:left;}
.top .topIns p em{color:#767676; font-size:10px; margin-top:20px; display:inline-block}
.top .topIns p u{color:#837461; font-size:22px; display:block; line-height:1; margin-top:4px; font-family: 'NanumSquare', sans-serif; font-weight:400}
.top .topIns .lan{position:absolute; right:0; top:27px; z-index:60}
.top .topIns .lan span{padding:5px 0px; position:relative; display:block; background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/icon_lan.png) left center no-repeat; font-size:13px; color:#818385; padding-left:22px;}
.top .topIns .lan span:after{content:url(/SStayHotelSuwon_common/images/homepage/KOR/main/icon_down.png); margin-left:6px; position:relative; top:-1px;}
.top .topIns .lan .language_list{display:none; position:absolute; top:26px; left:5px; width:86px; padding-top:7px;}
.top .topIns .lan .language_list ul{padding:3px 0;background:#5c5d5f;border-radius:4px}
.top .topIns .lan .language_list ul > li > a{display:block;padding:3px 0;font-size:12px;color:#adacac;text-align:center}
.top .topIns .lan .language_list ul > li > a.current{color:#fff}
.top .topIns .lan .language_list ul > li > a:hover{color:#fff}
.top .topIns .lan:hover > .language_list, .top .topIns .lan:focus > .language_list{display:block}

.toplink {position:absolute; left:0; top:0px; z-index:51}
.toplink a{display:inline-block; width:71px; height:57px; line-height:57px; text-align:center; background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/icon_home.jpg) #363738 center center no-repeat;}
.toplink a img{vertical-align:middle;}
.rightMenu{position:absolute; right:0; top:0px; background:#715c42; color:#fff; height:57px; line-height:57px; padding:0 30px; font-size:12px;}
.rightMenu dd:before{content:url(/SStayHotelSuwon_common/images/homepage/KOR/main/icon_date.png); position:relative; top:2px; margin-right:5px;}
.rightMenu a{color:#fff;}
.information dl.rightMenu{font-size:15px; height:auto; line-height:1; padding:20px 41.5px; margin:0}
.information dl.rightMenu dd{line-height:1; font-weight:400; margin:0}

.nav{border-top:1px solid #363738;}
.nav .navIns{position:relative; height:57px;}
section.sub{width:100%; background:#5e5e5e; line-height:55px; display:none; }
section.sub ul{text-align:center;}
section.sub ul li{display:inline-block;}
section.sub ul li.first{margin-left:135px;}
section.sub ul li a{color:#adacac; font-size:13px; margin-right:30px; text-transform:uppercase}
section.sub ul li a:hover{color:#fff;}
section.sub ul li.on a{color:#fff;}


#header{width:100%; min-width:320px; top:0; z-index:100; box-sizing:border-box;}
#mheader{display:none;}
.header_ins{background:#191919}
.black{background:#333333}

#gnbMenu {position:relative;}
#gnbMenu > ul{text-align:center; }
#gnbMenu > ul > li{display:inline-block; text-align:center; vertical-align:top; padding:0 2.5%;}
#gnbMenu > ul > li > a{display:block; color:#adacac; font-size:14px; line-height:55px; height:55px; }
#gnbMenu > ul > li > a:hover{color:#fff;}
#gnbMenu > ul > li.on a{color:#fff;}


#mheader .mhead_ins{background:#191919; height:60px; text-align:center; position:relative}
#mheader .mhead_ins a.resv{width:60px; display:inline-block; height:60px; background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/icon_date.png) center center #715c42 no-repeat; position:absolute; right:0 ;top:0; text-indent:-9999px;}
#mheader #mgnbMenu{width:80%; height:100%; background:#575553; position:absolute; top:0; left:-100%; display:block; z-index:101; overflow-y:scroll;}
#mheader .gnbBtn{position:absolute; left:15px; top:35%; width:30px; background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/gnbbtnImg.png) no-repeat; background-size:cover; height:20px; text-indent: -9999px;}
#mgnbMenu .topbar{height:60px; background:#383634; position:relative}
/* #mgnbMenu ul{overflow-y:scroll;} */
#mgnbMenu ul li{border-top:1px solid #575553;}
#mgnbMenu ul li a{display:block; font-weight:300;}
#mgnbMenu ul li a.blueColor{color:#aee0da}
#mgnbMenu ul li.first{border:none;}
#mgnbMenu ul li > a{background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/nav_arrow.png) #2b2826 100% center no-repeat; padding:15px 20px; color:#fff; font-size:16px;}
#mgnbMenu ul li > a.on{background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/nav_arrow_over.png) #2b2826 100% center no-repeat}
#mgnbMenu dl{padding:10px 20px; display:none;}
#mgnbMenu dl dd a{color:#b9b5b1; padding:6px 0; font-size:15px;}
#mgnbMenu a.closeBtn{display:inline-block; right:20px; top:20px; width:20px; height:20px; background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/m_closebtn.png) no-repeat; text-indent:-9999px; background-size:cover; position:absolute;}
#mgnbMenu .lang{text-align:left; text-transform:uppercase; position:absolute; top:13px; left:20px; height:32px; overflow:hidden;}
#mgnbMenu .lang a{font-size:12px; color:#fff; text-transform:uppercase; }
#mgnbMenu .lang > a{height:30px; line-height:30px; border:1px solid #fff; width:100px; text-align:center; margin-right:3px; background:#2b2826; position:relative; z-index:10}
#mgnbMenu span.lanList{left:calc(-100% + 100px); transition: left 0.3s ease-in-out; position:relative; z-index:9}
#mgnbMenu span.lanList a{margin:0 2px;}
#mgnbMenu .lang:hover span.lanList{left:0}
.overlayNew{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:100}


/* content sub */
#container.sub .content{padding-bottom:67px;}
#container.addbg .content{background:url(/SStayHotelSuwon_common/images/homepage/KOR/room/room_conbg.jpg) repeat-x left top;}
#container .content .w1200{max-width:1200px; margin:0 auto; width:100%; overflow:hidden;}

/***************
COMMON title
***************/
#titleWrap{width:100%; text-align:center;}
#titleWrap span{display:block;}
#titleWrap span.bigtit{color:#000000; font-size:32px; font-weight:700; padding:45px 0; text-transform: uppercase;}
#titleWrap span.smalltit{color:#696969; font-size:15px; height:62px;}

/***************
COMPANY
***************/
.about dl{text-align:center; margin:50px 0 40px; }
.about dl dt{font-size:29px; color:#2f2f2f; font-weight:500}
.about dl dt.first{font-size:23px;}
.about dl dd{line-height:170%; font-weight:400; margin:20px 0 0;}
.about dl dd.first{font-size:18px; color:#666; margin-top:20px;}
.about dl dd.second{color:#666;}
.about dl dd{font-size:15px; color:#666; }


/**   <--common list (acc, fac, nearby)   **/
.about ul.b50 li{width:50%; float:left}
.about ul.b8 li.l{width:21%; float:left}
.about ul.b8 li.r{width:79%; float:left}
.about ul.b8 li.l img{width:100%; height:auto; max-width:250px;}
.about ul.b33 li{width:33.33%; float:left}

.listArea{margin-bottom:30px;}

.introtit img{width:100%; height:auto;}
.conTit{font-size:23px; margin:45px 0 40px; color:#333333; text-align:center;}
.conTit em{text-align:left; display:block; width:100%; margin-top:-5px;}
.list{border-bottom:1px solid #ededed; padding-bottom:10px;}

.view_info{margin-top:40px;}
.view_info ul{margin-bottom:30px;}
.view_info ul li{float:left;}
.view_info ul li{width:28.6%; margin-right:7.1%; border-top:2px solid #9c763c; padding-top:17px;}
.view_info ul li:nth-child(3n){margin-right:0;}
.view_info ul li sup{position:relative;}
.view_info table tr td{vertical-align:top;}

.view_info ul li:only-child {width: 100%;}

.view_info ul li:first-child:nth-last-child(2),
.view_info ul li:first-child:nth-last-child(2) ~ li {width: 47%; margin-right: 6%;}
.view_info ul li:first-child:nth-last-child(2) ~ li:last-child {margin-right: 0;}

.view_info ul li sup{position:relative;}
.view_info table tr td{vertical-align:top;}

.about ul li dl{text-align:left; margin:0 0 30px}
.about ul li dl dt{font-size:17px; color:#383838; font-weight:500; margin-bottom:12px;}
.about ul li dl dt span{display:inline-block; padding:6px 18px; background:#9c763c; color:#fff; font-size:12px; margin-left:5px; font-weight:500; cursor:pointer;}
.about ul li dl dt span.brown{background:#715c42}
.about ul li dl dd strong{margin-right:10px;}
.about ul li dl dd b{font-weight:400; display:inline-block; width:34px;}
.about ul li dl dd{font-weight:400; color:#666; font-size:14px; margin:10px 0 0;}
.about ul li dl dd.infoTxt{font-size:15px; margin-bottom:15px;}
.about ul li dl dd p{position:relative; padding:6px 0px 0px 18px;}
.about ul li dl dd p:before{content:'※ '; position:absolute; left:0}
.about ul li dl dd u{display:block; position:relative; padding:3px 0 3px 8px; font-weight:400}
.about ul li dl dd u:before{content:url(/SStayHotelSuwon_common/images/homepage/KOR/location/icon_list_style.jpg); position:absolute; left:0; top:-2px;}
.about ul li dl dd.nostyle u{padding-left:0px}
.about ul li dl dd.nostyle u:before{content:''; position:relative; top:0;}
.about ul li dl.addpl{padding-left:30px;}
/**   common list-->   **/

.loca_info{margin-top:25px;}
.loca_info ul{margin:0}
.loca_info ul li{width:33%; text-align:center; float:left}
.loca_info ul li em{display:block; text-align:center; font-size:16px; font-weight:300; margin-top:10px;}

.mapWrap{height:515px; margin-top:35px;}
.mapH{width:100%; height:100%;}

/***************
ACCOMMODATION
***************/
.information{position:relative; margin-top:32px; /* height:55px; */}
.information .tit em{font-size:24px; color:#333; display:block; line-height:1; margin-bottom:14px;}
.information .tit u{font-size:15px; font-weight:400; color:#666; display:block}
.roomImg{position:relative;}
.roomImg .outside{position:absolute; top:43%; width:100%;}
.roomImg .outside span a{width:74px; height:74px; text-indent:-9999px; z-index:9998; display:inline-block}
.info_use{font-size:22px; color:#fff; padding:18px 0 18px 58px; margin-top:30px; background:url(/SStayHotelSuwon_common/images/homepage/KOR/room/icon_minitel.png) #535252 41px 53% no-repeat; font-family: 'NanumSquare', sans-serif; font-weight:400}
.info_use em{font-size:14px; color:#bebebe; margin-right:8px; font-family:'Noto Sans KR', sans-serif;}


/* SLIDE */
.bx-wrapper {position: relative; *zoom: 1;-ms-touch-action: pan-y;touch-action: pan-y; }

div.bxslider .item{height:564px; /* background-size:cover !important;  background-attachment:fixed !important; */ text-indent:-9999px}
div.bxslider .item.visual1{background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/index_visual01.jpg)  no-repeat; background-position: center top;}
div.bxslider .item.visual2{background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/index_visual02.jpg) no-repeat; background-position: center top;}
div.bxslider .item.visual3{background:url(/SStayHotelSuwon_common/images/homepage/KOR/main/index_visual03.jpg) no-repeat; background-position: center top;}




#slider2-prev{position:absolute; left:0;}
#slider2-next{position:absolute; right:0;}
#slider2-prev a{background:url(/SStayHotelSuwon_common/images/homepage/KOR/room/ico_slide_prev.png) no-repeat; background-size:cover;}
#slider2-next a{background:url(/SStayHotelSuwon_common/images/homepage/KOR/room/ico_slide_next.png) no-repeat; background-size:cover;}


#slider-mobile {display: none;}

/* FOOTER */
#footer{width:100%; background:#191919}
#footer .footerIns{max-width:1200px; margin:0 auto; font-size:14px; font-weight:100; color:#cccccc; position:relative; text-align:center; padding:49px 0;}
#footer em{font-style:normal; display:inline-block; margin-left:18px;}
#footer u.addSpace{margin-left:18px;}
#footer .icon_list{text-align:center; margin-bottom:25px;}
#footer .icon_list a{margin:0 8px;}
#footer .footer_menu{text-align:center}
#footer .footer_menu li{display:inline-block; border-left:1px solid #3b3c3c; padding:0 12px;}
#footer .footer_menu li.first{border-left:none;}
#footer .footer_menu li a{color:#dbe1e6; font-size:13px;}
#footer p.address span{display:inline-block; line-height:36px; padding:23px 30px 0px; }