@charset "euc-kr";

/* Element Reset */
body{margin:0; padding:0; background:url(/images_10re/bg_body.gif) repeat-x;}
body, input, textarea, select, table, button { font-family:?‹ì?, Tahoma, Geneva, sans-serif; font-size:12px;}
img, fieldset { border:0;}
form, fieldset { margin:0; padding:0;}
hr{ display:none;}
em, address { font-style:normal;}
button{ margin:0; padding:0; overflow:visible; cursor:pointer;}
a { text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}
.hidden{display:none;}

/* Common Class */
.iText, textarea{ border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1;}
.iCheck, .iRadio{ width:13px; height:13px; margin:0; padding:0; vertical-align:middle;}
.alt{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}

/* Skip To Content */
a.skipToContent{ display:block; position:relative; width:1px; height:1px; margin:0 0 -1px 0; clear:both; overflow:hidden; text-decoration:none; font-size:0; line-height:0;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ width:100%; height:auto; margin:0 0 10px 0; padding:5px; font-size:12px; line-height:1;}

/* Layout */
#container{ margin:0 20px;}
#header{ margin-bottom:2em; max-height:506px;}
#contents{ margin-bottom:30px;}
#footer{ border-top:1px solid #e0e0e0; margin-top:11px;}

/* Header Extension */

h1{position:relative; margin-top:21px; width:184px; height:24px;}
select{height:18px; vertical-align:top;}
.box_input{border:1px solid #cccccc; height:16px; padding:0; margin:0; vertical-align:top;}



#header .extension{ margin:1em 0;}
#header .extension ul{ margin:0; padding:0; overflow:hidden;}
#header .extension li{ left:-10px; border-left:1px solid #ccc; padding:0 5px 0 10px;}

#header #gnb{position:absolute; right:10px; top:37px; height:7px; text-align:right; z-index:999;}
#header #gnb ul{list-style:none; margin:0; padding:0;}
#header #gnb li{display:inline; padding-left:15px;}


#header .top_main{position:relative; z-index:10;}
#header .top_menu{position:absolute; z-index:99; top:64px; left:9px; height:506px;}
#header .top_menus{position:absolute; z-index:99; top:64px; left:9px; height:236px;}
#header .main_quickflash {position:absolute; z-index:999; top:300px; left:720px;}

#contents .search{position:relative; float:left; width:367px; height:44px; margin:4px 6px 26px 0; background:url(/images_10re/bg_search.gif) no-repeat;}
#contents .bn{position:relative; float:right; height:44px; margin-bottom:30px; width:553px; background:url(/images_10re/bg_bn.gif)  center no-repeat;}
#contents .bn ul{list-style:none; margin:0; padding:7px 0 0 0; width:553px; height:30px; }
#contents .bn li{display:inline; padding:0 0 0 20px; margin:0 0 0 17px; height:100%; }

#contents .search .searchBox{position:relative; margin-left:40px; padding-top:11px; }
#contents .search .searchBox ul{list-style:none; margin:0; padding:0; height:18px;}
#contents .search .searchBox li{display:inline; margin:0; padding:0; margin-right:3px;}

#contents .bbs1{position:relative; float:left; width:257px; height:129px; margin-bottom:17px; margin-right:24px; clear:both;}
#contents .bbs2{position:relative; float:left; width:389px; height:129px; margin-bottom:17px; margin-right:23px; _margin-right:0; }

#contents .tabTitle ul{position:relative; margin:0; padding:0;  height:22px;}
#contents .tabTitle li{position:relative; list-style:none; display:inline; height:22px; float:left; margin-right:1px;}

#contents .bbsList ul{position:relative; margin:0; padding:10px 0 0 0; list-style:url(/images_10re/dot.gif) outside; line-height:15px; }
#contents .bbsList li {height:20px; margin-left:15px;}
#contents .bbsList li a {color:#545454;}

#contents .bbsList li span{position:absolute; right:0; color:#959595; font-size:11px; height:11px;}



#contents .more{position:absolute; right:0; top:15px;}

#contents .imgPhoto{position:relative; float:right; width:233px; height:144px; background:url(/images_10re/bg_photo.gif) no-repeat; }
#contents .imgPhoto .img{position:relative; float:left; width:78px; height:92px; margin:32px 13px 0 12px; _margin:32px 5px 0 12px;}
#contents .imgPhoto .txt{position:relative; float:right; width:107px; height:67px; margin:32px 22px 0 0; _margin:32px 12px 0 0;font-size:11px; color:#7d92a2; line-height:13px;}
#contents .imgPhoto .more{position:relative;}

.flashBanner{position:relative; width:926px; height:55px; background:url(/images_10re/bg_flash.gif) center no-repeat;}

/* Footer Extension */
#footer .extension{ margin:1em 0;}
#footer .extension ul{ margin:0; padding:0; overflow:hidden;}
#footer .extension li{ left:-10px; border-left:1px solid #ccc; padding:0 5px 0 10px;}
#footer address{margin:21px auto; width:591px; height:31px;}

/* Body Extension */
#contents h2{ border-bottom:1px solid #000;}

/* Class */
.preview{ float:left; margin:0 1em 1em 0;}
.layout{ list-style:none; margin:0; padding:0; text-indent:-10px;}
.layout li{ display:inline; margin:0; padding:0 0 0 10px; border-left:1px solid #ccc;}
.layout li:first-child{ border:0;}
.layout li button { position:relative; border:0; padding:0; background:none; cursor:pointer; font-size:12px; overflow:visible; color:#66F;}
.layout li button:hover,
.layout li button:active,
.layout li button:focus{ font-weight:bold; letter-spacing:-1px;}

/* quickmenumain */
.quick{position:relative; width:73px; height:430px; background:url(/img/bg_quick.png) no-repeat; padding-left:4px; padding-top:20px;}
.quick ul{position:relative; width:65px; list-style:none; margin:0; padding:0;}
.quick li{margin-bottom:10px;}

.quick .q2{position:relative; padding-left:2px; margin-top:5px;}
.quick .q2 li{margin:0px;padding:none;}

/* quickmenusub */
.quick{position:relative; width:73px; height:430px; background:url(/img/bg_quick.png) no-repeat; padding-left:4px; padding-top:25px;}
.quick ul{position:relative; width:65px; list-style:none; margin:0; padding:0;}
.quick li{margin:0 0 5px 0;}

.quick .q2{position:relative; padding-left:2px; margin-top:8px;}
.quick .q2 ul{position:relative; height:120px; margin:0; padding:0;}
.quick .q2 li{margin:0 0 -3px 0;padding:0; width:61px; height:29px;}

/* quickmenusub */
.quicks{position:relative; width:73px; height:430px; background:url(/img/bg_quick.png) no-repeat; padding-left:4px; padding-top:25px;}
.quicks ul{position:relative; width:65px; list-style:none; margin:0; padding:0;}
.quicks li{margin:0 0 5px 0;}

.quicks .q2s{position:relative; padding-left:2px; margin-top:8px;}
.quicks .q2s ul{position:relative; height:120px; margin:0; padding:0;}
.quicks .q2s li{margin:0 0 -3px 0;padding:0; width:61px; height:29px;}