body.main #header {background: #fff;}

/*._contentBuilder ._obj._objHtml ul li, ._contentBuilder ._obj._objTag ul li{margin-top:0;}*/
#multipleDiv_junghyun_87 {z-index: 0;}
#menuUItop .top_div .ul_1 .li_1.li_1_5184{display:none;}
#header .container .wrap-lnb{max-width:680px;}

/**
#multipleContentsDiv_junghyun_150 ._objHtml{position: absolute;top:50px;left:calc(calc(100% - 1200px) / 2 + 30px);z-index: 1001;display: none;}
#multipleContentsDiv_junghyun_150 ._objHtml + div._objHtml{bottom:30px;left:calc(calc(100% - 1200px) / 2 + 30px);top:unset;right:unset;}
#multipleContentsDiv_junghyun_150 ._objHtml + div._objHtml + div._objHtml{top:0;right:calc(calc(100% - 1200px) / 2);left:unset;bottom:unset;width: 300px;}
**/

/****다단 ID값으로 적용*****/

/**비주얼 상단 슬로건 - 사용안함**/
#menu5120_obj39{position: absolute;top:50px;left:calc(calc(100% - 1200px) / 2 + 30px);z-index: 1001;display: none;}
.visual-top-slogan span{font-size:24px;color:#fff;display:block;}
.visual-top-slogan strong{font-size:48px;color:#fff;display: block;margin-bottom:10px;}
.visual-top-slogan p{font-size:16px;color:#fff;}
.visual-top-slogan p i{display:block;}


/**비주얼 하단 슬라이드**/
.visual-text{position: absolute;bottom:30px;left:calc(calc(100% - 1200px) / 2 + 30px);top:unset;right:unset;z-index: 1001;opacity:0;}
.wrap-visual .slider li.slick-current .visual-text{opacity:1;}
.visual-bottom-slide {background:rgba(0,96,174,0.9);border-radius: 0 70px 0 0;max-width: 450px;padding: 18px 22px 50px;box-sizing: border-box;}
.visual-bottom-slide ul.slick-slider li{display: inline-block;vertical-align: top;margin-top:0 !important;}
.visual-bottom-slide strong{font-size:24px;color:#fff;display: block;position: relative;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;font-weight: 600;}
.visual-bottom-slide p{font-size:17px;color:#fff;width: 95%;line-height: 1.35;text-align: left;word-break: keep-all;height: 46px;overflow: hidden;}

@media all and (max-width:1300px) {
  .visual-text{left:30px;}
}

@media all and (max-width:1024px) {
  .visual-bottom-slide{max-width:380px;}
  .visual-bottom-slide strong{font-size:20px;}
  .visual-bottom-slide p{font-size:15px;}
}


@media all and (max-width:767px) {
  .visual-text{position:initial;width:100%;max-width:100%;}
  .visual-bottom-slide{max-width:100%;width:100%;border-radius:0;background:rgba(0,96,174,1);padding:18px 25px 40px;}
  .visual-bottom-slide strong{text-align:center;font-size:22px;}	
  .visual-bottom-slide p{text-align:center;width: 100%;}	
}


/**비주얼 우측 기부참여현황**/
#menu2171_obj4002{position: absolute;top:0;right:calc(calc(100% - 1200px) / 2);left:unset;bottom:unset;width: 300px !important;z-index: 1001;}
@media all and (max-width:1400px) {
  #menu2171_obj4002{right:0;width:35% !important;}
}

@media all and (max-width:1300px) {
  #menu2171_obj4002{right:0;width:30% !important;}
}

@media all and (max-width:1023px) {
  #menu2171_obj4002{width:36% !important;}
}

@media all and (max-width:767px) {
  #menu2171_obj4002{position:initial;width:100% !important;}
}

/**기부스토리**/
#menu2171_obj4019{overflow:visible;}


/**상단배너, 기부스토리, 이달의후원자**/
@media all and (max-width:1400px) {
  #multipleContentsDiv_junghyun_115,
  #multipleContentsDiv_fund_3983,
  #multipleContentsDiv_fund_1252{width:100%;padding-left:25px;padding-right:25px;box-sizing: border-box;}
}



@media all and (max-width:767px) {
  #multipleContentsDiv_junghyun_115,
  #multipleContentsDiv_fund_1252{padding-left:30px;padding-right:30px;}
  #multipleContentsDiv_fund_3983{padding-left:0;padding-right:0;}
}




.fund-status{background:#f4f4f4;width:100%;padding: 25px 22px;height: 500px;box-sizing: border-box;}
.fund-status .title{margin-bottom: 25px;position:relative;}
.fund-status .title strong{font-size: 30px;color:#444;display: block;font-weight: 600;}
.fund-status .title span{display: block;font-size:22px;color:#adadad;font-weight: 500;}
.fund-status .title a{background: url('../../images/status-more.png') no-repeat center;position:absolute;top: 10px;right:0;width:30px;height:30px;text-indent: -9999px;}
.fund-status .counts ul li{padding-bottom: 15px;}
.fund-status .counts ul li + li{
  padding-top: 17px;
  background-image: linear-gradient(to
	right, #dcdcdc 50%, rgba(255,255,255,0) 0%);
  background-position: top;
  background-size: 10px 1px;
  background-repeat: repeat-x;
  padding-bottom: 30px;
  margin-bottom: 25px;
  margin-top: 0 !important;
  border-bottom: 1px solid #d8d8d8;
}
.fund-status .counts ul li span{font-size: 16px;color:#666;}
.fund-status .counts ul li span strong{font-size: 16px;color:#333;}
.fund-status .counts ul li p{font-size:34px;color:#0060ae;letter-spacing: -1.5px;line-height: 1.25;font-weight: 600;}
.fund-status .fund-icon > ul{font-size:0;}
.fund-status .fund-icon > ul > li{display: inline-block;vertical-align: top;width:50%;font-size:17px;margin-top:0 !important;text-align: center;box-sizing: border-box;}
.fund-status .fund-icon > ul > li > a{display: block;font-size: 16.5px;line-height: 1.15;color:#6789d0;position:relative;}
.fund-status .fund-icon > ul > li + li{border-left:1px dashed #dcdcdc;}
.fund-status .fund-icon > ul > li + li > a{color:#46c9df;}
.fund-status .fund-icon > ul > li > a img{display: block;margin: 0 auto 5px;}
.fund-status .fund-icon > ul > li > a:hover img{animation-name:jump1;animation-duration: 1.5s;position:relative;}

@keyframes jump1 {
  0%{
	bottom:0;
  }
  15%{
	bottom:-3px;
  }
  35%{
	bottom:5px;
  }
  60%{
	bottom:0;
  }
}

@media all and (max-width:767px) {
  .fund-status{height:auto;padding: 30px;}
  .fund-status .title{line-height: 1.25;}
  .fund-status .title strong{font-size:27px;}
  .fund-status .title a{top:0;}
  .fund-status .counts ul li{line-height: 1.25;}
  .fund-status .fund-icon > ul > li > a img{margin:0 auto 10px;}
}

.main-quick{margin:35px 0 80px;}
.main-quick > ul{font-size:0;}
.main-quick > ul > li{margin-top:0 !important;width: calc(100% / 5 - 12px);display:inline-block;vertical-align: top;font-size:17px;}
.main-quick > ul > li + li{margin-left:15px;}
.main-quick > ul > li > a{display:block;font-size:20px;border:1px solid #bebebe;background:#efefef;padding:20px;height: 160px;position: relative;transition:all ease .3s;font-weight: 500;box-sizing: border-box;}
.main-quick > ul > li > a:hover{border:1px solid #0060ae;background:#0060ae;color:#fff;}
.main-quick > ul > li > a:before{content:'';width:36px;height: 10px;background:url('../../images/gray-arrow.png') no-repeat center;position: absolute;bottom:25px;left:30px;}
.main-quick > ul > li > a:hover:before{background:url('../../images/gray-arrow-on.png') no-repeat center;}
.main-quick > ul > li > a:after{content:'';width:75px;height: 75px;position: absolute;bottom:15px;right:12px;}
.main-quick > ul > li > a:hover:after{animation-name: jump2;animation-duration: 1.5s;}

.main-quick > ul > li:nth-child(1) > a:after{background: url('../../images/quick-icon01.png') no-repeat center;}
.main-quick > ul > li:nth-child(2) > a:after{background: url('../../images/quick-icon02.png') no-repeat center;}
.main-quick > ul > li:nth-child(3) > a:after{background: url('../../images/quick-icon03.png') no-repeat center;}
.main-quick > ul > li:nth-child(4) > a:after{background: url('../../images/quick-icon04.png') no-repeat center;}
.main-quick > ul > li:nth-child(5) > a:after{background: url('../../images/quick-icon05.png') no-repeat center;}

.main-quick > ul > li:nth-child(1) > a:hover:after{background: url('../../images/quick-icon01_on.png') no-repeat center;}
.main-quick > ul > li:nth-child(2) > a:hover:after{background: url('../../images/quick-icon02_on.png') no-repeat center;}
.main-quick > ul > li:nth-child(3) > a:hover:after{background: url('../../images/quick-icon03_on.png') no-repeat center;}
.main-quick > ul > li:nth-child(4) > a:hover:after{background: url('../../images/quick-icon04_on.png') no-repeat center;}
.main-quick > ul > li:nth-child(5) > a:hover:after{background: url('../../images/quick-icon05_on.png') no-repeat center;}

@keyframes jump2 {
  0%{
	bottom:15px;
  }
  15%{
	bottom:12px;
  }
  35%{
	bottom:27px;
  }
  60%{
	bottom:15px;
  }
}

@media all and (max-width:1023px) and (min-width:768px) {
  .main-quick{margin:40px auto 20px;}
  .main-quick > ul > li > a{font-size:18px;height: 115px;padding:10px 12px;}
  .main-quick > ul > li > a:before{left:12px;bottom:20px;}
  .main-quick > ul > li > a:after{right:-3px;width:65px;height:60px;background-size:contain !important;}
}

@media all and (max-width:767px) {
  .main-quick{margin:30px 0;}
  .main-quick > ul > li{width:100%;}
  .main-quick > ul > li + li{margin-left:0;margin-top:5px !important;}
  .main-quick > ul > li:nth-child(4){margin-top:5px !important;}
  .main-quick > ul > li:nth-child(5){margin-top:5px !important;}
  .main-quick > ul > li > a{height: 110px;font-size: 20px;padding: 16px 25px;}
  .main-quick > ul > li > a:before{left:25px;bottom: 17px;}
  .main-quick > ul > li > a:after{right: 30px;}
  .fund-status .fund-icon > ul > li > a{font-weight:500;}
}

.main-title{margin-bottom:25px;}
.main-title.topper{padding:0 25px;}
.main-title > strong{font-size:36px;color:#333;font-weight: 600;display:inline-block;vertical-align: middle;margin-right:15px;line-height: 1;}
.main-title > span{font-size: 17px;color:#666;font-weight: 300;display:inline-block;vertical-align: bottom;letter-spacing: -1px;}

@media all and (max-width:1400px) {
  .main-title.topper{padding:0;}
}

@media all and (max-width:1023px) {
  .main-title > span{display: none;}
}

@media all and (max-width:767px) {
  .main-title{margin-bottom:20px;}
  .main-title.topper{padding:0 30px;}
  .main-title > strong{font-size:27px;}
}

#menu2171_obj1255{overflow:visible;}
.fundWrap{border:5px solid #d1d1d1;padding:15px 0;margin-bottom:70px;position: relative;}
.fundWrap .boxwrap{height:80px;overflow:hidden;}
.fundWrap .boxwrap > ul{font-size:0;}
.fundWrap .boxwrap > ul > li{display: inline-block;vertical-align: top;width:calc(100% / 5);text-align: center;font-size:17px;color:#555;margin-top:0 !important;}
.fundWrap .fundBtn{position: absolute;top: -60px;right:0;}
.fundWrap .fundBtn > a{background: rgba(0,96,174,0.9) url('../../images/fund-downarrow.png') no-repeat center center;transition: all ease .3s;text-indent:-9999px;border-radius: 50%;width: 30px;height: 30px;display: inline-block;vertical-align: top;}
.fundWrap .fundBtn > a:hover{background:rgba(0,96,174,0.3) url('../../images/fund-downarrow.png') no-repeat center center;}
.fundWrap .fundBtn .prevBtn{margin-right: 3px;}
.fundWrap .fundBtn .nextBtn{transform: rotateX(180deg);}
.fundWrap .fundBtn .playStop{display:none;}

@media all and (max-width:1024px) {
  .fundWrap .boxwrap > ul > li{font-size:15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  .fundWrap .boxwrap{height:70px;}
  .fundWrap .fundBtn{right:5px;}
}

@media all and (max-width:767px) {
  .fundWrap{margin-bottom:60px;padding: 15px;}
  .fundWrap .boxwrap > ul > li{width:calc(100% / 2);}
  .fundWrap .boxwrap > ul + ul{display: none;}
}





/* pc */
@media (min-width:1024px) {
  #menuUItop .top_div .ul_1 .li_1.eQ02 .div_2 {text-align:center;}
  #menuUItop .top_div .ul_1 .li_1.eQ03 .div_2 {left: 0px !important;text-align: center;}
  #menuUItop .top_div .ul_1 .li_1.eQ05 .div_2 {left: auto !important;right: 0px !important;}
}

@media all and (max-width:1250px) {
  #header .container,
  #header .container .wrap-gnb .util-area,
  #footer .wrap-policy .container{width:100%;}
}

@media all and (max-width:1023px) {
  #header .container .wrap-logo img{vertical-align: top;}

  #header .container .wrap-logo h1 { padding-top: 17px; }
  #header .container .wrap-logo img { max-width: 220px; vertical-align: middle;}

  #footer .wrap-policy .container .policy-title { display: none; }
  #footer .wrap-policy .container ul { height: auto; text-align: center; padding: 15px 0; }
  #footer .wrap-policy .container ul li+li:before { top: 10px; }
  #footer .wrap-policy .container ul li a { line-height: 28px; font-weight: 200; }
  #footer .wrap-address { margin-top: 10px; }
  #footer .wrap-address .container .address { word-break: keep-all; padding: 0 20px; }
  #siteUrl { height: 40px; line-height: 40px; }
  #footer .wrap-policy .container .family-site { margin-top: -14px; }
  #footer .wrap-policy .container .family-site input[type=submit] { line-height: 40px; }
}

#footer .wrap-policy .container .policy-title { line-height: 55px; }
/*#footer .wrap-policy .container ul { height: 40px; } */

.wrap-slide .slider li{
  -webkit-box-shadow:rgb(0 0 0 / 25%) 2px 3px 10px;
}


.wrap-visual ul li{display:inline-block;vertical-align:top;}