@charset "UTF-8";

/* Accessibility Navigation */
.accNav {position:absolute; top:0; left:0; z-index:500; width:100%; height:0;}
.accNav a {display:block; position:absolute; left:0; top:0; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#fff; white-space:nowrap; font-size:12px;}
.accNav a:focus, .accNav a:hover, .accNav a:active {width:100%; height:auto; padding:5px 0; background:#ff6e15; color:#fff; z-index:1000;}

/* common */
h2 {position:absolute; top:0; left:0; height:0; font-size:0 !important; line-height:0;}
#gnb > ul:after, #topBox .util:after, #topBox .util .srhBox:after, #mainVisual .visualNavi li .imgCanvas:after, .noticeWrap:after, .noticeBox:after, 
.noticeBox .update ul li:after, .goodsWrap:after, .goodsWrap .goodsList .bestTab ul:after, .goodsMngWrap ul:after, 
#footer .fineCommunity:after, #footer .footMenu:after{content:" "; display:block; clear:both;}

#gnb > ul, #topBox .util, #topBox .util .srhBox, #mainVisual .visualNavi li .imgCanvas, .noticeWrap, .noticeBox, .noticeBox .update ul li, 
.goodsWrap, .goodsWrap .goodsList .bestTab ul, .goodsMngWrap ul, #footer .fineCommunity, #footer .footMenu{*zoom:1;}

#gnb > ul > li > a > span, #gnb .goShopping span, #mainVisual .visualNavi li a span, .goodsWrap .goodsList .bestTab ul li a span,
.customerWrap .board .boardTab li a span, #quickWrap span, .srhTxt, .board strong {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}

/* gnb */
#wrap.main #header {position:relative}
#header {position:fixed; z-index:999; width:100%; height:117px; background:#eeeeee url(http://finedigital.ofscdn.com/fineweb/images/common_new/menu_bg.gif) repeat-x bottom;}
#gnbWrap {width:1080px; margin:0 auto;}
#gnbWrap .topCountry {position:absolute; left:50%; top:25px; margin-left:555px;}
#topBox {width:100%; height:76px;}
#topBox h1 {float:left; padding-top:28px; margin-left:-150px;}
.util {float:right; width:380px; padding-top:23px}
.util ul {float:left; padding-top:7px; margin-right:9px}
.util ul li {float:left; height:10px; padding:0 5px; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/gray_bar.gif) no-repeat left 1px;}
.util ul li:first-child {background:none;}
.util ul li a img {vertical-align:top;}
.util .srhBox {float:right; width:164px; height:32px;}
.util .srhBox input {float:left; width:130px; padding:5px 0; vertical-align:top; border:2px solid #f37121;border-right:none; }
.util .srhBox button {width:32px; height:26px;margin:0; padding:0;background:#f47121; cursor:pointer; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/btn_srh.gif) no-repeat 0 0; text-indent:-9999px;}
#gnb { position:relative; z-index:200; width:100%; height:41px;}
#gnb > ul > li {position:relative; float:left;}
#gnb > ul > li.on {background-position:0 -46px;}
#gnb > ul > li > a {display:block; height:41px; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/gnb_bg_v5.gif) no-repeat;}
#gnb > ul > li > a > strong {display:block; position:absolute; overflow:hidden;  left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px}
#gnb > ul > li.info > a {width:179px; background-position:0 0;}
#gnb > ul > li.skill > a {width:179px; background-position:-179px 0;}
#gnb > ul > li.event > a {width:179px; background-position:-358px 0;}
#gnb > ul > li.support > a {width:179px; background-position:-537px 0;}
#gnb > ul > li.myDrive > a {width:179px; background-position:-716px 0;}
#gnb > ul > li.info > ul {width:160px;padding:10px 10px 0 10px}
#gnb > ul > li.skill > ul {width:170px;}
#gnb > ul > li.event > ul {width:170px;}
#gnb > ul > li.support > ul {width:170px;}
#gnb > ul > li.myDrive > ul {width:170px;}
#gnb > ul > li.info > a:hover, 
#gnb > ul > li.info > a:focus, 
#gnb > ul > li.info > a.on {width:179px; background-position:0 -46px;}
#gnb > ul > li.skill > a:hover, 
#gnb > ul > li.skill > a:focus, 
#gnb > ul > li.skill > a.on {width:179px; background-position:-179px -46px;}
#gnb > ul > li.event > a:hover, 
#gnb > ul > li.event > a:focus, 
#gnb > ul > li.event > a.on {width:179px; background-position:-358px -46px;}
#gnb > ul > li.support > a:hover, 
#gnb > ul > li.support > a:focus, 
#gnb > ul > li.support > a.on {width:179px; background-position:-537px -46px;}
#gnb > ul > li.myDrive > a:hover, 
#gnb > ul > li.myDrive > a:focus, 
#gnb > ul > li.myDrive > a.on {width:179px; background-position:-716px -46px;}
#gnb > ul > li.shop>a {display:block; position:absolute; top:-5px; z-index:300; width:189px; height:46px; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/gnb_shop_v3.png) no-repeat;}
#gnb > ul > li.shop>a:hover, #gnb > ul > li.Shop>a:focus, #gnb > ul > li.Shop>a.on {background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/gnb_shop_v3.png) no-repeat;}
#gnb > ul > li.shop p {display:block; position:absolute; z-index:299; top:-5px;  width:184px; height:46px; }
#gnb > ul > li.shop p.bgBlack{background:#434343;}
#gnb > ul > li.shop p.bgOrange{background:#f37121}
#gnb > ul > li.shop ul {width:172px; border-top:41px solid white; border-right:1px solid #f7f7f7}
#gnb > ul > li > ul {display:none; position:absolute; height:220px; padding:10px 0 0 10px; border-left:1px solid #ededed; border-bottom:2px solid #b3b3b3; background:white; }
#gnb > ul > li > ul:hover, #gnb > ul > li ul.on {background:#f7f7f7;}
#gnb > ul > li ul > li {margin-bottom:10px;}
#gnb > ul > li ul li a {font-size:12px; color:#6e6e6e;}
#gnb > ul > li ul li a:hover,
#gnb > ul > li ul li a:focus,
#gnb > ul > li ul li a.on {font-weight:bold; color:#ff6e15; letter-spacing:-1px}
.depth2 {display:none; position:absolute; top:0; z-index:999; background:white; left:179px; width:870px; height:168px; border-right:1px solid #f7f7f7; border-bottom:2px solid #b3b3b3; padding-left:28px}
.depth2 ul {padding-top:25px; width:885px; height:80%;}
.depth2 ul li {float:left; width:116px; text-align:center; }
.depth2 ul li a {display:block; height:100%;}
.depth2 ul li em {display:block; width:95px; height:66px; padding-bottom:13px; margin:4px auto 10px; border-bottom:1px dotted silver; cursor:pointer;}


/* Quick Menu*/
#quickWrap {position:fixed; z-index:200; right:0; top:117px;}
#quickWrap p, #quickWrap a {width:60px; height:70px; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/quick_bg.gif) no-repeat; cursor:pointer;}
#quickWrap p.on {background-position:-61px 0}
#quickWrap a {display:block; vertical-align:top}
#quickWrap ul {position:relative; display:none; background:#434343; height:100%;}
#quickWrap .goodsInfo {background-position:0 -70px;}
#quickWrap .memJoin {background-position:0 -140px;}
#quickWrap .goodsReg {background-position:0 -210px;}
#quickWrap .mapUp {background-position:0 -280px;}
#quickWrap .golfDevice {background-position:0 -350px;}
#quickWrap .naviAcc {background-position:0 -420px;}
#quickWrap .official {background-position:0 -490px;}
#quickWrap .facebook {background-position:0 -560px;}
#quickWrap .goodsInfo:hover,
#quickWrap .goodsInfo:focus,
#quickWrap .goodsInfo.on {background-position:-61px -70px;}
#quickWrap .memJoin:hover,
#quickWrap .memJoin:focus,
#quickWrap .memJoin.on {background-position:-61px -140px;}
#quickWrap .goodsReg:hover,
#quickWrap .goodsReg:focus,
#quickWrap .goodsReg.on {background-position:-61px -210px;}
#quickWrap .mapUp:hover,
#quickWrap .mapUp:focus,
#quickWrap .mapUp.on {background-position:-61px -280px;}
#quickWrap .golfDevice:hover,
#quickWrap .golfDevice:focus,
#quickWrap .golfDevice.on {background-position:-61px -350px;}
#quickWrap .facebook:hover,
#quickWrap .facebook:focus,
#quickWrap .facebook.on {background-position:-61px -560px;}
#quickWrap .naviAcc:hover,
#quickWrap .naviAcc:focus,
#quickWrap .naviAcc.on {background-position:-61px -420px;}
#quickWrap .official:hover,
#quickWrap .official:focus,
#quickWrap .official.on {background-position:-61px -490px;}
#quickWrap .btnTop {position:absolute; display:block;width:60px; height:51px; top:740px; background-position:0 -632px;}
#quickWrap .btnTopOn {background-position:0 -632px;}
/*Footer*/
#footer {width:100%;border-top:1px solid #e8e8e8;}
.fineCommunity {width:980px;height:120px; margin:0 auto;}
.fineCommunity p {display:block; float:left; height:44px; padding-top:31px;}
.fineCommunity ul{display:block;padding-top:30px}
.fineCommunity li {float:left; margin-left:62px}
.fineCommunity li:first-child {margin-left:54px;}
.footMenu {width:100%; height:40px; background:#ebebeb; margin-bottom:22px;}
.footMenu ul {width:980px; height:100%; margin:0 auto;}
.footMenu ul li {float:left; background:url(http://finedigital.ofscdn.com/fineweb/images/common_new/gray_bar.gif) no-repeat left center;}
.footMenu ul li a {display:block; height:100%; padding:13px 28px;}
.footMenu ul li:first-child a {padding-left:0;}
.footMenu ul li.last a {padding-right:0;}
#footer .address {position:relative; width:980px; height:95px; line-height:18px; margin:0 auto; padding-top:19px}
.address address {margin-bottom:8px; font-style:normal; font-size:11px; color:#7a7a7a; }
.address .asAddress {margin-bottom:13px; font-size:11px; color:#f05f57; font-weight:bold;}
.address .copyright {font-size:11px; color:#7a7a7a}
.address .bizInfo {position:absolute; top:37px; right:650px;}
.address .footUtil {position:absolute; top:80px; right:3px;}
.address .footUtil a {margin-left:5px}
.address .nations {position:absolute; top:58px; right:5px;}
.address .sns_ico {position:absolute; top:15px; right:5px;}