@charset "utf-8";
/* 메인 css입니다 */

/*****************************************************************************
* header
*****************************************************************************/
#header {position:relative; width:970px; margin:0 auto; z-index:2;}
#header .logo {margin:20px 0; text-align:center;}
#header .logo h1 a {font-size:2.25em; color:#000;}
#header .logo img {float:left; margin:-10px 0 0 10px;}
#header .logo span {float:right; margin:-5px 10px 0 0;}

/* 주메뉴 */
#gnb {position:relative; width:970px; height:52px; background:url("../images/com/bg_gnb.gif") no-repeat 0 top;}
#gnb li {float:left; margin:0 27px 0 28px;}
#gnb li.all {margin-right:60px;}
#gnb li div {position:absolute; top:38px; left:0; display:none; width:968px; text-align:center; background:#fff; border:solid 1px #ccc;}
#gnb li div ul li {margin:0 5px 0 0; padding:9px 12px 7px 5px; background:url("../images/ico/bg_bar.gif") no-repeat right 50%;}
#gnb li div ul li.none {background:none;}
#gnb li div.gnb_list01 ul {width:300px; margin-left:160px;}
#gnb li div.gnb_list02 ul {width:300px; margin-left:270px;}
#gnb li div.gnb_list03 ul {width:400px; margin-left:320px;}
#gnb li div.gnb_list04 ul {width:400px; margin-left:460px;}
#gnb a.btn_top {position:absolute; top:6px; right:25px;}

/* 전체보기 */
#gnb_all {position:absolute; display:none; width:970px; height:200px; margin:0 auto; margin-top:-14px; background:url("../images/com/bg_all.jpg") no-repeat 0 0; z-index:3;}
#gnb_all dl {float:left; width:130px; margin:20px 10px;}
#gnb_all dl.first {float:left; width:130px; margin:20px 10px 20px 200px;}
#gnb_all dt {margin-bottom:13px; padding:10px 2px; font-weight:bold; border-bottom:1px solid #e9e9e9;}
#gnb_all dd {line-height:140%; margin:5px 0;}
#gnb_all button {position:absolute; right:0; bottom:0;}

/*****************************************************************************
* layout
*****************************************************************************/
#container {position:relative; width:970px; overflow:hidden; margin:0 auto; z-index:1;}
#contents {float:left; margin-top:10px; width:970px; height:502px; background:url("../images/main/bg_contents.gif") repeat-x 0 top;}

h3 {float:left;}
.dot_01 {padding-left:18px; background:url("../images/ico/ico_dot_01.gif") no-repeat left 10%;}
.img_border {border:1px solid #d5d5d5;}
.right_bar {padding-right:10px; background:url("../images/ico/bg_bar.gif") no-repeat right 40%;}

/* 배너존 */
.bannerzone {position:relative; float:left; width:665px; height:165px;}
.bannerzone li {clear:both;}
.bannerzone li a {float:left; width:88px; height:33px; padding:20px 0 0 10px; border-top:1px solid #ececea; border-right:1px solid #c5c6c0; border-bottom:1px solid #d5d5d5; border-left:1px solid #ececea; background-color:#ececea;}
.bannerzone li a.none {border-bottom:1px solid #ececea;}
.bannerzone li a:hover {font-weight:bold; color:#000; border-top:1px solid #c5c6c0; border-bottom:1px solid #c5c6c0; border-left:1px solid #c5c6c0; border-right:none; background-color:#fff;}
.bannerzone li a.fir:hover {border-top:1px solid #c5c6c0;}
.bannerzone li a.end:hover {border-bottom:1px solid #c5c6c0;}

.bannerzone li div {position:absolute; top:0; right:0; padding-left:1px;}
.bannerzone li div a, .bannerzone li div a:hover {clear:both; width:565px; height:165px; padding:0; border:none; background:none;}

/* 로그인 */
.login {float:right; width:283px; height:153px; padding:5px 10px; text-align:center; border:1px solid #d5d5d5; background:url("../images/main/bg_login.gif") repeat-x 0 top;}
.login p {margin-top:8px;}
.login p.login_banner {margin:20px 0 5px 0;}
.login p.login_banner img {margin:0 4px;}
.login input[type=text],.login input[type=password] {height:24px;}

/* 별점 */
.score {display:inline-block; margin-top:30px;}
.star_box {float:left; text-align:left;}
.star_box_star {float:left; display:inline-block; width:95px; height:20px; margin:0 0 0 15px; text-align:left; background:url("../images/com/bg_star.gif") no-repeat -95px 0;}
.star_box_star span {display:block; height:20px; background:url("../images/com/bg_star.gif") no-repeat;}
.star_box em {float:left; width:50px; margin:-1px 10px 0 0; font-size:1.750em; text-align:center; font-weight:bold;}

/* 스윙영상서비스 */
.vod {float:left; width:630px; height:250px; padding:17px 10px 18px 20px;}
.vod h3 {width:630px;}
.vod div {float:left; width:505px; margin:2px 0 10px 0;}

.vod dl {position:relative; float:left; margin-top:10px;}
.vod dl dd {margin-bottom:8px; border:1px solid #d5d5d5;}
.vod dl dd span {position:absolute; top:0; right:0;}
.vod dl dt {padding-left:5px;}

/* 공지사항 이벤트 */
.notice {position:relative; float:left; margin:20px 0 0 25px;}
.notice h3 {width:260px; margin-bottom:20px;}
.notice ul {width:260px;}
.notice ul li {margin-top:9px;}
.notice_more {position:absolute; top:3px; right:0;}

/* 골프마케팅 */
.banr {float:right; width:300px; height:220px; margin-right:4px;}

/* 포토앨범 */
.photo {float:left; width:630px; height:180px; padding:17px 10px 20px 20px;}
.photo div {float:left; width:100%; margin-top:15px; text-align:center;}
.photo div a {float:left; margin-top:50px;}
.photo div ul {float:left; overflow:hidden; margin:0 10px;}
.photo div ul li {float:left; width:182px; margin:0 5px; line-height:35px;}
.photo div ul li a {width:100%; margin-top:0; text-align:center;}
.photo div .img_border {padding:3px;}

/*****************************************************************************
* footer
*****************************************************************************/
#footer {position:relative; width:970px; margin:0 auto; padding-top:20px; border-top:2px solid #4c4c4c;}
#footer .footer_logo {float:left; display:inline; margin:0 70px 0 10px;}
#footer address {float:left; display:inline; margin-top:7px;}
#footer .footer_link {float:left; display:inline; margin:7px;}
#footer .footer_link a {margin-right:7px; padding-left:10px; background:url("../images/ico/bg_bar.gif") no-repeat left 35%;}
#footer p {float:left; width:100%; text-align:center; font-size:0.938em; color:#999; margin-bottom:20px;}