@charset "utf-8";
body{max-width:1920px; margin: 0 auto; background-image: url(../../images/common/background.png); background-size: cover;} /*전체 body 가운데로*/
select, input{height: auto; line-height: 1.6;}
._contentBuilder{width: 100%; max-width: 1750px; height: 900px;} /*컨텐츠 영역 가운데로*/
#multipleDiv_agency_temp02_803{position:absolute; top: 0; left: 50%; margin-left: -875px;} /*비주얼 슬라이더 영역*/
#multipleDiv_agency_temp02_812{position: absolute; top: 180px; left: 36%; width: 40%;}/*공지사항 영역*/
#multipleDiv_agency_temp02_814{float: right; width: 350px; top: 200px;}/*웹진, 서비스 영역*/
#menu11008_obj813{overflow: visible;}/*공지사항 그림자영역 표시 */

.service-wrap{height: 284px; overflow: hidden; position: relative; clear: both;}
.service-wrap ul{width: 90%;}
.service-wrap li{overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #ced4dd;}
.service-wrap li p span{position: relative;}
.service-wrap li p span::after{content:""; display: block; position: absolute; width: 0%; height: 1px; background-color: #0767de; left: 0; bottom: 0; transition: all .3s;}
.service-wrap li:hover p span{color: #0767de; }
.service-wrap li:hover p span::after{width: 100%;}
.service-wrap li:hover .service-arrow{background-image: url(../../images/common/service_arrow_hover.png);}
.service-wrap li:last-child{border-bottom: 0;}
.service-wrap a{padding: 17px 0; display: block;}
.service-image{width: 60px; height: 60px; border-radius: 50%; float: left; margin-right: 14px;}
.service-wrap li:nth-child(1) .service-image{background-color: rgba(39,122,255,0.45);}
.service-wrap li:nth-child(1) .service-logo,.service-wrap li:nth-child(4) .service-logo{width: 32px; height: 33px; background-image: url(../../images/common/service_logo_1.png); margin: 13.5px 0 0 14px}
.service-wrap li:nth-child(2) .service-image,.service-wrap li:nth-child(5) .service-image{background-color: rgba(250,201,104,1);}
.service-wrap li:nth-child(2) .service-logo,.service-wrap li:nth-child(5) .service-logo{width: 32px; height: 34px; background-image: url(../../images/common/service_logo_2.png); margin: 13px 0 0 14px}
.service-wrap li:nth-child(3) .service-image,.service-wrap li:nth-child(6) .service-image{background-color: rgba(61,72,113,0.45);}
.service-wrap li:nth-child(3) .service-logo,.service-wrap li:nth-child(6) .service-logo{width: 27px; height: 32px; background-image: url(../../images/common/service_logo_3.png); margin: 14px 0 0 16.5px}
.service-wrap li:nth-child(4) .service-image{background-color: rgba(198,210,230,1);}
.service-wrap li:nth-child(4) .service-logo{width: 29px; height: 28px; background-image: url(../../images/common/service_logo_4.png); margin: 16px 0 0 15.5px;}
.service-wrap li p{margin-top: 15px; float: left; font-weight: 500; font-family:'Noto DemiLight'; font-size: 20px; width: calc(100% - 110px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.service-arrow{float: right; width: 24px; height: 19px; background-image: url(../../images/common/service_arrow.png); background-size: cover; margin-top: 20.5px;}

@media all and (max-width:1620px){
  #multipleDiv_agency_temp02_803{top: 0 ; left: 0; margin-left: 0;} /*비주얼 슬라이더 영역*/
}

@media all and (max-width:1600px){
  ._contentBuilder{padding: 0 10px;}/*컨텐츠영역 옆 여유있게*/
}
@media all and (max-width:1544px){
  #multipleDiv_agency_temp02_812{left: 30%; } /*공지사항 영역*/
}

@media all and (max-width:1250px){
  ._contentBuilder{padding: 0;} /*컨텐츠 영역 여유*/
  #multipleDiv_agency_temp02_814{width: 300px;}/*웹진, 서비스영역*/
  #menu11008_obj815{overflow: visible;}/*웹진 화살표 영역 표시*/
  .service-wrap ul{margin: 0 auto;}
  #multipleDiv_agency_temp02_812{position: static; width: 95%; margin: 0 auto; margin-top: 580px;} /*공지사항 영역*/
  
  #multipleDiv_agency_temp02_803{width: 100%;}/*메인 비주얼 슬라이더 width*/
  #menu11008_obj805{width: 100%; height : 600px;}/*메인 비주얼 슬라이더 height*/
  ._contentBuilder{height : auto; overflow: hidden;}  /*전체영역 height 조절*/
  #multipleDiv_agency_temp02_814{width: 100%; float: none; top: 0; overflow: hidden; margin-bottom: 50px;} /*웹진, 서비스 영역*/
  #multipleContentsDiv_agency_temp02_814{width: 95%; margin: 0 auto;} /*웹진, 서비스 영역 전체 wrap*/
  #menu11008_obj815{width: 45%; float: left;} /*웹진 영역*/
  #menu11008_obj816{width: 45%; float: right;} /*서비스 영역*/
  .service-wrap{height: 358px;}
}

@media all and (max-width:768px){
  #menu11008_obj815,#menu11008_obj816{width: 100%; float: none;} /*웹진영역, 서비스영역 세로정렬*/
  #menu11008_obj805{height: 450px;} /*메인 비주얼 height값*/
  #multipleDiv_agency_temp02_812{margin-top: 440px;} /*컨텐츠 영역 위치*/
}




.wrap-popup{z-index: 1;}