@charset "euc-kr";

/* STAR °³Æí css
 * 2011.11.03 / ±èÁ¤À± */

* { margin:0; padding:0;}
html, body { margin:0; padding:0;}
body {font-family: "µ¸¿ò", sans-serif, Arial; font-size:12px; color:#555555;} 
/*body {font-family: "µ¸¿ò", sans-serif, Arial; font-size:12px; color:#555555; line-height:1.2; position:relative; text-align:justify; word-break:break-all} */
table, div {border-collapse:collapse;}
select, textarea,input {font-family:"µ¸¿ò", Arial, Helvetica, sans-serif; font-size:12px; color:#555555; vertical-align:top;}
form, ul, ol, dl, table, div, h1, h2, h3 ,h4 {margin:0;padding:0;}
h1, h2, h3 ,h4, h5, h6{font-size:12px; text-decoration:none;}
img, fieldset {border:0; margin:0; padding:0; }
select, input, li, img {vertical-align:top; }
ul, li, dl, dt, dd{list-style-type : none; }
caption { text-indent:-5000px; line-height:0; font-size:0;}
legend{ text-indent:-5000px; line-height:0; font-size:0; position:absolute;  top:0; left:0;}
hr{display:none;}

a:link{text-decoration:none; color:#555555; }
a:visited{text-decoration:none; color:#555555; }
a:hover{text-decoration:none; color:#8941be; }
a:active{text-decoration:none; color:#555555; }

/* ==================== Common Style ===================================================================================================================*/
.frameBd {position:absolute; top:0; left:0; display:block; border:1px solid #000; filter:alpha(opacity=20); opacity:0.2;}
.hidden {overflow:hidden; display:block; width:0; height:0; text-align:center; color:#000; visibility:hidden; font-size:0; line-height:0; text-indent:-5000px; position:absolute; left:-5000px;}
.bn {background:none !important;}

.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}

.bt_none {border-top:none !important;}
.br_none {border-right:none !important;}
.bb_none {border-bottom:none !important;}
.bl_none {border-left:none !important;}

.font11 {font-size:11px !important;}

.txt_input {height:15px; border:1px solid #e3e3e3; padding:2px 5px; font-size:12px; color:#000;}
.dotInput {width:14px; height:14px; border:none; }

/*skipNavigation*/
#skip a{overflow:hidden; display:block; width:0; height:0; text-align:center; color:#000;}
#skip a:focus, #skip a:active {width:auto; height:auto; padding:5px; background:#f2f2f2; border:1px solid #ddd; display:block;}

/* ==================== Layout ===================================================================================================================*/
#top {width:100%; height:128px;}
#wrap {width:990px; margin:0 auto;}

#gnb {width:988px; height:37px; border-left:1px solid #7836ab; border-right:1px solid #7836ab; border-bottom:2px solid #5a2384; overflow:hidden; background:url('http://img.sbs.co.kr/sw11/star/common/bg_gnb.gif') left top repeat-x;}
#gnb li {font-size:0; line-height:0; float:left; padding:0 0 0 1px; z-index:1; position:relative; margin-left:-1px; background:url('http://img.sbs.co.kr/sw11/star/common/bg_gnb_off.gif') left top no-repeat;}
#gnb li.on {font-size:0; line-height:0; float:left; padding:0 1px 0 0; margin-right:-1px; margin-left:0; z-index:3; position:relative; background:none  !important ;}

.gallery_on {width:990px; height:147px; background:url('http://img.sbs.co.kr/sw11/star/common/bg_gallery_on.gif') left bottom no-repeat; }
.gallery_on .menu {width:20%; float:left;}
.gallery_on dl {height:30px; padding-left:15px;}
.gallery_on dt {width:39px; height:19px; color:#46156b; margin:5px 8px 0 0; text-align:center; font-weight:bold; line-height:1.8; float:left; background:url('http://img.sbs.co.kr/sw11/star/common/bg_round.gif') left top no-repeat;}
.gallery_on dt.eng {width:77px; height:19px; background:url('http://img.sbs.co.kr/sw11/star/common/bg_round2.gif') left top no-repeat;}
.gallery_on dd {float:left; margin-top:8px; font-size:11px; line-height:1.3; letter-spacing:-0.1em;}
.gallery_on dd.line {padding-right:6px; margin-right:6px; background:url('http://img.sbs.co.kr/sw11/star/common/bg_line.gif') right 1px no-repeat;}
.gallery_on dd a {color:#c3a3dc;}
.gallery_on dd a:hover {text-decoration:underline;}
.gallery_on ul {width:182px; padding-left:5px; height:105px; margin-top:5px; clear:both; overflow-x:hidden; overflow-y:scroll;}
.gallery_on ul li {margin-top:7px; line-height:1.5}
.gallery_on ul li a {vertical-align:middle; padding-left:10px; }
.gallery_on ul li a:hover {padding:5px 10px 3px; font-weight:bold; background:#b990e5; color:#fff;}
.gallery_on .ico {vertical-align:middle; margin-left:5px;}
.gallery_on .sel {}
.gallery_on .sel a {}
.btn_close {text-align:center; line-height:1; font-size:1;}
.gallery_on ul {
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color:#e3e3e3;
	scrollbar-darkshadow-color:#fff;
	scrollbar-shadow-color:#e3e3e3;
	scrollbar-arrow-color:#d5d9dc;
	scrollbar-track-color:#ebebeb;}

#container {width:990px; position:relative; padding-top:5px; *zoom:1; }
#container:after {content:""; display:block; clear:both;}

/* ==================== Index Contents ===================================================================================================================*/

/* left Contents */
#left_cont {width:735px; float:left; position:relative; }

.rolling {width:665px; height:249px; padding:19px 34px; border:1px solid #e2e2e2; overflow:hidden; position:relative;}
.rolling ul {width:676px; overflow:hidden;}
.rolling li {float:left; margin-right:11px;}
.rolling .thumImg {width:327px; height:198px; position:relative;}
.rolling .thumImg a {width:325px; height:196px; position:absolute; top:0; left:0; display:block; border:1px solid #22252c; filter:alpha(opacity=10); opacity:0.1; background:url('http://img.sbs.co.kr/sw11/star/common/blank.gif') left top repeat;}
.rolling .txt a {color:#3c3c3c;}
.rolling .txt span {display:block; color:#8a43be; margin:8px 0;}
.rolling .rollingBtn button {width:13px; height:21px; background:none; border:none; padding:0; margin:0; position:absolute; top:105px; z-index:99; cursor:pointer;}
.rolling .rollingBtn .prev {left:11px;}
.rolling .rollingBtn .next {right:11px;}
.rolling li:hover .thumImg a, 
.rolling .on .thumImg a {width:317px; height:188px; position:absolute; top:0; left:0; display:block; border:5px solid #ba8ce6;  filter:alpha(opacity=100); opacity:1; background:url('http://img.sbs.co.kr/sw11/star/common/blank.gif') left top repeat;}
.rolling li:hover .txt, 
.rolling .on .txt {font-weight:bold;}
.rolling .txt a:hover {color:#8941be; }

.searchBox {width:695px; height:176px; padding:11px 20px 0; overflow:hidden; background:url('http://img.sbs.co.kr/sw11/star/main/bg_search.gif') left top no-repeat;}
.searchBox .top {height:35px; overflow:hidden; }
.searchBox .top p {float:left;}
.searchBox .top p a {display:inline-block; color:#fff; font-weight:bold; padding-top:8px; margin-left:5px;}
.searchBox .top .search {width:258px; height:26px; float:right; position:relative; background:url('http://img.sbs.co.kr/sw11/star/main/bg_search.png') left top no-repeat;}
.searchBox .top .search #search {width:208px; height:16px; margin:4px 0 0 10px; padding:4px 5px 0; font-size:11px; color:#adadad; border:none; background:none;}
.searchBox .top .search .btn {position:absolute; right:6px; top:2px; background:none;}
.searchBox ul {width:711px; overflow:hidden; margin-top:22px;}
.searchBox ul li {width:228px; height:101px; margin-right:9px; float:left; position:relative; background:url('http://img.sbs.co.kr/sw11/star/main/bg_thum.png') left top no-repeat;}
.searchBox ul li .icon {position:absolute; left:0; top:0;}

.titWrap {height:auto; overflow:hidden; margin:20px 0 6px;}
.titWrap h3 {float:left;}
.titWrap .right {display:block; float:right; font-size:11px; line-height:1.4; padding-top:4px;}
.titWrap .right a {color:#b3b3b3;}
.titWrap .right a:hover {text-decoration:underline;}

.list_table {width:100%; overflow:hidden; background:url('http://img.sbs.co.kr/sw11/star/main/bg_th.gif') left top no-repeat;}
.list_table table {width:101%; margin-left:-1px;}
.list_table thead th {height:27px; text-align:center; padding:10px 0 0 0; vertical-align:top; line-height:14px; background:url('http://img.sbs.co.kr/sw11/star/main/th_line.gif') left 10px no-repeat;}
.list_table tbody td {border-bottom:1px solid #ededed; padding:9px 0 7px; text-align:center;}
.list_table tbody .num {font-size:11px; font-weight:bold;}
.list_table tbody .left {text-align:left; padding-left:15px;}
.list_table tbody td a:hover {text-decoration:underline;}

.star_issue {width:735px; overflow:hidden; }
.star_issue ul {width:760px; overflow:hidden;}
.star_issue ul li {width:125px; margin:0 27px 30px 0; float:left; word-break:break-all;}
.star_issue .thumImg {width:125px; height:70px; position:relative;}
.star_issue .thumImg a {width:123px; height:68px; position:absolute; top:0; left:0; display:block; border:1px solid #22252c; filter:alpha(opacity=10); opacity:0.1; z-index:9; background:url('http://img.sbs.co.kr/sw11/star/common/blank.gif') left top repeat;}
.star_issue .thumImg .play {position:absolute; right:0; bottom:0; z-index:1;}
.star_issue .txt a {font-size:11px; color:#989898; display:block;}
.star_issue .txt span {display:block; font-size:12px; color:#555555; margin:10px 0 5px;}
.star_issue .txt a:hover span, 
.star_issue .txt a:hover {color:#8941be;}



/* Right Contetns */
.star_right .lineBtm_box, 
.star_right .board, 
.star_right .free_pass {border:1px solid #e5e5e5; border-width:0 1px 1px 1px; background:#fbfbfb;}
.star_right .gallery {margin-bottom:15px;}
.star_right .ad {width:240px; height:240px; margin-top:15px; overflow:hidden;}

#right_cont {width:240px; float:right; position:relative; overflow:hidden; }
#right_cont .lineBtm_box {padding:20px 13px 14px;}
#right_cont .last {padding:20px 7px 10px;}
#right_cont .h3_r {margin:0 0 10px; font-size:12px; line-height:14px; color:#323232;}

#right_cont .list_type {line-height:16px;}
#right_cont .list_type li {width:200px; _height:13px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left:8px; margin-bottom:6px; background:url('http://img.sbs.co.kr/sw11/star/common/dot_gray.gif') left 4px no-repeat;}
#right_cont .list_type li .tit {color:#3d96c0;}
#right_cont .list_type li a {color:#343434;}
#right_cont .list_type li a:hover {text-decoration:underline; color:#8941be;}

.mem_infor {width:210px; height:115px; border:3px solid #e1e1e1; padding:13px 12px 15px; background:#fff; overflow:hidden;}
.mem_infor .mem {width:210px; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #e1e1e1;}
.mem_infor .mem p {float:left; line-height:16px;}
.mem_infor .mem .br {display:block; margin-top:5px;}
.mem_infor .mem .u {text-decoration:underline; font-size:11px; line-height:15px;}
.mem_infor .mem .btn {float:right; margin-top:15px;}
.mem_infor .price {color:#9553fd; font-size:11px;}
.mem_infor ul {padding:15px 0 0px; line-height:15px; font-size:11px; letter-spacing:-0.1em;}
.mem_infor ul li {width:123px; padding:0 80px 0 9px; margin-bottom:4px; color: #555; position:relative; background:url('http://img.sbs.co.kr/sw11/star/common/line_violet_w.gif') left 5px no-repeat;}
.mem_infor ul li .r_txt {position:absolute; right:1px; top:0; color:#999; text-decoration:underline;}
.mem_infor ul li .r_txt a {color:#999; text-decoration:underline;}

.free_pass {width:214px; height:145px; padding:0 12px; overflow:hidden; }
.free_pass h3 {font-size:12px; color:#323232; padding:20px 0 8px;}
.free_pass h3 span {color:#9553fd;}
.free_pass ul {width:216px; overflow:hidden; }
.free_pass ul li {float:left; margin:0 1px 1px 0;}
.free_pass ul li a, 
.free_pass ul li img {display:block;}

.banner_list li {border:1px solid #e1e1e1; border-width:0 1px 1px 1px; line-height:0.1; font-size:0.1;}
.banner_list li a, 
.banner_list li img {display:block;}

.board {width:218px; padding:19px 10px 0; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.board a:hover {color:#259ace;}
.news {height:160px; position:relative; overflow:hidden; }
.news h3 {width:109px; height:33px; font-weight:normal; font-size:11px; line-height:15px; text-align:center; background:url('http://img.sbs.co.kr/sw11/star/common/bg_news.gif') left top no-repeat;}
.news h3.on {font-weight:bold; background:url('http://img.sbs.co.kr/sw11/star/common/bg_news_on.gif') left top no-repeat;}
.news h3 a {height:21px; color:#555; padding-top:12px; display:block; }
.news h3 a:hover {color:#555 !important; text-decoration:none;}
.news h3.on a {color:#1c4f73;}
.news h3.on a:hover {color:#1c4f73 !important;}
.news li {float:left; }
.news ul {width:208px; height:95px; position:absolute; left:5px; top:47px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:1.4;;}
.news ul li {width:190px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; clear:left; padding-left:8px; margin-bottom:3px; background:url('http://img.sbs.co.kr/sw11/star/common/dot_gray.gif') left 5px no-repeat;}
.news ul li a {color:#333;}
.news ul li a:hover {text-decoration:underline;}

/* Footer */
#footer {width:990px; border-top:2px solid #5e5e5e; margin-top:50px; overflow:hidden; clear:both;}
#footer .menu {width:1000px; height:19px; margin-left:-1px; padding-top:10px; overflow:hidden;}
#footer .menu li {float:left; padding-left:36px; margin-right:36px; background:url('http://img.sbs.co.kr/sw11/star/common/line_gray.gif') left top no-repeat;} 
#footer .add {padding:15px 20px 10px; border:1px solid #e8e8e8; font-size:11px; font-style:normal; overflow:hidden;}
#footer .add ul {width:545px; float:left;}
#footer .add ul .first {margin-bottom:2px;}
#footer .add .select {width:275px; float:right;}
#footer .add .select select {height:17px; border:1px solid #d6d6d6; font-size:11px; color:#595959; background:#fff;}
#footer .add span, 
#footer .add address {display:inline-block; padding-right:8px; margin-right:6px; font-style:normal; background:url('http://img.sbs.co.kr/sw11/star/common/line_gray2.gif') right 1px no-repeat;}
#footer .add, 
#footer .add a, 
#footer .add a:hover {color:#898989 !important;}
#footer .add .map {text-decoration:underline;}
#footer .copy {padding:20px 0 50px; font-family:sans-serif, Arial; font-size:10px; display:block; text-align:center; color:#a2a2a2;}
#footer .copy span {color:#25a0e2;}