@charset "utf-8";



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


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


.main_visual .main_visual_text {position:absolute; width:100%; height:600px; 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;}
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:180px; color:#fff; text-align:left; }
.main_visual .main_visual_text .t1 {font-size:25px; }
.main_visual .main_visual_text .t2 {display:block;font-size:80px;line-height:80px;  font-weight:bold; padding:27px 0px 37px; letter-spacing:-3px; }
.main_visual .main_visual_text .t3 {font-size:18px; }

.main_visual .pager_box {position:absolute; width:100%;  bottom:60px; 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;}


/*센터공지*/
.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 30px; border-right:1px #ededed solid;}
.center_box_wrap .center_box .col.first{padding-left:0px; width:380px;  }
.center_box_wrap .center_box .col.last{border-right:0px;padding-right:0px;}

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


.center_box_wrap .center_box .col.webzine ul li {position:relative;padding:3px 0px;}
.center_box_wrap .center_box .col.webzine ul li .photo {position:absolute; left:0px; top:-5px; border-radius:5px; background:#f8f8f8;}
.center_box_wrap .center_box .col.webzine ul li .photo .no_img{display:inline-block; text-align:center;  }
.center_box_wrap .center_box .col.webzine ul li .photo img {vertical-align:middle;}

.center_box_wrap .center_box .col.webzine ul li .time{display:none;}
.center_box_wrap .center_box .col.webzine ul li .info  {font-size:14px;}
.center_box_wrap .center_box .col.webzine ul li .info a {color:#000;}
.center_box_wrap .center_box .col.webzine ul li .info .t1 {background:url(../images/main/main_notice_dot.jpg) left 50% no-repeat;; padding-left:15px;}
.center_box_wrap .center_box .col.webzine ul li .info .t2 {display:none;}
.center_box_wrap .center_box .col.webzine ul li .date {position:absolute; right:0px; top:0px; font-size:14px;}


.center_box_wrap .center_box .col.webzine ul li:first-child .time {display:block; text-align:center; position:absolute; left:0px; top:2px;  color:#000;}
.center_box_wrap .center_box .col.webzine ul li:first-child .time .time1 {font-size:20px; line-height:20px;  letter-spacing:-1px;}
.center_box_wrap .center_box .col.webzine ul li:first-child .time .time2 {font-size:45px; line-height:45px; font-weight:bold; margin-top:0px; color:#488cc7; }



.center_box_wrap .center_box .col.webzine ul li:first-child .info  {margin-left:80px;}
.center_box_wrap .center_box .col.webzine ul li:first-child .info .t1 {font-size:18px; color:#000; line-height:20px; font-weight:bold; background:none;; padding-left:0px; }
.center_box_wrap .center_box .col.webzine ul li:first-child .info .t2 {font-size:14px; color:#444; margin-top:8px; line-height:20px; display:block;}

.center_box_wrap .center_box .col.webzine ul li:first-child  { border-bottom:1px #ddd solid; padding-bottom:20px; padding-top:0px; margin-bottom:10px;}
.center_box_wrap .center_box .col.webzine ul li:first-child .date {display:none;}



/*공지
.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.business {width:330px;}
.center_box_wrap .center_box .col.business ul li {position:relative;}
.center_box_wrap .center_box .col.business ul li .photo {position:absolute; left:0px; top:0px;}
.center_box_wrap .center_box .col.business ul li .photo img {vertical-align:middle;}
.center_box_wrap .center_box .col.business ul li .info  {margin-left:160px;}
.center_box_wrap .center_box .col.business ul li .info .t1 {font-size:16px; color:#000; line-height:18px;}
.center_box_wrap .center_box .col.business ul li .info .t2 {font-size:13px; color:#999; margin-top:10px; line-height:18px;}

.center_box_wrap .center_box .col.business ul li .more {position:absolute; left:0px; top:100px;}
.center_box_wrap .center_box .col.business 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:30px; font-weight:bold; margin-top:25px; color:#488cc7; font-family: 'Pretendard';}
.center_box_wrap .center_box .col.cscenter .time {font-size:14px; margin-top:25px; line-height:16px; color:#777}
.center_box_wrap .center_box .col.cscenter .time span {color:#000; display:inline-block; margin-right:15px;  width:50px;}



.center_box_wrap .center_box .col.last .location_wrap {background:#eae5e3 url(../images/main/main_location_bg.png) 95% 60% 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:0px; padding-right:0px;}
.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;}

.center_box_wrap .center_box .col.last .more {margin-top:10px; text-align:left;}
.center_box_wrap .center_box .col.last .more a{display:inline-block; border:1px #ddd solid; padding:0 10px;  background:#fff; line-height:30px; font-size:11px; margin-right:2px;}
.center_box_wrap .center_box .col.last .more a .fonti{margin-left:5px; font-size:11px;}





.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; }



@media all and (max-width:1024px) {
body{background:#f2f2f2}

.main_visual { width:100%; height:250px; min-width:auto; padding-top:70px; }
.main_visual ul {height:250px; }
.main_visual li.list { width:100%; height:250px; background-size:cover;}


.main_visual .main_visual_text {}
.main_visual .main_visual_text .text {padding:0 20px; padding-top:70px; text-align:center;}
.main_visual .main_visual_text .t1 {font-size:18px;;}
.main_visual .main_visual_text .t2 {font-size:30px;  padding:10px 0px 15px; letter-spacing:-1px;}
.main_visual .main_visual_text .t3 {font-size:12px; line-height:18px; }

.main_visual .pager_box  {display:none;}



.center_box_wrap {padding:10px; }
.center_box_wrap .center_box {display:block; width:auto;}
.center_box_wrap .center_box .col{display:block; vertical-align:top; padding:30px !important; border:1px #ededed solid !important; width:auto !important; margin-bottom:10px; background:#fff;}
.center_box_wrap .center_box .col .title { border-bottom:1px #ededed solid; padding-bottom:15px;}
.center_box_wrap .center_box .col .more {position:relative !important; top:0px !important; margin-top:10px;}


.center_box_wrap .center_box .col.webzine ul li .photo {position:relative; text-align:center;}
.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:0px; text-align:center; margin-top:20px;}
.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:13px; color:#999; margin-top:10px; line-height:18px;}




}