@charset "UTF-8";
@import url(http://image.cabal.co.kr/Cabalver0.1/css/gnb.css);

/* 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.2;}
ul, li {margin:0; padding:0; list-style:none;}

body {font-size:75%; font-family:"돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana; color:#686767}

a:link {color:#173f44; text-decoration:none;}
a:visited {color:#173f44; text-decoration:none;}
a:hover {color:#173f44; text-decoration:underline;}
a:active {color:#173f44; text-decoration:underline;}

.bg_l {overflow:hidden; position:absolute; right:50%; top:35px; width:50%; height:1207px; margin-right:500px; background:url('../img/bg_l.jpg') no-repeat 100% 0}
.bg_r {overflow:hidden; position:absolute; right:0; _right:auto; _left:50%; top:35px; width:50%; height:1207px; background:url('../img/bg_r.jpg') no-repeat 500px 0}

body:first-of-type .bg_l {left:-500px}
*+html .bg_l {margin-right:499px}
body:first-of-type .bg_r {left:50%}

#wrapper {}
#wrap {position:relative; width:1000px; height:1207px; margin:0 auto; background:url('../img/wrap_bg.jpg') no-repeat left top}
#header {}
#header h1 {position:absolute; left:24px; top:42px; font-size:0;}

#container {position:relative}
.btn_join {position:absolute; left:781px; top:70px} 
.btn_faq {position:absolute; left:283px; top:1117px}



.GB_overlayBG {background-color:#000; filter:alpha(opacity=75); opacity: 0.75;}
#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;}