/*<style>*/

div.top_line{background-color: #0b96d7; padding: 0; margin: 0; height: 5px;}

div.main_slide{width:1000px; height: 395px; margin: 0 auto; position: relative;}
li.slide_li{ width: 100%; height:395px; background-position:center center ; z-index:-100 ;background-repeat: no-repeat;}


/*main banner */
div.main_banner_wrap{background-color: #0b96d7; width: 100%; height: 65px;}
div.main_banner_link{width:1000px;margin:0 auto; padding:13px 22px; overflow: hidden; position: relative;}

div.bannerslider{background-color:#fff;  }
li.banner_slider{width: 100%; height:40px; background-position:center center ; z-index:-100 ;background-repeat: no-repeat;}
img#slider-next{position: absolute; top: 23px; left: 0px; cursor: pointer;}
img#slider-prev{position: absolute; top: 23px; right:0px; cursor: pointer;}



/* main */

div.main_noti_box{padding: 15px 0; margin: 0; width: 100%; overflow: hidden}

div.main_noti_box div.box{float: left; height: 300px; border: 1px solid #cdcdcd; background-color: #fff;border-radius: 16px}
div.main_noti_box div.box.b1{width: 340px;}
div.main_noti_box div.box.b2{width: 340px; margin: 0 15px; /*background-color: #e5eef7;*/}
div.main_noti_box div.box.b3{width: 290px;}

div.main_noti_box div.box div.tp{margin: 15px; font-size: 16px; font-weight: bold; color: #333; padding: 6px 0 6px 12px; border-bottom: 1px solid #cdcdcd;}
div.main_noti_box div.box div.tp span{float: left;display: block;width: 100px; text-align: center; padding-top: 6px; cursor: pointer;height: 30px;}
div.main_noti_box div.box div.tp span:hover{background-color: #ccc; color: #111;}
div.main_noti_box div.box div.tp span.nn{background-color: #333; color: #fff;}

div.main_noti_box div.box div.tp span.rb1{background: url("/skin/default/img/_more.gif") no-repeat -1px -1px ;float: right;display: block;width: 30px; height: 30px; background-color: #333; cursor: pointer; padding: 0; margin: 0;}
div.main_noti_box div.box div.tp span.rb2{background: url("/skin/default/img/_more.gif") no-repeat -1px -1px ;float: right;display: block;width: 30px; height: 30px; background-color: #333; cursor: pointer; padding: 0; margin: -7px 0 0 0;}

div.noti_list{padding: 5px 10px;}
div.noti_list a{display: block; white-space: nowrap;	overflow: hidden; text-overflow: ellipsis;margin: 0; padding: 6px; font-size: 14px; color: #333;line-height: 1em;}
div.noti_list a span.material-icons{margin-left: 3px; font-size:14px; color:#ff6262; vertical-align: bottom; line-height: 1em;}
div.noti_list a span.material-icons.dot{margin-right: 3px; font-size:7px; color:#ccc; vertical-align: middle; line-height: 1em;}
div.noti_list a span.material-icons.secr{color:#aaa; }
div.noti_list a:hover{color: #607d8b; background-color: #fafafa;}
div.noti_list a span.day{float: right; color: #666; }

div.noti_list a.cal{}
div.noti_list a.cal span.calday{color: #111; padding-right:8px; font-weight: bold}


div.noti_list p.sangdam{font-size: 16px; color: #1e73af; margin: 0; padding: 2px 0; font-weight: bold;}
div.noti_list p.sangdam span.material-icons{vertical-align: -7px; margin-right: 5px; color: #67b0e6; font-size: 24px;}
div.noti_list p.sangdam a.addlink{padding: 5px;}


div.main_photo_box{background:#fefeff url("/skin/default/img/main_photo_bg.gif") repeat-x 0 0; border:2px solid #0b96d7; margin:0 0 20px 0; padding:10px 25px; border-radius: 16px}
div.main_photo_box p.tt{font-size: 17px; color: #222; font-weight: bold; padding: 0; margin: 0;}
div.main_photo_box p.tt span{color: #0576bf;}
div.main_photo_box div.photo_area{text-align: center;}
div.main_photo_box div.photo_area div.photo_box{display: inline-block; width: 19%; margin: 3px;}
div.main_photo_box div.photo_area div.photo_box div.photos{width: 100%; height: 116px; background-size: cover; cursor: pointer; background-position: center center;}
div.main_photo_box div.photo_area div.photo_box a{display: block; white-space: nowrap;	overflow: hidden; text-overflow: ellipsis;margin: 0; padding: 6px; font-size: 14px; color: #333;line-height: 1em;}
div.main_photo_box div.photo_area div.photo_box a:hover{color: #607d8b; background-color: #fafafa;}

/* body */
div.body_body{margin:0 auto; }

div.body_body div.sub_top{height: 180px; background-position: center center; background-repeat: no-repeat;}


div.body_body div.body_contents{width: 1000px; margin: 0 auto;  position: relative; min-height:450px}

div.body_body div.body_contents p.page_map{padding: 20px 0; margin: 0; text-align: right;font-size: 12px; font-weight: normal; font-size: 12px; font-family:"Gulim" ; color: #555;}
div.body_body div.body_contents p.page_map img{vertical-align: middle;}
div.body_body div.body_contents p.page_map a{font-weight: bold; color: #333; }
div.body_body div.body_contents p.page_map a:hover{color: #f50;}

div.body_body div.body_contents p.page_name{padding: 0; font-size: 38px; font-weight: 600; margin: 0; color: #333; line-height: 1em;font-family:"Noto Sans KR" ;}
div.body_body div.body_contents p.page_name span{display: block; font-size: 15px; font-weight: 400; color: #666; font-family: "Nanum Gothic";}


div.body_body div.body_contents div.left{vertical-align: top; display: inline-block; width: 220px; }
div.body_body div.body_contents div.right{vertical-align: top; display: inline-block; width: 777px; min-height:500px; border-left:1px solid #ddd; padding-left:20px;margin-left:-3px; padding-bottom: 50px;}

div.left_top_text{color: #999; font-size: 12px; letter-spacing: -1px;}
p.left_top_tit{font-family:"Noto Sans KR" ; font-weight: 700; font-size: 28px; margin: 0; padding: 5px 0 35px 0;}




/*bottom*/
div.bottom{text-align:center; margin:0px; box-shadow: inset 0px 3px 6px #777;}
div.bottom div.bbody{ padding: 30px 0;margin:0 auto;width: 1000px; vertical-align: top;}
div.bottom div.bbody div.logo{display: inline-block; width: 270px; vertical-align: top; padding-top: 6px;}
div.bottom div.bbody div.text{display: inline-block; width: 720px; font-size: 13px; color: #222; padding-left: 20px;}
div.bottom div.bbody div.text p{ text-align: left; padding: 0; margin: 0; font-weight: normal;}
div.bottom div.bbody div.text p span{color: #ffeb3b;}

/*popup*/
div.popup{display: block; position: absolute; margin: 0; padding: 0; overflow: hidden;}
div.popup p{margin: 0; padding: 0; }
div.popup_bottom{text-align: center; background-color: rgba(0,0,0,0.55); position: absolute; bottom:0px; width: 100%; color: #fff;}
div.popup_bottom label{font-size: 12px; padding:2px 10px;}
div.popup_bottom label:hover{color: #d7d7d7; }

div.popup_bottom label i{font-size: 17px; margin-right: 2px;}

span.popup_close{display: inline-block; position: absolute; right: 5px; top: 5px; color:rgba(0,0,0,0.5); cursor: pointer; background-color: rgba(255,255,255,0.5);}
span.popup_close:hover{color:rgba(255,0,0,0.85); background-color: rgba(255,0,0,0.1);}


span.hdn_menu{color: #f00;}