@charset "utf-8";
/* 
    Document   : common
    Created on : 2009. 8. 27, 오후 3:49:07
    Author     : yoojongwoo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*========= 공통요소 =========*/
* {margin:0px; padding:0px; border:0px;}
body{text-align:center; font-family:gulim,dotum,tahoma,sans-serif; color:#666666; font-size:80%;}
img{vertical-align:top; }
object{outline:none;}
a {cursor:pointer;}
a:link { text-decoration:none; cursor:pointer; }
a:hover { text-decoration:none; cursor:pointer;}
a:visited { text-decoration:none;  cursor:pointer;}
a:active { text-decoration:none;  cursor:pointer;}
.png24 {  tmp:expression(setPng24(this));   }


.body_print{text-align:left;  }
.body_print #wrap{width:550px; }
.cl{clear:both; width:0px; height:0px; margin:0px; padding:0px; border:0px;  overflow:hidden;}
/*========= //공통요소 =========*/



div#wrap{position:relative; left:0px; top:0px; z-index:2; }
div#header{height:50px;  position:relative; left:0px; top:0px; z-index:30; overflow: visible;   }/* 상단 lnb gnb 합쳐놓은 플래시 영역입니다. */
div#header div#lnb{position:absolute;   left:13px; top:-5px;  z-index:38;  }/* header 안에 들어가있는데 특별히 속성줄만한것은 없습니다. */

div#footer{background:#e3e3e3 url(../images/bg_footer1px.jpg) repeat-x  ; height:97px; position:relative; left:0px; top:0px; z-index: 2; overflow:hidden;  } /*하단 footer 이며 배경색 깔고 이미지좌우 반복시킵니다.*/

div#footer div.footer{width:990px;  position:relative;  left:0px; top:0px; z-index:1; }/* 페이지에 꽉차게 배경을 깔았고 그 부분중 화면의 중앙에 990px 영역만큼을 할당합니다. */
/*========= footer 레이아웃 =========*/
div#footer div.footer h1.logo_footer{float:left; display:inline; margin:20px 0px 0px 30px; }
div#footer div.footer div.linkBox{float:left;   margin:20px 0px 0px 22px; border-left:1px solid #bebebe; text-align:left; padding:3px 0px 3px 20px; }/*cccccc*/
div#footer div.footer div.linkBox span{padding:0px 10px 0px 10px; }
div#footer div.footer div.linkBox .footer_VLine{float:left;}
div#footer div.footer div.linkBox span.middle{ float:left;}
div#footer div.footer div.linkBox .address{ clear:both; display:block; margin-top:16px;  }
div#fms {position:absolute; left:635px; top:-422px; float:right;   z-index:1;  width: 0px; height: 0px;  }
*#swf_fms{position:absolute; left:0px; top:0px;  z-index:1;}
/*========= //footer 레이아웃 =========*/

/*========= footer 레이어팝업 =========*/
div.popup_email{width:350px; height:300px; position:absolute; left:-250px; top:-300px; z-index:7;}
div.popup_email_content{width:300px;  color:#666666; font-size:12px;   line-height:20px;   }
div#popup_warningEmail_layer{ display:none;   }

div.popup_directions_edu{width:602px; height:700px; position:absolute; left:0px; top:40px; z-index:7;}
div.popup_directions_edu_content{width:550px;  color:#666666; font-size:12px;   line-height:20px;   }
div#popup_directions_edu_layer{ display:none;   }

div.popup_rule{width:350px; height:300px; position:absolute; left:-250px; top:-300px; z-index:8;}
div.popup_rule_content{width:300px;  color:#666666; font-size:12px;   line-height:20px;   }
div#popup_rule_layer{ display:none;   }
div.btn_popup_rule{display:block; width:100%; height:30px; text-align:center; margin-top:20px;  }

div.popup_layer{text-align:left; background:#ffffff; border:1px solid black;}
div.popup_topline{width:100%; height:6px; background:#20409a; overflow:hidden; }
div.popup_header{ width:100%; height:49px; position:relative; overflow:hidden;   text-align:right;  }
div.popup_header img.title{position:absolute; left:150px; top:17px; }
img.popup_close2{ margin-top:14px; margin-right:13px;  }
h2.popup_logo{width:115px; height:18; border-right:1px solid cccccc;  position:absolute; left:24px; top:14px; text-align:right;  font-size:1px; color:#ffffff; background: url(../images/logo_popup.gif) no-repeat left top ; }
div.popup_content1{background:url(../images/bg_popup_content_top.gif) repeat-x top; }
div.popup_content{margin:0px 24px 67px 24px; padding-top:34px;   font-weight:normal;  }
.popup_imp1{color:#0054a6;}
div#popup_footer{text-align:right; height:33px; width:100%;  background:url(../images/bg_popup_content_bottom.gif) repeat-x top; position:absolute; top:100%; left:0px; margin-top:-33px;  }
div.popup_copyright{width:100%; height:28px; margin-top:6px; font-size:1px; color:#ffffff; background:url(../images/txt_popup_footer.gif) no-repeat 9px 11px;}
img.popup_close{position:relative; top:-20px; margin-right:10px; z-index:10;   }

dl.directions{border-bottom:1px dotted #d8dee4; width:550px; padding:8px 0; display:table;}
dl.directions dt{float:left; width:110px; background:url(../../common/images/bul_blue1.gif) no-repeat 0px 2px; margin-left:3px;   }
.directionsDtSpan1{position:relative; left:15px; font-weight:bold; line-height:18px; letter-spacing:2px;  }
.directionsDtSpan2{position:relative; left:15px; font-weight:bold; line-height:18px; letter-spacing:0px;}
.directionsDtSpan3{position:relative; left:15px; font-weight:bold; line-height:18px; letter-spacing:-1pt;}
.directions_txt1{background-color:#c1e3f2;}
.directions_txt2{background-color:#d2f5cc;}
.directions_txt3{background-color:#f3f6a0;}
.directions_txt4{background-color:#f5d4cc;}


dl.directions dd{width:400px; font-size:11px; float:left;}
dl.directions dd address{font-size:12px; font-weight:bold; font-style:normal; }
.directionsTab1{margin:50px 0px 0px 0px;}
.directionsTab1_con{margin-bottom:30px; margin-top:5px;}

div.btnBoxR{text-align:right; margin-top:10px;}
/*========= footer 레이어팝업 =========*/










/*========= 플래시 안보일때의 대체텍스트관련 =========*/
.noSWF_contatiner{position:relative; left:200px; top:0px; }


.lnb_text{width:100%; height:100%;  text-align:left; position:relative; left:0px; top:20px; position: relative; left: 0px; top: 0px; z-index: 50;    }
.lnb_j_block{background: url(../../swf/images/bg_top_j.png) no-repeat; width: 970px; height: 245px; position: absolute; left: 0px; top: -23px;  z-index: 51;  }
.lnb_j_block ul.lnb_j_menu{list-style: none; position: absolute; left: 20px; top: 50px;   overflow: hidden;  }
.lnb_j_block ul.lnb_j_menu li.lnb_j_menu{ float: left;  height: 140px; margin-right: 5px;  position: relative; left: -2px; top: 0px; border-left: 1px dashed #888888;  }
.lnb_j_block ul.lnb_j_menu p.lnb_j_menu{float: left; margin-left: 8px; }
.lnb_j_block ul.lnb_j_menu p.lnb_j_menu span.eng{color: #1e85bf; font-size:14px;  font-weight: bold;  font-family: sans-serif ; }
.lnb_j_block ul.lnb_j_menu p.lnb_j_menu span.kor{color: #afadad; font-size:11px; line-height: 14px;    display: block; margin-left: 10px; font-family: dotum; text-align: right; }
.lnb_j_block ul.lnb_j_menu li.lnb_j_menu ul.lnb_j_sub{ list-style: none;   float: left; margin: 0px; padding: 0px; }/*list-style-image: url(../../swf/images/bul_lnb_sublist.jpg) ; list-style-position:  outside; */
.lnb_j_block ul.lnb_j_menu li.lnb_j_menu ul.lnb_j_sub li.lnb_j_sub{background: url(../../swf/images/bul_lnb_sublist.jpg) no-repeat 3px 4px ;  line-height: 15px;   margin: 0px; padding: 0px 0px 0px 10px; }
.lnb_j_block ul.lnb_j_menu li.lnb_j_menu ul.lnb_j_sub li.lnb_j_sub a{color: #999999;  font-size: 11px; display: inline-block; padding: 1px 1px 1px 5px;   }
.lnb_j_block ul.lnb_j_menu li.lnb_j_menu ul.lnb_j_sub li.lnb_j_sub a:hover{color: #ffffff; background: #787878; font-size: 11px; }

.logo_openbase{position: absolute; left: 10px; top:205px;}
.lnb_j_block .lnb_j_btns{position: absolute; left: 685px; top:210px;  }


.main_text{text-align:left; position:relative; left:0px; top:0px; }
.main_text a{color:#666666;}
.main_text a:hover{color:#666666; text-decoration:underline;}

.main_jquery{width: 100%;  height: 634px; position: relative; left: 0px; top: 0px; overflow: hidden;   }
.main_jquery .main_j{position: absolute; left: 0px; top: 0px; width:1633px;  height: 634px; background:url(../../swf/images/bg_main.jpg) no-repeat;   }
.main_jquery .main_j_snb{ position: absolute;  width: 150px; height: 400px; text-align: left; z-index: 43;  }
.main_j_tag{width: 160px; height: 300px; position: absolute; left: 0px; top: 0px;  position: relative; left: 0px; top: 0px; z-index: 40;}

#j_tag_left{background: url(../../swf/images/tag_left.png) no-repeat 20px ; width: 160px; height: 300px; }
#j_tag_right{background: url(../../swf/images/tag_right.png) no-repeat 20px ; width: 160px; height: 300px;   }


.main_go_left{ display: block; padding-top: 120px; } /*margin-top:120px;*/
.main_go_right{ margin-left: 15px;  display: block; padding-top: 120px; }

.j_tag_both {   text-align: center;  }
.j_tag_both li{list-style: none; }
.j_tag_both li a{color: #1a1612; font-size: 18px; font-family: serif; font-weight: bold ;  margin-top: 5px; display: block;}
.j_tag_both li a:hover{text-decoration: underline;}

.noSWF_snb_main{ position:absolute; left:0px; top:0px;   }
.noSWF_snb_sub{ position:absolute; left:30px; top:80px;   }

.noSWF_snb a{color:#000000;}
.noSWF_snb a:hover{color:#666666; text-decoration:underline;}



.noSWF_snb ul.left li.m_on{font-size: 16px; font-weight: bold; color:#1aa8c2; list-style-image:url(../../swf/images/bul_snb_menu_on.png); cursor: pointer; margin-left: 20px; margin-top: 5px;  }
.noSWF_snb ul.left li.m_off{font-size: 16px; font-weight: bold; color:#bababb;  list-style-image:url(../../swf/images/bul_snb_menu_off.png); cursor: pointer; margin-left: 20px; margin-top: 5px; }

.noSWF_snb ul.left li li{list-style: none; list-style-image: none; line-height: 18px;  }
.noSWF_snb ul.left li a.s_on{font-size:13px; font-weight:bold; color: #6d6e6e; }
.noSWF_snb ul.left li a.s_off{font-size:13px; font-weight:bold; color: #bababb; }
.noSWF_snb ul.left li a.s_off:hover{color: #6d6e6e;}


.noSWF_snb ul.right li.m_on{font-size: 16px; font-weight: bold; color:#1b68c6; list-style-image:url(../../swf/images/bul_snb_menu_on.png); cursor: pointer; margin-left: 20px; margin-top: 5px;  }
.noSWF_snb ul.right li.m_off{font-size: 16px; font-weight: bold; color:#ffffff;  list-style-image:url(../../swf/images/bul_snb_menu_off.png); cursor: pointer; margin-left: 20px; margin-top: 5px; }

.noSWF_snb ul.right li li{list-style: none; list-style-image: none; line-height: 18px;  }
.noSWF_snb ul.right li a.s_on{font-size:13px; font-weight:bold; color: #3a85ce; }
.noSWF_snb ul.right li a.s_off{font-size:13px; font-weight:bold; color: #ffffff; }
.noSWF_snb ul.right li a.s_off:hover{color: #3a85ce;}




h3.noSWF{font-size:15px; color:#000000; margin-top:15px; }
.noSWF_fms{position:relative; left:0px; top:0px; text-align:left; z-index: 4; width: 360px; height: 500px; overflow: hidden;   }
.noSWF_fms a{color:#666666;}
.noSWF_fms a:hover{color:#666666; text-decoration:underline;}
.fms_j_block{ background: url(../../swf/images/bg_fms_j.png) no-repeat;  width: 330px; height: 496px; position: absolute; left: 15px; top: 423px; z-index: 210;
 behavior: url("../htc/iepngfix.htc"); } /*top: 423px;*/

.fms_j_block ul.logos_white{margin-top: 26px; width: 326px; height: 60px; position: relative; left: 2px; top: 0px; list-style: none; }
.fms_j_block ul.logos_white  li { float: left; margin-left: 10px; display: inline;  }
.fms_j_block .fms_company{background: #ffffff;  width: 306px; position: relative; left: 12px; overflow: hidden;   }
.fms_j_block .fms_company{list-style: none;}
.fms_j_block .fms_company li { width: 300px; height: 55px; overflow: hidden; display: block;  border-top: 1px dashed #888888; position: relative; top: -2px;    }
.fms_j_block .fms_company li .fms_logo{position: absolute; left: 0px; top: 0px; width: 110px; height: 50px; }
.fms_j_block .fms_company li .fms_logo a{display: block; position: relative; }
.fms_j_block .fms_company li .fms_logo img{position: absolute; }
.fms_j_block .fms_company li .fms_txt{position: absolute; left: 113px; top: 0px; width: 180px; height: 50px;}
.fms_j_block .fms_company li .fms_txt a{font-size: 11px; font-family: dotum; color: #777777; display: block; margin-top: 10px;  line-height: 16px;}
.fms_j_block .fms_company li .fms_txt a:hover{font-size: 11px; font-family: dotum; color: #537caa; display: block; margin-top: 10px;  line-height: 16px;}
.fms_j_block .fms_company li .fms_more{position: absolute; left: 280px; top: 40px; }

.noSWF_fms .fms_j_bottom{position: absolute; left: 4px; top: 491px; width: 350px;height: 9px;  z-index: 700; }