@charset "UTF-8";

/* reset style [start] */
html, body, div, p, span, a, img, ul, li, dl, dt, dd, table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, input 
{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, AppleGothic, UnDotum, sans-serif; color:#878787; background:#020201;}

a {outline:0;}

a:link {color:#9f9f9f; text-decoration:none;}
a:visited {color:#9f9f9f; text-decoration:none;}
a:hover {color:#f0e8dd; text-decoration:underline;}
a:active {color:#f0e8dd; text-decoration:underline;}

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

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

#wrappers {position:relative; width:1018px; margin:0 auto;}

#lnbs {position:fixed; _position:absolute; right:50%; top:50%; z-index:100; margin-top:-193px; margin-right:-560px; width:292px; height:386px; background:url('../img/lnb_bg.png') no-repeat left top}
.on_1 {background-image:url('../img/lnb_1_on.png') !important;}
.on_2 {background-image:url('../img/lnb_2_on.png') !important;}
.on_3 {background-image:url('../img/lnb_3_on.png') !important;}
.on_4 {background-image:url('../img/lnb_4_on.png') !important;}
.on_5 {background-image:url('../img/lnb_5_on.png') !important;}
#lnbs span {position:absolute; text-indent:-3000px;}
#lnbs a {position:absolute; left:79px; display:block; width:159px; height:46px;}
#lnbs .n00 a {left:182px; top:356px; width:37px; height:12px}
#lnbs .n01 a {top:109px;}
#lnbs .n01 a:hover {background:url('../img/lnb_1_hover.png') no-repeat left top}
#lnbs .n02 a {top:149px;}
#lnbs .n02 a:hover {background:url('../img/lnb_2_hover.png') no-repeat left top}
#lnbs .n03 a {top:189px;}
#lnbs .n03 a:hover {background:url('../img/lnb_3_hover.png') no-repeat left top}
#lnbs .n04 a {top:229px;}
#lnbs .n04 a:hover {background:url('../img/lnb_4_hover.png') no-repeat left top}
#lnbs .n05 a {top:270px;}
#lnbs .n05 a:hover {background:url('../img/lnb_5_hover.png') no-repeat left top}

#intro_0 {position:relative; height:540px; background:url('../img/intro_0_bg.jpg') no-repeat left top}
#intro_0 h1 {position:absolute; left:2px; top:25px; font-size:0;}
#intro_0 .gnb {position:absolute; right:0; top:29px;}
#intro_0 .gnb,
#intro_0 .gnb a {letter-spacing:-1px; line-height:1.2;}
#intro_0 .gnb strong {letter-spacing:0;}
#intro_0 .gnb li {float:left; padding:0 11px; background:url('../img/gnb_line.gif') no-repeat left center; line-height:1.2;}
#intro_0 .gnb li.first {padding-left:0; background:none;}

#intro_1 {position:relative; height:660px; background:url('../img/intro_1_bg.jpg') no-repeat left top}
#intro_1 .btn_page_view {position:absolute; left:229px; top:30px;}
#intro_1 .big_img {left:0; top:159px; width:642px; height:430px;}
#intro_1 .big_img li {font-size:0}
#intro_1 .sml_img {left:649px; top:159px; width:180px}
#intro_1 .sml_img li {margin-bottom:9px; font-size:0}
#intro_1 .sml_img li.first {margin-bottom:10px}

.big_img {position:absolute;  overflow:hidden}
.sml_img {position:absolute; z-index:200;}


.big_img img,
.sml_img img {border:2px solid #071d14; vertical-align:top}

#intro_2 {position:relative; height:585px; background:url('../img/intro_2_bg.jpg') no-repeat left top}
#intro_2 .btn_page_view {position:absolute; left:298px; top:65px;}

#intro_3 {position:relative; height:535px; background:url('../img/intro_3_bg.jpg') no-repeat left top}
#intro_3 .btn_page_view {position:absolute; left:0; top:406px;}
#intro_3 .btn_page_view2 {position:absolute; left:418px; top:406px;}
#intro_3 .big_img {left:0; top:155px}
#intro_3 .big_img li {float:left; margin-left:8px}
#intro_3 .big_img li.first {margin-left:0}

#intro_4 {position:relative; height:560px; background:url('../img/intro_4_bg.jpg') no-repeat left top}
#intro_4 .btn_page_view {position:absolute; left:200px; top:50px;}

#intro_5 {position:relative; height:830px; background:url('../img/intro_5_bg.jpg') no-repeat left top}

#ly {position:absolute; left:50%; top:0; width:1018px; z-index:1000; margin-left:-509px}

.ly_c {display:none; position:absolute;}
.ly_c .btn_close {position:absolute; right:2px; top:2px}
.ly_c .img {border:2px solid #000;}

#pop_1_1,
#pop_1_2,
#pop_1_3 {left:0; top:699px;}

#pop_3_1,
#pop_3_2 {left:0; top:1800px;}

.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%;}