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


#container {position:relative; z-index:0; 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:450px;}



/*사이드 포커스*/
/*메인비주얼*/
#slider{position:relative;width:100%; height:450px; 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:450px; 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:450px; z-index:100;}
.visual_info .box{width:1100px; margin:0 auto; position:relative;}
.visual_info .box .depths{float:left; width:360px; background:rgba(198,28,41,0.94) url(../images/main/visual_info_bg.png) right top no-repeat;;  height:450px; 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:#fff 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:450px;  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 {  background:#f8f8f8; z-index:3; border-bottom:1px #ededed solid;}
.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:14px; margin-top:13px;} 
.main_quick a:hover .txt{text-decoration:underline; font-weight:bold; color:#c61c29 ;}



/*******************메인 중앙*******************/
.main_notice_box {margin-top:40px; overflow:hidden; padding-left:20px;}
.main_notice_box .common_title { color:#222; font-size:20px;  font-weight:bold;  padding-top:6px; padding-bottom:10px; margin-bottom:10px; background:url(../images/main/notice_title_dot.jpg) left top no-repeat; border-bottom:1px #ddd solid;}
.main_notice_box .common_title a {float:right; font-size:13px; color:#666; width:20px; height:20px; margin-top:8px; background:#c61c29; color:#fff; text-align:center; line-height:15px;}



.main_notice {float:left; width:300px; }
.main_notice ul li {line-height:23px; height:23px; padding:0 3px;}
.main_notice ul li a {display:block; font-size:13px; color:#777;}
.main_notice ul li .date {float:right; font-size:12px;}
.main_notice ul li a:hover {color:#000;}
.main_notice ul li a:hover .date {color:#000;}


.main_photo {float:left;  margin-left:45px; }
.main_photo ul {margin-top:15px;}
.main_photo ul li {float:left; width:110px; margin-right:10px; }
.main_photo ul li:last-child { margin-right:0px; }
.main_photo ul li .photo {width:100%; height:80px;}
.main_photo ul li .photo img {vertical-align:top; width:100%; height:100%;}
.main_photo ul li .text {text-align:center; font-size:12px; color:#666; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; padding:5px 10px;}


.main_cscenter {float:right; }
.main_cscenter .info {padding-top:5px; font-size: 12px; line-height: 15px; color: #b5b5b5; font-weight: normal; display:none;}
.main_cscenter .call {color: #c61c29; font-size:33px; font-weight: bold; font-family: 'Arial'; padding-top:12px; padding-bottom:0px;}
.main_cscenter .mall {color: #444; font-size:13px;  font-family: 'Arial'; padding-top:5px; padding-bottom: 10px;}
.main_cscenter .time { font-size: 12px; color: #726e6e; padding-bottom: 4px; line-height:18px; font-weight: normal;}



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