/* common css  */
body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; margin:0; padding:0;}
form { margin:0px; }
img {border:0px; margin:0; padding:0;}

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline;}

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height:150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }
.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family:Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */
.org { color:#FF6600; }

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
input.eds { height:20px;border:1px solid #CCCCCC;letter-spacing:0px;padding:3px 3px 0px 3px; } 
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }

ul,li,dl,dt,dd{margin:0; padding:0;}
li{list-style:none;}

#clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.in1{position:absolute; left:30%; top:20px;}



/* layout CSS  */
body{background:white;}
#bookmark { position: absolute; left: -40px; top:76px; z-index:100;}
#right_banner { position: absolute; right: -145px; top: 73px; }
*html #right_banner { position: absolute; right: -118px; top: 70px; }
#right_banner p { width:125px; height:164px; line-height:36px; margin-top:10px; padding: 20px 0px 0px 30px;  }
*html #right_banner p { width:125px; height:164px; line-height:36px; padding: 20px 0 0 30px;  }

/* quik booking */
#quickReserve { position: absolute; top: 84px; left:55px; width: 210px; height: 255px; background:url('../img/sub/new_main_booking.gif') no-repeat left top;  }
#ReserveArea { position: relative; width: 210px; height: 255px; margin: 0 auto; }
#quickReserve div.closebtn { position: absolute; width: 14px; height: 14px; top: 6px; right: 6px; background: url('../img/sub/_close2.gif') no-repeat left top; }
#quickReserve div.closebtn a { display:block; width: 14px; height: 14px; }
input.ed2 { width:129px; height:18px; line-height:18px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed3 { width:50px; height:18px; line-height:18px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed4 { width:50px; height:18px; line-height:18px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
#booking img { vertical-align:middle; }
#startp { position: absolute; width: 200px; height:118px; top:52px; left:9px; height:18px; }
#endp { position: absolute; width: 200px; height:118px; top:144px; left:9px; height:18px; } 
#nextstep { position: absolute; width: 67px; height:26px; top:205px; left:134px; height:18px; }


#toplink { position:relative; height:15px; padding:5px 0 0 0; color:#707070; border-bottom:1px solid #E8E8E8; background:#F3F3F3; text-align:center; }
*html #toplink{ height:20px;} /* IE6, IE7 */
#toplink ul{ position:relative; float:right; margin:4px 5px 4px 0px; z-index:1; font-size:9px; font-family:Small Fonts; display:inline; }
#toplink li{ float:left; margin:0 0 0 10px;}
#toplinkcenter { position:relative; width:870px; margin:0 auto; }


#total{text-align:center; }
#center{width:900px; margin:0 auto; text-align:left; position:relative; background:white; }

#header { clear:both; position: relative; width: 870px; padding:64px 15px 5px 15px; height:90px; margin:0 auto; }
*html #header { clear:both; position: relative; width: 900px; padding:69px 15px 5px 15px; height:140px; margin:0 auto; }
#logo{ position:absolute; top:25px; left:15px; z-index:1; font-family:"돋움"; }

#top{ min-height: 32px;}
*html #top{height: 32px;}

#top_link_area { position:absolute; width:400px; height:21px; top:10px; right:10px; }
#top_link_area li { float:right; margin:0 5px 0 0;  font-size:11px; }

#topmenu{ clear:both; position: absolute; width: 870px; height: 60px; top: 70px; left: 15px; padding-top:30px; background:url('../img/sub/menu_sub_bg.gif') no-repeat; }
#topmenu ul{ position: absolute; top: 0px; left: 30px; width: 870px; }
#topmenu li{ float: left; margin: 0 0 0 2px;}
#topmenu .floatright{float: right; margin-right: 10px;}


#fullMenu { position: absolute; top: 65px; right:0px; width: 849px; height: 380px; background:url('../img/sub/arena_map_bg.png') no-repeat left top;  }
#linkmaps { position: relative; width: 789px; height: 380px; margin: 0 auto; }
#linkmaps div.closebtn { position: absolute; width: 17px; height: 17px; top: 19px; right: -45px; background: url('../img/sub/arena_close.gif') no-repeat left top; }
#linkmaps div.closebtn a { display:block; width: 17px; height: 17px; }
#linkmaps div.part_title { position: absolute; width: 78px; height: 60px; top:30px; left: 30px; background: url('../img/sub/arena_sitemap.gif') no-repeat left 8px; } /* border:1px solid blue; } */
#linkmaps div.part_contact { position: absolute; width: 789px; height: 40px; top:330px; left: 30px; }
#linkmaps div.part_contact p	{ display: inline; margin-right: 15px; line-height: 40px; }

#part_link { position: absolute; width: 789px; height: 235px; top:93px; left: 30px; }
#part_link dl { width: 120px; height: 230px; top:0px; }
#part_link dl dt { height:30px; font-weight: bold; color:#330000;  }
#part_link dl dd { height:28px; line-height:28px;  }
#part_link dl.section01	{ position: absolute; left: 0px; top:0px; }
#part_link dl.section02	{ position: absolute; left: 132px; top:0px; }
#part_link dl.section03 { position: absolute; left: 270px; top:0px; }
#part_link dl.section04	{ position: absolute; left: 404px; top:0px; }
#part_link dl.section05	{ position: absolute; left: 540px; top:0px; }
#part_link dl.section06	{ position: absolute; left: 675px; top:0px; }


#middlemenu .noneborder{border-right: none;}
#middlemenu .noneborderleft{border-left: none;}
#middlemenu{ width: 900px; min-height: 66px; margin-top:10px;  background:url('../img/main/mtopbg.gif') no-repeat 0px 3px;}
*html #middlemenu{height: 1px;}
#middlemenu ul{font-size: 9px; font-family: Small Fonts;}
#middlemenu ul li{float: left; padding: 12px 5px 5px 10px; margin-left:20px; }
#middlemenu ul li a{color: white;}
#middlemenu ul li a:hover{color: orange;}
#middlemenu ul li.gbg{ color: #666; font-weight: bold; }

#submenu2{ font-size: 11px; font-family: 돋움; }
#submenu2 a{color: #666;}
#submenu2 span{padding: 0 5px; color: #ccc;}
#submenu2 ul li{float: left;}


#middle { clear:both; border-bottoma:1px solid #ccc; padding:10px 15px 5px 15px; }
*html #middle { clear:both; padding:10px 15px 5px 15px;}
#middle2 {  border-bottoma:1px solid #ccc; padding:10px 0px 5px 0px; }
*html #middle2 { padding:10px 0px 5px 0px;}

#sub_theme { /*border:1px solid red;*/ height:100px; width:870px; margin:0 auto;  }
#sub_theme.sub_theme_bg01 { background:url('../img/sub/sub_theme01.png') no-repeat; }
#sub_theme.sub_theme_bg02 { background:url('../img/sub/sub_theme02.png') no-repeat; }
#sub_theme.sub_theme_bg03 { background:url('../img/sub/sub_theme03.png') no-repeat; }
 
#path.center{width:680px; overflow:hidden; margin:0 0 2px 0; background:white; }
*html #path.center{margin:0 0 2px 0; width:680px;}
#path .floatright {float:right; margin:15px 0 2px 0px; color:#717171; font-size:11px; font-family:굴림; word-spacing:-1px; }
.end_path { color:#717171; font-weight:bold; }

#contents { clear:both; width: 680px; padding:20px 0px 40px 0px; }
*html #contents { clear:both; width: 680px; padding:20px 0px 40px 0px; }
#contents_position { clear:both; padding:20px 15px 0px 10px;  }
#contents_position00 {clear:both;}
*html #contents_position { clear:both; padding:20px 15px 0px 30px; }

#ceo_message { height:180px; background:url('../img/sub/message_bg.gif') no-repeat;   }

#webs{text-align:center; padding:11px 0 0 0;}
#webs img{widths:55px!important;}

#leftmenu_title { width:153px; height:30px; margin-left:2px; border-bottom:2px solid #330000; }
#leftmenu { width:153px; }
#leftmenu dl.menu { width:153px; }
#leftmenu dl.menu dd      { width:153px; border-bottom: solid 1px #e3e3e3; }
#leftmenu dl.menu dd a    { display: block; height: 15px; padding: 12px 0px 8px 6px; color: #454545; line-height: 15px; white-space: nowrap; }
#leftmenu dl.menu dd.on a { color: #b3622d; font-weight: bold; letter-spacing: -1px; }

#left_banner p { width:153px; height:145px; line-height:36px; margin-top:4px; padding: 4px 0 0 15px; background: url('../img/sub/left_banner_bg.png') no-repeat;  }
*html #left_banner p { width:153px; height:145px; line-height:36px; padding: 4px 0 0 15px; background: url('../img/sub/left_banner_bg.png') no-repeat;  }



#downmenu { clear:both; position: relative; background: #f6f6f6; width: 900px; margin: 2px 0px 10px 0px; padding: 10px 0 10px 0;  border-top: 2px solid #3b4453;  border-bottom: 1px solid #ccc; }
#downmenu span{ color: #ccc; }
#downmenu a{color: black;}

/* Address */
#addressDIV {  clear:both; position: relative;  width: 900px; margin: 0px auto; padding-top:0px;   }
.infoAll              { width: 870px; height: 40px; margin: 0px auto; overflow: hidden; text-align: left; }
.infoAll p.link       { display: none; }
.infoAll p.address    { display: inline; color: #7c7c7c; font-size: 12px; }
.infoAll p.copyright  { float: left; clear: both; width: 90%; display: inline; color: #7c7c7c; font-size: 12px; }
.infoAll ul.info      { clear: both; padding: 0px; text-align: left; color: #7c7c7c; font-size: 12px; }
.infoAll ul.info li   { float: left; display: inline; width: auto; margin-right:20px; }
.infoAll ul.info li.address   { width: 870px ! important; }
.infoAll ul.info b    { float: none; font-weight: normal; }
.infoAll h1           { float: right; width: 113px; height: 20px; margin-top: -15px; font-size: 0px; text-indent: -500px; overflow: hidden; }

#bottom{ clear:both; position: relative; width: 900px; margin: 2px 0px 10px 0px; padding: 10px 0 10px 0; text-align: center; color: #666; font-size: 9px; font-family: Small Fonts;  border-top:1px solid #CDCDCD; }
.copy { font-size: 12px; font-family:굴림; }




#sc{background:url('../img/sub/topimg01.png') no-repeat right; position:relative; height:95px; }
.border5{border:3px solid #b10303; background:#f2f2f2;}
.inputstyle{border:0; background:#223E5C; color:white; paddings:8px 15px 9px 15px;}
*html .inputstyle{padding:11px 10px 8px 10px;} /* IE6, IE7 */
.border5.inputsize{width:270px; padding:3px 10px 5px 10px;}
.border5.inputsize input{border:0; height:22px; width:270px; background:#f2f2f2;}
*html .border5.inputsize input{padding:5px 0 0 0; height:20px;}


#roundtopleft{position:absolute; left:0; top:0; width:1px; height:1px; background:white; overflow:hidden;}
#roundtopright{position:absolute; right:0; top:0; width:1px; height:1px; background:white; overflow:hidden;}
#roundbottomleft{position:absolute; left:0; bottom:0; width:1px; height:1px; background:white; overflow:hidden;}
#roundbottomright{position:absolute; right:0; bottom:0; width:1px; height:1px; background:white; overflow:hidden;}


	
/*  table */
#tb_type1 { clear:both; position:relative; margin:0px; padding:0px; border-collapse:none;}
*html #tb_type1 { clear:both; position:relative; margin:0; padding:0; border-collapse:none;}
#tb_type1 td { height:18px; text-align:center; padding:3px 4px 3px 6px; border:1px #D5D5D5 solid; color:#5F5F5F; }
#tb_type1 td.subject { height:24px; font-weight:bold; text-align:center; border:1px #D5D5D5 solid; }
#tb_type1 td.area { height:20px; text-align:center; border:1px #D5D5D5 solid; background:#F3F3F3; }
#tb_type1 td.error { height:20px; text-align:center; border:1px #D5D5D5 solid; color:red; }
#tb_type1 td.tb_title { height:30px; text-align:center; border:1px #D5D5D5 solid; background:#F3F3F3; }
#tb_type1 td.txtleft { text-align:left; line-height:18px; }

.text_list { margin:20px 0 20px 0;line-height:22px; }
.text_list2 { margin:20px 0 20px 0;line-height:22px; }
.text_list3 { margin:10px 0 20px 0;line-height:22px; }


/*.bg{background: #e4e4e4 url('/img/sub/bg2.gif') no-repeat;}*/
.bg{background: #f6f6f6; border: 1px solid #ccc;}
.bg2{background: #f2f2f2 url('../img/sub/bgbg.gif') no-repeat; }
.bg4{ background: #FFFFFF; border: 1px solid #ccc; }
.bg6{ background: #FFFFFF; }

#box a{color: black;}
#box a:hover{text-decoration: none!important;}
#box { width: 198px; float: left; positions: relative; margin-top: 4px;}
*html #box{width: 200px;}
#box4 {width: 198px; float: left; positions: relative; margin-top: 4px;}
*html #box4 {width: 200px;}
#box5 {width: 660px; float: left; margin-top: 4px; height:145px; min-height:145px; }
#box6 {width: 660px; float: left; margin-top: 4px; height:130px; min-height:130px; display:inline; }
#box7 {width: 660px; float: left; margin-top: 4px; height:115px; min-height:115px; display:inline; background: url('../img/sub/compensation_bg.png') no-repeat 0 30px; }

#box.center{width: 660px; overflow: hidden; border: 1px solid #ccc; margin: 0 0 2px 0px;}
*html #box.center{margin: 0 0 2px 0px; width: 660px;}
#box.center strong{color: black;}
#box.center2{width: 660px; overflow: hidden; }
#box.right2{width: 270px;}
#box3.center{width: 660px; overflow: hidden; border: 1px solid #ccc; margin: 0 0 2px 0px; background: white;}
*html #box3.center{margin: 0 0 2px 0px; width: 660px;}
#box5.center{width: 660px; border: 1px solid #ccc; margin: 0 0 2px 0px; background: white;}
*html #box5.center{margin: 2px 0 2px 0px; width: 660px;}
#box6.center{width: 660px; border: 1px solid #ccc; margin: 0 0 2px 5px; background: white;}
*html #box6.center{margin: 0 0 2px 5px; width: 660px; }
#box7.center{width: 660px; border: 1px solid #ccc; margin: 0 0 2px 5px; background: white;}
*html #box7.center{margin: 0 0 2px 5px; width: 660px;}

#box #img img{vertical-align: middle;}
#box #img ul{padding: 5px 10px 5px 10px;}
#box3 #img ul{padding: 5px 0 0 0;}
#box #img li{padding-left: 14px; background: url('../img/sub/aw.gif') no-repeat 0 2px;}

#box #toplogin{padding: 8px; borders: 1px solid #ccc;}
#box #toplogin li{padding-left: 14px; background: url('../img/sub/aw2.gif') no-repeat 0 2px;}
#box #gallery {backgrounds: red;}
#box #gallery ul{padding: 10px 0 0 17px; font-size: 9px; font-family: Small Fonts;}
#box #gallery img{width: 50px; height: 50px; border: 1px solid #ccc;}
#box #gallery li{float: left; width: 60px; text-align: center;}
#box #boardcont{padding: 0 24px; color: #666;}


#box strong{ font-size: 12px; color: white; display: block; border-bottom: 1px solid white; padding: 5px 5px 4px 10px; background: #B3B3B3 url('../img/sub/more.gif') no-repeat 174px 3px;}
*html #box strong{padding: 5px 5px 5px 10px;}
#box strong.nonebg{background-image: none;}
#box strong.cent{background: url('../img/sub/more.gif') no-repeat 443px 3px; border-bottom: 1px solid #e1e1e1;}
#box5 strong.cent{background: url('../img/sub/more3.gif') no-repeat 608px 3px; border-bottom: 1px solid #e1e1e1;}
#box6 strong.cent{background: url('../img/sub/more2.gif') no-repeat 608px 3px; border-bottom: 1px solid #e1e1e1;}
#box7 strong.cent{background: url('../img/sub/more3.gif') no-repeat 608px 3px; border-bottom: 1px solid #e1e1e1;} */

#box strong.white{color: white; background: none;}
#box2 strong{display: block; border-bottom: 1px solid #e3e3e3; padding: 5px 5px 4px 10px;}
#box3 strong{color: white; display: block; border-bottom: 1px solid #e1e1e1; background: url('../img/sub/more.gif') no-repeat 633px 3px;}
#box4 strong{ font-size: 12px; color: #5A5A5A; display: block; border-bottom: 1px solid #e1e1e1; padding: 5px 5px 4px 10px; background: #FFFFFF url('../img/sub/more.gif') no-repeat 174px 3px;}
#box5 strong{ font-size: 12px; color: #5A5A5A; display: block; border-bottom: 1px solid #e1e1e1; padding: 5px 5px 4px 10px; background: #FFFFFF url('../img/sub/more.gif') no-repeat 174px 3px;}
#box6 strong{ font-size: 12px; color: #5A5A5A; display: block; border-bottom: 1px solid #e1e1e1; padding: 5px 5px 4px 10px; background: #FFFFFF url('../img/sub/more.gif') no-repeat 174px 3px;}
#box7 strong{ font-size: 12px; color: #5A5A5A; display: block; border-bottom: 1px solid #e1e1e1; padding: 5px 5px 4px 10px; background: #FFFFFF url('../img/sub/more.gif') no-repeat 174px 3px;}

#box7 div.compen{ float:left;width:219px;height:85px; }
#box7 .compen_t { margin:10px 15px 12px; 20px; font-weight:bold; }
#box7 .compen_c { margin-left:80px;width:135px;height:46px;overflow:hidden;font-size:9px;word-spacing:-1px; }


#box .sts{color: #CBCBCB; font-size: 12px; }
#box .sts2{color: #CBCBCB; font-size: 9px; }
#box4 .sts2{color: #CBCBCB; font-size: 9px; } 

#liststyle{ border: 1px solid white; padding-bottom: 5px; }
#liststyle3{ border: 1px solid white; padding-bottom: 5px; }
#liststyle4{ border: 1px solid white;  }
#liststyle7{ border: 1px solid white; background: #f6f6f6; }


#inputstyle input{border: 1px solid #ccc; background: #f2f2f2; margin-bottom: 2px;}
*html #inputstyle input{margin-bottom: 0px;}


#box #liststyle ul{padding: 10px 5px 0 3px;}
#box #liststyle li{padding-left: 14px; height:18px; font-family: 굴림; font-size: 12px; line-height:20px; background: url('../img/sub/aw.gif') no-repeat 0 2px; }
#box #liststyle2 ul{padding: 5px 0 0 0;}
#box #liststyle2 li{padding-left: 14px;}
#box #liststyle2 li.this{background: url('../img/sub/img2.gif') no-repeat 0 2px;}
#box #liststyle3 ul{padding: 5px 0 0 0;}
#box #liststyle3 li{padding-left: 20px; border-bottoms: 1px dotted #ccc; background: url('../img/sub/aw2.gif') no-repeat 8px 2px; }
#box4 #liststyle4 ul{padding: 10px 5px 0 3px;}
#box4 #liststyle4 li{padding-left: 14px; height:18px; font-family: 굴림; font-size: 12px; line-height:20px; background: url('../img/sub/aw.gif') no-repeat 0 2px; }

#box #liststyle3 li span{float: right; padding: 0 10px 0 0; color: #666;}
*html #box #liststyle3 li span{margin-top: -14px;}