@charset "UTF-8";

/**********************************************  메인 *******************************************************/

/*

------ 2014년 2월 17일 뉴리버 수정 --------

.customer {width:414px; position:relative; float:left; margin-left:1px; padding:12px 0 20px 15px;}
.customer p {margin-top:22px;}
.customer div {position:absolute; right:1px; top:0px; margin-top:18px;}
.customer ul {width:150px; overflow:hidden; padding-top:15px;}
.customer ul li {margin-top:1px;}

.shopping {width:430px; overflow:hidden; float:left; margin:0; padding:0; border-top:1px solid #e4e4e4;} 

------// 2014년 2월 17일 뉴리버 수정 --------

*/





#mainCon {width:980px; margin:30px auto 0 auto; background:url('http://finedigital.ofscdn.com/fineweb/images/main/bg_main.gif') repeat-y left top;}
#mainCon .mainTop {width:982px; overflow:hidden; padding:0; margin:0; border-bottom:1px solid #e4e4e4;}


/* 20120911 TEST
#newsArea{width:275px; overflow:hidden; float:left;}
#notice_tab {width:275px; background:url('http://finedigital.ofscdn.com/fineweb/images/main/bg_tab.gif') repeat-x left top;}

#notice_tab li{position:relative; float:left;}
#notice_tab li div{width:254px; position:absolute; padding:15px 10px 0 11px;}

#notice_tab li ul li{width:248px; font-size:0.9em; overflow:hidden; clear:both; float:none; padding:0 0 0 7px; background:url('http://finedigital.ofscdn.com/fineweb/images/common/bul/bul_dDarkGray.gif') no-repeat left 5px;}
#notice_tab li ul li a{float:left;}
#notice_tab li ul li span{color:#cbcbcb; float:right;}

#notice_tab .more {position:relative; left:230px; top:-113px;}
*/


.noticeArea {width:275px; overflow:hidden; float:left;}
.noticeArea .tab {width:275px; background:url('http://finedigital.ofscdn.com/fineweb/images/main/bg_tab.gif') repeat-x left top;}
.noticeArea .tab li {position:relative; float:left;}
.noticeArea .tab li div {width:254px; position:absolute; padding:15px 10px 0 11px;}

.noticeArea .tab li .popular {left:-57px; top:44px;}
.noticeArea .tab li .update {left:-116px; top:30px;}
.noticeArea .tab li .notice {left:0px; top:30px;}
.noticeArea .tab li .news {left:-173px; top:30px;}
/*
.noticeArea .tab li .popular {left:5px; top:44px;}
.noticeArea .tab li .update {left:-51px; top:30px;}
.noticeArea .tab li .notice {left:-108px; top:30px;}
.noticeArea .tab li .news {left:-167px; top:30px;}
*/
/*
.noticeArea .tab li .update {left:0px; top:30px;}
.noticeArea .tab li .notice {left:-57px; top:30px;}
.noticeArea .tab li .news {left:-116px; top:30px;}
.noticeArea .tab li .data {left:-172px; top:30px;}
*/
.noticeArea .tab li div .more {position:absolute; right:13px; top:-20px;}
.noticeArea .tab li div ul li {width:248px; font-size:0.9em; overflow:hidden; clear:both; float:none; padding:0 0 0 7px; background:url('http://finedigital.ofscdn.com/fineweb/images/common/bul/bul_dDarkGray.gif') no-repeat left 5px;}
.noticeArea .tab li div ul li a { font-size:1,0em; }
.noticeArea .tab li div ul li p {width:188px; color:#888888; float:left;}
.noticeArea .tab li div ul li span {color:#cbcbcb; float:right;}


.eventZone {width:274px; overflow:hidden; text-align:center; float:left; margin:0; padding:0; border-top:1px solid #e4e4e4;}

#mainCon .mainMid {width:980px; clear:both; overflow:hidden; border-bottom:1px solid #e4e4e4;}
#mainCon .mainBot {width:980px; overflow:hidden; border-bottom:1px solid #e4e4e4; padding-bottom:10px;}
.commArea01 {width:258px; overflow:hidden; position:relative; float:left; padding:12px 0 15px 17px;}
.commArea01 h2 {padding-bottom:14px;}
.commArea01 p {margin-top:5px;}
.commArea01 div {margin-top:10px;}
.commArea01 .goods {position:absolute; right:0; top:35px; margin:0;}

/*------------- 20120423_메인화면 레이아웃 정렬 추가 --------------------*/
.commArea02 {width:258px; overflow:hidden; position:relative; float:left; padding:12px 0 15px 17px; }
.commArea02 h2 {padding-bottom:14px;}
.commArea02 p {margin-top:9px;}
.commArea02 div {margin-top:17px;}
.commArea02 .goods {position:absolute; right:0; top:35px; margin:0;}
/*------------- 20120423_메인화면 레이아웃 정렬 추가 --------------------*/


/*.fineCommunity {width:962px; overflow:hidden; padding:11px 0 11px 16px; border:1px solid #e4e4e4; border-top:none;}
.fineCommunity h2 {float:left; padding-top:7px; margin-right:4px;}
.fineCommunity ul {float:left;}
.fineCommunity ul li {float:left; margin-left:9px;}
.fineCommunity img {vertical-align:top;}

.branch {width:258px; overflow:hidden; position:relative; float:left; padding:12px 0 20px 17px;}
.branch p {color:#f37121; font-size:0.9em; margin-top:21px;}
.branch .imgArea {position:absolute; right:1px; top:23px; margin:0;}
.branch .btn {margin-top:10px;}

.upgradeGuide {width:414px; overflow:hidden; position:relative; float:left; margin-left:1px; padding:12px 0 30px 15px; background:url('http://finedigital.ofscdn.com/fineweb/images/main/bg_upgrade.jpg') no-repeat left top;}
.upgradeGuide p {margin-top:19px;}
.upgradeGuide div {margin-top:10px;}
.upgradeGuide .img{position:absolute; right:1px; top:10px; margin:0;}
.upgradeGuide .btn {margin-top:24px;}


.research {width:258px; overflow:hidden; position:relative; float:left; padding:12px 0 20px 17px;}
.research p {margin-top:23px;}
.research .txtbox {color:#f37121; font-size:0.9em; margin-top:10px;}
.research .imgArea {position:absolute; right:1px; top:46px; margin:0;}
.research .btn {margin-top:7px;}
/*------------- 20120424_메인화면 레이아웃 정렬 수정 --------------------*/ 

/* 메인 추가 */

.noticeArea .tab li img {vertical-align:top;}
.noticeArea .tab li .popular .weeklyList {position:static ! important; margin:0; padding:0; background:none;}
.noticeArea .tab li .popular .weeklyList .subtab {width:260px; position:static ! important ; margin:0; padding:0;}
.noticeArea .tab li .popular .weeklyList .subtab span {padding: 0pt 0px; cursor: pointer;}
.noticeArea .tab li .popular .weeklyList .weeklyCon {zoom:1; position:static ! important; margin:7px 0 0; padding:0; background:none;}
.noticeArea .tab li .popular .weeklyList .weeklyCon:after {content:""; clear:both; display:block;}
.noticeArea .tab li .popular .weeklyList .weeklyCon ul {width:120px ! important; float:left ! important; margin:0; padding:0;}
.noticeArea .tab li .popular .weeklyList .weeklyCon ul li {width:120px ! important; font-size:10px; margin:0; padding:0 0 0 5px;} 
.noticeArea .tab li .popular .weeklyList .weeklyCon ul li a:hover {color:#f37121;}
.noticeArea .tab li .popular .weeklyList .weeklyCon p {width:125px ! important; float:left ! important;}

.noticeArea .tab li .popular .weeklyList .weeklyAcc {zoom:1; position:static ! important; margin:7px 0 0; padding:0; background:none;}
.noticeArea .tab li .popular .weeklyList .weeklyAcc:after {content:""; clear:both; display:block;}
.noticeArea .tab li .popular .weeklyList .weeklyAcc ul {width:120px ! important; float:left ! important; margin:0; padding:0;}
.noticeArea .tab li .popular .weeklyList .weeklyAcc ul li {width:160px ! important; font-size:0.9em; margin:0; padding:0 0 0 5px;}
.noticeArea .tab li .popular .weeklyList .weeklyAcc ul li a:hover {color:#f37121;}
.noticeArea .tab li .popular .weeklyList .weeklyAcc p {width:125px ! important; float:left ! important;}

/*퀵메뉴 추가 [2012-03-30]*/ 
.quick_wrap {width:54px; position:fixed; top:150px; right:0px; z-index:999;}
.quick_wrap .menu {height:44px; margin:0 0 3px 0; }
.quick_wrap .go_top {margin:3px 0 0 0; }
.quick_wrap .con {width:48px; border:3px solid #000000; text-align:center;}
.quick_wrap .con ul {list-style:none; margin:0;}
.quick_wrap .con ul li {margin:0;}
.quick_wrap .con ul .bar {margin:-7px; 0 0 0;}