/* 탭 */
.tab-type {clear:both;}
.tab-type * {display:block;}
.tab-type ul:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.tab-type li {float:left;}

.tab-preview {height:12px; overflow:hidden; width:667px; padding:28px 0 17px 0; border-bottom:1px solid #eaeaea;}
.tab-preview * {height:12px;}
.tab-preview .tab-li a {width:22px; background:url('../images/preview/tab_preview_1.gif') no-repeat 0 0;}
.tab-preview .tab-li-2 a {width:33px; background:url('../images/preview/tab_preview_2.gif') no-repeat 0 0;}
.tab-preview .tab-li-3 a {width:15px; background:url('../images/preview/tab_preview_3.gif') no-repeat 0 0;}
.tab-preview .tab-li-4 a {width:32px; background:url('../images/preview/tab_preview_4.gif') no-repeat 0 0;}
.tab-preview .tab-li-5 a {width:33px; background:url('../images/preview/tab_preview_5.gif') no-repeat 0 0;}
.tab-preview .tab-li-6 a {width:32px; background:url('../images/preview/tab_preview_6.gif') no-repeat 0 0;}
.tab-preview .tab-li a.on {width:22px; background:url('../images/preview/tab_preview_1.gif') no-repeat 0 -12px;}
.tab-preview .tab-li-2 a.on {width:33px; background:url('../images/preview/tab_preview_2.gif') no-repeat 0 -12px;}
.tab-preview .tab-li-3 a.on {width:15px; background:url('../images/preview/tab_preview_3.gif') no-repeat 0 -12px;}
.tab-preview .tab-li-4 a.on {width:32px; background:url('../images/preview/tab_preview_4.gif') no-repeat 0 -12px;}
.tab-preview .tab-li-5 a.on {width:33px; background:url('../images/preview/tab_preview_5.gif') no-repeat 0 -12px;}
.tab-preview .tab-li-6 a.on {width:32px; background:url('../images/preview/tab_preview_6.gif') no-repeat 0 -12px;}
.tab-preview .tab-li a:hover {width:22px; background:url('../images/preview/tab_preview_1.gif') no-repeat 0 -12px;}
.tab-preview .tab-li-2 a:hover {width:33px; background:url('../images/preview/tab_preview_2.gif') no-repeat 0 -12px;}
.tab-preview .tab-li-3 a:hover {width:15px; background:url('../images/preview/tab_preview_3.gif') no-repeat 0 -12px;}
.tab-preview .tab-li-4 a:hover {width:32px; background:url('../images/preview/tab_preview_4.gif') no-repeat 0 -12px;}
.tab-preview .tab-li-5 a:hover {width:33px; background:url('../images/preview/tab_preview_5.gif') no-repeat 0 -12px;}
.tab-preview .tab-li-6 a:hover {width:32px; background:url('../images/preview/tab_preview_6.gif') no-repeat 0 -12px;}

.topViewBox {width:667px; height:144px; border-bottom:2px solid #5f616d; margin-bottom:29px;}
.topViewBox dd.leftThum {float:left; width:215px; padding-top:2px;}
.topViewBox dd.centerCont {float:left; width:259px; padding-top:2px;}
.topViewBox dd.centerCont p.title {font-family:'굴림',Gulim; height:auto; font-weight:bold; font-size:17px; padding:0 14px 0 0;  margin-bottom:10px;}
.topViewBox dd.centerCont p.title a {color:#000; line-height:110%;}
.topViewBox dd.centerCont p span.leftA {display:inline-block; float:left; width:76px; font-weight:bold; font-size:12px; color:#999; padding:0 0 5px 2px;}
.topViewBox dd.centerCont p span.rightA {display:inline-block; float:left; width:155px; font-size:12px; color:#333; padding-bottom:5px;}
.topViewBox dd.rightStar {position:relative; float:left; width:193px; height:117px;}
.topViewBox dd.starArea {float:left; width:193px;}
.topViewBox dd.starArea p.manNumber {font-family:'굴림',Gulim; font-size:12px; color:#8a8a8a; padding-left:23px;}
.topViewBox dd.starArea p.manNumber img {margin:-1px 5px 0 0;}
.topViewBox dd.starArea p.starRank {height:34px; padding:2px 0 0 0;}
.topViewBox dd.starArea p.starRank span.bigPoint {font-family:'굴림',Gulim; font-weight:bold; font-size:13px; color:#454545;}
.topViewBox dd.starArea p.starRank span.bigPoint2 {font-family:'굴림',Gulim; font-weight:bold; font-size:13px; color:#454545; padding-left:15px;}
.topViewBox dd.starArea .layerStar {position:absolute; top:19px; right:8px; width:155px; height:78px; border:1px solid #bebebe; background:#fff; tet-align:center; padding:12px 0 0 17px;}
.topViewBox dd.starArea .layerStar p.layerTxt {margin-top:-10px;}
.topViewBox dd.starArea .layerStar p.layerBtns {width:138px; text-align:center; padding-top:8px;}
.topViewBox p.btnRB {position:absolute; bottom:0; right:0;}

.star_rating2 {margin-bottom:3px;}
.star_rating2,
.star_rating2 span{display:inline-block; overflow:hidden; height:17px; height:17px; background:transparent url('../images/gameinfo/ico_star.gif') no-repeat;}
.star_rating2 {width:97px; vertical-align:middle;}
.star_rating2 span{background-position:0 -17px; font-size:0; line-height:0; text-indent:-100px;*text-indent:0; vertical-align:top;}

div.mainTop3 {position:relative; width:698px; height:284px;}

.preview_mainTop {}
.preview_mainTop .cont img { position:absolute;}
.preview_mainTop .cont .left { position:absolute; margin:210px 0 0 8px;}
.preview_mainTop .cont .right { position:absolute; margin:210px 0 0 623px;}

div.subMainListLeft1 {float:left; width:472px; border-right:1px solid #C7CBCE; padding:25px 0 35px 0;margin: 0 0 0 -19px;}
div.subMainListRight1 {float:left; width:204px; padding:25px 19px 0 16px;}
h2 {height:24px;}
div.subMainListLeft1 .h2 span.areaL {float:left;}
div.subMainListLeft1 .h2 span.areaR {float:right; padding:3px 18px 0 0;}

.pCon { float:left; width:209px; height:284px; border:1px solid #e3e5e4; margin:0 0 14px 18px; }
.pCon .img { position:absolute;}
.pCon .tArea { position:absolute; width:209px; height:111px; background-color:#fff; margin:173px 0 0 0;}
.pCon .tArea .header { font-weight:bold; color:#000; font-size:13px; margin:17px 14px 0 14px; font-family:굴림;}
.pCon .tArea .title {color:#000; font-size:12px; margin:10px 14px 0 14px; line-height:16px; font-family:굴림;}
.pCon .tArea .title a {color:#525252;}
.pCon .tArea .txt {color:#999999; font-size:11px; margin:15px 14px 0 14px;}

.rRight { margin:0 0 14px 0; }

.pCon .tArea1 { position:absolute; width:209px; height:111px; background-color:#484e62; margin:173px 0 0 0;}
.pCon .tArea1 .header { font-weight:bold; color:#91bfff; font-size:13px; margin:17px 14px 0 14px; font-family:굴림;}
.pCon .tArea1 .title {color:#fff; font-size:12px; margin:10px 14px 0 14px; line-height:16px; font-family:굴림;}
.pCon .tArea1 .title a {color:#fff;}
.pCon .tArea1 .txt {color:#999999; font-size:11px; margin:15px 14px 0 14px;}

.pCon .tArea2 { position:absolute; width:209px; height:111px; background-color:#454837; margin:173px 0 0 0;}
.pCon .tArea2 .header { font-weight:bold; color:#bacc25; font-size:13px; margin:17px 14px 0 14px; font-family:굴림;}
.pCon .tArea2 .title { color:#fff; font-size:12px; margin:10px 14px 0 14px; line-height:16px; font-family:굴림;}
.pCon .tArea2 .title a {color:#fff;}
.pCon .tArea2 .txt {color:#999999; font-size:11px; margin:15px 14px 0 14px;}

.pCon .tArea3 { position:absolute; width:209px; height:111px; background-color:#534542; margin:173px 0 0 0;}
.pCon .tArea3 .header { font-weight:bold; color:#f97f17; font-size:13px; margin:17px 14px 0 14px; font-family:굴림;}
.pCon .tArea3 .title {color:#fff; font-size:12px; margin:10px 14px 0 14px; line-height:16px; font-family:굴림;}
.pCon .tArea3 .title a {color:#fff;}
.pCon .tArea3 .txt {color:#99999; font-size:11px; margin:15px 14px 0 14px;}