﻿@charset "utf-8";

/* 기본 스타일 정의 */
*{margin:0;padding:0;}
html,body {width:100%;height:100%;}
body,div,dl,dt,dd,th,td,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,button{margin:0;padding:0;}
hr,legend {display:none;}
img,fieldset{border:0 none;}
body,div,p,h1,h2,h3,h4,h5,dl,dt,dd,th,td,form,fieldset,legend,input,textarea{font-size:12px;font-weight:normal;font-family:돋움,dotum,sans-serif;color:#999;}
ul,ol,li{list-style:none outside;}
a:link,a:visited,a:active{text-decoration: none;color: #666;}a:hover{text-decoration:underline;color:#666;}
table {border-collapse:collapse;}
.baimgno{background:none !important;}
.mr0{margin-right:0px !important;}
.cen{text-align:center;}

#wrap{width:940px;margin:0 auto;}

#header{margin-top:14px;margin-bottom:15px;}
#header .tp4{float:left;padding:6px 0 0 10px;}
#header div.login{float:right;}
#header div.login li, #header div.login p, #header div.login ul{float:left;}
#header div.login li{background:url('/skin/footjoy/images/common/top/topli.gif') no-repeat right 5px;}
#header div.login li a{padding:5px 7px;display:inline-block;}
#header div.login p a{padding:2px 11px;display:inline-block;}
#header div.login span {float: left; padding-top: 1px; color: #666; font-size: 11px;}
#header .topmenu{*zoom:1;}
#header .topmenu:after{ content:""; display:block; clear:both;}

#header #gnb{clear:both;margin-top:14px;*margin-top:12px;background:url('/skin/footjoy/images/common/top/gnbBg.gif') no-repeat right top;height:51px;padding:14px 0 0 15px;}
#header #gnb h1{float:left;margin-right:8px;}
#header #gnb ul, #header #gnb ul li{float:left;}
#header #gnb ul li{background:url('/skin/footjoy/images/common/top/gnbli.gif') no-repeat right 13px;}
#header #gnb ul li a{padding:12px;display:inline-block;}
#header #gnb div{float:right;padding:10px 15px 0 0;}
#header #gnb div .search{border:none;background:url('/skin/footjoy/images/common/top/searchBg.gif') repeat-x;width:79px;height:15px;margin:0;padding:3px 0 0 4px;vertical-align:top;color:#000;*position:relative;*top:-1px;}

#contents{*zoom:1;padding-bottom:27px;}
#contents:after{ content:""; display:block; clear:both;}

/*댓글 달기*/
#contents ul.comments {margin:0 auto;width:687px;margin-top:15px;border-top:1px solid #EEEEEE;}
#contents ul.comments li {border:1px solid #eee;margin:0 auto;padding:16px 7px 16px 16px;width:664px;*zoom:1;}
#contents ul.comments li:after{content:""; display:block; clear:both;}
#contents ul.comments li p.userpic {float:left;border:1px solid #C2C2C2;width:40px;height:40px;margin-right:10px;background-color:#ddd;}
#contents ul.comments li div.mcom{float:left;width:600px;}
#contents ul.comments li p.username{float:left;padding-top:2px;}
#contents ul.comments li p.username span{margin:0 10px 0 7px;}
#contents ul.comments li p.username strong{color:#999999;font-size:10px;font-weight:normal;}
#contents ul.comments li p.username strong a{font-size:12px;font-weight:bold;}
#contents ul.comments li p.reply{float:right;}
#contents ul.comments li p.reply a.mcomment{color:#43a6ff;font-size:11px;}
#contents ul.comments li p.reply a.mcancel{color:#fa9d3a;font-size:11px;}
#contents ul.comments li p.text{clear:both;padding-top:5px;width:600px;}

#contents ul.comments div.mcom1{clear:both;float: left;width:610px;padding-top:15px;background:url("/skin/footjoy/images/common/bg/mcomment.gif") no-repeat 21px 31px;padding-left:38px;*zoom:1;}
#contents ul.comments div.mcom1 p.userpic {float:left;border:1px solid #C2C2C2;width:40px;height:40px;margin-right:10px;background-color:#ddd;}
#contents ul.comments div.mcom1 p.username{float:left;padding-top:2px;margin-right:10px;}
#contents ul.comments div.mcom1 p.username span{margin:0 10px 0 7px;}
#contents ul.comments div.mcom1 p.username strong{color:#999999;font-size:10px;font-weight:normal;}
#contents ul.comments div.mcom1 p.username strong a{font-size:12px;font-weight:bold;}
#contents ul.comments div.mcom1 .text{float:left;padding-top:5px;width:555px;}
/*
#contents ul.comments li div.mcom1{clear:both;width:649px;padding-top:15px;background:url("/skin/footjoy/images/common/bg/mcomment.gif") no-repeat 21px 31px;padding-left:38px;*zoom:1;}
#contents ul.comments li div.mcom1:after{content:""; display:block; clear:both;}
#contents ul.comments li div.mcom1 p.username{float:left;padding-top:2px;}
#contents ul.comments li div.mcom1 div.mcom{float:left;width:592px;}
#contents ul.comments li div.mcom1 textarea {border:1px solid #C2C2C2;height:40px;width:100%;}
#contents ul.comments li div.mcom1 p.submit{margin-top:5px;text-align:right;}
*/

#content{float:left;width:700px;}
#snb{float:right;width:220px;padding-top:2px;}

#bcontent{float:left;width:710px;}
#bsnb{float:right;width:210px;padding-top:2px;}

/* search부분 추가 css부분 */
.searchp{font-weight:bold;color:#666;padding-bottom:10px;border-bottom:1px solid #ddd;}
.searchp strong{color:#2871b3;}
.searchhoes li{*zoom:1;padding:20px 0;border-bottom:1px solid #ddd;}
.searchhoes li:after{ content:""; display:block; clear:both;}
.searchhoes p{margin-top:10px;padding-left:5px;line-height:15px;*clear:both;}
.searchhoes li p a{color:#999;}
.searchhoes li p a strong{color:#666;}
.searchhoes li p a strong span{color:#2871b3;}
.searchhoes li div{padding-top:4px;*zoom:1;}
.searchhoes li div:after{content:""; display:block; clear:both;}
.searchhoes li div p img{vertical-align:top;margin-right:2px;}
.searchhoes li div p.data{float:left;font-size:11px;color:#999;padding-left:5px;margin-right:9px;}
.searchhoes li div p.tag{float:right;padding-left:0px;overflow:hidden;height:13px;width:600px;}
.searchhoes li div p.tag a{color:#999;}

.ribox{background:url('/skin/footjoy/images/common/bg/ribox.gif') no-repeat left top;padding-left:20px;margin-bottom:5px;}
.ribox div.mainri{background:url('/skin/footjoy/images/common/bg/ribox.gif') no-repeat right top;padding:18px 19px 0 0;height:28px;}
.ribox div.mainri h2{float:left;color:#666;font-size:16px;font-weight:bold;}
.ribox div.mainri p{float:right;}

.riboxb{background:url('/skin/footjoy/images/common/bg/ribox.gif') no-repeat left top;padding-left:20px;margin-bottom:5px;}
.riboxb div.mainri{background:url('/skin/footjoy/images/common/bg/ribox.gif') no-repeat right top;padding:14px 19px 0 0;height:32px;}
.riboxb div.mainri h2 strong span{color:#2971a7;}
.riboxb div.mainri h2 strong{color:#666;font-size:16px;margin-right:5px;}
.riboxb div.mainri h2 span{color:#e9e9e9;margin-right:5px;}
.riboxb div.mainri h2{float:left;color:#8a8a8a;}
.riboxb div.mainri p{float:right;color:#c5c5c5;font-size:11px;padding-top:5px;}

/* 블로그 타이틀 길어질 때*/
.riboxb1{background:url('/skin/footjoy/images/common/bg/riboxblog.gif') no-repeat left top;padding-top:10px;margin-bottom:5px;*zoom:1;}
.riboxb1 div.mainri{background:url('/skin/footjoy/images/common/bg/riboxblog.gif') no-repeat right bottom;padding:0 19px 10px 15px;*zoom:1;}
.riboxb1 div.mainri:after{ content:""; display:block; clear:both;}
.riboxb1 div.mainri h2 strong{color:#666;font-size:16px;margin-right:5px;line-height:22px;}
.riboxb1 div.mainri h2 span{color:#e9e9e9;margin-right:5px;}
.riboxb1 div.mainri h2{float:left;color:#8a8a8a;width:560px;}
.riboxb1 div.mainri p{float:right;color:#c5c5c5;font-size:11px;padding-top:5px;line-height:12px;}

.mainboxlt{background:url('/skin/footjoy/images/common/bg/boxBg.gif') no-repeat left top;margin-bottom:16px;display:inline-block;padding-top:25px;width:700px;}
.mainboxrt{background:url('/skin/footjoy/images/common/bg/boxBg.gif') no-repeat right bottom;padding:0 20px 25px 20px;}

.mainboxlt1{background:url('/skin/footjoy/images/common/bg/boxB1.gif') no-repeat left top;margin-bottom:16px;display:inline-block;padding-top:19px;width:341px;}
.mainboxrt1{background:url('/skin/footjoy/images/common/bg/boxB1.gif') no-repeat right bottom;padding:0 20px 13px 30px;}

.mainstory{*zoom:1;}
.mainstory:after{ content:""; display:block; clear:both;}
.mainstory li{float:left;width:210px;margin-right:15px;}
.mainstory li .stimg{padding-bottom:4px;height:276px;*float:left;}
.mainstory li p{margin-top:10px;padding-left:5px;line-height:15px;*clear:both;}
.mainstory li p a{color:#999;}
.mainstory li p a strong{color:#666;}
.mainstory li p a strong span{color:#2871b3;}
.mainstory li div{padding-top:3px;*zoom:1;}
.mainstory li div:after{ content:""; display:block; clear:both;}
.mainstory li div p img{vertical-align:top;margin-right:2px;}
.mainstory li div p.data{float:left;font-size:11px;color:#999;padding-top:1px;_padding-top:0px;padding-left:5px;}
.mainstory li div p.tag{float:right;padding-left:0px;overflow:hidden;width:140px;height:13px;}
.mainstory li div p.tag a{color:#999;}

.mainshoes li{*zoom:1;margin-bottom:11px;}
.mainshoes li .shdiv{float:left;width:537px;}
.mainshoes li:after{ content:""; display:block; clear:both;}
.mainshoes .stimg{float:left;margin-right:14px;}
.mainshoes p{margin-top:10px;padding-left:5px;line-height:15px;*clear:both;}
.mainshoes li p a{color:#999;}
.mainshoes li p a strong{color:#666;}
.mainshoes li p a strong span{color:#2871b3;}
.mainshoes li .shdiv div{padding-top:4px;*zoom:1;}
.mainshoes li .shdiv div:after{content:""; display:block; clear:both;}
.mainshoes li .shdiv div p img{vertical-align:top;margin-right:2px;}
.mainshoes li .shdiv div p.data{float:left;font-size:11px;color:#999;padding-top:1px;_padding-top:0px;padding-left:5px;margin-right:9px;}
.mainshoes li .shdiv div p.tag{float:right;padding-left:0px;overflow:hidden;height:13px;width:465px;}
.mainshoes li .shdiv div p.tag a{color:#999;}

#glout{*zoom:1;}
#glout:after{content:""; display:block; clear:both;}
#glout .glove{width:341px;float:left;}
#glout .outer{width:341px;float:right;}

.mainglout li{*zoom:1;margin-bottom:13px;}
.mainglout li:after{ content:""; display:block; clear:both;}
.mainglout .stimg{float:left;margin-right:14px;}
.mainglout li p a{color:#999;}
.mainglout li p a strong{color:#666;}
.mainglout p{margin-top:10px;padding-left:5px;line-height:15px;}
.mainglout li p.tag img{vertical-align:top;margin-right:2px;}
.mainglout li p.tag{padding-left:0px;overflow:hidden;height:13px;}

.snbtitle{*zoom:1;margin-bottom:9px;}
.snbtitle:after{content:""; display:block; clear:both;}
.snbtitle h2{float:left;}
.snbtitle p{float:right;padding-right:5px;}

.swf{text-align:center;padding-bottom:21px;}

.media{*zoom:1;padding-bottom:20px;}
.media:after{content:""; display:block; clear:both;}
.media li{float:left;margin-right:11px;}
.media li img{float:left;}

.video p{text-align:center;color:#666;padding-top:10px;padding-bottom:21px;_padding-bottom:19px;}

.news{border-top:1px solid #ddd;padding:13px 0 0 5px;}
.news p{margin-bottom:17px;_margin-bottom:15px;font-weight:bold;}
.news div{padding-bottom:22px;}
.news .search{border:1px solid #c2c2c2;height:16px;*height:14px;padding:3px 0 0 4px;vertical-align:top;margin-right:5px;width:144px;}

.news1{border-top:1px solid #ddd;padding:13px 0 0 5px;}
.news1 p{padding-bottom:20px;font-weight:bold;background:url('/skin/footjoy/images/main/qnaQ.gif') no-repeat left top;padding-left:43px;}
.news1 ul{height:91px;*height:94px;_height:89px;}
.news1 li{margin-bottom:8px;*margin-bottom:0px;padding:0;}
.news1 div{text-align:right;padding-bottom:21px;}

.notice{border-top:1px solid #ddd;padding:13px 0 0 0;}
.notice li{background:url('/skin/footjoy/images/main/mainIco.gif') no-repeat 2px 4px;padding-left:15px;margin-bottom:5px;}
.notice li a{color:#666;}

.news2{border-top:1px solid #ddd;padding:10x 0 0 3px;border-bottom:1px solid #ddd;}
.news2 li{height:13px;float:left;margin-right:7px;margin-bottom:3px;}
.news2 ul{*zoom:1;padding-bottom:11px;}
.news2 ul:after{content:""; display:block; clear:both;}
.news2 li.rimar{margin-right:50px;}

.help{padding:14px 0 0 4px;*zoom:1;}
.help:after{content:""; display:block; clear:both;}
.help h2{float:left;padding-right:12px;}
.help ul li{float:left;}

.rnrrl{padding:10px 0;padding /*\**/: 12px 0\9;*padding:14px 0;_padding:10px 0;height:18px;}

#footer{border-top:1px solid #ddd;padding:13px 0;}
#footer p{font-family:verdana;font-size:9px;text-align:right;}

.blogbox{background:url('/skin/footjoy/images/blog/blogBg.gif') no-repeat left top;padding-top:20px;}
.blogbox1{background:url('/skin/footjoy/images/blog/blogBg.gif') no-repeat left bottom;padding-bottom:50px;}
.blogbox2{background:url('/skin/footjoy/images/blog/blogBgli.gif') repeat-y;}


#bcontent .blogcont{width:688px;margin:0 auto;color:#666;}
#bcontent .blogcont p{color:#666;line-height:16px;}
#bcontent p.url{color:#C5C5C5;font-size:11px;text-align:right;margin-bottom:13px;}
#bcontent p.url a{margin-left:5px;}
#bcontent p.url a img{vertical-align:top;}

#bcontent div.article-info {border-bottom:1px solid #EEEEEE;width:688px;margin:0 auto;margin-top:33px;padding-bottom:5px;*zoom:1;}
#bcontent div.article-info:after {content:""; display:block; clear:both;}
#bcontent div.article-info dl {float:left;width:610px;*zoom:1;}
#bcontent div.article-info dl:after {content:""; display:block; clear:both;}
#bcontent div.article-info dl dt.tag {background:url("/skin/footjoy/images/blog/icon_tag_02.gif") no-repeat 0 0;}
#bcontent div.article-info dl dt {color:#666666;float:left;font-size:11px;padding:0 0 0 20px;width:70px;}
#bcontent div.article-info dl dd.tag {background:url("/skin/footjoy/images/blog/icon_tag_01.gif") no-repeat 0 0;color:#666666;font-weight:bold;padding:0 0 0 35px;width:485px;}
#bcontent div.article-info dl dd {float:left;margin:0 0 8px;width:500px;}

#bcontent div.article-info dl dt.response {background:url("/skin/footjoy/images/blog/icon_response.gif") no-repeat 0 0;}
#bcontent div.article-info dl dt.rss {background:url("/skin/footjoy/images/blog/icon_rss_01.gif") no-repeat 0 0;height:20px;}
#bcontent div.article-info dl dd.rss {font-size:11px;;}

#bcontent div.article-info p.creative-commons {float:left;margin:5px 0 13px;text-align:right;width:75px;}
#bcontent div.article-info p.creative-commons a{text-decoration: none;}
#bcontent div.article-info p.print {background:url("/skin/footjoy/images/blog/icon_print_01.gif") no-repeat 5px 0;float:left;letter-spacing:-1px;padding:0 0 0 20px;}

#bcontent div.comment-write{*zoom:1;margin:0 auto;width:687px;}
#bcontent div.comment-write:after{content:""; display:block; clear:both;}
#bcontent div.comment-write p.userpic {float:left;margin:10px 5px 0 5px;width:40px;border:1px solid #ddd;}
#bcontent div.comment-write textarea {border:1px solid #C2C2C2;float:left;height:40px;margin:10px 0 5px;width:628px;}
#bcontent div.comment-write p.submit {clear:both;letter-spacing:-1px;text-align:right;}
#bcontent div.comment-write p.submit input {vertical-align:middle;position:relative;top:-2px;}
#bcontent div.comment-write p.submit a{margin-left:8px;}
#bcontent div.comment-write p.submit img{vertical-align:middle;}

#bcontent div.pager {letter-spacing:-1px;margin:20px 0 0;text-align:center;width:690px;}
#bcontent div.pager span.prev {background:url("/skin/footjoy/images/blog/pager_arrow_01.gif") no-repeat 0 3px;}
#bcontent div.pager span.selected {color:#598527;font-size:14px;font-weight:bold;padding:0 7px;}
#bcontent div.pager a {padding:0 7px;width:10px;}
#bcontent div.pager {letter-spacing:-1px;text-align:center;}
#bcontent div.pager span.next {background:url("/skin/footjoy/images/blog/pager_arrow_02.gif") no-repeat right 3px;padding:0 10px 0 0;}

#bcontent div.tag-cloud {
	float: left;
	margin: 30px 0 0 0;
	width: 670px;
	line-height: 2.5em;
}
#bcontent div.tag-cloud strong {
	font-size: 2em;
	color: red;
}

#bsnb h3{margin-bottom:31px;}
#bsnb h4{padding-bottom:10px;border-bottom:1px solid #c2c2c2;}
#bsnb ul.category{margin-top:19px;margin-bottom:30px;}
#bsnb ul.category li {background:url("/skin/footjoy/images/blog/icon_category_01.gif") no-repeat 0 1px;margin:0 0 11px 14px;overflow:hidden;padding:0 0 0 17px;}
#bsnb ul.category li .c_cnt{color:#2871b3;}
#bsnb ul.category li ul li {background:none repeat scroll 0 0 transparent;margin:0 0 2px;padding:0;}
#bsnb ul.category li ul {margin:5px 0 0;padding:0;}
#bsnb ul.category li a{color:#7d7d7d;}

#bsnb p.tag {line-height:18px;padding:19px 1px;}
#bsnb p.tag a{margin-right:5px;}
#bsnb p.tag .bold{font-weight:bold;}
#bsnb p.tag .blue{color:#2871b3;}

#bsnb p.tag-more {font-size:11px;text-align:right;width:210px;}
#bsnb p.creative-commons {height:50px;margin:20px 0 0;text-align:center;width:210px;}
#bsnb p.creative-commons a{text-decoration: none;}
#bsnb p.friend-add {background:url("/skin/footjoy/images/blog/icon_arrow_02.gif") no-repeat right 1px;float:right;font-size:11px;margin:-24px 0 0;padding:0 10px 0 0;text-align:right;width:200px;}
#bsnb p.friend-add  a{color:#a0a0a0}
#bsnb ul.friend {padding:22px 0 30px 12px;}
#bsnb ul.friend li{background:url("/skin/footjoy/images/blog/icon_arrow_02.gif") no-repeat left 1px;padding:0 0 7px 10px;}
#bsnb ul.friend li a{color:#7d7d7d}
