/* 리셋 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
html,body,nav,article,aside,section,footer,div,span,object,
iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,
em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video 
{ margin:0;padding:0;border:0;outline:0;font-size:100%; vertical-align:baseline; background:transparent; }
body { font:normal dotum, '돋움';}
ul,ol,dl { list-style:none; }
img { border:0; vertical-align:top; }
a { text-decoration:none;  }
a:hover, a:active, a:focus { text-decoration:none; }

/* 레이아웃 큰박스 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
body { background:#FFF; font:100%; }
#wrap { margin:0 auto; width:900px; }
header { width:900px; height:145px; margin-bottom:15px; }
#contents { float:left; width:645px; }
aside { float:right; width:245px; }
footer { float:left; width:900px; margin-top:20px; }

/* 레이아웃 작은박스 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
article { float:left; width:615px; height:420px; margin-bottom:15px; padding:15px; }
article #ub_main_bn { float:left; width:615px; height:120px; margin-bottom:15px; position:relative; }
article #ub_main_comm { float:left; width:613px; height:168px; margin-bottom:15px; border:1px solid #686868; }
article #ub_main_link { float:left; width:615px; height:100px; }

#ub_movie { float:left; width:645px; height:230px; margin-bottom:15px; }
#ub_ads { float:left; width:645px; height:70px; }

aside #ub_login { width:208px; height:128px; margin-bottom:10px; }
aside #ub_event { width:231px; height:252px; margin-bottom:11px; }
aside #ub_box_right { width:217px; height:289px; padding:15px; } 
aside #ub_poll { width:215px; height:186px; margin:0 0 15px 0; }
aside #ub_notice { width:215px; height:80px; }

footer #bot_menu { float:left; width:898px; height:24px; }
footer #bot_copy { float:left; width:900px; height:27px; }

/* 헤더영역 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
#top_set { float:left; width:900px; height:18px; padding-top:5px; }
nav { float:left; width:900px; height:124px; border-radius:5px; border:1px solid #4c4c4c;

/* header 배경 */ 
background: #7d7d7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7d7d 0%, #505050 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7d7d), color-stop(100%,#505050)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7d7d 0%,#505050 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7d7d 0%,#505050 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7d7d 0%,#505050 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7d7d 0%,#505050 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7d7d', endColorstr='#505050',GradientType=0 ); /* IE6-9 */
 }
nav #gnb_logo { float:left; width:193px; height:69px; padding:8px 0px 0px 17px; }
nav #gnb_search { float:left; width:409px; height:47px; margin:8px 0 11px; }
nav #gnb_rank { float:right; width:204px; height:40px; padding:12px 17px 0 0; }
nav #gnb_menu { float:left; width:900px; height:36px; } 

/* Top메뉴 영역 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
#top_set ul li a { color:#7d7d7d; }
#top_set ul li a:hover { color:#7d7d7d; }
#top_set li.stastart { float:left; padding:1px 0 0 11px; background:none;
 color:#7d7d7d; font-size:10px;/* 0.625em / 16px */ font-weight:bold; }
#top_set li.stastart span { color:#ff7e00; }
#top_set ul { margin-right:8px; font-weight:bold;   
color:#7d7d7d; font-size:0.625em;/* 10px / 16px */ text-transform:uppercase; }
#top_set li { display:inline; padding:0 0 0 3px;  
background:url(../imgs/menu_line.png) no-repeat right; }
#top_set li.contact { float:right; padding:1px 12px 0 5px; background:none;  } 
#top_set li.sitemap { float:right; padding:1px 6px 0; }

/* Search 영역 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
#gnb_search { padding:11px 0 0 41px; 
background:#0090bf url(../imgs/search_icon.png) no-repeat 12px 11px; border-radius:5px;
/* 검색창 안쪽 반사 */
-webkit-box-shadow:inset 0 2px 5px rgba(255, 255, 255, 0.5); 
-moz-box-shadow:inset 0 3px 10px rgba(255, 255, 255, 0.5);
-o-box-shadow:inset 0 3px 10px rgba(255, 255, 255, 0.5);
box-shadow:inset 0 3px 10px rgba(255, 255, 255, 0.5); }
#gnb_search .gnb_s_select { float:left; }
#gnb_search #category { float:left; width:77px; height:26px; border:none;
font-size:0.75em; /* 12px / 16px */ color:#898989; } 
#gnb_search #search_text { float:left; width:250px; height:24px; border:none; margin-left:2px; }
#gnb_search button { float:left; width:60px; height:26px; margin-left:3px;
border-radius:3px; border:1px solid #000000; cursor:pointer;
color:#FFF; font-weight:bold; font-size:0.8125em; /* 13px / 16px */
/* 검색버튼 배경(그라디언트) */ 
background: #575757; /* Old browsers */
background: -moz-linear-gradient(top,  #575757 0%, #252525 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#252525)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #575757 0%,#252525 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #575757 0%,#252525 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #575757 0%,#252525 100%); /* IE10+ */
background: linear-gradient(to bottom,  #575757 0%,#252525 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#252525',GradientType=0 ); /* IE6-9 */ 
}

/* Search 추천검색어 영역 ---*/
.gnb_choice_word {
clear:both; padding:5px 0 0 35px;
color:#cce6ff; font-size:0.6875em; /* 11px / 16px */ letter-spacing:-1px; }
.gnb_choice_word span { font-style:normal; font-weight:bold; }
.gnb_choice_word span:after { content:":"; }
.gnb_choice_word a { margin-right:-2px; color:#cce6ff; }
.gnb_choice_word a:hover { color:#cce6ff; }
.gnb_choice_word a:after { content:","; }
.gnb_choice_word a.last:after { content:""; }

/* rank 영역 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
#gnb_rank { float:right; width:204px; height:40px; padding:20px 17px 0 0; margin-top:8px; }
.rankup dt { float:left; width:204px; margin-bottom:3px; color:#d8d8d8; letter-spacing:-1px;
font:bold 0.75em nanum; /* 12px / 16px */  }
.ranklist { float:left; width:204px; height:20px; }
.ranklist ul li { clear:both; float:left; width:100%; height:20px; padding:1px 0 2px 0;
border-radius:7px; border:1px solid #808080;
/* 랭크박스 배경(그라디언트) */ 
background: #5c5c5c; /* Old browsers */
background: -moz-linear-gradient(top,  #5c5c5c 0%, #404040 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(100%,#404040)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5c5c5c 0%,#404040 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5c5c5c 0%,#404040 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5c5c5c 0%,#404040 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5c5c5c 0%,#404040 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c5c', endColorstr='#404040',GradientType=0 ); /* IE6-9 */
}
.ranklist span { display:block; float:left; width:11px; height:11px; margin:1px 0 0 6px;
 border-radius:3px; background:#2989d6; text-align:center;
font:bold 8px dotum;/* 0.5em / 16px */ color:#FFF; }
.ranklist span.tr_color { background:#1a517c; } /* 배경색상변경 */
.ranklist a { display:block; width:180px; padding-top:4px; 
color:#d7d7d7; font:normal 0.6875em dotum;/* 11px / 16px */ }
.ranklist li p.rank_line { margin:-18px 0 0 177px; display:block;
width:1px; height:23px; border-right:1px solid #808080; } /* 선 */
.ranklist li p.triangle { width:0; height:1px; border-right:4px solid transparent; border-left:4px solid transparent; border-top:4px solid #808080; margin:-13px 0 0 187px;} /* 역삼각형 형태 */
.ranklist ul li img { padding:2px 0 0 3px; }
.ranklist ul li img.img_vert { -webkit-transform:rotate(180deg);  -moz-transform:rotate(180deg);
 -o-transform:rotate(180deg); transform:rotate(180deg); margin:2px 0 0 2px; }/* 이미지 하강부분 */
.ranklist ul li ul { display:none; width:204px; z-index:10; position:absolute; }
.ranklist ul li:hover ul { display:block; margin-top:8px; }

/* gnb메뉴 영역 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
#gnb_menu {
/* 메뉴박스 배경(그라디언트) */  
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #666 0%, #000000 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(98%,#000000));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #666 0%,#000000 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #666 0%,#000000 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #666 0%,#000000 98%); /* IE10+ */
background: linear-gradient(to bottom,  #666 0%,#000000 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
 } 
#gnb_menu{  /* 메뉴박스 아래그림자 */ 
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}
#gnb_menu ul li { float:left; width:90px; height:26px; margin-top:5px;
background:url(../imgs/menu_line.png) no-repeat 100%; }
#gnb_menu ul li:last-child { background:none; } 
#gnb_menu li a { display:block; text-align:center; text-transform:uppercase; padding:5px;
font-size:0.8125em;/* 13px / 16px */ color:#e1e1e1; font-weight:bold; text-shadow:0px 0px 1px #FFF; }
#gnb_menu li a:hover { color:#e1e1e1; width:76px; margin-left:1px; border-radius:11px;
text-shadow:0px 0px 2px #000;
/* 하버시 메뉴 배경(그라디언트) */ 
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
 }

/* 콘텐츠 영역 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
article { background:url(../imgs/bg_main_box_main.jpg) no-repeat; }

/* jQuery 슬라이드 영역 */
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none; } 
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers li{float:left;}
.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
ul.bjqs-controls li a{ display:block; padding:5px 10px; position:absolute; background:#fff; color:#fd0100; 
text-decoration:none; text-transform:uppercase; }
a.bjqs-prev{ left:0; }
a.bjqs-next{ right:0; }
p.bjqs-caption{ background:rgba(0,0,0,0.7); color:#fff; text-align:center; }
ol.bjqs-markers{ position:absolute; bottom:5px; right:0px; } /* 동그라미 마커영역 ---*/
ol.bjqs-markers li{ float:left; margin:0 3px; padding:0 1px; }
ol.bjqs-markers li a{ display:block; height:13px; width:13px; overflow:hidden; text-indent:-9999px; 
background:#fff; border-radius:13px; box-shadow:0 0 3px rgba(0,0,0,0.5); }
ol.bjqs-markers li.active-marker a{ margin-top:-3px; background:#FC3; width:17px; height:17px; 
border-radius:17px; box-shadow:none; } /* 동그라미 마커별 색상설정 */
ol.bjqs-markers li:nth-child(2).active-marker a { background:#F00; }
ol.bjqs-markers li:nth-child(3).active-marker a { background:#0C6; }
ol.bjqs-markers li:nth-child(4).active-marker a { background:#06F; }

/* 메인게시판 영역 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
#ub_main_comm .comm_menu { float:left; width:110px; height:168px; 
background:rgba(255,255,255,0.25); }
#ub_main_comm h1 { font:bold 0.625em dotum; color:#FFF; margin:10px 0 0 5px; text-transform:capitalize; } 
#ub_main_comm .comm_menu ul { padding-top:24px; }
#ub_main_comm .comm_menu li a { display:block; color:#8c9bad; font:normal 0.75em dotum; /* 12px / 16px */
height:18px; padding:2px 0 0 10px; }
#ub_main_comm .comm_menu li a:hover{ height:18px; color:#FFF; font:bold 0.75em dotum; 
background:#000; } 

/* 최근 게시물 영역 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
#ub_main_comm .comm_news { float:left; width:469px; height:134px; padding:17px; }
#comm_news_list { height:110px; width:469px; }
.m_bn { width:141px; height:102px; margin:0 15px 0 0; line-height:14px; letter-spacing:-1px; 
float:left; text-align:center; }
.m_bn a { font:bold 0.75em dotum; /* 12px / 16px */ color:#acacac; padding-top:3px; }
.m_bn a:hover { text-decoration:underline; }
.m_bn span { margin-bottom:4px; float:left; }
.m_bn img { border:1px solid #ebebeb; }
.mm_list { float:right; width:312px; }
.mm_list li { height:20px; text-decoration:none; background:url(../imgs/bg_dotted.gif) no-repeat 0 9px;
padding-left:7px; .background:url(../imgs/bg_dotted.gif) no-repeat 0 7px; /* IE6버전 핵 */ }
.mm_list li a { font:normal 0.75em dotum; /* 12px / 16px */ color:#acacac; }
.mm_list li a:hover { text-decoration:underline; } 

#comm_roll_notice { background:rgba(255,255,255,0.2); border-radius:3px; width:469px; height:19px;
color:#FFF; font:bold 12px dotum; text-align:center; padding-top:4px; }

/* 메인링크 영역(jQuery carousel 슬라이드 사용) ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
#ub_main_link { background:#FFF url(../imgs/bg_main_link_box.jpg) no-repeat; }
#ub_main_link .lo_link1 {
-webkit-box-shadow:inset 0px 0px 20px rgba(255,255,255,0.4); 
-moz-box-shadow:inset 0px 0px 20px rgba(255,255,255,0.4); 
-o-box-shadow:inset 0px 0px 20px rgba(255,255,255,0.4); 
box-shadow:inset 0px 0px 20px rgba(255,255,255,0.4); 
 height:74px; width:170px; margin:10px 0 0 7px; padding:7px 0 0 7px; border-radius:5px; }
#ub_main_link .lo_link2 { 
-webkit-box-shadow:inset 0px 0px 20px rgba(255,255,255,0.4); 
-moz-box-shadow:inset 0px 0px 20px rgba(255,255,255,0.4); 
-o-box-shadow:inset 0px 0px 20px rgba(255,255,255,0.4); 
box-shadow:inset 0px 0px 20px rgba(255,255,255,0.4); 
height:74px;width:170px; margin:10px 0 0 7px; padding:7px 0 0 7px; border-radius:5px; }
#ub_main_link .lo_link3 { 
-webkit-box-shadow:inset 0px 0px 20px rgba(255,255,255,0.4); 
-moz-box-shadow:inset 0px 0px 20px rgba(255,255,255,0.4); 
-o-box-shadow:inset 0px 0px 20px rgba(255,255,255,0.4); 
box-shadow:inset 0px 0px 20px rgba(255,255,255,0.4);
height:74px; width:170px; margin:10px 0 0 7px; padding:7px 0 0 7px; border-radius:5px; }

#carousel_inner {
float:left; /* important for inline positioning */
 /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
width:547px; height:100px;
margin-left:6px;
}
#carousel_ul {
position:relative;
left:-190px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}
#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:170px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:74px;
margin-top:10px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px; 
}
#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll { float:left; padding:33px 4px 0 12px; }
#right_scroll { float:left; padding:33px 0px 0px 10px; }
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;}

/* 탭메뉴 영역 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
#containers h2 { float:left; margin-top:5px; padding-left:15px; background:url(../imgs/bullet.png) no-repeat left 1px; 
font:bold 0.875em gothic; /* 14px / 16px */ color:#000;}
#containers .tab_contain { float:right; width:540px; height:24px; border-radius:5px; 
background: #3e3e3e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlM2UzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YzdjN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #3e3e3e 0%, #7c7c7c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3e3e3e), color-stop(100%,#7c7c7c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #3e3e3e 0%,#7c7c7c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #3e3e3e 0%,#7c7c7c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #3e3e3e 0%,#7c7c7c 100%); /* IE10+ */
background: linear-gradient(to right,  #3e3e3e 0%,#7c7c7c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#7c7c7c',GradientType=1 ); /* IE6-8 */
 }
ul.tabs { padding-right:5px; }
ul.tabs li { float:right; height:24px; width:51px; overflow:hidden; padding:5px 0 0 5px; }
ul.tabs li a { float:left; display:block; outline:none; /* 마우스 클릭시 점선이 생기지 않음 */
font:bold 0.6875em gothic; /* 11px / 16px */ color:#FFF; letter-spacing:-1px; } 
ul.tabs li a:hover { color:#40accf; }
ul.tabs li.active { margin:-1px 0 0 0; background:rgba(255,255,255,0.5); 
/* active 상태와 active상태에서 마우스 오버시 효과 */ width:50px; height:19px;
border-right:1px solid #545454; border-top:1px solid #545454;
border-left:1px solid #545454; border-top-left-radius:3px; border-top-right-radius:3px; }
/* 탭 내용 영역 ---*/
#tab_wrap { float:left; width:634px; height:184px; border:1px solid #dadada; border-radius:5px; margin:10px 0 0 0; padding:15px 0px 0 10px; }
.tab_container { clear:both; float:left; width:100%; background: #fff; }
.tab_content { width:613px; height:166px; }
.tab_content li { float:left; width:119px; height:130px; padding:0 16px 0; }
.tab_content li a { width:130px; height:150px; font:bold 0.75em dotum; background:#EAEAEA; -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); 
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); 
border:1px solid rgba(255, 255, 255, 0.6); display:block; padding:5px 5px 10px; text-align:center; }
.tab_content li a:hover { text-decoration:underline; font:bold 0.75em dotum; color:#666; }
.tab_content li img { border:1px solid #CCC; }
.tab_content strong { display:block; margin:20px 0 0 0; text-align:center; color:#666; }

/* 구글 애드센스 영역 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
#ub_ads { border:1px solid #dadada; border-radius:5px; } 
#ub_ads li.g_ad { float:left; width:486px; height:60px; margin:5px 0 0 5px; }
#ub_ads li.ad_bn { float:right; padding:8px 4px 0 0; }

/* 사이드 영역 ---*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */

/* 로그인 영역 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
#ub_login { padding:47px 17px 0 20px; background:#FFF; border:1px solid #d7d7d7; border-radius:5px; }
#ub_login h1.top_title { width:213px; height:24px; padding:8px 17px 0 15px; margin:-47px 0 0 -20px;
/* 배경(그라디언트) */
background: #5b5b5b; /* Old browsers */
background: -moz-linear-gradient(top,  #5b5b5b 0%, #424242 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#424242)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5b5b5b 0%,#424242 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5b5b5b 0%,#424242 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5b5b5b 0%,#424242 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5b5b5b 0%,#424242 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#424242',GradientType=0 ); /* IE6-9 */
/* 배경 안 반사그림자 */
-webkit-box-shadow:inset 0 3px 8px rgba(255,255,255,0.3);  
-moz-box-shadow:inset 0 3px 8px rgba(255,255,255,0.3);
-o-box-shadow:inset 0 3px 8px rgba(255,255,255,0.3);
box-shadow:inset 0 3px 8px rgba(255,255,255,0.3);

border-top-left-radius:4px; border-top-right-radius:4px;
text-align:left; color:#FFF; font:bold 0.8125em dotum;/* 13px / 16px */ text-shadow:0px 0px 1px #FFF; 
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
#ub_login dl { margin-top:15px; }
#ub_login dt { position:absolute; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; /* 날려보내기 */ }
#ub_login dd { width:141px; float:left; vertical-align:top; }
#ub_login dd.upw { margin-top:3px; }
#ub_login .input_text { border:1px solid #c9c9c9; width:139px; height:18px; color:#444; }
#ub_login #uid, #ub_login #upw { background:#FFF; }
#ub_login button.keeping { float:right; margin:-22px 0 0 0; width:59px; height:45px; color:#FFF; font:bold 0.75em dotum; /* 12px / 16px */ 
border:1px solid #adadad; border-radius:3px; cursor:pointer;
background: #c9c9c9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c9c9c9 0%, #c9c9c9 12%, #bfbfbf 12%, #bfbfbf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(12%,#c9c9c9), color-stop(12%,#bfbfbf), color-stop(100%,#bfbfbf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c9c9c9 0%,#c9c9c9 12%,#bfbfbf 12%,#bfbfbf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c9c9c9 0%,#c9c9c9 12%,#bfbfbf 12%,#bfbfbf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c9c9c9 0%,#c9c9c9 12%,#bfbfbf 12%,#bfbfbf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c9c9c9 0%,#c9c9c9 12%,#bfbfbf 12%,#bfbfbf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-8 */
}

#ub_login p.log_in_etc { float:left; padding:5px 0 0 0; .padding:3px 0 0 0; width:170px;  
font:normal 0.6875em dotum; /* 11px / 16px */ color:#9e9e9e; } 
#ub_login p.log_in_etc input.check { vertical-align:-3px; }
#ub_login p.log_join_find { float:left; }
#ub_login p.log_join_find a.join { font:bold 0.75em dotum; /* 12px / 16px */ color:#929292; padding-left:5px;
 background:url(../imgs/arrow.png) no-repeat 0 2px; }
#ub_login p.log_join_find a.find { font:normal 0.75em dotum; /* 12px / 16px */ color:#a2a2a2;  padding-left:5px; 
background:url(../imgs/arrow.png) no-repeat 0 2px; }
#ub_login p.log_join_find a:hover { text-decoration:underline; }

/* 로그인 아래 한줄 공지사항 ---*/
#ub_login #log_notice { background:#e8e8e8; width:208px; height:18px; padding:8px 17px 0 20px; margin:117px 0 0 -20px;  
border-bottom-left-radius:4px; border-bottom-right-radius:4px; font:normal 0.6875em dotum; /* 11px / 16px */ color:#9a9a9a; }
#log_notice p { float:left; width:39px; height:11px; background:#6b6b6b; border-radius:2px;
color:#f8f8f8; letter-spacing:-1px; margin-right:5px; font-size:9px; text-align:center; font-weight:bold; }
#container { overflow:hidden; position:relative; height:20px; }
#container ul { position: absolute; margin: 0pt; padding: 0pt; top: 0px; }
#container ul li { margin: 0pt; padding: 0pt; height: 15px; display: list-item; }

/* 이벤트 게시판 영역 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
#ub_event { border:1px solid #dadada; border-radius:5px; padding:10px 0 0 14px; }
.bbs_tit h2.bb_ti { float:left; padding-bottom:13px; color:#848484; font:bold 0.75em dotum; /* 12px / 16px */ }
.bbs_tit p.more { float:right; padding:0 10px 0 10px; background:url(../imgs/icon_more.png) no-repeat 0px 7px; }
.bbs_tit p.more a { color:#848484; font:normal 0.6875em dotum; /* 11px / 16px */ }
.bbs_tit p.more a:hover { color:#F00; }
.bbs_tit ul.bbs_list li { float:left; width:210px; height:20px; background:url(../imgs/bg_dotted.gif) 0 9px no-repeat; padding:0 0 0 7px;  }
.bbs_tit ul.bbs_list li a { color:#848484; font:normal 0.75em dotum; }
.bbs_tit ul.bbs_list li a:hover { text-decoration:underline; }
.right_bn { clear:both; float:left; margin-top:10px; }
.right_bn li.bn_sys_01 { margin-bottom:6px; } 

/* 투표 & 공지사항 영역 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
/* 투표 영역 ---*/
#ub_box_right { background:#f3f3f3; border-radius:5px; }
#ub_poll { float:left; width:215px; height:186px; margin:0 0 15px 0; }
#ub_poll h2.poll_tit { float:left; padding-bottom:7px; color:#3d3d3d; font:bold 0.75em dotum; /* 12px / 16px */ }
#ub_poll h2.poll_tit span { color:#40accf; }
#poll_box_line { float:left; width:203px; height:154px; padding:12px 5px 0 5px; border:1px solid #d7d7d7; border-radius:3px; background:#FFF; }
#poll_box_line dl { font:normal 0.75em dotum, '돋움'; /* 12px / 16px */ color:#898989; }
#poll_box_line dt { border-bottom:1px solid #d7d7d7; width:190px; height:35px; padding:0 0 0 10px;margin-bottom:9px; }
#poll_box_line dd { height:19px; font-size:11px; /* 0.6875em / 16px */ }
#poll_box_line dd input { margin-left:10px; height:14px; vertical-align:middle; }
#poll_box_line .btn { text-align:center; padding-top:4px; }

/* 아래 공지사항 영역 ---*/
#ub_notice { float:left; width:215px; height:80px; }
.gong_tit h2.bb_ti { float:left; padding-bottom:4px; border-bottom:1px solid #d9d9d9; margin-bottom:5px; width:215px;
color:#000; font:bold 0.75em dotum; /* 12px / 16px */ } 
.gong_tit ul.gong_list li { float:left; width:210px; height:20px; background:url(../imgs/bg_dotted.gif) 0 9px no-repeat; padding:0 0 0 7px; }
.gong_tit ul.gong_list li:nth-child(1) { background:url(../imgs/icon_new.png) no-repeat 110px 6px; }
.gong_tit ul.gong_list li a { color:#848484; font:bold 0.625em dotum; /* 10px / 16px */ letter-spacing:-1px; }

/* 푸터 영역 ---*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
#bot_menu { border:1px solid #e1e1e1; border-radius:5px; background:#f8f8f8; padding-top:4px; }
#bot_menu ul li { float:left; padding:0 15px 0; background:url(../imgs/menu_line.png) no-repeat right; }
#bot_menu ul li.no_line { background:none; }
#bot_menu ul li a { color:#636363; font:bold 0.6875em dotum, '돋움'; /* 11px / 16px */ }
#bot_copy { margin-top:5px; }
#bot_copy p.copy { margin-top:4px; text-align:center; font:bold 0.5em dotum; /* 8px / 16px */ color:#848484; }
#bot_copy p.copy span { color:#F00; }
#bot_copy p.copy strong { font:bold 14px "Gothic"; /* 14px / 16px */ color:#666; }