@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 top; 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;   font-family:'Nanum Square',sans-serif; }
.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;}
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:270px; color:#fff; text-align:left; }
.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 .pager_box {position:absolute; width:100%;  bottom:160px; text-align:center;   z-index:99999999 !important;}
.main_visual .main_pager {text-align:left; font-size:14px; color:#fff; font-weight:bold; margin-left:10px;}
.main_visual .main_pager span{display:inline-block;  margin-right:5px;}
.main_visual .main_pager a{display:block; color:#fff; padding-right:30px;  margin-right:7px;}
.main_visual .main_pager .cycle-pager-active{border-bottom:3px #fff solid;}

.main_visual .main_visual_btn {position:absolute; width:100%; left:0px; top:42%; z-index:999999; }
.main_visual .main_visual_btn a{float:left;  margin:0 100px; width:51px; height:99px; background:url(../images/main/main_visual_btn.png) left top no-repeat; text-indent:-9999px;}
.main_visual .main_visual_btn a#main_btn_next{background-position:right top; float:right;}


/*센터공지*/
.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:0px;}
.center_box_wrap .center_box .col.last{border-right:0px;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;}


/*공지*/
.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 li {position:relative;}
.center_box_wrap .center_box .col.webzine ul li .photo {position:absolute; left:0px; top:0px;}
.center_box_wrap .center_box .col.webzine ul li .photo img {vertical-align:middle;}
.center_box_wrap .center_box .col.webzine ul li .info  {margin-left:140px;}
.center_box_wrap .center_box .col.webzine ul li .info .t1 {font-size:16px; color:#000; line-height:18px;}
.center_box_wrap .center_box .col.webzine ul li .info .t2 {font-size:14px; color:#999; margin-top:10px; line-height:18px;}

.center_box_wrap .center_box .col.webzine ul li .more {position:absolute; left:0px; top:100px;}
.center_box_wrap .center_box .col.webzine 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.cscenter .title span {display:block; font-size:13px; color:#888; font-weight:normal;}
.center_box_wrap .center_box .col.cscenter .call {font-size:40px; font-weight:bold; margin-top:25px; color:#000;}
.center_box_wrap .center_box .col.cscenter .time {font-size:14px; margin-top:20px; line-height:16px;}
.center_box_wrap .center_box .col.cscenter .time span {color:#ec6f4d;}



.center_box_wrap .center_box .col.last .location_wrap {background:#eae5e3 url(../images/main/main_location_bg.png) 90% 50% no-repeat; height:120px; transition: all 0.2s;}
.center_box_wrap .center_box .col.last .location_wrap .box {padding:30px;}
.center_box_wrap .center_box .col.last .text  {line-height:20px;  font-size:15px; color:#444444; font-weight:bold;margin-top:5px;}
.center_box_wrap .center_box .col.last .add  {line-height:20px;  font-size:14px; color:#777777;margin-top:5px; padding-right:120px;}
.center_box_wrap .center_box .col.last .arrow  {font-size:18px; color:#333;margin-top:5px; transition: all 0.2s;}
.center_box_wrap .center_box .col.last:hover .location_wrap {background-color:#ddd; transition: all 0.3s;}
.center_box_wrap .center_box .col.last:hover .arrow{margin-left:10px; transition: all 0.3s;}





.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; }