#wrap { z-index: 5; }

/* section */
section {padding: 5vw 0;}
section >* { z-index: 3; }
section .title_box { padding-bottom: 3vw; font-style: italic; font-size: 38px; }
section .clip { margin: auto; width: 100%; }
section .clip img { height: 100%; }
section .clip iframe { width: 100%; height: 100%; top: 0; left: 0; }
section .clip video { width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

/* about_area */
#about_area{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(var(--primary-rgb),.08),transparent 35%),linear-gradient(135deg,var(--white) 0%,#f5f9fe 55%,#edf5ff 100%);padding-bottom: 9vw;}
#about_area:before{content:"";position:absolute;right:-10%;top:-35%;width:65%;aspect-ratio:1;border:1px solid rgba(var(--primary-rgb),.07);border-radius:50%;pointer-events:none}
#about_area:after{content:"";position:absolute;left:-8%;bottom:-35%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb),.09),transparent 65%);pointer-events:none}
#about_area .workframe{width: min(90%, 1600px);}
#about_area .layout_deco_text{position:absolute;left:-.02em;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;color:rgba(var(--primary-rgb),.035);font-size:clamp(120px,15vw,280px);font-weight:800;line-height:1;letter-spacing:.02em;white-space:nowrap;pointer-events:none;font-family: "Manrope", sans-serif;}
#about_area .layout_inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(420px,1.45fr) minmax(230px,.7fr);align-items:center;gap:3vw;margin:auto}
#about_area .layout_info{position:relative;z-index:4;opacity:0;transform:translateY(50px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}
#about_area.is_show .layout_info{opacity:1;transform:translateY(0)}
#about_area .layout_title .en{display:block;margin-bottom:22px;color:var(--primary);font-size: 17px;font-weight: 900;line-height:1.35;letter-spacing: .08em;font-family: "Manrope", sans-serif;}
#about_area .layout_title h1{margin:0;color:var(--triadic2);font-size: clamp(26px, calc(16px + 1vw), 35px);font-weight:700;line-height: 1.4;letter-spacing: -.04em;}
#about_area .layout_line{position:relative;width:92px;height:1px;margin:32px 0;background:rgba(var(--primary-rgb),.2)}
#about_area .layout_line:after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;border-radius:50%;background:var(--primary);transform:translateY(-50%);box-shadow:0 0 14px rgba(var(--primary-rgb),.5)}
#about_area .layout_desc p{margin:0;color:var(--info);font-size:16px;font-weight:400;line-height:2;letter-spacing:.035em;text-align: justify;}
#about_area .layout_desc{margin-bottom:40px;}
#about_area .layout_visual{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;opacity:0;transform:scale(.82);transition:opacity 1.2s .15s cubic-bezier(.22,1,.36,1),transform 1.5s .15s cubic-bezier(.22,1,.36,1)}
#about_area.is_show .layout_visual{opacity:1;transform:scale(1)}
#about_area.is_show .layout_visual .clip{z-index:2;left: 9%;}
#about_area .globeBox{position:relative;z-index:3;width:92%;aspect-ratio:1}
#about_area .globe_canvas{position:absolute;inset:0}
#about_area .globe_canvas canvas{display:block;width:100%!important;height:100%!important}
#about_area .layout_orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(var(--primary-rgb),.11);border-radius:50%;pointer-events:none}
#about_area .orbit_01{width:105%;height:42%;transform:translate(-50%,-50%) rotate(-12deg);animation:layoutOrbit01 18s linear infinite}
#about_area .orbit_02{width:96%;height:52%;transform:translate(-50%,-50%) rotate(48deg);animation:layoutOrbit02 24s linear infinite reverse}
#about_area .layout_dot{position:absolute;z-index:5;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px rgba(var(--primary-rgb),.08),0 0 22px rgba(var(--primary-rgb),.55);animation:layoutDot 2.5s ease-in-out infinite}
#about_area .dot_01{left:12%;top:27%}
#about_area .dot_02{right:8%;top:42%;animation-delay:.8s}
#about_area .dot_03{left:22%;bottom:20%;animation-delay:1.5s}
#about_area .layout_data{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;gap:0}
#about_area .layout_data_item{position:relative;padding:26px 0 26px 38px;opacity:0;transform:translateX(50px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
#about_area .layout_data_item:before{content:"";position:absolute;left:0;top:50%;width:22px;height:1px;background:rgba(var(--primary-rgb),.35)}
#about_area .layout_data_item:after{content:"";position:absolute;left:-4px;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px rgba(var(--primary-rgb),.5)}
#about_area .layout_data_item:not(:last-child){border-bottom:1px solid rgba(var(--primary-rgb),.1)}
#about_area.is_show .layout_data_item:nth-child(1){opacity:1;transform:translateX(0);transition-delay:.3s}
#about_area.is_show .layout_data_item:nth-child(2){opacity:1;transform:translateX(0);transition-delay:.45s}
#about_area.is_show .layout_data_item:nth-child(3){opacity:1;transform:translateX(0);transition-delay:.6s}
#about_area.is_show .layout_data_item:nth-child(4){opacity:1;transform:translateX(0);transition-delay:.75s}
#about_area .layout_data_item .num{display:flex;align-items:flex-end;color:var(--primary);line-height:1;white-space:nowrap}
#about_area .layout_data_item strong{font-size:clamp(36px,4vw,60px);font-weight: 800;letter-spacing:-.04em;font-family: "Manrope", sans-serif;line-height: 1;}
#about_area .layout_data_item i{margin:0 0 5px 5px;font-size:22px;font-style:normal;font-weight:500}
#about_area .layout_data_item p{margin:10px 0 0;color:var(--info);font-size:14px;letter-spacing:.08em}
@keyframes layoutOrbit01{from{transform:translate(-50%,-50%)
			rotate(-12deg)
			rotateZ(0)}
to{transform:translate(-50%,-50%)
			rotate(-12deg)
			rotateZ(360deg)}
}@keyframes layoutOrbit02{from{transform:translate(-50%,-50%)
			rotate(48deg)
			rotateZ(0)}
to{transform:translate(-50%,-50%)
			rotate(48deg)
			rotateZ(360deg)}
}@keyframes layoutDot{0%,100%{opacity:.4;transform:scale(.8)}
50%{opacity:1;transform:scale(1.25)}
}

/* serviceArea */
#serviceArea{position:relative;background:linear-gradient(135deg,var(--white) 0%,var(--lightbg) 58%,rgba(var(--primary-rgb),.06) 100%);margin-top: -80px;max-width: clamp(80vw, 93vw, 1785px);padding: 120px 0;box-shadow: 0px 0px 98px 0px rgba(179, 195, 222, 0.48);background-color: #fff;border-top-right-radius: 80px;border-bottom-right-radius: 80px;z-index: 3;}
#serviceArea *{box-sizing:border-box}
#serviceArea:after{content:"";position:absolute;right:-8%;bottom:-55%;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb),.09),transparent 65%);pointer-events:none}
#serviceArea .service_bg_word{position:absolute;right: -140px;top: 30%;color:rgba(var(--secondary-rgb),.035);font-size:clamp(120px,14vw,260px);font-weight:800;line-height:1;letter-spacing:.03em;pointer-events:none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;font-size: 140px;font-weight: 900;color: transparent;-webkit-background-clip: text;background-clip: text;-webkit-text-stroke: 1px #dde5f1;writing-mode: vertical-lr;line-height: 1;font-family: "Manrope", sans-serif;}
#serviceArea .service_head{position:relative;z-index:3;margin-bottom:55px;text-align:center}
#serviceArea .service_head .en, #newsArea .news_title .en, #reviewArea .review_head .en{position:relative;display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;font-family: "Manrope", sans-serif;color: var(--primary);font-size: 17px;font-weight: 900;line-height: 1.35;letter-spacing: .08em;}
#serviceArea .service_head .en:before, #newsArea .news_title .en:before, #reviewArea .review_head .en:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--complement)}
#serviceArea .service_head h2, #newsArea .news_title h2, #reviewArea .review_head .title{margin:0;text-align: center;color: var(--triadic2);font-size: clamp(26px, calc(16px + 1vw), 35px);font-weight: 700;line-height: 1.4;letter-spacing: -.04em;}
#serviceArea .service_head p{margin:15px 0 0;color:var(--info);font-size:15px;letter-spacing:.04em}
#serviceArea .service_slider{position:relative;z-index:3;overflow:hidden;padding: 30px 0;width: 95%;margin: 0 0 0 auto;}
#serviceArea .service_track{display:flex;gap: 50px;transition:transform .75s cubic-bezier(.22,1,.36,1);will-change:transform;padding-left: 20px;}
#serviceArea .service_item{position:relative;flex: 0 0 clamp(260px,22vw,375px);border-radius:18px;background:rgba(var(--white-rgb),.92);transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .4s ease,background .4s ease;box-shadow: 0px 0px 27px 0px rgba(66, 101, 190, 0.21);}
#serviceArea .service_item .service_pic{position:relative;margin:12px 12px 0;overflow:hidden;aspect-ratio:4/3;border-radius:13px}
#serviceArea .service_item .service_pic:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--secondary-rgb),.15),transparent 48%);transition:opacity .4s ease}
#serviceArea .service_item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}
#serviceArea .service_num{position:absolute;z-index:2;right:14px;top:14px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(var(--white-rgb),.92);color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.06em;backdrop-filter:blur(8px)}
#serviceArea .service_info{position:relative;padding: 24px 24px 30px;}
#serviceArea .service_info .tit{margin:0;color:var(--triadic2);font-size:20px;font-weight:700;line-height:1.45;letter-spacing:.04em;transition:color .3s ease;text-align: center;}
#serviceArea .service_info .tit:after{content:"";display:block;width:28px;height:2px;background:var(--primary);transition:width .4s ease,background .3s ease;margin: 15px auto 0;}
#serviceArea .service_info p{margin: 17px 0 0;color:var(--info);line-height: 1.8;letter-spacing:.025em;transition:color .3s ease;text-align: center;}
#serviceArea .service_info a{display:flex;align-items:center;justify-content:space-between;color:var(--primary);font-size:13px;font-weight:600;text-decoration:none;transition:color .3s ease}
#serviceArea .service_info a i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(var(--primary-rgb),.18);border-radius:50%;font-style:normal;transition:all .3s ease}
#serviceArea .service_item:hover img{transform:scale(1.06)}
#serviceArea .service_item:not(.active):hover{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),.22)}
#serviceArea .service_item:not(.active):hover .service_info h3:after{width:48px}
#serviceArea .service_bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:32px;margin-top:18px}
#serviceArea .service_more{display:flex;align-items:center;gap:32px;padding:13px 15px 13px 25px;border-radius:40px;background:var(--gradient-primary);color:var(--white);font-size:13px;font-weight:600;text-decoration:none}
#serviceArea .service_more i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--white);color:var(--primary);font-style:normal;transition:transform .3s ease}
#serviceArea .service_more:hover i{transform:translateX(3px)}
#serviceArea .service_nav{display:flex;align-items:center;gap: 20px;position: relative;}
#serviceArea .service_nav:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 60%;
  background-color: #d7d7d7;
  left: 50%;
}
#serviceArea .service_nav button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;background:transparent;color:var(--primary);font-size:30px;line-height:1;cursor:pointer;transition:opacity .3s ease,transform .3s ease;font-family: "Manrope", sans-serif;}
#serviceArea .service_nav button:hover{transform:scale(1.12)}
#serviceArea .service_progress{position:relative;width:70px;height:2px;overflow:hidden;background:rgba(var(--primary-rgb),.12)}
#serviceArea .service_progress span{position:absolute;left:0;top:0;width:20%;height:100%;background:var(--primary);transition:width .4s ease,transform .4s ease}

/* newsArea */
#newsArea {position: relative;overflow: hidden;background: linear-gradient(135deg,var(--white) 0%,var(--lightbg) 55%,rgba(var(--primary-rgb),.055) 100%);margin-top: -40px;padding-top: 8vw;}
#newsArea * { box-sizing: border-box; }
#newsArea .news_bg_text {position: absolute;right: -.04em;top: 50%;transform: translateY(-50%) rotate(90deg);color: rgba(var(--primary-rgb),.025);font-size: clamp(150px,18vw,340px);font-weight: 800;line-height: 1;letter-spacing: .04em;pointer-events: none;font-family: "Manrope", sans-serif;z-index: 0;}
#newsArea .news_wrap { position: relative; z-index: 2; }
#newsArea .news_head { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 70px; }
#newsArea .news_title{display:flex;align-items: center;gap: 40px;}
#newsArea .news_title .en{margin:0}
#newsArea .news_title p { margin: 15px 0 0; color: var(--info); font-size: 15px; line-height: 1.8; letter-spacing: .04em; }
#newsArea .news_more { display: flex; align-items: center; gap: 20px; padding-bottom: 8px; border-bottom: 1px solid rgba(var(--primary-rgb),.25); color: var(--primary); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-decoration: none; }
#newsArea .news_more i { font-size: 18px; font-style: normal; transition: transform .3s ease; }
#newsArea .news_more:hover i { transform: translateX(5px); }
#newsArea .news_content { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(380px,.95fr); align-items: stretch; gap: 6vw; }
#newsArea .news_list { position: relative; overflow: hidden; border-top: 1px solid rgba(var(--primary-rgb),.13); }
#newsArea .news_item { display: none; position: relative; border-bottom: 1px solid rgba(var(--primary-rgb),.13); }
#newsArea .news_item.is_show { display: block; }
#newsArea .news_item>a {position: relative;display: grid;grid-template-columns: 95px minmax(0,1fr) 52px;align-items: center;gap: 28px;padding: 40px 0;color: inherit;text-decoration: none;white-space: unset;}
#newsArea .news_date { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--info); line-height: 1; transition: color .35s ease; }
#newsArea .news_date .month {font-family: "Manrope", sans-serif;font-size: 20px;font-family: "Manrope", sans-serif;letter-spacing: .08em;font-weight: 600;}
#newsArea .news_date .month:after {content: "";display: block;width: 22px;height: 1px;margin: 8px auto;background: rgba(var(--primary-rgb),.28);transform: rotate(-45deg);}
#newsArea .news_date .day {font-size: 20px;font-family: "Manrope", sans-serif;letter-spacing: .08em;font-weight: 600;}
#newsArea .news_info { min-width: 0; }
#newsArea .news_info .cate { display: block; margin-bottom: 10px; color: var(--primary); font-size: 12px; font-weight: 600; letter-spacing: .1em; }
#newsArea .news_info .tit {margin: 0;color: var(--triadic2);font-size: 20px;font-weight: 600;line-height: 1.55;letter-spacing: .035em;transition: color .35s ease,transform .35s ease;height: initial;}
#newsArea .news_info p {margin: 0;color: var(--info);font-weight: 300;font-size: 15px;line-height: 1.55;letter-spacing: .035em;transition: color .35s ease,transform .35s ease;-webkit-line-clamp: 2;height: auto;margin-top: 8px;}
#newsArea .news_arrow {display: flex;align-items: center;justify-content: center;width: 42px;height: 42px;border: 1px solid rgba(var(--primary-rgb),.16);border-radius: 50%;transition: all .35s ease;}
#newsArea .news_arrow span{color: #818d9b;}
#newsArea .news_item:hover .news_date,#newsArea .news_item.is_active .news_date { color: var(--primary); }
#newsArea .news_item:hover .news_info h3,#newsArea .news_item.is_active .news_info h3 { color: var(--primary); transform: translateX(8px); }
#newsArea .news_item:hover .news_arrow,#newsArea .news_item.is_active .news_arrow {border-color: var(--secondary);background: var(--secondary);color: var(--white);transform: translateX(5px);}
#newsArea .news_item:hover .news_arrow span, #newsArea .news_item.is_active .news_arrow span{color:white;}
#newsArea .news_visual { position: relative; min-width: 0; }
#newsArea .news_img_box {position: relative;overflow: hidden;border-radius: 4px 70px;background: var(--lightbg);height: 100%;}
#newsArea .news_img_box:before { content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(135deg,transparent 55%,rgba(var(--secondary-rgb),.2)); pointer-events: none; }
#newsArea .news_main_img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.01); transition: opacity .45s ease,transform 1.1s cubic-bezier(.22,1,.36,1); }
#newsArea .news_visual.is_change .news_main_img { opacity: 0; transform: scale(1.06); }
#newsArea .news_index { position: absolute; z-index: 3; right: 24px; bottom: 22px; display: flex; align-items: center; gap: 10px; padding: 10px 17px; background: rgba(var(--white-rgb),.9); color: var(--primary); font-size: 12px; font-weight: 600; backdrop-filter: blur(10px); }
#newsArea .news_index i { display: block; width: 30px; height: 1px; background: rgba(var(--primary-rgb),.28); }
#newsArea .news_control {display: flex;align-items: center;gap: 18px;margin-top: 34px;justify-content: flex-start;}
#newsArea .news_control button {display: inline-flex;align-items: center;gap: 10px;padding: 0;border: 0;background: none;color: var(--info);font-size: 11px;font-weight: 600;letter-spacing: .12em;cursor: pointer;transition: color .3s ease;width: auto;}
#newsArea .news_control button *{font-family: "Manrope", sans-serif;font-size: 13px;}
#newsArea .news_control button i { color: var(--primary); font-size: 18px; font-style: normal; }
#newsArea .news_control button:hover { color: var(--primary); }
#newsArea .news_progress { position: relative; width: 120px; height: 1px; overflow: hidden; background: rgba(var(--primary-rgb),.13); }
#newsArea .news_progress span { position: absolute; left: 0; top: 0; width: 0; height: 100%; background: var(--primary); transition: width .45s ease; }

/* reviewArea */
#reviewArea{position:relative;overflow:hidden;}
#reviewArea *{box-sizing:border-box}
#reviewArea .review_head{position:relative;z-index:3;margin-bottom:52px;text-align:center}
#reviewArea .review_head p{margin:12px 0 0;color:var(--info);line-height:1.8;letter-spacing:.04em;text-align: center;font-size: 18px;}
#reviewArea .review_slider{position:relative;z-index:3;}
#reviewArea .review_list .slick-list{overflow: unset;margin: 0 0 60px;}
#reviewArea .review_item{padding: 0 25px;}
#reviewArea .review_card{position:relative;padding: 30px 30px 85px;border-radius:16px;background:rgba(var(--white-rgb),.94);transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .35s ease;box-shadow: 0px 0px 27px 0px rgba(66, 101, 190, 0.21);}
#reviewArea .review_card:hover{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),.22)}
#reviewArea .review_person{display:flex;align-items:center;gap:14px}
#reviewArea .review_photo{flex: 0 0 55px;width: 55px;aspect-ratio:1;overflow:hidden;border: 1px solid rgba(var(--primary-rgb),.08);border-radius:50%}
#reviewArea .review_photo img{display:block;width:100%;height:100%;object-fit:cover}
#reviewArea .review_person_info{min-width:0}
#reviewArea .review_person_info strong{display:block;overflow:hidden;color:var(--triadic2);font-size: 19px;font-weight:700;line-height:1.45;text-overflow:ellipsis;white-space:nowrap;font-family: "Manrope", var(--font-family), sans-serif;}
#reviewArea .review_person_info span{display:block;margin-top:4px;overflow:hidden;color:var(--info);font-size:13px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
#reviewArea .review_star{display:flex;align-items:center;gap:4px;margin-top: 10px;}
#reviewArea .review_star *{color: #ffbb29;font-family: Google Symbols;font-weight: 400;font-style: normal;}
#reviewArea .review_text{position:relative;z-index:2;margin-top:21px;overflow:hidden;color:var(--info);font-size:14px;line-height:1.9;letter-spacing:.025em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
#reviewArea .review_quote{position:absolute;right:22px;bottom: -26px;color:rgba(var(--primary-rgb),.07);font-size:90px;font-weight:700;line-height:1;pointer-events:none;font-family: "Manrope", sans-serif;}
#reviewArea .review_link{position:absolute;z-index:5;inset:0}
#reviewArea .review_bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap: 35px;margin-top:28px}
#reviewArea .review_more{display:flex;align-items:center;justify-content:center;gap:28px;min-width:190px;padding:15px 22px;border-radius:7px;background:var(--gradient-primary);color:var(--white);font-size:14px;font-weight:600;letter-spacing:.05em;text-decoration:none;box-shadow:0 7px 20px rgba(var(--primary-rgb),.18);transition:transform .3s ease,box-shadow .3s ease}
#reviewArea .review_more i{font-size:18px;font-style:normal;transition:transform .3s ease}
#reviewArea .review_more:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(var(--primary-rgb),.25)}
#reviewArea .review_more:hover i{transform:translateX(4px)}
#reviewArea .review_arrow{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border-radius:50%;background:var(--white);color: var(--darkbg);font-family:Arial,sans-serif;font-size:29px;line-height:1;cursor:pointer;transition:all .3s ease;font-family: "Manrope", sans-serif;}
#reviewArea .review_arrow:hover{border-color:var(--primary);background:var(--primary);color:var(--white)}

@media screen and (max-width: 1280px) {
    #serviceArea .service_bg_word{right: -130px;}
	#serviceArea .service_item{flex: 0 0 clamp(260px, 25vw, 375px);}
}
@media screen and (max-width: 1024px) {
	#reviewArea .review_card{min-height:315px;padding:26px 22px 32px}
	#reviewArea .review_item{padding:0 10px}
	#reviewArea .review_slider{margin:0 -10px}
	#about_area .layout_inner{grid-template-columns:.8fr 1.3fr}
	#about_area .layout_data{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px}
	#about_area .layout_data_item{padding:20px;text-align:center}
	#about_area .layout_data_item:before,#about_area .layout_data_item:after{display:none}
	#about_area .layout_data_item:not(:last-child){border-right:1px solid rgba(var(--primary-rgb),.1);border-bottom:0}
    #about_area.is_show .layout_data_item:nth-child(2){border-right:0}
	#about_area .layout_data_item .num{justify-content: center;}
    #about_area .layout_data_item p{text-align:center;}
	#serviceArea{padding: 70px 0;}
    #serviceArea .service_head{margin-bottom: 25px;}
	#serviceArea .service_item{flex: 0 0 400px;}
    #serviceArea .service_bg_word{display: none;}
}
@media screen and (max-width: 980px) {
    #serviceArea .service_slider{margin: 0 auto;width: 100%;}
    #serviceArea{margin:0}
	#reviewArea{padding:80px 4% 75px}
	#reviewArea .review_head{margin-bottom:38px}
	#reviewArea .review_card{min-height:300px}
	#newsArea .news_content{grid-template-columns:1fr;gap:45px;}
	#newsArea .news_visual{max-width:720px;display: none;}
	#serviceArea{padding:90px 0;max-width: 100%;border-radius: 0;}
	#serviceArea .service_head{padding:0 5%;margin-bottom:40px;}
	#serviceArea .service_track{gap:20px;padding-left:5%;}
	#serviceArea .service_item{flex-basis:310px;}
	#about_area .layout_inner{display:block}
	#about_area .layout_info{margin-bottom:30px}
	#about_area .layout_visual{width:100%;max-width:560px;margin:auto}
	#about_area .layout_data{grid-template-columns:repeat(2,1fr);margin-top:20px}
	#about_area .layout_data_item{border-bottom:1px solid rgba(var(--primary-rgb),.1)!important}
	#about_area .layout_data_item:nth-child(odd){border-right:1px solid rgba(var(--primary-rgb),.1)}
	section, #newsArea {padding: 10vw 0;}
    #newsArea{margin:0}
	#product_list { width: 500px; }
	#product_list li .clip { height: 590px; }
	#about_area #about_info { margin-bottom: 8vw; }
	#about_area .about_sub_2 { top: auto; bottom: 35vw; width: 35vw; }
	#about_area .about_sub_3 { width: 29vw; left: 10vw; }
}
@media screen and (max-width: 760px) {
    #newsArea .news_bg_text{display:none;}
    #serviceArea .service_head{margin-bottom: 10px;}
	section, #newsArea {padding: 12vw 0;}
	#product_sub_list>div { margin: 10px auto 50px; }
	#product_sub_list li { width: 150px; }
	#product_sub_list li .clip { height: 150px; }
	#product_list { width: 70vw; }
	#product_list li .clip { height: 80vw; }
	#product_list li .info_box { width: 45vw; height: 30vw; }
}
@media screen and (max-width: 550px) {
	#reviewArea{padding:65px 20px}
	#reviewArea .review_slider{margin:0 -7px}
	#reviewArea .review_item{padding:0 7px}
	#reviewArea .review_card{min-height:290px;padding:24px 20px 30px}
	#reviewArea .review_arrow{width:40px;height:40px}
	#reviewArea .review_more{min-width:170px;padding:13px 18px;gap:18px}
    #newsArea .news_title{gap: 20px;}
	#newsArea .news_head{display:block;margin-bottom:40px;}
    #newsArea .news_head a{display:none;}
	#newsArea .news_more{width:max-content;margin-top:25px;}
	#newsArea .news_item>a{grid-template-columns: 58px minmax(0,1fr);gap:15px;min-height:105px;padding-right: 10px;}
	#newsArea .news_arrow{width:36px;height:36px;display: none;}
	#newsArea .news_img_box{border-radius:3px 35px 3px 3px;}
	#newsArea .news_control{justify-content:center;}
	#serviceArea{padding:70px 0 80px;}
	#serviceArea .service_head p{font-size:14px;line-height:1.8;}
	#serviceArea .service_track{gap: 30px;}
	#serviceArea .service_item{flex-basis: 90vw;}
	#serviceArea .service_info p{min-height:0;}
	#serviceArea .service_bottom{justify-content: center;padding:0 20px;gap: 15px;}
	#serviceArea .service_more{gap:15px;padding-left:18px;}
	#serviceArea .service_progress{display:none;}
	#about_area .layout_title h2{font-size:36px}
	#about_area .layout_desc{font-size:15px}
	#about_area .layout_data_item strong{font-size:34px}
	#product_sub_list li { margin: 10px; width: 35vw; }
	#product_sub_list li .clip { height: 35vw; }
	#product_list { width: 90vw; }
	#product_list li .clip { height: 100vw; }
	#product_list li .info_box { width: 55vw; height: 40vw; }
	#about_area #about_img { width: 80vw; }
	#about_area .about_sub_2 { bottom: 60vw; }
	#news_area li .row { margin: auto; width: 280px; }
    #about_area.is_show .layout_visual .clip{left: 7%;}
}
@media screen and (max-width: 480px) {
	#book_area li.row { margin: auto; width: 250px; }
}