﻿
#wrap{background:url(../img/main/bg.jpg)   center no-repeat;}
#container {width:100%; padding:0; }
#content {width:1310px; margin:40px auto;  }

/* 왼쪽 전체 */
.mid_left {float:left; width:360px;}
.left_box1 {padding-bottom:12px; width:100%; height:170px;  display:inline-block; font-weight: bold}
.left_box1 h1 {color:#fff; font-size:20px; padding:7px; background: url(/dbimage/bnuelifelong/WebData/img/main/box_top_bg1.gif) repeat-y 0 0; }
.left_box1 li { float:left; width:118px; height:110px; border:#dddddd 1px solid;padding-top:10px;  background: url(/dbimage/bnuelifelong/WebData/img/main/left_box_con1.gif) no-repeat 0 0;}
.left_box1 ul{ margin-top:4px}

.left_box1 li.left_box01 { background: url(/dbimage/bnuelifelong/WebData/img/main/left_box_con1.gif) no-repeat 0 0; }
.left_box1 li.left_box02 { background: url(/dbimage/bnuelifelong/WebData/img/main/left_box_con2.gif) no-repeat 0 0; }
.left_box1 li.left_box03 {  background: url(/dbimage/bnuelifelong/WebData/img/main/left_box_con3.gif) no-repeat 0 0; }


/* --------- 4개버튼 ------------ */
.left_box2{ width:100%; color:#fff; font-weight:600; pdding:15px 0 0 0;  display:inline-block; letter-spacing:-1.2px; line-height:1.5}
.left_box2 p{background: url(/dbimage/bnuelifelong/WebData/img/main/btn01.png) no-repeat 140px center; }
.left_box2 a{ color:#fff;  padding:0% 10.20%; padding-top:25px;  height:49px;  display:inline-block; width:78%;vertical-align:middle;  }
.left_box2 li{ float:left; width:175px; height:83px;text-align:left; overflow:hidden}
.left_box2 li.left_box02_01{margin:0 10px 0px 0px;background: url(/dbimage/bnuelifelong/WebData/img/main/box_con1.gif) no-repeat 0 0;}
.left_box2 li.left_box02_02{background: url(/dbimage/bnuelifelong/WebData/img/main/box_con2.gif) no-repeat 0 0;}
.left_box2 li.left_box02_03{margin:0 10px 0px 0px;background: url(/dbimage/bnuelifelong/WebData/img/main/box_con3.gif) no-repeat 0 0; }
.left_box2 li.left_box02_04{background: url(/dbimage/bnuelifelong/WebData/img/main/box_con4.gif) no-repeat 0 0; }

.left_box3 {border:#01a1ad 1px solid; height:101px; padding:15px 0 0px 30px; text-align:left; background: url(/dbimage/bnuelifelong/WebData/img/main/ico_bs.gif) 10% 70% no-repeat #fff }
.left_box3 h1 {font-size:20px; color:#01a1ad; font-weight:900; }
.left_box3 h1.span {color:#000}
.left_box3 p {font-size:17px; color:#000; padding:2px 0 0 75px; font-weight:900}
.left_box3 p span {color:#228c8c; }
.left_box3 p.stxt { font-size:13px; color:#565656; }



/* 오른쪽 전체 */
.mid_center {float:left; width:367px; margin-left:13px; }
.mid_center .bx-wrapper { box-shadow:none; border:0; background:transparent; margin-bottom:0; }
.mid_center .bx-wrapper .bx-pager { bottom:15px;}
/*
.mid_center li{ float:left; margin-right:1px; margin-bottom:1px}
*/

/* 오른쪽 전체 */
.mid_right {float:left; width:360px; }
.right_box1 {padding-bottom:12px; width:100%;height:170px; display:inline-block;  font-weight: bold}
.right_box1 h1 {color:#fff; font-size:20px; padding:7px; background: url(/dbimage/bnuelifelong/WebData/img/main/box_top_bg2.gif) repeat-y 0 0; }
.right_box1 li { float:left; width:118px; height:110px; border:#dddddd 1px solid;padding-top:10px;}
.right_box1 li{ background: url(/dbimage/bnuelifelong/WebData/img/main/left_box_con1.gif) no-repeat 0 0;}
.right_box1 ul{ margin-top:4px}
/* --------- 4개버튼 ------------ */
.right_box2{ width:100%; color:#fff; font-weight:600;   display:inline-block; letter-spacing:-1.2px; line-height:1.5}
.right_box2 p{  background: url(/dbimage/bnuelifelong/WebData/img/main/btn01.png) no-repeat 140px center;}
.right_box2 a{ color:#fff; padding:0% 10.20%; padding-top:25px;  height:49px;  display:inline-block; width:78%;vertical-align:middle;}
.right_box2 li{ float:left; width:175px; height:83px;text-align:left}
.right_box2 li.right_box02_01{margin:0 10px 0px 0px;background: url(/dbimage/bnuelifelong/WebData/img/main/box_con1.gif) no-repeat 0 0;}
.right_box2 li.right_box02_02{background: url(/dbimage/bnuelifelong/WebData/img/main/box_con2.gif) no-repeat 0 0;}
.right_box2 li.right_box02_03{margin:0 10px 0px 0px;background: url(/dbimage/bnuelifelong/WebData/img/main/box_con3.gif) no-repeat 0 0; }
.right_box2 li.right_box02_04{background: url(/dbimage/bnuelifelong/WebData/img/main/box_con4.gif) no-repeat 0 0; }
.right_box2 li.right_box02_04 a{ padding-top:15px;  height:59px; }


.right_box3 {border:#2278ec 1px solid; height:101px; padding:15px 0 0px 30px; text-align:left; background: url(/dbimage/bnuelifelong/WebData/img/main/ico_bs.gif) 10% 70% no-repeat #fff }
.right_box3 h1 {font-size:20px; color:#2278ec; font-weight:900; }
.right_box3 h1.span {color:#000}
.right_box3 p {font-size:17px; color:#000; padding:2px 0 0 75px; font-weight:900}
.right_box3 p span {color:#2278ec; }
.right_box3 p.stxt { font-size:14px; color:#565656;  }


.bx-wrapper .bx-pager-item a{ display:none !important}/*중앙 배너부분에 아이콘 안보이게함. 배너 작동안함*/
/* 하단 커뮤니티 */
.bottom_board {clear:both; position:relative; width:84%;  display:inline-block; margin-top:15px;}
.bottom_board .board_tit{ float:left; background:url(/dbimage/bnuelifelong/WebData/img/main/notice_bg.gif) ; width:134px; height:184px;   font-weight:bold ; color:#fff;}
.bottom_board .board_tit h2 {font-size:22px; color:#fff; display:inline; padding:30px 0 0 21px; display:inline-block;}
.bottom_board .board_tit h2 span{ font-size:18px;  color:#7fffff; }




.bottom_board  ul.m1cont  {overflow:hidden; padding:23px 30px 0px 35px; float:left; width:62%}
.bottom_board ul.m1cont  li { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; font-size:13px ; }
.bottom_board ul.m1cont  li a {line-height:100%; color:#666;   letter-spacing:-0.08em; display: inline-block; height:auto ; padding-bottom:14px; background:url(/dbimage/bnuedamunhwa/WebData/img/main/icon_arr.png) left 3px  no-repeat;  padding-left:14px;}
.bottom_board ul.m1cont  li a span.date {* float:left; display:inline-block; width:80px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; vertical-align:middle ;  }


.bottom_board .board02 {float:left; width:49.5%; text-align:left; background:#fff; position:relative;border:#dddddd 1px solid;  }
.bottom_board .board02:first-child {margin-left:0;}

.bottom_board .board01 {float:right; width:49%; text-align:left; background:#fff; position:relative;border:#dddddd 1px solid; }
.bottom_board .board01:first-child {margin-left:0;}
.bottom_board .board01 .board_tit h2 span{ font-size:18px;  color:#90bfff; }


.left_quick{ float:left;width:95px; padding-right:10px; }
.left_quick h1 { background:#007685; color:#fff; padding:10px;  font-size:15px}
.left_quick ul {border:#dddddd 1px solid;font-size:11.5px;}
.left_quick ul li {border-bottom:#dddddd 1px solid; padding:8px 3px}
.left_quick ul li a.link{ color:#000}


.right_quick{float:right; width:95px}
.right_quick h1 { background-color:#355595;  color:#fff; padding:10px; font-size:15px}
.right_quick ul { border:#dddddd 1px solid;font-size:11px;}
.right_quick ul li { border-bottom:#dddddd 1px solid;padding:8px}
.right_quick ul li a.link{ color:#000}
.right_quick p{ margin-top:10px}
