@charset "utf-8";
/* common */
.contents h3 { height:12px; text-indent:-9999em; overflow:hidden; background:url('../img/title/set_divi_h3.gif') no-repeat; }
.contents .btnMore{ position:absolute;right:6px;top:0;width:16px;height:16px;background:url('../img/btn/set_btn_sidebar.gif') 4px -56px no-repeat;text-indent:-5000em;overflow:hidden;line-height:0;font-size:0; }
.contents .setTitle { position:relative; padding:0 0 8px; border-bottom:1px solid #dedede; }
.contents button { background:url('../img/btn/set_divination.gif') no-repeat; }

/* sm contents */
.conSpot { padding-top:30px; }
	.conSpot h3 { background-position:0 0; }
	.conSpot .spot { padding:3px 0 0; }
	.conSpot .spot li { float:left; width:212px; padding:11px 0 0 10px; }
	.conSpot .spot li img { display:block; }
	.conSpot .spot li strong { display:block; padding:9px 12px 0; }
	.conSpot .spot li strong a { color:#666; }
	.conSpot .spot li span { display:block; padding:6px 12px 0; }
	.conSpot .spot li span a { font-size:11px; color:#999; }
.conLive { padding-top:40px; }
	.conLive h3 { background-position:0 -30px; }
	.conLive .tabSort { margin:8px 0 6px; }
	.conLive .tabSort li a { background:url('../img/common/tab_live.gif') no-repeat; }
	.conLive dl { float:left; position:relative; width:160px; height:60px; padding:6px 11px 0 168px; }
	.conLive dt { padding:10px 0 3px; }
	.conLive dt a { font-weight:bold; color:#666; }
	.conLive dd a { font-size:11px; color:#999; }
	.conLive .thumb { position:absolute; left:11px; top:6px; }

/* 구매하기 */
.buyVisual { position:relative; width:678px; height:228px; }
	.buyVisual .buyCont { position:absolute; top:25px; right:45px; width:290px; }
	.buyVisual .buyCont strong { display:block; color:#333; font-size:16px; font-weight:bold; }
	.buyVisual .buyCont em { display:block; padding:5px 0 11px; line-height:1.4; color:#999; }
	.buyVisual .buyCont .cont { display:block; padding:11px 0 13px; font-size:11px; color:#666; line-height:1.4; }
	.buyVisual .buyCont .btnSample { width:69px; height:26px; background-position:0 0; }
	.buyVisual .bgAlpha { position:absolute; bottom:0; }
	.buyVisual .bgAlpha img { display:block; }
	.buyVisual .bgAlpha .wSocial { position:absolute; right:9px; bottom:9px; }
	.buyVisual .bgAlpha .wSocial .socialLink { float:left; padding-left:18px; margin-left:14px; border-left:1px solid #e7e7e7; }
	.buyVisual .bgAlpha .wSocial button { width:18px; height:18px; }
	.buyVisual .bgAlpha .wSocial .btnConn { background-position:0 -330px; }
	.buyVisual .bgAlpha .wSocial .btnTweet { background-position:0 -360px; .margin-left:5px; }
	.buyVisual .bgAlpha .wSocial .btnYozm { background-position:0 -390px; .margin-left:5px; }
.conMyinfo { clear:both; position:relative; width:678px; margin-top:30px; }
	.conMyinfo h3 { margin-bottom:9px; background-position:0 -60px; }
	.conMyinfo .view { display:block; position:absolute; right:0; top:0; padding:0 0 0 16px; font-weight:bold; color:#666; font-size:11px; letter-spacing:-1px; background:url('../img/icon/ico_01.gif') no-repeat; }
	.conMyinfo .wMyinfo { padding:31px 31px 23px; border-top:2px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
	.conMyinfo .wMyinfo h4 { padding:0 0 10px; font-size:14px; color:#99a6b7; }
	.conMyinfo .wMyinfo dl { position:relative; width:474px; padding:7px 0 8px 140px; color:#959595; border-top:1px solid #ededed; }
	.conMyinfo .wMyinfo dl.first { border-top:1px solid #cccccc; }
	.conMyinfo .wMyinfo dt { position:absolute; left:25px; width:115px; padding:4px 0 0; letter-spacing:-1px; }
	.conMyinfo .wMyinfo dd * { vertical-align:middle; }
	.conMyinfo .wMyinfo dd .inC { margin-left:5px; }
	.conMyinfo .wMyinfo .subText { padding:5px 0; margin-left:-115px; color:#cc3333; line-height:1.5; }
	.conMyinfo .setBtn { padding:20px 0 0; text-align:center; }
	.conMyinfo .setBtn button { width:111px; height:37px; _height:38px; }
	.conMyinfo .setBtn .btnReview { background-position:0 -120px; }
	.conMyinfo .setBtn .btnBuy { background-position:0 -180px; margin-left:6px; .margin-left:10px; }

/* 결과페이지 */
.conResult { position:relative; width:970px; margin-top:30px; }
	.conResult  h3 { padding:0 0 10px; background-position:0 -90px; border-bottom:2px solid #dcdcdc;}
	.conResult .resultBP {  }
.ifResult { position:relative; width:970px;}
	.ifResult .setRebtn { float:right; width:240px; margin:10px 0 8px; border-bottom:1px solid #e5e5e5; }
	.ifResult .setRebtn li { float:left; }
	.ifResult .setRebtn li a { display:block; padding:6px 11px; margin-left:-1px; color:#666; text-decoration:none; border:1px solid #c6c6c6; }
	.ifResult .setRebtn li.first a { margin:0; }

/* 관계형운세 */
/* date */
.date { width:190px; height:20px; }
	.date span { display:block; float:left; background:url('../img/cont/dot.gif') right bottom no-repeat; }
	.date .year { width:63px; }
	.date .month { width:40px; padding:0 0 0 6px; }
	.date i { display:block; float:left; width:14px; height:20px; text-indent:-1000em; background:url('../img/cont/date.gif') no-repeat; }
	.date .n1 { background-position:0 0; }
	.date .n2 { background-position:0 -30px; }
	.date .n3 { background-position:0 -60px; }
	.date .n4 { background-position:0 -90px; }
	.date .n5 { background-position:0 -120px; }
	.date .n6 { background-position:0 -150px; }
	.date .n7 { background-position:0 -180px; }
	.date .n8 { background-position:0 -210px; }
	.date .n9 { background-position:0 -240px; }
	.date .n0 { background-position:0 -270px; }
	.date .sun { background-position:-50px 0; width:38px; height:20px; margin:0 0 0 10px; }
	.date .rain { background-position:-50px -30px; width:38px; height:20px; margin:0 0 0 10px; }
	.date em { display:block; float:left; text-indent:-1000em; font-size:0; line-height:0; }

.conRela { position:relative; width:678px; margin-top:30px; }
	.conRela button { background:url('../img/btn/set_free_relation.gif') no-repeat; }
	.conRela .setTitle { width:678px; border:0; padding:0; }
	.conRela h3 { background-position:0 -120px; }
	.conRela .btnRela { position:absolute; right:0; top:-10px; display:block; width:92px; height:24px; text-indent:-1000em; overflow:hidden; background:url('../img/btn/set_free_relation.gif') no-repeat; }
	.conRela .tabSort li a { background:url('../img/cont/tab_relative.gif') no-repeat; }

	.conRela .wrapToday { position:relative; width:638px; height:357px; padding:20px; margin:26px 0 0; background:url('../img/cont/main_bg.gif') no-repeat; }
	.conRela .wrapToday .copy { position:absolute; right:20px; top:16px; clear:both; font-size:11px; color:#a8a8a8; letter-spacing:-1px; text-align:right; }
	.conRela .wrapToday .copy strong { color:#848b8d; }
	.conRela .wrapToday dl { position:relative; clear:both; width:215px; padding:33px 0 0 348px; }
	.conRela .wrapToday dt { position:absolute; left:102px; top:142px; width:75px; padding:84px 0 0; text-align:center; }
	.conRela .wrapToday dt strong { font-style:normal; color:#6c6b6b; }
	.conRela .wrapToday dt img { position:absolute; left:0; top:0; }
	.conRela .wrapToday dd { position:relative; width:137px; height:60px; margin:21px 0 0; padding:0 0 0 78px;}
	.conRela .wrapToday dd strong { display:block; padding:12px 0 5px; color:#6f878c; font-size:14px; letter-spacing:-1px; }
	.conRela .wrapToday dd a { color:#6c6b6b; letter-spacing:-1px; }
	.conRela .wrapToday dd i { display:block; height:0; text-indent:-1000em; font-size:0; line-height:0; }
	.conRela .wrapToday dd.best { margin:0; }
	.conRela .wrapToday dd.best strong { color:#cc3333; }
	.conRela .wrapToday dd .thumb { position:absolute; left:0; top:0; }

	.conRela .nosetting { background:url('../img/cont/main_none_bg.gif') no-repeat; }
	.conRela .nosetting .guide { position:absolute; right:20px; top:57px; width:289px; height:332px; padding:0 20px; text-align:center; letter-spacing:-1px; }
	.conRela .nosetting .guide em { display:block; padding:102px 0 0; font-size:14px; }
	.conRela .nosetting .guide em strong { color:#cc3333; }
	.conRela .nosetting .guide p { padding:13px 0 28px; color:#666; line-height:1.5; }
	.conRela .nosetting .me { position:absolute; top:182px; left:122px; }
	.conRela .nosetting .me strong { display:block; padding:10px 0 0; text-align:center; }
	.conRela .nosetting button { width:104px; height:35px; }
	.conRela .nosetting .btnMy { background-position:0 -240px; margin-right:3px; .margin-right:7px; }
	.conRela .nosetting .btnSet { background-position:0 -290px; }
	.conRela .nosetting .btnSet2 { background-position:0 -340px; }

	.conRela .wrapVs { position:relative; width:640px; margin:40px 19px 0; }
	.conRela .wrapVs h5 { width:176px; height:12px; text-indent:-1000em; background:url('../img/title/relation_title.gif') no-repeat; }
	.conRela .wrapVs .subCopy { position:absolute; right:0; top:0; width:140px; color:#929191; font-size:11px; letter-spacing:-1px; }
	.conRela .wrapVs .lineTab { margin:15px 0 0; height:37px; overflow:hidden; }
	.conRela .wrapVs .lineTab li { float:left; padding:0 0 2px; background:#dedede;  }
	.conRela .wrapVs .lineTab li a { display:block; width:318px; height:34px; text-indent:-1000em; overflow:hidden; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-top:1px solid #e8e8e8; background:#fff url('../img/cont/tab01_title.gif') no-repeat; }
	.conRela .wrapVs .lineTab li a.on { width:316px; height:35px; border-left:2px solid #dedede; border-right:2px solid #dedede; border-top:2px solid #dedede; border-bottom:none; }
	.conRela .wrapVs .lineTab .tBest a { background-position:109px 13px; }
	.conRela .wrapVs .lineTab .tBest a.on { background-position:-112px 12px; }
	.conRela .wrapVs .lineTab .tWorst a { background-position:109px -17px; }
	.conRela .wrapVs .lineTab .tWorst a.on { background-position:-112px -18px; }
	.conRela .wrapVs ol { clear:both; }
	.conRela .wrapVs ol li { width:545px; padding:20px 0 17px 95px; border-bottom:1px solid #ededed; background:url('../img/cont/ico_ranking.gif') no-repeat; }
	.conRela .wrapVs ol .r01 { background-position:0 26px; }
	.conRela .wrapVs ol .r02 { background-position:0 -34px; }
	.conRela .wrapVs ol .r03 { background-position:0 -94px; }
	.conRela .wrapVs ol li dl { position:relative; width:545px; }
	.conRela .wrapVs ol li dt { width:400px; color:#666; font-weight:bold; white-space:nowrap; overflow:hidden; word-break:break-all; word-wrap:break-word; }
	.conRela .wrapVs ol li dt i { color:#929191; font-weight:normal; font-style:normal; }
	.conRela .wrapVs ol li dt img { vertical-align:middle; }
	.conRela .wrapVs ol li .cont { width:400px; padding:12px 0 0; color:#929191; white-space:nowrap; overflow:hidden; word-break:break-all; word-wrap:break-word; }
	.conRela .wrapVs ol li .score { position:absolute; right:74px; top:0; width:37px; background:url('../img/cont/div03.gif') right 1px no-repeat; }
	.conRela .wrapVs ol li .score em { display:block; width:30px; font-size:11px; font-weight:bold; font-style:normal; color:#cc3333; letter-spacing:-1px; text-align:center; }
	.conRela .wrapVs ol li .heart { position:absolute; right:27px; top:0; width:41px; background:url('../img/icon/ico_heart.gif') 0 -19px no-repeat; }
	.conRela .wrapVs ol li .heart span { display:block; text-indent:-1000em; background:url('../img/icon/ico_heart.gif') 0 1px no-repeat; }
	.conRela .wrapVs ol li .btnView { position:absolute; right:27px; top:17px; width:84px; height:23px; background-position:0 -40px; }
	.conRela .wrapVs .setBtn { padding:20px 0 0; text-align:center; }
	.conRela .wrapVs .setBtn .btnAll { width:92px; height:24px; background-position:0 -350px; }
	.conRela .wrapVs .noList { padding:58px 0 18px; text-align:center; color:#999; }
	.conRela .wrapVs .noList .setBtn .btnDayFree { width:111px; height:37px; background-position:0 -390px; }
	.conRela .wrapVs .noList .setBtn .btnMonthFree { width:111px; height:37px; background-position:0 -440px; .margin-left:4px; }

/* 서브관계운세 */
.wrapper { width:676px; margin:28px 0 0; padding:0 0 28px; border:1px solid #edf2f2; }
	.wrapper .titleFlag { position:relative; width:283px; height:46px; padding:13px 0 0 245px; margin:-4px 0 0 -2px; letter-spacing:-1px; background:url('../img/cont/title_bg.gif') no-repeat; }
	.wrapper .titleFlag .date { position:absolute; left:19px; top:17px; }
	.wrapper .titleFlag strong { font-size:14px; color:#848b8d; }
	.wrapper .titleFlag strong em { font-style:normal; color:#cc3333; }
	.wrapper .titleFlag p { padding:3px 0 0; font-size:11px; color:#ababab; }
.rList { width:656px; margin:0 10px; }
	.rList img { vertical-align:middle; }
	.rList li { height:40px; padding:20px 7px 23px; border-top:1px solid #edf2f2; }
	.rList .first { border:none; }
	.rList .bgGray { background:#fcfcfc; }
	.rList li dl { position:relative; }
	.rList li dt { height:18px; padding:0 0 8px; }
	.rList li dt strong { padding:0 0 0 6px; color:#666; }
	.rList li dt i { font-style:normal; color:#929191; }
	.rList li dd { float:left; }
	.rList li .cont { width:400px; height:14px; padding:0 0 0 8px; color:#929191; white-space:nowrap; overflow:hidden; word-break:break-all; word-wrap:break-word; }
	.rList li .score { width:37px; background:url('../img/cont/div03.gif') right 1px no-repeat; }
	.rList li .score em { display:block; width:30px; font-size:11px; font-weight:bold; font-style:normal; color:#cc3333; letter-spacing:-1px; text-align:center; }
	.rList li .heart { width:41px; margin:0 0 0 8px; background:url('../img/icon/ico_heart.gif') 0 -19px no-repeat; }
	.rList li .heart span { display:block; text-indent:-1000em; background:url('../img/icon/ico_heart.gif') 0 1px no-repeat; }
	.rList li .btnView { position:absolute; right:7px; top:19px; width:84px; height:23px; background-position:0 -40px; }