/* BASIC css start */ #preview_wrap { display:none; } #header-top { width:100%; position:relative; margin:0 auto; z-index:1; } #kakao1 {position: fixed;bottom:100px;right:5px;z-index:999999;} .top_fix {position: fixed;bottom:50px;right:10px;z-index:999999;display:none} .top_fix a{display:block;padding:0} /* 상단검정바 */ #topbar { position:fixed; top:0px; width:100%; min-width:1300px; margin:0 auto; height:34px; background:#000; text-transform:uppercase; z-index:999; } #topbar .wizsubmenu { width:1200px; margin:0 auto; height:34px; text-transform:uppercase; position:relative;} #topbar ul { font-size:0; line-height:0; } #topbar .first { background:#000; border-left:1px solid #666 } #topbar .first a { color:#fff; } #topbar .first a:hover { color:#FF0000; } #topbar li { float:left; display:inline-block; *display:inline; height:34px; line-height:34px; font-size:11px; cursor:default; } #topbar li a { display:block; vertical-align:middle; font-size:10px; color:#dedede; font-family: 'Arial',sans-serif; font-weight:bold; text-decoration:none; height:34px; line-height:34px; padding:0 20px; border-right:1px solid #666 !important; } #topbar li a:hover { color:#fff; } #topbar li a img { vertical-align:middle; padding-right:5px; } #topbar .topbar_mypage a img { padding-left:5px; padding-right:0px; } #topbar .topbar_cate a img { padding-left:5px; padding-right:0px; } #topbar .topbar_com a img { padding-left:5px; padding-right:0px; } #topbar .wizsubmenu .topbar_left { position:absolute; top:0px; left:0px; z-index:2; } #topbar .wizsubmenu .topbar_left span { color:#fff; } #ball {position:absolute; z-index:90;top:23px;left:50px;height:20px;line-height:20px;color:#222;text-align:center;padding:6px 0 0;background:url("/design/tarotgolf/wizdesign/ball_bg.png") no-repeat 50% 0;-webkit-animation:joinpointanimation 3s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function:ease-in-out;} #ball .font{display:block;width:55px;margin:0;background:#eee;border-radius:7px;text-align:center; font-family:'Lato',sans-serif; font-size:10px;color:#222; font-weight:none;} /* 카테고리 */ #topbar .topbar_cate { position:relative; display:block; border-right:1px solid #666; border-left:1px solid #666 ; width:140px; } #topbar .topbar_cate li a { color:#dedede; border-right:0px !important; font-size:10px; color:#dedede; font-family: 'Arial',sans-serif; font-weight:700;} #topbar .topbar_cate li a:hover { color:#dedede;font-weight:700; } .cate_sub { display:none; position:absolute; top:34px; left:-1px; z-index:2; width:100%; background:#000; border:1px solid #000; border-top:0px; padding:5px 0; } .cate_sub li { clear:both; } .cate_sub li a { color:#000; display:block; background:none; line-height:25px !important; height:25px !important; font-family: 'Nanum Gothic','Arial',sans-serif !important; font-size:10px !important; } .cate_sub li a:hover { background:url(/design/tarotgolf/wizdesign/sub_icon.png) no-repeat 11px center; color:#666 !important; } /* 커뮤니티 */ #topbar .topbar_com { position:relative; display:block; border-right:1px solid #666 } #topbar .topbar_com a { color:#dedede; border-right:0px !important; font-size:10px; color:#dedede; font-family: 'Arial',sans-serif; font-weight:700;} #topbar .topbar_com a:hover { color:#fff; font-size:10px; color:#dedede; font-family: 'Arial',sans-serif; font-weight:700; } .com_sub { display:none; position:absolute; top:34px; left:-1px; z-index:2; width:100%; background:#000; border:1px solid #000; border-top:0px; padding:5px 0; } .com_sub li { clear:both; } .com_sub li a { color:#000; display:block; background:none; line-height:25px !important; height:25px !important; font-family: 'Nanum Gothic','Arial',sans-serif !important; font-size:10px !important; } .com_sub li a:hover { background:url(/design/tarotgolf/wizdesign/sub_icon.png) no-repeat 12px center; color:#666 !important; } /* 마이페이지 */ #topbar .topbar_mypage { position:relative; display:block; border-right:1px solid #666 } #topbar .topbar_mypage a { color:#dedede; border-right:0px !important; font-size:10px; color:#dedede; font-family: 'Arial',sans-serif; font-weight:700;} #topbar .topbar_mypage a:hover { color:#fff; font-size:10px; color:#dedede; font-family: 'Arial',sans-serif; font-weight:700; } .mypage_sub { display:none; position:absolute; top:34px; left:-1px; z-index:2; width:100%; background:#000; border:1px solid #000; border-top:0px; padding:5px 0; } .mypage_sub div { clear:both; } .mypage_sub div a { color:#000; display:block; background:none; line-height:25px !important; height:25px !important; font-family: 'Nanum Gothic','Arial',sans-serif !important; font-size:10px !important;} .mypage_sub div a:hover { background:url(/design/tarotgolf/wizdesign/sub_icon.png) no-repeat 12px center; color:#666 !important; } /* 오른쪽메뉴 */ #topbar .wizsubmenu .topbar_right { position:absolute; top:0px; right:0px; z-index:2; } #topbar .wizsubmenu .topbar_right li{ float:left; float:left; display:inline-block; *display:inline; vertical-align:middle; border-left:0px solid #666; } #topbar .wizsubmenu .topbar_right li a{ border-left:0px solid #666; border-right:0px solid #666 !important; padding:0 10px !important; } .wizbook a { display:block; vertical-align:middle; font-size:10px; color:#FBC022 !important;; font-family: 'Arial',sans-serif; font-weight:bold; text-decoration:none; height:34px; line-height:34px; padding:0 20px; border-right:1px solid #666 !important; } .wizbook a:hover { color:#ff2841 !important; } /* 로고센터 */ #logobox { clear:both; width:1200px; margin:auto; position:relative; position:relative; } #logo { clear:both; width:1200px; text-align:center; padding:50px 0 ; margin:0 auto; } /* 스크랩 */ .sns_link1 { position:absolute; bottom:20px; left:0px; } .sns_link1 li {position:relative;float:left;height:30px;margin:3px 2px;} .sns_link1 li a{ display:block;width:25px;height:25px; border-radius:100%; background:#666;font-size:14px; color:#fff;text-align:center;transition:all .8s ease;-webkit-transition:all .8s ease;} .sns_link1 li:hover a{ transition:all .3s ease;-webkit-transition:all .3s ease;transform:rotate(30deg);-webkit-transform:rotate(30deg);} .sns_link1 li a i{line-height:27px;filter:alpha(opacity=100);opacity:1;-webkit-opacity:1;} .sns_link1 .Facebook a {display:block;width:25px;height:25px; background:#5c84d7 ;border-radius:100%;} .sns_link1 .Twitter a {display:block;width:25px;height:25px; background:#28b5f2 ;border-radius:100%;} .sns_link1 .Instagram a {display:block;width:25px;height:25px; background:#bca292 ;border-radius:100%;} .sns_link1 .Blog a {display:block;width:25px;height:25px; background:#44cb44 ;border-radius:100%;} .sns_link1 .Kakao a {display:block;width:25px;height:25px; background:#f9b932 ;border-radius:100%;} #logobox .sch { position:absolute; bottom:20px; right: 0; width: 220px; height: 30px; border: 1px solid #DDDDDD; font-size: 0; line-height: 0; } #logobox .sch .keyword { width: 184px; height: 28px; padding: 0px 0 0 2px; border: 0; border: 0px solid #DDDDDD; } #logobox .btn-sch { vertical-align:bottom; border: 0; } /* ============================ 카테고리메뉴 수동사용시 #topmenu { clear:both; width:100%; height:50px; border-top:1px solid #000;border-bottom:1px solid #ddd; background:#fff; filter:alpha(opacity=90); opacity:0.9;} #topmenu #menu { clear:both; width:1200px; height:52px; margin:0 auto; border: 0px solid #DDDDDD; text-align:center;} #topmenu #menu > ul { font-size:0px; line-height:0px; } #topmenu #menu > ul > li { position:relative; display:inline-block; *display:inline; *zoom:1; height:50px; cursor:default; padding:0 40px;} #topmenu #menu > ul > li a { display:block; font-size:13px; line-height:50px; vertical-align:middle; color:#333; font-family: 'Nanum Gothic', 'Source Sans Pro',sans-serif; font-weight:none; letter-spacing:0.5px; text-decoration:none; } #topmenu #menu > ul > li a:hover { color:#000; border-bottom:1px solid #000; } ============================ */ /* ============================ 카테고리메뉴 자동사용시 ============================ */ /* ============================ 카테고리메뉴 자동사용시 ============================ */ #topmenu.fixed {position:fixed; margin:0 auto; top:31px; width:100%; z-index:9;} /* 메뉴고정 */ #topmenu { clear:both; width:100%; height:50px; border-top:1px solid #000; border-bottom:1px solid #ddd; background:#fff; filter:alpha(opacity=95); opacity:0.95;} #topmenu .ssub { position:relative; clear:both; width:1300px; margin:0 auto;} #topmenu .ssub .ssub-list{ zoom:1; margin-top:0px; text-align:center; } #topmenu .ssub .ssub-list:after { content: ""; display: block; clear: both; } #topmenu .ssub .ssub-list li.menu { display:inline-block; word-wrap: break-word; position:relative; padding:0 0px; width:24%; } /* 메뉴간격조절 35 숫자를 조절하시면 */ #topmenu .ssub .ssub-list li.menu a { font-size:12px; color:#4D4D4D; font-family: 'Source Sans Pro','Nanum Gothic',sans-serif; font-weight:400; display:block; padding: 0; line-height:50px; height:50px; } #topmenu .ssub .ssub-list li.menu a:hover { color:#000; border-bottom:1px solid #000;} #topmenu .ssub .ssub-list .subbox { border:1px solid #eee; padding: 15px 0 7px 0 ; width:170px; background-color:rgba(255,255,255,1); position:absolute; top: 50px; left: 50%; margin-left: -85px; } #topmenu .ssub .ssub-list .subbox:after, #topmenu .ssub .ssub-list .subbox:before { bottom: 100%;left: 50%; border: solid transparent;content: " ";height: 0;width: 0; position: absolute;pointer-events: none;} #topmenu .ssub .ssub-list .subbox:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 5px;margin-left: -5px;} #topmenu .ssub .ssub-list .subbox:before {border-color: rgba(221, 221, 221, 0);border-bottom-color: #dddddd; border-width: 6px;margin-left: -6px;} #topmenu .ssub .ssub-list .subbox li { clear:both; } #topmenu .ssub .ssub-list .subbox li a { font-size:12px; color:#4D4D4D;line-height:30px; height:30px; } #topmenu .ssub .ssub-list .subbox li a:hover{color:#000; background:#f8f8f8; border-bottom:0px solid #E9E9E9;} /* BASIC css end */