#sub{background-color: #F1EDE8;} #sub .sub_con{padding-top: 130px;padding-bottom: 160px;} #sub .inner{padding: 0 60px;} #sub .sub_visual{padding: 0 60px;padding-bottom: 40px;position: relative;display: flex;flex-direction: column;height: 580px;justify-content: flex-end;z-index: 5} #sub .sub_visual:before{content: '';display: block;width: calc(100% - 120px);height: 1px;left: 60px;position: absolute;bottom: 0;background-color: #C9C0B2;bottom: 0;} #sub .sub_visual .sv_title strong{font-size: 120px;font-family: the-seasons, sans-serif;font-weight: 400;color: #514638;line-height: 1;} #sub .sub_visual .sv_title strong i{font-weight: inherit;color: inherit;filter: blur(40px);opacity: 0;font-family: inherit;display: inline-block;transform: translateX(80px)} #sub .sub_visual .loc_w{display: flex;align-items: center;position: relative} #sub .sub_visual .loc_w button{display: flex;font-size: 16px;color: #514638;font-weight: 400;gap: 10px} /*#sub .sub_visual .loc_w ul{display: none;}*/ #sub .sub_visual .loc_w ul{position: absolute;width: 150px;top: calc(100% + 10px);display: none} #sub .sub_visual .loc_w ul{position: absolute;background: #F1EDE8;border-radius: 10px;border: 1px solid #C9C0B2;border-radius: 6px;padding: 15px 0} #sub .sub_visual .loc_w ul li a{display: block;font-size: 16px;color: #514638;line-height: 1.5;padding: 5px 20px;word-break: keep-all} #sub .sub_visual .loc_w .loc02{padding-left: 30px;margin-left: 30px;position: relative;} #sub .sub_visual .loc_w .loc02:before{content: '';display: block;width: 1px;height: 13px;background-color: #C9C0B2;position: absolute;left: 0;top: 50%;transform: translateY(-50%);;} #sub .sub_visual .loc_w .home{margin-right: 24px;} #sub .sub_visual .loc_w .home a{display: flex;width: 50px;height: 50px;align-items: center;justify-content: center;border: 1px solid #514638;border-radius: 50%;} #sub .sub_visual .loc_w .home a svg{display: block;} #sub .sv_title {margin-bottom: 70px;} #sub .sv_title span{display: block;font-size: 16px;color: #C2A887;font-family: the-seasons, sans-serif;margin-bottom: 20px;} #sub .sv_title .sv_txt_w{display: flex;flex-direction: column;justify-content: start;align-items: start;gap: 10px;} #sub .sv_title .sv_txt_w .over p{font-size: 30px;color: #B8AEA3;font-weight: 500;} #sub .sv_title .sv_txt_w .over{position: relative;} #sub .sv_title .sv_txt_w .over p:nth-child(2){position: absolute;left: 0;top: 0;color: #514638;clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);} #sub .sv_title .sv_txt_w .over p[data-text]:not([data-text=""])::after {content: attr(data-text);} #sub .sv_title > p{font-size: 20px;color: #7A736A;line-height: 34px;margin-top: 20px;} #sub .search{display: flex;justify-content: flex-end;margin-bottom: 40px;} #sub .search input{width: 340px;height: 60px;border: none;border-bottom: 2px solid #D5D0C9;background: none;font-size: 16px;padding-left: 20px;font-family: inherit;} #sub .search input::placeholder{color: #9B968F;;} #sub .search .sch{position: relative;} #sub .search .sch button{position: absolute;right: 0;height: 100%;padding: 0 15px;} #sub .paging{margin-top: 60px;} #sub .paging ul{display: flex;justify-content: center;gap: 10px} #sub .paging ul li a{width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #514638;font-family: the-seasons, sans-serif;box-sizing: border-box;} #sub .paging ul li.on a{border: 1px solid #514638;border-radius: 6px;} #sub .sub_visual .loc_w{animation: vis 1.2s;animation-fill-mode: forwards;transform: translateX(40px);opacity: 0;animation-delay: 0.5s} @keyframes vis{ 0%{transform: translateX(40px);opacity: 0} 100%{transform: translateX(0px);opacity: 1} } /* 오시는길 */ #sub.direction .con01{margin-bottom: 90px;} #sub.direction .con01 .m_box .root_daum_roughmap{width: 100%;height: 670px;} #sub.direction .con01 .m_box .root_daum_roughmap .wrap_map{width: 100%;height: 100%;} #sub.direction .con02{display: flex;justify-content: space-between;} #sub.direction .con02 .box > strong{display: block;font-size: 17px;color: #88755E;font-weight: 500;margin-bottom: 30px;} #sub.direction .con02 .box p{font-size: 17px;color:#7A736A;line-height: 30px;} #sub.direction .con02 .box span{font-size: 17px;color:#7A736A;line-height: 30px;font-weight: 600;position: relative;padding-left: 10px;display: block;} #sub.direction .con02 .box span:before{content: '';display: block;width: 4px;height: 4px;border: 1px solid #7A736A;border-radius: 50%;box-sizing: border-box;border-radius: 50%;position: absolute;top: 12px;left: 0;} #sub.direction .con02 .left{display: flex;flex-direction: column;gap:80px} #sub.direction .con02 .left em{display: block;font-size: 15px;color: #958E84;margin-top: 30px;} #sub.direction .con02 .left ul{display: flex;flex-direction: column;gap: 10px;} #sub.direction .con02 .left ul li{display: flex;gap: 20px} #sub.direction .con02 .right ul{display: flex;gap: 40px} #sub.direction .con02 .right ul li img{display: block;} #sub.direction .con02 .box {padding-left: 50px;border-left: 1.5px dotted #BCB1A2;} #sub.direction .con02 .right ul li .img{border-radius: 10px;overflow: hidden;margin-top: 30px;} #sub.direction .con02 .right .box p{padding-left: 10px;margin-top: 15px;} #sub.direction .con02 .left{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.direction .con02.on .left{transform: translateY(0px);opacity:1;} /* 공지사항 */ #sub.bo_list .list ul{display: flex;flex-wrap: wrap;gap: 50px 40px} #sub.bo_list .list ul li{width: calc(25% - 30px);} #sub.bo_list .list ul li .img_w{border-radius: 6px;overflow: hidden;position: relative;} #sub.bo_list .list ul li .img { aspect-ratio: 1 / 1;width: 100%;display: flex;align-items: center;justify-content: center;} #sub.bo_list .list ul li .img img{display: block;width: 100%;} #sub.bo_list .list ul li .img_w .over{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(20px);background: rgba(81,70,56,0.75);opacity: 0;transition: 0.5s;} #sub.bo_list .list ul li:hover .img_w .over{opacity: 1;} #sub.bo_list .list ul li .img_w .over div{width: 100px;height: 100px;border: 1px solid #FFFFFF;border-radius: 6px;overflow: hidden;position: relative;} #sub.bo_list .list ul li .img_w .over div i{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;transition: 0.5s;} #sub.bo_list .list ul li:hover .img_w .over div i{transform: translateX(100%);} #sub.bo_list .list ul li .img_w .over div i:nth-child(1) path{stroke: #fff;} #sub.bo_list .list ul li .img_w .over div i:nth-child(2){position: absolute;top: 0;left: -100%;background-color: #fff;} #sub.product .build_contents .v_title .over p[data-text]:not([data-text=""])::after { content: attr(data-text); } #sub.bo_list .list ul li .txt {margin-top: 24px;} #sub.bo_list .list ul li .txt strong{display: block;font-size: 20px;color: #514638;font-weight: 500;} #sub.bo_list .list ul li .txt p{display: block;font-size: 16px;color: #AB9477;font-weight: 600; font-family: the-seasons, sans-serif;margin-top: 14px;} #sub.bo_view .con01 {padding: 0 40px;} #sub.bo_view .con01 .title{border-left: 1.5px dotted #BCB1A2;padding-left: 40px;margin-bottom: 40px;} #sub.bo_view .con01 .title strong{display: block;font-size: 30px;color: #514638;font-weight: 500;} #sub.bo_view .con01 .title p{display: block;font-size: 16px;color: #AB9477;font-weight: 600; font-family: the-seasons, sans-serif;margin-top: 14px;} #sub.bo_view .con01 .content{border-radius: 6px;padding: 40px;background-color: #EBE4DC;min-height: 600px;} #sub.bo_view .con01 .go_list{margin-top: 50px;} #sub.bo_view .con01 .go_list a{display: flex;width: 210px;height: 100px;display: flex;align-items: center;justify-content: center;border: 1px solid #C9C0B2;border-radius: 6px;gap: 20px;font-size: 18px;color: #514638;font-weight: 500;margin: 0 auto;} /* 상담신청 */ #sub.inquiry .con02{display: flex;justify-content: space-between;;} #sub.inquiry .con02 > div{width: 50%;} #sub.inquiry .con02 .left{padding-right: 140px;} #sub.inquiry .con02 .left ul{display: flex;flex-direction: column;gap: 20px} #sub.inquiry .con02 .left ul li {padding: 30px 35px;background-color: #EBE4DC;border-radius: 6px;display: flex;align-items: center;justify-content: space-between;;} #sub.inquiry .con02 .left ul li a{display: flex;width: 227px;height: 100px;align-items: center;justify-content: center;border: 1px solid #C9C0B2;border-radius: 6px;background-color: #514638;font-size: 18px;color: #FFFFFF;font-weight: 500;gap: 24px;transition: 0.5s} #sub.inquiry .con02 .left ul li:hover a{background: #fff;color: #514638} #sub.inquiry .con02 .left ul li:hover a path{stroke: #514638} #sub.inquiry .con02 .left ul li .txt span{display: block;font-size: 17px;color: #88755E;font-weight: 500;} #sub.inquiry .con02 .left ul li .txt p{font-size: 20px;color: #514638;line-height: 1.5;font-weight: 500;} #sub.inquiry .con02 .chk .right button:hover{background: #514638;color: #fff} #sub.inquiry .con02 .chk .right button path{transition: 0.5s} #sub.inquiry .con02 .chk .right button:hover path{stroke: #fff} #sub.inquiry .con02 .left ul li .txt p b{font-weight: inherit;text-decoration: underline;} #sub.inquiry .con02 .right ul{display: flex;flex-wrap: wrap;gap: 40px} #sub.inquiry .con02 .right ul li{width: calc(50% - 20px);} #sub.inquiry .con02 .right ul li .inp > input{width: 100%;height: 60px;border: 1px solid #D9D2C8;background: none;border: 1px solid #D9D2C8;;border-radius: 6px;} #sub.inquiry .con02 .right ul li .inp textarea{width: 100%;height: 60px;border: 1px solid #D9D2C8;background: none;border: 1px solid #D9D2C8;;border-radius: 6px;padding: 20px;height: 238px;} #sub.inquiry .con02 .right ul li:nth-child(3){width: 100%;} #sub.inquiry .con02 .right ul li:nth-child(4){width: 100%;} #sub.inquiry .con02 .right ul li span{font-size: 17px;color: #514638;font-weight: 600;margin-bottom: 15px;display: block;} #sub.inquiry .con02 .right ul li span i{color: #C2A887;font-weight: inherit;} #sub.inquiry .con02 .right ul li .inp_list{display: flex;gap: 10px;flex-wrap: wrap;} #sub.inquiry .con02 .right ul li .inp_list > div{width: calc(25% - 7.5px);} #sub.inquiry .con02 .right ul li .inp_list label{width: 207px;height: 60px;display: flex;align-items: center;border: 1px solid #D9D2C8;border-radius: 6px;font-size: 17px;color: #514638;font-weight: 500;padding: 0 24px;gap: 8px} #sub.inquiry .con02 .right ul li .inp_list input{position: absolute;opacity: 0;width: 0;height: 0;} #sub.inquiry .con02 .right ul li .inp_list label:before{content: '';display: block;width: 26px;height: 26px;background: url(/img/sub/radio.png);background-size: 100% 100%;} #sub.inquiry .con02 .right ul li .inp_list input:checked + label:before{background: url(/img/sub/radio_on.png);background-size: 100% 100%;} #sub.inquiry .con02 .right ul li .inp_list input:checked + label{border-color: #514638;} #sub.inquiry .con02 .chk{display: flex;justify-content: space-between;align-items: center;margin-top: 60px;} #sub.inquiry .con02 .chk .left input{width: 0;height: 0;} #sub.inquiry .con02 .chk .left label{display: flex;align-items: center;gap: 8px;font-size: 17px;color: #514638;font-weight: 500;} #sub.inquiry .con02 .chk .left label:before{content: '';display: block;width: 26px;height: 26px;background: url(/img/sub/radio.png);background-size: 100% 100%;} #sub.inquiry .con02 .chk .left input:checked + label:before{background: url(/img/sub/radio_on.png);background-size: 100% 100%;} #sub.inquiry .con02 .chk .right button{width: 227px;height: 100px;border: 1px solid #C9C0B2;border-radius: 6px;display: flex;align-items: center;justify-content: center;color: #514638;gap: 20px;font-size: 18px;transition: 0.5s} #sub.staff .sub_con .inner{padding: 0 100px;} #sub.staff .con01{display: flex;justify-content: space-between;align-items: flex-end;border-bottom: 1px solid #E2DAD0;padding-bottom: 90px;margin-bottom: 90px;} #sub.staff .con01 .sv_title{margin-bottom: 0;} #sub.staff .con01 ul{display: flex;gap: 90px} #sub.staff .con01 ul li span{display: block;font-size: 17px;color: #88755E;font-weight: 500;} #sub.staff .con01 ul li p{font-size: 22px;color: #514638;line-height: 32px;} #sub.staff .con01 ul li{border-left: 1px dotted #BCB1A2;display: flex;flex-direction: column;justify-content: space-between;height: 110px;padding-left: 40px;} #sub.staff .con02 ul{display: flex;flex-wrap: wrap;gap: 40px} #sub.staff .con02 ul li{width: calc(25% - 30px);} #sub.staff .con02 ul li .img_w{border-radius: 6px;overflow: hidden;position: relative;} #sub.staff .con02 ul li .img { aspect-ratio: 1 / 1;width: 100%;display: flex;justify-content: center;overflow: hidden;align-items: flex-start} #sub.staff .con02 ul li .img img{display: block;width: 100%;} #sub.staff .con02 ul li .img_w .over{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(20px);background: rgba(81,70,56,0.75);opacity: 0;transition: 0.5s;} #sub.staff .con02 ul li:hover .img_w .over{opacity: 1;} #sub.staff .con02 ul li .img_w .over div{width: 100px;height: 100px;border: 1px solid #FFFFFF;border-radius: 6px;overflow: hidden;position: relative;} #sub.staff .con02 ul li .img_w .over div i{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;transition: 0.5s;} #sub.staff .con02 ul li:hover .img_w .over div i{transform: translateX(100%);} #sub.staff .con02 ul li .img_w .over div i:nth-child(1) path{stroke: #fff;} #sub.staff .con02 ul li .img_w .over div i:nth-child(2){position: absolute;top: 0;left: -100%;background-color: #fff;} #sub.staff .con02 ul li .txt{height: 95px;background-color: #FFFFFF;border-radius: 4px;display: flex;align-items: center;justify-content: center;flex-direction: column;margin-top: 10px;gap: 5px} #sub.staff .con02 ul li .txt strong{display: block;font-weight: 400;color: #514638;font-size: 24px;color: #514638;} #sub.staff .con02 ul li .txt p{font-size: 16px;color: #AB9477;font-weight: 600; font-family: the-seasons, sans-serif;} #sub.staff_view .con01{display: flex;justify-content: space-between;} #sub.staff_view .con01 .left{width: 735px;} #sub.staff_view .con01 .right{width: calc(100% - 815px);} #sub.staff_view .con01 .left .img{border-radius: 6px;overflow: hidden;;} #sub.staff_view .con01 .left .img img{display: block;width: 100%;} #sub.staff_view .con01 .right .name {margin-bottom: 90px;} #sub.staff_view .con01 .right .name i{display: block;margin-bottom: 30px;} #sub.staff_view .con01 .right .name strong{font-weight: 400;color: #514638;font-weight: 500;font-size: 50px;display: block;margin-bottom: 20px;;} #sub.staff_view .con01 .right .name p{font-size: 16px;color: #AB9477;font-weight: 600; font-family: the-seasons, sans-serif;font-weight: 400;} #sub.staff_view .con01 .right .list_w{display: flex;} #sub.staff_view .con01 .right .list_w > div{width: 50%;} #sub.staff_view .con01 .right .list_w > div.r{display: flex;flex-direction: column;gap: 45px} #sub.staff_view .con01 .right .list_w > div > div{padding-left: 40px;border-left: 1px dotted #BCB1A2;;} #sub.staff_view .con01 .right .list_w strong{display: block;font-size: 17px;color: #88755E;font-weight: 500;margin-bottom: 30px;} #sub.staff_view .con01 .right .list_w .list p{font-size: 15px;color: #958E84;margin-top: 30px;} #sub.staff_view .con01 .right .list_w .list ul{display: flex;flex-direction: column;gap: 10px} #sub.staff_view .con01 .right .list_w .list ul li{font-size: 17px;color: #7A736A;line-height: 1.5;padding-left: 10px;position: relative;} #sub.staff_view .con01 .right .list_w .list ul li:before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;border: 1px solid #7A736A;box-sizing: border-box;position: absolute;left: 0;top: 10px;} #sub.staff_view .con01 .right .list_w .r .list ul li{padding-left: 90px;;} #sub.staff_view .con01 .right .list_w .r .list ul li span{position: absolute;color: #7A736A;font-weight: 600;left: 0;padding-left: 10px;display: block;} #sub.staff_view .con01 .right .list_w .week strong{margin-bottom: 15px;} #sub.staff_view .con01 .right .list_w .week table{width: 100%;border-top: 1px solid #DCD7D0; border-collapse: collapse;} #sub.staff_view .con01 .right .list_w .week table th, #sub.staff_view .con01 .right .list_w .week table td{border-bottom: 1px solid #DCD7D0;height: 44px;vertical-align: middle;text-align: center;;} #sub.staff_view .con01 .right .list_w .week table td svg{display: block;margin: 0 auto;} #sub.staff_view .con01 .right .list_w .week table th{font-size: 14px;color: #7A736A;} #sub.staff_view .con01 .right .list_w .link a{display: flex;width: 255px;height: 100px;border: 1px solid #C9C0B2;border-radius: 6px;display: flex;align-items: center;justify-content: center;gap: 24px} #sub.staff_view .con01 .right .list_w .link a span{font-size: 18px;color: #514638;font-weight: 500;} /* 모션 */ #sub.direction .con02 .right{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.direction .con02.on .right{transform: translateY(0px);opacity:1;transition-delay: 0.3s;} #sub .s_title{margin-bottom: 55px;} #sub .s_title.s_title_center{text-align: center;} #sub .s_title span {display: block;font-size: 16px;color: #C2A887;font-family: the-seasons, sans-serif;margin-bottom: 20px;} #sub .s_title strong{display: block;font-size: 50px;color: #514638;font-weight: 500;margin-top: 20px;} #sub .s_title p{font-size: 20px;color: #7A736A;line-height: 34px;margin-top: 20px;} #sub.product .info_box{display: flex;padding: 10px 0;border-top: 1.5px dotted #BCB1A2;;border-bottom: 1.5px dotted #BCB1A2} #sub.product .info_box .left{width: 885px;} #sub.product .info_box .left .img{border-radius: 10px;overflow: hidden;;} #sub.product .info_box .left .img img{display: block;} #sub.product .info_box .right{width: calc(100% - 885px);padding-left: 60px;} #sub.product .info_box .right .tit strong{font-size: 26px;color: #514638;font-weight: 500;line-height: 36px;;} #sub.product .con01.con01_mb{border-bottom: none;margin-bottom: 0;;} #sub .s_title p b{font-weight: inherit;text-decoration: underline;} #sub.product .check_list .list_w{display: flex;flex-direction: column;gap: 60px} #sub.product .check_list .list_w strong{display: block;font-size: 26px;color: #514638;font-weight: 500;margin-bottom: 30px;} #sub.product .check_list ul{display: flex;} #sub.product .check_list ul li{flex: 1;padding: 10px ;position: relative;} #sub.product .check_list ul li:after{content: '';display: block;width: 1.5px;height: 120px;top: 50%;margin-top: -60px;background: url(/img/sub/check_line.png);position: absolute;right: 0;} #sub.product .check_list ul li:last-child:after{display: none;} #sub.product .check_list ul li i{display: flex;width: 52px;height: 52px;align-items: center;justify-content: center;border: 1px solid #514638;border-radius: 5px;transition: 0.5s} #sub.product .check_list ul li:hover i{background: #514638} #sub.product .check_list ul li i svg path{transition: 0.5s} #sub.product .check_list ul li:hover i svg path{stroke: #fff} #sub.product .check_list ul li i svg{display: block;} #sub.product .check_list ul li .wrap{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 245px;gap: 30px;position: relative;z-index: 5} #sub.product .check_list ul li{position: relative} #sub.product .check_list ul li:before{content: '';display: block;width: calc(100% - 20px);height: calc(100% - 20px);border-radius: 6px;background: #EBE4DC;position: absolute;top: 10px;left: 10px;transform: scale(0.9);opacity: 0;transition: 0.5s} #sub.product .check_list ul li:hover:before{transform: scale(1);opacity: 1} #sub.product .check_list ul li .wrap p{font-size: 22px;color: #514638;line-height: 32px;text-align: center;} #sub.product .check_list ul li .wrap p b{font-weight: inherit;text-decoration: underline} #sub.product .check_list ul li .wrap span{font-size: 16px;color: #7A736A;margin-top: 0;line-height: 26px;text-align: center;margin-top: -15px;} #sub.product .step{display: flex;padding-bottom: 140px;} #sub.product .step .left{width: 425px;} #sub.product .step .right{width: calc(100% - 425px);} #sub.product .step .right > ul{display: flex;flex-wrap: wrap;border-bottom: 1px solid #E2DAD0;} #sub.product .step .right > ul li{width: 50%;position: relative;} #sub.product .step .right > ul li i svg{display: block;} #sub.product .step .right > ul li i{display: block;} #sub.product .step .right > ul li:nth-child(1) i{position: absolute;right: 0;;top: 50%;transform: translate(50%,-50%);} #sub.product .step .right > ul li:nth-child(2) i{position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 50%) rotate(90deg);} #sub.product .step .right > ul li:nth-child(3) i{position: absolute;left: 0;;top: 50%;transform: translate(-50%,-50%) rotate(180deg);} #sub.product .step .right > ul li:nth-child(1){order: 1;} #sub.product .step .right > ul li:nth-child(2){order: 2;} #sub.product .step .right > ul li:nth-child(4){order: 3;} #sub.product .step .right > ul li:nth-child(3){order: 4;} #sub.product .step .right > ul.list06 li{width: 33.33%;} #sub.product .step .right > ul.list06 li:nth-child(1){order: 1;} #sub.product .step .right > ul.list06 li:nth-child(2){order: 2;} #sub.product .step .right > ul.list06 li:nth-child(3){order: 3;} #sub.product .step .right > ul.list06 li:nth-child(4){order: 6;} #sub.product .step .right > ul.list06 li:nth-child(5){order: 5;} #sub.product .step .right > ul.list06 li:nth-child(6){order: 4;} #sub.product .step .right > ul.list06 li:nth-child(1) i{position: absolute;right: 0;;top: 50%;transform: translate(50%,-50%);left: auto;} #sub.product .step .right > ul.list06 li:nth-child(2) i{position: absolute;right: 0;;top: 50%;transform: translate(50%,-50%);left: auto;} #sub.product .step .right > ul.list06 li:nth-child(3) i{position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 50%) rotate(90deg);} #sub.product .step .right > ul.list06 li:nth-child(4) i{position: absolute;left: 0;;top: 50%;transform: translate(-50%,-50%) rotate(180deg);} #sub.product .step .right > ul.list06 li:nth-child(5) i{position: absolute;left: 0;;top: 50%;transform: translate(-50%,-50%) rotate(180deg);} #sub.product .step .right > ul li .txt_box{height: 298px;display: flex;flex-direction: column;align-items: center;justify-content: center;;;} #sub.product .step .right > ul li .txt_box span{display: flex;;width: 66px;height: 32px;background-color: #C2A887;border-radius: 50px;align-items: center;justify-content: center;font-family: the-seasons, sans-serif;font-size: 18px;color: #F1EDE8;} #sub.product .step .right > ul li .txt_box em{font-family: the-seasons, sans-serif;font-size: 40px;color: #514638;text-decoration: underline;} #sub.product .step .right > ul li .txt_box strong{display: block;;font-size: 22px;color: #514638;font-weight: 500;margin-top: 20px;} #sub.product .step .right > ul li .txt_box p{font-size: 16px;color: #7A736A;margin-top: 14px;line-height: 26px;text-align: center;;} #sub.product.lamiro .step .right > ul{gap: 75px 0;border-bottom: none;} #sub.product.lamiro .step .right > ul li:nth-child(3){padding-bottom: 30px;} #sub.product.lamiro .step .right > ul li {padding: 0 30px;} #sub.product.lamiro .step .right > ul li .img{border-radius: 6px;overflow: hidden;;} #sub.product.lamiro .step .right > ul li .img img{max-width: 100%;display: block;} #sub.product.lamiro .step .right > ul li .txt_box{height: auto;margin-top: 20px;} #sub.product.lamiro .step .right > ul li .txt_box span{width: auto;padding: 0 13px;} #sub.product.lamiro .step .right > ul li:last-child .txt_box span{background: #514638} #sub.product .step .info_list {margin-top: 70px;} #sub.product .info_listbm{padding-top: 80px;padding-bottom: 140px} #sub.product .step .info_list div strong{display: block;font-size: 18px;color: #88755E;font-weight: 500;} #sub.product .step .info_list div ul{display: flex;flex-direction: column;gap: 10px;margin-top: 20px;} #sub.product .step .info_list div ul li{font-size: 17px;color: #7A736A;line-height: 1.5;padding-left: 10px;position: relative;} #sub.product .step .info_list div ul li:before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;border: 1px solid #7A736A;box-sizing: border-box;position: absolute;left: 0;top: 10px;} .slider::-webkit-slider-thumb { appearance: none; width: 40px; height: 40px; background: #fff; border-radius: 50%; cursor: pointer; opacity: 0; } .handle { position: absolute; top: 0; left: 50%; /* JS에서 이 값을 바꿈 */ width: 1px; height: 100%; background:#C4CF00; z-index: 20; transform: translateX(-50%); pointer-events: none; /* 클릭이 input을 통과하도록 설정 */ } #sub.product .bnf .mySwiper .swiper-slide{display: flex;align-items: center} #sub.product .bnf .mySwiper .swiper-slide .wr{position: relative} #sub.product .bnf .mySwiper .swiper-slide .wr .over{position: absolute;width: 100%;height: 100%;position: relative;z-index: 5;backdrop-filter: blur(20px);background: rgba(81,70,56,0.3);z-index: 999;position: absolute;top: 0;left: 0;display: none;border-radius: 8px} #sub.product .bnf .mySwiper .swiper-slide.swiper-slide-active .wr .over{display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 40px} #sub.product .bnf .mySwiper .swiper-slide.swiper-slide-active .wr .over strong{font-size: 24px;color: #F1EDE8;line-height: 1.5;font-weight: 400;text-align: center} #sub.product .bnf .mySwiper .swiper-slide.swiper-slide-active .wr .over button{display: flex;align-items: center;justify-content: center;border: 1px solid #C9C0B2;border-radius: 6px;align-items: center;justify-content: center;border-radius: 6px;width: 244px;height: 100px;font-size: 18px;color: #FFFFFF;gap: 20px;transition: 0.5s} #sub.product .bnf .mySwiper .swiper-slide.swiper-slide-active .wr .over button:hover{background: #fff;color: #514638} #sub.product .bnf .mySwiper .swiper-slide.swiper-slide-active .wr .over button:hover svg path{stroke: #514638} #sub.product .bnf .mySwiper .swiper-slide.swiper-slide-active .wr .over button svg{display: block} #sub.product .bnf .mySwiper .swiper-slide .wr .over2{position: absolute;width: 100%;height: 100%;position: relative;z-index: 5;backdrop-filter: blur(20px);background: rgba(81,70,56,0.3);z-index: 999;position: absolute;top: 0;left: 0} #sub.product .bnf .mySwiper .swiper-slide .wr .over2{height: 312px;border-radius: 8px} #sub.product .bnf .mySwiper .swiper-slide.swiper-slide-active .wr .over2{display: none} #sub.product .bnf .mySwiper .swiper-slide .img_box img{max-width: 390px} #sub.product .bnf .mySwiper .swiper-slide-active .img_box img{max-width: 518px} .handle svg{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%} #sub.product .bnf .mySwiper{overflow: visible;} #sub.product .bnf .before_after{position: relative} #sub.product .bnf .before_after .after{position: absolute;top: 0;left: 0;overflow: hidden;width: 518px} #sub.product .bnf .before_after input{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0} #sub.product .bnf .before_after img{display: block;max-width: 100vw} #sub.product .bnf .mySwiper .swiper-slide{width: 390px;;} #sub.product .bnf .mySwiper .swiper-slide .img_box{height: 312px;display: flex;align-items: center;position: relative} #sub.product .bnf .mySwiper .swiper-slide .img_box > div{aspect-ratio: 390 / 235;width: 100%;overflow: hidden;background-color: #312D27;border-radius: 8px;;} #sub.product .bnf .mySwiper .swiper-slide .txt{background: linear-gradient(to left, #EBE4DC, #EBE4DC00);padding: 30px;height: 138px;border-radius: 8px;overflow: hidden;transition: 0.5s;opacity: 0;} #sub.product .bnf .mySwiper .swiper-slide-active .txt{opacity: 1;} #sub.product .bnf .mySwiper .swiper-slide .txt p{font-size: 18px;color: #7A736A;line-height: 28px;word-break: keep-all} #sub.product .bnf .mySwiper .swiper-slide-active{width: 518px;} #sub.product .bnf .info_text{text-align: center;margin-top: 40px;} #sub.product .bnf .info_text p{font-size: 16px;color: #7A736A;line-height: 26px;} #sub.product .bnf .info_list{margin-top: 70px;padding-top: 70px;border-top: 1px solid #E2DAD0} #sub.product.tmj .info_list{margin-top: 70px;border-top: none;padding-bottom: 140px;} #sub.product .info_list div strong{display: block;font-size: 18px;color: #88755E;font-weight: 500;} #sub.product .info_list div ul{display: flex;flex-direction: column;gap: 10px;margin-top: 20px;} #sub.product .info_list div ul li{font-size: 17px;color: #7A736A;line-height: 1.5;padding-left: 10px;position: relative;} #sub.product .info_list div ul li b{display: block;} #sub.product .info_list div ul li:before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;border: 1px solid #7A736A;box-sizing: border-box;position: absolute;left: 0;top: 10px;} #sub.product .contact_us{position: relative;height: 100vh;display: flex;align-items: center;justify-content: center;padding-top: 100px;overflow: hidden;} #sub.product .contact_us .bg{position: absolute;left: 50%;transform: translateX(-50%);top: 0;} #sub.product .contact_us .wrap{position: relative;z-index: 5;;} #sub.product .contact_us .txt_w{text-align: center;} #sub.product .contact_us .txt_w span{display: block;font-size: 24px;color: #FFFFFF;font-weight: 500;;line-height: 1.5;text-align: center;} #sub.product .contact_us .txt_w span b{font-weight: inherit;text-decoration: underline;} #sub.product .contact_us .txt_w strong{display: block;font-size: 120px;color: #FFFFFF; font-family: the-seasons, sans-serif;font-weight: 400;} #sub.product .contact_us .list{margin: 0 auto;margin: 0 auto;margin-top: 180px;width: calc(100vw - 160px);border-top: 1px solid #FFFFFF25;padding-top: 75px;gap: 150px;} #sub.product .contact_us .list{margin: 0 auto;margin: 0 auto;margin-top: 180px;width: calc(100vw - 160px);border-top: 1px solid #FFFFFF25;display: flex;justify-content: center;align-items: center;} #sub.product .contact_us .list .left{display: flex;flex-direction: column;gap: 30px} #sub.product .contact_us .list p{font-size: 18px;color: #FFFFFF;line-height: 27px;;} #sub.product .contact_us .list p b{font-weight: inherit;text-decoration: underline} #sub.product .contact_us .link a{display: flex;align-items: center;justify-content: center;border: 1px solid #C9C0B2;border-radius: 6px;gap: 24px;width: 310px;height: 100px;font-size: 18px;color: #FFFFFF;font-weight: 500;transition: 0.5s} #sub.product .contact_us .link a:hover{background: #fff;color: #514638} #sub.product .contact_us .link a path{transition: 0.5s} #sub.product .contact_us .link a:hover path{stroke: #514638} #sub.implant .info_box{display: flex;;} #sub.implant .info_box .tb{margin-top: 27px;} #sub.implant .info_box .tb svg{max-width: 100%;height: auto;} #sub.implant .con02, #sub.product .check_list{margin-bottom: 160px;} #sub.product .bnf{margin-bottom: 140px;} #sub.product .bnf .s_title{text-align: center;} #sub.product .faq{border-bottom: 1px solid #E2DAD0;padding-bottom: 140px;margin-bottom: 140px;;} #sub.product .faq .list ul{display: flex;gap: 50px 45px;flex-wrap: wrap;} #sub.product .faq .list ul .tit{display: flex;align-items: center;gap: 15px;margin-bottom: 25px;} #sub.product .faq .list ul .tit strong{display: block;font-size: 22px;color: #514638;font-weight: 500;} #sub.product .faq .list ul .tit i{font-size: 30px;color: #C2A887;font-weight: 600; font-family: the-seasons, sans-serif;} #sub.product .faq .list ul .txt{padding: 30px;background-color: #EBE4DC;border-radius: 6px;} #sub.product .faq .list ul .txt p{font-size: 17px;color: #7A736A;line-height: 28px;;} #sub.product .faq .list ul li{width: calc(50% - 22.5px);padding-left: 30px;border-left: 1px dotted #BCB1A2;} #sub.product .con01{margin-bottom: 140px;padding-bottom: 120px;border-bottom: 1px solid #E2DAD0;;} #sub.product .con01 > div{display: flex;justify-content: space-between;align-items: flex-end;} #sub.product .con01 .sv_title{margin-bottom: 0;} #sub.product .con01 .link a{display: flex;align-items: center;justify-content: center;border: 1px solid #C9C0B2;border-radius: 6px;gap: 24px;width: 310px;height: 100px;font-size: 18px;color: #514638;font-weight: 500;transition: 0.5s} #sub.product .con01 .link a path{transition: 0.5s} #sub.product .con01 .link a:hover{background: #514638;border-color: #514638;color: #fff} #sub.product .con01 .link a:hover path{stroke: #fff} #sub.product .case_list{padding-bottom: 160px;} #sub.product .case_list .wr{display: flex;flex-direction: column;padding: 35px;border-radius: 6px;background: linear-gradient(-20deg, #E3D6C7, #E3D6C700);justify-content: space-between;position: relative;overflow: hidden} #sub.product .case_list .wr i{font-size: 30px;color: #C2A887;font-weight: 600; font-family: the-seasons, sans-serif;position: relative;z-index: 2} #sub.product .case_list .wr p{font-size: 22px;color: #514638;line-height: 32px;font-weight: 500;position: relative;z-index: 2} #sub.product .case_list .wr p span{font-size: 22px;color: #514638;line-height: 32px;font-weight: 500;position: relative;z-index: 2} #sub.product .case_list .wr p b{font-weight: inherit;text-decoration: underline} #sub.product .case_list .wr:before{content: '';display: block;width: 1100px;height: 1100px;position: absolute;bottom: -550px;right: -550px;background: #fff;border-radius: 50%;transform: scale(0);transition: 0.5s} #sub.product .case_list .wr:hover:before{transform: scale(1)} #sub.product .case_list01 ul{display: flex;gap: 24px} #sub.product .case_list01 ul li{flex: 1;position: relative;} #sub.product .case_list01 ul li:nth-child(2n){margin-top: 60px;} #sub.product .case_list01 ul li .wr{height: 300px;} #sub.product .case_list02 .mySwiper2{overflow: visible;} #sub.product .case_list02 .swiper-slide{width: 320px;transition: 0.5s;} #sub.product .case_list02 .swiper-slide:nth-child(odd){padding-top: 50px;} #sub.product .case_list02 .swiper-slide .wr{height: 230px;} #sub.product .borbm{margin-bottom: 140px;padding-bottom: 140px;border-bottom: 1px solid #E2DAD0;} #sub.product .check_list2.borbm{margin-top: 140px;padding-bottom: 80px;;} #sub.product.computer .con04{margin-top: 140px;} #sub.product.computer .info_conetent{margin-bottom: 140px;} #sub.product.computer .info_box .right{display: flex;flex-direction: column;justify-content: space-between;padding: 50px 60px;} #sub.product .info_box .right2{display: flex;flex-direction: column;justify-content: space-between;padding: 50px 60px;} #sub.product .info_box .right .txt{display: flex;;flex-direction: column;gap: 25px} #sub.product .info_box .right .txt p{text-align: right;font-size: 18px;color: #7A736A;line-height: 30px;;} #sub.product .info_box .right .txt p b{font-weight: inherit;text-decoration: underline;font-weight: 500} #sub.product .info_box .right .list ul{display: flex;flex-direction: column;gap: 16px} #sub.product .info_box .right .list ul li{display: flex;justify-content: space-between;} #sub.product .info_box .right .list ul li .l{display: flex;align-items: center;gap: 20px} #sub.product .info_box .right .list ul li .l p{font-size: 18px;color: #7A736A;font-weight: 400;;color: #7A736A;} #sub.product .info_box .right .list ul li strong{font-size: 18px;color: #7A736A;font-weight: 600;text-decoration: underline;;} #sub.product .info_box .right .list ul li .l span{width: 77px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50px;background-color: #C2A887;;font-size: 16px;color: #F1EDE8;font-weight: 500;} #sub.product .img_infobox{height: 100vh;background-color: #000;position: relative;overflow: hidden;} #sub.product .img_infobox .bg{position: absolute;left: 50%;transform: translateX(-50%);} #sub.product .img_infobox .line01{width: calc(100% - 160px);height: 1px;background-color: #ffffff25;position: absolute;top: 50%;left: 80px;} #sub.product .img_infobox .line02{height: calc(100% - 160px);width: 1px;background-color: #ffffff25;position: absolute;left: 50%;top: 80px;} #sub.product .img_infobox .txt_wr{position: absolute;width: 100%;height: 100%;flex-direction: column;display: flex;;align-items: center;justify-content: center;padding-top: 50px;} #sub.product .img_infobox .txt_wr .title span{display: block;text-align: center;font-size: 30px;color: #FFFFFF;font-weight: 500;margin-bottom: 50px;line-height: 42px;} #sub.product .img_infobox .txt_wr .title span b{text-decoration: underline;font-weight: inherit} #sub.product .img_infobox .txt_wr .title strong{font-size: 200px;color: #fff;font-weight: 400;display: block;text-align: center;font-family: the-seasons, sans-serif;} #sub.product .img_infobox .txt_wr .title strong i{position: relative;top: -5px} #sub.product .img_infobox .txt_wr .txt{display: flex;gap: 480px;padding-left: 200px;margin-top: 65px;} #sub.product .img_infobox .txt_wr .txt strong{font-size: 24px;color: #FFFFFF;line-height: 1.5;font-weight: 500;} #sub.product .img_infobox .txt_wr .txt strong b{font-weight: inherit;text-decoration: underline;} #sub.product .img_infobox .txt_wr .txt_w{display: flex;flex-direction: column;gap: 20px} #sub.product .img_infobox .txt_wr .txt p{font-size: 18px;color: #FFFFFF;line-height: 27px;;} #sub.product .p_title{margin-bottom: 60px;} #sub.product .p_title span{display: block;text-align: center; font-family: the-seasons, sans-serif;font-size: 120px;color: #DCD0BF;font-weight: 600;line-height: 1;} #sub.product .p_title strong{font-size: 50px;color: #514638;font-weight: 500;display: block;text-align: center;margin-top: -60px;} #sub.product .p_title.p_title2 strong{font-family: the-seasons, sans-serif;font-size: 70px;} #sub.product .p_title.p_title2 em{display: block;text-align: center;font-size: 24px;color: #514638;line-height: 28px;font-weight: 500;margin-top: 15px;} #sub.product .p_title.p_title2 p{font-size: 20px;color: #7A736A;line-height: 34px;margin-top: 20px;text-align: center;} #sub.product .p_title.p_title2 p b{font-weight: inherit;text-decoration: underline} #sub.product.lighten .con04{height: 100vh;position: relative;overflow: hidden;margin-bottom: 140px;} #sub.product.lighten .con04 .txt_w{position: absolute;top: 0;left: 0;z-index: 4;width: 100%;height: 100%;display: flex;justify-content: center;flex-direction: column;padding: 0 80px;} #sub.product.lighten .con04 .txt_w span{display: block;;font-size: 24px;color: #FFFFFF;font-weight: 500;line-height: 1.5;margin-bottom: 90px;} #sub.product.lighten .con04 .txt_w strong{font-size: 200px;color: #fff;font-weight: 400;display: block;font-family: the-seasons, sans-serif;line-height: 1;} #sub.product.lighten .con04 .bg video{width: 100vw} #sub.product.lighten .con04 .txt_w .info{display: flex;flex-direction: column;gap: 20px;padding-left: 300px;padding-top: 60px;} #sub.product.lighten .con04 .txt_w .info p{font-size: 18px;color: #FFFFFF;line-height: 27px;;} #sub.product.lighten .con04 .txt{display: flex;} #sub.product.lighten .con04 .txt > div{width: 50%;} #sub.product.lighten .con04 .bg{position: absolute;left: 50%;transform: translateX(-50%);} #sub.product .diff_content{margin-top: 140px;} #sub.product.pres .diff_content + .check_list{margin-top: 130px} #sub.product .diff_content .box_w{display: flex;gap: 175px} #sub.product .diff_content .box_w .box{width: calc(100% - 87.5px);} #sub.product .diff_content .box_w .box .img{border-radius: 6px;overflow: hidden;} #sub.product .diff_content .box_w .box .img img{display: block;width: 100%;} #sub.product .diff_content .box_w .box .txt {border-left: 1.5px dashed #BCB1A2;padding-left: 30px;margin-top: 30px;} #sub.product .diff_content .box_w .box .txt strong{font-size: 22px;color: #514638;font-weight: 500;} #sub.product .diff_content .box_w .box .txt ul{display: flex;flex-direction: column;gap: 10px;margin-top: 20px;} #sub.product .diff_content .box_w .box .txt li{font-size: 17px;color: #7A736A;line-height: 1.5;padding-left: 10px;position: relative;} #sub.product .diff_content .box_w .box .txt p{font-size: 18px;color: #7A736A;line-height: 30px;margin-top: 15px;} #sub.product .diff_content .box_w .box .txt li:before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;border: 1px solid #7A736A;box-sizing: border-box;position: absolute;left: 0;top: 10px;} #sub.product .diff_content .box_w .box:nth-child(2){margin-top: 220px;} #sub.product.precision .check_list{margin-top: 140px;} #sub.product .wisdom_content{position: relative;} #sub.product .wisdom_content .wis_wrap{position: relative;} #sub.product .wisdom_content .wis_wrap .title{position: absolute;} #sub.product .wisdom_content .wis_wrap .box_w {display: flex;} #sub.product .wisdom_content .wis_wrap .box_w .img img{display: block;} #sub.product .wisdom_content .wis_wrap .box_w .img{overflow: hidden;border-radius: 6px;} #sub.product .wisdom_content .wis_wrap .box_w p{white-space: pre-wrap} #sub.product .wisdom_content .wis_wrap .box_w .box{padding: 10px;border-right: 1px dashed #BCB1A2;background-color: #F1EDE8;} #sub.product .wisdom_content .wis_wrap{border-top: 1px dashed #BCB1A2;border-bottom: 1px dashed #BCB1A2;position: relative;padding: 0 80px;} #sub.product .wisdom_content .wis_wrap .box_w {border-left: 1px dashed #BCB1A2;border-right: 1px dashed #BCB1A2;position: relative;z-index: 5;} #sub.product .wisdom_content .wis_wrap:after{content:'';display:block;position: absolute;width: 100%;top: 50%;border-top: 1px dashed #BCB1A2;z-index: 5;} #sub.product .wisdom_content .wis_wrap .box_w02{justify-content: flex-end;} /* #sub.product .wisdom_content .wis_wrap .box_w .box:nth-child(1){border-left: 1px dashed #BCB1A2;} */ #sub.product .wisdom_content .wis_wrap .box_w .box span{display: block;width: 90px;height: 32px;background-color: #514638;border-radius: 16px;align-items: center;justify-content: center;font-size: 16px;color: #F1EDE8;font-weight: 500;align-items: center;justify-content: center;font-weight: 500;;display: flex;} #sub.product .wisdom_content .wis_wrap .box_w .box strong{font-size: 20px;color: #514638;font-weight: 500;display: block;margin: 10px 0} #sub.product .wisdom_content .wis_wrap .box_w .box strong b{font-weight: inherit;border-bottom: 1px solid #514638;} #sub.product .wisdom_content .wis_wrap .box_w .box p{font-size: 17px;color: #7A736A;line-height: 25px;;;} #sub.product .wisdom_content .wis_wrap .box_w .box .txt {padding: 20px;} #sub.product .wisdom_content .wis_wrap .box_w .box .txt div{display: flex;flex-direction: column;gap: 10px} #sub.product .wisdom_content .title {height: 50%;} #sub.product .wisdom_content .title strong{display: block;font-size: 120px;color: #514638;line-height: 130px; font-family: the-seasons, sans-serif;font-weight: 400;} #sub.product .wisdom_content .title01{left: 850px;display: flex;align-items: flex-end;padding-bottom: 44px;} #sub.product .wisdom_content .title02{right: 1218px;padding-top: 44px;top: 50%;} #sub.product .wisdom_content .bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} #sub.product .wisdom_content + .con04{padding-top: 80px;padding-bottom: 140px;;} #sub.product .pro_notice {margin-bottom: 140px} #sub.product .pro_notice .list{display: flex;gap: 30px} #sub.product .pro_notice .list div svg{width: 100%;max-width: 100%;height: auto} #sub.product .pro_notice .list div{flex: 1} #sub.clinic .con02 img{display: block;} #sub.clinic .con02{overflow: hidden;height: 100vh;position: relative;} #main .main_con05 .bg2{position: absolute;top: calc(100% - 1px);width: 100%;height: 200%;background: linear-gradient(to bottom, #514638, #F1EDE8);left: 0} #sub.clinic .con02 .bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} #sub.clinic .con02 .list{display: flex;position: relative;z-index: 15;} #sub.clinic .con02 .list .list_in{width: 33.33%;border-right: 1px solid #FFFFFF25;} #sub.clinic .con02 .list .list_in:last-child{border-right: none;} #sub.clinic .con02 .list .list_in a{display: flex;height: 100vh;align-items: center;justify-content: center;text-align: center;backdrop-filter: blur(0px);background: rgba(255,255,255,0);transition: 0.5s;} #sub.clinic .con02 .list .list_in a:hover{backdrop-filter: blur(20px);} #sub.clinic .con02 .list .list_in a p{font-family: "the-seasons", sans-serif;font-size: 16px;color: #DEC5A5;font-weight: 600;margin-top: 10px;margin-bottom: 40px;} #sub.clinic .con02 .list .list_in a strong{font-size: 30px;color: #FFFFFF;font-weight: 500;;} #sub.clinic .con02 .list .list_in .more{width: 100px;height: 100px;display: flex;;justify-content: center;border: 1px solid #FFFFFF;border-radius: 6px;overflow: hidden;;margin: 0 auto;position: relative;} #sub.clinic .con02 .list .list_in .more div{transition: 0.5s;} #sub.clinic .con02 .list .list_in .more .over{position: absolute;background-color: #fff;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;left: 0%;opacity: 0;} #sub.clinic .con02 .list .list_in:hover .more .over{opacity: 1} #sub.clinic .con02 .list .list_in .more .base{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} #sub.clinic .con01{margin-bottom: 120px;} #sub.clinic .con01 > div{display: flex;justify-content: space-between;} #sub.clinic .con01 .info{display: flex;align-items: flex-start;} #sub.clinic .con01 .info > div{border-left: 1px dashed #BCB1A2;padding-left: 30px;padding-right: 135px;} #sub.clinic .con01 .info strong{display: block;font-size: 17px;color: #88755E;margin-bottom: 30px;} #sub.clinic .con01 .info ul{display: flex;flex-direction: column;gap: 10px;} #sub.clinic .con01 .info ul li{display: flex;gap: 20px;font-size: 17px;color:#7A736A;line-height: 30px;} #sub.clinic .con01 .info ul span{font-size: 17px;color:#7A736A;line-height: 30px;font-weight: 600;position: relative;padding-left: 10px;display: block;width: 85px;} #sub.clinic .con01 .info ul span:before{content: '';display: block;width: 4px;height: 4px;border: 1px solid #7A736A;border-radius: 50%;box-sizing: border-box;border-radius: 50%;position: absolute;top: 12px;left: 0;} #sub.clinic .con01 .info p{font-size: 15px;color: #958E84;line-height: 30px;margin-top: 30px;} #sub.clinic .con01 .info a{display: block;font-size: 22px;color: #514638;font-weight: 500;} #sub.clinic .con03{padding-top: 160px;} #sub.clinic .con03 .swiper-slide{width: 400px;} #sub.clinic .con03 .swiper-slide .txt{padding-left: 30px;border-left: 1.5px dashed #BCB1A2;margin-top: 30px;min-height: 125px;} #sub.clinic .con03 .swiper-slide .txt p{white-space: pre-wrap;font-size: 18px;color: #7A736A;line-height: 30px;;} #sub.clinic .con03 .swiper-slide .txt strong{display: block;font-size: 22px;color: #514638;font-weight: 500;margin-bottom: 10px;} #sub.clinic .con03 .swiper-slide .img{border-radius: 6px;overflow: hidden;;} #sub.clinic .con03 .swiper-slide .img img{display: block;} #sub.clinic .con03 .swiper{padding-left: 60px;} #sub.equipment .list ul{display: flex;flex-wrap: wrap;gap: 40px;padding: 0 40px;} #sub.equipment .list ul li{width: calc(25% - 30px);position: relative;padding-bottom: 80px;} #sub.equipment .list ul li .img img{display: block;width: 100%;} #sub.equipment .list ul li .img{border-radius: 6px;overflow: hidden;;} #sub.equipment .list ul li .img div{transition: 0.5s;} #sub.equipment .list ul li:hover .img div{transform: translateY(-10%);;} #sub.equipment .list ul li .txt{height: 70px;padding-top: 20px;background-color: #FFFFFF;border-radius: 6px;bottom: 0;position: absolute;width: 100%;transition: 0.5s;} #sub.equipment .list ul li .txt div{position: relative;} #sub.equipment .list ul li .txt2{padding-top: 8px;} #sub.equipment .list ul li .txt div p{position: absolute;top: 100%;padding-top: 10px;left: 0;width: 100%;text-align: center;color: #E3D8CA;font-size: 17px;line-height: 26px;white-space: pre-wrap;opacity: 0;transition: 0.5s;} #sub.equipment .list ul li:hover .txt div p{opacity: 1;} #sub.equipment .list ul li .txt strong{font-size: 18px;color: #514638;line-height: 26px;display: block;text-align: center;transition: 0.5s} #sub.equipment .list ul li:hover .txt strong{color: #fff;} #sub.equipment .list ul li:hover .txt{height: 180px;background-color: #7C746A;padding-top: 35px;} #sub.product.lamiro .diff_content{margin-bottom: 160px;} #sub.product .build_contents{position: relative;height: 100vh;overflow: hidden;} #sub.product .build_contents .v_title{position: absolute;left: 60px;top: 140px;} #sub.product .build_contents .over2 p{text-decoration: underline;} #sub.product .build_contents .v_title .sv_txt_w{display: flex;flex-direction: column;justify-content: start;align-items: start;gap: 10px;} #sub.product .build_contents .v_title .over p{font-size: 30px;color: #B8AEA3;font-weight: 500;} #sub.product .build_contents .v_title .over{position: relative;} #sub.product .build_contents .v_title .over p:nth-child(2){position: absolute;left: 0;top: 0;color: #514638;clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);} #sub.product .build_contents .mv_cont2 .info_img02{margin-left: 100px;margin-top: 199px;} #sub.product .build_contents .mv_cont2 .info_img03{ margin-left: 229px;margin-top: -346px;} #sub.product .build_contents .mv_cont2 .vis_video_wrap{transform: translateY(70%);opacity: 0} #sub.product .build_contents.on .mv_cont2 .vis_video_wrap{transform: translateY(0%);transition: 1.2s;pointer-events: none;opacity: 1} #sub.product .build_contents .mv_cont2 .info_img{transform: translateY(50%);opacity: 0} #sub.product .build_contents.on .mv_cont2 .info_img{transform: translateY(0%);transition: 1.2s;transition-delay: 0.2s;opacity: 1} #sub.product .build_contents .mv_cont2 .building_floor{position: absolute;left: 50%;margin-left: -371px;width: 742px;height: 1177px;top: 100px;} #sub.product .build_contents .mv_cont2 .building_floor .building_floor{width: 100%;height: 100%;position: relative;font-size: 18px;color: #514638;} #sub.product .build_contents .mv_cont2 .building_floor .floor {position: absolute;top: 100%;} #sub.product .build_contents .mv_cont2 .building_floor .floor span{position: absolute;left: 100%;white-space: nowrap;top: 50%;transform: translateY(-220%);display: block;padding-left: 50px;display: flex;gap: 10px;font-size: 18px;color: #514638;opacity: 0;} #sub.product .build_contents .mv_cont2 .building_floor .floor span i{font-weight: 600;} #sub.product .build_contents .mv_cont2 .building_floor .floor .on{position: absolute;top: -3px;left: 0;opacity: 0;} #sub.product .build_contents .mv_cont2 .building_floor .floor .on2{position: absolute;top: -3px;left: 0;opacity: 0;} #sub.product .build_contents .mv_cont2 .building_floor .floor .on3{position: absolute;top: -3px;left: 0;opacity: 0;} #sub.product .build_contents .mv_cont2 .building_floor .floor07{top: 0;} #sub.product .build_contents .mv_cont2 .building_floor .floor06{top: 23.5%;} #sub.product .build_contents .mv_cont2 .building_floor .floor05{top: 28.9%;} #sub.product .build_contents .mv_cont2 .building_floor .floor04{top: 34.3%;} #sub.product .build_contents .mv_cont2 .building_floor .floor03{top: 39.7%;} #sub.product .build_contents .mv_cont2 .building_floor .floor02{top: 45.1%;} #sub.product .build_contents .mv_cont2 .building_floor .floor01{top: 50.5%;} #sub.product .build_contents .mv_cont2 .vis_title{position: absolute;width: 100%;bottom: 0;padding: 30px 50px ;z-index: 15;} #sub.product .build_contents .mv_cont2 .vis_title .vis_s{position: relative;display: flex;} #sub.product .build_contents .mv_cont2 .vis_title .on{position: absolute;color: #514638;border-bottom: 2px solid #514638;top: 0;left: 0;clip-path: polygon(0% 0%, 0% 0%, 0 100%, 0% 100%);} #sub.product .build_contents .mv_cont2 .vis_title strong span{display: block;font-size: 24px;color: #514638;display: block;position: absolute;right: 0;transform: translateX(calc(100% + 60px)) translateY(-50%);top: 50%;line-height: 36px;} #sub.product .build_contents .mv_cont2 .vis_title strong span b{font-weight: inherit;text-decoration: underline;} #sub.product .build_contents .mv_cont2 .vis_title strong{font-size: 150px;color: #514638;font-family: "the-seasons", sans-serif;font-weight: 400;white-space: nowrap;display: block;position: relative;} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap{width: 50vw;position: absolute;height: 100vh;right: 0;background-color: #F1EDE8;display: flex;align-items: center;transform: translateX(50%);opacity: 0;padding-left: 50px;} /* #sub.product .build_contents .mv_cont2 .floor_infomation_wrap{width: 50vw;position: absolute;height: 100vh;right: 0;background-color: #F1EDE8;clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);} */ #sub.product .build_contents .mv_cont2 .floor_infomation_wrap .s_title strong{font-size: 30px;line-height: 1.5;} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap ul{display: flex;flex-wrap: wrap;gap: 50px 0;position: relative;left: -30px;} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap strong{opacity: 1;transform: translateX(0)} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap p{opacity: 1;transform: translateX(0)} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap ul li{width: 33.33%;padding-left: 30px;border-left: 1px dashed #BCB1A2;;} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap ul li:nth-child(1), #sub.product .build_contents .mv_cont2 .floor_infomation_wrap ul li:nth-child(4){border-left: none;} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap ul li p{display: block;font-size: 18px;color: #514638;font-weight: 500;margin-top: 15px;} #sub.product .build_contents .mv_cont2 .building_floor .buil_wrap{transform: translateY(100px);position: relative;width: 100%;height: 100%;transition: 2s;} #sub.product .build_contents .mv_cont2 .building_floor .buil_wrap .b_line{position: absolute;top: 50%;transform: translateY(-50%);} #sub.product .build_contents .mv_cont2 .building_floor .buil_wrap .b_line.left{left: -10px;} #sub.product .build_contents .mv_cont2 .building_floor .buil_wrap .b_line.right{right: -10px;} #sub.product .build_contents.on .mv_cont2 .building_floor .buil_wrap{transform: translateY(0);} #sub.product .step_m{margin-top: 140px} #sub.facilities .con01{margin-bottom: 200px;} #sub.facilities .con01 .box_w{display: flex;gap: 175px} #sub.facilities .con01 .box_w .box:nth-child(2){margin-top: 235px;} #sub.facilities .con01 .box_w .box{width: calc(50% - 87.5px);} #sub.facilities .con01 .box_w .box .img{border-radius: 6px;overflow: hidden;;} #sub.facilities .con01 .box_w .box .img img{display: block;width: 100%;} #sub.facilities .con01 .box_w .box .txt, #sub.facilities .con02 .list .txt, #sub.facilities .con03 .txt {display: flex;gap: 30px;padding-left: 20px;border-left: 1px dashed #BCB1A2;margin-top: 20px;} #sub.facilities .con01 .box_w .box .txt strong, #sub.facilities .con02 .list .txt strong, #sub.facilities .con03 .txt strong{display: block;font-size: 20px;color: #514638;font-family: "the-seasons", sans-serif;} #sub.facilities .con01 .box_w .box .txt p, #sub.facilities .con02 .list .txt p, #sub.facilities .con03 .txt p{font-size: 16px;color: #726A60;font-weight: 400;} #sub.facilities .con02 {margin-bottom: 200px;} #sub.facilities .con02 .list{display: flex;} #sub.facilities .con02 .cont{border-top: 1.5px dashed #BCB1A2;border-bottom: 1.5px dashed #BCB1A2;;} #sub.facilities .con02 .list .box{padding: 10px;border-left: 1.5px dashed #BCB1A2;padding-bottom: 40px;background-color: #F1EDE8;} #sub.facilities .con02 .list_w{display: flex;border-bottom: 1.5px dashed #BCB1A2;padding: 0 80px;display: flex;flex-direction: row-reverse;justify-content: flex-end;} #sub.facilities .con02 .list2{justify-content: flex-end;} #sub.facilities .con02 .list_w .box:last-child{border-right: 1.5px dashed #BCB1A2;} #sub.facilities .con02 .list .txt{border-left: none;} #sub.facilities .con02 .title{display: flex;flex-direction: column;justify-content: space-between;position: relative;padding-left: 55px;padding-top: 20px;padding-bottom: 60px;} #sub.facilities .con02 .title strong{font-size: 120px;color: #514638;font-weight: 400;line-height: 130px;font-family: "the-seasons", sans-serif;} #sub.facilities .con02 .title .bg{position: absolute;bottom: 0px;left: 0px;} #sub.facilities .con02 .title p{font-size: 20px;color: #514638;font-weight: 500;} #sub.facilities .con03{margin-bottom: 190px;} #sub.facilities .con03 ul{display: flex;gap: 36px;width: calc(100% + 40px);left: -20px;position: relative;} #sub.facilities .con03 ul li .img{border-radius: 6px;overflow: hidden;} #sub.facilities .con03 ul li .img img{display: block;} #sub.facilities .con04 .list_w {border-top: 1px dashed #BCB1A2;} #sub.facilities .con04 .list_w .box{display: flex;border-bottom: 1px dashed #BCB1A2;padding: 10px;} #sub.facilities .con04 .list_w .box .left{width: 50%;padding-right: 10px;} #sub.facilities .con04 .list_w .box .left .img img{display: block;} #sub.facilities .con04 .list_w .box .left .img{border-radius: 6px;overflow: hidden;;} #sub.facilities .con04 .list_w .box .right {display: flex;justify-content: space-between;flex-direction: column;padding-left: 35px;padding-top: 30px;} #sub.facilities .con04 .list_w .box .right strong{font-size: 120px;color: #514638;font-weight: 400;line-height: 130px;font-family: "the-seasons", sans-serif;} #sub.facilities .con04 .list_w .box .right p{font-size: 20px;color: #514638;} #sub.facilities .con04 .list_w .box ul{display: flex;gap: 12px} #sub.facilities .con04 .list_w .box ul li img{display: block;} #sub.facilities .con04 .list_w .box ul li{border-radius: 6px;overflow: hidden;;} #sub.philosophy .con04{position: relative;position: relative;height: 100vh} #sub.philosophy .con04 .roll_text{position: absolute;bottom: 0;display: flex;z-index: 1} #sub.philosophy .con04 .roll_text div{display: flex;gap: 50px} #sub.philosophy .con04 .roll_text strong{ font-size: 150px;color: #514638;font-family: "the-seasons", sans-serif;font-weight: 400;white-space: nowrap;display: block;} #sub.facilities .con02 .list .box img{border-radius: 6px;} #sub.facilities .con02 .title .bg svg{display: block;} #sub.product.pres .p_title{display: flex;flex-direction: column;justify-content: center;align-items: center} #sub.product.pres .p_title i{padding: 0 18px;display: flex;height: 32px;align-items: center;background: #514638;border-radius: 50px;font-size: 16px;color: #F1EDE8;font-weight: 500;margin-top: -50px;position: relative;z-index: 5;margin-bottom: 15px} #sub.product.pres .p_title em{font-size: 50px} #sub.product.pres .con06 .step_w{display: flex;gap: 33px;position: relative;margin-bottom: 50px;border-radius: 6px} #sub.product.pres .con06 .step_w:before{content: '';display: block;width: calc(100% - 120px);left: 60px;top: 50%; border-top: 1px dashed #BCB1A2;position: absolute} #sub.product.pres .con06 .step_w > div{flex: 1;gap: 33px;position: relative;height: 80px;} #sub.product.pres .con06 .step_w > div i{position: absolute;right: 0;display: block;transform: translateX(100%) translateY(-50%);top: 50%} #sub.product.pres .con06 .step_w > div strong{display: block;position: absolute;left: 50%;transform: translateX(-50%) translateY(-24px);bottom: 50%;width: 90px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50px;background: #B59F83;border-radius: 16px;align-items: center;justify-content: center;font-size: 16px;color: #F1EDE8;font-weight: 500;} #sub.product.pres .con06 .step_w > div strong:after{content: '';display: block;width: 8px;height: 8px;box-sizing: border-box;border: 2px solid #514638;border-radius: 50%;margin: 0 auto;position: absolute;bottom: -28px;left: 50%;transform: translateX(-50%)} #sub.product.pres .con06 .step_w{height: 80px;background: linear-gradient(to left, #E8DDD0, #E8DDD000)} #sub.product.pres .con06 .step_cont{display: flex;gap: 33px;border-top: 1px dashed #BCB1A2; border-bottom: 1px dashed #BCB1A2;width: calc(100% + 120px);left: -60px;position: relative;padding: 0 60px;z-index: 5} #sub.product.pres .con06 .step_cont:before{content: '';display: block;width: 80%;height: 100%;background: #ECE4DA;position: absolute;top: 0;left: 0;z-index: -1} #sub.product.pres .con06 .box_w{display: flex;flex: 1;border-left: 1px dashed #BCB1A2;justify-content: center;} #sub.product.pres .con06 .box_w:last-child{border-left: none} #sub.product.pres .con06 .box_w:last-child .box{border-left: 1px dashed #BCB1A2;} #sub.product.pres .con06 .box_w{display: flex;flex: 1} #sub.product.pres .con06 .box_w > .box{width: 50%;justify-content: center;display: flex;justify-content: space-between;flex-direction: column;height: 325px;gap: 10px;padding: 10px;border-right: 1px dashed #BCB1A2;background: #F1EDE8} #sub.product.pres .con06 .box_w > .box .txt{padding: 16px;padding-right: 0} #sub.product.pres .con06 .box_w > .box span{display: inline-block;line-height: 30px;border: 1px solid #C2A887;border-radius: 50px;padding: 0 18px;color: #C2A887;font-size: 16px;font-weight: 500} #sub.product.pres .con06 .box_w > .box p{font-size: 16px;color: #7A736A;line-height: 25px;margin-top: 10px} #sub.product.pres .con06 .box_w > .box a{font-size: 15px;display: flex;align-items: center;gap: 10px;margin-bottom: 30px;padding-left: 15px} #sub.product.pres .con06 .box_w > .box a svg{display: block} #sub.product.pres .con06 .box_w > .box strong{display: block;font-size: 20px;color: #514638;margin-top: 10px;font-weight: 500} #sub.product.pres .con06 .box_w > .box img{max-width: 100%;border-radius: 6px;} #sub.product .chk_list_w .ls_w{display: flex;padding: 60px 0;border-bottom: 1px dashed #BCB1A2} #sub.product .chk_list_w .ls_w:last-child{padding-bottom: 0;border-bottom: none} #sub.product .chk_list_w .ls_w:nth-child(1){padding-top: 0} #sub.product .chk_list_w .ls_w .left{width: 450px} #sub.product .chk_list_w .ls_w .left strong{display: block;font-size: 30px;color: #514638;line-height: 42px;font-weight: 500} #sub.product .chk_list_w .ls_w .left strong b{font-weight: inherit;text-decoration: underline} #sub.product .chk_list_w .ls_w .right{width: calc(100% - 450px)} #sub.product .chk_list_w .ls_w .right > p{font-size: 18px;color: #7A736A;line-height: 28px;margin-bottom: 30px} #sub.product .chk_list_w .ls_w .check_list{margin-bottom: 0} #sub.philosophy .con02{position: relative;position: relative;height: 100vh} #sub.philosophy .con02 .roll_text{position: absolute;bottom: 0;display: flex} #sub.philosophy .con02 .roll_text div{display: flex;gap: 50px} #sub.philosophy .con02 .roll_text strong{ font-size: 150px;color: #514638;font-family: "the-seasons", sans-serif;font-weight: 400;white-space: nowrap;display: block;} #sub.philosophy .con02 .step02{position: absolute;width: 100%;height: 100vh;top: 0;left: 0;background: #000000;overflow: hidden} #sub.philosophy .con02 .step02 .bg_w{position: absolute;left: 50%;transform: translateX(-50%) translateY(-50%);top: 50%;opacity: 0.8} #sub.philosophy .con02 .step02 .bg_w video{width: 100vw} #sub.philosophy .con02 .step02 .txt_w{width: 100%;height: 100vh;display: flex;flex-direction: column;justify-content: space-between;padding: 150px;position: relative;z-index: 5;transform: translateY(30%)} #sub.philosophy .con02 .step02 span{font-size: 24px;color: #FFFFFF;font-weight: 500;line-height: 36px} #sub.philosophy .con02 .step02 strong{ font-size: 120px; color: #fff; font-weight: 400; display: block; font-family: the-seasons, sans-serif; line-height: 1;} #sub.philosophy .con02 .txt_in{display: flex;justify-content: space-between} #sub.philosophy .con02 .txt_in p{font-size: 18px;color: #FFFFFF;line-height: 27px} #sub.philosophy .con02 .txt_in p b{font-weight: inherit;text-decoration: underline} #sub.philosophy .con02 .txt_in .txt{display: flex;flex-direction: column;gap: 30px;padding-top: 30px} #sub.philosophy .con02 .step01{position: absolute;width: 100%;height: 100vh;top: 0;left: 0} #sub.philosophy .con02 .step01 .info_list{position: absolute;right: 0;top: 0;width: 50%;height: 100%;background: rgba(255,255,255,0);backdrop-filter: blur(20px);display: flex;align-items: center;padding-left: 70px;transform: translateX(100%);border-left: 1px solid #D8D2C9;overflow: hidden} #sub.philosophy .con02 .step01 .info_list ul{display: flex;gap: 20px} #sub.philosophy .con02 .step01 .info_list ul li .img{border-radius: 6px;overflow: hidden} #sub.philosophy .con02 .step01 .info_list ul li .img img{display: block} #sub.philosophy .con02 .step01 .info_list ul li strong{display: block;font-size: 18px;color: #514638;margin-top: 20px;font-weight: 400;line-height: 1.5} #sub.philosophy .con02 .step01 > .txt{position: absolute;width: 100%;height: 100vh;top: 0;left: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;} #sub.philosophy .con02 .step01 > .txt span{display: block;font-size: 16px;color: #C2A887;font-family: "the-seasons", sans-serif;margin-bottom: 20px} #sub.philosophy .con02 .step01 > .txt p{font-size: 50px;color: #B8AEA3} #sub.philosophy .con02 .step01 > .txt .over{position: relative} #sub.philosophy .con02 .step01 > .txt .over p:nth-child(2){position: absolute;top: 0;left: 0;color: #514638;clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)} #sub.philosophy .con02 .step01 > .txt .over p[data-text]:not([data-text=""])::after {content: attr(data-text);} #sub.philosophy .con02 .step02{clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)} #sub.philosophy .con03{padding-top: 140px;border-bottom: 1px dashed #BCB1A2} #sub.philosophy .con03 .list_wrap .list{position: relative;padding-bottom: 360px} #sub.philosophy .con03 .list_wrap .list .box{top: 0;width: 100%} #sub.philosophy .con03 .list_wrap .list .box02{position: absolute;transform: translateY(100%)} #sub.philosophy .con03 .list_wrap .list .box03{position: absolute;transform: translateY(150%);;} #sub.philosophy .con03 .list_wrap .list .box{display: flex;padding: 10px;border-top: 1px dashed #BCB1A2;background: #F1EDE8} #sub.philosophy .con03 .list_wrap .list .box > div{width: 50%} #sub.philosophy .con03 .list_wrap .list .box .txt{display: flex;flex-direction: column;gap: 20px} #sub.philosophy .con03 .list_wrap .list .box p{text-align: right;font-size: 18px;color: #7A736A;line-height: 30px} #sub.philosophy .con03 .list_wrap .list .img{border-radius: 6px;overflow: hidden;display: flex;justify-content: center} #sub.philosophy .con03 .list_wrap .list .img img{display: block} #sub.philosophy .con03 .list_wrap .list .right{display: flex;flex-direction: column;justify-content: space-between;gap: 60px;padding: 60px} #sub.philosophy .con03 .list_wrap .list .right strong{font-size: 26px;color: #514638;font-weight: 500;line-height: 36px} #sub.philosophy .con03 .list_wrap .list .right strong b{font-weight: inherit;text-decoration: underline} #sub.philosophy .con04{position: relative;width: 100%;height: 100vh;} #sub.philosophy .con04 .step01{position: absolute;top: 0;left: 0;width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;text-align: center} #sub.philosophy .con04 .step02{position: absolute;top: 0;left: 0;width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;text-align: center} #sub.philosophy .con04 .step02 .txt{display: flex;align-items: center;justify-content: center;flex-direction: column;opacity: 0;gap: 60px} #sub.philosophy .con04 .step02 .txt strong{ font-size: 50px; color: #514638; font-weight: 500; line-height: 64px; text-align: center; display: block;} #sub.philosophy .con04 .step01 .bg{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0} #sub.philosophy .con04 .step01 .bg div{transform: translateY(70%)} #sub.philosophy .con04 .step01 .bg img{display: block} #sub.philosophy .con04 .step01 p{font-size: 20px;color: #7A736A;line-height: 34px;} #sub.philosophy .con04 .step01 strong{font-size: 50px;color: #514638;font-weight: 500;line-height: 64px;text-align: center;display: block;margin-bottom: 30px} #sub.philosophy .con04 .step01 span{display: block;display: block; font-size: 16px; color: #C2A887; font-family: "the-seasons", sans-serif; margin-bottom: 20px;} #sub .s_title span {transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub .on .s_title span {transform: translateY(0px);opacity: 1;transition: 1.2s;} #sub .s_title strong {transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub .on .s_title strong {transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub .s_title p {transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub .on .s_title p {transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product .bnf .sw{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .bnf.on .sw{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product .img_infobox .bg{position: absolute;top: 50%;transform: translateX(-50%) translateY(-50%);left: 50%} #sub.product .img_infobox .bg video{width: 100vw} #sub.product .img_infobox .txt_wr .title span{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .img_infobox.on .txt_wr .title span {transform: translateY(0px);opacity: 1;transition: 1.2s;} #sub.product .contact_us .txt_w span{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .contact_us.on .txt_w span {transform: translateY(0px);opacity: 1;transition: 1.2s;} #sub.product .contact_us .txt_w strong{filter: blur(20px);opacity: 0;transition: 1.2s;letter-spacing: 5px;} #sub.product .contact_us.on .txt_w strong{filter: blur(0px);opacity: 1;letter-spacing: 0px;} #sub.product .img_infobox .txt_wr .title strong{filter: blur(20px);opacity: 0;transition: 1.2s;letter-spacing: 5px;} #sub.product .img_infobox.on .txt_wr .title strong{filter: blur(0px);opacity: 1;letter-spacing: 0px;} #sub.product .p_title span{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .on .p_title span{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.0s;} #sub.product .p_title strong{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .on .p_title strong{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.product .contact_us .list{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .contact_us.on .list{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product .img_infobox .txt_wr .txt{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .img_infobox.on .txt_wr .txt{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product .case_list02 .mySwiper2{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .case_list02.on .mySwiper2{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product .per_step{padding-top: 140px;border-bottom: 1px dashed #BCB1A2;padding-bottom: 370px} #sub.product .per_step .list_wrap .list{position: relative;padding-bottom: 360px} #sub.product .per_step .list_wrap .list .box{top: 0;width: 100%} #sub.product .per_step .list_wrap .list .box02{position: absolute;transform: translateY(100%)} #sub.product .per_step .list_wrap .list .box03{position: absolute;transform: translateY(150%);;} #sub.product .per_step .list_wrap .list .box{display: flex;padding: 10px;border-top: 1px dashed #BCB1A2;background: #F1EDE8} #sub.product .per_step .list_wrap .list .box > div{width: 50%} #sub.product .per_step .list_wrap .list .box .txt{display: flex;flex-direction: column;gap: 20px} #sub.product .per_step .list_wrap .list .box p{font-size: 18px;color: #7A736A;line-height: 30px} #sub.product .per_step .list_wrap .list .img{border-radius: 6px;overflow: hidden;display: flex;justify-content: center} #sub.product .per_step .list_wrap .list .img img{display: block} #sub.product .per_step .list_wrap .list .right{display: flex;flex-direction: column;justify-content: space-between;gap: 60px;padding: 60px} #sub.product .per_step .list_wrap .list .right strong{font-size: 26px;color: #514638;font-weight: 500;line-height: 36px} #sub.product .per_step .list_wrap .list .right strong b{font-weight: inherit;text-decoration: underline} #sub.product .per_step .list_wrap .list .right span{display: flex;width: 96px;height: 32px;background: #C2A887;border-radius: 50px;align-items: center;justify-content: center;font-size: 18px;color: #F1EDE8;margin-bottom: 15px; font-family: the-seasons, sans-serif;} #sub.product .per_step .list_wrap .list .box01 > div, #sub.product .per_step .list_wrap .list .box02 > div{justify-content: flex-start;gap: 30px} #sub.product .check_list ul li{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .check_list.on ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product .check_list.on ul li:nth-child(2){transition-delay: 0.9s;} #sub.product .check_list.on ul li:nth-child(3){transition-delay: 1.2s;} #sub.product .check_list.on ul li:nth-child(4){transition-delay: 1.5s;} #sub.product .check_list.on ul li:nth-child(5){transition-delay: 1.8s;} #sub.product .case_list01 ul li{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .case_list01.on ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product .case_list01.on ul li:nth-child(2){transition-delay: 0.9s;} #sub.product .case_list01.on ul li:nth-child(3){transition-delay: 1.2s;} #sub.product .case_list01.on ul li:nth-child(4){transition-delay: 1.5s;} #sub.product .step .right > ul li{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .step.on .right ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product .step.on .right ul li:nth-child(2){transition-delay: 0.9s;} #sub.product .step.on .right ul li:nth-child(3){transition-delay: 1.2s;} #sub.product .step.on .right ul li:nth-child(4){transition-delay: 1.5s;} #sub.product .step.on .right ul li:nth-child(5){transition-delay: 1.8s;} #sub.product .step.on .right ul li:nth-child(6){transition-delay: 2.1s;} #sub.product .faq .list ul li{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .faq.on .list ul li{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product .faq.on .list ul li:nth-child(2){transition-delay: 0.9s;} #sub.product .faq.on .list ul li:nth-child(3){transition-delay: 1.2s;} #sub.product .faq.on .list ul li:nth-child(4){transition-delay: 1.5s;} #sub.product .faq.on .list ul li:nth-child(5){transition-delay: 1.8s;} #sub.product .faq.on .list ul li:nth-child(6){transition-delay: 2.1s;} #sub.product .wisdom_content .wis_wrap .box_w01{transform: translatex(-70px);opacity: 0;transition: 1.2s;} #sub.product .wisdom_content.on .wis_wrap .box_w01{transform: translatex(0px);opacity: 1;transition: 1.2s;transition-delay: 0.9s;} #sub.product .chk_list_w .ls_w{transform: translatex(-70px);opacity: 0;transition: 1.2s;} #sub.product .chk_list_w.on .ls_w{transform: translatex(0px);opacity: 1;transition: 1.2s;transition-delay: 0.9s;} #sub.product .wisdom_content .title01{transform: translatex(-70px);opacity: 0;transition: 1.2s;} #sub.product .wisdom_content.on .title01{transform: translatex(0px);opacity: 1;transition: 1.2s;transition-delay: 1.2s;} #sub.product .wisdom_content .wis_wrap .box_w02{transform: translatex(70px);opacity: 0;transition: 1.2s;} #sub.product .wisdom_content.on .wis_wrap .box_w02{transform: translatex(0px);opacity: 1;transition: 1.2s;transition-delay: 0.9s;} #sub.product .wisdom_content .title02{transform: translatex(70px);opacity: 0;transition: 1.2s;} #sub.product .wisdom_content.on .title02{transform: translatex(0px);opacity: 1;transition: 1.2s;transition-delay: 1.2s;} #sub.product .info_box > div:nth-child(1){transform: translatex(-70px);opacity: 0;transition: 1.2s;} #sub.product .info_box.on > div:nth-child(1){transform: translatex(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product .info_box > div:nth-child(2){transform: translatex(70px);opacity: 0;transition: 1.2s;} #sub.product .info_box.on > div:nth-child(2){transform: translatex(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product.lighten .con04 .bg div{transform: scale(1.1);} #sub.product.lighten .con04.on .bg div{transform: scale(1);transition: 3s;} #sub.product .img_infobox .bg img{transform: scale(1.1);display: block;} #sub.product .img_infobox.on .bg img{transform: scale(1);transition: 3s;} #sub.product.lighten .con04 .txt_w span{transform: translatex(70px);opacity: 0;transition: 1.2s;} #sub.product.lighten .con04.on .txt_w span{transform: translatex(0px);opacity: 1;transition: 1.2s;transition-delay: 0.0s;} #sub.product.lighten .con04 .txt_w strong{transform: translatex(70px);opacity: 0;transition: 1.2s;} #sub.product.lighten .con04.on .txt_w strong{transform: translatex(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.product.lighten .con04 .txt_w .info{transform: translatex(70px);opacity: 0;transition: 1.2s;} #sub.product.lighten .con04.on .txt_w .info{transform: translatex(0px);opacity: 1;transition: 1.2s;transition-delay: 0.66s;} #sub.clinic .con03 .swiper{transform: translatex(70px);opacity: 0;transition: 1.2s;} #sub.clinic .con03.on .swiper{transform: translatex(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product .p_title.p_title2 i {transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .on .p_title.p_title2 i {transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #sub.product .pro_notice .list div{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .pro_notice.on .list div{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product .p_title.p_title2 em,#sub.product .p_title.p_title2 p {transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .on .p_title.p_title2 em ,#sub.product .on .p_title.p_title2 p {transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product .diff_content .box_w .box{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub.product .diff_content.on .box_w .box{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.6s;} #sub.product .diff_content.on .box_w .box:nth-child(2){transition-delay: 0.9s;} .compare_wrap { position: relative; overflow: hidden; cursor: ew-resize; touch-action: pan-y; user-select: none; } .compare_wrap .before, .compare_wrap .after { pointer-events: none; } .compare_wrap img { user-select: none; -webkit-user-drag: none; } .compare_wrap .slider { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0; z-index: 10; cursor: ew-resize; } .compare_wrap .handle { position: absolute; z-index: 11; pointer-events: none; transform: translateX(-50%); } @media (max-width: 1760px) { #sub.product .per_step .list_wrap .list .img img{width: 100%} #sub.direction .con02 .right ul li .img{display: inline-block;} #sub.direction .con02 .right ul li img{width: 400px;} #sub.inquiry .con02 .right ul li .inp_list label{width: 100%;} #sub.staff_view .con01 .left{width: 650px;} #sub.equipment .list ul{padding: 0;} #sub.staff_view .con01 .right{width: calc(100% - 700px);} #sub.facilities .con02 .list .box img{width: 400px;} #sub.facilities .con03 ul li img{width: 100%;} #sub.facilities .con03 ul{gap: 10px} #sub.product.lighten .con04 .txt_w strong, #sub.product .img_infobox .txt_wr .title strong{font-size: 140px;line-height: 1;} #sub.clinic .con01 .info > div{padding-right: 40px;} #sub.product.computer .info_box .right{width: 100%;} #sub.product.lighten .con04 .txt_w .info{padding-left: 60px;} #sub.product .img_infobox .txt_wr .txt{gap: 150px} #sub.product .diff_content .box_w{gap: 60px} #sub.product .info_box .left{width: 50%;} #sub.product .info_box .left .img{display: flex;;align-items: center;justify-content: center;} #sub.product .diff_content .box_w .box{width: calc(50% - 30px);} #sub.product .wisdom_content .wis_wrap{padding: 0 30px;} #sub.product .wisdom_content .title strong{font-size: 80px;line-height: 1;} #sub.product .wisdom_content .title01{left: 800px;} #sub.product .wisdom_content .title02 { right: 1178px;} #sub.philosophy .con02 .roll_text strong{font-size: 120px;} } @media (max-width: 1600px) { #sub.product .chk_list_w .ls_w .left{width: 300px} #sub.product .chk_list_w .ls_w .right{width: calc(100% - 300px)} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap{width: calc(100vw - 200px)} #sub.facilities .con02 .list .box img{width: 300px} #sub.philosophy .con02 .step01 > .txt p{font-size: 40px} #sub.philosophy .con02 .step02 strong{font-size: 80px;} #sub.product .wisdom_content .wis_wrap:after{display: none;} #sub.product .wisdom_content .wis_wrap {border-top: none;padding: 0;} #sub.product .wisdom_content .wis_list {border-top: 1px dashed #BCB1A2;position: relative;padding: 0 20px;} #sub.product .wisdom_content .wis_list:after { content: ''; display: block; position: absolute; width: 100%; top: 50%; border-top: 1px dashed #BCB1A2; z-index: 5;left: 0; } #sub.philosophy .con02 .txt_in p{font-size: 16px;line-height: 1.5} #sub.product .wisdom_content .wis_wrap .title{position: static;padding: 0;} #sub.product .check_list ul li .wrap span{word-break: keep-all;} #sub.product.lighten .con04 .txt_w{padding: 0 30px;} #sub.facilities .con02 .title {padding: 20px;} #sub.facilities .con02 .title p{font-size: 16px;} #sub.facilities .con02 .title strong{font-size: 70px;line-height: 1;;} #sub.facilities .con01 .box_w{gap: 60px} #sub.facilities .con01 .box_w .box{width: calc(50% - 30px);} #sub.equipment .list ul{gap: 40px 15px} #sub.equipment .list ul li{width: calc(33.33% - 10px);} #sub.direction .con02 .left{gap: 20px} #sub.direction .con02{flex-direction: column;gap: 40px} #sub.staff .con01 ul{gap: 40px} #sub.staff .sub_con .inner{padding: 0 30px;} #sub .sub_visual{padding: 0 30px;padding-bottom: 40px;} #sub .sub_visual .sv_title strong{font-size: 80px;} #sub .inner{padding: 0 30px;} #sub.inquiry .con02 .left{padding-right: 30px;} #sub.inquiry .con02 .left ul li .txt p{font-size: 16px;line-height: 1.5;;} #sub.inquiry .con02 .left ul li .txt span{font-size: 16px;margin-bottom: 10px;;} #sub.inquiry .con02 .left ul li a{width: 180px;height: 70px;;} #sub.inquiry .con02 .right ul li .inp_list > div {width: calc(33.33% - 13.3px);} #sub.bo_list .list ul{gap: 40px 20px} #sub.bo_list .list ul li{width: calc(25% - 15px);} #sub.staff_view .con01 .left{width: 550px;} #sub.staff_view .con01 .right{width: calc(100% - 600px);} #sub.staff_view .con01 .right .list_w{flex-direction: column;gap: 20px} #sub.staff_view .con01 .right .list_w > div{width: 100%;} #sub.facilities .con04 .list_w .box .left .img img{width: 100%;} #sub.facilities .con04 .list_w .box .right strong{font-size: 80px;line-height: 1;;} #sub.facilities .con04 .list_w .box ul li img{height: 60px;} #sub.facilities .con04 .list_w .box .right p{font-size: 16px;} #sub.facilities .con03 ul{width: 100%;left: 0;} #sub.product .case_list .wr p br{display: none;} #sub.product .case_list .wr p{word-break: keep-all;} #sub.product .step{flex-direction: column;} #sub.product .step .right{width: 100%;} #sub.philosophy .con02 .step02 .txt_w{padding-left: 30px;padding-right: 30px} #sub.philosophy .con03 .list_wrap .list .right{padding: 20px;} #sub.philosophy .con02 .step02 .txt_w{padding-bottom: 60px;} #sub.philosophy .con02 .step02 .bg_w video, #sub.product.lighten .con04 .bg video{width: auto;height: 100vh} } @media (max-width: 1360px) { #sub.product .chk_list_w .ls_w .left{width: 100%} #sub.product .chk_list_w .ls_w{flex-direction: column;gap: 25px} #sub.product .chk_list_w .ls_w .right{width: 100%} #sub.product .img_infobox .bg video{width: auto;height: 100vh;display: block} #sub.product .diff_content .box_w .box .txt p br{display: none} #sub.product .wisdom_content .wis_wrap .box_w .box{display: flex;flex-direction: column;justify-content: space-between;} #sub.product .wisdom_content .wis_wrap .box_w .img img{width: 100%;} #sub.product .wisdom_content .wis_wrap .box_w .box{width: 300px;} #sub.product .wisdom_content .wis_wrap .box_w .box p{white-space: normal;word-break: keep-all;} #sub.product .wisdom_content .wis_wrap .title{padding: 0 20px;} #sub.product .wisdom_content .wis_wrap .title02{margin-bottom: 30px;} #sub.philosophy .con03 .list_wrap .list .img img{width: 100%} } @media (max-width: 1060px) { #sub.product .img_infobox .txt_wr .title strong svg{width: 30px;height: auto} #sub .sub_visual{padding-left: 20px;padding-right: 20px} #sub.product .per_step .list_wrap .list .right span{width: 60px;height: 26px;font-size: 13px} #sub.product .per_step .list_wrap .list .right, #sub.product .per_step .list_wrap .list .box01 > div, #sub.product .per_step .list_wrap .list .box02 > div{gap: 10px;justify-content: flex-start} #sub.product .per_step .list_wrap .list .box p{font-size: 14px;line-height: 1.5} #sub.product .per_step .list_wrap .list .right strong{font-size: 19px} #sub.product .per_step .list_wrap .list .right{padding: 40px} #sub.product .per_step .list_wrap .list .box01, #sub.product .per_step .list_wrap .list .box02, #sub.product .per_step .list_wrap .list .box03{transform: none;position: static} #sub.product.pres .con06 .box_w > .box img{display: block;margin: 0 auto} #sub.product .chk_list_w .ls_w .right > p{margin-bottom: 20px} #sub.product .chk_list_w .ls_w{gap: 10px} #sub.product .chk_list_w .ls_w .left strong{font-size: 20px} #sub.product .chk_list_w .ls_w .left strong br{display: noen} #sub.product .chk_list_w .ls_w .left strong{font-size: 24px;line-height: 1.5} #sub.product .chk_list_w .ls_w .right > p{font-size: 13px;line-height: 1.5} #sub.product .step .right > ul li .txt_box strong{line-height: 1.5;word-break: keep-all} #sub.product .step .right > ul li:nth-child(4){padding: 0} #sub.product .build_contents .mv_cont2 .building_floor{width: 500px;height: 795px;margin-left: -250px;} #sub.product .build_contents .mv_cont2 .building_floor .buil_wrap img{width: 500px} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap .s_title strong{font-size: 20px;line-height: 1.5} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap ul li p{font-size: 14px;line-height: 1.5;word-break: keep-all} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap ul li svg{width: 30px;height: auto} #sub.product .build_contents .mv_cont2 .vis_title strong span{font-size: 16px;line-height: 1.5} #sub.product .build_contents .mv_cont2 .vis_title strong{font-size: 80px} #sub.product.pres .con06 .box_w{border-bottom: 1px dashed #BCB1A2;} #sub.product.pres .con06 .box_w:last-child{border-bottom: none} #sub.product.pres .con06 .box_w > .box{height: 270px} #sub.product.pres .con06 .box_w > .box a{font-size: 12px;margin-bottom: 10px} #sub.product.pres .con06 .step_cont:before{width: 100%} #sub.product.pres .con06 .step_w{display: none} #sub.product.pres .con06 .box_w > .box span{line-height: 20px;font-size: 12px;padding: 0 10px} #sub.product.pres .con06 .box_w > .box strong{font-size: 14px} #sub.product.pres .con06 .box_w > .box p{font-size: 13px;line-height: 1.5} #sub.product.pres .con06 .step_w{flex-direction: column;height: 100%} #sub.product.pres .con06 .step_w > div{flex: 1} #sub.product.pres .con06 .step_cont{left: 0;padding: 0 10px;gap: 0} #sub.product.pres .con06 .step_cont{width: calc(100%)} #sub.product.pres .con06 .step_w{flex-direction: column;width: 100px} #sub.product.pres .con06 .step_cont{flex-direction: column} #sub.product.pres .con06 > div{display: flex} #sub.philosophy .con03 .list_wrap .list .box > div{gap: 10px} #sub.philosophy .con03 .list_wrap .list .right strong{font-size: 18px;line-height: 1.5} #sub.philosophy .con03 .list_wrap .list .box p{font-size: 13px;line-height: 1.5} #sub.philosophy .con02 .step01 .info_list ul li strong{margin-top: 10px} #sub.philosophy .con02 .step01 .info_list{padding: 20px} #sub.philosophy .con02 .step01 .wr{width: 100%} #sub.philosophy .con02 .step01 .info_list ul li .img img{width: 100%} #sub.philosophy .con02 .step01 .info_list ul li strong {font-size: 14px} #sub.philosophy .con02 .step01 .info_list ul{width: 100%;gap: 20px 10px;flex-wrap: wrap;width: 500px;margin: 0 auto;max-width: 80%} #sub.philosophy .con02 .step01 .info_list ul li{width: calc(50% - 5px)} #sub.philosophy .con02 .step01 .info_list{width: 100%;} #sub.philosophy .con02 .step01 > .txt span{font-size: 13px;margin-bottom: 15px} #sub.philosophy .con02 .roll_text strong{font-size: 60px;} #sub.philosophy .con02 .step01 > .txt p{font-size: 25px} #sub.philosophy .con02 .step02 span{font-size: 16px;line-height: 1.5} #sub.philosophy .con02 .txt_in p{font-size: 13px} #sub.philosophy .con02 .txt_in .txt{gap: 7px} #sub.philosophy .con02 .step02 strong{font-size: 50px} #sub.philosophy .con02 .txt_in{flex-direction: column} #sub.product.pres .p_title i{margin-top: -30px;font-size: 13px;line-height: 25px} #sub.product .info_box > div:nth-child(2){gap: 20px;} #sub.product .info_listbm{padding-top: 40px;padding-bottom: 60px} #sub.product .case_list01 ul li:nth-child(2n){margin-top: 30px} #sub .s_title p{margin-top: 15px} #sub.product .diff_content .box_w .box .txt p{font-size: 13px;line-height: 1.5;word-break: keep-all} #sub.philosophy .con02 .step01 > .txt p{} #sub.product .diff_content{margin-top: 60px;} #sub.product .wisdom_content .title strong{font-size: 60px;} #sub.product .wisdom_content .wis_wrap .box_w .box:nth-child(1){border-left: none;} #sub.product .wisdom_content .wis_list:after{display: none;} #sub.product .wisdom_content .wis_wrap .box_w .box .txt div{gap: 10px} #sub.product .wisdom_content .wis_wrap .box_w .box span{font-size: 13px;height: 26px;width: 50px;} #sub.product .wisdom_content .wis_wrap .box_w .box strong{font-size: 15px;} #sub.product .wisdom_content .wis_wrap .box_w .box{width: 220px;} #sub.product .wisdom_content .wis_wrap .box_w .box .txt{padding: 10px;} #sub.product .wisdom_content .wis_wrap .box_w .box p{font-size: 13px;line-height: 1.5;} #sub.product .wisdom_content .wis_wrap .box_w{flex-wrap: wrap;} #sub.product .wisdom_content .wis_wrap .box_w .box{width: 50%;border-top: 1px dashed #BCB1A2;} #sub.product .info_box .right{padding-right: 0;} #sub.product .info_box .right .list ul li .l span{width: 55px;height: 20px;font-size: 13px;} #sub.product .info_box .right .list ul li strong{font-size: 13px;} #sub.product .info_box .right .list ul li .l p{font-size: 13px;} #sub.product .info_box .right{padding-bottom: 20px;} #sub.product .info_box .right{padding-left: 0;} #sub.product.computer .con04{margin-top: 60px;} #sub.product .p_title strong{font-size: 32px;margin-top: -30px;} #sub.product.computer .info_conetent{margin-bottom: 60px;} #sub.product .info_box .right .tit strong{font-size: 16px;line-height: 1.5;} #sub.product .info_box .right .txt p br{display: none;} #sub.product .info_box .right .txt p{font-size: 13px;line-height: 1.5;word-break: keep-all;} #sub.product .info_box .right .txt{gap: 5px} #sub.product.computer .info_box .right{padding: 20px;gap: 15px;} #sub.product .info_box .right .txt p{text-align: left;} #sub.product .info_box .left {width: 100%;} #sub.product .info_box .left img{width: 100%;} #sub.product .info_box .right{width: 100%;padding-top: 20px;} #sub.product .info_box{flex-direction: column;} #sub.product .check_list2.borbm{margin-bottom: 60px;} #sub.implant .con02, #sub.product .check_list{margin-bottom: 60px;} #sub.product .p_title{margin-bottom: 30px;} #sub.product .check_list ul li .wrap{gap: 15px} #sub.product .check_list ul li .wrap span br{display: none;} #sub.product .check_list ul li .wrap span{word-break: keep-all;padding: 0 5px;margin-top: -7px;} #sub.product .check_list ul li .wrap span{font-size: 13px;line-height: 1.5;;} #sub.product .p_title span{font-size: 80px;} #sub.product .p_title.p_title2 strong{font-size: 40px;;} #sub.product .p_title.p_title2 em{font-size: 16px;margin-top: 5px;;} #sub.product .p_title.p_title2 p{font-size: 14px;line-height: 1.5;margin-top: 15px;} #sub.product .img_infobox .txt_wr .txt p{line-height: 1.5;} #sub.product .img_infobox .txt_wr .txt{padding-left: 0;} #sub.product .img_infobox .txt_wr .txt_w{gap: 5px} #sub.product .img_infobox .txt_wr .txt{flex-direction: column;gap: 20px;text-align: center;} #sub.product .img_infobox .txt_wr .title span{font-size: 18px;line-height: 1.5;margin-bottom: 20px;} #sub.product .img_infobox .txt_wr .txt strong{font-size: 20px;line-height: 1.5;;} #sub.product .img_infobox .txt_wr .txt{padding-right: 20px;} #sub.product .img_infobox .txt_wr .txt p{font-size: 13px;word-break: keep-all;} #sub.product .img_infobox .txt_wr .txt p br{display: none;} #sub.product .case_list02 .swiper-slide{width: 200px;} #sub.product .case_list02 .swiper-slide .wr{height: 180px;} #sub.product.lighten .con04 .bg img{height: 100vh;} #sub.product.lighten .con04 .txt_w span{font-size: 16px;line-height: 1.5;margin-bottom: 20px;;} #sub.product.lighten .con04 .txt_w .info{padding-top: 20px;} #sub.product.lighten .con04 .txt_w strong{font-size: 80px;} #sub.product.lighten .con04 .txt_w .info p{font-size: 14px;line-height: 1.5;;} #sub.product.lighten .con04 .txt_w{padding: 0 20px;} #sub.product .contact_us .list{gap: 40px;margin-top: 40px;padding-top: 40px;;} #sub.product .contact_us .link a svg{width: 5px;height: auto;;} #sub.product .contact_us .link a{font-size: 13px;width: 200px;height: 50px;gap: 10px} #sub.product .contact_us .list .left{gap: 15px} #sub.product .contact_us .list p{font-size: 13px;line-height: 1.5;;} #sub.product .contact_us .txt_w strong{font-size: 60px;} #sub.product .contact_us .txt_w span{font-size: 13px;} #sub.product .bnf{margin-bottom: 60px;} #sub.product .bnf .info_list{margin-top: 30px;padding-top: 30px;;} #sub.product .info_list div ul{gap: 5px;margin-top: 10px;} #sub.product .info_list div ul li{font-size: 13px;} #sub.product .info_list div ul li:before{top: 8px;} #sub.product .info_list div strong{font-size: 14px;} #sub.product .bnf .info_text{margin-top: 20px;} #sub.product .bnf .info_text p{font-size: 11px;line-height: 1.5;} #sub.product .bnf .mySwiper .swiper-slide .txt{padding: 20px;} #sub.product .bnf .mySwiper .swiper-slide .img_box{height: 180px;} #sub.product .bnf .mySwiper .swiper-slide .txt p{font-size: 13px;line-height: 1.5;;word-break: keep-all;} #sub.product .bnf .mySwiper .swiper-slide .txt p br{display: none;} #sub.product .bnf .mySwiper .swiper-slide{width: 220px;} #sub.product .bnf .mySwiper .swiper-slide-active{width: 300px;} #sub.product .bnf .mySwiper .swiper-slide .wr .over2{height: 180px;} #sub.product .bnf .mySwiper .swiper-slide.swiper-slide-active .wr .over{gap: 16px;} #sub.product .bnf .mySwiper .swiper-slide.swiper-slide-active .wr .over strong{font-size: 14px;} #sub.product .bnf .mySwiper .swiper-slide.swiper-slide-active .wr .over button{width: 120px;height: 40px;font-size: 12px;gap: 8px;} #sub.product .bnf .mySwiper .swiper-slide .img_box img{max-width: 220px} #sub.product .bnf .mySwiper .swiper-slide-active .img_box img{max-width: 300px} .handle svg{width: 50px;height: auto} #sub .s_title p{font-size: 13px;line-height: 1.5;;} #sub.product .borbm{padding-bottom: 60px;margin-bottom: 60px;;} #sub.product .check_list ul li .wrap{height: 150px;} #sub.product .check_list ul li i{width: 36px;height:36px;;} #sub.product .check_list ul li .wrap svg{width: 10px;height: auto;} #sub.product .check_list ul li .wrap p{font-size: 15px;line-height: 1.5;;} #sub.product .case_list{padding-bottom: 60px;} #sub.product .case_list01 ul{gap: 10px} #sub.product .case_list01 ul li .wr{height: 180px;} #sub.product .case_list .wr{padding: 20px;} #sub.product .case_list .wr i{font-size: 20px;} #sub.product .case_list .wr p{font-size: 14px;line-height: 1.5;} #sub.clinic .con02 .list .list_in .more svg{width: 7px;height: auto;;} #sub.clinic .con02 .list .list_in .more{width: 50px;height: 50px;} #sub.clinic .con02 .list .list_in a p{font-size: 13px;margin-bottom: 20px;;} #sub.clinic .con02 .list .list_in a strong{font-size: 24px;} #sub.clinic .con01{margin-bottom: 60px;} #sub.clinic .con01 .info ul span:before{top: 8px;} #sub.clinic .con01 .info ul{gap: 5px} #sub.clinic .con01 .info > div{padding-left: 20px;} #sub.clinic .con01 .info strong{font-size: 14px;margin-bottom: 15px;;} #sub.clinic .con01 .info a{font-size: 16px;} #sub.clinic .con01 .info p{font-size: 12px;margin-top: 5px;line-height: 1.5;;} #sub.clinic .con01 .info ul li{gap: 5px} #sub.clinic .con01 .info ul span{width: 65px;} #sub.clinic .con01 .info ul li, #sub.clinic .con01 .info ul span{font-size: 14px;line-height: 1.5;} #sub.clinic .con01 > div{flex-direction: column;} #sub.facilities .con04 .list_w .box .right{padding: 20px;} #sub.facilities .con04 .list_w .box .right p{font-size: 13px;} #sub.facilities .con04 .list_w .box .right strong{font-size: 50px;} #sub.facilities .con01 .box_w .box .txt, #sub.facilities .con02 .list .txt, #sub.facilities .con03 .txt{align-items: center;} #sub.facilities .con01 .box_w .box .txt, #sub.facilities .con02 .list .txt, #sub.facilities .con03 .txt{margin-top: 15px;} #sub.facilities .con02 .title .bg svg{width: 150px;height: auto;;} #sub.facilities .con02 .title strong{font-size: 45px;} #sub.facilities .con02 .title p{word-break: keep-all;font-size: 13px;} #sub.facilities .con01 .box_w{gap: 20px} #sub.facilities .con01 .box_w .box{width: calc(50% - 10px);} #sub.facilities .con01 .box_w .box:nth-child(2){margin-top: 60px;} #sub.facilities .con03{margin-bottom: 60px;} #sub.facilities .con02{margin-bottom: 60px;} #sub.facilities .con01{margin-bottom: 60px;} #sub.facilities .con01 .box_w .box .txt, #sub.facilities .con02 .list .txt, #sub.facilities .con03 .txt{gap: 10px;padding-left: 15px;} #sub.facilities .con01 .box_w .box .txt p, #sub.facilities .con02 .list .txt p, #sub.facilities .con03 .txt p{font-size: 13px;} #sub.facilities .con01 .box_w .box .txt strong, #sub.facilities .con02 .list .txt strong, #sub.facilities .con03 .txt strong{font-size: 15px;} #sub.equipment .list ul li{padding-bottom: 63px;} #sub.equipment .list ul li:hover .txt{height: 130px;padding-top: 20px;} #sub.equipment .list ul li .txt strong{line-height: 1.5;} #sub.equipment .list ul li .txt{height: 53px;} #sub.equipment .list ul li .txt{padding-top: 15px;} #sub.equipment .list ul li .txt2{padding-top: 5px;} #sub.equipment .list ul li .txt div p{font-size: 13px;line-height: 1.5;;} #sub.equipment .list ul li .txt strong{font-size: 14px;} #sub.direction .con02 .left em{font-size: 11px;margin-top: 10px;;} #sub.direction .con02 .left ul{gap: 5px} #sub.direction .con02 .box span:before{top: 8px;} #sub.direction .con02 .left ul li{gap: 10px} #sub.direction .con02 .box span{line-height: 1.5;} #sub.direction .con02 .box > strong{font-size: 14px;margin-bottom: 15px;;} #sub.direction .con02 .box span{font-size: 14px;} #sub.direction .con02 .box p{font-size: 14px;line-height: 1.5;;} #sub.direction .con01 .m_box .root_daum_roughmap{height: 350px;} #sub.direction .con02 .box{padding-left: 20px;} #sub.staff_view .con01 .right .list_w .link a span{font-size: 14px;} #sub.staff_view .con01 .right .list_w .link a svg{width: 5px;height: auto;} #sub.staff_view .con01 .right .list_w .link a{gap: 10px} #sub.staff_view .con01 .left{width: 100%;} #sub.staff_view .con01 .right .name{margin-bottom: 30px;} #sub.staff_view .con01 .right .list_w .week table th, #sub.staff_view .con01 .right .list_w .week table td{height: 30px;font-size: 13px;} #sub.staff_view .con01 .right .list_w > div.r{gap: 20px} #sub.staff_view .con01 .right .list_w .list p{font-size: 11px;margin-top: 10px;} #sub.staff_view .con01 .right .list_w .r .list ul li{padding-left: 70px;} #sub.staff_view .con01 .right .list_w strong{font-size: 14px;margin-bottom: 10px;;} #sub.staff_view .con01 .right .list_w .list ul li:before{top: 7px;} #sub.staff_view .con01 .right .list_w .list ul{gap: 5px} #sub.staff_view .con01 .right .list_w .list ul li{font-size: 13px;;} #sub.staff_view .con01 .right .list_w > div > div{padding-left: 20px;} #sub.staff_view .con01 .right .name i{margin-bottom: 15px;} #sub.staff_view .con01 .right .name i img{width: 40px;} #sub.staff_view .con01 .right .name p{font-size: 13px;} #sub.staff_view .con01 .right .name strong{font-size: 32px;margin-bottom: 10px;} #sub.staff_view .con01 .right{width: 100%;margin-top: 40px;} #sub.staff_view .con01{flex-direction: column;} #sub.staff .con02 ul li .txt{height: 65px;} #sub.staff .con02 ul{gap: 20px} #sub.staff .con02 ul li{width: calc(25% - 15px);} #sub.staff .con02 ul li .txt p{font-size: 13px;} #sub.staff .con02 ul li .txt strong{font-size: 16px;;} #sub.staff .con01{margin-bottom: 60px;padding-bottom: 40px;;} #sub.staff .con01 ul li{padding-left: 20px;height: 70px;} #sub.staff .con01 ul li span{font-size: 14px;} #sub.staff .sub_con .inner{padding: 0 20px;} #sub.staff .con01 ul li p{font-size: 14px;line-height: 1.5;;} #sub.bo_view .con01 .title{margin-bottom: 0;} #sub.bo_view .con01 .go_list svg{width: 5px;height: auto;} #sub.bo_view .con01 .go_list a, #sub.staff_view .con01 .right .list_w .link a { display: flex; width: 150px; height: 50px;font-size: 13px;gap: 15px} #sub.bo_view .con01 .content{min-height: 300px;padding: 20px;margin-top: 20px;;} #sub.bo_view .con01 .title strong{font-size: 18px;word-break: keep-all;;} #sub.bo_view .con01 .title p{font-size: 13px;margin-top: 10px;;} #sub.bo_view .con01 .title{padding-left: 20px;} #sub.bo_view .con01{padding: 0;} #sub.bo_list .list ul li .txt{margin-top: 15px;} #sub.bo_list .list ul li .txt p{font-size: 13px;margin-top: 10px;;} #sub.bo_list .list ul li .txt strong{font-size: 14px;line-height: 1.5;;} #sub .search input{width: 200px;height: 40px;padding-left: 10px;font-size: 13px;} #sub.inquiry .con02{flex-direction: column;gap: 40px} #sub.inquiry .con02 > div{width: 100%;} #sub .inner{padding: 0 20px;} #sub .sv_title .sv_txt_w {gap: 5px} #sub .sv_title .sv_txt_w .over p{font-size: 20px;} #sub .sv_title > p{font-size: 15px;margin-top: 10px;line-height: 1.5;} #sub .sv_title span{font-size: 13px;margin-bottom: 10px;;} #sub.inquiry .con02 .left ul li{padding: 20px} #sub.inquiry .con02 .left ul li .txt p{font-size: 14px;} #sub.inquiry .con02 .left ul li .txt span{font-size: 13px;} #sub.inquiry .con02 .left ul li a{font-size: 13px;width: 160px;gap: 10px;height: 50px;} #sub.inquiry .con02 .left ul li a svg{width: 5px;display: block;height: auto;} #sub.inquiry .con02 .left ul{gap: 10px} #sub .sv_title{margin-bottom: 30px;} #sub.inquiry .con02 .right ul{gap: 20px} #sub.inquiry .con02 .right ul li{width: 100%;} #sub.inquiry .con02 .right ul li span{font-size: 14px;} #sub.inquiry .con02 .right ul li .inp > input{height: 40px;font-size: 13px;} #sub.inquiry .con02 .right ul li .inp_list label:before, #sub.inquiry .con02 .chk .left label:before{width: 16px;height: 16px;;} #sub.inquiry .con02 .right ul li .inp_list label{font-size: 13px;height: 40px;padding: 0 20px;} #sub.inquiry .con02 .right ul li .inp textarea{height: 120px;padding: 20px;font-size: 13px;} #sub.inquiry .con02 .chk .right button{height: 60px;width: 160px;font-size: 13px;gap: 10px} #sub.inquiry .con02 .chk .right button svg{width: 7px;display: block;} #sub.inquiry .con02 .chk .left label{font-size: 13px;} #sub.inquiry .con02 .chk{margin-top: 25px;} #sub .sub_visual .sv_title strong{font-size: 60px;} #sub .sub_visual .loc_w .home a svg{width: 10px;} #sub .sub_visual .loc_w .home a{width: 30px;height: 30px;;} #sub .sub_visual .loc_w button{font-size: 13px;} #sub .sub_visual .loc_w .home{margin-right: 15px;} #sub .sub_visual .loc_w .loc02{margin-left: 10px;padding-left: 10px;} #sub .sub_visual{height: 400px;} #sub .sub_con{padding: 80px 0;} #sub .sub_visual:before{width: calc(100% - 40px);left: 20px;} #sub.direction .con02 .right ul li{width: 50%;} #sub.direction .con02 .right ul li img{width: 100%;} #sub.direction .con02 .right ul{gap: 20px} #sub.direction .con02 .right .box p{margin-top: 5px;} #sub.direction .con01{margin-bottom: 40px;} #sub.clinic .con03{padding-top: 60px;} #sub .s_title span{font-size: 13px;} #sub .s_title strong{font-size: 26px;margin-top: 10px;line-height: 1.5;word-break: keep-all;} #sub.clinic .con03 .swiper{padding-left: 20px;} #sub.clinic .con03 .swiper-slide{width: 270px;} #sub.clinic .con03 .swiper-slide img{width: 100%;} #sub.clinic .con03 .swiper-slide .txt p{font-size: 13px;line-height: 1.5;;} #sub.clinic .con03 .swiper-slide .txt strong{font-size: 13px;} #sub.clinic .con03 .swiper-slide .txt{padding-left: 20px;min-height: 85px;} #sub.clinic .con03 .swiper-slide .txt p{word-break: keep-all;white-space: pre;} #sub.clinic .con03 .swiper-slide .txt p br{display: none;} #sub .s_title span{margin-bottom: 0;} #sub .s_title{margin-bottom: 30px;} #sub.clinic .con03 .swiper-slide .txt{margin-top: 20px;} #sub.product .con01 > div{flex-direction: column;} #sub.product .con01 .link a{width: 180px;height: 50px;font-size: 13px;gap: 10px} #sub.product .con01 .link a svg{display: block;width: 5px;height: auto;;} #sub .sv_title .sv_txt_w .over p{word-break: keep-all;line-height: 1.5;} #sub.product .con01 > div{align-items: start;gap: 10px} #sub.product .info_list div ul li{word-break: keep-all;} #sub.product .con01{margin-bottom: 60px;padding-bottom: 60px;;} #sub.product .faq .list ul li{width: 100%;} #sub.product .faq .list ul li{padding-left: 20px;} #sub.product .faq .list ul .tit{margin-bottom: 10px;} #sub.product .faq .list ul .tit i{font-size: 20px;} #sub.product .faq .list ul .tit strong{font-size: 16px;;} #sub.product .faq .list ul .txt{padding: 20px;} #sub.product .faq .list ul .txt p br{display: none;} #sub.product .faq .list ul .txt p{font-size: 13px;word-break: keep-all;line-height: 1.5;;} #sub.product .faq .list ul{gap: 20px} #sub.product.lighten .con04{margin-bottom: 60px;} #sub.product .step .right > ul li .txt_box span{font-size: 13px;width: 45px;height: 20px;;} #sub.product .step .right > ul li .txt_box em{font-size: 30px;} #sub.product .step .right > ul li .txt_box strong{font-size: 16px;} #sub.product .step .right > ul.list06 li i{display: none;} #sub.product .step .right > ul li .txt_box p{font-size: 13px;line-height: 1.5;} #sub.product .step .right > ul.list06 li:nth-child(1){order: 1;} #sub.product .step .right > ul.list06 li:nth-child(2){order: 2;} #sub.product .step .right > ul.list06 li:nth-child(3){order: 3;} #sub.product .step .right > ul.list06 li:nth-child(4){order: 4;} #sub.product .step .right > ul.list06 li:nth-child(5){order: 5;} #sub.product .step .right > ul.list06 li:nth-child(6){order: 6;} #sub.product .step .right > ul li:nth-child(2){order: 2;} #sub.product .step .right > ul li:nth-child(3){order: 3;} #sub.product .step .right > ul li:nth-child(4){order: 4;} #sub.product .step .right > ul li .txt_box{height: auto;padding: 20px 0;} #sub.product .step .info_list div ul li{font-size: 13px;} #sub.product .step .info_list div ul{gap: 5px} #sub.product .step .info_list div strong{font-size: 13px;} #sub.product .step .info_list div ul li:before{top: 8px;} #sub.product .step .info_list div ul{margin-top: 10px;} #sub.product .step .info_list{margin-top: 30px;} #sub.product .step{padding-bottom: 60px;} #sub.product .diff_content .box_w .box .txt li{font-size: 13px;line-height: 1.5;} #sub.product .diff_content .box_w .box .txt li:before{top: 8px;} #sub.product .diff_content .box_w .box .txt ul{gap: 5px} #sub.product .faq{margin-bottom: 60px;padding-bottom: 60px;;} #sub.product .diff_content .box_w .box .txt strong{font-size: 16px;} #sub.product .diff_content .box_w .box .txt{padding-left: 20px;} #sub.product .diff_content .box_w .box:nth-child(2){margin-top: 0;} #sub.product .diff_content .box_w {gap: 30px} #sub.product .check_list2.borbm{margin-top: 60px;} #sub.product.lighten .con04 .txt_w strong, #sub.product .img_infobox .txt_wr .title strong{font-size: 80px;} #sub.product .step .right > ul li i{display: none;} #sub.product.precision .check_list{margin-top: 60px;} #sub.product.tmj .info_list{margin-top: 40px;padding-bottom: 60px;;} #sub.product .wisdom_content .wis_wrap .box_w.box_w01 .box{border-top: none;} #sub.product .wisdom_content .wis_wrap .box_w{justify-content: flex-start;} #sub.product .wisdom_content .wis_wrap .box_w02 .box:nth-child(2){border-bottom: 1px dashed #BCB1A2;} #sub.product .wisdom_content + .con04{padding-top: 40px;padding-bottom: 60px;;} #sub.product .pro_notice{margin-bottom: 60px} #sub.philosophy .con04 .step01 span{font-size: 13px} #sub.philosophy .con04 .step01 strong{font-size: 26px;line-height: 1.5} #sub.philosophy .con04 .step01 p{font-size: 14px;line-height: 1.5} #sub.philosophy .con04 .step02 .txt strong{font-size: 20px;line-height: 1.5} #sub.philosophy .con04 .roll_text strong{font-size: 60px} #sub.philosophy .con04 .step01 .bg img{max-width: 70vw} #sub.philosophy .con04 .step01 span{margin-bottom: 10px} #sub.facilities .con02 .list{flex-wrap: wrap} #sub.facilities .con02 .list_w{flex-direction: column;} #sub.facilities .con02 .list_w{padding: 0} #sub.facilities .con02 .list .box{flex: 1} #sub.facilities .con02 .list .box img{width: 100%} #sub.facilities .con02 .list_w .list{border-top: 1.5px dashed #BCB1A2} #sub.product .build_contents .v_title .over p{font-size: 18px} #sub.product .build_contents .v_title{gap: 10px} #sub.product.lamiro .step .right > ul{gap: 25px 0} #sub.product.lamiro .step .right > ul li{padding: 0 7px !Important} #sub.product.lamiro .step .right > ul li .txt_box{padding: 0} #sub.product .step .right > ul li .txt_box strong{text-align: center} #sub.product.lamiro .diff_content{margin-bottom: 60px} #sub.product .diff_content .box_w .box .txt{margin-top: 15px} #sub.product .per_step .list_wrap .list{padding-bottom: 0} #sub .sub_visual .loc_w ul li a{font-size: 13px;padding: 5px 10px} } @media (max-width: 800px) { #sub.facilities .con02 .list .box{padding-bottom: 20px} #sub.product .pro_notice .list{flex-direction: column;gap: 20px} #sub.product .wisdom_content .title strong{font-size: 40px;} #sub.product.lighten .con04 .txt > div{width: 100%;} #sub.product.lighten .con04 .txt_w .info{padding-left: 0;} #sub.product.lighten .con04 .txt{flex-direction: column;} #sub.equipment .list ul{gap: 30px 10px} #sub.equipment .list ul li{width: calc(50% - 5px);} #sub.facilities .con03 ul{flex-wrap: wrap;gap: 30px 10px} #sub.facilities .con03 ul li{width: calc(50% - 5px);} #sub.product .case_list01 ul{flex-wrap: wrap;} #sub.product .case_list01 ul li{width: calc(50% - 5px);flex: none;} #sub.product .contact_us .list{width: calc(100vw - 40px);} #sub.product .check_list ul li{flex: none;width: 50%;} #sub.product .check_list ul{flex-wrap: wrap;} #sub.product .case_list01 ul li:nth-child(2n){margin-top: 0;} #sub.product .check_list ul li .wrap{gap: 15px} #sub.product .diff_content .box_w{flex-direction: column;} #sub.product .diff_content .box_w .box{width: 100%;} #sub.product .img_infobox .txt_wr .txt{padding-left: 20px;} #sub.product .step .right > ul.list06 li{width: 50%;} #sub.product .step .right > ul li .txt_box p br{display: none;} #sub.philosophy .con03 .list_wrap .list .box{flex-direction: column} #sub.product .step .right > ul li .txt_box p{word-break: keep-all;} #sub.philosophy .con03 .list_wrap .list .box > div{width: 100%} #sub.philosophy .con03 .list_wrap .list .box p{text-align: left} #sub.philosophy .con03 .list_wrap .list .box02, #sub.philosophy .con03 .list_wrap .list .box03{position: static;transform: translateY(0)} #sub.philosophy .con03 .list_wrap .list .box{padding-left: 0;padding-right: 0} #sub.philosophy .con03 .list_wrap .list .box > div.right{padding: 20px 0} #sub.philosophy .con03 .list_wrap .list{padding-bottom: 60px} #sub.philosophy .con04 .step01 p{font-size: 13px} #sub.philosophy .con04 .step01 strong{margin-bottom: 20px} #sub.facilities .con01 .box_w .box .txt, #sub.facilities .con02 .list .txt, #sub.facilities .con03 .txt{flex-direction: column;align-items: flex-start} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap{width: 100%} #sub.product .build_contents .mv_cont2 .building_floor .floor span{font-size: 12px;} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap ul li{padding-left: 15px} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap{padding: 0 20px} #sub.product .build_contents .mv_cont2 .vis_title strong{font-size: 60px} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap ul{left: 0} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap ul li p{margin-top: 5px} #sub.product .build_contents .mv_cont2 .floor_infomation_wrap ul li{padding: 0 7px} #sub.product .per_step .list_wrap .list .box{flex-direction: column} #sub.product .per_step .list_wrap .list .box > div{width: 100%} #sub.product .per_step .list_wrap .list .right{padding: 20px 0} #sub.product .per_step .list_wrap .list .box{padding-left: 0;padding-right: 0} #sub.product .per_step{padding-bottom: 0} #sub.product .per_step .list_wrap .list .right span{margin-bottom: 10px} } @media (max-width: 660px) { #sub.product .step .right > ul li .txt_box strong{font-size: 14px} #sub .sub_visual .loc_w button{font-size: 12px} #sub.facilities .con04 .list_w .box .right strong{font-size: 40px} #sub.facilities .con01 .box_w{flex-direction: column} #sub.facilities .con01 .box_w .box:nth-child(2){margin-top: 0} #sub.facilities .con01 .box_w .box{width: 100%} #sub.facilities .con02 .list2{flex-wrap: wrap} #sub.facilities .con02 .list2 .box{width: 50%;flex: auto} #sub.facilities .con02 .list2 .box:last-child{border-top: 1.5px dashed #BCB1A2;} #sub.inquiry .con02 .chk{margin-top: 10px} #sub.inquiry .con02 .chk{flex-direction: column;gap: 10px} #sub.philosophy .con03 .list_wrap .list .box .txt{gap: 5px} #sub.philosophy .con03 .list_wrap .list .box > div{margin-bottom: 0} #sub.philosophy .con02 .step01 .info_list ul li strong br{display: none} #sub.philosophy .con02 .step01 .info_list ul li strong{word-break: keep-all;line-height: 1.5;font-size: 13px} #sub.philosophy .con02 .step01 > .txt p{font-size: 20px} #sub.philosophy .con03 .list_wrap .list .box p{word-break: keep-all} #sub.philosophy .con03 .list_wrap .list .box p br{display: none} /* #sub.philosophy .con03 .list_wrap .list .box > div{padding: 20px 0}*/ #sub.philosophy .con04 .step01 strong{font-size: 20px} #sub.product .info_box .right .list ul{gap: 10px;margin-top: 15px;} #sub.product .info_box .right .list ul li{} #sub.product .info_box .right .list ul li strong{padding-left: 65px;} #sub.product .info_box .right .list ul li .l{gap: 10px} #sub.product .info_box .right .list ul li{flex-direction: column;gap: 5px} #sub.product .p_title strong{font-size: 26px;} #sub.product .p_title span{font-size: 60px;} #sub.product.lighten .con04 .txt_w strong{font-size: 60px;} #sub.product.lighten .con04 .txt_w .info p br{display: none;} #sub.product.lighten .con04 .txt_w .info p{word-break: keep-all;} #sub .s_title p br{display: none;} #sub .s_title p{word-break: keep-all;} #sub.product .check_list ul li .wrap p{font-size: 14px;word-break: keep-all;} #sub.product .check_list ul li .wrap p br{display: none;} #sub.clinic .con02 .list{flex-direction: column;} #sub.clinic .con02 .list .list_in{width: 100%;border-bottom: 1px solid #FFFFFF25;;} #sub.clinic .con02 .list .list_in a{height: 33.33vh;} #sub.facilities .con04 .list_w .box .right{gap: 25px} #sub.facilities .con04 .list_w .box .left{width: 100%;} #sub.facilities .con04 .list_w .box .right{width: 100%;padding-left: 0;} #sub.facilities .con04 .list_w .box{flex-direction: column;} #sub.staff .con01{margin-bottom: 20px;padding-bottom: 20px;;} #sub.staff .con01 .sv_title{width: 100%;margin-bottom: 20px;} #sub.staff .con01 ul{width: 100%;} #sub.staff .con01{flex-direction: column;} #sub.staff .con02 ul li .img_w .over{display: none;} #sub.staff .con02 ul li .txt{margin-top: 5px;} #sub.staff .con02 ul{gap: 20px 10px} #sub.staff .con02 ul li{width: calc(50% - 5px);} #sub .search{margin-bottom: 20px;} #sub.bo_list .list ul{gap: 20px 10px} #sub.bo_list .list ul li {width: calc(50% - 5px);} #sub.inquiry .con02 .right ul li .inp_list > div{width: calc(50% - 5px);} #sub.inquiry .con02 .left{padding-right: 10px;} #sub.inquiry .con02 .left *{word-break: keep-all;} #sub.inquiry .con02 .left .txt{width: 100%;} #sub.inquiry .con02 .left ul li{flex-direction: column;gap:10px} #sub.inquiry .con02 .left ul li a{width: 100%;} #sub .sv_title > p br{display: none;} #sub .sv_title > p{font-size: 13px;word-break: keep-all;;} #sub .sv_title .sv_txt_w .over p{font-size: 18px;} #sub .sub_visual .sv_title strong{font-size: 40px;} #sub.direction .con02 .right ul{flex-direction: column;} #sub.direction .con02 .left ul li{flex-direction: column;gap: 5px} #sub.direction .con02 .right ul li{width: 100%;} #sub.equipment .list ul li{width: 100%;} #sub.clinic .con01 .info{flex-direction: column;gap:20px} #sub.product .contact_us .list{flex-direction: column;} #sub.product .contact_us .wrap{width: 100%;} #sub.product .contact_us .list p br{display: none;} #sub.product .contact_us .list p{word-break: keep-all;text-align: center;} #sub.product .p_title.p_title2 strong{font-size: 32px;} #sub.product.lighten .con04 .txt_w strong, #sub.product .img_infobox .txt_wr .title strong{font-size: 60px;} #sub.product .step .right > ul li .txt_box p{word-break: keep-all;padding: 0 10px;} #sub .s_title strong{font-size: 20px;} #sub.product .wisdom_content .wis_wrap .box_w.box_w01 .box{width: 100%;} #sub.product .wisdom_content .wis_wrap .box_w.box_w02 .box{width: 100%;} #sub.product .wisdom_content .wis_wrap .box_w02 .box:nth-child(2) { border-bottom: none; } #sub.product .wisdom_content .wis_wrap .box_w02 .box:nth-child(1) { border-top: 1px dashed #BCB1A2; } #sub.product .img_infobox .txt_wr .title strong{display: flex;flex-direction: column;align-items: center;justify-content: center} #sub.product .step .right > ul li .txt_box strong{margin-top: 10px} #sub .sv_title .sv_txt_w .over p{font-size: 15px} #sub.product.pres .diff_content + .check_list{margin-top: 60px} #sub.product .p_title.p_title2 p br{display: none} #sub.product.pres .con06 .box_w > .box .txt{padding: 0} #sub.product .p_title.p_title2 p{word-break: keep-all} #sub.product.pres .con06 .box_w > .box{height: auto} #sub.product.pres .con06 .box_w > .box a{padding-left: 0} #sub.product.pres .p_title i{height: 25px} #sub.product .check_list ul li .wrap{height: auto;padding: 10px 0} #sub.product .faq .list ul .tit strong{font-size: 14px} #sub.product .build_contents .mv_cont2 .building_floor .buil_wrap img{width: 400px} #sub.product .build_contents .mv_cont2 .building_floor { width: 400px; height: 655px;margin-left: -200px} }