@charset "utf-8";

.table-bx {display: table; width: 100%; height: 100%; table-layout: fixed;}
.table-cell-bx {display:table-cell; vertical-align: middle; height: 100%;}

.multipleContentsDiv, .multipleDiv {width: 100%; height: 100%;}

/* responsive web 초기화 */
.fp-enabled body.fp-responsive {overflow-y: auto;}
.fp-tableCell > div {position: relative; z-index: 2; height: auto !important;}

@media all and (max-width: 1023px){
  .fp-enabled body.tempmain {padding-top: 70px;}
  .fp-table, .fp-tableCell {display: block !important; height: auto !important;}
}

/* side :: 사이드영역 */
body #fp-nav.right {
  /* right: 50%; margin-right: -900px; */
  right: 47px;
  position: absolute;
}

body #fp-nav ul {position: relative;}
body #fp-nav ul::before {content: ""; position: absolute; width: 1px; height: calc(100% - 25px); background: #E1E1E1; left: 50%; top: 12.5px; margin-left: -0.5px;}

body #fp-nav ul li .fp-tooltip.right {
  right: 20px;
  top: 4px;
}

body #fp-nav ul li:last-child {
  display: none;
}

body #fp-nav ul li, body .fp-slidesNav ul li {
  width: 25px;
  height: 25px;
  margin: 15px 0;
}

body #fp-nav ul li a span, body .fp-slidesNav ul li a span {
  position: static;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #E1E1E1;
  margin: 0;
  vertical-align: middle;
}

body #fp-nav ul li a, body .fp-slidesNav ul li a {
  position: relative;
  text-align: center;
  line-height: 21px;
}

body #fp-nav ul li a.active span::before, body .fp-slidesNav ul li a.active span::before, body #fp-nav ul li:hover a.active span::before, body .fp-slidesNav ul li:hover a.active span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 1px solid #5373AD;
  border-radius: 50%;
  background: none;
  text-align: center;
  vertical-align: middle;
  line-height: 19px;
  margin: 0;
}

body #fp-nav ul li a.active span, body .fp-slidesNav ul li a.active span, body #fp-nav ul li:hover a.active span, body .fp-slidesNav ul li:hover a.active span {
  display: inline-block;
  margin: 0;
  width: 11px;
  height: 11px;
  background: #5373AD;
  border-radius: 50%;
  vertical-align: middle;
}

body #fp-nav ul li:hover a span, body .fp-slidesNav ul li:hover a span {
  width: 15px;
  height: 15px;
  margin: 0;
}


@media all and (max-width: 1200px) {
  .section-line::before {
	/* right: 20px; */
	display: none;
  }

  body #fp-nav.right {
	right: 8px;
  }

  body #fp-nav ul li .fp-tooltip {
	display: none;
  }
}

@media all and (max-width: 500px) {
  .section-line::before {
	right: 15px;
  }

  body #fp-nav.right {
	right: 4px;
  }
}

/* 메인 컨텐츠 영역 */
.pc-blank {display: block;}
.section-container {max-width: 1600px; margin: 0 auto;}

@media all and (max-width: 1640px){
  .section-container {padding: 0 20px;}
}

@media all and (max-width: 1023px){
  .pc-blank {display: inline-block;}
}

/* 첫번째 영역 */
#multipleDiv_type1_29 .fp-tableCell::after {content: ""; position: absolute; width: 100%; height: 100%; right: 0; bottom: 0; background: url("../../images/main/main_bg1.png") no-repeat right bottom; background-size: contain; z-index: -1;}
.main-top-wrap {padding-top: 6%;}
.main-top-wrap::after {content: ""; display: block; clear: both;}
.main-top-wrap .main-top-txt {float: left; width: 58%; padding-top: 9%;}
.main-top-wrap .top-txt-inner {position: relative; display: inline-block; padding: 50px 0 0 11%;}
.main-top-wrap .top-txt-inner::before {content: ""; position: absolute; width: 132px; height: 81px; background: url("../../images/icon/ic_left_dot.png") no-repeat; left: 0; top: 0; z-index: 1;}
.main-top-wrap .top-txt-inner::after {content: ""; position: absolute; width: 132px; height: 81px; background: url("../../images/icon/ic_right_dot.png") no-repeat; right: 0; bottom: 0; z-index: 1;}
.main-top-wrap .top-txt-inner p {position: relative; z-index: 2; font-size: 31px; line-height: 45px; color: #434343;}
.main-top-wrap .top-txt-inner p strong {display: block; margin-top: 25px; font-size: 45px; color: #005bac; font-family:'S-CoreDream-5Medium';}

.main-top-wrap .main-top-btn {padding-left: 11%; margin-top: 55px;}
.main-top-wrap .main-top-btn .btn-inner {display: inline-block; vertical-align: middle; width: 200px; height: 60px;}
.main-top-wrap .main-top-btn .btn-inner:first-child {}
.main-top-wrap .main-top-btn a {display: block; vertical-align: middle; line-height: 56px; text-align: center; border: 2px solid #544992; background: #544992; border-radius: 30px; font-size: 18px; color: #fff; transition: all 0.5s;}
.main-top-wrap .main-top-btn a:hover {color: #544992; background: #fff;}
.main-top-wrap .main-top-btn a.style1 {border: 2px solid #1C458E; background: #1C458E;}
.main-top-wrap .main-top-btn a.style1:hover {background: #fff; color: #1C458E;}

.main-top-wrap .main-top-img {float: right; width: 42%; text-align: right; opacity: 1; transform: scale(1); transition: opacity 1s, transform 1s; transition-delay: 0.5s;}
.main-top-wrap .main-top-img img {animation: upDown 1.5s ease-in-out infinite;}

/* 전화번호*/
.main-top-txt .m_call_center{padding: 50px 9% 0 11%;max-width: 788px;}
.main-top-txt .m_call_center ul{padding: 20px 45px 20px;border: 8px solid #ddd;border-radius: 40px;}
.main-top-txt .m_call_center ul li{font-size: 26px;position: relative;line-height: 1.5;}
.main-top-txt .m_call_center ul li +li{margin-top: 0}
.main-top-txt .m_call_center ul li strong{display: inline-block;line-height: 1;border-radius: 20px;margin-right: 10px;}
.main-top-txt .m_call_center ul li span{display: block;font-size: 15px;}

@media all and (max-width: 1280px) {
	.main-top-txt .m_call_center{
    padding: 50px 0% 0 11%;
}
  .main-top-wrap .main-top-btn .btn-inner{width:auto;}
  .main-top-wrap .main-top-btn a{padding: 0 30px;}

}

@media all and (max-width: 1023px) {
	.main-top-txt .m_call_center{padding: 50px 10% 0 0;}
	.main-top-wrap .main-top-btn .btn-inner{width:180px;}
  }

@media all and (max-width: 768px){
	.main-top-wrap .main-top-btn .btn-inner + .btn-inner{margin-top:10px}
	.main-top-wrap .main-top-btn .btn-inner{width:100%;}
    .main-top-txt .m_call_center{ padding: 50px 0 0 0;} 
  	.main-top-txt .m_call_center ul{padding: 20px 23px 20px;}
	.main-top-txt .m_call_center ul li +li{margin-top: 16px;font-size: 25px;}  
	.main-top-txt .m_call_center ul li strong{display: block;font-size: 16px;color: #1c458e;font-weight: bold;}
}


/* 두번째 영역 */
#multipleDiv_type1_temp01_18::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: url("../../images/main/main_bg2.png") no-repeat left bottom; background-size: contain; z-index: -1;}

.main-work-wrap {padding-top: 5%;}
.main-work-wrap .main-work-info {float: right; width: 33%;}
.main-work-wrap .main-work-list {}
.main-work-wrap .main-work-list ul {margin: 0 -2.5%;}
.main-work-wrap .main-work-list ul::after {content: ""; display: block; clear: both;}
.main-work-wrap .main-work-list ul li {float: left; width: 50%; padding: 0 2.5%; margin-bottom: 30px;}
.main-work-wrap .main-work-list ul li .list-inner {position: relative; border: 1px solid #33499E; border-radius: 20px; text-align: center; padding: 0 20px; transition: all 0.3s; overflow: hidden; background: #fff;}
.main-work-wrap .main-work-list .list-inner::before {content: ""; position: absolute; right: 0; top: -10px; font-family: 'Play'; font-size: 50px; line-height: 50px; color: rgba(108, 108, 108, 0.2);}
.main-work-wrap .main-work-list .title {font-size: 24px; line-height: 45px; color: #33499e; font-family:'S-CoreDream-5Medium'; padding: 20px 0;}
.main-work-wrap .main-work-list .info {display: table; width: 100%; height: 110px;}
.main-work-wrap .main-work-list .info span {display: table-cell; width: 100%; height: 100%; vertical-align: middle; font-size: 18px; line-height: 24px; color: #6c6c6c; word-break: keep-all; letter-spacing: -0.5px;}

.main-work-wrap .main-work-list .style1 .list-inner {background: #33499E;}
.main-work-wrap .main-work-list .style1 .list-inner::before {color: rgba(255, 255, 255, 0.2);}
.main-work-wrap .main-work-list .style1 .title {position: relative; color: #fff;}
.main-work-wrap .main-work-list .style2 .title {border-bottom: 1px solid #99A4CE;}
.main-work-wrap .main-work-list .style1 .title::after {content: ""; position: absolute; width: 100%; height: 1px; background: url("../../images/icon/ic_mainline.png"); left: 0; bottom: 0;}
.main-work-wrap .main-work-list .style1 .info span {color: #fff;}

.main-work-wrap .main-work-list .num1 .list-inner::before {content: "01";}
.main-work-wrap .main-work-list .num2 .list-inner::before {content: "02";}
.main-work-wrap .main-work-list .num3 .list-inner::before {content: "03";}
.main-work-wrap .main-work-list .num4 .list-inner::before {content: "04";}

.main-work-hashtag {margin: 0 -7px;}
.main-work-hashtag span {display: inline-block; vertical-align: middle; border-radius: 20px; font-size: 14px; line-height: 40px; color: #989898; font-family:'S-CoreDream-3Light'; border: 1px solid #A2A2A2; padding: 0 20px; margin: 5px 7px; background: #fff;}

.main-work-wrap .main-work-img {float: left; width: 67%; opacity: 1; transform: scale(1); transition: opacity 1s, transform 1s; transition-delay: 0.5s;}
.main-work-wrap .main-work-img img {animation: upDown 1.5s ease-in-out infinite;}

.main-work-wrap .main-work-list ul li:hover .list-inner {box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.29);}

/* 세번째 영역 */
#multipleDiv_type1_temp01_7::after {content: ""; position: absolute; width: 100%; height: 100%; right: 0; bottom: 0; background: url("../../images/main/main_bg3.png") no-repeat right bottom; background-size: contain; z-index: -1;}

.main-type-wrap {padding-top: 6%;}
.main-type-wrap::after {content: ""; display: block; clear: both;}
.main-type-wrap .main-type-info {float: left; width: 50%;}
.main-type-wrap .main-type-list {position: relative;}
.main-type-wrap .main-type-list::before {content: ""; position: absolute; width: 390px; height: 390px; border-radius: 50%; left: 50%; margin-left: -195px; top: 50%; margin-top: -195px; background: rgba(143, 180, 255, 0.1); z-index: -1;}
.main-type-wrap .main-type-list ul {display: flex; flex-wrap: wrap;}
.main-type-wrap .main-type-list ul::after {content: ""; display: block; clear: both;}
.main-type-wrap .main-type-list ul li {position: relative; width: 50%; text-align: center; padding: 30px 0 80px;}
.main-type-wrap .main-type-list ul li::before {content: ""; position: absolute; width: 90px; height: 90px; z-index: 1;}
.main-type-wrap .main-type-list .num {position: relative; z-index: 2; font-size: 50px; color: rgba(156, 160, 235, 0.6); font-family: 'Play';}
.main-type-wrap .main-type-list .title {position: relative; z-index: 2; font-size: 24px; line-height: 30px; color: #242424; font-family:'S-CoreDream-5Medium';}
.main-type-wrap .main-type-list .info {position: relative; z-index: 2; font-size: 16px; line-height: 23px; color: #6c6c6c; word-break: keep-all; width: 50%; margin: 20px auto 0;}

.main-type-wrap .main-type-list .list1 {border-right: 1px solid rgba(162, 162, 162, 0.5); border-bottom: 1px solid rgba(162, 162, 162, 0.5);}
.main-type-wrap .main-type-list .list1::before {background: url("../../images/main/main_type1.png") no-repeat; right: 10px; bottom: 10px;}
.main-type-wrap .main-type-list .list2 {border-bottom: 1px solid rgba(162, 162, 162, 0.5);}
.main-type-wrap .main-type-list .list2::before {background: url("../../images/main/main_type2.png") no-repeat; left: 10px; bottom: 10px;}
.main-type-wrap .main-type-list .list3 {border-right: 1px solid rgba(162, 162, 162, 0.5);}
.main-type-wrap .main-type-list .list3::before {background: url("../../images/main/main_type3.png") no-repeat; right: 10px; top: 10px;}
.main-type-wrap .main-type-list .list4::before {background: url("../../images/main/main_type4.png") no-repeat; left: 10px; top: 10px;}

.main-type-wrap .main-type-img {float: right; width: 50%; padding-right: 6%; text-align: right; opacity: 1; transform: scale(1); transition: opacity 1s, transform 1s; transition-delay: 0.5s;}
.main-type-wrap .main-type-img img {animation: upDown 1.5s ease-in-out infinite;}

/* 네번째 영역 */
#multipleDiv_type1_temp01_29::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: url("../../images/main/main_bg4.png") no-repeat left bottom; background-size: contain; z-index: -1;}

.main-service-wrap {padding-top: 6%;}
.main-service-wrap::after {content: ""; display: block; clear: both;}
.main-service-wrap .main-service-info {position: relative; float: right; width: 42%;}
.main-service-wrap .service-info-inner {position: relative; overflow: hidden; padding: 40% 40px 0; text-align: center;}
.main-service-wrap .service-info-bx {position: relative; z-index: 2;}
.main-service-wrap .service-info-inner::before {content: ""; position: absolute; left: 50%; margin-left: -28.5%; top: 0; width: 57%; height: 100%; background: url("../../images/main/sevice_back_bg.png") no-repeat center; background-size: contain;}
.main-service-wrap .service-info1 {position: absolute; width: 41.5%; padding: 0 7px; height: 100%; top: 0; left: 50%; margin-left: -20.75%;}
.main-service-wrap .service-info1::before {content: ""; position: absolute; width: 112px; height: 124px; background: url("../../images/main/service_bg1.png") no-repeat; right: -40px; top: 20px; z-index: -1;}
.main-service-wrap .service-info1::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 54%; background: url("../../images/main/main_service_bg1.png") no-repeat top center; background-size: contain; z-index: 1;}
.main-service-wrap .service-info2 {position: relative; float: left; margin-right: 7%; width: 46.5%; padding: 0 7px; height: 310px;}
.main-service-wrap .service-info2::before {content: ""; position: absolute; width: 112px; height: 124px; background: url("../../images/main/service_bg2.png") no-repeat; left: -40px; top: 20px; z-index: -1;}
.main-service-wrap .service-info2::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../../images/main/main_service_bg2.png") no-repeat top center; background-size: contain; z-index: 1;}
.main-service-wrap .service-info3 {position: relative; float: left; width: 46.5%; padding: 0 7px; height: 310px;}
.main-service-wrap .service-info3::before {content: ""; position: absolute; width: 112px; height: 124px; background: url("../../images/main/service_bg3.png") no-repeat; right: -40px; top: 20px; z-index: -1;}
.main-service-wrap .service-info3::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../../images/main/main_service_bg3.png") no-repeat top center; background-size: contain; z-index: 1;}

.main-service-wrap .service-info-inner .title {position: relative; font-size: 24px; line-height: 45px; color: #fff; font-family:'S-CoreDream-5Medium'; padding: 24% 0 8%;}
.main-service-wrap .service-info-inner .title::before {content: ""; position: absolute; width: 100%; height: 1px; background: url("../../images/icon/ic_mainline.png"); left: 0; bottom: 0;}
.main-service-wrap .service-info-inner .info {font-size: 18px; line-height: 20px; color: #fff; padding-top: 11%; word-break: keep-all;}

.main-service-wrap .main-service-img {float: left; width: 58%; padding-right: 6%; opacity: 1; transform: scale(1); transition: opacity 1s, transform 1s; transition-delay: 0.5s;}
.main-service-wrap .main-service-img img {animation: upDown 1.5s ease-in-out infinite;}

/* effect 효과 */
@keyframes upDown {
	0% {
		transform:  translateY(0px);
	}
	50% {
		transform: translateY(10px);
	}
	100% {
		transform:  translateY(0px);
	}
}

/* 상담문의 */
#multipleDiv_bhs_18 .fp-tableCell::after {content: "";position: absolute;width: 100%;height: 100%;right: 0;bottom: 0;background: url("../../images/main/main_bg1.png") no-repeat right bottom;background-size: contain;z-index: -1;}
.hours-info-wrap{}
.hours-info-wrap h2{font-size: 40px;color: #404040;line-height: 50px;font-family: 'S-CoreDream-5Medium';font-weight: bold;margin-bottom: 34px;}
.hours-info-wrap .hours-info{}
.hours-info-wrap .hours-info + .hours-info{margin-top: 60px;}
.hours-info-wrap .hours-info .title{display: block; text-indent: -9999px; position: absolute;}
.hours-info-wrap .hours-info ul{display: block;}
.hours-info-wrap .hours-info ul li{position: relative;line-height: .9;margin-top: 56px;font-size: 33px;font-weight: bold;color:#4d4d4d;padding-left: 71px;}
.hours-info-wrap .hours-info ul li:before{content:"";width:57px;height:57px;display: inline-block;background:url(/sites/bhs/images/icon/bhs_icon_m.png) no-repeat;position: absolute;top: -12px;left: 0;}

.hours-info-wrap .hours-info ul li strong{display: inline-block;font-weight: bold;margin: 0 13px 0 0;}
.hours-info-wrap .hours-info ul li:nth-child(1):before{}
.hours-info-wrap .hours-info ul li:nth-child(2):before{background-position: 0 -75px;}
.hours-info-wrap .hours-info ul li:nth-child(3):before{background-position: 0 -151px;}
.hours-info-wrap .hours-info ul li:nth-child(4):before{background-position: 0 -151px;}
.hours-info-wrap .hours-info ul li:nth-child(5):before{background-position: 0 -226px;}
.hours-info-wrap .hours-info ul li:nth-child(5){font-size: 38px;margin-top: 71px;}
.hours-info-wrap .hours-info ul li:nth-child(5) span{display:block;font-size:21px;padding: 18px 0 0 0;}

@media all and (max-width: 1400px){
	.hours-info-wrap .hours-info ul li{font-size: 30px;}	
	.hours-info-wrap .hours-info ul li:nth-child(5){font-size: 32px;}
	.hours-info-wrap .hours-info ul li:nth-child(5) span{font-size: 18px;}
}

@media all and (max-width: 1280px){
	.hours-info-wrap .hours-info ul li{margin-top: 36px;}
	.hours-info-wrap .hours-info ul li:nth-child(5){margin-top: 50px;}
	.hours-info-wrap .hours-info ul li:nth-child(5) span{font-size: 15px;}
	.hours-info-wrap .hours-info ul li:before{top: 0;}
	.hours-info-wrap .hours-info ul li strong{display:block;margin: 0 13px 11px 0;font-size: 18px;}
}

@media all and (max-width: 1023px) {
}

@media all and (max-width: 768px){
	.hours-info-wrap {margin: 40px 0 100px;padding: 0 20px;}
	.hours-info-wrap h2{font-size: 30px;}	
	.hours-info-wrap .hours-info ul li{font-size: 23px;}	
	.hours-info-wrap .hours-info ul li:nth-child(5){font-size: 32px;}
	.hours-info-wrap .hours-info ul li:nth-child(5) span{font-size: 15px;padding: 10px 0 0 0;line-height: 1.4;}
}




@media all and (min-width: 1361px){
  .tempmain #fp-nav.right {right: -50px; opacity: 0; transition: all 0.75s;}
  .tempmain #fp-nav.right.effect {right: 47px; opacity: 1;}

  /* 첫번째 항목 효과 */
  .tempmain #multipleDiv_type1_29 .fp-tableCell::after {content: ""; position: absolute; width: 0; height: 100%; right: 0; bottom: 0; background: url("../../images/main/main_bg1.png") no-repeat right bottom; transition: all 1.5s; z-index: -1;}
  .tempmain #multipleDiv_type1_29.effect .fp-tableCell::after {width: 100%; max-width: 1303px;}

  .tempmain .main-top-wrap .main-top-img {opacity: 0; transform: scale(0);}
  .tempmain #multipleDiv_type1_29.effect .main-top-wrap .main-top-img {opacity: 1; transform: scale(1);}

  .tempmain .top-txt-inner {transform: translateX(-200px); opacity: 0; transition: all 1s; transition-delay: 0.35s;}
  .tempmain #multipleDiv_type1_29.effect .top-txt-inner {transform: translateX(0); opacity: 1;}

  .tempmain .main-top-wrap .main-top-btn {overflow: hidden;}
  .tempmain .main-top-wrap .main-top-btn .btn-inner {transform: translateY(50px); opacity: 0; transition: all 1s; transition-delay: 0.35s;}
  .tempmain #multipleDiv_type1_29.effect .main-top-wrap .main-top-btn .btn-inner {transform: translateY(0px); opacity: 1;}


  .tempmain .main-top-wrap .main-top-txt .m_call_center {transform: translateY(50px); opacity: 0; transition: all 1s; transition-delay: 0.35s;}
  .tempmain #multipleDiv_type1_29.effect .main-top-wrap .main-top-txt .m_call_center {transform: translateY(0px); opacity: 1;}
  
  
  
  /* 두번째 항목 효과 */
  .tempmain #multipleDiv_type1_temp01_18::after {content: ""; position: absolute; width: 0; height: 100%; left: 0; bottom: 0; background: url("../../images/main/main_bg2.png") no-repeat left bottom; transition: all 1.5s; z-index: -1;}
  .tempmain #multipleDiv_type1_temp01_18.effect::after {width: 100%; max-width: 1257px;}

  .tempmain .main-work-wrap .main-work-img {opacity: 0; transform: scale(0);}
  .tempmain #multipleDiv_type1_temp01_18.effect .main-work-wrap .main-work-img {opacity: 1; transform: scale(1);}

  .tempmain .main-work-wrap .main-work-list ul li {transform: scale(0); opacity: 0; transition: all 1s;}
  .tempmain #multipleDiv_type1_temp01_18.effect .main-work-wrap .main-work-list ul li {transform: scale(1); opacity: 1;}
  .tempmain .main-work-wrap .main-work-list ul li.num1 {transition-delay: 0.3s;}
  .tempmain .main-work-wrap .main-work-list ul li.num2 {transition-delay: 0.4s;}
  .tempmain .main-work-wrap .main-work-list ul li.num3 {transition-delay: 0.5s;}
  .tempmain .main-work-wrap .main-work-list ul li.num4 {transition-delay: 0.6s;}

  .tempmain .main-work-hashtag {transform: translateY(50px); opacity: 0; transition: all 1s; transition-delay: 0.6s;}
  .tempmain #multipleDiv_type1_temp01_18.effect .main-work-hashtag {transform: translateY(0px); opacity: 1;}

  /* 세번째 항목 효과 */
  .tempmain #multipleDiv_type1_temp01_7::after {content: ""; position: absolute; width: 0; height: 100%; right: 0; bottom: 0; background: url("../../images/main/main_bg3.png") no-repeat right bottom; transition: all 1.5s; z-index: -1;}
  .tempmain #multipleDiv_type1_temp01_7.effect::after {width: 100%; max-width: 1079px;}

  .tempmain .main-type-wrap .main-type-img {opacity: 0; transform: scale(0);}
  .tempmain #multipleDiv_type1_temp01_7.effect .main-type-img {opacity: 1; transform: scale(1);}

  .tempmain .main-type-wrap .main-type-list {transform: scale(0); opacity: 0; transition: all 0.5s;}
  .tempmain #multipleDiv_type1_temp01_7.effect .main-type-wrap .main-type-list {transform: scale(1); opacity: 1;}

  .tempmain .main-type-wrap .main-type-list .num {overflow: hidden; transform: translateY(50px); opacity: 0; transition: all 1s; transition-delay: 0.5s;}
  .tempmain .main-type-wrap .main-type-list .title {overflow: hidden; transform: translateY(50px); opacity: 0; transition: all 1s; transition-delay: 0.6s;}
  .tempmain .main-type-wrap .main-type-list .info {overflow: hidden; transform: translateY(50px); opacity: 0; transition: all 1s; transition-delay: 0.7s;}

  .tempmain #multipleDiv_type1_temp01_7.effect .main-type-wrap .main-type-list .num, .tempmain #multipleDiv_type1_temp01_7.effect .main-type-wrap .main-type-list .title, .tempmain #multipleDiv_type1_temp01_7.effect .main-type-wrap .main-type-list .info {transform: translateY(0px); opacity: 1;}

  /* 네번째 항목 효과 */
  .tempmain #multipleDiv_type1_temp01_29::after {content: ""; position: absolute; width: 0; height: 100%; left: 0; bottom: 0; background: url("../../images/main/main_bg4.png") no-repeat left bottom; transition: all 1.5s; z-index: -1;}
  .tempmain #multipleDiv_type1_temp01_29.effect::after {width: 100%; max-width: 1080px;}

  .tempmain .main-service-wrap .main-service-img {opacity: 0; transform: scale(0);}
  .tempmain #multipleDiv_type1_temp01_29.effect .main-service-img {opacity: 1; transform: scale(1);}

  .tempmain .main-service-wrap .service-info-inner {transform: scale(0); opacity: 0; transition: all 0.5s;}
  .tempmain #multipleDiv_type1_temp01_29.effect .main-service-wrap .service-info-inner {opacity: 1; transform: scale(1);}

  .tempmain .service-info1 {transform: scale(0); opacity: 0; transition: all 1s; transition-delay: 0.5s;}
  .tempmain #multipleDiv_type1_temp01_29.effect .service-info1 {opacity: 1; transform: scale(1);}
  .tempmain .service-info2 {transform: scale(0); opacity: 0; transition: all 1s; transition-delay: 0.6s;}
  .tempmain #multipleDiv_type1_temp01_29.effect .service-info2 {opacity: 1; transform: scale(1);}
  .tempmain .service-info3 {transform: scale(0); opacity: 0; transition: all 1s; transition-delay: 0.7s;}
  .tempmain #multipleDiv_type1_temp01_29.effect .service-info3 {opacity: 1; transform: scale(1);}

  /* 다섯번째 영역 */
 .tempmain #multipleDiv_bhs_18  .fp-tableCell::after {content: ""; position: absolute; width: 0; height: 100%; right: 0; bottom: 0; background: url("../../images/main/main_bg1.png") no-repeat right bottom; transition: all 1.5s; z-index: -1;}
  .tempmain #multipleDiv_bhs_18.effect .fp-tableCell::after {width: 100%; max-width: 1303px;} 
  .tempmain .wrap-notice {transform: perspective(750px) translate3d(0, 0, -250px) rotateX(27deg) scale(0.9, 0.9); opacity: 0; transition: all 0.75s;}
  .tempmain .fp-section.effect .wrap-notice {transform: translate3d(0, 0, 0); opacity: 1; transition: all 0.75s;}
  .tempmain .hours-info-wrap {transform: perspective(750px) translate3d(0, 0, -250px) rotateX(27deg) scale(0.9, 0.9); opacity: 0; transition: all 1s;}
  .tempmain .fp-section.effect .hours-info-wrap  {transform: translate3d(0, 0, 0); opacity: 1; transition: all 1s;}
 

}

@media all and (max-width: 1400px){
  /* 네번째 영역 */
  .main-service-wrap .main-service-info {width: 46%;}
  .main-service-wrap .main-service-img {width: 54%;}
}

@media all and (max-width: 1200px){
  /* 네번째 영역 */
  .main-service-wrap .main-service-info {width: 56%;}
  .main-service-wrap .main-service-img {width: 44%; padding-right: 3%;}
}

@media all and (max-width: 1023px) {
  /* 첫번째 영역 */
  #multipleDiv_type1_29 .fp-tableCell::after {background-size: cover;}
  .main-top-wrap {padding: 50px 0;}
  .main-top-wrap .main-top-txt {float: none; width: 100%; padding-top: 0; margin-bottom: 30px;}
  .main-top-wrap .top-txt-inner {padding: 50px 20px 0;}
  .main-top-wrap .top-txt-inner p {word-break: keep-all; font-size: 24px; line-height: 32px;}
  .main-top-wrap .top-txt-inner p strong {font-size: 35px; line-height: 42px; margin-top: 15px;}

  .main-top-wrap .main-top-btn {padding-left: 20px; margin-top: 35px;}
  .main-top-wrap .main-top-btn .btn-inner {width: 47%; max-width: 160px; height: auto;}
  .main-top-wrap .main-top-btn .btn-inner:first-child {margin-right: 10px;}
  .main-top-wrap .main-top-btn .btn-inner a {font-size: 14px; line-height: 22px; padding: 10px;}

  .main-top-wrap .main-top-img {width: 51%;}

  /* 두번째 영역 */
  #multipleDiv_type1_temp01_18 {padding: 50px 0;}
  #multipleDiv_type1_temp01_18::after {background-size: cover;}
  .main-work-wrap {padding-top: 0;}
  .main-work-wrap .main-work-info {float: none; width: 100%;}
  .main-work-wrap .main-work-list .title {font-size: 20px; line-height: 35px;}
  .main-work-wrap .main-work-list .info span {font-size: 14px; line-height: 20px;}

  .main-work-hashtag {margin: 0 -3px;}
  .main-work-hashtag span {margin: 5px 3px;}

  .main-work-wrap .main-work-img {display: none;}

  /* 세번째 영역 */
  #multipleDiv_type1_temp01_7 {padding: 0px 0;}
  #multipleDiv_type1_temp01_7::after {display: none;}
  #multipleDiv_type1_temp01_7 .section-container {padding: 0;}
  .main-type-wrap {padding-top: 0;}
  .main-type-wrap .main-type-info {float: none; width: 100%;}
  .main-type-wrap .main-type-list .num {font-size: 40px;}
  .main-type-wrap .main-type-list .title {font-size: 20px; line-height: 26px;}
  .main-type-wrap .main-type-list .info {font-size: 14px; line-height: 20px;}

  .main-type-wrap .main-type-img {display: none;}

  /* 네번째 영역 */
  #multipleDiv_type1_temp01_29 {padding: 40px 0 0;}
  .main-service-wrap {padding-top: 0;}
  .main-service-wrap .main-service-info {float: none; width: 100%; text-align: center;}
  .main-service-wrap .main-service-img {display: none;}
  .main-service-wrap .service-info-inner {padding: 32% 40px 0; display: inline-block;}
  .main-service-wrap .service-info-inner .info{font-size:14px;line-height:20px;}
  .main-service-wrap .service-info1, .main-service-wrap .service-info2, .main-service-wrap .service-info3 {max-width: 277px;}

  /* 다섯번째 영역 */
  #multipleContentsDiv_bhs_18 {padding: 50px 0;}
}

@media all and (max-width: 768px){
  /* 네번째 영역 */
  #multipleDiv_type1_temp01_29::after {display: none;}
  .main-service-wrap .service-info-inner {padding: 0; display: block;}
  .main-service-wrap .service-info-inner::before {display: none;}
  .main-service-wrap .service-info-inner .title {padding: 20px 0; font-size: 20px; line-height: 30px;}
  .main-service-wrap .service-info-inner .info {padding: 20px 0; font-size: 15px; line-height: 22px;}

  .main-service-wrap .service-info1, .main-service-wrap .service-info2, .main-service-wrap .service-info3 {max-width: none;}
  .main-service-wrap .service-info1 {position: static; width: 100%; margin-left: 0; background: #2E85FF;}
  .main-service-wrap .service-info1::before, .main-service-wrap .service-info1::after {display: none;}
  .main-service-wrap .service-info2 {float: none; margin-right: 0; width: 100%; height: auto; background: #3661C6; margin-top: 10px;}
  .main-service-wrap .service-info2::before, .main-service-wrap .service-info2::after {display: none;}
  .main-service-wrap .service-info3 {float: none; width: 100%; height: auto; background: #30B3A9; margin-top: 10px;}
  .main-service-wrap .service-info3::before, .main-service-wrap .service-info3::after {display: none;}
}

@media all and (max-width: 450px){
  /* 세번째 영역 */
  .main-work-wrap .main-work-list ul {margin: 0;}
  .main-work-wrap .main-work-list ul li {float: none; width: 100%; padding: 0; margin-bottom: 10px;}
  .main-work-wrap .main-work-list .info {height: auto; padding: 20px 0;}

  .main-work-wrap .main-work-list .num3 .list-inner {background: #33499E;}
  .main-work-wrap .main-work-list .num3 .list-inner::before {color: rgba(255, 255, 255, 0.2);}
  .main-work-wrap .main-work-list .num3 .title {position: relative; color: #fff; border-bottom: 0;}
  .main-work-wrap .main-work-list .num3 .title::after {content: ""; position: absolute; width: 100%; height: 1px; background: url("../../images/icon/ic_mainline.png"); left: 0; bottom: 0;}
  .main-work-wrap .main-work-list .num3 .info span {color: #fff;}

  .main-work-wrap .main-work-list .num4 .list-inner {position: relative; border: 1px solid #33499E; border-radius: 20px; text-align: center; padding: 0 20px; transition: all 0.3s; overflow: hidden; background: #fff;}
  .main-work-wrap .main-work-list .num4 .list-inner::before {content: "04"; position: absolute; right: 0; top: -10px; font-family: 'Play'; font-size: 50px; line-height: 50px; color: rgba(108, 108, 108, 0.2);}
  .main-work-wrap .main-work-list .num4 .title {color: #33499e;}
  .main-work-wrap .main-work-list .num4 .title::after {display: none;}
  .main-work-wrap .main-work-list .num4 .info span {color: #6c6c6c;}
  .main-work-wrap .main-work-list .num4 .title {border-bottom: 1px solid #99A4CE;}

  /* 네번째 영역 */
  .main-type-wrap .main-type-list::before {display: none;}
  .main-type-wrap .main-type-list ul {display: block;}
  .main-type-wrap .main-type-list ul li {width: 100%; padding: 30px 0 50px; border: 0 !important; border-bottom: 1px solid rgba(162, 162, 162, 0.5) !important;}
  .main-type-wrap .main-type-list .info {width: 80%;}
}




#multipleDiv_bhs_18{overflow: hidden;}