/*서브비주얼****************************************/
.eQ01 .wrap-sub-visual{background:url(/sites/counseling/images/common/sub_visual_1.jpg?ver=20220802) 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;}


.service-list .service-box:nth-child(even) {
  width: 49%;
}
.sponsor-text {
  border: none;
  background-color: #fff;
  padding: 10px 0;
  text-align: left;
}
.sponsor-account {
  color: #333;
}
.sponsor-call-text {
  margin-top: 0px;
  font-size: 23px;
}

.service-quick {
  width: 100%;
  float: left;
  margin-bottom: 24px;
}
/*로고메뉴조정****************************************/
@media all and (min-width:1024px){
  .wrap-header .head-logo{width: 300px;}
}
@media all and (max-width: 1023px){
  .wrap-header .container .btn-mgnb button {
    background: url(/sites/counseling/images/button/btn_gnb_wh.png) no-repeat center center;
    background-size: contain;
}
  .service-list .service-box:first-child {
	width: 100%;
  }
  .service-list .service-box:nth-child(even) {
	margin-top: 20px;
	float: left;
  }
  .service-list .service-box:last-child {
	float: right;
  }
  .service-quick {
	width: 50%;
	float: left;
	margin-bottom: 20px;
  }
}
@media all and (max-width: 768px){
  .service-list .service-box:nth-child(even) {
	width: 100%;
  }
}

.service-quick:nth-child(1) .service-quick-image {
  background: url(/sites/counseling/images/main/quick_1.png);
  background-size: cover;
}

.service-quick:nth-child(2) .service-quick-image {
  background: url(/sites/counseling/images/main/quick_2.png);
  background-size: cover;
}
.service-quick:nth-child(3) .service-quick-image {
  background: url(/sites/counseling/images/main/quick_31.png);
  background-size: cover;
}

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

@media all and (min-width: 1024px) and (max-width: 1250px) {
	.service-list .service-box{width: 23.8%;}
	.service-list .service-box:nth-child(even){float:left;}
	.service-list .service-box:nth-child(n+3){margin-top: 0;}
}

/*자가진단 모달*/
.hr{
  display: flex;
  flex-basis: 100%;
  align-items: center;
  color: #333;
  font-size: 12px;
  margin: 8px 0px;
}
.hr::before,
.hr::after {
  content: "";
  flex-grow: 1;
  background: #333;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
  margin: 0px 16px;
}

.modal .score{
  font-size: 50px;
  font-weight: bold;
  padding-top: 50px;
}

.modal .title{
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 50px;
}

.modal .con{
  padding-bottom: 50px;
  font-size: 18px;
}
.modal1_con,.modal2_con,.modal3_con,.modal4_con{border: 1px solid #e6e6e6;border-radius: 10px;}
.modal1 .score{
  color: #007dfd;
}
.modal2 .score{
  color: #ffcf1d;
}
.modal3 .score{
  color: #fd8102;
}
.modal4 .score{
  color: #f30e0e;
}

.result{
  float: right;
  margin-top: 30px;
  margin-right: 10px;
}

/******************************************************
photoSlide - SlideShowOff
******************************************************/
._contentBuilder ._obj._objImage .dummyImageDataList{position:relative;height:100%}
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage{height:100%}
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideThumb{text-align:center;margin-bottom:10px}
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideThumb .imageDataList.imageType_thumb{display:inline-block;zoom:1;*display:inline}
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideThumb .imageDataList.imageType_thumb li{overflow:hidden;float:left;border-width:2px;border-style:solid;cursor:pointer;margin:0;background:0 0}
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideThumb .imageDataList.imageType_thumb li img
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideThumb .imageDataList.imageType_thumb li img{width:100%!important;height:100%!important}
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideViewer a{display:block}
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideViewer img{display:block;max-width:100%;width:auto!important;width:100%;margin:0 auto}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff{height:100%}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .imageDataList{position:relative;overflow:hidden;height:100%}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .imageDataList.imageType_slide li{text-align:center;padding:0;margin:0;background:0 0;height:100%}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .imageDataList.imageType_slide li img{display:block;max-width:100%;width:auto!important;width:100%;height:100%}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .jshowoff-controls .jshowoff-prev,._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .jshowoff-controls .jshowoff-next{position:absolute;top:50%;text-indent:-5000px}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .jshowoff-controls .jshowoff-play{display:none}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .jshowoff-controls .jshowoff-prev{left:0}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .jshowoff-controls .jshowoff-next{right:0}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .jshowoff-controls a{width:32px;height:52px;margin-top:-26px;background:url(/Web-home/content/skin/skin1/images/btnHandler.gif) no-repeat}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .jshowoff-controls .jshowoff-prev{background-position:0 0}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .jshowoff-controls .jshowoff-next{background-position:-32px 0}
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideThumb{height:54px}
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideThumb .imageDataList.imageType_thumb li{border-color:#fff;width:60px!important;}
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideThumb .imageDataList.imageType_thumb li._active{border-color:#000}