@charset "utf-8";

/*  Common  */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,input,textarea,form,fieldset,a,button,select{margin:0px; padding:0px}
body,input,textarea,select,button,table{font:normal 12px dotum,gulim,arial,sans-serif; color:#787878; line-height:120%}
/*body{ position:relative; overflow:scroll; overflow-x:hidden; .overflow:hidden;} /* position:relative는 익스 7때문에 사용(없을 경우 스클로 생김) */
img,fieldset{border:0}
a{color:#626262; text-decoration:none}
a:hover,a:visited,a:active,a:focus{color:#787878; text-decoration:none}
table{width:100%; border-spacing:0; border-collapse:collapse}
ul,ol{ list-style:none}
em,address{ font-style:normal}
label,caption{display:none}

/* common */
body{ background:url('/images/common/top_bg.gif') repeat-x; border:0px solid #f0f }
#contents {margin:0 auto; width:1000px; margin-top:25px; border:0px solid #f0f}
#contents {*zoom:1;}
#contents:after { clear:both; display:block; content:""; }
#footer { position:relative; width:998px; height:75px; border:1px solid #dbdbdb; background:url('/images/common/copyright_bg.gif') repeat-x; margin-top:30px}

/* Main */
#wrap{ position:relative; width:1000px; margin:0 auto; padding-top:0px;}
#header .quick_menu { float:right; margin-right:20px; *zoom:1 }
#header .quick_menu:after { clear:both; display:block; content:"" }
#header .quick_menu li { float:left; margin-left:12px }

/* Main Menu */
#header .global_navi { position:relative; width:1000px; height:69px; background:url('/images/common/menu_bg.png') no-repeat; clear:both }
#header .global_navi h1 { float:left; width:156px; margin-left:13px }
#header .global_navi .depth_1 { float:left; margin-left:50px; margin-top:12px }
#header .global_navi .depth_1 h2 { font-size:17px }
#header .global_navi .depth_1 li h2 a:hover,
#header .global_navi .depth_1 li ul li a:hover { color:#000000 }
#header .global_navi .depth_1 li { float:left; padding:3px 35px 0 0 }
#header .global_navi .depth_1 li.menu_1  { padding:3px 58px 0 0 }
#header .global_navi .depth_1 li.menu_2  { padding:3px 58px 0 0 }
#header .global_navi .depth_1 li.menu_3  { padding:3px 58px 0 0 }
#header .global_navi .depth_1 li.menu_4  { padding:3px 58px 0 0 }
#header .global_navi .depth_1 li.menu_5  { padding:3px 58px 0 0 }
#header .global_navi .depth_1 li.menu_6  { padding:3px 58px 0 0 }
#header .global_navi ul.depth_1 li a{ color:#fff; font-weight:bold }
#header .global_navi ul.depth_1 li ul{ position:relative; display:none; font-size:12px; white-space:nowrap; padding-top:12px 10px 10px; margin-top:3px  }
#header .global_navi ul.depth_1 li ul.depth_2_1 { position:absolute; top:35px; left:220px; width:400px }
#header .global_navi ul.depth_1 li ul.depth_2_2 { position:absolute; top:35px; left:335px; width:700px }
#header .global_navi ul.depth_1 li ul.depth_2_3 { position:absolute; top:35px; left:490px; width:600px }
#header .global_navi ul.depth_1 li ul.depth_2_4 { position:absolute; top:35px; left:659px; width:300px }
#header .global_navi ul.depth_1 li ul.depth_2_5 { position:absolute; top:35px; left:748px; width:250px }
#header .global_navi ul.depth_1 li ul.depth_2_6 { position:absolute; top:35px; left:809px; width:230px }
#header .global_navi ul.depth_1 li ul li { position:relative }
#header .global_navi ul.depth_1 li ul li .bar {position:absolute; top:7px; right:0; width:1px; height:6px; background:url('/images/main/bar.gif') no-repeat }

/* Contents */
#contents .cont_top { margin-bottom:20px; *zoom:1 }
#contents .cont_top:after {  content:""; display:block; clear:both }
#contents .main_left { float:left }
#contents .main_right { position:relative; float:left; margin-left:26px  }
#contents .main_right .portfolio_area { position:relative; margin-bottom:20px }
#contents .main_right .portfolio_area h3 a { position:absolute; top:3px; right:5px }
#contents .main_right ul.function_area { height:77px; margin-bottom:20px }
#contents .main_right ul.function_area li { float:left }
#contents .main_right .notice_area .notice_ti { position:relative; width:321px; height:28px; border-bottom:1px solid #d0d0d0; color:#ff6600}
#contents .main_right .notice_area .notice_ti h3 span {width:74px; display:inline-block; height:18px; background:url('/images/main/tab_bg.gif') no-repeat; padding:10px 0 0 10px; border:1px solid #fff; font-size:14px}
#contents .main_right .notice_area .notice_ti a { position:absolute; top:11px; right:5px }
#contents .main_right .notice_area ul.notice_cont { padding-top:7px}
#contents .main_right .notice_area ul.notice_cont li { background:url('/images/main/bullit.gif') no-repeat 2px 10px;  padding-left:10px; line-height:25px; border-bottom:1px dotted #d7d7d7 }
#contents .main_right .notice_area ul.notice_cont li p { float:left; width:250px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap }
#contents .main_right .notice_area ul.notice_cont li p a { }
#contents .main_right .notice_area ul.notice_cont li p a:hover { color:#ff6600 }
#contents .ban_area {  clear:both; *zoom:1; padding-left:20px}
#contents .ban_area:after { content:""; display:block; clear:both }
#contents .ban_area ul li {float:left}

/* Copyright */
#footer { position:relative; width:998px; height:63px; border:1px solid #dbdbdb; background:url('/images/common/copyright_bg.gif') repeat-x; margin-top:30px; padding-top:12px}
#footer h3 { float:left; margin-left:40px}
#footer .footer_rig { float:left; margin-left:50px }
#footer .footer_rig ul { margin-bottom:5px; *zoom:1 }
#footer .footer_rig ul:after { content:""; display:block; clear:both }
#footer .footer_rig ul li { float:left; margin-right:6px  }
#footer .footer_rig ul li a { font-weight:bold }
#footer .footer_rig ul li a:hover { color:#ff6600 }

/* Sub Common */
#header .sub_top_img { padding-bottom:10px; border:5px solid #f0f;  }


/* Sub Menu */
#contents .left_menu {float:left; width:192px; height:500px; background:url('/images/common/sub_menu_ti.gif') no-repeat 0 0; color:#ffffff; border:0px solid #f0f}
#contents .left_menu h3 { height:26px; font-weight:bold; color:#494949; text-align:center; padding:9px 8px 0 0; font-size:16px; margin-top:9px}

#contents .left_menu ul { position:relative; width:192px; height:391px;; background:url('/images/common/leftmenu_bg.gif') no-repeat; padding:0px; _overflow:hidden; color:#ffffff; border:0px solid #f0f}
#contents .left_menu ul li { }
#contents .left_menu ul li.on { width:192px; height:35px; background:url('/images/common/sub_menu_on_bg.gif') no-repeat 0 0; margin-left:0px; padding-top:12px; color:#ffffff}
#contents .left_menu ul li.on a {display:block; width:120px; font-weight:bold; height:17px; margin-left:10px; text-align:left; color:#0a7aed; padding-left:20px}
#contents .left_menu ul li.on a:hover { color:#0a7aed }
#contents .left_menu ul li.off { color:#ffffff; width:192px; height:35px; background:url('/images/common/sub_menu_off_bg.gif') no-repeat 0 0; margin-left:0px; padding-top:12px}
#contents .left_menu ul li.off a {color:#6c7073; display:block; width:130px; font-weight:bold; height:17px; margin-left:10px; text-align:left; padding-left:20px}
#contents .left_menu ul li.off a:hover { color:#0a7aed }
#contents .left_menu ul li.bar { vertical-align:top; height:5px; margin-bottom:5px }
#contents .left_menu ul li.bar img {vertical-align:top }


/*포트폴리오*/
#contents .cont_top .main_right .portfolio_area #container {width:321px; margin:0 auto; position:relative; z-index:0;}
#example {width:321px; height:186px; position:relative; background-image:url(/images/main/frame_box.gif);}
#frame {position:absolute; z-index:0; width:321px; height:186px; top:-3px; left:-80px;}
#pp_slides {position:absolute;top:15px;left:4px;z-index:100;}
#pp_slides .next,#pp_slides .prev {position:absolute; top:55px; left:2px; width:24px; height:43px; display:block; z-index:0;}
.slides_container {width:169px; height:166px; left:71px; top:-4px; overflow:hidden; position:relative;}
#pp_slides .next {left:280px;}


/* 메인이미지 */
#wrapper {width:653px;  z-index:1;}
#slideshow {float:left; width:654px; height:445px; border:0px solid #fff; z-index:1; }
#slides {position:relative; width:654px; height:445px; list-style:none; overflow:auto ; z-index:1;}
#slides li {width:654px; height:445px}
.pagination {float:left; list-style:none; height:25px; margin:-20px 0 0 10px; z-index:1000}
.pagination li {float:left; cursor:pointer; padding:0px 8px;  background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#888}