@charset "utf-8";



@import url(http://fonts.googleapis.com/css?family=Gilda+Display);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);


div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup
{ font:normal 12px/22px "NanumGothic"; padding:0; margin:0; }

div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0; }

table{ border-collapse:collapse; border-spacing:0; }

ol, ul, li{ list-style:none; }

h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }

form, fieldset, a img{ border:0; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }

address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }

blockquote, q{ quotes:none; }

.accessibility, .skip, legend
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important;}
caption{ display:none; }

.null{ font-size:0; line-height:0; }

a img, input, textarea, select, img{ vertical-align:middle; }


time, progress, mark, output { display:inline; }


.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; display:none !important;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }

input{ font:13px "돋움", "Dutum", "Tahoma"; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }

/*------------------------------------------------------------------------------------------------------------*/

body{ margin:0; padding:0; overflow-x:hidden; background:#353535;}
#document{ width:100%; position:relative;}

/*상단플래시*/
#flash_bg {position:absolute;top:0;  left:50%; margin-left:-1000px; z-index:1;width:2000px; height:833px;}




/*푸터*/
.foot_wrap {width:100%; background:#353535;bottom:0px;}
.foot {width:1158px; height:149px; margin:0 auto; position:relative;bottom:0px;}
.foot h1 {padding-top:29px;}
.foot p {font:bold 11px/15px "dotum"; color:#fff; margin:25px 0 0 30px;}
.foot ul {right:0px; position:absolute; margin-top:-30px;}
.foot ul li {float:left; height:11px; margin-right:5px;}
.foot ul li a {display:block; height:11px; font:bold 11px/15px "dotum"; color:#fff; border-left:1px solid #5c5f64; padding-left:5px;}
.foot ul li.first a {border:0;}







body.fixed-width #footer, body.left-menu #footer {
	border-top:0px solid #e5e5e5;
} 

#footer-last.brd {
	border-top:1px solid #E5E5E5;
}


/*#mBody1{background:url('/images/main/m1_vis_4.jpg') no-repeat 50% 0;}*/
#mContents{position:relative; width:1000px; height:609px; margin:-1px auto 24px auto; z-index:1000;top:170px;}
#mContents #banList{overflow:hidden; }
#mContents #banList li{position:absolute; width:200px; height:200px; padding:0 8px 11px 0; background:url(http://www.stxresort.com/images/main/bg_box_shadow.png) no-repeat; display:none; z-index:1000; }
#mBody1 #visual7 div,
#mBody1 #visual6 div,
#mBody2 #visual8 div { width:200px; height:200px; position:relative; background:#fff; }
#mBody1 #visual7 div a{ position:absolute;display:block; left:0; top:0; z-index:1000; vertical-align:top;width:200px; height:200px }
#mBody1 #visual7 div img:first-child,
#mBody1 #visual6 div img:first-child { z-index:1000; }
#mBody1 #visual6 .rNo,
#mBody2 #visual7 .rNo {display:none}
#mBody2 #visual7.addNum a{position:absolute; top:38px; right:-34px; z-index:100;width:67px;height:67px;}
#mBody1 #visual6.addNum a{position:absolute; top:68px; right:-34px; z-index:100;width:67px;height:67px;}

#mBody2 #banList li.sell_5 { z-index:1000 !important; }
#mBody2 #banList li.sell_5,
#mBody2 #banList li.sell_3,
#mBody2 #banList li.sell_8,
#mBody2 #banList li.sell_9 { background-image:none !important; }


 #mContents #btn_rGo{position:absolute; top:-16px; left:8px; z-index:7; width:114px; height:55px; overflow:hidden; line-height:500%; background:url('http://www.stxresort.com/images/main/bg_main_btns.png') no-repeat 0 -92px; text-indent:-9999px;}
/*#mBody1 #mContents .addNum{z-index:1;}*/
 #mContents .addNum .rNo{}
 #mContents .icoHot{position:absolute; top:-1px; left:143px; z-index:10;}
 #weatherCast{padding:15px 0 0 19px;}
 #weatherCast img{vertical-align:middle;}
 #weatherCast h2{overflow:hidden; margin-bottom:7px; font-size:0; line-height:0;}
 #weatherCast h2 img{display:block;}
 #weatherCast dl{font-size:0; line-height:0;}
 #weatherCast dt{margin-bottom:2px; font-size:0; line-height:0;}
 #weatherCast dt img{margin-right:5px;}
 #weatherCast dd{font-size:0; line-height:0;}
 #weatherCast dd.deg{margin-bottom:6px;}
 #weatherCast dd.deg .degDo{margin:0 2px 0 1px;}
 #weatherCast dd .dateDot{margin:0 2px 0 1px;}
 #weatherCast dd.weatherImg{position:absolute; top:16px; left:123px;}
 #mContents #sp_event{position:absolute; top:16px; left:823px; width:137px; display:none; height:52px; overflow:hidden;}
 #mContents #sp_event h2{overflow:hidden !important; width:86px; height:15px; background:url('http://www.stxresort.com/images/main/tle_event.png') no-repeat; text-indent:-9999px; }
 #mContents #sp_event ul{padding-top:2px;}
 #mContents #sp_event li{padding-left:5px; background:url('http://www.stxresort.com/images/main/dot.png') no-repeat 0 8px; line-height:16px;}
 #mContents #sp_event li a{font-size:11px; color:#666; letter-spacing:-1px;}


#mContents #banList{position:relative; z-index:1000; overflow:hidden; width:1012px; height:100%;}


#mBody1{}
#mBody2{}

#body_bg,
#bg_nav { position:absolute; top:0; left:0; width:1200px; height:749px; z-index:1; display:none;}
#body_bg li { width:817px !important; padding:331px 0 0 383px !important; background-color:transparent !important; overflow:hidden !important; }
#body_bg li img { vertical-align:top; }
#body_bg_wrap .sl_btn_play a,#body_bg_wrap .sl_btn_stop a{display:block;width:11px;height:11px;overflow:hidden;text-indent:-999px;}
#body_bg_wrap .sl_btn_play{position:absolute;right:90px;bottom:16px;background:url('/images/common/btn_play.gif') no-repeat;z-index:3} 
#body_bg_wrap .sl_btn_stop{position:absolute;right:75px;bottom:16px;background:url('/images/common/btn_stop.gif') no-repeat;z-index:3}
#mContents { position:relative; z-index:1000; }
#bg_nav { text-align:right; padding:0 120px 0 0; width:1080px; height:25px; z-index:3; top:724px; }
#bg_nav a { display:inline-block; width:28px; height:3px; background:#fff; overflow:hidden; vertical-align:top; line-height:500%; margin-left:1px; margin-top:2px; }
#bg_nav a.activeSlide { background:#cfd81e; margin-top:0; }
.px1000 { width:960px !important; margin-left:-480px !important; }
.px1000 #body_bg,
.px1000 #bg_nav { width:960px !important; overflow:hidden; }
.px1000 #bg_nav { padding-right:0 !important; }
.px1000 #body_bg li { padding-left:263px !important; width:697px !important; }
#main_visual { position:relative; }
#main_visual li { position:absolute; left:0; top:0; }





#pageTitle { font-size:2.1em; color:#333; }





html,body{width:100%;height:100%;}

body{background:#fff;}


/* HTML Default */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { font:normal 0.75em "NanumGothic","NanumBarunGothic", NanumGothic,  "돋움", Dotum, Arial, Tahoma , Geneva, Verdana; color:#6f6f6f; -webkit-text-size-adjust:none; }
h1, h2, h3, h4, h5, h6 { font-weight:Normal; font-family:"NanumGothicB"; }
ol, ul { list-style:none;  }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
th { font-weight:Normal; font-family:"NanumGothicB"; }
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }
legend, caption { width:0; height:0; visibility:hidden; font-size:0; line-height:0; }
textarea { resize:vertical; font:inherit; overflow-y:auto; }
input, select { color:inherit; font:inherit; line-height:100%; }
img, select, input, button { vertical-align:middle; }
figcaption { display:none; }




/* skip Navi */
#skipNavi { position:absolute; top:0; left:0; z-index:5000; width:100%; height:0; }
#skipNavi a { display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; font-size:0; color:#222;  }
#skipNavi a:focus, #skipNavi a:hover { width:100%; height:15px; padding:10px 0; font-size:1em; background:#222; color:#fff; z-index:5000; }



#quick_s {
position: fixed;
top: 350px;
left: 50%;
width: 65px;
z-index: 5000;
margin-left: 569px;
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 10px;
}

#smainWrap { width:100%; overflow:hidden;height: 100%;  padding:0px 0 0 0; background:url('/')  top no-repeat;position:relative;z-index:900; top:0px;margin-bottom:70px; }
.smain_visual{width:100%;height:400px;overflow:hidden;position:absolute;z-index:1100;top:31px;}



#container {width:1080px; margin:0 auto; zoom:1;  }
#container:after {content:""; display:block; clear:both;}
#aside {float:left; width:247px; padding:0px 0;}
#aside .nav {margin-bottom:39px; font-size:12px;}
#aside .nav h2 {height:38px; text-align:center;}
#aside .nav ul {border-top:2px solid #aaa;}
#aside .nav li {padding:2px 0; border-bottom:1px solid #ddd;}
#aside .nav li a {display:block; height:25px; line-height:27px; padding:0 0 0 27px; font-weight:bold; color:#666; }
#aside .nav li a:hover,
#aside .nav li.current a {color:#fff; background:#2c9edd url() no-repeat 10px 9px;}



/* main */

#mainss {
	RIGHT: 0px; POSITION: absolute; LEFT: 0px; TOP: 0px; BOTTOM: 0px;height:880px;z-index:1;
}

 #mainss #mVIS {position:relative;height:938px;overflow:hidden;margin-top:-30px;z-index:1}
 #mVIS ul.list {position:absolute;top:0px;left:50%;margin-left:-960px;width:1920px;overflow:hidden;z-index:1}
 #mVIS ul.list li {opacity:0;filter:alpha(opacity:0);width:100%;}
 #mVIS ul.list li img {}
 #mVIS ul.btns {position:absolute;top:50%;right:20px;margin-top:-40px;;z-index:100;text-align:center;}
 #mVIS ul.btns li {width:11px;height:11px;background:#A8091A;margin-bottom:5px;cursor:pointer;border-radius: 11px;
-webkit-border-radius: 11px;}