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


#container {position:relative; z-index:0;  font-family: 'Nanum Square';}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:700px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:700px; position:absolute; z-index:0; }
.main_visual li{background-repeat:no-repeat; background-position:left top; width:100%; height:700px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:280px; width:100%; z-index:9999; color:#fff; font-size:60px; font-weight:bold;}
.main_visual .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4);  z-index:1;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4);  z-index:1;}


.main_visual .btns {position:absolute; width:100%; left:0; bottom:20px; font-size:0px; z-index:999999999;;}
.main_visual .btns a{display:inline-block; width:40px; height:40px; border:1px #ddd solid; text-align:center; margin:0 5px;  line-height:40px;}
.main_visual .btns a span{display:inline-block; vertical-align:middle; width:14px; height:27px; background:url(../images/main/main_visual_btn.png) left 50% no-repeat; text-indent:-9999px;}
.main_visual .btns a#main_next span{background-position:right 50%; }


/*어바웃*/
.main_about {text-align:center; padding:80px 0px; height:400px;}
.main_about h3 {text-align:center; font-size:35px; color:#0081cb;  letter-spacing:-1px;}
.main_about div.info {padding-top:15px; font-size:16px; color:#888;}
.main_about ul {margin-top:55px; font-size:16px; color:#888;}
.main_about ul li{display:inline-block; margin:0 50px; text-align:center; }
.main_about ul li .text{font-weight:bold; color:#222; font-size:20px; margin:15px 0px;}
.main_about ul li a{display:inline-block; border:3px #0081cb solid;  width:80px;; line-height:30px; margin-top:15px; font-size:11px; color:#0081cb}
.main_about ul li:hover a{color:#fff; background:#0081cb;}






.main_gallery {padding:40px 0px 60px; background:#ededed; margin-top:20px;}
.main_gallery .title {font-size:30px; color:#000; font-weight:normal;  text-align:center;}
.main_gallery .title a{ color:#000;}
.main_gallery .title span {display:block; color:#999; font-weight:normal;   font-size:14px;    margin-top: 10px;}

.main_gallery ul {padding:0px; margin-top:20px; position:relative; z-index:3 !important;   }
.main_gallery ul li{width:263px !important;  margin:0 7.5px;}
.main_gallery ul li img {vertical-align:top; width:100%;}
.main_gallery ul li .box{padding:10px;  background:#fff;}

.main_gallery ul li .box dl dt{font-size:15px;  overflow:hidden;     text-overflow:ellipsis; }
.main_gallery ul li .box dl dd{font-size:13px; margin-top:5px; color:#999;  line-height:18px; white-space:normal; height:36px;}
.main_gallery ul li .box dl dd a{color:#999;}

.main_gallery ul li:hover .box dl dt{color:#0081cb;}
.main_gallery ul li:hover .box dl dd{color:#000;}

.main_gallery ul li .box .date{font-size:13px; color:#666;   margin-top:10px;}
.main_gallery ul li .box .date .fonti {display:inline-block; margin-right:5px;}


.main_gallery .main_gallery_btn{position:absolute;  top:170px; width:1300px;;z-index:2 !important; left:-100px;}
.main_gallery .main_gallery_btn a{text-indent:-9999px; background:url(../images/main/main_gallery_btn.png) left top no-repeat; float:left; width:36px; height:64px; margin:0 0 0 20px;}
.main_gallery .main_gallery_btn a#gallery_btn_next{background-position:right; float:right; margin:0 20px 0 0;}





/*메인 cs*/
.main_cs {padding:50px 0 30px; overflow:hidden; background:#fff;}
.main_cs .board {float:left; width:330px; margin-right:40px;}
.main_cs .board.last {margin-right:0px;}
.main_cs .board .tit {font-size:20px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #666;}

.main_cs .tit a {display:block; color:#222;}
.main_cs .tit .btn {float:right; font-size:13px; color:#666;}
.main_cs .tit a:hover .btn {color:#000;}

.main_cs .board li.default {line-height:35px; height:35px; padding:0 3px; padding-left:10px; border-bottom:1px solid #ddd;  background: url(../images/main/main_notice_dot.jpg) left 14px no-repeat;}
.main_cs .board li.default a {display:block; font-size:14px; color:#777;}
.main_cs .board li.default .date {float:right; font-size:13px;}
.main_cs .board li.default a:hover {color:#000;}
.main_cs .board li.default a:hover .date {color:#000;}

.main_cs .businiess {float:left; width:320px;}
.main_cs .tit {font-size:20px; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #666;}
.main_cs .info {position:relative; height:130px; overflow:hidden; background:#665151;}
.main_cs .info a {display:block; padding:30px 120px 40px 25px; color:#fff; font-size:14px; line-height:22px; word-break:keep-all;}
.main_cs .info .ic {position:absolute; right:25px; top:32px;}
.main_cs .info:hover {background:#c1b480;}



.main_cs .gallery li {position:relative;}
.main_cs .gallery li .photo_image {width:70px; height:60px; position:absolute; left:0px; top:10px;}
.main_cs .gallery li .photo_image img {width:100%; height:100%; vertical-align:top;}
.main_cs .gallery li .last {margin-left:90px;padding-top:10px;}
.main_cs .gallery li .last dt {font-size:14px; font-weight:bold; }
.main_cs .gallery li .last dd {line-height:16px; font-size:12px; color:#888;}