@charset "utf-8";






/*메인비주얼*/
.main_visual {text-align:center; position:relative;   min-width:1200px; overflow:hidden;  z-index:1;  }
.main_visual ul { z-index:0; overflow:hidden; border-radius:0px 200px 0px 200px; margin-left:5%; margin-right:5%;}
.main_visual ul li { width:100%;  background-repeat:no-repeat; background-position:center top; background-size:cover; height:600px;  background-attachment: fixed;}


.main_visual .main_pager {position:absolute; left:0px; bottom:20px;  z-index:99999999 !important; width:100%; text-align:center;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:13px; height:13px; margin:0 4px; border-radius:13px; background:#fff; }
.main_visual .main_pager .cycle-pager-active{background:#b8b09d;}




.main_visual .photo {position:relative; z-index:0; }
.main_visual .bg {position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.main_visual .text {position:absolute; left:0px; top:0px; z-index:2;  color:#fff; text-align:center;    width:100%;}
.main_visual .text .t1 {font-size:50px;  padding:250px 0px 20px; line-height:40px;  font-weight:bold; letter-spacing:-2px;}
.main_visual .text .t2 {font-size:22px; line-height:24px;}



/*센터공지*/
.center_box_wrap {padding:80px 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:270px;  }
.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;}
.center_box_wrap .center_box .col.webzine ul li .time {display:block; text-align:center; position:absolute; left:0px; top:2px;  color:#000;}
.center_box_wrap .center_box .col.webzine ul li .time .time1 {font-size:20px; line-height:20px;  letter-spacing:-1px;}
.center_box_wrap .center_box .col.webzine ul li .time .time2 {font-size:45px; line-height:45px; font-weight:900; margin-top:5px; color:#488cc7; }



.center_box_wrap .center_box .col.webzine ul li .info  {margin-left:80px;}
.center_box_wrap .center_box .col.webzine ul li .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 .info .t2 {font-size:14px; color:#444; margin-top:15px; line-height:20px; display:block;}

.center_box_wrap .center_box .col.webzine ul li  { padding-bottom:20px; padding-top:0px;  }
.center_box_wrap .center_box .col.webzine ul li .date {display:none;}



.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:-10px;}
.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:120px;}
.center_box_wrap .center_box .col.business ul li .info .t1 {font-size:18px; color:#000; line-height:18px; font-weight:bold; letter-spacing:-1px;}
.center_box_wrap .center_box .col.business ul li .info .t2 {font-size:14px; color:#999; margin-top:5px; line-height:18px; letter-spacing:-2px;}

.center_box_wrap .center_box .col.business ul li .more {margin-top:10px;}
.center_box_wrap .center_box .col.business ul li .more a{display:inline-block; background:#488cc7; color:#fff; padding:0 20px; line-height:30px; font-size:11px; border-radius:5px;}


.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;  transition: all 0.2s;  border-radius:10px;}
.center_box_wrap .center_box .col.last .location_wrap .box {padding:20px;}
.center_box_wrap .center_box .col.last .text  {line-height:20px;  font-size:15px; color:#000; font-weight:bold;margin-top:5px;}
.center_box_wrap .center_box .col.last .add  {line-height:20px;  font-size:14px; color:#000;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;}






@media all and (max-width:1024px) {


body {background:#f8f8f8;}

.main_visual {; width:auto; ; min-width:auto;    overflow:hidden; margin:20px 10px 10px; border-radius:20px; } 
.main_visual ul{border-radius:0px; margin:0px; }
.main_visual li.list {height:350px;  background-size:cover;}
.main_visual .main_pager {bottom:20px; }
.main_visual .text .t1 {font-size:30px;  padding:100px 0px 10px; line-height:40px;  font-weight:bold;}
.main_visual .text .t2 {font-size:15px; line-height:22px; padding:0 20px;}






/*센터공지*/
.center_box_wrap {padding:0px 10px;}
.center_box_wrap .center_box {display:block ; width:auto;}
.center_box_wrap .center_box .col{display:block;  padding:20px !important;; width:auto !important; border:1px #ededed solid; border-radius:20px; background:#fff; margin-bottom:5px;}







}


@media all and (min-width:1025px) and (max-width:1440px) {






/*메인비주얼*/
.main_visual {  min-width:auto;}
.main_visual ul { border-radius:0px 100px 0px 100px; margin-left:1%; margin-right:1%;}





/*바로가기*/
.main_quick_wrap {padding-top:100px;  margin:0 1%; position:relative;   }


.main_quick_wrap .quick_box {margin-left:300px;}
.main_quick_wrap .col_box .col.jump{width:20px; background:none !important; }






.main_cs_quick { margin:60px 1% 0px;}
.main_cs_quick .col_box .col .box {padding:40px 40px; text-align:left;}




.main_wide_view_wrap { padding:130px 0px 80px;   margin-top:100px; ; margin-left:1%; margin-right:1%; border-radius:50px; }
.main_wide_view_wrap .default_layout{ position:relative;}
.main_wide_view_wrap .bg_icon{ position:absolute; left:30px; top:-60px; }
.main_wide_view_wrap .bg_icon img {vertical-align:middle; max-width:400px;}
.main_wide_view_wrap .info_box {margin-left:500px; margin-right:40px;}

.main_wide_view_wrap .info_box .t3 {  margin-top:40px;  }








/*메인뉴스*/
.main_news_wrap { position:relative;  padding:100px 1%; overflow:hidden;}

.main_news_wrap .main_news_box {overflow:hidden;}





}


