@charset "utf-8";
* {margin:0; padding:0;}
img {border:0;}
ul, li {padding:0; margin:0; list-style:none;}
.pointer {cursor:pointer;}
.bold {font-weight:bold;}
.black {color:black;}
.green {color:green;}
.white{color:white;}
.red {color:red;}
.orange {color:orange;}
.blue {color:blue;}
.bluetw {color:#336eaf;}
.gray {color:gray;}
.silver {color:silver;}
.clearboth {clear:both; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.color555 {color:#555;}
.color999 {color:#999;}
.hidden {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
* {margin:0; padding:0; font-family:Verdana,Dotum,Helvetica,AppleGothic,Sans-serif; font-size:12px;} 
a:link {text-decoration:none; color:#666;}
a:visited {text-decoration:none;color:#666;}
a:hover {text-decoration:none; color:#336eaf;}
 
/*main_layout*/`
#wrap {position:relative; width:100%; z-index:0;}
#header {position:relative; width:100%; height:112px; text-align:center; z-index:10; font-size:0px; background:url('/img/bg/bg_navi.jpg') top left repeat-x;}
#header_in {position:relative; width:980px; height:112px; margin:0 auto; text-align:left; z-index:0; font-size:0px;}

#container {position:relative; width:100%; height:424px; text-align:center; z-index:0; font-size:0px; background:url('/img/bg/bg_flash.jpg') 50% 0 repeat-x;}
#container_in {position:relative; width:980px; height:424px; margin:0 auto; text-align:left; z-index:0; font-size:0px;}

#content {position:relative; width:100%; height:158px; text-align:center; z-index:0; font-size:0; background:url('/img/bg/bg_body.jpg') top left repeat-x;}
#content_in {position:relative; width:980px; height:158px; margin:0 auto; text-align:left; z-index:0; font-size:0; background:url('/img/bg/body.jpg') top left no-repeat;}

#benner {position:relative; width:100%; height:70px; text-align:center; z-index:0; font-size:0; background:url('/img/bg/bg_benner.jpg') top left repeat-x;}
#benner_in {position:relative; width:980px; height:70px; margin:0 auto; text-align:left; z-index:0; font-size:0; background:url('/img/bg/bg_benner_in.jpg') top left no-repeat;}

#footer {position:relative; width:100%; height:100px; text-align:center; z-index:0; border-top:1px solid #ccc;}
#footer_in {position:relative; width:980px; height:100px; margin:0 auto; text-align:left; z-index:0; background:url('/img/bg/bg_foot_in.jpg') top left no-repeat;}

/*main_content*/
.noticeBx {width:260px; height:158px; float:left;}
.noticeBx .md_notice {position:relative; top:27px; left:10px; width:240px; height:110px; overflow:hidden; float:left;}
.noticeBx .md_notice .pwrap {position:relative; height:5px; font-size:0;}
.noticeBx .md_notice h2 {position:relative; width:240px; height:14px; margin-bottom:14px;}
.noticeBx .md_notice li {position:relative; width:220px; margin-top:4px; text-align:left; padding-left:10px; background:url('/img/bg/dot.gif') top left no-repeat; font-size:12px;}
.noticeBx .md_notice li span {position:absolute; top:0; right:0;}
.noticeBx .md_notice .rseof {position:relative; text-align:center; margin:50px 0; background:none; padding:0;}
.noticeBx .more {padding-left:115px;}
.noticeBx .more_new {padding-left:120px;}

.movieBx {width:240px; float:left;}
.movieBx_in {padding-top:27px; padding-left:10px;}
.movieBx_in p {padding-top:12px;}

.customerBx {width:220px; float:left;}
.customerBx_in {padding-top:27px; padding-left:15px;}
.customerBx_in p {padding-top:12px;}

.bennerBx {position:relative; padding-top:20px;}
.bennerBx li {float:left; padding-left:60px;}

/* sub_layout */
#wrap_sub {position:relative; width:100%; height:169px; text-align:center; overflow:hidden; background:url('/img/bg/bg_subflash.jpg') top left repeat-x;}
#fla_sub {position:relative; width:980px; height:169px; margin:0 auto; text-align:center;}

#sub_data {position:relative; width:100%; text-align:center;}
#sub_body {position:relative; width:980px; margin:0 auto; text-align:left; background:url('/img/bg/bg_bgsub.jpg') top left no-repeat;}

#sub_left {position:relative; width:189px; margin-right:70px; float:left; font-size:0px; margin-top:20px; margin-bottom:60px;}
#sub_left dl dd {position:relative; width:189px; font-size:0px;}
#sub_left dl dt {position:relative; width:189px; height:24px; font-size:0px;}
#sub_left .sc {position:relative; margin-top:15px; font-size:0px;}
#sub_left .topleft {padding-top:12px; padding-left:24px;}
#sub_left .conleft {padding-left:24px;}
#sub_left .bottleft {padding-bottom:10px; padding-left:24px;}

#sub_right {position:relative; width:720px; float:left; margin-top:30px;}
#sub_right .h2 {position:relative; width:720px; height:40px;}
.h2 .mapping {position:absolute; top:15px; right:10px; color:#666; font-size:11px;}
#sub_right .contents {position:relative; width:720px;}

/* navi */
.logo {position:absolute; top:40px; left:35px;}
.copyright {position:absolute; top:22px; left:295px;}
.logo_bt {padding-top:20px; padding-left:20px;}

.navigation_wrap {position:absolute; top:0; left:0; width:673px; height:54px;}
.navigation_wrap ul li {position:relative; float:left; padding:0 30px; font-size:0; height:15px;}
.navigation_wrap ul li.rightliline {border-right:1px solid #ccc;}

.navigation_in_black {position:absolute; top:25px; background:black; height:21px; font-size:0; display:none;}
.navigation_in_black img {position:relative; margin-top:5px;}
.navigation_in_black a {padding:0 15px 0 15px;}
#navi_in_black1 {left:24px;}
#navi_in_black2 {left:130px;}

.skip {position:relative; width:250px;  top:10px; margin-left:750px; font-size:0;}
.skip li {position:relative; display:inline; font-size:0px;}

.logotop {position:absolute; margin-top:15px;}

/* 네비게이션 추가*/
 #topmenu { position: absolute; top:45px; width:980px; height:59px; margin: 0; padding: 0; float:left;} 
 #topmenu ul { position:absolute; left:0; top:0; list-style:none; padding:0; }
 #topmenu ul li { float:left; display:inline; margin:0;}
	
 #topmenu li ul { display:none; list-style:none; position:absolute; left:0; top:28px; margin:0; padding:12px 0 0 0; height:20px;}
 #topmenu li ul li { margin:0; padding:0; white-space:nowrap; background:none;}
 #topmenu li ul li img {vertical-align:top;}
 * html #topmenu ul ul li { width: 1px; }

 #top1m1 {position:relative; left:270px;}
 #top1m2 {position:relative; left:350px;}
 #top1m3 {position:relative; left:420px;}
 #top1m4 {position:relative; left:485px;}
 #top1m5 {position:relative; left:555px;}
 #top1m6 {position:relative; left:615px;}
	
 #topmenu li ul#top2m1 { padding-left:273px; width:500px;}
 #topmenu li ul#top2m2 { padding-left:405px; width:500px;}
 #topmenu li ul#top2m3 { padding-left:540px; width:500px;}
 #topmenu li ul#top2m4 { padding-left:300px; width:800px;}
 #topmenu li ul#top2m5 { padding-left:725px; width:300px;}
 #topmenu li ul#top2m6 { padding-left:840px; width:300px;}
  
 /*탑메뉴 noscript 일때*/
 #allmenu_noscript { position:absolute; left:0; top:0; margin:0; padding:1px 19px 0 19px; width:962px; height:143px; z-index:27;}
 #allmenu_noscript .bg { position:absolute; left:0; top:0; width:1000px; height:144px; background:url(/img/inc/top_menu_bg.png) no-repeat left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/all_menu_bg.png', sizingMethod='crop'); z-index:28; }
 #allmenu_noscript .gnb_noscript { position:relative; clear:both; margin:0px; padding:0; z-index:29; overflow:hidden;}
 #allmenu_noscript .gnb_noscript #logo	 {margin:0px; padding:1px 0 0 0;}
 
 #allmenu_noscript .all_menu { position:relative; clear:both; margin:15px 0 0 0; padding:0; width:970px; height:100px; overflow-y:scroll; z-index:30;}
 #allmenu_noscript .all_menu  div { position:relative; float:left; margin:0; padding:0; width:151px;}
 #allmenu_noscript .all_menu  ul { list-style:none; margin:0px; padding:0;}
 #allmenu_noscript .all_menu  ul h2 { margin:0; padding:0 0 10px 0px; font-size:0; line-height:0; background:none;}
 #allmenu_noscript .all_menu  ul li { margin:0; padding:0 0 2px 17px; line-height:1.35em; font-size:95%; background: url(/img/inc/all_menu_icon.gif) no-repeat 5px 5px; width:134px;}
 #allmenu_noscript .all_menu a { color:#666666;}

 /* sub contents*/
.imgcon {position:relative; margin-top:30px; margin-bottom:30px;}
.btn_gallery {position:relative; text-align:center; margin-top:30px; margin-bottom:30px;}