@charset "euc-kr";

@import url('global.css');
@import url('layout.css');
@import url('contents.css');
@import url('board.css');

.appTitle {margin:0 0 10px; font-size:16px; color:#fff; vertical-align:baseline;}
.appTitleB {margin:0 0 10px; padding:30px 0 0 0; font-size:16px; color:#fff; vertical-align:baseline; border-top:1px solid #3b3b3b;}
.appTitle img { vertical-align:bottom;}
.desc {margin:0 0 10px;}
.buttonR {float:right; margin-top:-25px;}
.buttonR img {vertical-align:top;}
.buttonR2 {float:right; margin:-15px 0px 0 0;_margin:-12px 0px 0 0;}

/* app ÄÁÅÙÃ÷ */
.appListWrap {float:left; width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #3b3b3b;}
.nonebr {border-bottom:none !important;}

/* À̹ÌÁöÇü ¸®½ºÆ® */
ul.appListA {float:left; }
ul.appListA li {float:left; margin:10px 0;}
ul.appListA li.fir {padding-left:0;}
ul.appListA li .cate {color:#fff; text-align:center; padding-top:6px; #padding-top:6px; line-height:18px;}
ul.appListA li .cate span {color:#717171; font-size:11px;}
ul.appListA li .cate span a:link, ul.appListA li .cate span a:visited, ul.appListA li .cate span a:active, ul.appListA li .cate span a:hover {color:#7e7e7e;}
ul.appListA li .thumb {position:relative !important; width:82px; height:119px; padding:0px 0 0 0;}
ul.appListA li .thumb .icn {position:absolute; left:0; top:0;  z-index:22; }
ul.appListA li .thumbB {width:119px; height:84px; padding:1px 0 0 1px; }
ul.appListA li .thumbC {width:95px; height:159px; padding:1px 0 0 1px;}
ul.appListA li .thumbD {width:88px; height:88px; padding:1px 0 0 1px; }

/*ÅؽºÆ®Çü ¸®½ºÆ® */
.appListBWrap { float:left; width:100%; padding:5px 0 15px 0; margin-bottom:10px; border-bottom:1px solid #3b3b3b;}	
.appListB {width:325px; float:left; color:#7b7b7b; font-size:11px;}
.appListB dt {float:left; width:205px; margin:4px 0 0px;}
.appListB dd {color:#7c7c7c;}
.appListB dd.thumb {float:left; width:107px; height:77px; padding:1px 0 0 1px; margin-right:10px; }
.appListB dd.cont {float:left; width:205px; padding:7px 0; color:#ccc; font-size:11px; line-height:16px;}
.appListB dd.cont a:link, .appListB dd.cont a:hover, .appListB dd.cont a:visited, .appListB dd.cont a:active {color:#ccc !important;}
.appListB dt .apptit {color:#fff; font-size:12px;}
.appButton {display:block; margin:4px 0 20px 0;z-index:103;}
.appFlash {clear:both; margin:8px 0 9px 0;}
/*ÅؽºÆ®Çü ¸®½ºÆ® */
.appListCWrap { float:left; width:100%; padding:5px 0 15px 0; margin-bottom:10px; border-bottom:1px solid #3b3b3b;}	
.appListC {width:325px; float:left; color:#7b7b7b; font-size:11px;}
.appListC dt {float:left; width:215px; margin:4px 0 0px; line-height:18px;}
.appListC dd {color:#7c7c7c;}
.appListC dd.thumb {position:relative; float:left; width:82px; height:119px; padding:1px 0 0 1px; margin-right:20px;}
.appListC dd.thumb .icn {position:absolute; left:0; top:0;  z-index:22; }
.appListC dd.cont {float:left; width:220px; padding:12px 0 8px 0; color:#ccc; font-size:11px; line-height:16px;}
.appListC dd.cont a:link, .appListC dd.cont a:hover, .appListC dd.cont a:visited, .appListC dd.cont a:active {color:#ccc !important;}

/*ÆäÀÌ¡ */
.appPaging {clear:both; margin:5px auto 20px auto; text-align:center; vertical-align:middle; }
.appPagingNum {float:right; margin-top:-40px;#margin-top:-45px; font-weight:bold;}
.appPagingNum span {color:#fff;}

.appContent {clear:both; position:relative; width:678px; height:410px; margin-top:15px; }
.appLeft {margin:5px 0 0 0; padding:10px 0; }
.appListWrap p {float:left; padding:80px 5px 0 5px; width:20px; text-align:center; }
.gameWrap p {float:left; padding:45px 13px 0 12px; width:18px; text-align:center; }
.appRight {float:right; width:247px; margin:0 0 0;}
.bestFlash {text-align:right;}
.flashbox {width:247px; overflow:hidden; margin:0 0 0 5px; padding:0 0 0 5px; text-align:left; background:url(/images/app/bg_appcontent2.gif) no-repeat left top; zoom:1;}
.mgt55i {margin-top:0px; #margin-top:0px;}
.gameMain {float:right; width:320px; padding-top:15px;}
.flashMain {float:left;  width:320px; padding:15px 20px 0 0; border-right:1px solid #3b3b3b;}
.gameMain ul.appListA {width:320px;}
.flashMain ul.appListA {width:320px;}
.gameMain ul.appListA li {margin:10px 0 0 0 !important;}
.flashMain ul.appListA li {margin:10px 0 0 0 !important;}
/* ¸Þ´º¸®½ºÆ® */
.appsubMenu {position:relative; width:678px; text-align:center; margin:0px auto 20px auto; }
.appsubMenu ul {position:absolute; top:5px; left:0; width:678px;margin:0 auto;}
.appsubMenu ul li {display:inline; height:30px; padding:0px 10px 10px 15px; text-align:center; font-weight:bold; font-size:11px; color:#949494; background:url(/images/app/icn_appline2.gif) no-repeat left top; }
.appsubMenu ul li.first{background:none;} 
.appsubMenu p {margin-top:-15px; z-index:30;}
.appsubMenu ul li a:link, .appsubMenu ul li a:hover, .appsubMenu ul li a:visited{ color:#949494; }
.appsubMenu ul li a.selected:link, .appsubMenu ul li a.selected:hover, .appsubMenu ul li a.selected:visited{ color:#fff; }

/* Ãֽżø */
.appOrder {clear:both; height:20px;_height:auto;}
.appOrder p {float:left; width:360px; text-align:right; height:20px;}
.appOrder ul.tab {width:153px; float:right; text-align:right; background:url(/images/app/icn_appline.gif) no-repeat right top; overflow:hidden;}
.appOrder ul.tab li {display:inline; padding:0 7px 0 10px; background:url(/images/app/icn_appline.gif) no-repeat left top;}
.appOrder ul.tab li img { vertical-align:bottom;}
.appOrder .fl {float:left; width:512px; text-align:left; margin-top:-3px;}
.appOrder .useButton {float:left; width:100px;}
.appOrder .soundCass {float:left; width:400px; text-align:left; background:none; overflow:hidden;}
.appOrder .soundCass li {display:inline; padding:0; background:none;}
.appOrder .soundCass li img { vertical-align:bottom;}
.appOrder .fr {float:right;} 
/* .appOrder .soundCass li a:link, .appOrder .soundCass li a:visited {display:inline-block; padding:4px 7px 1px 7px; font-size:11px; color:#767676; border:solid 1px #474747; margin-right:4px;}
.appOrder .soundCass li a:hover, .appOrder .soundCass li a:active {display:inline-block; padding:4px 7px 1px 7px; font-size:11px; color:#fff; border:solid 1px #a2a2a2; margin-right:4px;}
.appOrder .soundCass li a.on:link, .appOrder .soundCass li a.on:visited {display:inline-block; padding:4px 7px 1px 7px; font-size:11px; color:#fff; border:solid 1px #a2a2a2; margin-right:4px;} */
.appOrder .soundCass a:link, .appOrder .soundCass a:visited {display:inline-block; padding:4px 7px 1px 7px; font-size:11px; color:#767676; border:solid 1px #474747; margin-right:4px;}
.appOrder .soundCass a:hover, .appOrder .soundCass a:active {display:inline-block; padding:4px 7px 1px 7px; font-size:11px; color:#fff; border:solid 1px #a2a2a2; margin-right:4px;}
.appOrder .soundCass a.on:link, .appOrder .soundCass a.on:visited {display:inline-block; padding:4px 7px 1px 7px; font-size:11px; color:#fff; border:solid 1px #a2a2a2; margin-right:4px;}


/*BEST ¸®½ºÆ® */
.appBestbox {float:left; width:345px; height: 215px; padding:10px; border:1px solid #6b6475;}
span.icn {float:right; margin:-5px -5px 0 0;}
p.appdesc {clear:both; font-size:11px; padding-top:10px; line-height:16px; border-top:1px solid #6b6475;}
p.appdesc a:link, p.appdesc a:hover, p.appdesc a:visited{ color:#949494; }
.appline {padding-top:15px; border-top:1px solid #6b6475;}
.appBestbox2 {float:right; width:265px; overflow:hidden;}
dl.appbest {float:left; width:100%; overflow:hidden; margin-top:10px; margin-bottom:10px;}
dl.appbest dt {float:left; width:163px; margin-right:25px; padding:1px 0 0 1px;}
dl.appbest dd {float:left; width:150px; text-align:left;}
dl.appbest dd.title {font-size:11px; padding:10px 0 3px 0;}
dl.appbest dd.titleImg {padding:15px 0 0px 0; margin-top:10px; background: url(/images/app/img_dot.gif) repeat-x left top;}
dl.appbest dd.ico {width:25px; margin-top:10px;}
span.star img{margin-right:-3px !important;}

dl.appbest2 {float:left; width:100%; overflow:hidden; margin-top:10px; padding:0 0 15px;}
dl.appbest2 dt {float:left; width:105px; margin-right:15px;}
dl.appbest2 dd {float:left; width:145px; _width:135px; text-align:left;}
dl.appbest2 dd.title {font-size:11px; padding:8px 0 3px 0;}
dl.appbest2 dd.titleImg {padding:8px 0 0 0; margin-top:5px;}
dl.appbest2 dd.ico {width:25px; margin-top:10px;}
dl.appbest2 dd.titleImg2 {padding:8px 0 0 0; margin-top:5px; background: url(/images/app/img_dot.gif) repeat-x left top;}
/*  ÇÇóÆù º£½ºÆ® */
.appBestboxP {float:left; width:351px; padding:10px 10px 0 10px; border:1px solid #6b6475;}
.appBestboxP .desc {float:left; width:190px; font-size:11px; padding-top:10px; margin:12px 0 0 0; text-align:left; line-height:18px; border-top:1px solid #3b3b3b; letter-spacing:-1px;}
.appBestboxP .appbest {float:right; width:350px; overflow:hidden; margin-top:8px;}
.appBestboxP .appbest dt {float:left; width:auto; margin-right:10px !important; padding:0 !important; height:200px;}
.appBestboxP .appbest dt img {text-align:center; border:1px solid #bebebe;}
.appBestboxP .appbest dd { width:181px; text-align:left;}
.appBestboxP .appbest dd.title {font-size:11px; padding:10px 0 5px 0;}
.appBestboxP .appbest dd.titleImg {padding:14px 0 0 0; margin-top:10px; }
.appBestboxP .desc a:link  {color:#717171;}
.appBestboxP .desc a:visited {color:#717171;}
.appBestboxP .desc a:hover {color:#717171;}

.appBestboxP2 {float:right; width:261px; overflow:hidden;}
.appBestboxP2 .appbest2 {width:100%; margin-top:8px; padding:0 0 5px;}
.appBestboxP2 .appbest2 dt {float:left; width:82px; margin-right:0;}
.appBestboxP2 .appbest2 dt img {text-align:center; border:1px solid #bebebe;}
.appBestboxP2 .appbest2 dd {float:left; width:179px; text-align:left;}
.appBestboxP2 .appbest2 dd.title {font-size:11px; padding:8px 0 3px 0;}
.appBestboxP2 .appbest2 dd.titleImg {padding:12px 0 0 0; margin-top:10px; background: url(/images/app/img_dot.gif) repeat-x left top;}

.appBestboxP3 {float:right; width:261px; padding-top:10px; border-top:1px solid #3b3b3b; margin:5px 0 0px 0;}
.appBestboxP3 .appbest2 {width:100%; overflow:hidden; margin-top:8px;}
.appBestboxP3 .appbest2 dt {float:left; width:82px; margin-right:0; background:none;}
.appBestboxP3 .appbest2 dt img {text-align:center; border:1px solid #bebebe;}
.appBestboxP3 .appbest2 dt a.headphone {display:block; padding:10px 0 0 22px;}
.appBestboxP3 .appbest2 dd {float:left; width:179px; text-align:left;}
.appBestboxP3 .appbest2 dd.title {font-size:11px; padding:8px 0 3px 0;}
.appBestboxP3 .appbest2 dd.titleImg {padding:12px 0 0 0; margin-top:10px; background: url(/images/app/img_dot.gif) repeat-x left top;}
a.headphone {padding:0 0 0 5px; vertical-align:middle;}

.applineP {padding-top:10px; border-top:1px solid #3b3b3b;}
.appnum {font-size:14px; font-weight:bold; color:#8d5ee2;}

/* °Ë»ö */
.abbSearch img {vertical-align:bottom;}
.useService {float:left; width:677px; height:135px; background: url(/images/app/useguide_box.gif) no-repeat left top; margin-bottom:35px;}
.useService dl {width:650px; padding:5px 14px 0 14px;}
.useService dt {float:left; width:56px; padding:9px 0 0 0;}
.useService dt img {vertical-align:middle }
.useService dt.pt13 {padding-top:13px;}
.useService dt.pt30 {padding-top:30px;}
.useService dd {float:left; width:594px; padding:9px 0 0 0;}
.useService dd .useAbb li {float:left; padding-right:8px;}

/* °Ë»ö end */
.down_tab {float:left; margin-bottom:23px; border-bottom:1px solid #9966cc;}
.down_tab li {float:left; margin-left:4px;}
.down_tab li img {margin-bottom:-3px; #margin-bottom:-4px;}
.down_tab li.first {float:left; margin-left:0px;}

.downloadList {clear:both; width:100%; overflow:hidden; margin:0; padding:20px 0; border-top:solid 1px #454545;}
.downloadList li {padding-top:6px;}
.downloadList li.title {height:30px; margin-bottom:20px;}
.downloadList li.titleB {height:20px; margin-bottom:0px;}
.downloadList li.txt img {vertical-align:top;}
.downloadList li.txt2 img {vertical-align:middle;}
.downloadList li img.fl {float:left;}
.downloadList li p {float:right; width:462px;}
.downloadList li p a {display:inline; padding-top:12px;}
.downloadList li p img {margin-bottom:8px; vertical-align:middle;}
.downloadList li p.mgN img {margin-bottom:1px;}
.mayjorSkill {float:left; padding-top:4px; margin-bottom:30px;}
.mayjorSkill li {float:left; width:226px; margin-bottom:40px;}

.mayjorSkillB {float:left; padding-top:4px;  margin-bottom:30px;}
.mayjorSkillB li {float:left; width:168px;}

.useGuideWrap {border:solid 5px #d5d5d5; width:669px; height:476px; background:#fff; text-align:center;}
.useGuideTit {padding:20px 0 13px 0;}
.useGuideCont li {padding:0 0 0 0;}
.useGuideCont li.num1 {background:url(/images/app/useguide_num01.gif) no-repeat left top; padding-left:24px;}
.useGuideCont li.num2 {background:url(/images/app/useguide_num02.gif) no-repeat left top; padding-left:24px;}
.useGuideCont li.num3 {background:url(/images/app/useguide_num03.gif) no-repeat left top; padding-left:24px;}

.soundListWrap {clear:both; width:100%; margin-top:10px;}
.soundListWrap .soundList {width:100%;}
.soundListWrap .soundList th {border:solid 1px #606060; border-left:0; border-right:0; padding:8px 0; background: url(/images/app/soundbox_board_line1.gif) no-repeat right 8px;}
.soundListWrap .soundList th.noline {background:none;}
.soundListWrap .soundList td {border-bottom:solid 1px #363636; text-align:center; color:#fff; height:25px; padding-top:5px;}

.soundListWrap_pop {clear:both; width:100%;}
.soundListWrap_pop .soundList {width:98%; margin-left:11px;}
.soundListWrap_pop .soundList th {border:solid 1px #b8b8b8; border-left:0; border-right:0; padding:8px 0; background: url(/images/app/soundbox_board_line2.gif) no-repeat right 8px;}
.soundListWrap_pop .soundList th.noline {background:none;}
.soundListWrap_pop .soundList td {border-bottom:solid 1px #e7e7e7; text-align:center; color:#666; height:25px; padding-top:5px;}

/* »ó¼¼º¸±â ¹ÂÁ÷ºñµð¿À*/
.appviewMv {position:relative; z-index:101;}
.viewWrap {position:absolute;top:0; left:0; width:678px;}
.bgPng {width:678px; height:348px !important; background:url(/images/app/bg_appview.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/app/bg_appview.png', sizingMethod='crop');}
.bgPng2 {width:678px; height:454px; background:url(/images/app/bg_appview.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/app/bg_appview.png', sizingMethod='crop');}
.viewLeft {position:relative; float:left; width:360px; z-index:100; text-align:center; padding:0 0 0 18px; }
.viewLeftB {float:left; width:240px; text-align:center; padding:0 0 0 18px; }
.viewLeft .mgt10, .viewLeftB .mgt10 {margin-top:14px !important;}
.viewRight {position:relative; float:right; width:260px; height:310px; text-align:right; padding:0 18px 0 0;}
.viewRight h2 {font-size:16px; font-weight:bold; color:#cd98ff; text-align:left; margin-bottom:15px; letter-spacing:-1px;}
.viewRight dl {width:250px; margin-bottom:30px; margin-left:10px; overflow:hidden;}
.viewRight dl dt {float:left; width:30%; text-align:left; color:#7a7a7a; font-size:11px; padding:8px 0 3px 0; border-top:1px solid #535353;}
.viewRight dl dd {float:left; width:68%; text-align:left; color:#fff; padding:7px 0 3px 0; border-top:1px solid #535353;}
.viewRight dl dd img {vertical-align:middle; margin-top:-6px;#margin-top:-4px;}
.viewRight dl dt.fir, .viewRight dl dd.fir {border-top:none !important;}
.viewRight dl dt.end, .viewRight dl dd.end {border-bottom:1px solid #535353;}
/* ÀϹݴٿî·Îµå */
.downPopup {position:absolute; width:176px; z-index:110; padding:10px; margin:0; text-align:left; background:#000; filter:alpha(opacity=90);}
.downPopup h3 {margin-bottom:5px;}
/* ´ÙºÐÇÒ´Ù¿î·Îµå */
.downPopupB {position:absolute; width:227px; z-index:110; padding:10px; margin:0; text-align:left; background:#000; filter:alpha(opacity=90);}
.downPopupB img {margin-right:-1px;}
.downPopupB h3 {margin-bottom:5px;}
.downPopupC {position:absolute; width:181px; z-index:110; padding:10px; margin:0; text-align:left; background:#000; filter:alpha(opacity=85);}
.downPopupC h3 {clear:both; margin-bottom:5px;}
.downPopupC ul {width:187px; margin:-5px 0 0 -6px;}
.downPopupC ul li {_display:inline; float:left; width:56px; margin:5px 0 0 6px; font:0/0 arial;}
.pdlr4 {padding:0 4px;}

.viewRight dl.mv {width:180px; margin-bottom:30px; overflow:hidden;}
.viewRight dl.mv dt {float:left; width:70px; text-align:left; color:#7a7a7a; font-size:11px; padding:8px 0 3px 0; border-top:none; border-bottom:1px solid #535353;}
.viewRight dl.mv dd {float:left; width:105px; text-align:left; color:#fff; padding:7px 0 3px 0; border-top:none; border-bottom:1px solid #535353;}
.viewRight dl.mv dd.noline {border-bottom:none !important;}
.viewRight dl.mv dd img {vertical-align:middle; padding-top:0px;}
.viewRight dl.mv dd.pd2{padding:4px 0 2px 0 !important;} 
.viewButton {clear:both; float:right;  text-align:right; margin:10px 20px 0;_margin:10px 10px 0;}
.downloadWay {position:absolute; bottom:0; left:0; }
.downloadWay ul {margin:10px 0 0 70px;}
.downloadWay ul li {display:inline; padding:0 10px 0 10px; text-align:center;}

.downloadWayB {position:absolute; top:154px; left:0; width:381px; height:55px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/app/img_appmv02_bg.png', sizingMethod='scale'); background: url(/images/app/img_appmv02_bg.png) no-repeat left top; _background:none; }
.downloadWayB ul {margin:10px 0 0 75px;}
.downloadWayB ul li {float:left; width:100px; padding:0; text-align:center;}
.downloadWayB p {margin:0 0 0 75px; text-align:left;}

.downloadWayC {position:absolute; top:248px; left:10px; width:249px; height:63px;background: url(/images/app/img_appmv03_bg.png) no-repeat left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/app/img_appmv03_bg.png', sizingMethod='crop');}
.downloadWayC ul {margin:28px 0 0 7px; width:240px;}
.downloadWayC ul li {display:inline; padding:20px 5px 0 0px; text-align:center;}
.downloadWayC p {margin:23px 0 0 0; text-align:left;}

.userPoint {float:left; width:235px; padding:5px 0 20px 18px;}
.userPoint img {float:left;}
.userPoint dl {float:left; width:150px; height:81px; padding:10px 10px; margin:0 0 0 7px; background:url(/images/app/bg_userpoint.gif) no-repeat left top;}
.userPoint dl dd.titlePoint {float:left;margin-bottom:15px; border-bottom:1px solid #505050;}
.userPoint dl dd.pointleft {float:right; width:65px; padding:0 8px 0 18px; #padding:0 0px 0 18px; color:#fff; text-align:right; vertical-align:middle;}
.userPoint dl dd.pointleft img {margin:3px 5px 0 0;}
.userPoint dl dd.pointright {float:left; width:64px; padding:0 10px; text-align:center; background:url(/images/app/icn_line.gif) no-repeat left top;}
.userModel {position:absolute; right:0px; _right:10px; width:600px; text-align:right; margin:5px 20px 0 0;_margin:5px 10px 0 0;}
.userModel .swf {position:absolute; right:0; top:0}

.btnApp {float:left; width:360px; padding-top:20px;}
.btnApp li * {vertical-align:middle; #vertical-align:top;}
.btnApp li.prev {float:left; width:110px; text-align:left;}
.btnApp li.prev a, .btnApp li.next a {display:block;}
.btnApp li.btn {float:left; width:134px; margin:-2px 0 0 5px; #margin:-7px 0 0 5px; text-align:center;}
.btnApp li.next {float:right; width:110px; text-align:right;}
.btnApp li span {padding:0 6px; font-weight:bold; font-size:14px; color:#fff;}
.btnApp li img {vertical-align:middle;}
.addUpdate {float:left; margin:-20px 0 45px 20px;}

/* ÄÁÅÙÃ÷ ¾îÇà ½ºÅ¸È­º¸ ¸ÞÀÎ */
.appPhotoList li {float:left; padding:12px 0 13px 21px; width:95px;}
.appPhotoList li.fir {padding: 12px 0 13px 0px;}
.appPhotoList li a {text-align:center;}
.appPhotoList li a.name {padding-top:9px;}
.appPhotoList li a.title {padding-top:4px;}
.appPhotoList li a.title:link, .appPhotoList li a.title:visited, .appPhotoList li a.title:active {text-decoration:none; color:#fff;}
.appPhotoList li a.title:hover {text-decoration:none; color:#d9c4ff;}
.appPhotoList li a.btn {padding-top:4px;}
.appPhotoList .thumb {width:95px; height:158px; text-align:center; padding-top:1px; background:url(/images/app/photo_thumb_line.gif) no-repeat left top;}
.appPhotoList .thumb img {vertical-align:top;}
.appPhotoList a:link, .appPhotoList a:visited, .appPhotoList a:hover .appPhotoList a:active {color:#717171;}

/* ÄÁÅÙÃ÷ ¾îÇà Font ¸ÞÀÎ */
.appFontList {float:left; margin-left:-53px;}
.appFontList li {float:left; padding:10px 0 5px 53px; width:129px;}
.appFontList .thumb {width:127px; height:95px; text-align:center; border:solid 1px #a8a8a8;}
.appFontList .thumb img {width:125px; height:93px; border:1px solid #252525; vertical-align:top;}
.appFontList li div.cate {color:#fff; text-align:center; padding-top:1px; line-height:25px;}

/* ÇÇóÆù¿ë ¾îÇà ÄÁÅÙÃ÷ Æ˾÷:·¹À̾ƿô */

#appPicturePop {position:absolute; top:207px; width:676px; z-index:200; background-color:#fff ; filter:alpha(opacity=97); border:solid 1px #2a2a2a;}
#appPicturePop .PopTitle {width:676px; height:58px; background:url(/images/popup/app_pop_headbg.gif) no-repeat left top; }
#appPicturePop .PopTitle p {float:left; color:#fff; font-weight:bold; font-size:12px; width:400px; padding:20px 15px;}
#appPicturePop .PopTitle p img {vertical-align:middle; padding-left:5px;}
#appPicturePop .btn {float:right; width:100px; text-align:right; padding:10px 13px 0 0;}
#appPicturePop .cont {padding:13px 12px 11px 15px; margin-left:-10px;}
#appPicturePop .cont h2 {padding:0 0 0 10px;}
#appPicturePop .cont2 {padding:13px 12px 11px 15px;}
#appPicturePop .cont2 h2 {padding:0 0 10px 0;}

.boxWrap {clear:both;}
.box1 {float:left; width:319px; height:260px; background:url(/images/popup/app_pop_bg1.gif) no-repeat left top; padding-bottom:17px; margin-left:10px; display:inline;}
.box2 {width:648px; height:170px; background:url(/images/popup/app_pop_bg2.gif) no-repeat left top; padding-bottom:17px;margin-left:10px;  }
.box3 {float:left; width:209px; height:160px; background:url(/images/popup/app_pop_bg3.gif) no-repeat left top; padding-bottom:17px; margin-left:8px; display:inline;}
.box4 {width:648px; height:210px; background:url(/images/popup/app_pop_bg4.gif) no-repeat left top; padding-bottom:11px; margin-left:10px;}
.box5 {width:648px; height:220px; background:url(/images/popup/app_pop_bg5.gif) no-repeat left top; padding-bottom:11px; margin-left:10px;}
.box6 {float:left; width:144px; height:160px; background:url(/images/popup/app_pop_bg6.gif) no-repeat left top; padding-bottom:17px; margin-left:10px; display:inline;}
.box7 {float:left; width:279px; height:160px; background:url(/images/popup/app_pop_bg7.gif) no-repeat left top; padding-bottom:17px; margin-left:8px; display:inline;}

.boxTit {padding:9px 8px 10px 9px; height:19px;}
.boxTit img {vertical-align:top;}
.boxTit h3 {float:left; width:110px;}
.boxTit p {float:right; width:62px; text-align:right; margin-top:-3px;}

.boxTitle {padding:0 0 8px 0; height:19px;}
.boxTitle h2 {float:left; width:200px;}
.boxTitle p {float:right; width:100px; text-align:right; display:inline;}
.boxTitle .pdt3 {padding-top:3px;}

/* ÇÇóÆù¿ë ¾îÇà ÄÁÅÙÃ÷ Æ˾÷: ½ºÅ¸È­º¸ */

#appPicturePop .appPhotoList li {float:left; padding:0 0 13px 30px; width:80px; margin:0;}
#appPicturePop .appPhotoList li.fir {padding: 0 0 13px 8px;}
#appPicturePop .appPhotoList li .cate  {text-align:center; font-size:11px;}
#appPicturePop .appPhotoList li .cate a.name {display:block; padding:7px 0 2px;  color:#919191;}
#appPicturePop .appPhotoList li .cate a.name2 {font-weight:bold; color:#666666;}
#appPicturePop .appPhotoList li a.title {padding-top:4px;}
#appPicturePop .appPhotoList li a.title:link, #appPicturePop .appPhotoList li a.title:visited, #appPicturePop .appPhotoList li a.title:active {text-decoration:none; color:#fff;}
#appPicturePop .appPhotoList li a.title:hover {text-decoration:none; color:#d9c4ff;}
#appPicturePop .appPhotoList li a.btn {padding-top:3px; width:85px;}
#appPicturePop .appPhotoList .thumb {width:78px; height:131px; border:1px solid #a0a0a0; background:none; padding:0;}
#appPicturePop .appPhotoList a:link, #appPicturePop .appPhotoList a:visited, #appPicturePop .appPhotoList a:hover, #appPicturePop .appPhotoList a:active {color:#717171;}

.subway .img {padding:38px 0 42px 0;}

/* ÇÇóÆù¿ë ¾îÇà ÄÁÅÙÃ÷ Æ˾÷: ÆùÆ® */
#appPicturePop .appFontList {width:640px; margin:0 !important;}
#appPicturePop .appFontList li {float:left; padding:0 0 0 42px; _padding-left:40px; width:125px;}
#appPicturePop .appFontList li.fir {padding:0 0 0 11px;}
#appPicturePop .appFontList li a.name {padding:6px 0 4px 0;display:block; text-align:center;}
#appPicturePop .appFontList li a.name:link, #appPicturePop .appFontList li a.name:visited, #appPicturePop .appFontList li a.name:active {text-decoration:none; color:#666666; font-weight:bold; font-size:11px;}
#appPicturePop .appFontList li a.name:hover {text-decoration:none; color:#d9c4ff;}
#appPicturePop .appFontList .thumb {width:125px; height:93px; padding:0;}
#appPicturePop .appFontList .thumb img {width:125px; height:93px; border:none; vertical-align:top;}

/* ÇÇóÆù¿ë ¾îÇà ÄÁÅÙÃ÷ Æ˾÷: Ç÷¡½Ã¹ÙÅÁÈ­¸é */
#appPicturePop .appListA {width:auto;}
#appPicturePop .appListA li {float:left; margin:0; padding:0;}
#appPicturePop .appListA li.fir {padding-left:11px;}
#appPicturePop .appListA li .thumb {position:relative; padding:1px;}
#appPicturePop .appListA li .cate {color:#000; text-align:center; padding-top:6px; #padding-top:2px; line-height:18px;}
#appPicturePop .appListA li .cate span {color:#acacac; font-size:11px;}
#appPicturePop .appListA li .cate span a:link, #appPicturePop .appListA li .cate span a:visited, #appPicturePop .appListA li .cate span a:active, #appPicturePop .appListA li .cate span a:hover {color:#7e7e7e;}
#appPicturePop .appListA li .thumbD {width:78px; height:78px; padding:0; background:none;}
#appPicturePop .appListA li .thumbD img {width:78px; height:78px;}
#appPicturePop .appListA li.pdl16 {padding-left:30px;}
#appPicturePop .appListA li a {display:block;}
#appPicturePop .appListA li a.name:link, #appPicturePop .appListA li a.name:visited, #appPicturePop .appListA li a.name:active {text-decoration:none; color:#666666; font-weight:bold; font-size:11px; padding:1px 0 6px 0;}
#appPicturePop .appListA li a.name:hover {text-decoration:none; color:#d9c4ff;}
ul.photoList {margin:5px 0 0px 0 !important;}
ul.photoList li {padding:0 0 3px 0 !important; text-align:center; height:14px;}

/* ÇÇóÆù¿ë ¾îÇà ÄÁÅÙÃ÷ Æ˾÷: °ÔÀÓ */
#appPicturePop .appListG {float:left; padding:0; margin:0;}
#appPicturePop .appListG li {float:left; padding:0 0 0 10px;}
#appPicturePop .appListG li.mgl18 {_display:inline;}
#appPicturePop .appListG li.fir {padding-left:11px;}
#appPicturePop .appListG li.fir2 {padding-left:0;}
#appPicturePop .appListG li .thumb {position:relative; padding:1px;}
#appPicturePop .appListG li div.cate {color:#252525; text-align:center; padding-top:6px; #padding-top:2px; line-height:18px;}
#appPicturePop .appListG li div.cate span {color:#acacac; font-size:11px;}
#appPicturePop .appListG li div.cate span a:link, #appPicturePop .appListG li .cate span a:visited, #appPicturePop .appListG li .cate span a:active, #appPicturePop .appListG li .cate span a:hover {color:#7e7e7e;}
#appPicturePop .appListG li .thumbD {width:88px; height:88px; padding:0; background:none;}
#appPicturePop .appListG li .thumbB {width:121px; height:88px; padding:0; background:none;}
#appPicturePop .appListG li.pdl16 {padding-left:16px;}
#appPicturePop .appListG li a {display:block;}
#appPicturePop .appListG li a.name:link, #appPicturePop .appListG li a.name:visited, #appPicturePop .appListG li a.name:active {text-decoration:none; color:#666666; font-weight:bold; font-size:11px; padding:1px 0 6px 0;}
#appPicturePop .appListG li a.name:hover {text-decoration:none; color:#d9c4ff;}
#appPicturePop .androidLineB {padding:0 0 10px 0; margin-bottom:15px; background:url(/images/common/line01.gif) no-repeat 10px bottom;}

/* ÇÇóÆù¿ë ¾îÇà ÄÁÅÙÃ÷ Æ˾÷: ¿µ»óÄÁÅÙÃ÷, Ç÷¡½Ã¹ÙÅÁÈ­¸é */
#appPicturePop .appListM {padding:0px 0 15px 0; _padding:0px 0 0px 0; height:144px;}
#appPicturePop .appListM li {float:left; padding-top:0; padding-left:22px;}
#appPicturePop .appListM li .thumb .icn {position:absolute; top:0; left:0; z-index:22; }
#appPicturePop .appListM li.fir {padding-left:10px;}
#appPicturePop .appListM li.fir2 {padding-left:0;}
#appPicturePop .appListM li .thumb {position:relative; padding:1px; }
#appPicturePop .appListM li .cate {color:#252525; text-align:center; padding-top:6px; #padding-top:2px; line-height:18px;}
#appPicturePop .appListM li .cate span {color:#676767; font-size:11px;}
#appPicturePop .appListM li.pdl16 {padding-left:16px;}
#appPicturePop .appListM li a {display:block;}
#appPicturePop .appListM li a.name:hover {text-decoration:none; color:#d9c4ff;}
#appPicturePop .appListM2 {margin-left:-18px;}
#appPicturePop .appListM2 li {padding-left:26px;}

/* ÇÇóÆù¿ë ¾îÇà ÄÁÅÙÃ÷ Æ˾÷: »ç¿îµå¹Ú½º Best5 */
.soundBestP {padding:2px 0 0 8px; width:270px;}
.soundBestP li {list-style:none; width:248px; height:23px; color:#666666; font-size:11px; padding-left:22px;vertical-align:top;}
.soundBestP li img {vertical-align:top;}
.soundBestP li .fl {width:200px;}
.soundBestP li .fr {width:70px; text-align:right;}
.soundBestP li.num1 {background:url(/images/common/icn_num01.gif) no-repeat left top;}
.soundBestP li.num2 {background:url(/images/common/icn_num02.gif) no-repeat left top;}
.soundBestP li.num3 {background:url(/images/common/icn_num03.gif) no-repeat left top;}
.soundBestP li.num4 {background:url(/images/common/icn_num04.gif) no-repeat left top;}
.soundBestP li.num5 {background:url(/images/common/icn_num05.gif) no-repeat left top;}

#appPicturePop  li a.mtit:link, #appPicturePop  li a.mtit:visited, #appPicturePop  li a.mtit:active {text-decoration:none; color:#000; padding:1px 0 6px 0;}
#appPicturePop  li a.mtit:hover {text-decoration:none; color:#666;}

/* ÇÇóÆù¿ë ÄÁÅÙÃ÷ ¾îÇÃ: °ÔÀÓ. Ç÷¡½Ã */
.appListG {float:left; padding:3px 0 0 0; margin-left:-30px;}
.appListG li {float:left; padding:10px 0 9px 30px;}
.appListG li.pdb4 {padding-bottom:4px;}
.appListG li .thumb {position:relative; padding:1px;}
.appListG li div.cate {color:#fff; text-align:center; padding-top:6px; line-height:18px;}
.appListG li div.cate span {width:86px; color:#acacac; font-size:11px;}
.appListG li div.cate span a:link, .appListG li .cate span a:visited, .appListG li .cate span a:active, .appListG li .cate span a:hover {color:#7e7e7e;}
.appListG li .thumbD {width:88px; height:88px; padding:0; text-align:center; background:url(/images/app/thumb_box04.gif) no-repeat 0 0;}
.appListG li .thumbD img {width:86px; height:86px;}
.appListG li a {width:88px;}
.appListG li a.name:link, .appListG li a.name:visited, .appListG li a.name:active {display:block; text-decoration:none; color:#fff; font-size:12px; padding:3px 0 0 0;}
.appListG li a.name:hover {text-decoration:none; color:#d9c4ff;}

.appListG li a.down {padding:4px 0 1px 0;}

/* ÇÇóÆù¿ë ÆùÆ®¹Ì¸®º¸±â popup */
#appPicturePop2 {padding:20px 15px 8px 15 px;}
#appPicturePop2 .tab {float:left; width:370px; padding-bottom:20px; }
#appPicturePop2 .tab li {float:left;}
#appPicturePop2 .btnLine {text-align:center; border-top:solid 1px #c2c2c2; padding-top:15px; margin:20px 15px 8px 15px;}
#appPicturePop2 .contP {clear:both; text-align:center;}

/* ÄÁÅÙÃ÷°Ë»ö */
#appsearchwrap {width:682px; z-index:104; position:absolute; left:center; top:207px;}
.appsearch {width:667px; padding-left:15px; z-index:30; position: absolute; left: center; top:0px;}
.appsearchbg {width:682px; z-index:29; top:0;}
.appsearch .topArea {height:47px;}
.appsearch .topArea h2 {padding-top:14px; margin:0;}
.appsearch .searchlist {float:left; width:465px; height:167px;}
.appsearch .searchlist dl {float:left; width:155px; margin:0;}
.appsearch .searchlist dl dt {margin:0 0 10px;}
.appsearch .searchlist dl dd {margin:0 0 7px; font-size:11px;}
.appsearch .modelsearch {position:relative; float:left; width:470px; margin-top:25px;}
.appsearch .modelsearch h2 {margin-bottom:7px;}
.appsearch .modelsearch input {vertical-align:top; width:230px; font-size:11px; border:1px solid #d2d2d2; padding:6px 0 3px 4px; margin-bottom:1px;}
.appsearch .tag {float:right; width:140px; margin:0px 25px 0 5px; _margin:0px 13px 0 5px; vertical-align:top;}
.appsearch .tag h2 {margin:0px 0 10px 0;}

.in_modelOff {background:#fff url(/images/product/img_modelsearch.gif) no-repeat 5px 3px;}
.btnResetapp {float:right; margin:-20px 0 0 0; #margin:-40px 0 0 0}
.btnClose {position:absolute; right:10px; top:5px;}
.btnClose2 {position:absolute; right:10px; top:10px;}
/* °Ë»ö°á°ú */
.appsearchReselt {padding-bottom:10px; margin-top:30px !important; border-bottom:2px solid #9966cc;}
.appsearchReselt h2 {color:#fff; font-size:16px;}
.dotline {padding-bottom:15px; background:url(/images/app/img_dot.gif) repeat-x 0 bottom;}