﻿@charset "UTF-8";

/* reset style [start] */
html, body, div, span, a, img, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, fieldset, input, dt, dd, dl, iframe, p 
{margin:0; padding:0; border:0; line-height:1.5em;}
ul, li {margin:0; padding:0; list-style:none;}

body {font-size:75%; font-family:"돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana; background:#efefef url('../images/top1/body_bg.gif') repeat-x left top;}

a:link {color:#303030; text-decoration:none;}
a:visited {color:#303030; text-decoration:none;}
a:hover {color:#9900cc; text-decoration:underline;}
a:active {color:#9900cc; text-decoration:underline;}

#wrapper4 {background:url('../images/wrapper_bg8.jpg') no-repeat center top; min-width:1000px;}
#top_flash {position:absolute; left:0; top:0; width:100%; z-index:10; text-align:center;}

#header {position:relative; width:1000px; margin:0 auto; height:650px; z-index:20;}
#header h1 {position:absolute; left:0; top:16px;}
#header .gnb {position:absolute; right:0; top:21px;}
#header .gnb,
#header .gnb a {color:#ffffff; letter-spacing:-1px; line-height:1.2;}
#header .gnb strong {letter-spacing:0;}
#header .gnb li {float:left; padding:0 11px; background:url('../images/gnb_dot.gif') no-repeat left 5px; line-height:1.2;}
#header .gnb li.first {padding-left:0; background:none;}
.btn_top_vote {position:absolute; left:300px; top:594px;}

#wrap {width:1000px; margin:0 auto;}

#container {}
#cabalgirl_head {position:relative; height:525px;}
.top12 #cabalgirl_head {background:url('../images/cabalgirl_head_top12.jpg') no-repeat left top}
.top8 #cabalgirl_head {background:url('../images/cabalgirl_head_top8.jpg') no-repeat left top}
.top4 #cabalgirl_head {background:url('../images/cabalgirl_head_prepare.jpg') no-repeat left top}
.top2 #cabalgirl_head {background:url('../images/cabalgirl_head_top2.jpg') no-repeat left top}
.top1 #cabalgirl_head {background:url('../images/cabalgirl_head_prepare.jpg') no-repeat left top}
#cabalgirl_head .d0 {position:absolute; left:602px; top:373px;}
#cabalgirl_head .d2 {position:absolute; left:636px; top:373px;}
#cabalgirl_head .h0 {position:absolute; left:694px; top:373px;}
#cabalgirl_head .h2 {position:absolute; left:728px; top:373px;}
#cabalgirl_head .m0 {position:absolute; left:798px; top:373px;}
#cabalgirl_head .m2 {position:absolute; left:832px; top:373px;}

#cabalgirl_photo {position:relative; height:979px;}
#cabalgirl_photo .title {height:150px}
#cabalgirl_photo .title ul {position:absolute; left:305px; top:40px;}
#cabalgirl_photo .title li {float:left; width:80px; text-align:center; text-indent:-3000em;}
#cabalgirl_photo .title a {display:block; width:80px; color:#fff;}
#cabalgirl_photo .girl_img {height:1026px}
/*
.top12 #cabalgirl_photo .title {background:url('../images/cabalgirl_photo_top12.jpg') no-repeat left 1px}
.top8 #cabalgirl_photo .title {background:url('../images/cabalgirl_photo_top8.jpg') no-repeat left 1px}
.top4 #cabalgirl_photo .title {background:url('../images/cabalgirl_photo_top4.jpg') no-repeat left 1px}
.top2 #cabalgirl_photo .title {background:url('../images/cabalgirl_photo_top2.jpg') no-repeat left 1px} */

.tit_top12 {background:url('../images/cabalgirl_photo_top12.jpg') no-repeat left 1px}
.tit_top8 {background:url('../images/cabalgirl_photo_top8.jpg') no-repeat left 1px}
.tit_top4 {background:url('../images/cabalgirl_photo_top4.jpg') no-repeat left 1px}
.tit_top2 {background:url('../images/cabalgirl_photo_top2.jpg') no-repeat left 1px}

.girl_img {margin:26px 0 0 40px;}
.girl_img li {float:left; position:relative; width:235px; height:643px; background:url('../images/top4/girl_img_bg.png') no-repeat left top;}
.girl_img li div {width:215px; height:626px; cursor:pointer;}
.girl_img .out {cursor:default;}
.normal .light {position:absolute; left:0; top:0;  z-index:20; display:block; width:215px; height:169px; background:url('../images/top4/girl_img_light_bg.png') no-repeat left top;}
.out .light {position:absolute; left:0; top:0;  z-index:20; display:block; width:215px; height:626px; background:url('../images/top4/girl_img_light_out_bg.png') no-repeat left top;}
.on .light {position:absolute; left:0; top:0;  z-index:20; display:block; width:215px; height:626px; background:url('../images/top4/girl_img_light_on_bg.png') no-repeat left top;}
.on .interview {position:absolute; left:19px; top:396px;  width:176px; z-index:30;}
.interview {letter-spacing:-1px;}
.interview p {margin-bottom:6px; color:#ff3399; font-weight:bold;}
.interview dt {color:#fff; font-size:11px; margin-bottom:1px;}
.interview .text {color:#7a8084; font-size:11px; height:53px;}
.interview .btn a {display:block; margin-bottom:3px;}
.interview .btn img {vertical-align:top;}
.interview .social span {float:left;}
.interview .social a {float:left; margin-right:2px;}
.girl_img .img {position:absolute; left:0; top:0; z-index:10;}

.btn_gallery2 {position:absolute; left:336px; top:1106px;}
.btn_gallery4 {position:absolute; left:336px; top:906px;}

#special_event {height:648px;}
.fb-comments {width:935px; height:1840px; margin:20px auto 80px; overflow-y:scroll; overflow-x:hidden;}

#comment {width:935px; height:340px; margin:0 auto 80px; overflow-y:scroll; overflow-x:hidden;}
.commen4 {position:relative; top:76px;}

#footer {height:152px; background:url('../images/footer_bg.gif') repeat-x left 6px; text-align:center;}

#vote_lay {display:none; position:absolute; left:50%; top:1500px; z-index:200; margin:0 0 0 -281px; width:562px; height:321px;}
#vote_lay .btn_confirm {position:absolute; left:222px; top:240px;}

#vote_lay2 {display:none; position:absolute; left:50%; top:1500px; z-index:200; margin:0 0 0 -281px; width:562px; height:321px;}
#vote_lay2 .btn_login {position:absolute; left:86px; top:240px;}
#vote_lay2 .btn_vote_now {position:absolute; left:362px; top:240px;}

.GB_overlayBG {background-color:#000; filter:alpha(opacity=60); opacity: 0.60;}
#GB_overlay {position:absolute; margin:auto; top:0; left:0; z-index:100; width:100%; height:100%;}
* html body, * html {height:100%; width:100%;}

/* Layout */
.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.skip {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}
legend, caption {display:none;}
fieldset {border:0;}