@charset "utf-8";

/* 스타크래프트 - 리마스터 */
.starcraft{float:left; width:772px; font-size:16px !important;}

/* 스타크래프트 - 공통 */
.starcraft *{margin:0; padding:0; border:0; outline:0; vertical-align:top; box-sizing: border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;
    font-family: dotum;}
.starcraft h1{float:left; width:100%; padding:35px 0; text-align:center;}
.starcraft h1 img{cursor:pointer;}
.starcraft h3{float:left; font-size:1.125em; font-weight:normal; color:#5dc947;}
.starcraft h3 img{margin:0 5px 0 0;}
.starcraft button{cursor:pointer; border-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.starcraft ul, ol, dl{list-style:none;}

.star_gnb{float:left; width:100%; font-size:0.875em; margin-top:10px; border-top:1px solid #800000; border-bottom:1px solid #800000;}
.star_gnb li{float:left; width:16.6%; text-align:center; color:#73f559; padding:10px 0; cursor:pointer;}
.star_gnb li.star_on{color:#c3f461; font-weight:bold;}


.star_View .board_top li:nth-child(3) button {
    background: none;
    font-family: dotum;
    cursor: inherit;
}


/* 스타크래프트 - main */
.star_r_main{float:left; width:100%; min-height:648px; background:url(http://appdata.hungryapp.co.kr/images/sim/starcraft_remaster/bg1.png) repeat-y 0 0;}

.star_visual{float:left; width:100%; text-align:center; background:url(http://appdata.hungryapp.co.kr/images/sim/starcraft_remaster/bg_visual.png) no-repeat 50% 0;}
.star_visual img{border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:7px 0 0 0;}
.star_visual ul{text-align:center; display:table; margin:0 auto; margin-top:10px;}
.star_visual li{float:left; background:black; width:13px; height:13px; margin-right:4px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; cursor:pointer;}
.star_visual li.visual_on{background:#5dc947;}

.star_date{float:left; width:100%; padding:0 10px; margin-top:20px;}
.star_date button{float:right; font-size:0.813em; font-weight:bold; color:#5dc947; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #5dc947; background:none; padding:5px 15px;}
.star_date ul{float:left; width:100%; margin-top:5px;}
 
.star_date li {
    float: left;
    width: calc(33.3% - 10px);
    margin-right: 10px;
    border: 1px solid black;
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 12px;
    color: white;
    font-size: 0.750em;
    min-height: 86px;
}




.star_date li:nth-child(2) {width:33.4%;} 
.star_date li:nth-child(3) {margin-right:0;} 
.star_date li dl{font-size:0.938em;}

.star_date li dt {
    width: 100%;
    color: #b90000;
    font-size: 1.000em;
}
.star_date li dd {
    width: 100%;
    color: #b8bbcc;
    font-size: 1.000em;
    margin: 2px 0;
}

.star_notice{float:left; width:100%; height:35px; margin-top:10px; padding:5px 10px 0 10px; color:#61c3f4; background:black url(http://appdata.hungryapp.co.kr/images/sim/starcraft_remaster/bg_notice.png) no-repeat 0 bottom; font-size:0.813em;}
.star_notice dt{float:left; margin-right:20px;}
.star_notice dt img{margin:0 3px 0 0;}
.star_notice dd{float:left;}

/* 스타크래프트 - news -버튼들 */
.star_tab{float:left; width:100%; padding-left:25px; margin-bottom:10px;}
.star_tab li{float:left; -moz-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-box-shadow:#5dc947 0px 0px 7px;  -webkit-border-radius:3px; -webkit-box-shadow:#6E7849 0 0 7px; border:1px solid #5dc947; box-shadow:#5dc947 0px 0px 7px; padding:1px; margin-right:10px;}
.star_tab li button:nth-child(1) {box-shadow:none; height:34px;}
.star_tab li:nth-child(4) {background:black; box-shadow:none; width:320px;}
.star_tab li:nth-child(4) button{border:none; padding:5px 5px 0 0; background:none;}
.star_tab li:nth-child(4) input{padding:1px 35px 3px 10px; font-size:0.875em; color:#616162; width:285px; height:34px; background:black;}
.star_tab li:nth-child(5) {box-shadow:none;}
.star_tab li:nth-child(5) button{border:none; padding:5px 8px 6px 8px; margin:0;}
.star_tab li button{color:#5dc947; font-size:0.875em; -moz-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #5dc947; padding:7px 25px;
  background-color: #000000; background-image: -moz-linear-gradient(0deg, #0a2504, #000000);
  background-image: -ms-linear-gradient(0deg, #0a2504, #000000);
  background-image: -o-linear-gradient(0deg, #0a2504, #000000);
  background-image: -webkit-linear-gradient(0deg, #0a2504, #000000);
  background-image: linear-gradient(0deg, #0a2504, #000000);}
.star_tab li.tab_on {border:1px solid #ccff66; -moz-box-shadow:#ccff66 0px 0px 7px; -webkit-box-shadow:#ccff66 0 0 7px;  box-shadow:#ccff66 0px 0px 7px;}
.star_tab li.tab_on button{color:#ccff66; font-size:0.875em; -moz-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ccff66; padding:7px 25px;
  background-color: #000000; background-image: -moz-linear-gradient(0deg, #0a2504, #000000);
  background-image: -ms-linear-gradient(0deg, #0a2504, #000000);
  background-image: -o-linear-gradient(0deg, #0a2504, #000000);
  background-image: -webkit-linear-gradient(0deg, #0a2504, #000000);
  background-image: linear-gradient(0deg, #0a2504, #000000);}
  
/* 스타크래프트 - news -리스트 */
.star_r_news{float:left; width:100%; min-height:648px; background:url(http://appdata.hungryapp.co.kr/images/sim/starcraft_remaster/bg2.png) repeat-y 0 0; padding-bottom:10px;}

.star_news{float:left; width:calc(100% - 20px); height:170px; background:url(http://appdata.hungryapp.co.kr/images/sim/starcraft_remaster/bg_news.png) no-repeat 0 0; margin:0 10px 5px 10px;}
.star_news h3{float:left; width:50%; color:#a0a1a1; font-size:0.938em; padding:20px 0 0 25px;}
.star_news h6{float:right; width:50%; color:#a0a1a1; font-size:0.750em; text-align:right; padding:23px 25px 0 0;}
.star_news ul{float:left; padding:0 25px; margin-top:10px;}
.star_news li{color:#a4a5a5;}
.star_news li:nth-child(1){float:left; border:1px solid #1c391a; width:159px;}
.star_news li:nth-child(2){float:right; width:calc(100% - 159px); padding-left:10px;}
.star_news li dl{margin-top:10px;}
.star_news li dt{color:white; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.star_news li dt span{color:#800000; margin-right:5px;}
.star_news li dd{font-size:0.750em; color:#a6a6a6; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; width:100%; line-height:16px;}
.star_news li dd:nth-child(3){text-decoration:underline; margin-top:5px;}

/* 스타크래프트 - 유닛 */
.unit_tab{float:left; width:100%; padding:0 10px;}
.unit_tab li{float:left; width:248px; height:210px; background:url(http://appdata.hungryapp.co.kr/images/sim/starcraft_remaster/bg_unit.png) no-repeat 0 0; margin-right:4px;}
.unit_tab li:nth-child(3){margin-right:0;}
.unit_tab li button{position:relative; background:none; width:calc(100% - 40px); height:calc(100% - 40px); margin:20px; font-size:1.000em;}
.unit_tab li .grn_unit{position:absolute; right:0; bottom:0; z-index:560;}
.unit_tab li button dl{ z-index:510;}
.unit_tab li button dt img{opacity:0.7;}
.unit_tab li button dt img:hover{opacity:1;}
.unit_tab li button dd{color:#00ff00; text-align:left; margin:7px 0 0 0;font-family: 돋움;
    font-weight: bold;}

.unit_tab li.unit_on dt img{opacity:1;}
.unit_tab li.unit_on dd{color:#c3f461;font-family: 돋움;
    font-weight: bold;}

.unit_list{float:left; width:100%; margin-top:25px; padding:0 10px;}

.unit_list h3 {
    width: 100%;
    float: left;
    font-weight: normal;
    margin-top: 5px;
    font-size: 14px;
}

.starcraft h3 img {
    margin: -6px 5px 0 0;
}
 

.unit_list li{float:left; width:76px; height:76px; position:relative; margin:10px 8px 10px 0;}
.unit_list li:nth-child(9n+9){margin-right:0;}
.unit_list li button img{position:absolute; top:0; left:0; z-index:610;}
.unit_list li button dt{position:absolute; top:0; left:0; z-index:605;}
.unit_list li button dd{position:absolute; bottom:0; left:0; z-index:615; width:100%; height:22px; background:rgba(0,0,0,0.5); font-size:0.938em; color:#cdcdcd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top: 4px;
    font-family: 돋움;line-height:15px;}

.starcraft .popup_wrap{position:fixed; top:0px; left:0px; width:772px; height:100%; z-index:1000;}
.starcraft .popup{position:absolute; top:50%; left:386px; width:450px; min-height:350px; margin-left:-185px; margin-top:-210px; padding:2px 0px 2px 2px;
  -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;
  -moz-box-shadow:#0046d1 0px 0px 10px; -webkit-box-shadow:#6E7849 0 0 10px; box-shadow:#0046d1 0px 0px 10px;
  background-color:black;
  background-image:-moz-linear-gradient(0deg, #03173e, black);
  background-image:-ms-linear-gradient(0deg, #03173e, black);
  background-image:-o-linear-gradient(0deg, #03173e, black);
  background-image:-webkit-linear-gradient(0deg, #03173e, black);
  background-image:linear-gradient(0deg, #03173e, black); 
  border:1px solid #0046d1;font-size:14px;}
.starcraft .popup_con{float:left; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #0046d1; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; padding:15px;}

.popup_con h3{float:left; width:100%; color:white; font-size:1.438em; margin-bottom:15px;}
.popup_con h3 button{float:right; background:none;}
.popup_con li{float:left;}
.popup_con li.con_left{padding:0 10px 0 0; width:50%; border-right:1px solid #03163b;}
.popup_con li p{width:100%; padding:8px 0; margin-bottom:10px; text-align:center; border-bottom:1px solid #1b282e; border-top:1px solid #1b282e;}
.popup_con li dl{float:left; width:100%; height:230px; overflow-y:auto;}
.popup_con li dt{float:left; width:50%; color:#658fad; font-size:0.875em; margin-bottom:7px; overflow:hidden; white-space:nowrap;}
.popup_con li dd{float:right; width:50%; color:white; font-size:0.875em; margin-bottom:7px; text-align:right; overflow:hidden; white-space:nowrap;}
.popup_con li.con_right{padding:0 0 0 10px; width:50%;}
.popup_con li li{float:left; margin:0 4px 6px 0;}

.popup_con li li button{border:1px solid #0066ff;}
.popup_con li li button img{width:25px; height:25px;}
 









/* 스타크래프트 - 경기일정 - 20170419 추가 */
.star_days{float:left; width:100%; margin:0px 10px 5px 10px; padding-bottom:25px; background:url(http://appdata.hungryapp.co.kr/images/sim/starcraft_remaster/bg_btm1.png) no-repeat left bottom}
.star_days h3{float:left; width:calc(100% - 50px); margin:5px 25px 10px 25px; color:white;}
.star_days .day_table{float:left; width:calc(100% - 65px); margin-left:25px; background-color:none; opacity:0.6}

.day_table table{float:left; width:100%; color:white; border-collapse:collapse; background:none; font-size:0.750em}
.day_table table th{font-weight:normal; padding:7px 5px; border:1px solid #535353; border-left:none; border-right:none}
.day_table table th:nth-child(1){border-left:1px solid #535353;}
.day_table table th:nth-last-child(-n+1){border-right:1px solid #535353;}
.day_table table td{font-weight:normal; padding:10px 5px; border:1px solid #24282b; border-left:none; border-right:none; text-align:center}
.day_table table td button{background:white; -moz-border-radius:50%; -moz-border-radius:50%; border-radius:50%; padding:3px 5px 2px 5px; font-size:0.688em}
 
 
 
/*종족1차팝업*/
.infos dl { width: 100%;min-height: 30px;overflow-y: auto;}


.infos dt {float: left;width: 35%;color: #658fad;font-size: 0.875em;margin-bottom: 7px;overflow: hidden;white-space: nowrap;text-align:left;}
.infos dd {float: right;width: 65%;color: white;font-size: 0.875em;margin-bottom: 7px;text-align: right;overflow: hidden;white-space: nowrap;text-align:right;}
.st{width:22px;margin:4px;}
.openIMG{width:75px !important;height:75px !important;text-align:center;margin:10px;}
/*종족 업그레이드 이미지*/
.clkUnit2{width:25px;height:25px;border:1px solid #0066ff;margin:3px;position:relative;cursor:help}  

/*종족2차팝업*/
.mff_list{float:left;width:96%;margin:2%;padding:0% 0% 2% 0%;background-image:url('http://appdata.hungryapp.co.kr/images/sim/finalfantasy14/html_images/mff_list_bg.jpg');background-repeat:repeat-x;background-position:top center;background-color:#24262c;}
.table_fflist{width:96%;margin:2%;min-width:5;}
.table_fflist table {width:100%; margin:0;border:1px solid #000000; border-collapse:collapse;}
.table_fflist table th {border:1px solid #000000; padding:2% 6px 2% 0; color:#ffffff; background-color:#000000; text-align:center;  font-weight:bold;}
.table_fflist table td {border:1px solid #000000; padding:1.5% 6px 1.5% 0; color:#ffffff; background-color:#272627; text-align:center;  font-weight:normal;}
.table_fflist table td img{padding:2%; width:50%;}

 
 

.table_fflist .mff_list_info {float:left;width:96%;margin:2%;padding:0% 0% 2% 0%;border:2px solid #3781b3; border-collapse:collapse;  }
.table_fflist .mff_list_info th {border:1px solid #17345c;height:28px;padding:2px 6px 2px 0; color:#00f0ff; 
text-align:center;  font-weight:bold;}
.table_fflist .mff_list_info th img{position:absolute;left:680px;width:23px;padding:0 6px 0 0;}
.table_fflist .mff_list_info td {border:1px solid #17345c; height:28px;padding:8px 6px 8px 0;color:#ffffff; background: none !important;
text-align:center;  font-weight:normal;}
.table_fflist .mff_list_info td img{float:left;padding:2%; width:13%;}
.table_fflist .mff_list_info th.info_title{font-size:17px; color:#ffffff;text-align:left;width:100%;margin:0;padding:2% 0% 2% 2%;}
.table_fflist .mff_list_info td .info_in{float:left;padding:2%; width:70%;text-align:left;line-height:1.6em;}
.table_fflist .mff_list_info td.info_left{text-align:left;padding:2% 0 2% 2%;}
.table_fflist .mff_list_info td.info_th{height:28px;padding:2px 6px 2px 0; color:#ffffff;
text-align:center;}
.table_fflist .mff_list_info {box-shadow: #0046d1 0px 0px 10px; background-image: -moz-linear-gradient(0deg, #03173e, black);    background-image: -ms-linear-gradient(0deg, #03173e, black);    background-image: -o-linear-gradient(0deg, #03173e, black);    background-image: -webkit-linear-gradient(0deg, #03173e, black);    background-image: linear-gradient(0deg, #03173e, black);}


/*페이징 */
.star_news{font-family:돋움,dotum;}
.ppaging{text-align:center;margin:0 0 0 0; padding:10px 0;font-size:12px !important;}
.ppaging>a{display: inline-block;text-align: center;color:#dddddd;padding:8px 10px 22px 10px;margin:0 1px 0 1px;border: 1px solid #c6cee4;background:#ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; color:#7c7c7c;}
.ppaging>a.on{border: 1px solid #c6cee4;background:#596a95; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight:bold;color:#ffffff;padding:8px 10px 22px 10px;}
.ppaging>a.next, .ppaging>a.pre, .ppaging>a.home, .ppaging>a.end{display: inline-block;text-align: center;color:#dddddd;padding:8px 10px 22px 10px;margin:0 1px 0 1px;border: 1px solid #c6cee4;background:#f0f3f8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight:bold;padding:8px 35px 22px 5px;}
.ppaging>a.next span, .ppaging>a.pre span, .ppaging>a.end span, .ppaging>a.home span{color:#7c7c7c;display:block;width:30px;}
  
/*페이징2 */
.ppaging2{text-align:center;margin:0 0 0 0;clear:left;padding:10px 0}
.ppaging2 a span{display:none}
.ppaging2 a{display:inline-block;height:17px;border:1px solid #e0e0e0;color:#8b8b8b;padding:5px 7px 0 7px}
.ppaging2 a.on{display:inline-block;height:17px;padding:5px 7px 0 7px;border:1px solid #ef4843;color:#ef4843;font-weight:bold}
.ppaging2 a.home{width:22px;height:22px;padding:0;vertical-align:bottom}
.ppaging2 a.pre{width:22px;height:22px;padding:0;vertical-align:bottom}
.ppaging2 a.next{width:22px;height:22px;padding:0;vertical-align:bottom}
.ppaging2 a.end{width:22px;height:22px;padding:0;vertical-align:bottom}
.ppaging2{text-align:center;margin:0 0 0 0; padding:10px 0;font-size:12px !important;}
.ppaging2>a{display: inline-block;text-align: center;color:#dddddd;padding:8px 10px 22px 10px;margin:0 1px 0 1px;border: 1px solid #5dc947;background:#000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; color:#5dc947;}
.ppaging2>a.on{border: 1px solid #ccff66;box-shadow: #5dc947 1px 1px 15px;background:#000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight:bold;color:#5dc947;padding:8px 10px 22px 10px;}
.ppaging2>a.next, .ppaging2>a.pre, .ppaging2>a.home, .ppaging2>a.end{display: inline-block;text-align: center;color:#dddddd;padding:8px 10px 22px 10px;margin:0 1px 0 1px;border: 1px solid #5dc947;background:#000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight:bold;padding:8px 35px 22px 5px;}
.ppaging2>a.next span, .ppaging2>a.pre span, .ppaging2>a.end span, .ppaging2>a.home span{color:#5dc947;display:block;width:30px;}