@charset "utf-8";

/*1´Ü*/
.cont_01 {background: url('../images/main/cont_01bg.png') center bottom no-repeat; padding: 100px 0; overflow:hidden;}
.cont_01 .cont_01_In {width: 1200px; height: 430px;  margin: 0 auto; overflow:hidden;}
 
.cont_01 .title p, .cont_01 .title span {font-family: 'NanumSquareRound'; font-weight: 700;  font-size: 18px; word-break: keep-all; }
.cont_01 .title {position: relative; margin-bottom: 15px;}
.cont_01 .title .plus {position: absolute; right:0; top:0;  }
.cont_01 .title .plus a {display:block;font-size: 26px; color: #333;}

.cont_01 .popup {float:left; width: 49%; height: 430px; border-radius: 50px; margin-right: 0.5%; }

.bx-wrapper {-webkit-box-shadow: none !important; box-shadow:none !important; border:0 !important; background:none !important;  }
.bx-wrapper .bx-caption {display:none;}
.bx-viewport {border-radius: 10px 0 0 10px !important;  }
/* .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {right: 0 !imporant; top: 20px !important;}   */
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {width: auto !important; top:0;  }
.bx-wrapper .bx-pager {right: 55px !important;;}
.bx-wrapper .bx-next {background: url('../images/main/arrow_right.png') 0 0 no-repeat !important;  }
.bx-wrapper .bx-prev {background: url('../images/main/arrow_left.png') 0 0 no-repeat !important;  }
.bx-wrapper .bx-next:hover {background: url('../images/main/arrow_hover.png') 0 0 no-repeat !important;}
.bx-wrapper .bx-prev:hover {background: url('../images/main/arrow_left_hover.png') 0 0 no-repeat !important;}
.bx-controls-auto {height: 100%;}
a.bx-start {position: absolute; top: 30px;  right: 24px; }
a.bx-stop {position: absolute; top: 30px; right: 10px; }
 

.bx-controls.bx-has-controls-direction.bx-has-pager {position: absolute; top:0; width: 100%; height: 100%;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #ccc !important;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #ffcc00 !important;}

.cont_01 .calendar_wrap {float:left;}
.cont_01 .calendar_wrap {width: 24%; height: 430px; margin: 0 1%; background-color: #fff; }
.cont_01 .calendar_wrap .calendar_in {padding: 25px 20px; }
.cont_01 .calendar_wrap .title > p.calendar {background: url('../images/main/calendar.png') 0 0 no-repeat; height: 25px;padding-left: 35px; color: #333333;}
.cont_01 .calendar_wrap .title > p.calendar span {color: #f58501;} 
.cont_01 .calendar_wrap .title .fa-hover {position: absolute; top:0; right:0; }
.cont_01 .calendar_wrap .title .fa-hover a {display:block;  padding: 10px;}
.cont_01 .calendar_wrap .cal_top {display:none;}
.cont_01 .calendar_wrap .cal_day { padding-bottom: 5px; font-size: 13px; font-weight:bold; font-family: 'Noto Sans KR'; text-align:center;}
.cont_01 .calendar_wrap .cal_mon {font-size: 13px; color: #555; text-align:center; line-height: 25px; }
.cont_01 .calendar_wrap .cal_mon.today {font-weight:bold; width: 25px; height: 23px; color: #fff; border-radius: 50%; background-color: #ffcc00; }
.cont_01 .calendar_wrap .cal_list {border-top: 1px solid #ccc;  padding-top: 15px; }
.cont_01 .calendar_wrap .cal_list ul {margin-bottom:10px;}
.cont_01 .calendar_wrap .cal_list .list_in,
.cont_01 .calendar_wrap .cal_list .list_in span {font-size: 14px; color: #555; font-weight: 400; line-height: 18px;}
.cont_01 .calendar_wrap .cal_list .list_in {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;}
.cont_01 .calendar_wrap .cal_list .list_data {font-size: 13px; color: #0a97cd;}

.cont_01 .cont_01_banner {width: 24%; float:right;  margin-left: 0.5%;  }
.cont_01 .cont_01_banner div:first-child {margin-bottom: 10px;} 
.cont_01 .banner_01 {height: 215px; background: url('../images/main/call_bg.png') center bottom #8abc29 no-repeat;    padding: 0 6%;  }
.cont_01 .banner_01 .title p {padding-top: 25px; color: #fff; }
.cont_01 .banner_01 .title p > span {color: #ffeb90;}
.cont_01 .banner_01 .title .fa-hover {position: absolute; top:0; right:0; }
.cont_01 .banner_01 .title .fa-hover a {color: #fff; display:block;  padding: 10px;}

.cont_01 .banner_01 .banner_in_b a {width: 46%;  display:inline-block; border: 1px solid #fff; box-sizing: border-box; margin: 0 1%; margin-bottom: 5px; text-align:center; color: #fff;}
.cont_01 .banner_01 .banner_in_b a  span {color: #fff; font-size: 14px; font-weight: 400; height: 45px; line-height: 45px; vertical-align:middle; display: inline-block;}
.cont_01 .banner_01 .banner_in_b a:hover {background-color: #fff;}
.cont_01 .banner_01 .banner_in_b a:hover span {color: #8abc29;}

.cont_01 .banner_02 {height: 205px;  /* background: url('../images/main/call_bg.png') center bottom #5fb8af no-repeat;  */ background-color: #5fb8af;padding: 0 6%;  }
.cont_01 .banner_02 .title {padding-top: 25px; margin-bottom:0;}
.cont_01 .banner_02 .title > p {color: #ffeb90;} 
.cont_01 .banner_02 .title > p > span {color: #fff;}
.cont_01 .banner_02 .nember_wrap p {font-size: 13px; color: #fff;}
.cont_01 .banner_02 .nember_wrap p.nember {margin-bottom: 15px;}
.cont_01 .banner_02 .nember_wrap p.nember > a {font-size: 33px; font-weight:bold; color: #fff;  }
.cont_01 .banner_02 .nember_wrap p > a {font-size: 13px; color: #fff; font-family:'Noto Sans KR'; font-weight:500;}
.cont_01 .banner_02 {}


 @media all and (max-width: 1200px) { 
	.cont_01 {padding-left: 10px; padding-right: 10px;}
	.cont_01 .cont_01_In {width: 100%;}
	
	.cont_01 .popup .bxslider { position: relative; padding-top: 100%; /* 1:1 ratio */ overflow: hidden;}
	.cont_01 .popup .bxslider div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%);  }
	.cont_01 .popup .bxslider div img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate(-50%,-50%);  }
	.bx-wrapper {height: 100%;}
	.cont_01 .banner_02 .nember_wrap p.nember > a {font-size: 27px; }
 }
@media all and (max-width: 1024px) {
	.cont_01 {position: relative; z-index: 0; padding-top: 85px;}
	.bx-wrapper { }
}
 @media all and (max-width: 900px) { 
	.cont_01 { padding-bottom: 40px; padding-top:0;}
	.cont_01 .cont_01_In {  height: auto;}
	.cont_01 .popup {width: 100%; height: auto; float:inherit; margin-right:0;}
	.cont_01 .popup .bxslider { padding-top:50%; }
	 
    .bx-wrapper {height: auto; margin-bottom: 20px !important;}
	.bx-viewport {}
	
	.cont_01 .calendar_wrap {margin:0; width: 49%; border: 1px solid #ccc; box-sizing:border-box;}

	.cont_01 .cont_01_banner {margin:0; width: 49%;}

}
 @media all and (max-width: 640px) { 
	.cont_01 .popup .bxslider { padding-top:100%; }
	.bx-viewport {height: auto !important;}
 }
 @media all and (max-width: 440px) { 
	.cont_01 .calendar_wrap {width: 100%; height: auto; float:inherit; margin-bottom: 20px;}
	.cont_01 .calendar_wrap .calendar_in {padding: 10px;}
	.cont_01 .cont_01_banner {width: 100%;  height: auto; float: inherit;}
	.cont_01 .banner_01 {height: 165px;}
	.cont_01 .banner_01 .title p {padding-top: 10px;}
	.cont_01 .banner_01 .banner_in_b {padding-bottom: 10px;}
	.cont_01 .banner_02 .title {padding-top: 10px;}
 
 }




/*2´Ü*/
.cont_02 {background-color: #fabb13;}
.cont_02 .cont_02wrap {width: 1200px; background: url('../images/main/banner_bg.png') 0 bottom no-repeat;   margin: 0 auto; }
.cont_02 .cont_02wrap .cont_02in {padding: 70px 0; padding-left: 44%;}
.cont_02 .cont_02in .cont02_title {font-size: 28px; font-weight:bold; color: #fff; }
.cont_02 .cont_02in .cont02_text {font-size: 18px; color: #fff; margin: 35px 0; font-weight:400; } 
.cont_02 .cont_02in ul {overflow:hidden;}
.cont_02 .cont_02in ul a {display:inline-block; width: 48.8%; margin-left: 5px; margin-bottom: 10px;}
.cont_02 .cont_02in ul a li { width: 100%; padding: 12px 0; display:inline-block; border: 1px solid #fff; box-sizing:border-box; color: #fff; font-size: 16px; text-align:center;}  
.cont_02 .cont_02in ul a li:hover {background-color: #fff; color: #fabb13; }

 @media all and (max-width: 1200px) { 
	.cont_02 .cont_02wrap {width: 100%;}
 }
 @media all and (max-width: 900px) { 
	.cont_02 .cont_02wrap {background-size: 45%;}
	.cont_02 .cont_02in ul a li {font-size: 14px;}
 }
 @media all and (max-width: 640px) {
	.cont_02 .cont_02wrap {background-size: 54%;}
	.cont_02 .cont_02wrap .cont_02in {padding: 40px 0; padding-right:20px; padding-left: 44%;}
	.cont_02 .cont_02in .cont02_title {font-size: 20px;}
	.cont_02 .cont_02in .cont02_text {font-size: 15px; margin: 20px 0;}
	.cont_02 .cont_02in ul a {width: 100%; margin-top: 0; margin-left:0;}
	.cont_02 .cont_02in ul a li {font-size: 13px;}
 }
 @media all and (max-width: 520px) {
	.cont_02 .cont_02wrap {background-size: 28%;}
	.cont_02 .cont_02wrap .cont_02in {padding-left: 20px;}

	.cont_02 .cont_02in .cont02_title {text-align:center;}
	.cont_02 .cont_02in .cont02_text {text-align:center;}

	
  }

/*3´Ü*/
.cont_03 {width: 1200px; margin: 0 auto;  padding: 100px 0; }

.cont_03_01 {overflow:hidden; margin-bottom: 35px;  }
.tab_wrap { float: left; width: 50%; height: 290px;border: 1px solid #ccc; box-sizing: border-box;  }
.tab {list-style: none; border-bottom: 1px solid #ccc;  overflow: hidden; padding: 0 30px; position: relative;} 
.tab li {cursor: pointer; float: left; font-size: 17px; color: #333; padding-top: 20px; padding-bottom: 20px; margin-right: 30px; } 
.tab li span {color: #bbbbbb;}
.tab li a {display: inline-block;color: #000;text-align: center;text-decoration: none;padding: 14px 16px;font-size: 17px;transition:0.3s;}
a.news_plus {display:block; height: 100%;  position: absolute;  right:0; padding-top: 23px; padding-right: 25px; padding-left: 25px; border-left: 1px solid #ccc;}
a.news_plus img {padding-top: 25px;}
a.news_plu p.fa-hover {padding-top: 23px;}
a.news_plus:hover p{color: #5fb8af;}

.tabcontent {display: none; color:#000;}
.tab ul li.current {position: relative;}
.tab ul li.current::before{content: ''; width: 100%; height: 3px; background-color: #1c9c9d; position: absolute; left:0; bottom:0;  }
.tabcontent.current {display: block;}


.newletter {padding: 25px; }
.newletter div.news_top {}
.newletter div.news_top a {display:block; overflow:hidden; }
 
.newletter div.news_top ul.year_tit {width: 85px; height: 85px; float:left; background-color: #5fb8af; border-radius: 50%; text-align:center;}
.newletter div.news_top ul.year_tit li:first-child {color: #fff; font-size: 30px; font-weight:bold; line-height: 1em; margin-top: 16px;}
.newletter div.news_top ul.year_tit li:last-child {color: #fff; font-size: 13px; font-weight:300;}

.newletter div.news_top ul.year_text {float:left; width: 73%; padding-left: 5%;}
.newletter div.news_top ul.year_text li:first-child {font-size: 17px; color: #333;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;}
.newletter div.news_top ul.year_text li:last-child {font-size: 15px; color: #777777; margin-top: 5px; font-weight:400;white-space: normal;  word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;text-overflow:ellipsis;  width:100%;overflow:hidden;}
 
/* .news_list {margin-top: 25px; padding-top: 20px; border-top: 1px dashed #c2c2c2;} */
.news_list li { width: 100%; padding-left: 10px; margin-bottom: 12px;  overflow: hidden;   background:url('../images/main/bullet.png') 0 10px no-repeat; }
.news_list li a { display: block; width: 80%; float: left; color:#555; font-size: 15px; font-weight: 400; font-family:'Noto Sans KR'; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_list li:hover a {cursor: pointer; text-decoration: underline;  font-weight: 400; font-family:'Noto Sans KR'; color: #000; }
.news_list li span { float: right; font-size: 13px; color: #888; }

.cont_03_box {overflow:hidden; float:right; width: 50%;  }
.cont_03_box a {width: 50%; height: 145px; float:left;  display:block; border: 1px solid #ccc; box-sizing: border-box; border-left:0;}
.cont_03_box a.hvr-border-fade {box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(0, 0, 0, 0) !important;}
.cont_03_box a.hvr-border-fade:hover {box-shadow: inset 0 0 0 4px #5fb8af, 0 0 1px rgba(0, 0, 0, 0) !important; /* Hack to improve aliasing on mobile/tablet devices */} 
.cont_03_box a dl dt {font-size: 19px; color: #333; text-align:left; padding-left: 36%; }
.cont_03_box a:first-child {border-bottom: 0;}
.cont_03_box a:nth-child(2) {border-bottom:0;}


.cont_03_box a:first-child dl {background: url('../images/main/cont_03_0101.png') 47px 30px no-repeat;    }
.cont_03_box a:first-child:hover dl {background-position:47px 25px;}
.cont_03_box a:nth-child(2) dl {background: url('../images/main/cont_03_0102.png') 47px 32px no-repeat;   }
.cont_03_box a:nth-child(2):hover dl {background-position:47px 27px;}
.cont_03_box a:nth-child(3) dl {background: url('../images/main/cont_03_0103.png') 47px 30px no-repeat;  }
.cont_03_box a:nth-child(3):hover dl {background-position:47px 25px;}
.cont_03_box a:last-child dl {background: url('../images/main/cont_03_0104.png') 47px 20px no-repeat;  }
.cont_03_box a:last-child:hover dl {background-position:47px 15px;}
.cont_03_box a dl {padding: 45px 0;}
.cont_03_box a dl dd {font-size: 15px; color: #777777; text-align:center; margin-top: 22px;}

.cont_03_02 {overflow:hidden; height: 205px;  }
.cont_03_banner {float:left; width: 30%;}
.cont_03_banner a {height: 100px; overflow:hidden; margin-bottom: 5px; display:block; border: 1px solid #ccc; box-sizing: border-box; position: relative;  padding: 22px;   }
.cont_03_banner a:first-child {background: url('../images/main/cont_03_0201.png') 20px 20px no-repeat;  }
.cont_03_banner a:last-child {background: url('../images/main/cont_03_0202.png') 20px 20px no-repeat;  }
.cont_03_banner a dl { padding-left: 70px; position: relative;} 
.cont_03_banner a dl dt {font-size: 16px; color: #333;}
.cont_03_banner a dl dd {font-size: 14px;line-height: 1.2em; width: 84%;color: #777; margin-top: 5px;}  
.cont_03_banner a img {position: absolute; top: 40%; right:22px;   }
.cont_03_banner a dl::before {content: ''; position: absolute; top:0; right:25px; width: 1px; height: 100%; background-color: #d2d2d2;}

 
 
.hvr-wobble-horizontal:hover img, .hvr-wobble-horizontal:focus img, .hvr-wobble-horizontal:active img {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.box_green .hvr-bubble-right:before {top:calc(78% - 10px) !important; border-width: 15px 0 15px 25px !important; border-color: transparent transparent transparent #8abc29;}
.box_blue .hvr-bubble-right:before {top:calc(22% - 10px) !important; border-width: 15px 0 15px 25px !important; border-color: transparent transparent transparent #5fb8af;}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  -webkit-transform: translateX(20px) !important;
  transform: translateX(20px) !important;
} 

.cont_0302box { float:right; width: 69%; overflow:hidden;}
.cont_0302box a {display:block; width: 50%;float:left;}
.cont_0302box a ul {overflow:hidden; }
.cont_0302box a ul li {float:left; width: 50%; height:  205px;    }
.cont_0302box a ul li img {   float:right; width: 100%; height: 205px;}
.cont_0302box a ul li dl {position: relative; height: 205px; padding: 25px 20px; box-sizing: border-box;  } 
/* .cont_0302box a ul.box_green dl::before {content:'';position: absolute; top:148px; left: -26px; background: url('../images/main/cont_03_a.png') right 0 no-repeat; width: 24px; height: 28px;}
.cont_0302box a ul.box_blue dl::before {content:'';position: absolute; top:30px; right: -26px; background: url('../images/main/cont_03_b.png') right 0 no-repeat; width: 24px; height: 28px;}
  */
.cont_0302box a ul li dl dt, .cont_0302box a ul li dl dd{color: #fff;   }
.cont_0302box a ul li dl dt {font-size: 17px; font-weight: 400;}
.cont_0302box a ul li dl dd { position: absolute; left:20px;bottom:10%;  font-size: 14px; font-weight:300;}

.cont_0302box a ul.box_green {background-color: #8abc29;}
.cont_0302box a ul.box_blue {background-color: #5fb8af;}

.hvr-icon-wobble-horizontal {display:inherit !important;}

 @media all and (max-width: 1200px) { 
	.cont_03 {width: 98%}
 }

@media all and (max-width: 900px) {
	.cont_03 {padding: 40px 0;}
	.tab_wrap {width: 100%; height: auto; float:inherit; margin-bottom: 10px;}
	.cont_03_01 {margin-bottom: 10px;}
	.cont_03_box {width: 100%; float:inherit;}
	.cont_03_box a {height:115px; }
	.cont_03_box a:first-child, .cont_03_box a:nth-child(3) {border-left: 1px solid #ccc;}
	.cont_03_box a dl {padding: 0; padding-top: 20px; padding-left: 26%; padding-right:10px;}
	.cont_03_box a:first-child dl {background-position: 20px 30px; }
	.cont_03_box a:nth-child(2) dl {background-position: 20px 32px;  }
	.cont_03_box a:nth-child(3) dl {background-position: 20px 32px;  }
	.cont_03_box a:last-child dl {background-position: 20px 20px; }

	.cont_03_box a dl dt {padding-left:0; }
	.cont_03_box a dl dd {margin-top:0; text-align:left;}

	.cont_03_02 {height: auto;}
	.cont_03_banner {width: 100%; float:inherit; overflow:hidden;}
	.cont_03_banner a {width: 49.6%; float:left;}
	.cont_03_banner a.ban_02 {float:right;}

	.cont_0302box {width: 100%; float:inherit;}


}
@media all and (max-width: 540px) {
	.cont_03_box a {width: 100%; height: auto;  border: 1px solid #ccc; margin-top: 10px;}
	.cont_03_box a:first-child, .cont_03_box a:nth-child(2) {border-bottom: 1px solid #ccc;}
	.cont_03_box a dl {padding: 20px 0; padding-left: 28%; padding-right: 10px;}
	.cont_03_box a:first-child dl {background-position: 20px 50%; }
	.cont_03_box a:nth-child(2) dl {background-position: 20px 50%;  }
	.cont_03_box a:nth-child(3) dl {background-position: 20px 50%;  }
	.cont_03_box a:last-child dl {background-position: 20px 50%; }

	.tab {padding: 0 15px !important;}
	.tab li {font-size: 16px !important; margin-right: 15px !important; padding: 15px 0 !important;}

	.newletter div.news_top ul.year_tit {float:inherit !important; margin: 0 auto;}
	.newletter div.news_top ul.year_text {float:inherit; padding-left: 0; width: 100%;}
	.newletter div.news_top ul.year_tit li{line-height: 1.8em !important;}
	.news_list li a {width: 100%;}
	.news_list li span {display:none;}
	

	.cont_03_banner a {width: 100%; float: inherit; margin-bottom: 10px; border: 1px solid #ccc;}
	.cont_0302box a {width:100%; float:inherit;}
}



.bottom_banner {background-color: #f8f8f8; }
.bottom_banner ul {width: 1200px !important; margin: 0 auto; padding: 50px 0; text-align: center;} 
.bottom_banner ul li {display:inline-block; text-align: center; vertical-align:middle;margin-left: 35px;}
.bottom_banner ul li:first-child {margin-left:0;}

 @media all and (max-width: 1200px) { 
	.bottom_banner ul {width: 100%;}
 }