@charset "utf-8";
 /* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);/* 모든페이지 공통 스타일 */

/*
@font-face{font-family:'NanumGothic'; src:url('/css/fonts/NanumGothic.woff')}
@font-face{font-family:'NanumGothic'; src:url('/css/fonts/NanumGothic.eot')}
*/

@font-face {
    font-family:'NanumGothic';
    src: url('/css/fonts/NanumGothic.eot');
    src: url('/css/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/NanumGothic.woff') format('woff'),
         url('/css/fonts/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; 
}

/* -------- 태그초기화 -------- */
body,h1,h2,p,ul,form,fieldset,hr{margin:0px;padding:0px;}
body{font-family:"나눔고딕",NanumGothic,"Nanum Gothic","돋움",Dotum,sans-serif;font-size:0.85em;color:#666666;}
h1,h2{font-size:inherit;}
ul{list-style:none;}
img,video,object{max-width:100%;height:auto;}
img,fieldset,hr{border:0px;vertical-align:middle;}
hr,legend{font-size:0px;line-height:0px;width:0px;height:0px;overflow:hidden;position:absolute;top:0px;left:-9999px;}
a{text-decoration:none}
table,th,td{border-collapse:collapse;border:1px #ccc solid;padding:10px 10px; line-height:24px;}
tr{border:0}
th{background-color:#f8f8f8;padding:3px;color:#000;font-size:13px;}
address{font-style:normal}
header,gnb,section,footer,hr,article, nav {display:block;}
caption , .blind , .hidden{overflow:hidden;width:1px;height:1px;height:0;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-999px}

/* 링크 */
A:active {color:#4e4e4e; text-decoration: none}
A:link {color:#4e4e4e; text-decoration: none}
A:visited {color:#4e4e4e; text-decoration: none}
A:hover {color:#1e6597; text-decoration: none}

/* -------- skip -------- */
#skip a{position:absolute;top:0px;left:-9999px;z-index:100}
#skip a:hover,#skip a:focus,#skip a:active{left:0px;text-align:center;width:100%;background-color:#f00;color:#000;font-weight:bold;padding:10px 0}

/* -------- 공통레이아웃 -------- */
.blind{font-size:0px;line-height:0px;width:0px;height:0px;overflow:hidden;position:absolute;top:0px;left:-9999px}
.clear:after{display:block;content:"";clear:both}

/* 페이지 본문으로 이동하기 */
#skipToContent {position:relative}
#skipToContent a{display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#000; white-space:nowrap}
#skipToContent a:focus,
#skipToContent a:active{height:auto;width:auto;padding:5px;margin-bottom:10px}

/* 폰트컬러 */
.red { color:#9c1212; }
.blue { color:#0d5c9c }
.purple { color:#b70867 }


/* 메인헤더영역 */
/* header_top */
#header_bg { width:100%; height:100%; background-color:#eeeeee; }
#header_bg #header_top { width:1000px; height:101px; margin:0 auto; }
#header_top > h2 { float:left; display:block; width:269px; height:100%; }
#header_top > ul { width:730px; height:40px;  float:left;  }
#header_top > ul > li { margin-left:10px; height:40px; line-height:40px; float:right; font-size:12px; }

/* nav */
#gnb { width:710px; float:left; height:40px; margin-right:20px; }
#gnb > ul { width:100%; height:100%;}
#gnb > ul > li { float:left; margin-left:72px; }
#gnb > ul > li > a { height:40px; line-height:40px; font-size:18px; display:block; font-weight:600; }

.depth_w { width:100%; height:40px; background-color:#c66200; clear:both;}
.depth_w .depth_box { width:1100px; height:100%; margin:0 auto; position:relative; }
.depth_w .depth_box  ul { width:100%; height:100%;}
.depth_w .depth_box  ul li { float:left;}
.depth_w .depth_box  ul li a { padding:12px; font-weight:bold; display:block; color:#ffffff;}
.depth_w .depth_box  ul li a:hover { background-color:#854404; color:#ffffff; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s;  }
.depth_w .depth_box .depth1 { width:400px; position:absolute; left:335px; }
.depth_w .depth_box .depth2 { width:550px; position:absolute; left:420px; }
.depth_w .depth_box .depth3 { width:300px; position:absolute; left:630px; }
.depth_w .depth_box .depth4 { width:340px; position:absolute; left:720px; }
.depth_w .depth_box .depth5 { width:400px; position:absolute; left:785px; }
.depth_w .depth_box .depth6 { width:105px; position:absolute; left:940px; }

/* 컨텐츠영역 */
#content { width:1000px; margin:0px auto; position:relative; }

/* main_img(메인이미지 & 로그인) */
#main_img { display:block; width:100%; height:267px; }
#main_img .login {width:266px; height:267px; float:left; background:url(../images/main/login_bg.jpg) no-repeat;}
#main_img .box { position:absolute; left:25px; top:105px; width:150px;}
#main_img .box_id {text-align:right;}
#main_img .box_id span {padding-right:3px; font-weight:bold; color:#ffffff;}
#main_img .box_pw {margin-top:5px; text-align:right;}
#main_img .box_pw span {padding-right:3px; font-weight:bold; color:#ffffff;}
#main_img .login_box { position:absolute; left:185px; top:105px;}
#main_img .sign { position:absolute; left:15px; top:196px;}
#main_img .sign_s { position:absolute; left:15px; top:228px;}
#main_img .box_login {width:140px; color:#555555; font-weight:bold;}

#main_img .img {float:left;}


/* 아이콘 */
#content_box { width:100%; height:320px;}
#content_box #icon_box1 { width:320px; height:100%; float:left; }
#content_box #icon_box1 ul { width:100%; height:100%;  }
#content_box #icon_box1 ul li { margin-top:20px; }
#content_box #icon_box2 { width:297px; height:298px; float:left; margin-left:20px; margin-right:20px; margin-top:20px; padding:10px; border:1px solid #dddddd; }
#content_box #icon_box2 ul { width:100%; height:100%; }
#content_box #icon_box2 ul li { margin-bottom:10px; display:block; font-size:14px; }
#content_box #icon_box3 { width:320px; height:100%; float:left; }
#content_box #icon_box3 ul { width:100%; height:100%;  }
#content_box #icon_box3 ul li { margin-top:20px; }



/* footer_bg */
#footer_bg { width:100%; height:100%; border-top:2px solid #c66200; margin-top:20px;}
#footer_bg .footer { width:1000px; height:100%; margin:0 auto; padding-bottom:10px;  }
#footer_bg .footer ul { width:100%; height:100%; }
#footer_bg .footer ul li { margin-top:10px; font-size:13px; color:#666666; }