@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* Common */
* { margin:0; padding:0;} /* html, body 사이의 간격을 제거 */

html{height:100%;}
body,input,textarea,select,button,table{font-family:'나눔고딕','NanumGothic','Nanum Gothic','돋움',dotum; font-size:14px; color:#666;}
body{border:0; position:relative}
img{border:0;vertical-align:middle;margin:0;padding:0}
ul,ol,li{list-style:none}
table, th, td { border-collapse:collapse;}
table td a,table td span{vertical-align:middle}
label{cursor:pointer}
input[type="text"], textarea{border:1px solid #ebebeb; padding:5px; box-shadow:none;}

header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
a{color:#666;text-decoration:none; margin:0; padding:0;}
td img,input{ vertical-align:middle}
.no_margin{margin:0 !important;}
.no_border{border:none !important;}

.content_wrap{width:1000px; margin:0 auto;position:relative;text-align:left;}

/*GNB CSS*/
#gnb_area{width:100%; height:70px; padding:10px 0 20px; background:url(../image/bg_gnb.png) repeat-x 0 10px; position:relative; z-index:100}
#gnb_area .logo{margin-left:50px;}
#gnb_area .d_con{position:absolute; right:0;top:88px;width:100%;background:rgba(0,0,0,.85);}
#gnb_area ul{margin:-88px/*height값*/ auto 0; margin-left:300px; text-align:right;}
#gnb_area ul li{display:block; float:left;width:140px; height:100%}
#gnb_area ul li > a{display:block;font-size:16px;font-weight:600;line-height:90px; height:88px; color:#31418e;text-align:center}
#gnb_area ul li.on > a{background:#31418e; color:#fff}
#gnb_area ul li.on dl{background:#7ab93b}
#gnb_area ul li.on dl dd{border-bottom:1px solid #7ab93b}
#gnb_area ul li.on dl dd a{color:#fff}
#gnb_area ul li.on dl dd a:hover{color:#6379e0}

#gnb_area dl {border-right:1px solid #111; height:0px; max-height:230px;overflow:hidden; position:relative;}
#gnb_area ul li:first-child dl{border-left:1px solid #111; margin-left:0;}
#gnb_area dl dd{border-bottom:1px solid #111; padding:8px 5px;}
#gnb_area dl dd a{display:block;line-height:22px;text-align:center;font-size:14px;color:#666}

.s_menu{position:absolute; right:13px; top:10px; z-index:10}
.s_menu a{color:#999; font-size:12px; padding:0 10px; display:inline-block}

/***좌측메뉴***/
.sub_menu{ width:210px; float:left;border-top:1px solid #ebebeb;}
.sub_menu .menu_tit{padding:58px 20px; height:25px; font-size:20px; font-weight:bold; color:#333; border-bottom:1px solid #ebebeb; text-transform:uppercase}
.sub_menu .codrops-demos{color:#666; font-size:13px; font-weight:600; padding-bottom:30px; border-right:1px solid #ebebeb;}
.sub_menu .codrops-demos a{display:block; border-collapse:collapse; padding:10px 20px;}

.codrops-demos a:hover,.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{border-color:#31418e; color: #fff; background:url(/image/bg_menu.png) no-repeat 0 bottom #31418e; background-size:130%;}


/***메인-slide***/
.slide_area{width:1000px; height:550px; background:#eee; overflow:hidden; position:relative; z-index:10; top:-10px}
#slides .pre{top:260px; left:20px; width:27px; height:50px; position: absolute; z-index:9999}
#slides .next{top:260px; right:60px; width:27px; height:50px; position: absolute; z-index:9999}
#slides {display:none;}
.slidesjs-pagination, .slidesjs-stop, .slidesjs-play{display:none; }

/*배너*/
.m_banner{margin:30px 0; padding-top:20px; border-top:2px solid #29166D;}
.m_banner:after{content:""; display:block; clear:both;}
.m_banner .m_notice{width:220px; padding-right:30px; float:left;}
.m_banner .m_notice ul{margin-top:5px;}
.m_banner .m_notice ul li{color:#888; font-size:13px; padding:5px 0; border-bottom:1px dashed #ebebeb}
.m_banner .banner{width:750px; float:left;}

/***서브- about us***/
.content{width:790px; float:left; }
.content .con_title{width:740px; padding:38px 0px 38px 50px; font-size:24px; font-weight:bold; margin-bottom:40px; background:url(../image/sub-tit.jpg) no-repeat}
.con_title p{padding-bottom:10px; border-bottom:2px solid #31418e; color:#fff; margin-bottom:10px; display:inline-block}
.con_title p.link{font-size:13px; color:#bbb; border:none; margin:0; padding:0; display:block; font-weight:normal}
.content_box{margin:30px 0 50px 60px;}
.content_box2{margin:0 0 50px 60px;}

/*light_box*/
.light_box{display:inline-block; margin-top:40px}
.light_box a{width:216px; height:158px; overflow:hidden; display:block; float:left; margin-right:7px; margin-bottom:20px; border:3px solid #ebebeb; position:relative}
.light_box a .layer_bg{display:none;}
.light_box a:hover .layer_bg{ display:block; background:url(/image/layer_bg.png) no-repeat; width:216px; height:158px; position:absolute;}
.light_box a img{width:216px;}

/*tab_box*/
.tab_box .tab_area a{border:2px solid #ebebeb; padding:15px 10px; width:170px; height:16px; margin:0 10px 10px 0; font-size:14px; display:block; float:left;}
.tab_box .tab_area a:hover{border:2px solid #31418e;}
.tab_box #tab01,#tab02,#tab03{margin-top:20px; clear:both; border:1px solid #ebebeb; padding:20px; font-weight:800 }

/*테이블*/
.table01 th{height:50px; background:#72a8e8; color:#fff; font-size:16px; font-weight:800; text-align:center;}
.table01 td{height:40px; border:1px solid #ebebeb; text-align:center;}
.table01 td.name{text-align:left; padding-left:15px}

/**/
.btn_contact{text-align:center; margin-top:20px;}
.btn_contact a{display:inline-block; margin-bottom:40px}
/***Footer***/
.footer{width:1000px; height:60px; margin:25px auto; padding:15px 0 0; border-top:1px solid #ebebeb; font-size:12px; line-height:20px; color:#888; clear:both;}
.footer .logo02{float:left; padding:20px 0 0;}
.footer .address{width:820px; float:left;}