@charset "utf-8";
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
html, body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, iframe, article, aside, canvas, details, embed, figure, figcaption, header, footer, main, menu, nav, section, summary, audio, video, template {margin: 0; padding: 0; border: 0; font-family: inherit;}
ul, ul>li {list-style: none;}
button {background: none; cursor: pointer;}
.clearboth {display: block;}
.clearboth:after {content: ""; display: table; clear: both;}
.hide {display: none;}
.skip {position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; background: none; font-size: 0; color: transparent; line-height: 0;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

#container{overflow:hidden;}
/* Slider */
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before, .slick-track:after {display: table; content: "";}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir="rtl"] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.wrap {position: relative; width: 1280px; margin: 0 auto;}
.only_web {display: block;}
.only_mob {display: none;}
.only_web_img {display: inline;}
.only_mob_img {display: none;}

@media screen and (max-width:1400px) {
  .wrap {padding: 0 35px; width: 100%;}
}
@media screen and (max-width:1240px) {
  .wrap {width: 100%;}
}
#wrapper {overflow: hidden; width: 100%;}
#container {position: relative; padding-bottom: 85px; line-height: 1.1; letter-spacing: -1px;}
@media screen and (max-width:1340px) {
  #container::before {left: calc(50% + 450px);}
}
@media screen and (max-width:1240px) {
  #container::before {display: none;}
}

@media screen and (max-width:768px) {
  .only_mob {display: block;}
  .only_web {display: none;}
  .only_mob_img {display: inline;}
  .only_web_img {display: none;}
  #container {padding-bottom: 0;}
  .wrap {padding: 0 20px 40px;}
}

/* visual */
#visual {overflow: hidden; position: relative;}
#visual .visual_bg {overflow: hidden;position: absolute;top: 0;left: 0;width: calc(100% - 85px);width: -webkit-calc(100% - 85px);height: 100%;background: url("/template/centerA/images/main/visual-img.jpg") center center;background-size: 100%;border-radius: 0 0 44px 0;z-index: 1;}
#visual .visual_wrap {position: relative; margin: 0 auto; width: 1280px; z-index: 1;}
#visual .visual_wrap .title {margin-top: 155px;text-align: center;font-size: 53px;font-family: 'gmarket';font-weight: 600;color: #fff;text-shadow: -3px -2px 3px rgba(0,0,0,0.3);}
#visual .visual_wrap .sub_title {margin-top: 10px;font-size: 22px;font-family:'gmarket';font-weight:400;color: #fff;text-align: center;text-shadow: 0px 0px 10px rgba(0,0,0,0.6);}
#visual .visual_wrap .employment_div {overflow: hidden; margin-top: 45px;}
#visual .visual_wrap .employment_div .announcement_div {float: left;}
#visual .visual_wrap .employment_div .announcement_div .tit {display: inline-block; padding: 0 22px; height: 45px; line-height: 50px; font-family: 'gmarket';font-weight:400; font-size: 20px; color: #fff; background: #006940; border-radius: 22px;}
#visual .visual_wrap .employment_div .announcement_div .txt {display: inline-block;margin-left: 6px;font-size: 16px;/* font-family: "gothic", sans-serif; */color: #fff;font-weight: bold;text-shadow: 0 0 5px rgba(0, 0, .24);}
#visual .visual_wrap .employment_div .announcement_div .txt span {color: #98cd49;}
#visual .visual_wrap .employment_div .more_btn {display: block; float: right; padding: 0 12px 0 15px; height: 45px; background: rgba(70, 148, 135, .06); border: 1px solid rgba(255, 255, 255, .4); border-radius: 22px;}
#visual .visual_wrap .employment_div .more_btn:hover {text-decoration: none;}
#visual .visual_wrap .employment_div .more_btn span {position: relative;padding-right: 27px;color: #fff;/* font-family: "gothic", sans-serif; */font-weight: 200;line-height: 43px;font-size: 15px;}
#visual .visual_wrap .employment_div .more_btn span:before {display: block; content: ""; position: absolute; right: 0; top: 10px; width: 13px; height: 1px; background: #fff;}
#visual .visual_wrap .employment_div .more_btn span:after {display: block; content: ""; position: absolute; right: 6px; top: 4px; width: 1px; height: 13px; background: #fff;}

#visual .slide_wrap {position: relative; margin: 17px auto 120px; width: 1294px; z-index: 10;}
#visual .slide_wrap .slide_list .slick-slide {margin: 0 14px;}
#visual .slide_wrap .slide_list .slide_item {height: 215px;}
#visual .slide_wrap .slide_list .slide_item:first-child {padding-left: 0;}
#visual .slide_wrap .slide_list .slide_item .slide {display: block; position: relative; padding: 27px 23px; width: 100%; height: 100%; background: rgba(255, 255, 255, .9); transition: all .4s ease; border: 8px solid rgba(255, 255, 255, 0);}
#visual .slide_wrap .slide_list .slide_item .slide:hover {background: #fff; border: 8px solid #006940; text-decoration: none;box-shadow: 6px 0 13px rgba(70, 148, 135, .27); }
#visual .slide_wrap .slide_list .slide_item .slide .type {margin-top: 15px; font-size: 18px; color: #3d3c39; text-align: center; font-family: 'gmarket';font-weight:400;  position: relative; z-index: 2;}
#visual .slide_wrap .slide_list .slide_item .slide .num {position: relative;margin-top: 14px;text-align: center;font-size: 16px;color: #3d3c39;font-family: 'gmarket';font-weight:400;z-index: 1;}
#visual .slide_wrap .slide_list .slide_item .slide .num span {line-height: 1; font-size: 47px; color: #3d3c39; font-family: 'gmarket';font-weight:600;}
#visual .slide_wrap .slide_list .slide_item .slide .img {position: absolute; top: 55px; right: 22px;background: url("/template/centerA/images/main/sprite.png") no-repeat}

/* 비주얼 슬라이드 이미지 각각 너비를 따로 재어야 함 */

#visual .slide_wrap .slide_list .slide_item .slide .img1 {width: 59px; height: 71px; background-position: -1px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img2 {width: 71px; height: 74px; background-position: -63px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img3 {width: 72px; height: 57px; background-position: -137px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img4 {top: 70px; width: 74px; height: 42px; background-position: -212px 0px;}

#visual .slide_wrap .slide_list .slide_item .slide .img5 {width: 59px; height: 71px; background-position: -290px 10px;}
#visual .slide_wrap .slide_list .slide_item .slide .img6 {width: 57px; height: 64px; background-position: -350px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img7 {width: 72px; height: 69px; background-position: -408px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img8 {width: 58px; height: 72px; background-position: -481px 0px;}
#visual .slide_wrap .slide_list .slide_item .slide .img9 {width: 71px; height: 61px; background-position: -540px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img10 {width:58px; height: 68px; background-position: -614px 2px;}
#visual .slide_wrap .slide_list .slide_item .slide .img11 {width: 62px; height: 57px; background-position: -674px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img12 {width: 54px;height: 52px;background-position: -738px -1px;}
#visual .slide_wrap .slide_list .slide_item .slide .img13 {width: 71px;height: 45px;background-position: -795px -1px;}

#visual .slide_wrap .slide_list .slide_item .slide .img14 {width: 53px;height: 68px;background-position: -1px -79px;}
#visual .slide_wrap .slide_list .slide_item .slide .img15 {width: 65px;height: 65px;background-position: -59px -79px;}
#visual .slide_wrap .slide_list .slide_item .slide .img16 {width: 91px;height: 67px;background-position: -127px -79px;}
#visual .slide_wrap .slide_list .slide_item .slide .img17 {width: 64px;height: 60px;background-position: -222px -79px;}


#visual .slide_wrap .slide_list .slide_item .slide:hover .num {color: #006940;}
#visual .slide_wrap .slide_list .slide_item .slide:hover .num span {color: #006940;}
#visual .slide_wrap .slide_list .slide_item .slide .go_txt {margin-top: 18px; padding-top: 20px; text-align: center; border-top: 1px solid rgba(232, 232, 232, .9);}
#visual .slide_wrap .slide_list .slide_item .slide .go_txt span {padding-right: 30px; color: #3d3c39; font-size: 15px; font-family: "gothic", sans-serif; background: url("/template/centerA/images/main/icon-go-link.png") no-repeat right 1px center;}
#visual .slide_wrap .slide_list .slide_item .slide:hover .go_txt span {background: url("/template/centerA/images/main/icon-go-link-on.png") no-repeat right 1px center;}
#visual .slide_wrap .slick-arrow {position: absolute; top: 50%; z-index: 30; width: 69px; height: 69px; font-size: 0; color: transparent; transform: translateY(-50%); border-radius: 50%; border: 1px solid #fff; transition: all .3s ease;}
#visual .slide_wrap .slick-arrow:hover {background: #7dc242; border: 1px solid #7dc242; box-shadow: 8px 0 9px rgba(0, 0, 0, .35);}
#visual .slide_wrap .slick-arrow.prev {left: calc(50% - 750px); background-position: -10px -10px;}
#visual .slide_wrap .slick-arrow.prev:before {display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 13px; height: 22px; background: url("/template/centerA/images/main/sprite.png") no-repeat 0 -157px;}
#visual .slide_wrap .slick-arrow.next {right: calc(50% - 750px); background-position: -56px -10px;}
#visual .slide_wrap .slick-arrow.next:before {display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 13px; height: 22px; background: url("/template/centerA/images/main/sprite.png") no-repeat -16px -157px;}


#visual .slide_wrap .slide_control {display: flex; align-items: center; justify-content: center; position: absolute; bottom: -65px; left: 0; z-index: 40; width: 100%; text-align: center;}
#visual .slide_wrap .slide_control button {display: block; font-size: 0; color: transparent;}
#visual .slide_wrap .slide_control .dots li {float: left;}
#visual .slide_wrap .slide_control .dots li:not(:first-child) {margin-left: 8px;}
#visual .slide_wrap .slide_control .dots li button {width: 7px; height: 7px; background-color: #e3e2e2; border-radius: 50%;}
#visual .slide_wrap .slide_control .dots li.slick-active button {width: 30px; background-color: #98cd49; border-radius: 4px;}
#visual .slide_wrap .slide_control .auto {margin-left: 14px; width: 11px; height: 11px; }
#visual .slide_wrap .slide_control .pause {width: 11px; height: 11px; background: url("/template/centerA/images/main/sprite.png") no-repeat -64px -157px;}
#visual .slide_wrap .slide_control .play {display: none; width: 7px; height: 11px; background: url("/template/centerA/images/main/sprite.png") no-repeat -78px -157px;}

@media screen and (min-width:1831px) {
  #visual .slide_list .slide_item img {width: 100%; max-width: none; height: auto;}
}
@media screen and (max-width:1830px) {
  #visual .slide_list .slide_item {position: relative;}
  #visual .slide_list .slide_item img {display: block; position: absolute; top: 0; left: 50%; width: 1830px; height: 700px; transform: translateX(-50%);}
  #visual .visual_wrap .slick-arrow.prev {left: calc(50% - 760px);}
  #visual .visual_wrap .slick-arrow.next {right: calc(50% - 760px);}
}
@media screen and (max-width:1700px) {
  #visual .visual_bg {width: 100%; border-radius: 0;}
  #visual .visual_wrap .slick-arrow.prev {left: 30px;}
  #visual .visual_wrap .slick-arrow.next {right: 120px;}
  #visual .visual_wrap .wrap {padding-left: 5%;}
}
@media screen and (max-width:1500px) {
  #visual .slide_wrap .slick-arrow.prev {left: -2%;}
  #visual .slide_wrap .slick-arrow.next {right: -2%;}
}
@media screen and (max-width:1400px) {
  #visual .visual_wrap {padding: 0 3.125%; width: 100%;}
  #visual .slide_wrap {width: 96%;}
  #visual .slide_wrap .slide_list .slide_item .slide {padding: 20px 15px 27px;}
  #visual .slide_wrap .slide_list .slide_item .slide .go_txt {padding-top: 15px;}
}


@media screen and (max-width:1240px) {
  #visual .visual_wrap .slick-arrow, #visual .visual_wrap .prev, #visual .visual_wrap .next {display: none;}
  #visual .visual_wrap .wrap {padding-left: 0;}
  #visual .visual_text {text-align: center;}
  #visual .visual_text .link_area {display: inline-block;}
  #visual .bg_text {display: none;}
  #visual .slide_wrap .slide_control {bottom: -50px;}
  #visual .slide_wrap .slick-arrow.prev {left: -2%;}
  #visual .slide_wrap .slick-arrow.next {right: -2%;}
}
@media screen and (max-width:1023px) {

  #visual .visual_wrap .title{font-size: 45px;}

  #visual .slide_wrap {width: 88%;}
  #visual .slide_wrap .slick-arrow.prev {left: -3%; width: 46px; height: 46px;}
  #visual .slide_wrap .slick-arrow.prev:before {transform: translate(-50%, -50%) scale(.7);}
  #visual .slide_wrap .slick-arrow.next {right: -3%; width: 46px; height: 46px;}
  #visual .slide_wrap .slick-arrow.next:before {transform: translate(-50%, -50%) scale(.7);}
}

@media screen and (max-width:768px) {

  #visual .slide_wrap {margin: 17px auto 85px;}
  #visual .visual_wrap .title {margin-top: 69px;font-size: 41px;}
  #visual .visual_wrap .sub_title {font-size: 16px;line-height: 19px;letter-spacing: -1px;margin-top: 5px;}
  #visual .visual_wrap .employment_div {margin-top: 35px;display: none;}
  #visual .slide_wrap .slide_control {bottom: -50px;}
  #visual .slide_wrap .slick-arrow{background:#fff}

  #visual .slide_wrap .slick-arrow.prev:before,  #visual .slide_wrap .slick-arrow.next:before{width: 46px;height: 46px; transform: none;top:auto;background-size: 100%;position: relative;}
  #visual .slide_wrap .slick-arrow.prev:before{background:url(/images/common/m_pr.png);left: -2px;}
  #visual .slide_wrap .slick-arrow.next:before{background:url(/images/common/m_nx.png); left:auto; right:0}
  #visual .slide_wrap .slick-arrow.prev:hover::before,#visual .slide_wrap .slick-arrow.next:hover::before{  width: 13px; height: 22px; /*top: 50%;*/ left: 35%; right:auto;transform: scale(.6); }
  /* #visual .slide_wrap .slick-arrow.prev:hover::before,#visual .slide_wrap .slick-arrow.next:hover::before{  width: 13px; height: 22px; top: 50%; left: 50%; right:auto;transform: translate(-50%, -95%) scale(.6); } */
  #visual .slide_wrap .slick-arrow.prev:hover::before{ background: url("/template/centerA/images/main/sprite.png") no-repeat 0 -157px;}
  #visual .slide_wrap .slick-arrow.next:hover::before{ background: url("/template/centerA/images/main/sprite.png") no-repeat -16px -157px;}

}

@media screen and (max-width:500px) {

  #visual .visual_wrap .title{font-size:30px;}

  #visual .visual_wrap .employment_div .announcement_div .tit {height: 34px; line-height: 38px; font-size: 16px;}
  #visual .visual_wrap .employment_div .more_btn {position: absolute; bottom: -290px; left: 50%; transform: translateX(-50%);}
  #visual .slide_wrap {margin: 17px auto 96px;}
  #visual .slide_wrap .slide_control {/* bottom: -80px; */}
}

@media screen and (max-width:480px) {

  #visual .visual3 .reserve_btn:after{display:none}

}

@media screen and (max-width:360px) {

  #visual .visual_wrap .title{font-size: 20px;}

}

.info_area {position: relative; margin-top: -160px; padding: 160px 0 20px; width: 100%; background: #ececec;}
.info_area .tit_div {display: inline-block; position: relative; top: 0; width: 725px; height: 140px; padding-right: 105px; text-align: right; background: #dedede; border-radius: 0 0 98px 0; z-index: 2;}
.info_area .tit_div:after {display: block; content: ""; position: absolute; top: -32px; left: 0; width: 99%; height: 160px; background: #006940; border-radius: 0 0 98px 0; z-index: -1;}
.info_area .tit_div .tit_wrap {position: relative; display: inline-block; padding: 14px 0 35px 130px;}
.info_area .tit_div .tit_wrap:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 95px; height: 89px; background: url("/template/centerA/images/main/sprite.png") no-repeat -1px -183px;}
.info_area .tit_div .tit_wrap .tit {text-align: left;font-size: 28px;color: #fff;font-family: 'gmarket';font-weight:600;margin-bottom: 3px;}
.info_area .tit_div .tit_wrap .txt {text-align: left;font-size: 16px;line-height: 1.1;color: #fff;/* font-family: "gothic", sans-serif; *//* font-weight: 500; */}
.info_area .info_div {display: inline-block; position: relative; top: 0; margin-left: 55px; vertical-align: middle;}
.info_area .info_div:after {display: block; content: ""; clear: both;}
.info_area .info_div .tel,
.info_area .info_div .time{min-height:42px;}
.info_area .info_div .time p{font-family:'gmarket'; font-weight:bold}
.info_area .info_div .tel {float: left;position: relative;top: 0;padding: 12px 40px 0 70px;font-size: 28px;font-family: 'gmarket';font-weight:600;color: #3d3c39;border-right: 1px solid #bdbdbd;}
.info_area .info_div .tel .simbol {position: absolute;left: 0;top: 5px;width: 35px;height: 35px;}
.info_area .info_div .tel .simbol:before, .info_area .info_div .tel .simbol:after {
  opacity: 0;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border: 10px solid #bdd2ca;
  box-sizing: border-box;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  animation-name: tel_simbol;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: tel_simbol;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
.info_area .info_div .tel .simbol:after {
  animation-delay: .5s;
}
@keyframes tel_simbol {
  0% {opacity: .5; border-width:20px; transform: scale(0); -webkit-transform: scale(0);}
  30% {transform: scale(.9); -webkit-transform: scale(.9);}
  50% {opacity: .5;}
  90% {opacity: .1;}
  100% {opacity: 0; border-width: 10px; transform: scale(2.2); -webkit-transform: scale(2.2);}
}
@-webkit-keyframes tel_simbol {
  0% {opacity: .5; border-width: 20px; transform: scale(0); -webkit-transform: scale(0);}
  30% {transform: scale(.9); -webkit-transform: scale(.9);}
  50% {opacity: .5;}
  90% {opacity: .1;}
  100% {opacity: 0; border-width: 10px; transform: scale(2.2); -webkit-transform: scale(2.2);}
}
.info_area .info_div .tel .simbol span {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #006940;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.info_area .info_div .tel .simbol span:before {
  content: "";
  display: block;
  position: absolute;
  left: 9px;
  top: 9px;
  width: 17px;
  height: 17px;
  background: url("/template/centerA/images/main/sprite.png") no-repeat -100px -183px;
  animation-name: tel_simbol_icon;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

  -webkit-animation-name: tel_simbol_icon;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
@keyframes tel_simbol_icon {
  0% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
  2% {transform: rotate(-15deg); -webkit-transform: rotate(-15deg);}
  6% {transform: rotate(15deg); -webkit-transform: rotate(15deg);}
  8% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
  10% {transform: rotate(-15deg); -webkit-transform: rotate(-15deg);}
  14% {transform: rotate(15deg); -webkit-transform: rotate(15deg);}
  16%, 100% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
}
@-webkit-keyframes tel_simbol_icon {
  0% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
  2% {transform: rotate(-15deg); -webkit-transform: rotate(-15deg);}
  6% {transform: rotate(15deg); -webkit-transform: rotate(15deg);}
  8% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
  10% {transform: rotate(-15deg); -webkit-transform: rotate(-15deg);}
  14% {transform: rotate(15deg); -webkit-transform: rotate(15deg);}
  16%, 100% {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
}

.info_area .info_div .time {float: left; position: relative; margin-left: 19px; padding-left: 60px;  padding-top:4px; color: #3d3c39; font-family: "gothic", sans-serif; font-weight: 500; font-size: 16px; line-height: 21px;}
.info_area .info_div .time:before {display: block; content: ""; position: absolute; top: 3px; left: 0; width: 36px; height: 36px; background: #006940; border-radius: 50%;}
.info_area .info_div .time:after {display: block; content: ""; position: absolute; top: 12px; left: 10px; width: 17px; height: 17px; background: url("/template/centerA/images/main/sprite.png") no-repeat -120px -183px;}
.info_area .info_div .time span {display: inline-block;margin-right: 6px;}

@media screen and (max-width:1500px) {
  .info_area .tit_div {padding-right: 65px; width: 550px;}
}

@media screen and (max-width:1400px) {
  .info_area .tit_div {padding-right: 65px; width: 450px;}
}

@media screen and (max-width:1240px) {
  .info_area .tit_div {width: 400px;}
  .info_area .info_div { /* top: 30px; */ margin-left: 20px;}
  .info_area .info_div .tel {padding-right: 30px; padding-left: 55px; font-size: 24px;}
  /* .info_area .info_div .tel .simbol {top: -8px;} */
  .info_area .info_div .time {position: relative; /*margin-left: 30px;*/}

  .info_area .info_div .time p {line-height: 20px;}
  .info_area .info_div .time span {display: block; line-height: 20px;}
}

@media screen and (max-width:1023px) {
  .info_area {margin-top: 0; padding: 20px 3.125%;}
  .info_area .info_div {top: 0; width: 100%;}
  .info_area .info_div .tel {width: 45%; padding:14px 40px 0 58px}
}

@media screen and (max-width:640px) {

  .info_area .info_div .tel{padding: 16px 0 0 53px; font-size: 19px;}

}


@media screen and (max-width:550px) {
  .info_area {padding: 20px 3.125% 28px;}
  .info_area .info_div {top: 0; padding-left: 15px;}
  .info_area .info_div .tel {float: none; top: 0; margin-top: 15px; width: 100%; border: none; padding:8px 0 0 58px}
  .info_area .info_div .tel .simbol {top: -3px;}
  .info_area .info_div .time {float: none; margin-top: 15px; margin-left: 0;}
  .info_area .info_div .time p {line-height: 20px;}
  .info_area .info_div .time span {display: block; line-height: 20px;}
}

@media screen and (max-width:1023px) {
  .info_area .tit_div {display: none;}
}

.rowgroup1 {margin-top: 85px;}
@media screen and (max-width:1240px) {
  .rowgroup1 {margin-top: 60px;}
}
@media screen and (max-width:768px) {
  .rowgroup1 {margin-top: 35px;}
}
/* 게시판탭 */
.board {float: left; position: relative; width: calc(100% - 517px)}
.board .tab_button {position: relative;}
.board .tab_button::before {content: ""; display: block; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background-color: #e2e6eb;}
.board .tab_button ul li {float: left;}
.board .tab_button ul li button {position: relative; padding: 0 22px;}
.board .tab_button ul li button:after{display: block;content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 9px;background: #d6d6d6;transform: translate(0,-50%);margin-top: -5px;}
.board .tab_button ul li:last-child button:after {display: none;}
.board .tab_button ul li.active button::before {content: ""; display: block; position: absolute; bottom: 2px; left: 0; width: 100%; height: 2px; background-color: #006940;}
.board .tab_button ul li button span {display: block; height: 33px; font-size: 20px; color: #191919; line-height: 1; letter-spacing: -1px; font-family: 'gmarket';font-weight:400;}
.board .tab_button ul li.active button span {color: #006940;}

.board .tab_content {display: none;}
.board .tab_content.active {display: block;}
.board .tab_content ul {padding: 20px 0; border-bottom: 1px solid #e2e6eb;}
.board .tab_content ul li {padding: 0 30px;}
.board .tab_content ul li a {display: block; text-decoration: none;}

.board .tab_content ul li:first-child {margin-bottom: 9px; background: #f9f9f9;}
.board .tab_content ul li:first-child a {position: relative; padding: 29px 0 30px; padding-right:76px}
.board .tab_content ul li:first-child .date {position: absolute; top: 36px; right: 0; font-size: 14px; color: #777;}
.board .tab_content ul li:first-child .date .day {font-size: 33px; font-weight: 700; color: #191919;}
.board .tab_content ul li:first-child .date .month {margin-top: 10px; font-size: 15px; color: #191919;}
.board .tab_content ul li:first-child .title .txt {display: inline-block; position: relative; overflow: hidden; max-width: calc(100% - 120px); min-height:28px; font-size: 18px; line-height: 28px; color: #000; font-weight: 600; white-space: nowrap; text-overflow: ellipsis;}
.board .tab_content ul li:first-child .title.new .txt {padding-right: 32px;}
.board .tab_content ul li:first-child .title.new .txt:after {display: block; content: ""; position: absolute; top: 5px; right: 0; width: 21px; height: 21px; background: url("/template/centerA/images/main/icon-notice-new.png") no-repeat center center;}
.board .tab_content ul li .text.new {padding-right: 28px;}
.board .tab_content ul li .text.new:after {display: block; content: ""; position: absolute; top: 2px; right: 0; width: 21px; height: 21px; background: url("/template/centerA/images/main/icon-notice-new.png") no-repeat center center;}
.board .tab_content ul li:first-child .text {overflow: hidden; margin-top: 5px; max-width: 100%; font-size: 15px; color: #555; line-height: 1.6; white-space: nowrap; text-overflow: ellipsis;}
.board .tab_content ul li:not(:first-child) {padding: 5px 30px;}
.board .tab_content ul li:not(:first-child) a {display: flex; align-items: center; justify-content: space-between; font-size: 16px; color: #191919;}
.board .tab_content ul li:not(:first-child) a .title{display:none;}
.board .tab_content ul li:not(:first-child) .text {overflow: hidden;position: relative;padding-left: 12px;max-width: calc(100% - 170px);min-height:28px;border-bottom: 1px solid transparent;font-size: 15px;line-height: 25px;color: #333;/* font-family: "gothic", sans-serif; *//* font-weight: 500; */white-space: nowrap;text-overflow: ellipsis;}
.board .tab_content ul li:not(:first-child) .text:before {display: block; content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #333; border-radius: 50%;}
.board .tab_content ul li:not(:first-child) a:hover .text .txt {color: #006940; border-bottom: 1px solid rgba(70, 148, 135, .56);}
.board .tab_content ul li:not(:first-child) a:hover .text:before {background: #006940;}
.board .tab_content ul li:not(:first-child) .date {width: 90px; font-size: 14px; color: #777; text-align: right;}

@media screen and (min-width:769px) {
  .board .tab_content .more {display: block; position: absolute; top: 4px; right: 0; padding-right: 16px; font-size: 14px; color: #777;}
  .board .tab_content .more:before {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 13px; height: 1px; background: #777;}
  .board .tab_content .more:after {display: block; content: ""; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 1px; height: 13px; background: #777;}
}
@media screen and (max-width:1340px) {

  .board .tab_button ul li:not(:first-child) {margin-left: 0;}
  .board .tab_button ul li button span {padding-top: 5px; font-size: 18px;}
}
@media screen and (max-width:1240px) {

  .board{width: calc(100% - 460px);}
  .board .tab_button ul li button {padding: 0 12px;}
  .board .tab_button ul li button span {height: 35px; font-size: 16px;}

}
@media screen and (max-width:1024px) {

  .board .tab_button ul li:not(:first-child) {margin-left: 0;}
  .board .tab_button ul li button:after{margin-top: -6px;}

}

@media screen and (max-width:960px) {

  .board{width: calc(100% - 307px);}

}

@media screen and (max-width:768px) {
  .board {width: 100%;}
  .board .tab_button {margin-bottom: 0;}

  .board .tab_content ul li {padding-right: 30px;}
  .board .tab_button ul li:not(:first-child) {margin-left: 0;}
  .board .tab_button ul li.active {position: relative; z-index: 1;}
  .board .tab_button ul li button {display: block; width: 100%; padding:0 22px}
  .board .tab_button ul li button:after{margin-top: 0;}
  .board .tab_button ul li button span {padding-top: 0; height: 36px; font-size: 15px; line-height: 36px; letter-spacing: -2px;}
  .board .tab_content ul li.first {margin-bottom: 15px;}
  .board .tab_content ul li.first .date {height: 72px;}
  .board .tab_content ul li.first .date .day {font-size: 22px;}
  .board .tab_content ul li.first .date .month {margin-top: 5px; font-size: 14px;}
  .board .tab_content ul li.first .title span {font-size: 14px;}
  .board .tab_content ul li.first .text {margin-top: 7px; font-size: 14px;}
  .board .tab_content ul li:not(:first-child) {padding: 4px 30px 4px 30px;}
  .board .tab_content ul li:not(:first-child) .text {min-width: calc(100% - 120px); font-size: 14px; line-height: 23px;}
  .board .tab_content ul li:not(:first-child) .date {font-size: 14px;}
  .board .tab_content .more {display: flex; align-items: center; justify-content: center; position: relative; margin-top: 18px; height: 47px; border: 1px solid #e2e6eb; box-sizing: border-box; font-size: 14px; color: #a6a6a6; text-decoration: none;}
  .board .tab_content .more:before {display: block;content: "";position: absolute;right: calc(50% - 132px);top: 50%;transform: translate(-50%, -50%);width: 13px;height: 1px;background: #777;margin-right: 12px;}
  .board .tab_content .more:after {display: block;content: "";position: absolute;right: calc(50% - 120px);top: 50%;transform: translate(-50%, -50%);width: 1px;height: 13px;background: #777;margin-right: 12px;}

  .board .tab_content .more .skip{font-size: 14px;position: relative;line-height: 1.2;width: auto;height: auto;color: #a6a6a6;}


}

@media screen and (max-width: 500px) {
  .board {width: 100%;}
  .board .tab_button {margin-bottom: 0;}
  .board .tab_button::before {bottom: 36px;}
  .board .tab_button ul li {width: 50%;}
  .board .tab_button ul li:not(:first-child) {margin-left: 0;}
  .board .tab_button ul li.active {position: relative; z-index: 1;}
  .board .tab_button ul li button {display: block; width: 100%;}
  .board .tab_button ul li button:after {top: 14px;}
  .board .tab_button ul li:nth-child(2n) button:after{display:none}
  .board .tab_button ul li button span {padding-top: 0; height: 36px; font-size: 15px; line-height: 36px; letter-spacing: -2px;}
  .board .tab_content ul li.first {margin-bottom: 15px; padding: 0 15px;}
  .board .tab_content ul li.first .date .day {font-size: 22px;}
  .board .tab_content ul li.first .date .month {margin-top: 5px; font-size: 14px;}
  .board .tab_content ul li.first .title .txt {max-width: calc(100% - 5px); font-size: 18px;}
  .board .tab_content ul li.first .title.new .txt:after {top: 5px;}
  .board .tab_content ul li.first .text {margin-top: 0; font-size: 15px;}
  .board .tab_content ul li:not(:first-child) {padding: 4px 15px;}
  .board .tab_content ul li:not(:first-child) .text {min-width: calc(100% - 80px); min-height: 24px; font-size: 14px;}
  .board .tab_content ul li:not(:first-child) .date {font-size: 14px;}
  .board .tab_content .more {display: block;  margin-top: 8px; height: 47px; line-height: 45px; border: 1px solid #d4d4d4; box-sizing: border-box; font-size: 14px; color: #a6a6a6;
    text-decoration: none; text-align: center; padding-right: 22px;}

}


/* 팝업 */
.popup {float: right; position: relative; width: 436px; min-width:436px}
.popup .section_title {font-size: 20px; font-family: 'gmarket';font-weight:400; color: #000;}
.popup .section_title span {color: #9a2e2b;}
.popup .slide_list {margin-top: 10px; padding-top: 19px; border-top: 1px solid #e2e6eb;}
.popup .slide_control {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0;}
.popup .slide_control .slick-counter {margin-right: 17px;}
.popup .slide_control .slick-counter .current {position: relative; padding-right: 20px; margin-right: 2px; color: #006940; font-family: "gothic", sans-serif; font-weight: 600;}
.popup .slide_control .slick-counter .current:after {display: block; content: ""; position: absolute; top: 11px; right: 0; width: 13px; height: 1px; background: #929292;}
.popup .slide_control .slick-counter .total {font-family: "gothic", sans-serif;}
.popup .slide_control button:focus {border: none;}
.popup .slide_control button.prev {margin-right: 9px; width: 8px; height: 14px; background: url("/template/centerA/images/main/sprite.png") no-repeat -88px -157px;}
.popup .slide_control button.pause {width: 11px; height: 11px; background: url("/template/centerA/images/main/sprite.png") no-repeat -99px -159px;}
.popup .slide_control button.play {display: none; width: 7px; height: 11px; background: url("/template/centerA/images/main/sprite.png") no-repeat -124px -159px;}
.popup .slide_control button.next {margin-left: 8px; width: 8px; height: 14px; background: url("/template/centerA/images/main/sprite.png") no-repeat -113px -157px;}

@media screen and (max-width:1340px) {

  .popup .slick-slider .slick-track{height:258px}
  .popup .slick-slider .slick-list{width: 100%; height: 100%}

}

@media screen and (max-width:960px) {

  .popup {width:287px; min-width:287px;}
  .popup .slick-initialized .slick-slide > a{display:block; width:100%; height:100%;}
  .popup .slick-slide img{height:100%; width:auto; max-width:none; position:relative; left:0; top:0}

}

@media screen and (max-width:768px) {
  .popup {margin-top: 33px;width: 100%;min-width: auto;}
  .popup .section_title {font-size: 21px;}
  .popup .slick-slider .slick-track{height:auto}
  .popup .slide_list img {width: 100%; max-height:auto; height:auto}
}






.rowgroup2 {margin-top: 85px;}
.rowgroup2 .box_link {display: flex;}
.rowgroup2 .box_link > a {display: table; position: relative; padding: 0 94px 0 30px; width: 33.333%; text-decoration: none; border-right: 1px solid #e2e6eb;}
.rowgroup2 .box_link > a:last-child {border: none;}
.rowgroup2 .box_link > a .txt_div {display: table-cell; vertical-align: middle; width:100%; }
.rowgroup2 .box_link > a .tit {font-size: 18px;font-weight: bold;color: #000;margin-bottom: 2px;display: block;}
.rowgroup2 .box_link > a .txt {font-size: 16px;color: #777;letter-spacing: -0.05em;}
.rowgroup2 .box_link > a .icon {display: table-cell; vertical-align: middle; position: absolute; top:50%; right:10px; transform:translate(0,-50%)}
.rowgroup2 .box_link > a .icon span {display: inline-block;position: relative;width: 70px;height: 70px;background: #f4f5f9;border-radius: 50%;transition: all .3s ease;background: #f4f5f9;}
.rowgroup2 .box_link > a .icon span:after{display: block;content:"";width: 96%;height: 96%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: url("/template/centerA/images/main/sprite.png") no-repeat;}
.rowgroup2 .box_link > a:hover .icon span {box-shadow: 6px 0 13px rgba(70, 148, 135, .27); background: #006940;}

/*  아이콘 공통스타일로 수정 0927 */
.rowgroup2 .box_link > a .icon.icon1 span:after{background-position: 0 -275px;}
.rowgroup2 .box_link > a .icon.icon2 span:after{background-position: -71px -274px;}
.rowgroup2 .box_link > a .icon.icon3 span:after{background-position: -142px -274px;}
.rowgroup2 .box_link > a .icon.icon4 span:after{background-position: -215px -275px;}
.rowgroup2 .box_link > a .icon.icon5 span:after{background-position: -286px -275px;}

.rowgroup2 .box_link > a .icon.icon6 span:after{background-position: -355px -274px;}
.rowgroup2 .box_link > a .icon.icon7 span:after{background-position: -427px -276px;}
.rowgroup2 .box_link > a .icon.icon8 span:after{background-position: -499px -276px;}
.rowgroup2 .box_link > a .icon.icon9 span:after{background-position: -569px -275px;}
.rowgroup2 .box_link > a .icon.icon10 span:after{background-position: -639px -275px;}

.rowgroup2 .box_link > a .icon.icon11 span:after{background-position: -711px -275px;}
.rowgroup2 .box_link > a .icon.icon12 span:after{background-position: -783px -275px;}
.rowgroup2 .box_link > a .icon.icon13 span:after{background-position: -853px -275px;}
.rowgroup2 .box_link > a .icon.icon14 span:after{background-position: -923px -275px;}
.rowgroup2 .box_link > a .icon.icon15 span:after{background-position: -994px -274px;}

.rowgroup2 .box_link > a .icon.icon16 span:after{background-position: -1067px -274px;}

/* hover ov */
.rowgroup2 .box_link > a:hover .icon.icon1 span:after{background-position: 0 -347px;}
.rowgroup2 .box_link > a:hover .icon.icon2 span:after{background-position: -71px -345px;}
.rowgroup2 .box_link > a:hover .icon.icon3 span:after{background-position: -142px -345px;}
.rowgroup2 .box_link > a:hover .icon.icon4 span:after{background-position: -215px -347px;}
.rowgroup2 .box_link > a:hover .icon.icon5 span:after{background-position: -285px -347px;}

.rowgroup2 .box_link > a:hover .icon.icon6 span:after{background-position: -355px -345px;}
.rowgroup2 .box_link > a:hover .icon.icon7 span:after{background-position: -427px -347px;}
.rowgroup2 .box_link > a:hover .icon.icon8 span:after{background-position: -499px -347px;}
.rowgroup2 .box_link > a:hover .icon.icon9 span:after{background-position: -569px -346px;}
.rowgroup2 .box_link > a:hover .icon.icon10 span:after{background-position: -640px -347px;}

.rowgroup2 .box_link > a:hover .icon.icon11 span:after{background-position: -711px -346px;}
.rowgroup2 .box_link > a:hover .icon.icon12 span:after{background-position: -782px -346px;}
.rowgroup2 .box_link > a:hover .icon.icon13 span:after{background-position: -854px -347px;}
.rowgroup2 .box_link > a:hover .icon.icon14 span:after{background-position: -923px -346px;}
.rowgroup2 .box_link > a:hover .icon.icon15 span:after{background-position: -994px -345px;}

.rowgroup2 .box_link > a:hover .icon.icon16 span:after{background-position: -1067px -345px;}


@media screen and (max-width:1340px) {

}
@media screen and (max-width:1240px) {

  .rowgroup2 {padding: 0 ;}

}
@media screen and (max-width:1024px) {
  .rowgroup2 .innner_group {margin-top: 27px;}
  .rowgroup2 .innner_group .box_link {padding: 70px 44px;}
}
@media screen and (max-width:768px) {
  .rowgroup2 {padding: 0; margin-top: 0;}
  .rowgroup2 .box_link {flex-wrap: wrap; margin-top: 28px;}
  .rowgroup2 .box_link > a {margin-top: 32px; width: 50%; border-right: none; padding-left: 10px;}
  .rowgroup2 .box_link > a .icon {width: 46px; right:10px}
  .rowgroup2 .box_link > a .icon span {width: 46px; height: 46px;}
  .rowgroup2 .box_link > a .icon span:after{transform: translate(-50%, -50%) scale(.7);}
  .rowgroup2 .box_link > a:hover .icon span {box-shadow: 6px 0 13px rgba(70, 148, 135, .27);}


  /*  아이콘 공통스타일로 수정 0927 */
  .rowgroup2 .box_link > a .icon.icon1 span:after{background-position: -11px -284px;}
  .rowgroup2 .box_link > a .icon.icon2 span:after{background-position: -84px -284px;}
  .rowgroup2 .box_link > a .icon.icon3 span:after{background-position: -153px -284px;}
  .rowgroup2 .box_link > a .icon.icon4 span:after{background-position: -224px -284px;}
  .rowgroup2 .box_link > a .icon.icon5 span:after{background-position: -295px -284px;}

  .rowgroup2 .box_link > a .icon.icon6 span:after{background-position: -365px -284px;}
  .rowgroup2 .box_link > a .icon.icon7 span:after{background-position: -439px -284px;}
  .rowgroup2 .box_link > a .icon.icon8 span:after{background-position: -507px -285px;}
  .rowgroup2 .box_link > a .icon.icon9 span:after{background-position: -578px -284px;}
  .rowgroup2 .box_link > a .icon.icon10 span:after{background-position: -651px -284px;}
  .rowgroup2 .box_link > a .icon.icon11 span:after{background-position: -722px -284px;}
  .rowgroup2 .box_link > a .icon.icon12 span:after{background-position: -792px -284px;}
  .rowgroup2 .box_link > a .icon.icon13 span:after{background-position: -865px -284px;}
  .rowgroup2 .box_link > a .icon.icon14 span:after{background-position: -934px -287px;}
  .rowgroup2 .box_link > a .icon.icon15 span:after{background-position: -1005px -284px;}
  .rowgroup2 .box_link > a .icon.icon16 span:after{background-position: -1079px -286px;}
  /* hover ov */
  .rowgroup2 .box_link > a:hover .icon.icon1 span:after{background-position: -11px -354px;}
  .rowgroup2 .box_link > a:hover .icon.icon2 span:after{background-position: -84px -354px;}
  .rowgroup2 .box_link > a:hover .icon.icon3 span:after{background-position: -153px -354px;}
  .rowgroup2 .box_link > a:hover .icon.icon4 span:after{background-position: -224px -354px;}
  .rowgroup2 .box_link > a:hover .icon.icon5 span:after{background-position: -295px -354px;}
  .rowgroup2 .box_link > a:hover .icon.icon6 span:after{background-position: -365px -354px;}
  .rowgroup2 .box_link > a:hover .icon.icon7 span:after{background-position: -439px -354px;}
  .rowgroup2 .box_link > a:hover .icon.icon8 span:after{background-position: -507px -356px;}
  .rowgroup2 .box_link > a:hover .icon.icon9 span:after{background-position: -578px -354px;}
  .rowgroup2 .box_link > a:hover .icon.icon10 span:after{background-position: -651px -354px;}
  .rowgroup2 .box_link > a:hover .icon.icon11 span:after{background-position: -722px -354px;}
  .rowgroup2 .box_link > a:hover .icon.icon12 span:after{background-position: -792px -354px;}
  .rowgroup2 .box_link > a:hover .icon.icon13 span:after{background-position: -865px -354px;}
  .rowgroup2 .box_link > a:hover .icon.icon14 span:after{background-position: -934px -358px;}
  .rowgroup2 .box_link > a:hover .icon.icon15 span:after{background-position: -1005px -354px;}
  .rowgroup2 .box_link > a:hover .icon.icon16 span:after{background-position: -1079px -358px;}
}

@media screen and (max-width:550px) {
  .rowgroup2 .box_link > a {width: 100%;}
}

#foot_layout{margin-top:0}


.board.tab_layout .box.box1 .main-board__skin .board__nav-item .board__more {display:none !important;}

.board.tab_layout .box.box1 .main-board__skin .board__nav-item.active .board__more {
  display: inline-block !important;
}