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

/* Reset */
html,body{height:100%;/*line-height:100%;*/overflow-x:hidden; overflow-y:auto;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0;padding:0;}
body, th, td,  p, li, dt, dd, input, textarea, select, button {color:#444;font-family: 'Nanum Gothic', sans-serif , Dotum;font-size:12px;}
fieldset, img, area {border:0 none;vertical-align:top;}
ul, ol {list-style:none;} 
h1,h2,h3,h4,h5,h6 {font-size:12px;font-weight:normal;text-align:left;}
hr {display:none;}
a:link, a:visited, a:active {color:#444;text-decoration:none; background-color:transparent;}
a:hover {color:#444;text-decoration:none;}

caption, th {text-align:left;font-weight:normal;}
legend, caption {overflow:hidden;left:0;top:-5000px;width:0;height:0;font-size:0;line-height:0;display:none;}

/*
button,label{cursor:pointer;}
button {display:inline-block;border:0;vertical-align:top;}
button img{left:-3px;}
button * {position:relative;}
button span {z-index:-1;}
*/
textarea{resize:none;}
em,address{font-style:normal}

table {width:100%;}
table, table th, table td {border-collapse:collapse;border-spacing:0;font-family:"Nanum Gothic", Nanum Gothic, Dotum;}
table td a {text-decoration:underline ;}

/*
table td {word-break:break-word;word-break:keep-all;}
a:active {outline:none;}
a {outline:none;}
a {selector-dummy: expression(this.hideFocus=true);}
*/

/*select {clear:both; height:23px; border:1px solid #d0d2d7; padding:0px 2px; color:#777; font-size:11px; padding-bottom: 3px;}*/
select {clear:both; height:23px; border:1px solid #d0d2d7; padding: 0px 3px;}
select:disabled {clear:both; height:23px; border:1px solid #d0d2d7; padding: 0px 3px;background:#e0e0e0;}

/* Common */
.cfx{zoom:1;}
.cfx:after{display:block;clear:both;content:"";}
.blind {position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;font-size:1px;line-height:1px;visibility:hidden;}
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.fl {float:left;}
.fr {float:right;}
.tl {text-align:left}
.tr {text-align:right;}
.tc {text-align:center}
.spacing {letter-spacing:normal !important;}
.hide {display:none;}
.show {display:block;}

/* Input */
.EnOnly {ime-mode:disabled;}





/*main*/

#wrap{width:960px; margin:0 auto; text-align:center;background:url(/images/headLine.gif) 0 0 no-repeat; overflow:hidden;}

#topBox{width:100%; height:96px; padding-top:11px; text-align:center;}
#topBox #topCon{width:100%; margin:0 auto; height:96px; position:relative;}
#topBox #topCon .logo{float:left}
#topBox #topCon .t_menu{position:absolute; top:23px; right:41px;}
#topBox #topCon .t_menu li{float:left}
#topBox #topCon .t_menu li a{color:#999}


/*수정전
#navi{margin:0; padding:0; position:absolute; top:40px; left:384px;}
#navi li {float:left; width:140px; text-align:center; margin-top:30px;}
#navi li .navim{font-size:18px; font-weight:bold; display:block; }
#subnavi{display:none;position:absolute; width:100%; height:295px; background:url(/images/naviBg.png) repeat;top:114px; left:0; border-bottom:2px solid #235e7c;text-align:center; overflow:hidden; z-index:999}
#subnavi .subnavibox{width:960px; margin:0 auto; background:red; position:relative;}
#subnavi ul{margin:0; padding-top:10px; border-left: 1px solid e7e7e7; width:150px; height:295px; background:#fff;;position:absolute;}
#subnavi ul li{text-align:left; padding-left:27px; margin:0;}
#subnavi ul li a, #subnavi div a{display:block; height:24px; width:93px; line-height:24px;}
#subnavi ul li a:hover{color:#235e7c; font-weight:bold}
#subnavi div {text-align:left; padding-left:4px;}
.submenu1{top:0; left:384px;}
.submenu2{top:0; left:525px;}
.submenu3{top:0; left:665px;}
.submenu4{top:0; left:805px;border-right: 1px solid e7e7e7;}
.close{position:absolute; top:260px;left:918px;}
*/




#navi{float:right; margin-top:50px; margin-right:7px;}
#navi li{float:left;}
#navi li a{display:block; width:120px;font-weight:600; text-align:center;  font-size:16px; 
padding:3px;}
#navi li:hover #navi li a.colorRed{color:#e9202b;}

#navi div{display:none; width:115px; font-weight:normal; line-height:18px; 
z-index:999; background:url(/images/navi_bg.png) repeat; padding-bottom:15px; margin-left:5px; overflow:hidden}
#navi div img{padding-bottom:5px;}
#navi div a{ font-size:12px; text-align:left; color:#fff; background:url(/images/navi_bl.png) 10px 15px no-repeat;
padding:7px 0px 0px 22px; }
#navi div a:hover{color:black}
#navi .sub_menu1{position:absolute;}
#navi .sub_menu2{position:absolute; z-index:999}
#navi .sub_menu3{position:absolute; z-index:999}
#navi .sub_menu4{position:absolute; z-index:999}

/*메인 롤링 배너*/
.m_slider{width:959px; height:341px;  float:left; position:relative; overflow:hidden; background:#000}
.m_slider .frame {overflow: hidden; position: relative;}
.m_slider .frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.m_slider .frame ul li {width:960px; float: left; margin: 0 1px 0 0; padding: 0; }
.m_slider .frame ul li img {width:100%;}
.m_slider .frame ul li.active { color: #fff; background: #a03232; }
/* Pages */
.m_slider .pages {
	list-style: none;margin: 10px 0;padding: 0;position:absolute;bottom:5px;right:453px;}
.m_slider .pages li {
	float:left;
	width: 14px; height: 14px;
	margin: 0 2px;
	text-indent: -999px;
	border-radius: 10px;
	background: #777777;
	cursor: pointer;
	overflow: hidden;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.m_slider .pages li:hover {background: #e9202b; }
.m_slider .pages li.active {background:  #e9202b; }



.mainconBox{width:960px;}
.mainconBox .con1{width:100%; height:359px; overflow:hidden;}
.mainconBox .con1 .box1{width:240px; float:left;}
.mainconBox .con1 .box2{width:240px; float:right; background:red}
.mainconBox .con2{width:100%; height:181px;}
.mainconBox .con2 li{float:left;}
/*비즈니스*/
.business{width:480px; height:359px;  float:left; position:relative; overflow:hidden;}
.business .buT{padding:27px 24px 21px; overflow:hidden; float:left}
.business .busCon {width:230px; height:220px; float:left; text-align:left;}
.business .busCon .buText{font-size:16px; font-weight:bold; padding:31px 0px 0px 24px;}
.business .busCon p{padding:18px  0px 19px 24px; line-height:18px;}
.business .busCon a{margin:0px 0px 0px 24px; overflow:hidden}
.business .busCon .busImg{float:right}

.businessR{width:480px; height:220px;  float:left; position:relative;}
.businessR .frame {overflow: hidden; position: relative;}
.businessR .frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.businessR .frame ul li { float: left; margin: 0 1px 0 0; padding: 0;  }
.businessR .frame ul li img {}
.businessR .frame ul li.active { color: #fff; background: #a03232; }
/* Pages */
.businessR .pages {
	list-style: none;margin: 10px 0;padding: 0;position:absolute;bottom:-35px;left:24px;}
.businessR .pages li {
	float:left;
	width: 14px; height: 14px;
	margin: 0 2px;
	text-indent: -999px;
	border-radius: 0px;
	background: #777777;
	cursor: pointer;
	overflow: hidden;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.businessR .pages li:hover {background: #e9202b; }
.businessR .pages li.active {background:  #e9202b; }

.notice{width:960px; height:57px; overflow:hidden}
.notice .noticeCon{float:left; }
.notice .noticeCon a{position:Relative; top:23px;}
.notice .topBtn{float:right; margin-top:16px;}


.copy{width:960px; margin:0 auto; text-align:left; font-size:11px; line-height:17px;
position:relative;clear:both; background:#e2e2e2}
.botLogo{float:left}
.copyBot{padding:20px; color:#898989}



/*sub*/
.pagenavi{width:100%; height:41px;  border-top:1px solid #e3e3e3 ; display:none;}
.pagenavi div{width:960px; margin:0 auto; text-align:right}
.subCon{width:960px; margin:0 auto; clear:both;  border-top:1px solid #e3e3e3 ; overflow:hidden;
background:url(/images/subBg.png) top center no-repeat; padding-top:57px;}
.leftMenu{width:159px; float:left;}
.rightCon{width:757px; float:right; overflow:hidden}

.t_title{border-bottom:1px solid #e3e3e3;}
.t_title2{width:757px;text-align:left;}
.t_title2 span{display:block;}
.SubGnb{margin:0; padding:0}
.SubGnb li{line-height:37px; text-align:left; border-bottom:1px solid #e3e3e3;}
.SubGnb li a{display:block;font-size:15px;height:37px;padding-left:12px;}
.SubGnb li a:hover, .SubGnb .select a{background:url(/images/SubGnbBg.gif) 0 0 no-repeat; color:#fff}
.sub2gnb a{display:block;font-size:12px;height:30px;padding-left:20px;line-height:30px; text-align:left; }
.sub2gnb .off a {background:#f9f9f9; color:#8b8b8b}
.sub2gnb .on a, .sub2gnb .off a:hover{background:none; color:#4da9f5}


.siteMap{width:100%; padding-top:25px;}
.siteMap ul{width:25%; float:left; position:relative; top:-20px;}
.siteMap ul li{width:80%; margin:0 auto; text-align:left; height:30px; line-height:30px; font-size:12px; border-bottom:1px solid #f5f5f5;}
.siteMap ul li.t{font-weight:bold; border-bottom:1px solid #e9202b; color:#e9202b; font-size:16px; text-align:center; padding-bottom:10px;
margin-bottom:10px;}
.siteMap ul li a{display:block; height:30px; font-size:12px; padding-left:10px;}
.siteMap ul li a:hover{color:#e9202b; background:#f5f5f5 }
.siteMap ul li.p a{padding-left:15px;}



.list{border:1px solid #5cb0f5; margin-top:10px; }
.list th{background:#ebf6ff; }
.list th , .list td{border:1px solid #e5e5e5; padding:10px;font-size:12px;text-align:center}

.boardTab{height:60px;}
.boardTab li{float:left}
.boardTab li a{display:block; width:150px; height:35px; margin-right:10px; line-height:35px; text-align:Center;
font-size:16px; font-weight:bold; background:#f0f0f0;}
.boardTab li.select a{background:#6c6c6c; color:#fff;}