/* COMMON CLASSES *
.break { clear:both; }
/* HEADER */
/* NAVIGATION *
#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("../img/headerbg.png"); }
#navigation { height:100px; width:960px; margin:0 auto; background-image:url("../img/logo.png"); background-position:top left; background-repeat:no-repeat; }
/* MENU *
#menu { position:relative; top:85px; }
#menu ul { list-style:none; }
#menu ul li { display:inline; font-variant:small-caps; font-size:12px; }
#menu ul li a { color:white; text-decoration:none; font-weight:bold; padding-right:20px; }
#menu ul li a:hover { text-decoration:underline; }
/* HEADER TEXT *
#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px; }
#secondline:hover { text-decoration:underline; color:#7F000C; }
.pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }
/* CONTENT *
#content { color:#575757;}
#content p { padding:10px 20px; font-size:16px; width:960px; margin:0 auto; }
#content p a { text-decoration:none; color:#CD2B3A; }
#content p a:hover { text-decoration:underline; color:#7F000C; }
/* BASIC RESET */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
body,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0px; padding:0px;}
html         {overflow-y:scroll;}
body        {font-size:0.938em; font-family:'Nanum Gothic',serif; color:#666; letter-spacing:0; line-height:150%;}
img         {border:0; text-indent:100%;}
ul,ol,d  l {list-style:none;}
ul li img {display:inline; vertical-align:top;}
a              {text-decoration:none;} 
a:visited   {text-decoration:none; }
a:hover    {text-decoration:none; }
a:active     {text-decoration:none; }

#wrap              { }
#top                {width:960px; margin:0 auto;}
#main_bnr       {width:960px; margin:0 auto;}
#con                {width:960px; margin:0 auto;}
#con_sub          {width:960px; margin:0 auto;}
#visual_sub       {width:100%; height:130px; background-image:url("../img/visual_subbg.gif"); background-position:top center; background-repeat:no-repeat; }
#visual_subtxt  {width:960px; margin:0 auto;}
#footer_bg       {width:100%; background-color:#222;}
#footer             {width:960px; margin:0 auto; padding:0 0 50px 0;}
/* #top */
#top_logo {width:300px; vertical-align:top; text-align:left; padding:20px 0;}
#top_gnb {width:660px; vertical-align:top; text-align:right; padding:0 0 0 0;}
.top_menu   {padding:10px 0 30px 0;}
/* #main */
#con_bnrbox               {padding:450px 0 20px 0; color:#fff; line-height:150%; letter-spacing:-0.5pt;}
#con_bnrbox .tit          {font-size:1.313em; font-weight:bold; padding:0 0 10px 0;}
#con_bnrbox .box1      {width:240px; height:110px; vertical-align:top; padding:20px 0 0 20px; background-color:#42b3e5;}
#con_bnrbox .box2      {width:240px; height:110px; vertical-align:top; padding:20px 0 0 20px; background-color:#0384ce;}
#con_bnrbox .box3      {width:240px; height:110px; vertical-align:top; padding:20px 0 0 20px; background-color:#3156a3;}
#con_bnrbox .box4      {width:240px; height:110px; vertical-align:top; padding:20px 0 0 20px; background-color:#103480;}
#con .tit_line                {font-size:1.250em; font-weight:bold; color:#222;}
#con .tit                       {font-size:0.813em; color:#fff; background-color:#103480; padding:7px 20px;}
#con .txt                      {padding:0 0 20px 0 ; /*border-bottom:1px solid #e6e6e6;*/}
#con .tit_more              {font-size:0.813em; color:#fff; background-color:#0384ce; padding:7px 20px;}
#con .tit_more a:link, #con .tit_more a:visited, #con .tit_more a:active     {text-decoration:none; color:#fff;}
#con .tit_more a:hover  {text-decoration:none; color:#103480;}
#con a:link, #con a:visited, #con a:active     {text-decoration:none; color:#666;}
#con a:hover  {text-decoration:none; color:0384ce;} 
/* gnb */
.jqueryslidemenu              {font-size:1.188em; font-weight:bold; padding:0 0 0 30px;}
.jqueryslidemenu ul          {margin: 0; padding: 0; list-style-type: none; }
.jqueryslidemenu ul li       {position: relative; display: inline; float:left;}
.jqueryslidemenu ul li a     {display: block; background:#fff; padding: 10px; color:#2d2b2b; text-decoration:none;}
* html .jqueryslidemenu ul li a  { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block;}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited   {color:#333;}
.jqueryslidemenu ul li a:hover   {background:#42b3e5; color:#fff;}
.jqueryslidemenu ul li ul            {position: absolute; left: 0; display: block; visibility: hidden;}
.jqueryslidemenu ul li ul li         {display: list-item; float: none;}
.jqueryslidemenu ul li ul li ul     {top: 0;}
.jqueryslidemenu ul li ul li a      {font-size:12px; text-align:left; width: 130px; /*width of sub menus*/ padding: 7px 15px; margin: 0; border-top-width: 0; border-bottom: 1px solid #ccc;}
.jqueryslidemenuz ul li ul li a:hover   {background:#eff9ff; color:#fff;}
.downarrowclass      {position:absolute;  top:0; right:0;}
.rightarrowclass       {position:absolute; top:0; right:0; }
.jqueryslidemenu .gnbbox li    {border:1px solid #eee;}
/* #footer */
#footer .tit       {font-size:1em; font-weight:bold; color:#3bb3e5; padding:40px 0 0 0; }
#footer .txt      {padding:20px 0 0 0;}
#footer .blank {height:20px;}
#footer li          {height:25px;}
#footer .txt a:link, #footer .txt a:visited, #footer .txt a:active     {text-decoration:none; color:#fff;}
#footer .txt a:hover  {text-decoration:none; color:#3bb3e5;}
#footer a:link, #footer a:visited, #footer a:active     {text-decoration:none; color:#888;}
#footer a:hover  {text-decoration:none; color:#3bb3e5;} 
/* #con_sub */
#con_sub                 {}
#visual_subtxt .tit     {height:50px; font-size:18px; font-weight:bold; color:#fff; padding:15px 0 0 20px;}
#visual_subtxt .txt    {height:110px; font-size:16px; color:#103480; padding:5px 0 0 20px; line-height:130%;}
.left_menu dt           {padding:14px 20px; border-bottom:1px solid #ddd; font-size:16px;}
#navi        {padding:14px 20px; border-bottom:1px solid #ddd; font-size:11px;}
#navi .tit  {font-size:24px; font-weight:bold; color:#333;}
#navi td   {padding:13px 0 15px 0;}
#sub_bnrbox               {padding:40px 0 20px 0; font-size:11px; color:#fff; line-height:150%; letter-spacing:-0.5pt;}
#sub_bnrbox .tit          {font-size:18px; font-weight:bold; padding:0 0 10px 0;}
#sub_bnrbox .box1      {width:200px; height:90px; vertical-align:top; padding:20px 0 0 20px; background-color:#42b3e5;}
#sub_bnrbox .box2      {width:200px; height:90px; vertical-align:top; padding:20px 0 0 20px; background-color:#0384ce;}
#sub_bnrbox .box3      {width:200px; height:90px; vertical-align:top; padding:20px 0 0 20px; background-color:#3156a3;}
#sub_bnrbox .box4      {width:200px; height:100px; vertical-align:top; padding:20px 0 0 20px; background-color:#103480;}
.bg_blue {width:100%; padding:5px 0; background-color:#103480;}
.font_01  {font-size:1.125em; color:#333;}
.font_02  {font-size:1.125em; color:#3bb3e5; font-weight:bold;}
.font_03  {font-size:16px; color:#fff; font-weight:bold;}
.font_04  {font-size:24px; color:#fff; background-color:#3bb3e5; font-weight:bold;}
.font_05  {font-size:3em; color:#fff; background-color:#3bb3e5; font-weight:bold; padding:7px; line-height:150%; }
.font_06  {font-size:1.125em; color:#fff; font-weight:bold; padding:10px;}
.font_07  {font-size:54px; color:#3bb3e5; font-weight:bold; line-height:120%; }
.font_08  {font-size:14px; color:#fff; background-color:#103480; font-weight:bold; padding:5px;}
.font_09  {font-size:24px; color:#fff; background-color:#103480; font-weight:bold; padding:0 10px;}
.font_10  {}
.font_21  {font-size:1em; color:#ffffff; font-weight:bold;}
.font_22  {font-size:1.250em; color:#fff; font-weight:bold;}
.font_23  {font-size:3em; color:#3bb3e5; font-weight:bold; line-height:120%; }
.font_24  {font-size:1.563em; color:#3bb3e5; font-weight:bold;} /*À̹ÌÁö³Ñ¹ö¸µ*/
.font_31 {font-size:0.875em; letter-spacing:-0.5px; }
.font_32  {font-size:1em; color:#3bb3e5; font-weight:bold;}
/* º´¿ø°¶·¯¸® */
#jqb_object img{  border: none;}
#jqb_object {position:relative; width:660px; height:423px; overflow:hidden;}
#jqb_object .jqb_bar{position:absolute; width:660px; height: 30px; left:0px; bottom:0px; background:#000000; opacity:0.7; filter:alpha(opacity=70); color: #ffffff; font-size:13px; letter-spacing: -1px;}
#jqb_object .jqb_slide{position:absolute; width:660px; height:423px;  font-weight: bold; font-size: 18px; letter-spacing: -1px; text-align: left;}
#jqb_object .jqb_info{position:absolute; padding: 2px 10px 2px 10px; float: left;}
#jqb_object .jqb_btn{width: 15px; height: 14px; margin: 10px 5px 2px 2px; float: right;}
#jqb_object .jqb_btn_next{background-image:url("../img/gallery/btn_next.gif");}
#jqb_object .jqb_btn_prev{background-image:url("../img/gallery/btn_prev.gif");}
#jqb_object .jqb_btn_pause{background-image:url("../img/gallery/btn_stop.gif");}
#jqb_object .jqb_btn_play{background-image:url("../img/gallery/btn_play.gif");}
#jqb_object a:link { text-decoration : none; color: #15ae39; font-weight:bold;} 
#jqb_object a:active { text-decoration : underline; color: #15ae39; font-weight:bold;} 
#jqb_object a:visited { text-decoration : none; color: #15ae39; font-weight:bold; } 
#jqb_object a:hover { text-decoration : underline; color: #15ae39; font-weight:bold;} 
/* ¿À½Ã´Â±æ */
.support {width:100%: padding:0; margin:0; border:1px solid #ddd;}
.support th {color:#fff; height:30px;}
.support td {height:30px; border-top:1px solid #ddd;}

#gnb li,ul {float:left;}
.headerimg {background-position: center top; background-repeat: no-repeat; width:100%; height:725px; position:absolute;}
#conMain   {width:1060px; margin:0 auto;}
#contents   {vertical-align:top;}
#tab        {padding:30px 0 0 0; height:35px; width:1060px; margin:0 auto; background-image:url("img/tab_bg.gif"); background-repeat:repeat-x;}
#tab_con   {padding:20px 0 0 0;}
#topSub  {width:900px; margin:0 auto;}
#topSub   {width:900px; padding:0 0 0 0;}

html, body { height:100%; -webkit-text-size-adjust:none; }
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption { margin:0; padding:0; }
ol, ul, li { list-style:none; }
img, fieldset { border:0 none; }
input, select, textarea { vertical-align:middle; resize:none; position:relative; }
input, textarea { -webkit-appearance:none; -webkit-border-radius:0; }
input[type="checkbox"] { -webkit-appearance:checkbox; }
input[type="radio"] { -webkit-appearance:radio; -webkit-border-radius:10px; }
button { border:0 none; background:transparent; cursor:pointer; }
hr { display:none; }
legend, .hide { width:0; height:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden; }
table caption { width:0; height:0; visibility:hidden; text-indent:-9999px; font-size:0; line-height:0; }
table { border-collapse:collapse; border-spacing:0; }
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display:block; }
a:link, a:visited { text-decoration:none; color:#666; }
a:active, a:hover, a:focus { text-decoration:underline; }
input.basic { height:19px; line-height:19px; padding:0 5px; border:1px solid #cacaca; *margin-top:-1px; _margin-top:-2px; }
textarea.basic { border:1px solid #cacaca; padding:5px; overflow:scroll; overflow-x:hidden; *margin-top:-1px; _margin-top:-2px; }
select.basic { height:21px; }




article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 
#w { display: block; width: 300px;  }
/* nav menu styles */
#nav { 
  display: block; 
  width: 300px; 
  margin: 0 auto; 
}
#nav li {width:300px; }
#nav > li > a { 
  display: block; 
  padding: 10px;
  font-size: 1em;
  font-weight: bold;
  color: #d4d4d4;
  text-decoration: none;
  border-bottom: 1px solid #e6e6e6;
  background-image:url(../img/bg_more.gif);
}
#nav > li > a:hover, #nav > li > a.open { 
  color: #e9e9e9;
  border-bottom-color: #384f76;
  background-image:url(../img/bg_more2.gif);
}
#nav li ul { display: none; width:260px; padding:20px; background-color:#f4f4f4; border-bottom:1px solid #e6e6e6; font-size:0.813em;}
#nav li li { width:260px; }
#nav li ul li a { 
  display: block; 
  background: none;
  padding: 10px 0px;
  padding-left: 30px;
  font-size: 1em;
  text-decoration: none;
  font-weight: bold;
  color: #e3e7f1;
  text-shadow: 1px 1px 0px #000;
}
#nav li ul li a:hover {
  background: #394963;
}