@charset 'utf-8';


/* 게임 영상 */
.gameMovie {}
.gameMovie p {width:128px; border:1px solid #000; padding:20px 15px; text-align:center; font-size:11px; background-color:#332e21;}


/* 우측배너 */
.rightBanner {}
.rightBanner li {width:160px; margin-bottom:5px; text-align:center;}


/* HIS소식 */
.news {position:relative; min-height:130px;}
* html .news {height:130px;}
.news .btnMore {position:absolute; left:289px; top:8px;}
.news .knowledge {position:absolute; left:344px; top:3px;}
.news .lstNews {position:relative; width:330px; zoom:1;}
.news .lstNews li {position:relative; zoom:1; border-bottom:1px solid #1f1d0e;}
.news .lstNews li .col1 {display:block; position:absolute; left:10px; top:1px;}
.news .lstNews li .col2 {display:block; width:225px; margin-left:55px; padding:4px 0 3px 0; line-height:1.2;}
.news .lstNews li .col2 a:hover {text-decoration:none;}
.news .lstNews li .col3 {display:block; position:absolute; right:10px; top:6px; font-size:11px; color:#695d57;}
.news .lstNews .noList {padding:37px 0; text-align:center; font-weight:bold; border-bottom:1px solid #393320;}


/* 지식검색 */
.knowSearch {position:relative; height:70px;}
.knowSearch .btnMore {position:absolute; left:455px; top:8px;} 
.knowSearch .frmKnowSearch {position:relative;}
.knowSearch .frmKnowSearch .iptSearch {position:absolute; left:11px; top:0px; width:306px; height:17px; padding:5px 0 0 15px; border-color:#554e35; background:#170e01 url(../images/main/bg_iptknowsearch.gif) no-repeat 5px 5px;}
.knowSearch .frmKnowSearch .btnSearch {position:absolute; left:351px; top:1px;}
.knowSearch .frmKnowSearch .btnQuestion {position:absolute; left:410px; top:1px;}


/* 지식격납고 */
.knowWrap {width:480px; min-height:115px; margin-left:auto; margin-right:auto; overflow:hidden;}
* html .knowWrap {height:115px;}


/* 지식참모부 */
.staffoffice {position:relative; float:left; width:250px;}
.staffoffice .btnMore {position:relative; top:-1px;}
.lstKnowledge {width:220px;}
.lstKnowledge li {position:relative; zoom:1; padding:0px 0 3px 0;}
.lstKnowledge li .col1 {position:absolute; left:0px; top:-1px;}
.lstKnowledge li .col2 {display:block; margin-left:53px; line-height:1.2;}
.lstKnowledge li .col2 a {font-size:11px; letter-spacing:-1px;}
.lstKnowledge li .col2 a:hover {text-decoration:none;}
.lstKnowledge .noList {padding:33px 0; text-align:center; font-weight:bold; border-top:1px solid #393320; border-bottom:1px solid #393320;}


/* 2차대전백과 */
.dict {position:relative; float:left; width:230px;}
.dict .btnMore {position:relative; top:-1px;}
.lstDict {position:relative; width:230px; zoom:1;}
.lstDict .col1 {display:block; margin-left:125px; line-height:1.2;}
.lstDict .col1 a {color:#cb7731; font-weight:bold; font-size:11px;}
.lstDict .col2 {display:block; position:absolute; left:0; top:0;}
.lstDict .col2 img {width:114px; height:80px; border:1px solid #000;}
.lstDict .col3 {display:block; margin-left:125px; margin-top:10px; line-height:1.2;}
.lstDict .col3 a {font-size:11px; letter-spacing:-1px; color:#655d3e;}
.lstDict .col3 a:hover {color:#cb7731; text-decoration:none;}
.lstDict .col4 {display:block; margin-left:125px; margin-top:5px; color:#584e49; font-size:11px;}


/* Today */
.todayWrap {width:500px; margin-left:auto; margin-right:auto; overflow:hidden; background:url(../images/main/bg_today.gif) no-repeat 50% 48px;}


/* Today Plane */
.todayPlane {position:relative; float:left; width:244px;}
.todayPlane .btnMore {position:absolute; right:10px; top:8px;} 
.lstPlane {position:relative; min-height:140px;}
* html .lstPlane {height:140px;}
.lstPlane .col1 {position:relative; padding-top:125px; text-align:center; font-size:11px; zoom:1;}
.lstPlane .col1 a:hover {text-decoration:none;}
.lstPlane .col2 {position:absolute; left:10px; top:0px;}
.lstPlane .col2 img {border:5px solid #393320;}
.lstPlane .col3 {position:absolute; left:120px; top:20px;}
.lstPlane .col3 p {width:80px; text-align:center; padding:8px 10px; border:1px solid #584e49; font-size:11px; letter-spacing:-1px; background-color:#332e21;}


/* Cartoon */
.cartoon {position:relative; float:right; width:244px; min-height:190px;}
* html .cartoon {height:190px;}
.cartoon .btnMore {position:absolute; right:10px; top:8px;} 
.cartoon .col1 {display:block; text-align:center;}
.cartoon .col1 img {width:130px; height:90px; border:5px solid #393320;}
.cartoon .col2 {display:block; padding-top:15px; text-align:center;}
.cartoon .col3 {position:absolute; left:22px; top:88px;}
.cartoon .col3 a {display:block; padding:5px;}
.cartoon .col4 {position:absolute; right:22px; top:88px;}
.cartoon .col4 a {display:block; padding:5px;}