/* CSS Document */
@charset "euc-kr";
*{margin:0;padding:0;} 
body {
 font-size: 0.75em; 
 margin: 0;
 padding:0;
 scrollbar-highlight-color:#faf9f7; 
 scrollbar-3dlight-color:#e1ddd4; 
 scrollbar-face-color:#f7f7ed; 
 scrollbar-shadow-color:#e1ddd4; 
 scrollbar-darkshadow-color:#faf9f7; 
 scrollbar-track-color:#faf9f7; 
 scrollbar-arrow-color:#e1ddd4;
 background-color:#f7f7ed;
 background:url(/html/friend/image/body_bg.gif);
 background-repeat:repeat-x; 
 overflow-x:none;
}
body{height:100%; margin:0; background-color:#fff; font-family:"µ¸¿ò","±¼¸²"," seoul", "verdana", sans-serif; color:#666; font-size:0.75em;*word-break:break-all;-ms-word-break:break-all; line-height:1.25em;}
th,td,div,p,span,input,button{font-family:"µ¸¿ò",Dotum,"±¼¸²",Gulim,Arial,Sans-serif;font-size:100%;}
p, h1, h2, h3, h4, h5, ol, ul, li, form, div{font-weight:normal; margin:0; padding:0; font-size:100%;}
ul,ol,li{list-style:none;}
a:link , a:active , a:visited {color:#777; text-decoration:none;}
a:hover {color:#777; text-decoration:none;}
em,address{font-style:normal;}
table, td, th{border-collapse:collapse; font-weight:normal;}
table{table-layout: fixed;}
hr{display:none;}
legend{*width:0;}
form{display:inline;}
form, input{margin:0; padding:0; color:#777;}
img, a img{border:0;}
input,button{vertical-align:middle;}
caption{display:none;}

.hand {cursor:hand;}
.bg-x {background-repeat:no-repeat;}
.cl_l {clear:left;}
.cl_r {clear:right;}
.cl_b {clear:both;}
.clear {clear:both;}
.n {display:none;}
.nb {border:none;}
.ac {text-align:center;}
.ar {text-align:right;}
.al {text-align:left;}
.bold {font-weight:bold;}
.mt10 {margin-top:10px;}
.fl_l {float:left;}

/* top */
#accessibility {visibility:hidden; height:0; line-height:0;font-size:0;}
#top {width:800px;height:107px;}
/*#top .header{width:800px; height:85px; vertical-align:top;}*/
#top .logo {position:absolute; top:0; left:0; width:200px;height:73px; background-color:#e9e8e0; float:left;}
#top .logo img {margin-top:3px;}
#top .global {position:absolute; top:5px; left:200px; width:600px; height:19px;text-align:right; float:left;}

/* main */
.bgindex {}
#main {width:810px;background:url(/html/friend/image/bg_index.gif); background-repeat:repeat-x;}
#main_visual {width:800px; height:193px; position:relative; top:0;}
.sub {background:url(/html/friend/image/sub_bg.gif); background-repeat:repeat-x; width:810px;}
#sub_body {width:810px; background-repeat:no-repeat; background-position:top right;}
#left { width:193px; float:left; vertical-align:top;}
#left ul {background:url(/html/friend/image/left_bg01.jpg) 0 0 repeat-y;height:216px; padding:11px 0 0 30px; }
#left ul li a {color:#fff; line-height:1.5em;}
#main_contents {width:607px; background:url(/html/friend/image/main_contents_bg.jpg); background-repeat:no-repeat; background-position:top; padding:15px 0 0 10px; float:left;}
#main_contents .dotline {width:355px; height:1px; background:url(/html/friend/image/dot_01.gif) 0 0 repeat-x; margin:5px 0 10px 0;}
.work_info {width:188px;background:url(/html/friend/image/left_bg02.jpg) 0 0 repeat; height:50px;text-align:center;}





.log_wrap{width:193px; height:120px; float:left;}
.spot {width:800px; clear:left;} /* ·Î±×Àΰú ¹è³Ê */
#visual {width:607px; height:120px; float:right; } /* ¹è³Ê */
.mid_wrap {width:800px; clear:both;} /* left ¸Þ´º¿Í ÄÁÅÙÃ÷ wrap */
.snb {width:193px; vertical-align:top; background:url(/html/friend/image/leftmenu_bg.gif) 0 0 repeat; float:left;} /* ¿ÞÂʸ޴º */
.content_wrap {width:607px; float:left;} /* º»¹®³»¿ë */
#contents {width:607px; background:url(/html/friend/image/contents_bg.jpg);background-repeat:no-repeat;} /* º»¹®³»¿ë */
#substance { width:607px; clear:right; }


#bottom {clear:left; margin-top:20px; clear:both;}
#bottom .logo {width:188px; float:left;}
#bottom .foot_right {background-color:#f9f9f7; height:77px; width:602px; float:left; padding:10px 0 0 10px;}
#bottom address {margin:3px 0 0 8px;}

/* ·Î±×ÀÎ */
#login_form {width:193px;height:120px;background:url(../image/bg_loginbox.gif) 0 0 no-repeat;float:left; }
#login_form .formstyle {width:110x; height:17px;border-top:1px solid #808080;border-left:1px solid #808080;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;color:#666666;}
#login_form img.top {position:relative; width:193px; height:13px;}
#login_form .mid {float:left; width:130px; position:relative; top:10px; left:10px;}
#login_form .btn {position:relative; width:44px; height:44px; float:left; top:10px; left:5px; display:block;}
#login_form .btn2{position:relative; left:20px; top:5px; clear:left;}

.notice_pic{width:100px; height:82px; overflow:hidden; background:url(/html/friend/image/main_notice_bg.gif) 50% 50% no-repeat;; text-align:center; float:left;}
.notice_pic img{width:73px; height:56px; border:1px solid #000000;}
.notice_txt01 {background:url(/html/friend/image/blt_01.gif); background-repeat:no-repeat; padding:0px 0px 2 5; font-weight:bold; color:#a58d47; width:230px; overflow:hidden; cursor:hand;}
.notice_txt02 {letter-spacing:-0.1em; line-height:14px; color:b19743; width:230px; height:43px; overflow:hidden; font-family:'µ¸¿ò'; font-size:100%; cursor:hand;}
a:hover .notice_txt02 {color:907833;}
.notice_txt03 {background:url(/html/friend/image/blt_01.gif); background-repeat:no-repeat; padding-left:6px; width:240px; height:17px; overflow:hidden; float:left;}
.notice_date {width:70px; height:17px; overflow:hidden; text-align:center; float:left;}
a.main_left, a:link.main_left, a:visited.main_left {font-family:'µ¸¿ò'; font-size:100%; color:ffffff; letter-spacing:-0.1em;}
a:hover.main_left {text-decoration:underline;}

.formstyle_s {width:100px;height:18px;border-top:1px solid #808080;border-left:1px solid #808080;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd; background-color:#f5f5f5;color:#666666;}
.formstyle_w {width:100px;height:18px;border-top:1px solid #808080;border-left:1px solid #808080;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;background-color:#ffffff; color:#666666;}

.leftmenu {color:#ffffff;}
.leftmenu_t {background:url(/html/friend/image/blt_02.gif);background-repeat:no-repeat;padding-left:20px;}
a:hover .leftmenu {text-decoration:underline;font-family:'µ¸¿ò';font-size:9pt;color:ffffff;letter-spacing:-0.1em;}
.leftmenu_sub{padding-left:20px;}

.title {background:url(/html/friend/image/title_bg.gif) 0 0 repeat-x; margin:25px 0 20px 0;}
.T01 {background:url(/html/friend/image/blt_03.gif);background-repeat:no-repeat;padding-left:13px;padding-bottom:8px;color:578b5c;font-weight:bold;}
.T02 {background:url(/html/friend/image/blt_04.gif);background-repeat:no-repeat;line-height:15px;padding:0 0 4px 20px; color:#666666;}
.T03 {padding-left:30px;text-indent:-10px;line-height:15px;padding-bottom:3px;color:#666666;}
.table_t01 {background:url(/html/friend/image/blt_05.gif); background-repeat:no-repeat; padding-left:10px; line-height:15px;padding-bottom:3px;color:#666666;}
.table_t02 {padding-left:20px;text-indent:-10px;line-height:15px; padding-bottom:2px;color:#666666;}
.w10px {width:10px;}

.pd-b5 {padding-bottom:5px;}
.pd-b10px {padding-bottom:10px;}
.pd-b20px {padding-bottom:20px;}
.pd-L10px {padding-left:10px;}
.pd-L20px {padding-left:20px;}

.table_form {padding-top: 10px; padding-left: 20px}
#table_form .table01{border-top: 1px solid #cabdaf;border-bottom: 1px solid #cabdaf;border-right: 1px solid #cabdaf;border-left: 1px solid #cabdaf;text-align:center;padding:3px 3px 3px 3px; color:#a06921;font-weight:bold;background-color:#f6f2ed;}
#table_form .table02{border-top: 1px solid #cabdaf;border-bottom: 1px solid #cabdaf;border-right: 1px solid #cabdaf;text-align:center;padding:3px 3px 3px 3px;color:#a06921;font-weight:bold;background-color:#f6f2ed;}
#table_form .table03{border-bottom: 1px solid #cabdaf; border-right: 1px solid #cabdaf;border-left: 1px solid #cabdaf;padding:3px 3px 3px 3px;color:#666666;}
#table_form .table04{border-bottom: 1px solid #cabdaf;border-right: 1px solid #cabdaf;padding:3px 3px 3px 3px;color:#666666;}
#table_form .table04_t{border-bottom: 1px solid #cabdaf;border-right: 1px solid #cabdaf; border-top: 1px solid #cabdaf;padding:3px 3px 3px 3px;color:#666666;}
#paging td {padding:0px 5px 0px 5px;}

/*
.sub_tab {width:600px;height:23px; clear:left;margin-bottom:1px;}
.sub_tab li {float:left; background:url(/html/friend/image/bg_sub_tab.gif) 0% 0% no-repeat; height:23px; padding:0 0 0 18px; display:block;margin-right:2px;}
.sub_tab li a {display:block; background:url(/html/friend/image/bg_sub_tab.gif) 100% 0 no-repeat; letter-spacing:-0.1em; height:23px;padding:5px 18px 0 0;}
.sub_tab li.on {float:left; background:url(/html/friend/image/bg_sub_tab_on.gif) 0% 0% no-repeat; height:23px; padding:0 0 0 17px; display:block; margin-right:2px;}
.sub_tab li.on a {display:block; background:url(/html/friend/image/bg_sub_tab_on.gif) 100% 0 no-repeat; letter-spacing:-0.2em; height:23px;padding:5px 17px 0 0; font-weight:bold; }
*/
.sub_tab {width:600px;height:23px; clear:left;margin-bottom:1px;}
.sub_tab li {float:left; background:url(../image/bg_sub_tab.gif) 0% 0% no-repeat; height:23px; padding:0 0 0 18px; margin-right:2px;}
.sub_tab span{position:relative; top:4px;}
.sub_tab li a { background:url(../image/bg_sub_tab.gif) 100% 0% no-repeat; letter-spacing:-0.1em; height:23px;padding:5px 18px 0 0;}
.sub_tab li.on {float:left; background:url(../image/bg_sub_tab_on.gif) 0% 0% no-repeat; height:23px; padding:0 0 0 17px;  margin-right:2px;}
.sub_tab li.on a { background:url(../image/bg_sub_tab_on.gif) 100% 0% no-repeat; letter-spacing:-0.2em; height:23px;padding:5px 17px 0 0; font-weight:bold; }

/*»çÀÌÆ®¸Ê*/
.sitemap {width:192px;float:left; margin-left:70px;}
.sitemap ul {background-color:#F5F5F5; width:192px; line-height:2em;}
.sitemap ul li a {margin-left:20px;}