@charset "utf-8";

.Mtitle {font-size:27px; text-transform:uppercase; font-weight:500;}
.Mtitle .light {font-weight:300;}
#page a {display:inline-block; text-indent:-9999px; margin-right:4px; width:27px; height:27px; background:url('../img/main/btn_off.gif') no-repeat center; }
#page a.cycle-pager-active {background:url('../img/main/btn_on.gif') no-repeat center; }

/*비주얼*/
.visual_wrap {position:relative;}
.visual_wrap .cycle-slideshow {width:100%;}
.visual_wrap div .bg { position:absolute; top:0; width:100%; height:540px; overflow:hidden; z-index:-1; background:#fff;}
.visual_wrap div .bg img { width:100%; /*filter:blur(15px); -ms-filter:blur(15px); -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px);*/ opacity:0.6; }
.visual_wrap > div > a { position:absolute; display:inline-block; background:url('../img/main/vis_b_bg.png'); color:#fff; font-size:18px; line-height:80px; width:80px; text-align:center; font-weight:200; z-index:150;}
.visual_wrap > div > a.prev {left:0; top:230px;}
.visual_wrap > div > a.next {right:0; top:230px;}
.visual_wrap > div > a.prev span { background:url('../img/main/vis_p.gif') no-repeat left center; padding-left:15px;}
.visual_wrap > div > a.next span { background:url('../img/main/vis_n.gif') no-repeat right center; padding-right:15px;}
.visual_wrap > div > ul > li { width:100%; height:540px; z-index:2;}
.visual_wrap .visual > div:first-child { max-width:1120px; margin:0 auto; padding-top:50px; position:relative; }
.visual_wrap .visual > div > div {float:left; width:50%; height:440px; position:relative; }
.visual_wrap .visual div.img {z-index:2; height:440px; overflow:hidden;}
.visual_wrap .visual div.img img {position:absolute; width:100%; margin:auto; top:0; bottom:0; }
.visual_wrap .visual div.info { position:absolute; background:#fff; padding:50px; box-sizing:border-box; text-align:center; z-index:1; transition: .5s ease-in-out; transition-delay: .3s; transform: translateX(0); -webkit-transition: .5s ease-in-out; -webkit-transition-delay: .3s; -webkit-transform: translateX(0); opacity:0;}
.cycle-slide-active div.info { transform: translateX(100%) !important; -webkit-transform: translateX(100%) !important; opacity:1 !important;}

.visual_wrap .vis_title {font-size:32px; font-weight:500; margin-bottom:25px;}
.visual_wrap .vis_title .circle {font-size:16px; line-height:15px; border:#fff; color:#fff; border-radius:33px; width:66px; display:inline-block; text-transform:uppercase; padding:15px 0; box-shadow:2px 2px 4px #ccc; border:3px solid #fff; box-sizing:border-box;}
.visual_wrap .vis_title .circle.ora {background:#f67400;}
.visual_wrap .vis_title .circle.gre {background:#498d00; letter-spacing:-1px; padding: 22.5px 0;}
.visual_wrap .vis_title .circle.blu {background:#0c4da2;}
.visual_wrap .vis_title .color1 {color:#f67400;}
.visual_wrap .vis_title .color2 {color:#498d00;}
.visual_wrap .vis_title .color3 {color:#0c4da2;}
.visual_wrap dl dt a {font-size:20px; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; width:100%; display:inline-block;}
.visual_wrap dl dd {margin-top:20px; color:#555; line-height:24px;}
.visual_wrap dl dd div {position:relative; height:75px; overflow:hidden;}
.visual_wrap dl dd div span.dash {position:absolute; bottom:5px; right:-3px; width:20px;}
.visual_wrap dl dd a { display:inline-block; font-size:16px; /*text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; word-wrap: break-word;*/ }
.visual_wrap dl dd .date {position:absolute; left:0; bottom:50px; width:100%;}

@media all and (max-width:1200px) {
  .visual_wrap .visual > div:first-child { width:96%;}
}

/*
@media all and (max-width:1023px) {
  .visual_wrap > div > a.prev {left:0; top:185px;}
  .visual_wrap > div > a.next {right:0; top:185px;}
  .visual_wrap div .bg { height:450px;}
  .visual_wrap .visual > div > div { height:350px; }
  .visual_wrap dl dd {-webkit-line-clamp: 2; height:50px; }
  .visual_wrap > div > ul > li { height:450px; }
}

@media all and (max-width:768px) {
  .visual_wrap .visual > div:first-child {padding-top:30px;}
  .visual_wrap .visual div.info {padding:20px;}
  .visual_wrap .vis_title .circle {display:none; }
  .visual_wrap .vis_title { font-size:25px; margin-bottom:15px;}
  .visual_wrap dl dt a {font-size:18px;}
  .visual_wrap dl dd {font-size:15px; margin-top:10px;}
  .visual_wrap .visual > div > div {height:280px;}
  .visual_wrap div .bg, .visual_wrap > div > ul > li {height:340px;}
  .visual_wrap > div > a.prev {left:0; top:130px;}
  .visual_wrap > div > a.next {right:0; top:130px;}
}
*/

@media all and (max-width:768px) {
  .visual_wrap .visual > div:first-child {width:100%; padding-top:0; overflow:hidden;}
  .visual_wrap .visual > div > div {width:100%; height:auto !important;}
  .visual_wrap div .bg {display:none;}
  .visual_wrap > div > ul > li {height:auto;}
  .visual_wrap .visual div.info {position:relative; -webkit-transform:none !important; -webkit-transition-delay:.0s; transform:none !important; transition-delay:.0s; padding:10px 15px 30px; background:#eee; opacity:1; }
  .visual_wrap .visual div.img img {position:relative;}
  .visual_wrap dl dd .date {display:none;}
  .visual_wrap dl dd div {height:50px;}
}

@media all and (max-width:480px) {
  .visual_wrap > div > a { height:40px; width:40px; opacity:0.7;}
  .visual_wrap > div > a.prev { background:#000 url('../img/main/vis_p.gif') no-repeat center;}
  .visual_wrap > div > a.next { background:#000 url('../img/main/vis_n.gif') no-repeat center;}
  .visual_wrap > div > a span {display:none;}
  .visual_wrap .vis_title {font-size:25px;}
  .visual_wrap .vis_title .circle {font-size:13px; width:60px; padding:12px 0;}
  .visual_wrap .vis_title .circle.gre {padding:19.5px 0;}
}

/*핫뉴스&피플*/
.cont01 {margin:35px auto 40px; overflow:hidden;}
.hotnews {float:left; width:48.5%;}
.people {float:right; width:48.5%;}
.cont01 .Mtitle{float:left;}
.hotnews .Mtitle .color {color:#f67400; }
.people .Mtitle .color {color:#498d00; }

.cont01 .btn {float:right; padding-top:7px;}
.cont01 div > ul {clear:both; margin-top:55px; overflow:hidden;}
.cont01 div > ul > li {float:left; width:100%;}
.cont01 .board_list li:first-child {margin-left:0;}
.cont01 .board_list li img {width:100%; border-radius:10px 10px 0 0;}
.cont01 .board_list li {float:left; width:48%; margin-left:4%; border:1px solid #ccc; border-radius:10px; box-sizing:border-box;}
.cont01 .board_list li dl {padding:20px 20px 30px;}
.cont01 .board_list li dl dt {height:50px; overflow:hidden;}
.cont01 .board_list li dl dt a {font-size:18px; line-height:25px; font-weight:400; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap: break-word; height:50px; overflow:hidden;}
.cont01 .board_list li dl dd {height:44px; overflow:hidden; margin-top:15px;}
.cont01 .board_list li dl dd a { color:#555; line-height:22px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap: break-word; height:44px; overflow:hidden;}
.cont01 .board_list a.more {display:block; text-align:center; border-top:1px dashed #ccc; line-height:45px; }

.hotnews .board_list a.more span {background:url('../img/main/more_o.gif') no-repeat right center; padding-right:20px; }
.people .board_list a.more span {background:url('../img/main/more_g.gif') no-repeat right center; padding-right:20px; }

@media all and (max-width:1200px){
  .cont01 {width:98%;}
}

@media all and (max-width:768px){
  .hotnews {width:100%;}
  .people {width:100%; margin-top:20px;}
}

/*뉴스&갤러리&sns*/
.cont02 {background:#f0f0f0; }
.cont02 > div > ul {overflow:hidden;}
.cont02 > div > ul > li {float:left; width:31.3%; position:relative;}
.cont02 .Mtitle .color {color:#0c4da2;}
.cont02 a.more {position:absolute; top:40px; right:5%;}
.cont02 a.more span {background:url('../img/main/more_b.png') no-repeat right center; padding-right:20px;}

.news {padding:30px 1.5% 30px 0;}
.news dl {background:url('../img/main/notice.png') no-repeat left center; padding:20px 0 10px 70px; }
.news dl dt a {font-size:18px; font-weight:400; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; display:inline-block; width:95%; background:none !important; padding-left:0 !important;; }
.news dl dd { text-overflow:ellipsis; white-space: nowrap; overflow:hidden; display:inline-block; width:95%;}
.news ul li {border-bottom:1px dashed #ccc;}
.news ul li a {background:url('../img/main/notice_dot.gif') no-repeat 10px center; display:block; line-height:37px; padding-left:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.gallery {background:#e8e8e8; padding:30px 1.5% 35px; height:255px;}
.gallery > ul > li > a {color:#666; font-size:20px; font-weight:200; margin-right:20px; line-height:40px;}
.gallery > ul > li > a.on {color:#0c4da2; font-size:27px; text-transform:uppercase; font-weight:500;}
.gallery > ul { position:relative; }
.gallery > ul > li {float:left; display:inline-block;}
.gallery .list {display:none; position:absolute; top:60px; left:0; width:100%;}
.gallery .list ul li {float:left; width:47%; margin-left:6%;}
.gallery .list ul li:first-child { margin-left:0;}
.gallery .list ul li img {width:100%;}
.gallery .list ul li a span {font-size:17px; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; display:inline-block; width:100%; font-weight:300; margin-top:10px; }
.gallery .list ul li .date {font-size:12px; color:#666; }
.gallery .movie .txt {margin-bottom:20px;}
.gallery .movie ul li:first-child img {box-shadow:4px 4px 0 #ccc; }
.gallery .movie ul li {font-size:18px; font-weight:500; }
.gallery .movie ul li span {display:block; font-size:16px; font-weight:300; }
.gallery .movie ul li a {display:block; font-size:15px; color:#fff; background:#0c4da2; border:2px solid #063b80; text-align:center; padding:3px; width:80%; margin-top:20px; }
.gallery .show {display:block;}
.gallery a.more {top:-50px; right:0;}

.sns {padding:30px 0 30px 1.5%; position:relative;}
.sns ul {background:url('../img/main/facebook_line.gif') repeat-y 13px top; margin-top:20px;}
.sns ul li {background:url('../img/main/facebook.png') no-repeat left top; padding-left:50px; margin-top:10px; line-height:22px;  height:85px; overflow:hidden;}
.sns ul li a {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; word-wrap: break-word;}
.sns ul li .km {color:#3e5b9a; font-weight:400; }
.sns ul li .date {display:block; color:#183867; margin-bottom:5px;}
.sns .sns_btn {position:absolute; top:35px; right:0;}
.sns .sns_btn a {margin-left:5px;}

@media all and (max-width:1023px){
  .cont02 > div > ul > li {width:48%;}
  .news {padding: 30px 1% 30px;}
  .gallery {padding: 30px 1% 35px; }
  .cont02 .sns {width:98%; padding: 30px 1% 30px;}
}

@media all and (max-width:768px){
  .cont02 .wrap {width:100%;}
  .cont02 > div > ul > li {width:100%; box-sizing:border-box; padding:30px 1%; }
  .gallery {height:420px;}
}

@media all and (max-width:600px){
  .gallery {height:370px;}
}

@media all and (max-width:500px){
  .gallery {height:320px;}
}

@media all and (max-width:400px){
  .gallery {height:290px;}
}

/*아이콘*/
.cont03 {margin:35px auto; overflow:hidden; }
.cont03 a {display:block; float:left; width:33.3%; color:#555; line-height:24px; padding-left:90px; box-sizing:border-box;}
.cont03 a span{ display:block; color:#333; font-size:22px; font-weight:500;}
.cont03 a.icon1 {background:url('../img/main/icon1.gif') no-repeat 10px center;}
.cont03 a.icon2 {background:url('../img/main/icon2.gif') no-repeat 10px center;}
.cont03 a.icon3 {background:url('../img/main/icon3.gif') no-repeat 10px center;}

@media all and (max-width:1200px){
  .cont03 {width:98%;}
}

@media all and (max-width:768px){
  .cont03 a {width:100%; padding:10px; border-bottom:1px dashed #ddd;}
  .cont03 a.icon1 {background:url('../img/main/icon1.gif') no-repeat 98% center;}
  .cont03 a.icon2 {background:url('../img/main/icon2.gif') no-repeat 98% center;}
  .cont03 a.icon3 {background:url('../img/main/icon3.gif') no-repeat 98% center;}
}