@charset "utf-8";
@import url("./width1024_default.css");


#container {position:relative; z-index:0; background:#f3f3f3; overflow:hidden; padding-bottom:50px;}

/*******************공통*******************/
.main_tit {position:relative; color:#222; font-size:17px; font-weight:bold;}


/*메인컨텐츠 영역*/
.maain_con_area {overflow:hidden;}



/*메인비주얼*/
#main_visual_box{ height:515px;}



/*사이드 포커스*/
/*메인비주얼*/
#slider{position:relative;width:100%; height:515px; overflow: hidden;}
#sl-view{clear: both;position: relative;margin: 0 auto;}

#sl-wrap{position:absolute;margin: 0 auto;}
.sl-div{float:left; }

#sl-nav{position: absolute;z-index:999999;}
#sl-nav>li{font-size: 20px;float: left;margin: 0 10px;color: #aaa;cursor: pointer; text-indent:-999999px;}
#sl-nav>li:hover{color: #eee;text-shadow: 0px 1px 0px #333;}
#sl-nav>li.hit{color: #0080FF;}
#sl-nav>li.hit:hover{color: #eee;}

/*사이드 포커스*/
.visual_shadow {position:absolute; top:0px; left:0; width:100%; height:515px; background:url(../images/main/visual_shadow.png) center top no-repeat; z-index:99;} 

/*비주얼박스*/
.visual_info {position:absolute;top:0px; left:0px; width:100%;height:515px; z-index:100;}
.visual_info .box{width:1100px; margin:0 auto; position:relative;}
.visual_info .box .depths{float:left; width:360px; background:rgba(0,146,159,0.94) url(../images/main/visual_info_bg.png) right top no-repeat;;  height:515px; position:relative; color:#fff; z-index:1;}
.visual_info .box .depths dl{padding:35px;}
.visual_info .box .depths dl dt{font-size:30px; background:url(../images/main/visual_info_dt_title.jpg) 5px top no-repeat; margin-top:10px; letter-spacing:-1px;padding-top:17px; color:#ffffff; font-weight:bold;}
.visual_info .box .depths dl dd{font-size:16px; color:rgba(255,255,255,0.6); margin-top:55px; line-height:20px;}

.visual_info .box .depths .btn { position:absolute; font-size:0px; bottom:20px; right:25px;  z-index: 5000;   border-right:1px #5b494e solid;}
.visual_info .box .depths .btn a{display:inline-block; text-indent:-9999px; width:30px; height:29px; background:#262427 url(../images/main/main_visual_btn.png) left top no-repeat; border:1px #5b494e solid;  border-right:0px;}
.visual_info .box .depths .btn a.sl-stop{ background-position:-30px top;}
.visual_info .box .depths .btn a.sl-next{background-position:-60px top}
.visual_info .box .depths .btn a.sl-play{background-position:-90px top}

.visual_info .box .depths_bg{position:absolute; top:0px; left:0px; width:275px; height:515px;  background:url(../images/sm_common/visual_info_bg.jpg);  z-index:0;}


#slider-outline .side_btn {position:absolute;top:227px; left:0px; width:100%;z-index:100;}
#slider-outline .side_btn .box{width:1240px; margin:0 auto; position:relative;}
#slider-outline .side_btn .box a{float:left; text-indent:-9999px; width:24px; height:47px; background:url(../images/main/main_visual_side_btn) left top no-repeat;}
#slider-outline .side_btn .box a.sl-next{float:right; background-position:right top;}





/*메인바로가기*/
.main_quick {  width:1100px; margin:20px auto 0; background:#fff; z-index:3;}
.main_quick ul {overflow:hidden;}
.main_quick li {float:left; width:182px; text-align:center; border-left:1px solid #f3f3f3; position:relative;}
.main_quick li:first-child {width:185px; border-left:0;}
.main_quick a {display:block; padding:27px 0 50px;}
.main_quick .icon  {vertical-align:top;  }
.main_quick .icon img {vertical-align:top; }

.main_quick .txt {position:absolute; left:0px; bottom:10px; width:100%; color:#000; font-size:16px; margin-top:13px;} 
.main_quick li:hover {background:#f89920;}
.main_quick li:hover .txt {color:#fff;}



/*******************메인 중앙*******************/
.main_center {margin-top:20px; overflow:hidden;}

/*메인게시판*/
.main_notice {float:left; height:270px; width:530px; overflow:hidden; position:relative; background:#fff url(../images/main/main_notice_line.gif) left 65px repeat-x;}
.main_notice dt {float:left; line-height:65px; position:relative; padding:0 13px; background:url(../images/main/notice_group_bar.gif) right center no-repeat;}
.main_notice dt:first-child {margin-left:20px;}
.main_notice dt a {display:block; color:#000; font-size:16px;}
.main_notice dt.on a {display:block; color:#000; font-size:17px; font-weight:bold; background:url(../images/main/main_notice_on.gif) left bottom repeat-x;}

.main_notice dd {position:absolute; top:94px; left:0%; width:100%; height:150px; display:none;}
.main_notice dd.first {display:block;}
.main_notice dd ul {margin:0 40px 0 35px;}
.main_notice dd ul li a {display:block; color:#555; font-size:14px; line-height:30px;}
.main_notice dd ul li span {float:right; color:#888; font-size:13px;}
.main_notice dd ul li:hover a {color:#0263cc; text-decoration:underline;}
.main_notice dd ul li:hover span {color:#0263cc; text-decoration:underline;}

.main_notice .more {position:absolute; right:35px; top:-76px;}


/*중간 바로가기*/
.center_quick {float:left; width:264px; height:270px; margin-left:20px; background:#fff;  position:relative; }
.center_quick ul {position:relative; z-index:0 !important; }
.center_quick ul li{position:relative; height:100%; }
.center_quick .photo{width:100%; height:270px;  }
.center_quick .photo img {vertical-align:middle; width:100%; height:180px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
.center_quick dl {background:#fff; ; color:#222; position:absolute; left:0px; bottom:0px; width:100%; padding-bottom:10px;}
.center_quick dl dt {font-size:16px; padding:15px 15px 0px;;}
.center_quick dl dd {line-height:18px; font-size:12px; padding-left:15px; color:#555; } 
.center_quick dl dd.date {line-height:18px; font-size:12px; color:#999; padding-top:3px; padding-left:15px;}

.center_quick .notice_pager {position:absolute; width:100%; bottom:100px; text-align:center; z-index:99999999 !important;}
.center_quick .notice_pager span{display:inline-block; width:12px; height:13px; border-radius:13px; background:#fff; margin:0 3px; cursor:pointer;}
.center_quick .notice_pager .cycle-pager-active{background:#cb5656}





/*메인 cs*/
.main_cs {position:relative; float:right; width:266px; height:270px; text-align:center; background:#d3dee8;}

.main_cs .img {margin:20px 0 13px;}
.main_cs .img img {vertical-align:top;}

.main_cs dt {color:#333; font-size:17px; font-weight:800;}
.main_cs dt b {color:#142e80; font-size:28px; line-height:29px; font-family:'lato'; font-weight:normal; letter-spacing:0.5px;}
.main_cs dd {color:#333; font-size:14px; margin-top:10px;}

.main_cs .btn {position:absolute; bottom:0;}
.main_cs .btn li {float:left; width:133px; height:46px; line-height:46px; text-align:center; background:#8c98a9;}
.main_cs .btn li:first-child {margin-right:1px; width:132px;}
.main_cs .btn li a {font-size:14px; display:block; color:#fff; padding:0 15px; }
.main_cs .btn li:hover {background:#62738b;}



/*******************메인배너*******************/
.bn_area {margin-top:18px;}