@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

 #container {padding-top: 100rem; min-height: 700rem;}

 /* sub-visual */
 .area-subVisual {position: relative; height: 647rem; background-repeat: no-repeat; background-size: cover; background-position: center; border-bottom-left-radius: 100rem; overflow: hidden;}
 .area-subVisual:before{content:''; display:block; opacity:0.25; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:#000;}
 .area-subVisual i {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}
 .area-subVisual i {animation:visualScale 8s both;}
 .sub-visual__inr {position: absolute; left: 50%; top: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: 100%; padding-top: 100rem; color: #fff; transform: translateX(-50%); z-index: 11;}
 .sub-visual__inr h2 {margin-bottom: 20rem; font-size: 65rem; font-weight: 700; overflow: hidden;}
 .sub-visual__inr em {font-size: 24rem;}
 .sub-visual__inr p,
 .sub-visual__inr p span {overflow:hidden;display: block;}
 .sub-visual__inr p > span {animation: visual_text_motion 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

 .area-subVisual[data-subLayout="about"] i{background-image: url(../images/content/sub-visual01.jpg);}
 .area-subVisual[data-subLayout="business"] i{background-image: url(../images/content/sub-visual02.jpg);}
 .area-subVisual[data-subLayout="children"] i{background-image: url(../images/content/sub-visual03.jpg);}
 .area-subVisual[data-subLayout="customer"] i{background-image: url(../images/content/sub-visual04.jpg);}
  .area-subVisual[data-sublayout="customer"]:before{opacity:0.35;}

  /* lnb */
 .area_lnb {margin-top: -40rem; opacity: 0; animation: slideUp 1.2s ease .1s forwards; z-index: 51;}
 .area_lnb_inr {display: flex; align-items: center; height: 80rem; padding: 0 30rem; background: #fff; border-radius: 40rem 40rem 50rem 40rem; animation: lnbRadius 1.2s ease-in-out .5s forwards; box-shadow: 9rem 7rem 20rem rgba(115, 115, 115, .1);}
 .area_lnb_inr .lnb-depth {display: none; position: relative; min-width: 220rem; padding: 0 30rem;}
 .area_lnb_inr .lnb-depth::after {position: absolute; left: 0; top: 50%; content:''; width: 1px; height: 27rem; background:#636363; opacity: .2; transform: translateY(-50%);}
 .area_lnb_inr .lnb-depth > button {display:block; position: relative; width:100%; box-sizing:border-box; padding-right: 30rem; background-color:transparent; text-align:left; font-size: 18rem; font-weight: 500; color: var(--color-black); cursor: pointer;}
 .area_lnb_inr .lnb-depth > button::after {position: absolute; right: 0; top: 6rem; content:''; width: 15rem; height: 15rem; background:url(/images/board/btn_pager.svg) no-repeat center / contain; opacity: .2; transform-origin: center; transform: rotate(90deg);}
 .area_lnb_inr .lnb-depth > nav {display: none; position:absolute; top:62rem; left: 50%; width:100%; padding: 12rem; background:var(--color-point); border-radius: 5rem; box-shadow:10rem 10rem 20rem 0rem rgba(0, 0, 0, 0.1); transition:all 0.4s ease-out; transition-property:opacity, top, visibility; transform: translateX(-50%); transition-delay:0s, 0s, 0s; box-sizing: border-box;}
 .area_lnb_inr .lnb-depth > nav a {display:block; position:relative; padding:8rem; font-size:15rem; color:rgba(255, 255, 255, .9); transition:all 0.3s ease 0s;}
 .area_lnb_inr .lnb-depth > nav a:hover{color: #fff;}
 .area_lnb_inr .lnb-depth:has(nav li) {display: block;}
 .area_lnb_inr .lnb-depth .box {display: none;}
 .area_lnb .btn-home {display: flex; align-items: center; justify-content: center; width: 80rem; height: 100%; font-size: 0;}
 .area_lnb .btn-home img {width: 14rem; opacity: .5;}

 @keyframes slideUp{
	0%{opacity: 0; transform: translateY(50rem);}
	100%{opacity: 1; transform: translateY(0);}
}

@keyframes lnbRadius{
	0%{border-top-right-radius: 40rem;}
	100%{border-top-right-radius: 0;}
}

/* common */
a.btn-basic {transition: .3s ease-in;}
.btn-download {display: inline-block; min-width: 150rem; padding: 15rem 20rem; border-radius: 7rem; background: var(--color-point); transition: .3s;}
.btn-download span {display: flex; justify-content: center; align-items: center; font-size: 17rem; font-weight: 600; color: #fff;}
.btn-download span::after {content:''; width: 15rem; height: 15rem; margin-left: 12rem; background: url(/images/content/ic-download.svg) no-repeat center / contain;}
.btn-download:hover {background: #111;}

/* snb */
.snb {display: none;}
.snb > ul {display: flex; align-items: center; text-align: center;}

/* list */
.dot-list li {position: relative; padding-left: 12rem; font-size: 18rem; color: #303030;}
.dot-list li::before {position: absolute; left: 0; top: 8rem; content:''; width: 3rem; height: 3rem; border-radius: 100%; background: var(--color-orange);}

.bar-list li {position: relative; padding-left: 12rem; margin: 3rem 0; font-size: 18rem; color: #333;}
.bar-list li::before {position: absolute; left: 0; top: 6rem; content:'-'; line-height: 1;}

.numb-list {counter-reset:list-number;}
.numb-list li {position: relative; counter-increment:list-number; margin: 6rem 0; padding-left: 35rem;}
.numb-list li::before {position: absolute; left:0; top: 3rem; content:counter(list-number); display: inline-block; width: 23rem; height: 23rem; line-height: 24rem; font-size: 15rem; font-weight: 600; color: var(--color-point); text-align: center; border-radius: 100%; border: 1px solid var(--color-point);}

.notice span {display: inline-block; line-height: 1; padding: 0 3rem; font-size: 17rem; font-weight: 600; color: #333 !important; background: rgba(81, 201, 108, .1);}

/* sub-img */
.sub-img-wrap .sub-img__inr {position: relative; height: 490rem; border-radius: 35rem; overflow: hidden;}
.sub-img-wrap i {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; animation:visualScale 8s both;}
.sub-img-wrap .section-title {position: absolute; left:0; top: 0;}

/* section-title */
.section-title {display: inline-block; min-width: 190rem; padding: 20rem 35rem; line-height: 1; font-size: 25rem; font-weight: 600; color: #fff; text-align: center; text-transform: uppercase; background: var(--color-point); border-radius: 35rem; border-top-right-radius: 0;}

/* sub-title */
.sub-title-wrap {opacity: 0; margin-bottom: 50rem; animation: slideUp 1.2s ease .3s forwards;}
.sub-title-wrap h3 {position: relative; padding-left: 72rem; font-size: 42rem; font-weight: 700; color: var(--color-black);}
.sub-title-wrap h3::before {position: absolute; left: 0; top: 7rem; content:''; width: 46rem; height: 46rem; background-image: url(/images/common/symbol.svg); background-repeat: no-repeat; background-size: contain; background-position: center;}

/* about */
.area-about .sub-img-wrap i {background-image: url(/images/content/about-img.jpg);}
.about-cont {text-align: center;}
.about-cont__title {margin: 70rem 0 50rem;}
.about-cont__title i {display: inline-block; margin-bottom: 35rem;}
.about-cont__title i img {width: 95rem;}
.about-cont__title p {font-size: 28rem; font-weight: 500; color: #303030;}
.about-cont__title h4 {margin-top: 10rem; font-size: 48rem; font-weight: 700; color: var(--color-black);}
.about-cont__title h4 strong {color: var(--color-point);}
.about-cont dl {line-height: 1.8; font-size: 18rem; font-weight: 500; color: var(--color-basic);}
.about-cont dd + dd {margin-top: 30rem;}
.about-partner {margin-top: 130rem; padding: 135rem 0; background: #f8f8f8;}
.about-partner__list {margin-top: 55rem;}
.about-partner a {display: block; text-align: center; font-size: 18rem; color: var(--color-black);} 
.about-partner div {display: flex; align-items: center; justify-content: center; height:190rem; margin-bottom: 20rem; border-radius: 20rem; border: 1px solid #e7e7e7; background-color: #fff; transition:.3s; box-sizing: border-box;}
.about-partner div img {max-width: 227rem; max-height: 80rem;}
.about-partner a:hover div,
.about-partner a:focus div{border-width: 4rem; border-color: var(--color-point);}

/* history */
.history-cont {margin-bottom: 150rem; text-align: center;}
.history-cont__inr {position: relative; display: flex; flex-direction: column; padding-top: 120rem;}
.history-cont__inr::before {position: absolute; left: 50%; top: 0; content:''; width: 1px; height: 160rem; background: var(--color-point);}
.history-item {position: relative; width: 50%; margin-left: auto; padding:0 60rem 110rem; padding-right: 0; text-align: left; box-sizing: border-box;}
.history-item::before {position: absolute; left: 0; top: 35rem; content: ''; width: 1px; height: 100%; background: #eaeaea;}
.history-item::after {position: absolute; left: 0; top: 35rem; content: ''; width: 1px; height: 0; background: var(--color-point); transition: height .7s;}
.history-item:last-child {padding-bottom: 0 !important;}
.history-item:last-child::before {height: 0;}
.history-item i {position: absolute; left: -4rem; top: 33rem; width: 9rem; height: 9rem; border-radius: 100%; background: #c5c5c5; transition: var(--ani-basic);}
.history-item i::before {position: absolute; left:50%; top: 50%; content:''; width: 21rem; height: 21rem; border-radius: 100%; background: #bcbcbc; transform: translate(-50%, -50%); opacity: .2; transition: var(--ani-basic);}
.history-item h4 {margin-bottom: 20rem; font-size: 50rem; font-weight: 600; color: var(--color-black);}
.history-item dl {display: flex; align-items: center;}
.history-item dl + dl {margin-top: 15rem;}
.history-item dt {display: inline-block; min-width: 65rem; margin-right: 25rem; padding: 4rem 17rem 3rem; font-weight: 500; color: #fff; text-align: center; border-radius: 50rem; background:#dd7403;}
.history-item.active i,
.history-item.active i::before{background:var(--color-point);}
.history-item.active::after {height: 100%;}
.history-item:last-child.active::after {height: 0;}
.history-item:nth-child(2n) {margin-left: 0; padding-left: 0; padding-right: 60rem; text-align: right;}
.history-item:nth-child(2n)::before,
.history-item:nth-child(2n)::after {left: auto; right: -1px;}
.history-item:nth-child(2n) i {left: auto; right: -5rem;}
.history-item:nth-child(2n) dl {flex-direction: row-reverse;}
.history-item:nth-child(2n) dt {margin-left: 25rem; margin-right: 0;}
.history-item:nth-child(2n) .dot-list li {padding-right: 12rem;}
.history-item:nth-child(2n) .dot-list li::before {left: auto; right: 0;}

/* location */
.loaction-cont {position: relative; overflow: hidden;}
.loaction-cont .root_daum_roughmap_landing {width: 120%; margin-left: -20%;}
.loaction-cont .root_daum_roughmap .wrap_map {height: 715rem;}
.loaction-cont .map_border,
.loaction-cont .root_daum_roughmap .wrap_controllers {display: none !important;}
.location-cont__inr {position: absolute; left: 50%; top: 0; z-index: 1; height: 100%; padding: 65rem 0; transform: translate(-50%, 0); box-sizing: border-box;}
.loaction-cont__box {position: relative; z-index: 1; width: 540rem; height: 100%; float: right; border-radius: 40rem; border-top-right-radius: 0; background: var(--color-point); overflow: hidden;}
.loaction-cont__box::before {position: absolute; right: -35rem; bottom: 20rem; content:''; width: 330rem; height: 347rem; background: url(/images/common/symbol-green.svg) no-repeat center / contain; opacity: .7;}
.loaction-cont__box h4 {padding: 35rem 50rem 30rem; line-height: 1; font-size: 25rem; font-weight: 600; color: #fff; text-transform: uppercase; border-bottom: 1px solid rgba(255, 255, 255, .2);}
.loaction-cont__info {display: flex; flex-direction: column; padding: 45rem 50rem; color: #fff;}
.loaction-cont__info dl {position: relative;}
.loaction-cont__info dt {margin-bottom: 8rem; font-size: 22rem; font-weight: 600;}
.loaction-cont__info dd {margin-bottom: 30rem; font-size: 18rem; font-weight: 300;}
.loaction-cont .footer-top__sns {position: absolute; right: 50rem; top: 20rem;}
.loaction-cont .footer-top__sns a {background: rgba(88, 40, 40, 0.1);}
.loaction-cont .btn-basic {position: relative; min-width: 195rem;  margin-left: auto;  font-weight: 700; border-radius: 30rem 0 50rem 30rem; transition: var(--ani-basic);}
.loaction-cont .btn-basic.white:hover {background: #111; color: #fff;}

/* business-list */
.area-business {margin-bottom: 150rem;}
.area-business .pagination {margin-top: 100rem;}
.area-business .btn-wrap {text-align: center;}
.business-category {display: flex; justify-content: center; align-items: center;}
.business-category li {position: relative;}
.business-category li::before {opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; content:''; width: 100%; height: 100%; border-radius: 30rem; border-top-right-radius: 0 !important; background: var(--color-point); transition: var(--ani-basic);} 
.business-category a {position: relative; display: block; padding: 35rem 35rem; text-align: center; font-size: 18rem; color: var(--color-basic);}
.business-category br {display: none;}
.business-category i {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 53rem; margin-bottom: 18rem;}
.business-category i img {position: absolute; left: 50%; top: 50%; display: inline-block; height: 100%; transform: translate(-50%, -50%);}
.business-category i img.on {opacity: 0; visibility: hidden;}
.business-category li:first-child a {padding: 35rem 60rem;}
.business-category li:first-child i img {height: 45rem;}
.business-category li.on::before {opacity: 1; visibility: visible;}
.business-category li.on a {color: #fff;}
.business-category li.on img {opacity: 0; visibility: hidden;}
.business-category li.on img.on {opacity: 1; visibility: visible;}
.business-search {margin: 43rem 0 95rem;}
.business-search form {padding: 60rem 0; background: #f8f8f8;}
.business-search form > div {position: relative; display: inline-block; width: 44%;}
.business-search input[type=text] {width: 100%; height: 65rem; padding: 0 30rem; margin: 0; font-size: 16rem;  border-radius: 7rem; border: 1px solid #e3e3e3; box-sizing: border-box;}
.business-search input[type=text]::placeholder {font-size: 16rem; color: var(--color-basic);}
.business-search .button {position: absolute; right: 0; top: 0; min-width: 80rem; height: 100%; margin: 0; padding: 0; font-size: 0; background: url(/images/content/ic-search.svg) no-repeat center / 25rem; filter: grayscale(1);}
.business-search .button:hover {filter: none;}
.business-search input[type=text]:focus {border-color: var(--color-point);}
.business-search input[type=text]:focus ~ .button {filter: none;}
.business-list {gap: 80rem 40rem;}
.business-list a {display: block; text-align: center; font-size: 18rem; font-weight: 500; color: #303030; word-break: break-all;}
.business-list span {display: block; margin-top: 10rem; font-size: 26rem; font-weight: 800; color: var(--color-black);}
.business-img {position: relative; width: 100%; height: 290rem; margin-bottom: 30rem; border-radius: 30rem; overflow: hidden; background:url(/images/content/noimage.jpg) no-repeat center / cover;}
.business-img img {width: 100%; height: 100%; object-fit: cover;}
.business-img::after {position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; border: 0 solid var(--color-point); border-radius: 30rem; box-sizing: border-box; transition: .3s;}
.business-list a:hover .business-img::after {border-width: 4rem;}

/* business-view */
.product-img {overflow: hidden; position: relative; width: 660rem; height: 490rem; background:url(/images/content/noimage.jpg) no-repeat center / cover; border-radius: 20rem;}
.product-img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.product-img i {position: absolute; right: 30rem; bottom: 30rem; border-top-right-radius: 0;}

.product-info {width: calc(100% - 660rem); padding-left: 90rem; box-sizing: border-box;}
.product-info__title {margin-top: 25rem; border-bottom: 1px solid #ddd;}
.product-info__title em {display: inline-block; line-height: 1; padding: 8rem 12rem 6rem; font-weight: 500; color: #fff; border-radius: 50rem; background-color: var(--color-point);}
.product-info__title h3 {display: block; margin: 20rem 0 30rem; font-size: 32rem; font-weight: 700; color: var(--color-black);}
.product-info__txt {overflow: auto; line-height: 1.8; height: 215rem; padding: 35rem 0; font-size: 17rem; color: var(--color-basic); border-bottom: 1px dashed #ddd;}
.product-info__price {align-items: center; margin: 25rem 0; font-size: 18rem; color: var(--color-black);}
.product-info__price span {padding-top: 4rem;}
.product-info__price p {margin-left: 12rem; font-size: 30rem; font-weight: 700; color: var(--color-black);}

.product-detail-wrap  {margin: 100rem 0;}
.product-detail-wrap h6 {border-bottom: 1px solid #333;}
.product-detail-wrap h6 span {position: relative; display: inline-block; padding: 18rem 75rem; font-size: 18rem; font-weight: 700; color: var(--color-black); border-radius: 10rem 10rem 0 0; border: 1px solid #333;}
.product-detail-wrap h6 span::after {position: absolute; left: 0; bottom: -2px; content:''; width: 100%; height: 2px; background: #fff;}
.product-detail {padding-top: 65rem;}
.product-detail .example {padding: 200rem 0; font-size: 18rem; font-weight: 700; text-align: center; background: #f5f5f5;}
.product-detail .example img{max-width:100%; width:auto !important; height:auto !important;}
.product-detail-wrap + .btn-wrap .btn-basic {min-width: 190rem; height: 68rem; line-height: 68rem; border-radius: 50rem; border-bottom-right-radius: 70rem; border-top-right-radius: 0;}

/* business-txt-box */
.business-explain {position: relative; margin: -60rem 0 150rem; padding: 10rem 70rem; border-radius: 30rem; border: 1px solid var(--color-point); background: #fff; box-shadow: 19rem 19rem 16rem rgba(11, 70, 24, .05);}
.business-explain__item {padding: 50rem 0; line-height: 1.8; font-size: 18rem; color: var(--color-black); border-bottom: 1px dashed #ccc;}
.business-explain__item:last-child {border-bottom: none;}
.business-explain__item h4 {display: flex; align-items: center; margin-bottom: 10rem; font-size: 28rem; font-weight: 700; color: var(--color-black);}
.business-explain__item h4::before {display: block; content:''; width: 25rem; height: 25rem; margin-right: 10rem; background: url(/images/content/ic-check.svg) no-repeat center / 25rem;}
.business-explain__item > p > span {font-weight: 600; color: var(--color-point);}
.business-explain__item .table {overflow: hidden; margin-top: 0; border-radius: 15rem; border: none;}
.business-explain__item table {width: 100%;}
.business-explain__item thead tr th {padding:15rem 20rem; font-weight: 500; color: #fff; border: none !important; border-right: 1px solid rgba(224, 224, 224, .4) !important; background: var(--color-point);}
.business-explain__item thead tr th:last-child {border-right: 0;}
.business-explain__item tbody tr {border-bottom: 1px solid rgba(209, 209, 209, .3);}
.business-explain__item table.table.form tr:last-child {border-bottom: 0;}
.business-explain__item table.table.form td {padding: 30rem 20rem; text-align: center; border-bottom: 0; border-right: 1px solid rgba(209, 209, 209, .3); background: #f8f8f8;}
.business-explain__item table.table.form td:last-child {border-right: 0;}
.business-explain__dot {font-size: 17rem; color: #444;}
.business-explain__dot + .business-explain__dot {margin-top: 25rem;}
.business-explain__dot h5 {position: relative; margin-bottom: 5rem; padding-left: 15rem; font-size: 20rem; font-weight: 700; color: #333;}
.business-explain__dot h5 > span {font-weight: 400;}
.business-explain__dot h5::before {position: absolute; left:0; top: 15rem; content:''; width: 4rem; height: 4rem; border-radius: 100%; background: #c8c8c8;}
.business-explain__dot h5 + .table {margin-top: 10rem;}
.business-explain__dot > p,
.business-explain__dot ul,
.business-explain__dot ol{padding-left: 15rem;}
.business-explain__dot .bar-list li {font-size: 17rem;}
.business-explain__dot .notice {margin-top: 15rem; padding-left: 15rem;}
.business-explain__icon-list li {padding: 40rem 20rem; text-align: center; border-radius: 20rem; border: 1px solid #e8e8e8;}
.business-explain__icon-list li i {display: flex; justify-content: center; align-items: flex-end; height: 80rem; margin-bottom: 30rem;}
.business-explain__icon-list li i img {height: 100%;}
.business-explain__icon-list li p {margin-bottom: 10rem; font-size: 20rem; font-weight: 700; color: #333;}
.business-explain__icon-list li span {display: inline-block; font-size: 16rem; line-height: 1.6;}

/* 서비스 */
.area-meal .sub-img-wrap i {background-image: url(/images/content/meal-img.jpg);}
.area-catering .sub-img-wrap i {background-image: url(/images/content/catering-img.jpg);}
.area-etc .sub-img-wrap i {background-image: url(/images/content/etc-img.jpg);}
.area-children .sub-img-wrap i {background-image: url(/images/content/children-img.jpg);}
.area-house .sub-img-wrap i {background-image: url(/images/content/social-housekeeper-img.jpg);}
.area-care .sub-img-wrap i {background-image: url(/images/content/social-basic-img.jpg);}
.area-obtain .sub-img-wrap i {background-image: url(/images/content/obtain-img.jpg);}

/* 어린이식당 */
.area-children .sub-title-wrap h3 {padding-left: 100rem;}
.area-children .sub-title-wrap h3::before {top: 2rem; width: 77rem; height: 45rem; background-image: url(/images/common/children-symbol.svg);}
.area-children table {width: auto;}
.area-children table.table.form td {padding: 30rem 50rem;}

/* 가사지원서비스 */
.area-house .sub-title-wrap h3 {padding-left: 0;}
.area-house .sub-title-wrap h3::before {display: none;}
.area-house .business-explain__icon-list {margin-top: 10rem;}
.area-house .business-explain__icon-list li:nth-child(2) i img,
.area-house .business-explain__icon-list li:nth-child(4) i img {height: 65rem;}
.area-house .btn-download,
.area-care .btn-download {margin-top: 10rem; margin-left: 15rem;}

/* 일상돌봄서비스 */
.service-list-wrap {margin-top: 75rem;}
.service-list-wrap > div {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 55rem; text-align: center; color: #333; border-radius: 20rem; background: #f8f8f8; border: 1px solid #e8e8e8;}
.service-list-wrap > div h6 {position: absolute; left: 50%; top: 0; display: inline-block; width: 285rem; line-height: 55rem; font-size: 22rem; font-weight: 700; color: #fff; text-align: center; border-radius: 28rem 0 28rem 28rem; background: var(--color-point); transform: translate(-50%, -50%);}
.service-list-wrap > div:first-child p {margin-bottom: 10rem; font-size: 22rem;}
.service-list-wrap > div:last-child h6 {background:var(--color-orange);}
.service-list {width: 100%; gap: 0 20rem;}
.service-list > div {overflow: hidden;}
.service-list > div > p {width: 100%; padding: 10rem; font-size: 18rem; font-weight: 700; color: #fff; text-align: center; background: #767676; border-radius: 20rem 20rem 0 0; box-sizing: border-box;}
.service-list .dot-list {padding: 25rem 30rem; text-align: left; background: #fff; border-radius: 0 0 20rem 20rem;}
.service-list .dot-list li {font-size: 17rem;}
.service-list .dot-list li::before {top: 13rem; background: #333;}
.service-step {display: grid; grid-template-columns: repeat(5, 1fr); gap: 20rem; margin-top: 15rem;}
.service-step li {position: relative; display: flex; align-items: flex-end; height: 155rem; padding: 30rem 25rem; font-size: 20rem; font-weight: 500; color: #333; border-radius: 20rem; border: 1px solid #e0e0e0; transition: var(--ani-basic);}
.service-step li em {position: absolute; top: 25rem; right: 25rem; font-family: var(--font-prompt); font-weight: 400; font-size: 24rem; color: #979696; transition: var(--ani-basic);}
.service-step li.on {font-weight: 600; color: #fff; border-color: var(--color-point); background: var(--color-point);}
.service-step li.on em {color: #fff;}

/* 물품조달 */
.area-obtain .faqList {border-top: 2rem solid #2e2e2e;}
.area-obtain .faqList dt {display:flex; align-items:center; padding: 0 40rem 0 110rem; border-bottom: 1px solid #e4e4e4;}
.area-obtain .faqList dt:before,
.area-obtain .faqList dd:before {left: 40rem; top: 30rem; line-height: 46rem; width: 46rem; height: 46rem; font-size: 28rem; font-weight: 600; color: #fff; background: #898989; border-radius: 0 10rem 0 10rem;}
.area-obtain .faqList dt:before {background: var(--color-point);}
.area-obtain .faqList dd:before {top: 48rem; display: block;}
.area-obtain .faqList dt a {padding: 35rem 0; font-size: 20rem; font-weight: 700; color: #333;}
.area-obtain .faqList dd {display:flex; align-items:flex-start; background: #f9f9f9; border-bottom: none;}
.area-obtain .faqList dd > div {line-height: 1.8; padding: 42rem 40rem 42rem 110rem; font-size: 18rem; color: #333;}
.area-obtain .faqList .dot-list li {padding-left: 14rem;}
.area-obtain .faqList .dot-list li + li {margin-top: 30rem;}
.area-obtain .faqList .dot-list li::before {top: 12rem; width: 5rem; height: 5rem; background: var(--color-point);}
.area-obtain .faqList .dot-list p {font-size: 18rem; font-weight: 600; color: var(--color-point);}
.area-obtain .faqList dt:has(a.on) {border-bottom: none;}
.area-obtain .faqList dt:has(a.on) ~ dd {border-bottom: 1px solid #e4e4e4;}

.area-obtain .business-explain__box {margin-top: 60rem; padding: 160rem 30rem; text-align: center; background: #f8f8f8; border-radius: 20rem; border: 1px solid #e8e8e8;}
.area-obtain .box-inr {position: relative; justify-content: center;}
.area-obtain .box-inr::after {position: absolute; left: 50%; top: -2rem; content:''; width: 50%; height: 100%; border:solid #cbcbcb; border-width: 2rem 0 2rem 0; transform: translate(-50%, 0);}
.area-obtain .box-inr > div {position: relative;}
.area-obtain .business-explain__box h6 {position: absolute; left: 50%; top: -30rem; display: block; width: 195rem; margin: 0 auto; padding: 12rem 0; font-size: 18rem; font-weight: 600; text-align: center; background: #fff; border-radius: 27rem; border-top-right-radius: 0; transform: translate(-50%, -100%);}
.area-obtain .business-explain__box ul {position: relative; display: flex; justify-content: center; border-radius: 200rem;}
.area-obtain .business-explain__box ul::after {z-index: 1; position: absolute; left: -2rem; top: -2rem; content:''; width: 100%; height: 100%; border-radius: 200rem; border: 2px solid;}
.area-obtain .business-explain__box ul li {position: relative; width: 156rem; margin-right: 10rem; padding-top: 48%; border-radius: 100%; border: 1px solid; background: #fff; box-sizing: border-box;}
.area-obtain .business-explain__box ul li:last-child {margin-right: 0;}
.area-obtain .business-explain__box ul li span {position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 17rem; font-weight: 600; line-height: 1.6;}
.area-obtain .business-explain__box ul li.color span {color: #fff;}
.area-obtain .box-inr > div:nth-child(1) h6 {color:var(--color-point); box-shadow: 6rem 0 43rem rgba(164, 198, 66, .13);}
.area-obtain .box-inr > div:nth-child(1) ul {background: rgba(164, 198, 66, .07);}
.area-obtain .box-inr > div:nth-child(1) ul::after {border-color:var(--color-point);}
.area-obtain .box-inr > div:nth-child(1) ul li {color:var(--color-point); border-color:var(--color-point);}
.area-obtain .box-inr > div:nth-child(1) ul li.color {background:var(--color-point);}
.area-obtain .box-inr > div:nth-child(2) {margin: 0 60rem;}
.area-obtain .box-inr > div:nth-child(2) h6 {top: auto; bottom: -30rem; color:var(--color-point); box-shadow: 6rem 0 43rem rgba(26, 169, 58, .13); transform: translate(-50%, 100%);} 
.area-obtain .box-inr > div:nth-child(2) ul::after {display: none;}
.area-obtain .box-inr > div:nth-child(2) ul li {overflow: hidden; padding-top:100%; background: var(--color-point); border: none; box-shadow:0 15px 20px rgba(0,0,0,0.2);}
.area-obtain .box-inr > div:nth-child(2) ul li::before {position: absolute; left:-10rem; top: 50%; content:''; width: 125rem; height: 128rem; background: url(/images/common/symbol-green.svg) no-repeat center / contain; transform: translate(0, -50%);}
.area-obtain .box-inr > div:nth-child(3) h6 {color:#da6228; box-shadow: 6rem 0 43rem rgba(218, 98, 40, .07);}
.area-obtain .box-inr > div:nth-child(3) ul {background: rgba(218, 98, 40, .07);}
.area-obtain .box-inr > div:nth-child(3) ul::after {border-color: #da6228;}
.area-obtain .box-inr > div:nth-child(3) ul li {color: #da6228; border-color: #da6228;}
.area-obtain .box-inr > div:nth-child(3) ul li.color {background: #da6228;}
.area-obtain .business-explain__icon-list {margin-top: 40rem;}
.area-obtain .business-explain__icon-list li i {height: 78rem;}
.area-obtain .business-explain__icon-list li:nth-child(1) i img {height: 63rem;}
.area-obtain .business-explain__icon-list li:nth-child(2) i img {height: 66rem;}
.area-obtain .business-explain__icon-list li:nth-child(3) i img {height: 73rem;}


 @media (min-width:2000px){}

 @media all and (max-width:1700px){
	.sub-visual__inr {width: 100%;}
	.location-cont__inr {left: 0; width: 100%; max-width: none; transform:none; padding: 65rem;}
	.loaction-cont .root_daum_roughmap_landing {width: 140%; margin-left: -40%;}
 }

 @media all and (max-width:1260px){
	.loaction-cont .root_daum_roughmap_landing {width: 180%; margin-left: -60%;}
 }

 @media all and (max-width:1023px){
	.area-subVisual {height: 500rem; border-bottom-left-radius:60rem;}
	.area-subVisual::before {position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: #000; opacity: .2; z-index: 1;}
	.sub-visual__inr {padding-top: 90rem;}
	.sub-visual__inr em {font-size: 20rem;}
	.sub-visual__inr h2 {font-size: 50rem;}

	.sub-title-wrap {margin-bottom: 30rem;}
	.sub-title-wrap h3 {padding-left: 65rem; font-size: 35rem;}
	.sub-title-wrap h3::before {width: 42rem; height: 42rem;}

	.section-title {min-width: 160rem; font-size: 22rem;}

	.sub-img-wrap .sub-img__inr {height: 385rem;}

	.area_lnb_inr {padding: 0 20rem;}
	.area_lnb_inr .lnb-depth {padding: 0 20rem;}

	.about-partner {margin-top: 110rem; padding: 110rem 0;}
	.about-partner div {height: 150rem;}
	.about-partner div img {max-width: 80%;}
	.about-partner__list {margin-top: 40rem;}

	.area-location {padding-bottom: 150rem;}
	.loaction-cont .root_daum_roughmap_landing {width: 100%; margin-left: 0;}
	.loaction-cont .root_daum_roughmap_landing::after {position: absolute; left: 0; top: 0; content:''; width: 100%; height: 100%; z-index: 1;}
	.loaction-cont .root_daum_roughmap .wrap_map {height: 500rem;}
	.location-cont__inr {position: relative; left: auto; top: auto; height: auto; margin:0; padding: 0;}
	.loaction-cont__box {opacity: 1; float: none; width: 100%; margin-top: -50rem; border-radius: 30rem; transform: none;} 
	.loaction-cont__box h4 {padding: 30rem 30rem 25rem; font-size: 22rem;}
	.loaction-cont .footer-top__sns {top: 17rem; right: 30rem;}
	.loaction-cont__info {padding: 30rem;}
	.loaction-cont .btn-basic {margin-left: 0; margin-top: 20rem;}

	.business-search {margin: 60rem 0 70rem;}
	.business-search form {padding: 0; margin-bottom: 0; background: transparent;}
	.business-search form > div {width: 100%;}
	.business-category i {height: 45rem;}
	.business-category li:first-child i img {height: 40rem;}

	.business-explain {padding: 10rem 50rem;}
	.business-explain__icon-list {grid-template-columns: repeat(2, 1fr); gap: 20rem;}

	.business-list {grid-template-columns: repeat(3, 1fr);}
	.business-img {height: 230rem; border-radius: 20rem;}
	.business-img::after {border-radius: 20rem;}

	.product-img {width: 50%; height: 365rem;}
	.product-img i {min-width: 220rem;}

	.product-info {width: 50%; padding-left: 50rem;}	
	.product-info__txt {height: 190rem; padding: 25rem 0; font-size: 16rem;}
	.product-info__title em {font-size: 15rem;}
	.product-info__title h3 {margin: 15rem 0 25rem; font-size: 27rem;}
	.product-info__price {margin: 17rem 0; font-size: 16rem;}
	.product-info__price p {font-size: 27rem;}
	.product-detail-wrap {margin: 50rem 0 100rem;}
	.product-detail-wrap h6 span {padding: 18rem 60rem;}
	.area-children table.table.form td {padding: 20rem;}

	.service-list-wrap {grid-template-columns: 1fr;}
	.service-list-wrap > div {padding: 55rem 30rem;}
	.service-list-wrap > div br {display: none;}
	.service-list-wrap > div h6 {font-size: 20rem;}
	.service-list-wrap > div:first-child p {margin-bottom: 3rem;}
	.service-list > div > p {border-radius: 10rem 10rem 0 0;}
	.service-list .dot-list {border-radius: 0 0 10rem 10rem;}
	.service-step {grid-template-columns: 1fr 1fr 1fr;}

	.area-obtain .faqList dt:before,
	.area-obtain .faqList dd:before {left: 20rem;} 
	.area-obtain .faqList dt,
	.area-obtain .faqList dd > div {padding-left: 85rem;}
	.area-obtain .faqList dd > div br {display: none;}
	.area-obtain .box-inr > div:nth-child(2) {margin: 0 40rem;}
	.area-obtain .box-inr > div:nth-child(2) ul li::before {width: 110rem; height: 110rem;}
	.area-obtain .business-explain__box ul li {width: 130rem;}


 }

 @media all and (max-width:860px){
	#container:has(.snb) {padding-top: 80rem;}
	.area_lnb_inr {padding: 0 20rem 0 10rem;}

	.sub-title-wrap h3 {padding-left: 50rem; font-size: 30rem;}
	.sub-title-wrap h3::before {top: 0; width: 35rem; height: 35rem;}
	.section-title {padding: 15rem 20rem 14rem; font-size: 20rem;}

	.sub-img-wrap .sub-img__inr {height: 280rem; border-radius: 25rem;}

	.area_lnb_inr .lnb-depth[data-lnb="03"] {display: none;}

	.snb {display: block; margin-bottom: 70rem; animation: slideUp 1.2s ease .3s forwards;}
	.snb > ul {overflow: hidden; border-radius: 30rem; border-top-right-radius: 0; border: 1px solid #f5f5f5; box-shadow: 9rem 6rem 12rem rgba(115, 115, 115, .1);}
	.snb > ul li {width: 50%;}
	.snb li a {display: block; padding: 20rem; font-size: 17rem; font-weight: 600; color: #aaa;}
	.snb li.on a {color: #fff; background: var(--color-point);}

	.numb-list li {padding-left: 32rem;}
	.numb-list li::before {top: 4rem; width: 20rem; height: 20rem; line-height: 20rem; font-size: 13rem;}

	.notice span {font-size: 16rem;}

	.about-cont__title i {margin-bottom: 30rem;}
	.about-cont__title i img {width: 80rem;}
	.about-cont__title p {font-size: 25rem;}
	.about-cont__title h4 {font-size: 40rem;}
	.about-partner div img {max-width: 65%;}
	
	.history-item {width: 100%; padding: 0 60rem 80rem;}
	.history-item::before,
	.history-item::after {left: 25rem;}
	.history-item h4 {margin-bottom: 15rem; font-size: 40rem;}
	.history-item dl {align-items: flex-start;}
	.history-item dd {margin-top: 7rem;}
	.history-item i,
	.history-item:nth-child(2n) i {left: 21rem; top: 25rem;}
	.history-cont {text-align: left;}
	.history-cont__inr {padding-top: 100rem;}
	.history-cont__inr::before {left: 25rem;}
	.history-item:nth-child(2n) {text-align: left; padding-right: 0; padding-left: 60rem;}
	.history-item:nth-child(2n) dl {flex-direction: row;}
	.history-item:nth-child(2n) dt {margin-left: 0; margin-right: 25rem;}
	.history-item:nth-child(2n)::before,
	.history-item:nth-child(2n)::after {left: 25rem; right: auto;}
	.history-item:nth-child(2n) .dot-list li::before {left: 0; right: auto;}
	.history-item:nth-child(2n) .dot-list li + li {margin-top: 10rem;}

	.business-search {margin: 40rem 0 50rem;}
	.business-category i {height: 40rem;}
	.business-category a {padding: 25rem; font-size: 16rem;}
	.business-img {height: 230rem; margin-bottom: 20rem; border-radius: 20rem;}
	.business-img::after {border-radius: 20rem;}
	.business-list {grid-template-columns: repeat(2, 1fr); gap: 50rem 30rem;}
	.business-list a {font-size: 16rem;}
	.business-list span {margin-top: 8rem; font-size: 22rem;}
	.area-business .pagination {margin-top: 50rem;}

	.product-info-wrap {flex-direction: column;}
	.product-img {width: 100%;}
	.product-info {width: 100%; padding-left: 0;}
	.product-info__title {margin-top: 30rem;}
	.product-detail-wrap {margin: 50rem 0 70rem;}
	.product-detail-wrap h6 span {padding: 18rem 50rem 16rem; font-size: 16rem;}
	.product-detail {padding-top: 30rem;}

	.area-children .sub-title-wrap h3 {padding-left: 80rem;}
	.area-children .sub-title-wrap h3::before {width: 60rem; height: 35rem;}
	.area-children .business-explain__item .table {width: 100%;margin-top: 15rem;}
	.area-children table {width: 100%;}
	.area-children tr td {line-height: 1.6; padding: 20rem;}

	.business-explain {padding: 0 30rem; border-radius: 20rem;}
	.business-explain__item {padding: 40rem 0;}
	.business-explain__item h4 {font-size: 25rem;}
	.business-explain__item h4::before {width: 22rem; height: 22rem; background-size: 22rem;}
	.business-explain__item thead tr th {padding: 12rem 10rem;}
	.business-explain__item table.table.form td {line-height: 1.6; padding: 20rem 10rem;}

	.business-explain__dot {font-size: 16rem;}
	.business-explain__dot .bar-list li {font-size: 16rem;}

	.service-step li {height: 130rem; line-height: 1.6; font-size: 18rem;}
	.service-step li em {top:20rem;}

	.area-obtain .faqList dt:before,
	.area-obtain .faqList dd:before {line-height: 40rem; width: 40rem; height: 40rem; font-size: 22rem;}
	.area-obtain .faqList dt a {padding: 33rem 0;}
	.area-obtain .faqList dt,
	.area-obtain .faqList dd > div {padding-left: 80rem;}
	.area-obtain .faqList dd:before {top: 43rem;}
	.area-obtain .box-inr {flex-direction: column;}
	.area-obtain .box-inr::after {display: none;}
	.area-obtain .box-inr > div {width: 60%; margin: 0 auto;}
	.area-obtain .box-inr > div h6 {position: relative; left: auto !important; top: auto !important; bottom: auto !important; margin: 0 auto 20rem; transform: none !important;}
	.area-obtain .business-explain__box {padding: 60rem 30rem;}
	.area-obtain .business-explain__box ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 10rem;}
	.area-obtain .business-explain__box ul li {width: auto; margin: 0; padding-top: 100%;}
	.area-obtain .box-inr > div:nth-child(2) {margin: 60rem auto;}
	.area-obtain .box-inr > div:nth-child(2) ul {display: block;}
	.area-obtain .box-inr > div:nth-child(2) ul li {width: 153rem; margin: 0 auto; padding-top: 48%;}
	.area-obtain .business-explain__icon-list li span br {display: none;}
 }

 @media all and (max-width:540px){
	#container {padding-top: 55rem;}
	#container:has(.snb) {padding-top: 40rem;}

	.area-subVisual {height: 320rem; border-bottom-left-radius:0;}
	.sub-visual__inr {padding-top: 40rem;}
	.sub-visual__inr h2 {margin-bottom:15rem; font-size: 27rem;}
	.sub-visual__inr em {font-size: 16rem;}

	.area_lnb .btn-home {width: 50rem;}
	.area_lnb .btn-home img {width: 12rem;}
	.area_lnb_inr {height: 55rem; padding: 0 5rem; border-bottom-right-radius: 40rem; box-shadow: 5rem 5rem 10rem rgba(115, 115, 115, .1);}
	.area_lnb_inr .lnb-depth {width: calc((100% - 50rem)/2); min-width: auto; box-sizing: border-box;}
	.area_lnb_inr .lnb-depth::after {height: 20rem;}
	.area_lnb_inr .lnb-depth {padding: 0 12rem;}
	.area_lnb_inr .lnb-depth > nav {padding: 10rem;}
	.area_lnb_inr .lnb-depth > button {font-size: 14rem; padding-right: 15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.area_lnb_inr .lnb-depth > button::after {width: 9rem; height: 9rem;}
	.area_lnb_inr .lnb-depth > nav {top: 45rem;}
	.area_lnb_inr .lnb-depth > nav li a {overflow: hidden; text-overflow: ellipsis; font-size: 14rem; padding: 5rem 0; }

	.snb {margin-bottom: 50rem;}
	.snb li a {padding: 15rem 10rem; font-size: 14rem; font-weight: 500;}

	.sub-title-wrap {margin-bottom: 25rem;}
	.sub-title-wrap h3 {padding-left: 40rem; font-size: 22rem;}
	.sub-title-wrap h3::before {top: 0; width: 28rem; height: 28rem;}

	.section-title {min-width: 130rem; font-size: 16rem;}

	.sub-img-wrap .sub-img__inr {height: 245rem;}

	.dot-list li {padding-left: 10rem; font-size: 14rem;}
	.dot-list li::before {top: 6rem;}
	.bar-list li {margin:7rem 0; line-height: 1.5; font-size: 14rem;}
	.numb-list li {padding-left: 25rem;}
	.numb-list li::before {top: 3rem; width: 15rem; height: 15rem; line-height: 15rem; font-size: 10rem;}

	.notice span {line-height: 1.6; font-size: 13rem;}
	.btn-download {padding: 12rem 15rem;}
	.btn-download span {font-size: 13rem;}
	.btn-download span::after {width: 12rem; height: 12rem; margin: 0 3rem 0 8rem;}

	.about-cont__title {margin: 50rem 0 30rem;}
	.about-cont__title i {margin-bottom: 25rem;}
	.about-cont__title i img {width: 65rem;}
	.about-cont__title p {font-size: 18rem;}
	.about-cont__title h4 {margin-top: 7rem; font-size: 30rem;}
	.about-cont dl {font-size: 14rem; font-weight: 400;}
	.about-cont dd + dd {margin-top: 22rem;}
	.about-partner {margin-top: 55rem; padding: 55rem 0;}
	.about-partner a {font-size: 14rem;}
	.about-partner div {height: 100rem; margin-bottom: 12rem; border-radius: 10rem;}
	.about-partner div img {max-width: 50%; max-height: 50rem;}
	.about-partner__list {margin-top: 30rem;}

	.history-cont {margin-bottom: 80rem;}
	.history-cont__inr {padding-top: 50rem;}
	.history-cont__inr::before {left: 20rem; height: 70rem;}
	.history-item {padding: 0 50rem 60rem !important; padding-right: 0 !important;}
	.history-item::before,
	.history-item::after {left: 20rem; top: 20rem;}
	.history-item i,
	.history-item:nth-child(2n) i {top: 19rem; left: 17rem; width: 7rem; height: 7rem;}
	.history-item:nth-child(2n)::before,
	.history-item:nth-child(2n)::after {left: 20rem;}
	.history-item h4 {margin-bottom: 10rem; font-size: 30rem;}
	.history-item dl {flex-direction: column !important;}
	.history-item dl + dl {margin-top: 20rem;}
	.history-item dt {min-width: 60rem; margin-right: 0; margin-bottom: 2rem; padding: 3rem 10rem; font-size: 13rem;}

	.loaction-cont .root_daum_roughmap .wrap_map {height: 250rem;}
	.loaction-cont__box {margin-top: -45rem; border-radius: 20rem;}
	.loaction-cont__box h4 {padding: 20rem 20rem 17rem; font-size: 20rem;}
	.loaction-cont .footer-top__sns {top: 11rem; right: 15rem;}
	.loaction-cont .footer-top__sns li {margin: 0 3rem;}
	.loaction-cont__info {padding: 25rem 20rem;}
	.loaction-cont__info dt {margin-bottom: 5rem; font-size: 16rem;}
	.loaction-cont__info dd {margin-bottom: 22rem; font-size: 14rem;}
	.loaction-cont .btn-basic {margin-top: 10rem;}

	.area-location {padding-bottom: 55rem;}

	.area-business {margin-bottom: 55rem;}
	.product-img {height: 235rem;}
	.product-img i {right: 20rem; bottom: 20rem; line-height: 45rem; min-width: 150rem; height: 45rem;}
	.product-info__title em {padding: 6rem 12rem 5rem; font-size: 12rem;}
	.product-info__title h3 {margin: 12rem 0 20rem; font-size: 22rem;}
	.product-info__txt {height: 180rem; padding: 20rem 0; font-size: 14rem;}
	.product-info__price {font-size: 14rem;}
	.product-info__price p {font-size: 22rem;}
	.product-detail-wrap {margin: 30rem 0;}
	.product-detail-wrap h6 span {padding: 12rem 40rem 10rem; font-size: 14rem;}
	.product-detail {padding-top: 20rem;}
	.product-detail .example {padding: 100rem 0; font-size: 14rem;}
	.product-detail-wrap + .btn-wrap .btn-basic {min-width: 150rem; height: 50rem; line-height: 50rem;}

	.area-children .sub-title-wrap h3 {padding-left: 55rem;}
	.area-children .sub-title-wrap h3::before {top: 1px; width: 45rem; height: 24rem;}
	.area-children .business-explain__item .table {margin: 10rem 0;}

	.business-category i {height: 30rem; margin-bottom: 15rem;}
	.business-category li::before {border-radius: 20rem;}
	.business-category li:first-child a {padding: 25rem 30rem;}
	.business-category li:first-child i img {height: 30rem;}
	.business-category a {padding: 22rem; font-size: 13rem; line-height: 1.4;}
	.business-category br {display: block;}

	.business-search {margin: 25rem 0 35rem;}
	.business-search input[type=text] {height: 55rem; padding: 0 15rem; font-size: 14rem; border-radius: 5rem;}
	.business-search input[type=text]::placeholder {font-size: 14rem;}
	.business-search .button {min-width: 55rem; background-size: 17rem;}

	.business-list {grid-template-columns: 1fr; gap: 40rem;}
	.business-list a {font-size: 14rem;}
	.business-list span {font-size: 20rem;}

	.business-explain {margin: -40rem 0 70rem; padding: 0 20rem;}
	.business-explain__item {padding: 22rem 0; line-height: 1.6; font-size: 14rem;}
	.business-explain__item h4 {font-size: 18rem;}
	.business-explain__item h4::before {width: 17rem; height: 17rem; margin-right: 8rem; background-size: 17rem;}
	.business-explain__item thead tr th {padding: 10rem;}
	.business-explain__item .table {margin: 10rem 0;}
	
	.business-explain__dot {font-size: 14rem;}
	.business-explain__dot h5 {padding-left: 10rem; font-size: 15rem;}
	.business-explain__dot h5::before {top: 10rem; width: 3rem; height: 3rem;}
	.business-explain__dot > p,
	.business-explain__dot ul {padding-left: 0;}
	.business-explain__dot .bar-list li {font-size: 14rem;}
	.business-explain__dot .notice {padding-left: 0;}

	.business-explain__icon-list {gap: 10rem; grid-template-columns: 1fr;}
	.business-explain__icon-list li {padding: 30rem; border-radius: 10rem;}
	.business-explain__icon-list li i {height: 60rem; margin-bottom: 20rem;}
	.business-explain__icon-list li p {margin-bottom: 5rem; font-size: 16rem;}
	.business-explain__icon-list li span {font-size: 14rem;}

	.area-house .business-explain__dot strong {display: block;}
	.area-house .business-explain__icon-list li:nth-child(2) i img,
	.area-house .business-explain__icon-list li:nth-child(4) i img {height: 48rem;}
	.area-house .btn-download,
	.area-care .btn-download {margin-top: 5rem; margin-left: 0;}

	.service-list-wrap {gap: 40rem 10rem;}
	.service-list-wrap > div {padding: 45rem 20rem 20rem; border-radius: 10rem;}
	.service-list-wrap > div h6 {width: 80%; line-height: 45rem; font-size: 16rem;}
	.service-list-wrap > div:first-child p {font-size: 16rem;}
	.service-list {gap: 10rem;}
	.service-list > div > p {padding: 8rem; font-size: 14rem; font-weight: 500;}
	.service-list .dot-list {padding: 20rem;}
	.service-list .dot-list li {margin: 5rem 0; font-size: 14rem;}
	.service-list .dot-list li::before {top: 8rem;}
	.service-step {grid-template-columns: 1fr; gap: 10rem;}
	.service-step li {align-items: center; justify-content: flex-start; height:auto; padding:15rem 20rem; font-size: 14rem; border-radius: 10rem;}
	.service-step li br {display: none;}
	.service-step li em {position: relative; top: auto; right: auto; margin-right: 10rem; font-size: 15rem;}

	.area-obtain .faqList dt a {padding: 25rem 0; font-size: 15rem;}
	.area-obtain .faqList dt,
	.area-obtain .faqList dd > div {padding-left: 55rem;}
	.area-obtain .faqList dt:before {left: 12rem; line-height: 30rem; width: 30rem; height: 30rem; font-size: 15rem;}
	.area-obtain .faqList dd:before {display: none;}
	.area-obtain .faqList dd > div {padding: 30rem 20rem; font-size: 14rem;}
	.area-obtain .faqList .dot-list li {padding-left: 12rem;}
	.area-obtain .faqList .dot-list li::before {top: 8rem; width: 3rem; height: 3rem;}
	.area-obtain .faqList .dot-list p {line-height: 1.5; margin-bottom: 5rem; font-size: 14rem;}
	.area-obtain .faqList .dot-list li + li {margin-top: 20rem;}
	.area-obtain .numb-list br {display: none;}
	.area-obtain .box-inr > div {width: 100%;}
	.area-obtain .business-explain__box {padding: 40rem 20rem;}
	.area-obtain .business-explain__box h6 {width: 140rem; padding: 10rem 0; margin: 0 auto 12rem; font-size: 14rem;}
	.area-obtain .business-explain__box ul::after {left: 0; top: 0; box-sizing: border-box;}
	.area-obtain .business-explain__box ul li span {font-size: 14rem;}
	.area-obtain .box-inr > div:nth-child(2) {margin: 50rem auto;}
	.area-obtain .box-inr > div:nth-child(2) ul li {width: 112rem;}
	.area-obtain .business-explain__icon-list {margin-top: 20rem;}
	.area-obtain .business-explain__icon-list li i {height: auto;}
	.area-obtain .business-explain__icon-list li:nth-child(1) i img {height: 40rem;}
	.area-obtain .business-explain__icon-list li:nth-child(2) i img {height: 43rem;}
	.area-obtain .business-explain__icon-list li:nth-child(3) i img {height: 52rem;}
	.area-obtain .business-explain__icon-list li:nth-child(4) i img {height: 53rem;}
 }

 @media all and (max-width:480px){
	.area-obtain .box-inr > div:nth-child(2) ul li {padding-top: 45%;}
 }
 @media all and (max-width:360px){}