@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

body, div{margin:0; padding:0;}

/* inline */
img,fieldset{display:inline-block; border:0; margin:0; padding:0;}
cite, em, dfn{font-style:normal}

/* block */
h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-size:1em}
form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
address{font-style:normal}
blockquote, p{margin:0;}

/* table */
table{border-collapse:separate;border-spacing:0}
caption{display:none}
th, td{padding:0;vertical-align:middle;font-weight:normal} /* opara height=18px */
/*text-align:center;*/
/* list */
dd, dl, ol, ul, dt, dd{margin:0;padding:0}
li{list-style-type:none; margin:0;padding:0}

/* iframe */
iframe{position:relative; width:100%; border:0; z-index:0;}

.hidden{visibility:hidden;position: absolute;font-size:0px;width:0px;height:0px;line-height:0;margin:0px;padding:0px;background:none repeat scroll 0% 0% transparent;}

a {color:#555;text-decoration:none;}
a:link {color:#555;}
a:visited {color:#555}
a:hover {color:#000;}
a:active {color:#555;}

h1{overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
h2{overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}

.Skipul{overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
.Skipul ul li{position:relative;float:left;padding:0;margin:0}
.skip{display:block;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;overflow:hidden;font-size:0;line-height:0;}
.skip:hover,
.skip:active,
.skip:focus{ width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important;}

/* common */
body{_text-align:center;background:url(/home/jjcf/img/main/bg_main_bar2.gif) center top no-repeat;font-family:NanumGothic, 'Nanum Gothic';font-size:13px;color:#555}

#wrap{width:1000px;margin:0 auto;_text-align:left}
#header{position:relative;width:100%;height:160px;}
#container{width:100%;display:inline-block}
#container:after{display:block;clear:both;content:''}
.snb{float:left;width:200px}
#content{float:right;width:760px;text-align:left;}
#footer{position:relative;width:100%;height:150px;margin-top:40px;background:url(/home/jjcf/img/common/bar_bottom.gif) repeat-x}

.logo{position:absolute;top:84px;left:0;}
.Topmenus{position:absolute;top:11px;right:0;text-align:right;width:300px}
.Topmenus ul{position:relative;float:right;}
.Topmenus li{float:left;font-size:12px;padding:0 6px;background:url(/home/jjcf/img/common/bar_div_or.gif) right 2px no-repeat}
.Topmenus li.last{padding:0 0 0 6px;background:none}
.Topmenus a{color:#f8ead9}
.Topmenus a:hover{color:#fff}
.Toplinks{position:absolute;top:11px;left:0;width:500px}
.Toplinks ul{position:relative;float:left;}
.Toplinks li{float:left;font-size:12px;padding:0 6px;background:url(/home/jjcf/img/common/bar_div_gr.gif) right 2px no-repeat}
.Toplinks li.first{padding:0 6px 0 0;}
.Toplinks li.last{padding:0 0 0 6px;background:none}
.Toplinks a{color:#ccc}
.Toplinks a:hover{color:#fff}

.menulist{position:absolute;top:84px;left:220px;width:780px;}

.menulist li{float:left;padding:0 20px 20px 20px;}
.menulist li:hover{background:url(/home/jjcf/img/common/bar_gnb_menu.gif) left bottom no-repeat;z-index:100;}
.menulist li a{font-size:20px;color:#000;letter-spacing:-1px}
.menulist li a:hover{color:#e7491f;}
.menulist ul ul{display:none;position:absolute;top:40px;background:#fff;border:#aaa 1px solid;padding:8px 10px;z-index:999;}
.menulist li:hover ul{display:block;}
.menulist .menu li{clear:both;padding:4px 10px 4px 12px;background:url(/home/jjcf/img/common/ico_point.gif) 0 6px no-repeat}
.menulist .menu li a{font-weight:normal;font-size:13px;color:#333;}
.menulist .menu li a:hover{color:#e7491f;}

.search{position:absolute;right:0;top:0px;width:250px;height:10px;left:500px}
/* 
.search{position:absolute;right:0;top:84px;width:180px;height:25px;text-align:right}
*/
.search legend,.search label{visibility:hidden;display:none}
.search .styleinput{width:143px;height:23px;border:1px solid #cbcbcb}
.search input{vertical-align:middle}
.search img{vertical-align:middle}


.footer-center{position:relative;width:1000px;margin:0 auto;}
.helper{position:relative;padding:11px 0 0 0;height:29px}
.helper li{float:left;font-size:13px;padding:0 6px;background:url(/home/jjcf/img/common/bar_div_gr.gif) right 2px no-repeat}
.helper li.first{padding:0 6px 0 0;}
.helper li.last{padding:0 0 0 6px;background:none}
.helper a{color:#555}
.helper a:hover{color:#000}
.logo2{position:absolute;margin:30px 0 0 0}
.btm-copy{position:relative;width:100%;margin:30px 0 0 200px}
.copytext{margin-top:7px}
.copytext em{font-weight:bold}

/* main */
.banner-main{position:relative;width:1000px;height:440px;}

.box-content{position:relative;float:left;height:240px;}
.banner-sub{width:250px;}
.notice{width:500px;background:#f1f1f1}
.notice h4{margin:25px 0 0 50px;height:40px;font-size:18px;color:#000}
.notice .list-notice{margin:0 0 0 50px;width:400px;height:150px}
.notice .more{position:absolute;right:50px;top:25px}
.list-notice ul{position:relative;overflow:hidden;font-size:14px;}
.list-notice li{padding:7px 0;width:100%;text-align:right;color:#999}
.list-notice li span{float:left;color:#444;text-align:left}

.link-sub{width:250px}
.link-sub img{border:0;display:inline;float:left}