@charset "utf-8";
/* CSS Document */


/* font */
.news_list li .date,
.tel_box .tel,
.calTitle span,
.myCalendar td span, .myCalendar td a, .myCalendar td button{ font-family:'Roboto', 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', '돋움', sans-serif;}

/* sec01 */
.sec01{ position: relative; height:400px; border-radius:0 0 0 250px; background: linear-gradient(90deg, #96d321, #0095ba 50%); margin-bottom: 90px; overflow: hidden;}
.sec01 .innerWrap{ position: relative;/* width: 100%; */clear: both;}
.sec01:after{ content:''; display:block; width: 1200px; height: 250px; background: url('../images/main/vis_pic.png') no-repeat left 0 bottom 0px;position: absolute;left: 50%;margin-left: -745px;bottom: -150px;z-index: 2; opacity: 0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.start .sec01:after{ opacity: 1;bottom: 0;}

.vis_zone{ float:left; width:900px;z-index: 2;position: relative;}
.vis_zone .owl-carousel{ display:block;display: -webkit-box; display: -ms-flexbox; display: flex;}
.vis_zone .ctrl-nav{}
.vis_zone .item{}
.vis_zone .vis01{}
.vis_zone .vis02 a:after{content:''; display:block; width:100%; height: 100%; position: absolute;top: 0;left: 0;background-color: rgba(0, 37, 112, 0.1);z-index: -1;}
.vis_zone .vis03{}

.vis_zone .item{ /* float: left; */ height: 400px;position: relative;width: 33.3333333333%; text-align: center;}
.vis_zone .item .txt{ color:#fff; padding-top: 60px;}
.vis_zone .item .txt .tit{  font-size: 1.7em;font-weight:500;line-height: 1.2em;}
.vis_zone .item .txt .desc{ font-weight: 100;}
.vis_zone .item .txt:after{ content:''; display:block; width:100%; height: 14px; background:url('../images/main/ani_arrow.png') no-repeat 50% 100%; margin-top: 10px;}
.vis_zone .item .pic{position:absolute; left:0; bottom:0;}
.vis_zone .item a:hover, .vis_zone .item a:focus {text-decoration:none;}
.vis_zone .item a:hover .txt:after, .vis_zone .item a:focus .txt:after{ animation:ani_bn2 1s forwards Infinite; -webkit-animation:ani_bn2 1s forwards Infinite;}

/* quick_zone */
.quick_zone{position:relative; width: 25%;padding: 1.1em 0;float: right;z-index: 3;}
.quick_zone ul{overflow: hidden;display: block; background:rgba(255,255,255,0.5); box-shadow: 0 10px 25px rgba(0,0,0,0.25);z-index: 2222;padding: 1.2em;width: calc(100% - 33px);float: right;border-radius: 50px;}
.quick_zone li{width: 50%;text-align: center; float:left; margin-bottom: 10px;}
.quick_zone li a{width:100%;display: block;}
.quick_zone li:last-child,.quick_zone li:nth-last-child(2) {margin-bottom: 0;}
.quick_zone li a span{display: block; line-height: 1em;color: #2d2d2d;font-size: 0.925em;font-weight: 500;}
.quick_zone li a span:before{content:'';display: block;width: 75px;height: 75px;background: rgba(255,255,255,0.3) url('../images/main/ico_quick.png') 50% 0 no-repeat;margin: 0 auto 10px auto;border-radius: 75px; -webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.quick_zone li a span.ico01:before{background-position: 50% 10px;}
.quick_zone li a span.ico02:before{background-position: 50% -90px;}
.quick_zone li a span.ico03:before{ background-position: 50% -190px;}
.quick_zone li a span.ico04:before{ background-position: 50% -290px;}
.quick_zone li a span.ico05:before{background-position: 50% -390px;}
.quick_zone li a span.ico06:before{background-position: 50% -490px;}
.quick_zone li a span.ico07:before{background-position: 50% -590px;}
.quick_zone li a:hover span, .quick_zone li a:focus span{ color:#000; text-decoration:underline;}
.quick_zone li a:hover span:before, .quick_zone li a:focus span:before{background-color:#fff;}

/* ani_bn2 */
@keyframes ani_bn2 {
  0%{-webkit-transform:translateX(0); transform:translateX(0); }
  20%{-webkit-transform:translateX(10px);transform:translateX(10px);}
  40%{ -webkit-transform:translateX(-5px);transform:translateX(-5px);}
  60%{-webkit-transform:translateX(5px);transform:translateX(5px); }
  80%{-webkit-transform:translateX(-2px);transform:translateX(-2px); }
  90%{-webkit-transform:translateX(1px);transform:translateX(1px); }
  100%{-webkit-transform:translateX(0);transform:translateX(0); }
}
@-webkit-keyframes ani_bn2 {
  0%{-webkit-transform:translateX(0);transform:translateX(0); }
  20%{-webkit-transform:translateX(10px);transform:translateX(10px); }
  40%{-webkit-transform:translateX(-5px);transform:translateX(-5px); }
  60%{-webkit-transform:translateX(5px);transform:translateX(5px); }
  80%{-webkit-transform:translateX(-2px);transform:translateX(-2px); }
  90%{-webkit-transform:translateX(1px);transform:translateX(1px); }
  100%{-webkit-transform:translateX(0);transform:translateX(0); }
}




/* mainCon */
.sec02 {overflow:hidden; position:relative; margin-bottom: 70px;}
.sec02 .innerWrap{position: relative; }
.sec02  .innerWrap > div{ overflow: hidden; float:left; position: relative;}
.sec02 .con01{width: 360px; }
.sec02 .con02{ width:390px; margin: 0 30px;}
.sec02 .con03{ width:390px;}
.sec02 .con04{position: absolute !important; left: 0;  top:350px; float: none;width: 360px;}
.news_list, .calendar_box,  .pop_zone, .tel_box{ border: 1px solid #e6e6e6; border-radius:30px; overflow: hidden; padding:25px;}

.main_tit{font-size: 1.5em;  font-weight: 700;color: #222;margin-bottom: 25px;line-height: 1.05em; vertical-align: middle;}
.main_tit:before{ content:''; display: inline-block; width:26px; height: 26px; vertical-align: middle; margin-right: 10px; background-size:contain; background-repeat: no-repeat; background-position: 0 0;}
.main_tit a:hover{text-decoration: none;}

.sec02 .con01 .main_tit:before{ background-image:url('../images/main/ico_notice.svg');}
.sec02 .con02 .main_tit:before{ background-image:url('../images/main/ico_calendar.svg'); margin-top: -5px;}
.sec02 .con03 .main_tit:before{ background-image:url('../images/main/ico_pop.svg');}

/* more_bn */
.sec .more_bn{display: block;position: absolute;right: 0;top: 0;z-index: 5;}
.sec .more_bn a{position: relative;overflow:hidden;display: block;height: 30px;line-height: 30px;border: 1px solid #e6e6e6;padding: 0 1em;font-size: 0.88em;text-align: center;border-radius: 28px;color: #555;}
.sec .more_bn a span{ z-index:2;}
.sec .more_bn a:after{content:'';display: inline-block;width:10px;height:10px;margin-left: 5px;background: url('../images/common/ico_next.svg') no-repeat 50% 50%; background-size: contain;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.sec .more_bn a:before{content:''; display:block; width: 0; height:100%; position:absolute; left:0;top:0; background: #e94e1f;z-index: -1;-webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out;-o-transition: all .1s ease-in-out; transition: all .15s ease-in-out;}
.sec .more_bn a:hover, .sec .more_bn a:focus{text-decoration:none; border-color: #e94e1f;color:#fff;}
.sec .more_bn a:hover:after, .sec .more_bn a:focus:after{background-image: url('../images/common/ico_next_w.svg')}
.sec .more_bn a:hover:before, .sec .more_bn a:focus:before{width:100%;}


/* news_list */
.news_list{overflow:hidden;z-index: 5;min-height: 280px;}
.news_list li{ position: relative; margin-bottom: 11px;}
.news_list li:last-child a{ border-bottom:0 !important;}
.news_list li a{display:block;overflow: hidden;}
.news_list li .tit{color: #222; font-weight: 500;max-width: calc(100% - 25px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;font-size: 1.05em;vertical-align: middle;}
.news_list li .newImg{margin: 0px 0 0 5px;display: inline-block;}
.news_list li a:hover, .news_list li a:focus, .news_list li a:active{text-decoration:none; }
.news_list li .date{ display:block;color: #7c7c7c;font-weight: 400;font-size: 0.88em;clear: both;}
.news_list li a:hover { text-decoration: none;}
.news_list li a:hover .tit{color: #e94e1f; text-decoration: underline;}


/* Calendar */
.calendar_box{ min-height:450px;}


.calTable {width: 100%;text-align: center; }
.calTitle {height: 50px;line-height: 50px;/* border-bottom: 1px solid #ddd; */font-size: 1em;font-weight: 500;margin: 7px 0 15px 0;}
.calTitle,.myCalendar {position: relative;/* margin: 0; */padding: 0;text-align: center}
.calTitle .prevMonth,
.calTitle .nextMonth {/* position: absolute; */ color: #111; width: 40px; height: 40px;/* top:0; */ text-decoration: none; display: inline-block;vertical-align: middle;opacity: 0.6;}
.calTitle .prevMonth.disabled,
.calTitle .extMonth.disabled {opacity: .3;cursor: default !important;/*pointer-events: none;*/}
.calTitle .prevMonth {/* left: 0; */ background:url('../images/common/ico_prev.svg') no-repeat 50% 50%;}
.calTitle .nextMonth {/* right: 0; */ background:url('../images/common/ico_next.svg') no-repeat 50% 50%;}
.calTitle span {width: auto;color: #222;font-weight: 700;font-size: 30px;font-size: 1.88em;vertical-align: middle;display: inline-block;}

.myCalendar { table-layout: fixed;	padding: 0;	width: 320px; margin: 0 auto !important;}
.myCalendar tr th:last-child,
.myCalendar tr td:last-child { color: #5a7eec;}
.myCalendar tr th:first-child,
.myCalendar tr td:first-child,
.myCalendar tr td.holiday{  color: #ff6a5d;}
.myCalendar tr th.disabled:last-child,
.myCalendar tr td.disabled:last-child { color: #5a7eec;}
.myCalendar tr th.disabled:first-child,
.myCalendar tr td.disabled:first-child {color: #ff6a5d;}
.myCalendar tr td.disabled  {opacity: .25;cursor: default !important;/*pointer-events: none;*/}
.myCalendar tr td.disabled span {}
.myCalendar th {height: 40px;font-size: 0.88em;text-align: center;font-weight: 500;}
.myCalendar td {position: relative;font-size: 1.125em;border: 0;cursor: pointer; padding: 5px 2px;padding: 0.3em 2px;}
.myCalendar td span,
.myCalendar td a,
.myCalendar td button { display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%;font-weight: 700;border: 1px solid #fff;}
.myCalendar tr td.disabled span {	/* background:#ededed; */}
.myCalendar tr td.today{ opacity:1;}
.myCalendar tr td.today span {background: #fff;/* font-weight: 500; */border-color: #111;}
.myCalendar td.action a span,
.myCalendar td.action button span { color: #000 !important;  /* font-weight: 700; */ background: #fcbd00;	border: none!important}
.myCalendar .blankLine th,
.myCalendar .blankLine td {  border-width: 0}
.myCalendar tr td.closed{opacity:1;}
.myCalendar tr td.closed span{ background-color:#ffd9cc; color:#333;}

.calendar_box .txt{text-align:left; font-size:0.88em; margin-top: 20px; color: #333;font-weight: 500; }
.calendar_box .txt i{ font-size:0.95em;font-style: normal;font-weight: 400;}
.calendar_box .txt .circle { margin: 0 3px 0 7px;}
.calendar_box .txt .circle:first-child{ margin-left:0;}
.calendar_box .txt .circle.red { color:#ffc8c3;}
.calendar_box .txt .circle.today{ color:#2d2d2d;}
.calendar_box .txt .circle.action{ color:#fcbd00; }

.pop_calendar {position: relative;background: #fff;border: 1px solid #ddd;float: left;width: 48%;padding: 0;}
.pop_calendar > div {/* float: left; *//* width: 50%; */}
.pop_calendar > div:first-child {border-right: 1px solid #ddd;}

/* pop_zone  */
.pop_zone { padding:0 !important; border:0 !important;}
.pop_zone.owl-theme .dataCtrl{ position:absolute;top: 10px;right: 0;}
.pop_zone.owl-theme .ctrl-nav .owl-prev, .pop_zone.owl-theme .ctrl-nav .owl-next{ width:40px; height: 40px; background-color: rgba(255,255,255,0.4); border-radius: 50px; background-size: 10px; opacity: 0;}
.pop_zone.owl-theme:hover .ctrl-nav .owl-prev, .pop_zone.owl-theme:focus .ctrl-nav .owl-prev, 
.pop_zone.owl-theme:hover .ctrl-nav .owl-next, .pop_zone.owl-theme:focus .ctrl-nav .owl-next{ opacity: 0.7;}
.pop_zone.owl-theme .ctrl-nav .owl-prev:hover, .pop_zone.owl-theme.ctrl-nav .owl-prev:focus, 
.pop_zone.owl-theme .ctrl-nav .owl-next:hover, .pop_zone.owl-theme .ctrl-nav .owl-next:focus{ opacity: 1;}
.pop_zone.owl-theme .dataCtrl .dataDots button.active{width: 40px;}

/* tel_box */
.tel_box{padding-left: 85px;padding-bottom: 21px;}
.tel_box:before{content:'';background: url('../images/main/ico_tel.png') no-repeat 0 0;background-size: contain;width: 50px;height: 50px;position:absolute;left: 25px;/* bottom: 30px; */top: 25px;}
.tel_box .tel{color: #e94e1f;font-size: 2.165em;font-weight:700;display:block;line-height: 1em;margin-bottom: 7px;letter-spacing: -0.05em;/* padding-left: 60px; */}
.tel_box .desc{color: #666;font-size:0.88em;line-height: 1.4em;display: block;/* padding-left: 60px; */font-weight: 400;}
.tel_box .desc b{display:block;font-size: 1.2em;line-height: 1em;margin-bottom: 7px;color: #444;/* text-align: right; */}



/* foot_link */
.foot_link.owl-theme{overflow: hidden;padding: 17px 0;background: #fff; border-top:1px solid #dcdcdc;}
.foot_link.owl-theme .main_tit{ font-size:0; margin-bottom: 0; }
.foot_link.owl-theme .main_tit:before{display: none;}
.foot_link.owl-theme .item{height: 60px;background: #fff;}
.foot_link.owl-theme .item a{ display:block; height: 100%; }
.foot_link.owl-theme .item img{ height: 100%; width:auto !important; margin: 0 auto;}
.foot_link.owl-theme .owl-carousel{ margin:0;padding: 0 20px;}
.foot_link.owl-theme .ctrl-nav .owl-prev, 
.foot_link.owl-theme .ctrl-nav .owl-next{left: inherit; display: block !important;height: 15px;width: 15px;margin-top: -10px;background-repeat:no-repeat;background-position:50% 50%;background-size: contain;}
.foot_link.owl-theme .ctrl-nav .owl-prev {left: 0;}
.foot_link.owl-theme .ctrl-nav .owl-next{right: 0;}



@media only screen and (max-width: 1080px) {	
	.sec01{ height:500px; border-radius:0;margin-bottom: 60px;}
	.sec01:after{ width:100%; margin:0;left: 0;background-size: contain;bottom: 150px !important;background-position: 50% 100%;height: 183px;}
	.vis_zone,
	.quick_zone{ width:100%; float:none;padding: 0;}
	.vis_zone .item{ height:350px;}
	.vis_zone .item .txt{padding-top:40px;}
	
	.quick_zone ul{ width:100%;padding: 1em 0.5em;border-radius: 30px;}
	.quick_zone li{ width:16.6666666%;margin-bottom: 0;}

	.sec02{margin-bottom:50px;}	
	.sec02 .con01{width: 30%;margin-right: 1%;}
	.sec02 .con02{width: 33%;margin: 0 1%;}
	.sec02 .con03{position:relative;width: 33%;margin-left: 1%;}
	.sec02 .con04{ width: 29%; left: 2%;top: 324px;}
	.news_list, .tel_box{ padding:1.5em;min-height: inherit;}

	.news_list{ min-height:260px;}
	.calendar_box{min-height: 417px;padding: 1.5em;}
	.myCalendar{width:100%;padding-bottom: 5px;}	
	.myCalendar td span, .myCalendar td a, .myCalendar td button{ width:100%; height:100%;line-height: 25px;}
	.calendar_box .txt i{display:block; padding-left:22px;}
	.calTitle{margin: 0;}
	.calendar_box .txt{ margin-top:10px;}

	.pop_zone, .pop_zone .item{ height:415px;}
	.pop_zone .owl-carousel .owl-item img{ height:100%;}
	
	.tel_box{padding: 1.20em 0.5em 1em 5em;}
	.tel_box .tel{margin-bottom:7px;font-size: 1.5em;/* padding-left: 50px; */}
	.tel_box:before{width: 45px;height: 35px;/* bottom: 33px; */top: 20px;left: 1.5em;background-size: contain;}
	.tel_box .desc{/* padding-left: 50px; */}	
	.tel_box .desc br{display:none}
	
	/* foot_link */	
	.foot_link.owl-theme .owl-carousel{padding: 0 20px;}
	.foot_link.owl-theme .ctrl-nav .owl-prev{left: 15px !important;}
	.foot_link.owl-theme .ctrl-nav .owl-next{right: 15px;}
	
}
@media only screen and (max-width:825px) {
	.sec02 .con01{width: 100%;margin:0 0 40px 0;float:none;}
	.sec02 .con02{width: 100%;margin:0 0 40px 0;float:none;}
	.sec02 .con03{width: 100%; margin: 0 0 40px 0;float:none;}
	.sec02 .con04{ width: 100%; left: inherit;top: inherit; position: relative !important;}

	.news_list{min-height:inherit;}
	.myCalendar{/* max-width:320px; */}
	.myCalendar td span, .myCalendar td a, .myCalendar td button{ width:35px; height:35px; line-height:35px;}
	.calendar_box .txt i{display:inline-block; padding-left:0}
	.myCalendar td{ padding:2px;}

	.pop_zone, .pop_zone .item,	
	.pop_zone .owl-carousel .owl-item img{ height:auto;}

	.tel_box{padding: 1.5em 0.5em 1.5em 67px;}
	.tel_box:before{width: 45px; height: 45px;top: 1.5em;left: 1em;bottom: inherit;}
	.tel_box .tel{font-size:1.5em;padding-left: 0;}
	.tel_box .desc{ padding:0;font-size: 1em;}
	.tel_box .desc b{margin-bottom:5px;font-size: 1.15em;}
}
@media only screen and (max-width:768px) {	  
	.sec01{ height: 520px;margin-bottom: 40px;}	
	.sec01:after{/* background-size: auto; */bottom: 270px !important;height: 150px; }
	
	.vis_zone .item{ width:100%;height: 250px;}
	.vis_zone .item .txt{ /* padding-top:30px; */}
	.vis_zone .item .txt:after{margin-top: 7px; }
	.vis_zone .item .pic{width:100%; display: block;text-align: center; background: url(../images/main/vis_bg.png) no-repeat 53% 100%;background-size: cover;}
	.vis_zone .item .pic img{  margin:0 auto;width: 260px;}
	.vis_zone .vis02 a:after{background:none;}
	.vis_zone.owl-theme .ctrl-nav .owl-prev,
	.vis_zone.owl-theme .ctrl-nav .owl-next{ background-color: rgba(0, 37, 112, 0.3); width: 35px; height: 35px;border-radius: 35px;}
	.vis_zone.owl-theme .ctrl-nav .owl-prev{ background-image:url('../images/common/ico_prev_w.svg');left: 0;}
	.vis_zone.owl-theme .ctrl-nav .owl-next{ background-image:url('../images/common/ico_next_w.svg'); right: 0;}

	.quick_zone ul{margin: 0 -1px -1px 0;padding: 20px 0.5em;}
	.quick_zone li{width:33.333333%; float:left;margin-bottom: 15px;}
	.quick_zone li a{ display: block; }
	.quick_zone li:nth-child(3n) a{ border-right:0;}
	.quick_zone li:last-child, .quick_zone li:nth-last-child(2), .quick_zone li:nth-last-child(3){ margin-bottom:0;}
	.quick_zone li a span:before{ /* margin-bottom:5px; */}

	.sec02{ margin-bottom:40px;}
	.news_list, .calendar_box, .pop_zone, .tel_box{border-radius:15px;min-height: inherit;}
	.sec02 .con01, .sec02 .con02, .sec02 .con03{ margin-bottom:30px;}
	
	.main_tit{margin-bottom:15px; }
	
	
	/* foot_link */
	.foot_link.owl-theme { padding: 13px 0;}
	.foot_link.owl-theme .ctrl-nav .owl-prev{ left: 10px !important;}
	.foot_link.owl-theme .ctrl-nav .owl-next{ right:10px;}
	.foot_link.owl-theme .item{height:55px;}
}
@media only screen and (max-width:480px){	
	.sec01{ height: 500px;margin-bottom: 40px;}	
	.vis_zone .item{ height: 230px;}
	.sec01:after{ bottom: 270px !important;height: 100px;}
}




@media print{
	.sec01{border-radius: 0 0 0 150px;}
	.vis_zone{width:75%;}
	.sec02 .con01{width: 30% ;margin-right: 1% ;}
	.sec02 .con02{width: 33% ;margin: 0 1% ;}
	.sec02 .con03{position:relative ;width: 33% ;margin-left: 1% ;}
	.sec02 .con04{ width: 29% ; left: 2% ;top: 330px ;}
	.calendar_box{min-height: 417px;padding: 1.5em;}
	.myCalendar{width:100%;}
	.pop_zone, .pop_zone .item{ height:415px;}
	.pop_zone .owl-carousel .owl-item img{ height:100%;}
	.tel_box { padding: 1.2em 0.5em 1em 1.5em;}
	.tel_box .tel{margin-bottom:7px;font-size: 1.5em;}
	.tel_box .desc{ padding-left: 50px;}
	.tel_box:before{width: 45px; height: 35px;bottom: 33px;left: 1.5em;background-size: contain;}
}