@font-face{
font-family:"NanumGothic";
src:url('/site/script/fonts/NanumGothic-Regular.eot');
src:url('/site/script/fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
url('/site/script/fonts/NanumGothic-Regular.woff') format('woff'),
url('/site/script/fonts/NanumGothic-Regular.ttf') format('truetype');
/* url('/site/script/fonts/NanumGothic-Regular.svg#NanumGothic') format('svg') */
src:local(※), url('/site/script/fonts/NanumGothic-Regular.woff') format('woff');
}

/* body { background: url() no-repeat center;overflow-x: hidden;} */ 

/* 메인화면img */
.view2 {height:350px; background-color: #eaeaea; background-image: url("");}
.view2in {height: 350px; width: 1100px; margin: 0 auto; background-color: #fff; background-image: url("/site/template05/image/index_main.jpg");}

/* 공지사항 & 바로가기 아이콘 */
.view3 {width: 1100px; height: 300px; margin: 0 auto; padding-top: 20px;}
.leftPanel {width: 720px; height: 298px; float: left; display: inline-block;}
.rightPanel {background-color: #fff; border: solid 0px; float: left; height: 298px; width: 360px; /*  1100 - 720 = 824 */ padding-left: 18px;}
.rItem {width: 180px; height: 149px; float: left;}
.rItem_bg1 {width: 180px; height: 149px; background-color: #4b9cf7;  float: left;}
.rItem_bg2 {width: 180px; height: 149px; background-color: #fbbd50;  float: left;}
.rItem_bg3 {width: 180px; height: 149px; background-color: #698ad1;  float: left;}
.rItem_bg4 {width: 180px; height: 149px; background-color: #ffda07;  float: left;}

.rItem_circle {width: 110px; height: 110px; background-color: #fff; /* -moz-border-radius: 55px;  -webkit-border-radius: 55px; */ border-radius: 55px; 
              text-align: center; vertical-align: middle; margin-top: 20px; transition: all .2s;}
.rItem_circle:hover {width: 110px; height: 110px; background-color: transparent; /* -moz-border-radius: 55px; -webkit-border-radius: 55px; */border-radius: 55px; 
              text-align: center; vertical-align: middle; margin-top: 20px; transition: all .2s;}
/* .rItem_circle {width: 110px; height: 110px; background-color: transparent; -moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px; 
              text-align: center; vertical-align: middle; margin-top: 20px; transition: all .2s;}
.rItem_circle:hover {width: 110px; height: 110px; background: white; -moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px; 
              text-align: center; vertical-align: middle; margin-top: 20px; transition: all .2s;} */
.quick_img {text-align: center; position: relative; top:10px;}
.quick_tt {font-size: 13px; font-weight: bold; font-family: "Malgun Gothic","맑은고딕","NanumGothic","나눔고딕"; letter-spacing: -0.07em;}

/* 관련사이트(banner) */
.banner_con {padding-top:20px; list-style-type: none; min-width: 1100px;}
.banner_stroke {border-top: 1px solid #dfdfdf;}
.banner_main {margin: 0 auto; width:1100px; line-height: 40px; height:80px;}
.banner_main ul {float: left; list-style-type: none;}
.banner_main ul li {float: left; padding-left: 35px; padding-top:20px;}

/* 게시판 */
.notice_wrap{ float:left; position:relative; width: 720px; height:298px; margin:0px; font-family:'NanumGothic'; border:1px solid #cccccc; list-style-type: none;}
.notice {position:relative; margin:0; padding:0; height: 298px; list-style-type: none;}

.notice li h2 a { position:absolute; top:0;  display:block; width: 226px; height: 50px; line-height: 50px; font-size:14px; color:#333;
                  text-align:center; letter-spacing: -1px; border-left: 1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;  background: #fff;}
.notice li:first-child h2 a{ border-left:none; }
.notice li h2.on a { background: #008fdb; color: #fff;} /* background: #008fdb; */
.notice h2.tit_1 a { left: 0;}
.notice h2.tit_2 a { left: 226px;}
.notice h2.tit_3 a { left: 450px;}

.notice a.btn_more {position:absolute; top:0; right:0px; width:42px; height:50px;  border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; display:block; background:url('/site/template05/image/notice_more.png') no-repeat 50% 50%; text-indent:-5000px;  }
.notice .list_box {padding-top:60px; display:none;}
.notice .on { display: block;}

.notice .list_box ul li {height:35px; line-height:35px; padding-left:10px;}
.notice li ul li span.text { width:70%; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice li ul li span.text a,a:visited {color:#444; font-size:13px;}
.notice li ul li span.text a:hover {color:#3e64a2;}
.notice li ul li span.date { float:right; font-size:12px; color:#7f8182; margin-right: 30px;}