@import url('bbs.css'); /* °Ô½ÃÆÇ ¼¼ºÎ ¼³Á¤  */
@import url('contents.css'); /* ÄÁÅÙÃ÷ ¼¼ºÎ ¼³Á¤  */

/*°øÅë*/
*{margin:0;padding:0;}
html {width:100%; height:100%; overflow-y:scroll;}

body {
	font-family:dotum,"µ¸¿ò",gulim,"±¼¸²",Gulim,Helvetica,AppleGothic,Sans-serif;
	font-size:12px; color:#7E7E7E;
	background:url(../common/top_bg.jpg) no-repeat center 0; 
	width:100%; 
	height:100%;
	word-break:break-all;-ms-word-break:break-all;
}

table {border-collapse:collapse;border-spacing:0;}
fieldset {border:0;}
img {border:0;}

caption, th {text-align:left;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;	font-weight:normal;}
abbr,acronym {border:0;}
select, option, input, textarea	{margin:0; padding:0; vertical-align:middle; font-family:Dotum;}
ul, ol, dl, dd, dt, li	{list-style-type:none; margin:0; padding:0; border:0}
hr{display:none !important;}

select {border:solid 1px #7F9DB9; height:18px; font-size:12px; color:#7E7E7E; margin:0; padding:0; }
input {height:18px;  padding-top:1px; border:1px solid #E1E1E1; font-size:12px;}
textarea{border:1px solid #e1e1e1; padding:8px 8px; margin:10px 0;}
a{color:#7E7E7E;text-decoration:none;outline:none;  }
a:hover{color:#ff4400;text-decoration:underline;}
.clear {clear:both;}






/*Layout*/
#wrap {position:relative; width:985px;  height:100%;  margin:0 auto; }
#header {width:985px;  }

#container {overflow:hidden; width:985px; margin:50px 0 0px 0; display:block;}
.left_area {float:left;  display:inline; width:228px; padding-left:12px; margin:0px; text-align:left; background-color:#FFF;}
.content {position:relative; display:inline-block; width:700px; height:100%; text-align:left; padding:0;}
.quicktop{ position:absolute; left:940px; top: 290px; width:45px; } /* Äü¸Þ´º */



/*ÀÎÆ®·Î È­¸é */
#m_wrap {position:relative; width:950px; /*height:1100px; */margin:0 auto; background-color:#fff; overflow:hidden; /*border-bottom:1px solid #E5E5E5;*/ }
.snb {position:relative; width:163px; height:658px; overflow:hidden; float:left; background:#fff url(../main/left_bg.gif) repeat-y; padding-bottom:35px;}
.snb h1 {padding:19px 0 0 12px; margin:0;}
.aside {position:relative; width:268px; padding:0 1px; margin:0; float:left; border-right:1px solid #E5E5E5;overflow:hidden; padding-bottom:35px;}
ul.service_quick{margin:15px 0 0 18px; overflow:hidden; text-indent:-1000em;}
ul.service_quick li{width:100%; vertical-align:top;}
ul.service_quick li a{padding:0; height:30px; display:block;}
ul.service_quick li a.sm1 { background:url(../main/service_menu1.gif) no-repeat 0 0;}
ul.service_quick li a:hover.sm1 { background:url(../main/service_menu1_on.gif) no-repeat 0 0;}
ul.service_quick li a.sm2 { background:url(../main/service_menu2.gif) no-repeat 0 0;}
ul.service_quick li a:hover.sm2 { background:url(../main/service_menu2_on.gif) no-repeat 0 0;}
ul.service_quick li a.sm3 { background:url(../main/service_menu3.gif) no-repeat 0 0;}
ul.service_quick li a:hover.sm3 { background:url(../main/service_menu3_on.gif) no-repeat 0 0;}
ul.service_quick li a.sm4 { background:url(../main/service_menu4.gif) no-repeat 0 0;}
ul.service_quick li a:hover.sm4 { background:url(../main/service_menu4_on.gif) no-repeat 0 0;}
ul.service_quick li a.sm5 { background:url(../main/service_menu5.gif) no-repeat 0 0;}
ul.service_quick li a:hover.sm5 { background:url(../main/service_menu5_on.gif) no-repeat 0 0;}

.m_content {position:relative; width:515px; float:left; background:#fff; border-right:1px solid #E5E5E5; overflow:hidden;}
.lnb{position:relative; width:100%; }
.lnb ul { float:right; margin:0px; padding:0; height:18px; display:inline;}
.lnb li { float:left; padding:0 0 0 1px; margin:0; height:18px;}
.m_box {position:relative; width:515px; margin-top:68px; *margin-top:50px; text-align:center; padding:0;}

.r-contents { position:relative;  overflow:hidden;width: 476px; padding: 33px 0 0 20px; margin:0; padding-bottom:35px;}
.r-contents .new_box {position:relative; float:left; width: 236px; padding:0; margin: 0; font-size:12px;}
.r-contents .new_box h3{float:left; padding:0; }
.r-contents .new_box h3 .more{padding:0; text-indent:-1000em;}
.r-contents .new_box ul.news-list {float:left; width: 236px; display:block; overflow: hidden; margin-top:13px;}
.r-contents .new_box ul.news-list li{ display:inline-block; width: 236px; height:19px; background:url(../main/news_bu.gif) no-repeat 2px 2px; padding-left:13px;}
.r-contents .banner {/*position:absolute; right:-20px; top:33px; */ float:left;width: 211px; margin-left: 25px;}
.r-contents .banner p.img{float: left; width: 21px;}

.r-contents .namua-a {position:relative;  width: 476px;   font-size:11px;}
.r-contents .namua-a h3 { float: left; width: 476px; padding: 0 0 12px 0; margin-top:40px; _pading-top:16px;}
.r-contents .namua-a dl {float: left;  width: 476px; }
.r-contents .namua-a dl dd.img { float: left; width: 119px; height:71px; margin-right:14px; border:1px solid #CED9E0; padding:0; overflow: hidden;}
.r-contents .namua-a dl dt {float: left; padding: 2px 0 5px 30px;  font-size:11px; margin:0; background:url(../main/namum_bu.gif) no-repeat; }
.r-contents .namua-a dl dt .date { color: #807F7F; font-size:11px; padding-left:67px;}
.r-contents .namua-a dl dd.contents { overflow:hidden; ;white-space:nowrap;text-overflow:ellipsis; height:40px; border-top:1px solid #D6D8D8; float: left; width: 333px; line-height: 17px; padding-top:3px; color:#999999;  }


/*header*/
#header h1{padding:19px 0 0 25px; margin:0;}
#header ul { float:right; margin-right:45px; padding:0; height:18px; display:inline;}
#header li { float:left; padding:0 0 0 1px; margin:0; height:18px;}


/* menu*/
.left_area h2{position:relative; margin:0 0 20px 0px; padding:0;  }
ul#sidemenu {position:relative;/*width:228px; */ width:100%; height:400px; overflow:hidden;  text-indent:-1000em; margin-left:-4px;}
ul#sidemenu li {width:228px; vertical-align:top;}
ul#sidemenu li a {padding:5px 0; height:30px; display:block; }

/*ÁÖ¸Þ´º */
ul#sidemenu li a.menu1{ background:url(../left/menu_1_off.gif) no-repeat 0 0; margin-top:2px;}
ul#sidemenu li a:hover.menu1{  background:url(../left/menu_1_on.gif) no-repeat 0 0; }
ul#sidemenu li.active a.menu1 { background:url(../left/menu_1_on.gif) no-repeat 0 0; }

ul#sidemenu li a.menu2{ background:url(../left/menu_2_off.gif) no-repeat 0 0; margin-top:2px;}
ul#sidemenu li a:hover.menu2{  background:url(../left/menu_2_on.gif) no-repeat 0 0; }
ul#sidemenu li.active a.menu2 { background:url(../left/menu_2_on.gif) no-repeat 0 0; }

ul#sidemenu li a.menu3{ background:url(../left/menu_3_off.gif) no-repeat 0 0;  margin-top:2px;}
ul#sidemenu li a:hover.menu3{  background:url(../left/menu_3_on.gif) no-repeat 0 0; }
ul#sidemenu li.active a.menu3 { background:url(../left/menu_3_on.gif) no-repeat 0 0; }

ul#sidemenu li a.menu4{ background:url(../left/menu_4_off.gif) no-repeat 0 0;  margin-top:2px;}
ul#sidemenu li a:hover.menu4{  background:url(../left/menu_4_on.gif) no-repeat 0 0; }
ul#sidemenu li.active a.menu4 { background:url(../left/menu_4_on.gif) no-repeat 0 0; }

ul#sidemenu li a.menu5{ background:url(../left/menu_5_off.gif) no-repeat 0 0;  margin-top:2px;}
ul#sidemenu li a:hover.menu5{  background:url(../left/menu_5_on.gif) no-repeat 0 0; }
ul#sidemenu li.active a.menu5 { background:url(../left/menu_5_on.gif) no-repeat 0 0; }


ul#sidemenu li ul li a {border:none; width:228px; height:20px; padding:0px 0px;}

/*¼­ºê ¸Þ´º 1*/
ul#sidemenu li ul li a.menu1_1 {  height:20px; background:url(../left/m1_1_off.gif) no-repeat 0 0;  margin-top:-5px;}
ul#sidemenu li ul li a:hover.menu1_1 {height:20px;  background:url(../left/m1_1_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu1_1 {height:20px;  background:url(../left/m1_1_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu1_2 {  height:20px; background:url(../left/m1_2_off.gif) no-repeat 0 0;}
ul#sidemenu li ul li a:hover.menu1_2 { height:20px; background:url(../left/m1_2_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu1_2 { height:20px; background:url(../left/m1_2_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu1_3 {  height:20px; background:url(../left/m1_3_off.gif) no-repeat 0 0;}
ul#sidemenu li ul li a:hover.menu1_3 { height:20px; background:url(../left/m1_3_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu1_3 { height:20px; background:url(../left/m1_3_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu1_4 {  height:20px; background:url(../left/m1_4_off.gif) no-repeat 0 0; }
ul#sidemenu li ul li a:hover.menu1_4 { height:20px; background:url(../left/m1_4_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu1_4 { height:20px; background:url(../left/m1_4_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu1_5 {  height:20px; background:url(../left/m1_5_off.gif) no-repeat 0 0;}
ul#sidemenu li ul li a:hover.menu1_5 { height:20px; background:url(../left/m1_5_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu1_5 { height:20px; background:url(../left/m1_5_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu1_6 {  height:20px; background:url(../left/m1_6_off.gif) no-repeat 0 0; margin-bottom:17px; }
ul#sidemenu li ul li a:hover.menu1_6 { height:20px; background:url(../left/m1_6_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu1_6 { height:20px; background:url(../left/m1_6_on.gif) no-repeat 0 0; }

/*¼­ºê ¸Þ´º 2*/
ul#sidemenu li ul li a.menu2_1 {  height:20px; background:url(../left/m2_1_off.gif) no-repeat 0 0; margin-top:-5px; }
ul#sidemenu li ul li a:hover.menu2_1 { height:20px; background:url(../left/m2_1_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu2_1 { height:20px; background:url(../left/m2_1_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu2_2 {  height:20px; background:url(../left/m2_2_off.gif) no-repeat 0 0;}
ul#sidemenu li ul li a:hover.menu2_2 { height:20px; background:url(../left/m2_2_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu2_2 { height:20px; background:url(../left/m2_2_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu2_3 {  height:20px; background:url(../left/m2_3_off.gif) no-repeat 0 0;}
ul#sidemenu li ul li a:hover.menu2_3 { height:20px; background:url(../left/m2_3_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu2_3 { height:20px; background:url(../left/m2_3_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu2_4 {  height:20px; background:url(../left/m2_4_off.gif) no-repeat 0 0;}
ul#sidemenu li ul li a:hover.menu2_4 { height:20px; background:url(../left/m2_4_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu2_4 { height:20px; background:url(../left/m2_4_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu2_5 {  height:20px; background:url(../left/m2_5_off.gif) no-repeat 0 0; }
ul#sidemenu li ul li a:hover.menu2_5 { height:20px; background:url(../left/m2_5_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu2_5 {height:20px;  background:url(../left/m2_5_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu2_6 {  height:20px; background:url(../left/m2_6_off.gif) no-repeat 0 0; }
ul#sidemenu li ul li a:hover.menu2_6 { height:20px; background:url(../left/m2_6_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu2_6 { height:20px; background:url(../left/m2_6_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu2_7 {  height:20px; background:url(../left/m2_7_off.gif) no-repeat 0 0; margin-bottom:17px;}
ul#sidemenu li ul li a:hover.menu2_7 { height:20px; background:url(../left/m2_7_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu2_7 { height:20px; background:url(../left/m2_7_on.gif) no-repeat 0 0; }


/*¼­ºê ¸Þ´º 3*/
ul#sidemenu li ul li a.menu3_1 {  height:20px; background:url(../left/m3_1_off.gif) no-repeat 0 0; margin-top:-5px;}
ul#sidemenu li ul li a:hover.menu3_1 { height:20px; background:url(../left/m3_1_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu3_1 { height:20px; background:url(../left/m3_1_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu3_2 {  height:20px; background:url(../left/m3_2_off.gif) no-repeat 0 0; }
ul#sidemenu li ul li a:hover.menu3_2 { height:20px; background:url(../left/m3_2_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu3_2 { height:20px; background:url(../left/m3_2_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu3_3 {  height:20px; background:url(../left/m3_3_off.gif) no-repeat 0 0; }
ul#sidemenu li ul li a:hover.menu3_3 { height:20px; background:url(../left/m3_3_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu3_3 { height:20px; background:url(../left/m3_3_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu3_4 {  height:20px; background:url(../left/m3_4_off.gif) no-repeat 0 0;}
ul#sidemenu li ul li a:hover.menu3_4 { height:20px; background:url(../left/m3_4_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu3_4 { height:20px; background:url(../left/m3_4_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu3_5 {  height:20px; background:url(../left/m3_5_off.gif) no-repeat 0 0; margin-bottom:17px;}
ul#sidemenu li ul li a:hover.menu3_5 { height:20px; background:url(../left/m3_5_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu3_5 { height:20px; background:url(../left/m3_5_on.gif) no-repeat 0 0; }

/*¼­ºê ¸Þ´º 4*/
ul#sidemenu li ul li a.menu4_1 {  height:20px; background:url(../left/m4_1_off.gif) no-repeat 0 0; margin-top:-5px;}
ul#sidemenu li ul li a:hover.menu4_1 { height:20px; background:url(../left/m4_1_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu4_1 { height:20px; background:url(../left/m4_1_on.gif) no-repeat 0 0; }

ul#sidemenu li ul li a.menu4_2 {  height:20px; background:url(../left/m4_2_off.gif) no-repeat 0 0; margin-bottom:17px;}
ul#sidemenu li ul li a:hover.menu4_2 { height:20px; background:url(../left/m4_2_on.gif) no-repeat 0 0; }
ul#sidemenu li ul li.active a.menu4_2 { height:20px; background:url(../left/m4_2_on.gif) no-repeat 0 0; }








/* Select */
.main_select {position:relative; width:111px; margin:0px 0 0 0px;  padding:0;}/*¸ÞÀÎ ¼¿·ºÆ®Ãß°¡ */
.site_select {position:relative; width:172px; margin:15px 0 0 5px;  padding:0;}
.select{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1; }
.select *{ margin:0; padding:0; cursor:pointer; font-size:12px;}
.select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #E1E1E1; color:#666; line-height:14px; _line-height:normal; text-align:left; overflow:visible; background:url(../common/bu_arrow.gif)  no-repeat 10px 6px ;}
.select .myValue.selected{ font-weight:normal; color:#938F8F;}

.select .myValue{ border:1px solid #E1E1E1; }
.select button.myValue{ height:18px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue{ height:19px; text-indent:8px;}
.select .ctrl{ position:absolute; top:0; left:133px; width:25px; height:16px; border:1px solid #E1E1E1; background:url(../common/bu_arrow.gif) center no-repeat;}
.select .m_ctrl{ position:absolute; top:0; left:84px; 
width:25px; height:16px; 
border:1px solid #E1E1E1; 
background:url(../common/bu_arrow.gif) center no-repeat;
}
/*¸ÞÀÎ ¼¿·ºÆ®Ãß°¡ */
.select ul{ position:absolute; bottom:18px; left:0; width:158px; list-style:none; border:0; background:#fff; overflow:hidden;}
.select ul.aList{ display:none; border:1px solid #E1E1E1;  }
.select.open ul.aList{ display:block; width:158px }
.select li{ position:relative; overflow:hidden; white-space:nowrap; height:20px; }
.select li a{ display:block; padding-top:4px; text-indent:8px; *text-indent:6px; height:20px; color:#767676; background:#fff; text-decoration:none;}
.select li.hover *{ background:#F5F5F5; color:#ff4400;}


.sea_banner{margin:50px 0 0 5px;}
.address {margin:5px 0 50px 5px; }

#footer {clear:both; border-top:1px solid #C7C7C7;  border-bottom:1px solid #DDDDDD; height:42px; margin:50px 0 30px 0;  }
#footer ul{float:right; display:inline; margin-top:25px; padding-right:10px; }
#footer li{float:left; margin:0; padding:0 6px;}

#m_footer {clear:both; border-top:1px solid #C7C7C7;  border-bottom:1px solid #DDDDDD; height:42px; margin:0px 0 30px 0;  }
#m_footer ul{float:right; display:inline; margin-top:10px; padding-right:10px; }
#m_footer li{float:left; margin:0; padding:0 6px;}





/*Á¤·Ä */

.eng {font-family:verdana}
.vm {vertical-align:middle}
.ac {text-align:center}
.ar {text-align:right}
.al {text-align:left !important}
.fl{float:left}
table {margin:0;padding:0;}
.mt-5{margin-top:-5px}
.mb17{margin-bottom:17px}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt22{margin-top:22px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt70{margin-top:70px}
.mt130{margin-top:130px}
.mb10{margin-bottom:10px}
.mb24{margin-bottom:24px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mt52{margin-top:-52px}
.ml8{margin-left:-8px}
.ml18{margin-left:18px}
.mt90{margin-top:90px;}
.pb30{padding-bottom:30px}
.pt30{padding-top:30px;}
.pt20{padding-top:20px;}


/*¶óÀÎ */
.la{border-top:1px solid #938F8F; border-bottom:1px solid #938F8F;}
.line-top{border-top:1px solid #E5E5E5;}
.lt1{border-top:1px solid #938F8F;}
.lb1{border-bottom:1px solid #938F8F;}
.lt2{border-top:2px solid #938F8F;}
.lb2{border-bottom:2px solid #938F8F;}



/*Æ÷ÀÎÆ® ÆùÆ® */
.f11_o{font-size:11px; color:#FF956E;}
.f11_num{color:#DC9834; font:bold 11px Tahoma ;}
.f-o{color:#ff4400;}
.f-o{color:#ff4400;}
/*°¡·Î ±æÀÌ*/
.inpu-w{width:510px;}