/*서브비주얼****************************************/
.eQ01 .wrap-sub-visual {background: url(/sites/heac/images/common/sub_visual_1.jpg) no-repeat center top;background-size: cover;}
.eQ02 .wrap-sub-visual {background: url(/sites/styleguide/images/common/sub_visual_2.jpg) no-repeat center top;background-size: cover;}
.eQ03 .wrap-sub-visual {background: url(/sites/styleguide/images/common/sub_visual_3.jpg) no-repeat center top;background-size: cover;}
.eQ04 .wrap-sub-visual {background: url(/sites/styleguide/images/common/sub_visual_4.jpg) no-repeat center top;background-size: cover;}
.eQ05 .wrap-sub-visual {background: url(/sites/styleguide/images/common/sub_visual_5.jpg) no-repeat center top;background-size: cover;}
.eQ06 .wrap-sub-visual {background: url(/sites/styleguide/images/common/sub_visual_6.jpg) no-repeat center top;background-size: cover;}

.wrap-footer .address p span a.white {color: #fff;}
.service-quick-text {margin-left: 10px;}
/*@media (min-width: 1025px) {
  .service-quick {margin-bottom: 55px;}
}*/
 .service-quick {margin-bottom: 55px;}
.background-image_5 {background-image: url(/sites/heac/images/main//background_5.png);}

.donation-gallery {width: 100%; height: 300px; background: url(/sites/heac/images/main/location.png) no-repeat top center; background-size: cover; display: table;}

.heac_02 {width: 100%; padding: 50px 50px 500px 50px; background: url(/sites/heac/images/sub/heac_01_02_01_bg.png) no-repeat top center;}
.heac_02 .con>div {width: 45%; height: auto; float: left; margin-right: 10%; margin-bottom: 18%;}
.heac_02 .con>div:nth-child(2), .heac_02 .con>div:nth-child(4) {margin-right: 0;}
.heac_02 .box_1, .box_iC {float: left;}
.heac_02 .con>div>p {width: 100%; padding: 4% 5%; float: left; font-size: 100%; font-weight: bold; color: #fff; background-size: 100% 100%;}
.heac_02 .con>div>p>span {margin-left: 3%;}
.heac_02 .list1 p {background: url(/sites/heac/images/sub/heac_01_02_01.png) no-repeat;}
.heac_02 .list2 p {background: url(/sites/heac/images/sub/heac_01_02_02.png) no-repeat;}
.heac_02 .list3 p {background: url(/sites/heac/images/sub/heac_01_02_03.png) no-repeat;}
.heac_02 .list4 p {background: url(/sites/heac/images/sub/heac_01_02_04.png) no-repeat;}
.heac p.title {font-size: 28px; margin-bottom: 2%;}

.left-layout .left-menu #menuUIsub .a_2 {padding: 20px 50px 20px 40px;}

#menu1729_obj380 .con-list1 {margin-bottom: 50px;}

.g_logo {width: 3%;}

.heac img {width: 80%;}
.heac .box_1 {width: 37%; padding: 5px; text-align: center;}
.heac .left {float: left; margin-left: 13%;}
.heac .right {float: right; margin-right: 13%;}

@media (max-width: 1800px) {
  .heac_02 .con>div>p {font-size: 80%;}
}

/*로고메뉴조정****************************************/
@media all and (min-width:1024px){
  .wrap-header .head-logo{width: 370px;}
}
@media all and (min-width:1024px) and (max-width:1400px){
  .wrap-header .head-navi .div_1 .a_1 span.inner{padding: 0 8px;}
  .wrap-header .head-navi .div_1 .a_1{font-size: 16px;}
  .wrap-header .head-logo .logo-img span {width: 170px;}
}

@media (max-width: 1023px) {
  .wrap-header .container .btn-mgnb button {background: url(/sites/heac/images/button/btn_gnb_wh.png) no-repeat center center; background-size: contain;}
}

@media (max-width: 768px) {
  .heac_02 .con>div {width: 100%; margin-right: 0; margin-bottom: 10%;}
  .heac_02 .con>div>p {font-size: 100%;}
  .g_logo {width: 6%;}
  .heac p.title {font-size: 19px;}
  .heac img {width: 100%;}
  .heac .box_1 {width: 50%; padding: 5px; text-align: center; font-size: 11px;}
  .heac .left {margin-left: 0;}
  .heac .right {margin-right: 0;}
}

@media (max-width: 1023px){
  .sponsor-call-text {float: none;}
}
@media (max-width: 420px){
  .sponsor-image{display:none;}
  .service-quick{margin-bottom: 0px;}
}

.core{display: flex; justify-content: center; flex-wrap: wrap;}
.circle-btn {position: relative; display: flex; cursor: pointer; margin: 10px;}
.circle-btn::before {content: ""; position: absolute; width: 24px; height: 24px; border-radius: 50%; background: #fff; right: 8px; top: 8px; z-index: 1;}
.circle-btn-inner {position: relative; border: 2px solid #737373; border-radius: 50%; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);}
.active .circle-btn-inner {background:#eeeeee;}
.circle-btn-inner::before {content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #278BE9; right: 12.5px; top: 12.5px; z-index: 2;}
.red .circle-btn-inner::before {content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #f65960; right: 12.5px; top: 12.5px; z-index: 2;}
.green .circle-btn-inner::before {content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #22ae41; right: 12.5px; top: 12.5px; z-index: 2;}
.skyblue .circle-btn-inner::before {content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #5bc3ea; right: 12.5px; top: 12.5px; z-index: 2;}
.yellow .circle-btn-inner::before {content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #ffb513; right: 12.5px; top: 12.5px; z-index: 2;}
.purple .circle-btn-inner::before {content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #8d78fb; right: 12.5px; top: 12.5px; z-index: 2;}
.circle-btn-inner p {display: table; width: 120px; height: 120px;}
.circle-btn-inner p span {display: table-cell; text-align: center; vertical-align: middle; font-size: 16px; line-height: 20px; color: #333;}