@charset "utf-8";



#container {position:relative; z-index:0; }


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:750px; min-width:1700px; overflow:hidden; z-index:1; }
.main_visual ul {height:750px; position:relative; z-index:1;}
.main_visual li {background-repeat:no-repeat; background-position:center bottom; width:100%; height:750px; background-size:cover}


.main_visual .main_visual_text {position:absolute; width:100%; height:750px; top:0px;  color:#fff; z-index:2;  }
.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:0; display:none;}
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:270px; color:#fff; text-align:left;  display:none;}
.main_visual .main_visual_text .t1 {font-size:25px; }
.main_visual .main_visual_text .t2 {display:block;font-size:60px;  padding:27px 0px 37px; letter-spacing:-6px; }
.main_visual .main_visual_text .t3 {font-size:18px; }

.main_visual .main_pager {position:absolute; width:100%;  bottom:60px; text-align:center;   z-index:99999999 !important; }
.main_visual .main_pager span{display:inline-block; width:13px; height:13px; border-radius:13px; background:#fff; margin:0 2px;}
.main_visual .main_pager span.cycle-pager-active{background:#5c3da3}


/*센터공지*/
.center_box_wrap {padding:50px 0px;}
.center_box_wrap .center_box {display:table; width:100%; table-layout:fixed;}
.center_box_wrap .center_box .col{display:table-cell; vertical-align:top; padding:0 40px; border-right:1px #ededed solid;}
.center_box_wrap .center_box .col.first{padding-left:40px; }
.center_box_wrap .center_box .col.webzine{border-right:0px; padding-left:80px;padding-right:0px; }

.center_box_wrap .center_box .col .title {font-size:18px; color:#000; overflow:hidden; margin-bottom:30px;}
.center_box_wrap .center_box .col .title .more {float:right; font-size:13px; color:#888; font-weight:normal; margin-right:30px;}


/*공지*/
.center_box_wrap .center_box .col.first ul li {position:relative;}
.center_box_wrap .center_box .col.first ul li .t1 {font-size:16px; color:#000;}
.center_box_wrap .center_box .col.first ul li .t1 a{color:#000;}
.center_box_wrap .center_box .col.first ul li .t2 {font-size:14px; margin-top:10px; color:#999; line-height:18px;}
.center_box_wrap .center_box .col.first ul li .t2 a{color:#999;}

.center_box_wrap .center_box .col.first ul li .more {position:absolute; left:0px; top:100px;}
.center_box_wrap .center_box .col.first ul li .more a{display:inline-block; border:1px #ddd solid; padding:0 20px; line-height:30px; font-size:11px;}


.center_box_wrap .center_box .col.webzine ul {overflow:hidden; }
.center_box_wrap .center_box .col.webzine ul li {position:relative; float:left; margin-right:20px; }
.center_box_wrap .center_box .col.webzine ul li:nth-child(4n){margin-right:0px;}
.center_box_wrap .center_box .col.webzine ul li .photo {}
.center_box_wrap .center_box .col.webzine ul li .photo img {vertical-align:middle; width:160px; height:100px;}
.center_box_wrap .center_box .col.webzine ul li .subject {text-align:center; margin-top:10px;}






.main_gallery {padding:60px 0px;}
.main_gallery ul {font-size:0px;}
.main_gallery ul li{display:inline-block; background-size:cover; background-repeat:center 50%; background-repeat:no-repeat; width:32.33333333333333333333%; padding-top:25%;  position:relative; vertical-align:top;}
.main_gallery ul li:nth-child(3n+2){margin:0px 1.5% 1.5%;}
.main_gallery ul li a{display:block; width:100%; height:100%;position:absolute; left:0px; top:0px;}
.main_gallery ul li a .bg{display:none; background:rgba(0,0,0,0.4); width:100%; height:100%;position:absolute; left:0px; top:0px;}
.main_gallery ul li a .text{display:none;  width:100%; ;position:absolute; left:0px; bottom:0px;  font-size:25px; color:#fff;}
.main_gallery ul li a .text .info{display:block; padding:30px;     overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; }
.main_gallery ul li a .text .info .date{font-size:16px;}
.main_gallery ul li:hover a .bg{display:block;}
.main_gallery ul li:hover a .text{display:block; }