@charset "UTF-8";

/* Main Visual */
#visualWarp {width:100% }
#mainVisual {position:relative; width:980px; margin:0 auto;}
.visualNavi {position:absolute; top:-520px; width:175px; height:370px; margin-left:-37px;z-index:100;}
.visualNavi>li {vertical-align:top;}
.visualNavi>li>a {display:block; background:url(http://finedigital.ofscdn.com/fineweb/images/main_new/top_category.png) no-repeat;}
.visualNavi li.product {height:121px;}
.visualNavi li.shopping {height:125px;}
.visualNavi li.event {height:125px;}
.visualNavi li.product a {height:121px; background-position:0 2px;}
.visualNavi li.shopping a {height:125px; background-position:0 -120px;}
.visualNavi li.event a {height:125px; background-position:0 -245px;padding-bottom:1px;}
.visualNavi li.product a:hover, 
.visualNavi li.product a:focus, 
.visualNavi li.product a.on {background-position:-175px 2px;}
.visualNavi li.shopping a:hover, 
.visualNavi li.shopping a:focus, 
.visualNavi li.shopping a.on {background-position:-175px -120px;}
.visualNavi li.event a:hover, 
.visualNavi li.event a:focus, 
.visualNavi li.event a.on {background-position:-175px -245px;}

.rolling{position:relative; height:519px;}
.rolling>div{display:none; width:100%; height:550px; position:absolute; top:0; left:0;}
.test{position:relative; width:980px; margin:0 auto;}
.imgCanvas {position:absolute; overflow:hidden; top:86px; left:120px; width:860px; height:451px;}
.imgCanvas { width:813px; height:426px; margin-bottom:10px;}
.imgCanvas {float:left; width:860px;}
.imgCanvas a {display:block; margin:-30px 0 0 492px; width:101px; height:25px;}
.imgCanvas.event1 {top:50px; left:120px; width:850px; height:473px;}
.imgCanvas.event1 a {margin:10px 0 0 452px;}
/* 이벤트등록 프로그램으로 event1만 사용
.imgCanvas.event2 {top:45px; left:120px; width:850px; height:473px;}
.imgCanvas.event2 a {margin:10px 0 0 483px;}
.imgCanvas.event3 {top:45px; left:160px; width:850px; height:473px;}
.imgCanvas.event3 a {margin:10px 0 0 448px;}
*/
.imgCanvas.shopping1 {top:0px; left:160px; width:850px; height:473px;}
.imgCanvas.shopping1 a{margin:7px 0 0 395px;}
.imgCanvas.shopping2 {top:11px; left:95px; width:850px; height:493px;}
.imgCanvas.shopping2 a{margin:7px 0 0 495px;}
.imgCanvas.shopping3 {top:29px; left:62px; width:850px; height:493px;}
.imgCanvas.shopping3 a{margin:7px 0 0 575px;}
.rolling .mainNavi{display:block; position:absolute; bottom:13px; left:49%; text-align:center;z-index:900;}
.rolling .mainNavi button {margin:0; padding:0; width:15px; height:18px; cursor:pointer; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/ico_circleSmall.png) no-repeat;}
.rolling .mainNavi button img {vertical-align:top}
.rolling .mainNavi button:hover,
.rolling .mainNavi button:focus,
.rolling .mainNavi button.on {background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/ico_circleSmall_on.png) no-repeat;}

/* Contents */
.noticeWrap {width:100%; height:48px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.noticeBox {width:980px; margin:0 auto;}
.noticeBox .update {position:relative; float:left; overflow:hidden; width:489px; height:48px;}
.noticeBox .update p {float:left; display:block; width:83px; height:30px; padding-top:18px; background:#f0f0f0; text-align:center; }
.noticeBox .update ul {overflow:hidden;}
.noticeBox .update ul li {height:48px; line-height:48px; padding:0 36px 0 8px;}
.noticeBox .update ul li a {display:inline-block; float:left; width:270px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.noticeBox .update ul li span {float:right; font-size:12px; color:#8f8f8f;}
.noticeBox .update .btn {position:absolute; top:12px; right:11px; width:10px; height:10px;z-index:200; text-align:center}
.noticeBox .update .btn button {display:block; margin:0; padding:0; width:20px; height:11px; background:none; margin-bottom:3px}
.noticeBox .update .btn button img {vertical-align:top}
.noticeBox .notice {float:left; position:relative; overflow:hidden; width:490px; height:48px; background:#f0f0f0;}
.noticeBox .notice ul li {height:48px; line-height:48px; padding:0 36px 0 10px;}
.noticeBox .notice ul li a {display:inline-block; float:left; width:350px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.noticeBox .notice ul li em{font-style:normal; color:#f37121; font-weight:bold}
.noticeBox .notice ul li span {float:right; font-size:12px; color:#8f8f8f;}
.noticeBox .notice .btn {position:absolute; top:12px; right:11px; width:10px; height:10px;z-index:200; text-align:center}
.noticeBox .notice .btn button {display:block; margin:0; padding:0; width:20px; height:11px; background:none; margin-bottom:3px}
.noticeBox .notice .btn button img {vertical-align:top}

.goodsWrap {width:980px; height:217px; margin:0 auto;}
.goodsWrap .store {float:left; position:relative; overflow:hidden; width:246px; height:198px; padding-top:19px}
.goodsWrap .store ul {width:246px;}
.goodsWrap .store ul li{width:246px;float:left}
.goodsWrap .store .navigate {position:absolute; top:18px; right:12px; z-index:200;}
.goodsWrap .store .navigate button {margin:0 1px; padding:0; width:11px; height:11px; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/ico_circleSmall.png) no-repeat;}
.goodsWrap .store .navigate button:hover,
.goodsWrap .store .navigate button:focus,
.goodsWrap .store .navigate button.on {margin:0 1px; padding:0; width:11px; height:11px; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/ico_circleSmall_on.png) no-repeat;cursor:pointer}
.goodsList {position:relative; float:left; width:488px; height:217px;}
.bestTab {padding:19px 19px 33px 19px}
.bestTab ul {}
.bestTab ul li {float:left; padding:0 10px; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/gray_barLong.gif) no-repeat left center;}
.bestTab ul li a {display:block; height:14px;}
.bestTab ul li.tabAcc a {width:91px; background:url(http://finedigital.ofscdn.com/fineweb/images/main_new/tab_accBest5.gif) no-repeat 1px;}
.bestTab ul li.tabdevice a {width:78px; background:url(http://finedigital.ofscdn.com/fineweb/images/main_new/tab_deviceBest5.gif) no-repeat 2px;}
.bestTab ul li.tabgolf a {width:59px; background:url(http://finedigital.ofscdn.com/fineweb/images/main_new/tab_golfDevice.gif) no-repeat;}
.bestTab ul li.tabAcc a:hover,
.bestTab ul li.tabAcc a:focus,
.bestTab ul li.tabAcc a.on {background:url(http://finedigital.ofscdn.com/fineweb/images/main_new/tab_accBest5_on.gif) no-repeat 0px;}
.bestTab ul li.tabdevice a:hover,
.bestTab ul li.tabdevice a:focus,
.bestTab ul li.tabdevice a.on {background:url(http://finedigital.ofscdn.com/fineweb/images/main_new/tab_deviceBest5_on.gif) no-repeat 0px;}
.bestTab ul li.tabgolf a:hover,
.bestTab ul li.tabgolf a:focus,
.bestTab ul li.tabgolf a.on {background:url(http://finedigital.ofscdn.com/fineweb/images/main_new/tab_golfDevice_on.gif) no-repeat;}
.bestTab ul li:first-child {padding-left:0; background:none;}
.goodsBox{overflow:hidden; width:384px; height:120px; margin:0 auto;}
.goodsBox ul {overflow:hidden; float:left; display:none;}
.goodsBox ul:first-child{display:block;}
.goodsBox ul li {float:left; width:112px; height:120px; margin:0 8px; text-align:center; display:inline-block;}
.goodsBox ul li p {height:83px;}
.goodsBox ul li div {overflow:hidden; margin-top:7px;text-align:center;}
.goodsBox ul li em {float:left; font-size:38px; margin-right:5px; font-style:normal}
.goodsBox ul li em img {vertical-align:top}
.goodsBox ul li span {display:block; font-weight:bold; color:#ff971d;}
.goodsBox ul li .price {}
.goodsBox ul li .price a {display:inline-block; float:left;width:85px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left; }
.goodsList .btn button {overflow:hidden;position:absolute; top:88px; right:24px; width:22px; height:37px; background:none; cursor:pointer;}
.goodsList .btn button:first-child {left:24px;}
.goodsWrap .event {float:left; position:relative; overflow:hidden; width:245px;height:217px;}
.goodsWrap .event .navigate {position:absolute; top:18px; right:12px; z-index:200;}
.goodsWrap .event .navigate button {margin:0 1px; padding:0; width:11px; height:11px; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/ico_circleSmall.png) no-repeat;}
.goodsWrap .event .navigate button:hover,
.goodsWrap .event .navigate button:focus,
.goodsWrap .event .navigate button.on {margin:0 1px; padding:0; width:11px; height:11px; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/ico_circleSmall_on.png) no-repeat;cursor:pointer}
/*
.goodsWrap .event ul {width:2000px;}
.goodsWrap .event ul li {float:left;}
*/


.goodsMngWrap {width:100%; height:282px; background:#fafafa; border-top:#e8e8e8; border-bottom:#e8e8e8;}
.goodsMngWrap ul {width:980px; height:100%; margin:0 auto;}
.goodsMngWrap ul li {float:left; width:245px;height:250px; padding-top:32px; text-align:center}
.goodsMngWrap ul li.bgGray {background:#f2f2f2;}
.goodsMngWrap ul li span {display:block; font-size:11px;}
.goodsMngWrap ul li div {width:100%; height:180px; margin-bottom:13px;}
.goodsMngWrap ul li div em {display:block; width:100%; height:140px; margin-bottom:14px; vertical-align:top; }
.goodsMngWrap ul li>a {display:inline-block; *display:inline; zoom:1; width:28px; height:29px;}

.customerWrap {width:980px; height:251px; margin:0 auto;}
.customerWrap .customer {float:left; overflow:hidden; width:246px; padding-top:8px;}
.customerWrap .customer p {margin-bottom:15px;}
.customerWrap .customer li {float:left}
.board {float:left; position:relative; width:453px; padding:39px 18px 0;}
.boardTab {overflow:hidden; margin-bottom:19px; height:29px; border-bottom:1px solid #e7e7e7;}
.boardTab li {float:left; width:85px;}
.boardTab a {display:block; height:30px; background:url(http://finedigital.ofscdn.com/fineweb/images/main_new/customer_bg.gif) no-repeat;}
.boardTab .tabNotice a {background-position:0 0;}
.boardTab .tabNews a {background-position:-85px 0;}
.boardTab .tabUpdate a {background-position:-170px 0;}
.boardTab .tabNotice a:hover,
.boardTab .tabNotice a:focus,
.boardTab .tabNotice a.on {background-position:0 -35px;}
.boardTab .tabNews a:hover,
.boardTab .tabNews a:focus,
.boardTab .tabNews a.on {background-position:-85px -35px;}
.boardTab .tabUpdate a:hover,
.boardTab .tabUpdate a:focus,
.boardTab .tabUpdate a.on {background-position:-170px -35px;}
.boardList li {padding:4px 0 5px 13px; height:14px; border-bottom:1px solid #e7e7e7;background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/bullet_gray.gif) no-repeat 3px 10px; font-size:11px;}
.boardList li a {display:inline-block; overflow:hidden; *display:inline; zoom:1; width:365px; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;}
.boardList li a span {float:right;}
.customerWrap .board .more {position:absolute; top:51px; right:18px}
.customerWrap .reSearch {padding-top:39px}

.customerWrap .reSearchRollingBox {float:left; position:relative; overflow:hidden; width:235px; height:170px; padding-top:39px; padding-left:5px;}
.customerWrap .reSearchRollingBox ul {width:235px;}
.customerWrap .reSearchRollingBox ul li{width:235px; float:left}
.customerWrap .reSearchRollingBox .navigate {position:absolute; top:18px; right:12px; z-index:200;}
.customerWrap .reSearchRollingBox .navigate button {margin:0 1px; padding:0; width:11px; height:11px; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/ico_circleSmall.png) no-repeat;}
.customerWrap .reSearchRollingBox .navigate button:hover,
.customerWrap .reSearchRollingBox .navigate button:focus,
.customerWrap .reSearchRollingBox .navigate button.on {margin:0 1px; padding:0; width:11px; height:11px; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/ico_circleSmall_on.png) no-repeat;cursor:pointer}