@charset "utf-8";
/* ==========================================================================
   신제품(냉온 알칼리 이온수기) 런칭 업데이트
   - 메뉴 3차(알칼리 이온수기 품목별), 모델 탭, 신제품 페이지 보조 스타일
   - 신제품 페이지 본문은 기존 알칼리 이온수기 페이지 클래스(s_sec_01_01_0x)를 그대로 사용
   - 글자 기준 : 최소 16px, 설명글 18px(모바일 17px), 행간 여유
   ========================================================================== */

/* ---------- 메뉴 3차 : 알칼리 이온수기 품목별 ---------- */
.depth3_wrap { display: none; }
.depth3_new { margin-left: 6px; font-style: normal; font-weight: 600; color: #23a6cb; }

/* PC 상단 메뉴 : 마우스를 올리면 오른쪽으로 펼침 */
.top_nav .menu.menu_01 { z-index: 1006; }
.top_nav .sub_menu.has_depth3 { position: relative; }
.top_nav .depth3_wrap { position: absolute; top: 0; left: 100%; width: 180px; padding: 12px 0; text-align: left; background-color: #fff; border: 1px solid #e5e5e5; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); z-index: 1007; }
.top_nav .sub_menu.has_depth3:hover .depth3_wrap,
.top_nav .sub_menu.has_depth3:focus-within .depth3_wrap { display: block; }
.top_nav .depth3_a { display: block; padding: 9px 18px; font-size: 16px; line-height: 1.5; font-weight: 300; color: #222; white-space: normal; word-break: keep-all; }
.top_nav .depth3_a:hover,
.top_nav .depth3_a.active { color: #23a6cb; }

/* 모바일 메뉴 : 알칼리 이온수기 아래에 모델 목록 */
.m_menu .depth3_wrap { display: block; padding: 6px 0 10px; background-color: #f6fafe; border-bottom: 1px solid #c9eaf4; }
.m_menu .depth3_a { display: block; height: 40px; line-height: 40px; font-size: 17px; font-weight: 300; color: #666; }
.m_menu .depth3_a.active,
.m_menu .depth3_a:hover { color: #23a6cb; }

/* ---------- 알칼리 이온수기 모델 탭 (모델명만 한 줄, 선택은 기존 pd_tab 처럼 테두리) ---------- */
.ion_model_tab_wrap { padding: 130px 20px 0; }
.ion_model_tab { display: flex; flex-wrap: wrap; gap: 4px; max-width: 1400px; margin: 0 auto; padding-bottom: 16px; border-bottom: 1px solid #eee; }
.ion_model_tab li a { position: relative; display: block; padding: 8px 22px; font-size: 18px; line-height: 1.4; font-weight: 400; color: #555; border: 1px solid transparent; border-radius: 30px; white-space: nowrap; }
.ion_model_tab li a em { position: absolute; top: 7px; right: 10px; width: 6px; height: 6px; border-radius: 50%; background-color: #23a6cb; }
.ion_model_tab li a:hover { color: #23a6cb; }
.ion_model_tab li.active a { color: #222; font-weight: 700; border-color: #555; }
.ion_model_tab_wrap + .s_sec_01_01_01_wrap,
.ion_model_tab_wrap + .s_sec_01_03_01_wrap { padding-top: 70px !important; }

/* ---------- 신제품 페이지 : 글자 크기 · 행간 (기존 반응형의 14px 축소를 막음) ---------- */
.sub_wrap.hc_page .sec_txt,
.sub_wrap.hc_page .sec_txt3 { font-size: 18px; line-height: 1.75; font-weight: 300; color: #555; text-align: inherit; }
.sub_wrap.hc_page .sec_tit3 { font-size: 24px; line-height: 1.5; }
.sub_wrap.hc_page .sec_tit7,
.sub_wrap.hc_page .sec_txt8 { line-height: 1.45; }
.sub_wrap.hc_page .pd_txt { line-height: 1.4; }
.sub_wrap.hc_page .pd_sub_tit { font-size: 18px; }
.sub_wrap.hc_page h8 { font-size: 24px; }
.sub_wrap.hc_page .feat_num { margin-bottom: 6px; }
/* 사진 캡션 : 16px + 밝은 사진 위 가독성 */
.sub_wrap.hc_page .sec_img span,
.sub_wrap.hc_page .s_sec_01_01_05_02_img span { font-size: 16px; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); }

.hc_page .hc_end { padding: 150px 20px !important; }
/* 밝은 배경 이미지(나노 필터) 캡션은 진한 색 */
.sub_wrap.hc_page .hc_cap_dark span { color: #1f3b57; text-shadow: none; }
/* 신제품 출시 강조 : 기존 rd_line(언어별 고정 폭) 대신 글자 길이에 맞춰 밑줄 형광펜 */
.hc_page .rd_line { display: none; }
.hc_page .rd_txt { display: inline-block; position: relative; z-index: 5; }
.hc_page .rd_txt:after { content: ""; position: absolute; left: -10px; right: -6px; bottom: 0; height: 0.65em; background-color: #abc9db57; z-index: -1; }
.hc_answer_txt { padding-top: 60px; }
/* 문장이 긴 언어(영문 · 스페인어)에서도 기존 2단 배치 유지 : 글 영역을 사진에 맞춰 제한 */
@media screen and (min-width: 1001px) {
	.hc_page .s_sec_01_01_02_left_wrap { max-width: 40%; }
	.hc_page .s_sec_01_01_05_02_txt { max-width: 40%; }
}

/* 360° 보기 (제품 영상 자리) */
.hc_view .product_video_in { background-color: #f6fafe; }
.hc_viewer { padding: 60px 40px 30px; }
.hc_viewer_head { text-align: center; }
.hc_viewer_tit { font-size: 40px; line-height: 1.3; font-weight: 600; color: #222; }
.hc_viewer_txt { margin-top: 12px; font-size: 18px; line-height: 1.6; font-weight: 300; color: #555; }
.hc_viewer_stage { position: relative; height: 520px; margin-top: 30px; cursor: grab; -webkit-user-select: none; user-select: none; touch-action: pan-y; }
.hc_viewer.dragging .hc_viewer_stage { cursor: grabbing; }
.hc_viewer_stage img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 0; pointer-events: none; }
.hc_view .hc_viewer_btns ul { justify-content: center; gap: 10px; padding: 20px 0 0; }
.hc_view .hc_viewer_btns ul li { width: auto; }
.hc_view .hc_viewer_btns ul li a { display: inline-block; padding: 10px 30px; font-size: 18px; line-height: 1.4; color: #222; border: 1px solid transparent; border-radius: 30px; }
.hc_view .hc_viewer_btns ul li.active a { border-color: #555; font-weight: 700; }

/* 원터치 : 물 종류 선택 → 실제 제품 화면 */
.hc_touch { display: flex; align-items: center; gap: 70px; }
.hc_touch_view { flex: 0 0 58%; min-width: 0; }
.hc_touch_list { flex: 1 1 auto; min-width: 0; border-top: 1px solid #e3e8ee; }
.hc_touch_list li { border-bottom: 1px solid #e3e8ee; }
.hc_touch_list button { display: block; width: 100%; padding: 22px 24px; text-align: left; background-color: transparent; border: 0; border-radius: 16px; cursor: pointer; transition: background-color 0.3s ease; }
.hc_touch_list b { position: relative; display: block; padding-left: 42px; font-size: 24px; line-height: 1.4; font-weight: 500; color: #222; }
.hc_touch_list b:before { content: ""; position: absolute; top: 50%; left: 0; width: 30px; height: 30px; margin-top: -15px; background-color: #9aa3ad; -webkit-mask: no-repeat center / contain; mask: no-repeat center / contain; transition: background-color 0.3s ease; }
.hc_touch_list span { display: block; margin-top: 6px; padding-left: 42px; font-size: 18px; line-height: 1.6; font-weight: 300; color: #666; }
.hc_touch_list button:hover b { color: #27acd7; }
.hc_touch_list li.active button { background-color: #f6fafe; }
.hc_touch_list li.active b { font-weight: 700; color: var(--lc); }
.hc_touch_list .hc_t_cold { --lc: #4252FF; }
.hc_touch_list .hc_t_pure { --lc: #68B82E; }
.hc_touch_list .hc_t_hot { --lc: #FF591C; }
.hc_touch_list .hc_t_alk { --lc: #6EA7F4; }
.hc_touch_list .hc_t_calk { --lc: #6EA7F4; }
.hc_touch_list li.active b:before { background-color: var(--lc); }
.hc_touch_list .hc_t_cold b:before { -webkit-mask-image: url(../images/sub/hcui/ic_cold.svg); mask-image: url(../images/sub/hcui/ic_cold.svg); }
.hc_touch_list .hc_t_pure b:before { -webkit-mask-image: url(../images/sub/hcui/ic_pure.svg); mask-image: url(../images/sub/hcui/ic_pure.svg); }
.hc_touch_list .hc_t_hot b:before { -webkit-mask-image: url(../images/sub/hcui/ic_hot.svg); mask-image: url(../images/sub/hcui/ic_hot.svg); }
.hc_touch_list .hc_t_alk b:before { -webkit-mask-image: url(../images/sub/hcui/ic_alk.svg); mask-image: url(../images/sub/hcui/ic_alk.svg); }
.hc_touch_list .hc_t_calk b:before { -webkit-mask-image: url(../images/sub/hcui/ic_cold_alk.svg); mask-image: url(../images/sub/hcui/ic_cold_alk.svg); }

/* ---------- 터치스크린 UI : 피그마 800x480 좌표 그대로, 화면 폭에 맞춰 통째로 축소(JS) ---------- */
.hcui_device { position: relative; padding: 4% 4% 0; background-color: #2a2a2c; border: 5px solid #f2f3f5; border-radius: 36px; box-shadow: 0 30px 60px rgba(16, 30, 50, 0.18); }
.hcui_screen { position: relative; overflow: hidden; padding-top: 60%; border-radius: 4px; background-color: #0f0c15; }
.hcui { position: absolute; top: 0; left: 0; width: 800px; height: 480px; overflow: hidden; transform-origin: 0 0; background-color: #0f0c15; color: #fff; font-family: 'Pretendard', 'Noto Sans KR', sans-serif; -webkit-user-select: none; user-select: none; --c: #4252FF; }
.hcui button { position: absolute; margin: 0; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.hcui img { display: block; max-width: none; }
.hcui_hd { position: absolute; left: 24px; top: 20px; display: flex; gap: 48px; }
.hcui_hd span { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; }
.hcui_time { position: absolute; right: 24px; top: 17px; font-family: 'Lato', sans-serif; font-size: 18px; line-height: 1; font-weight: 500; color: #eee; }
/* 물 종류 타일 */
.hcui_tile { width: 240px; border-radius: 2px; background-color: #18151f; transition: background-color 0.3s ease; }
.hcui_t_cold { left: 32px; top: 88px; height: 120px; }
.hcui_t_pure { left: 32px; top: 210px; height: 120px; }
.hcui_t_hot { left: 32px; top: 332px; height: 120px; }
.hcui_t_alk { left: 274px; top: 88px; height: 181px; }
.hcui_t_calk { left: 274px; top: 271px; height: 181px; }
.hcui_tile.on { background-color: var(--c); }
.hcui_tile:not(.on):hover { background-color: #221e2b; }
.hcui_ic { position: absolute; left: 14px; top: 16px; opacity: 0.3; transition: opacity 0.3s ease; }
.hcui_ic_hot { left: 16.57px; top: 17.29px; }
.hcui_name { position: absolute; left: 56px; top: 12px; font-size: 36px; line-height: normal; font-weight: 400; white-space: nowrap; }
.hcui_tile.on .hcui_ic { opacity: 1; }
.hcui_tile.on .hcui_name { font-weight: 700; }
.hcui_ph { position: absolute; right: 16px; top: 113px; display: flex; align-items: baseline; font-family: 'Lato', sans-serif; font-weight: 300; opacity: 0.3; transition: opacity 0.3s ease; }
.hcui_ph i { margin-right: 4px; font-size: 20px; font-style: normal; }
.hcui_ph em { font-size: 48px; line-height: normal; font-style: normal; letter-spacing: -2.4px; }
.hcui_temp { position: absolute; right: 30px; top: 52px; font-family: 'Lato', sans-serif; font-weight: 300; opacity: 0.3; transition: opacity 0.3s ease; }
.hcui_temp em { font-size: 48px; line-height: normal; font-style: normal; letter-spacing: -2.4px; }
.hcui_temp i { position: absolute; left: 100%; top: 10px; font-size: 16px; font-style: normal; white-space: nowrap; }
.hcui_lock { position: absolute; left: 209px; top: 15px; opacity: 0.3; }
.hcui_dots { position: absolute; left: 14px; top: 159px; display: flex; gap: 4px; }
.hcui_t_hot .hcui_dots { top: 98px; }
.hcui_dots i { width: 8px; height: 8px; border-radius: 2px; background-color: #fff; opacity: 0.3; transition: opacity 0.3s ease; }
.hcui_dots i.on { opacity: 1; }
.hcui_tile.on .hcui_ph,
.hcui_tile.on .hcui_temp { opacity: 1; }
.hcui_tile.on .hcui_lock { opacity: 0.6; }
/* 용량 게이지 */
.hcui_gauge { position: absolute; left: 538px; top: 88px; width: 230px; height: 230px; }
.hcui_ticks { position: absolute; left: 0; top: 0; }
.hcui_ticks path { fill: #333; }
.hcui_ticks path.on { fill: var(--c); }
.hcui_disk { position: absolute; left: 20px; top: 20px; overflow: visible; transform: rotate(-90deg); }
.hcui_disk_fill { fill: var(--c); transition: fill 0.3s ease; }
.hcui_ring_main { position: absolute; left: 40px; top: 40px; }
.hcui_ring_inner { position: absolute; left: 44px; top: 44px; }
.hcui .hcui_pour { left: 44px; top: 44px; width: 142px; height: 142px; border-radius: 50%; }
.hcui_vol { position: absolute; left: 0; right: 0; top: 90px; text-align: center; white-space: nowrap; font-family: 'Lato', sans-serif; pointer-events: none; }
.hcui_vol b { font-size: 36px; line-height: normal; font-weight: 700; color: var(--c); transition: color 0.3s ease; }
.hcui_vol i { margin-left: 6px; font-size: 20px; font-style: normal; font-weight: 300; color: #999; }
.hcui.is_cont:not(.is_pour) .hcui_vol b { font-family: 'Pretendard', sans-serif; font-size: 34px; }
.hcui.is_cont:not(.is_pour) .hcui_vol i { display: none; }
.hcui_msg { position: absolute; left: 0; right: 0; top: 140px; text-align: center; font-size: 18px; line-height: 1.4; color: #ccc; pointer-events: none; }
.hcui .hcui_arr { left: 91px; width: 50px; height: 50px; transition: opacity 0.2s ease; }
.hcui .hcui_arr_up { top: 44px; transform: rotate(-90deg); }
.hcui .hcui_arr_dn { top: 135px; transform: rotate(90deg); }
.hcui .hcui_arr:hover img { filter: brightness(3); }
.hcui.is_pour .hcui_arr { opacity: 0; pointer-events: none; }
/* 필터 */
.hcui_filter { position: absolute; left: 549px; top: 338px; width: 219px; height: 92px; }
.hcui_filter_row + .hcui_filter_row { margin-top: 24px; }
.hcui_filter_row p { margin: 0; height: 24px; font-size: 20px; line-height: normal; font-weight: 500; color: #eee; }
.hcui_filter_row span { display: flex; gap: 2px; margin-top: 8px; }
.hcui_filter_row i { width: 20px; height: 2px; background-color: #333; transition: background-color 0.4s ease; }
.hcui_filter_row i.on { background-color: var(--c); }
/* 기기 하단 (물방울 출수 버튼) */
.hcui_device_ft { position: relative; display: flex; align-items: center; justify-content: center; height: 120px; }
.hcui_drop { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; padding: 0; background: none; border: 3px solid #8a8d94; border-radius: 50%; cursor: pointer; transition: border-color 0.2s ease, transform 0.2s ease; }
.hcui_drop:hover { border-color: #c9ccd2; }
.hcui_drop:active { transform: scale(0.94); }
.hcui_brand { position: absolute; right: 12%; top: 50%; margin-top: -11px; font-size: 16px; line-height: 22px; letter-spacing: 0.08em; color: #9a9ca2; }
.hc_touch_hint { margin-top: 22px; text-align: center; font-size: 16px; line-height: 1.6; color: #888; word-break: keep-all; }

/* FEATURES 02 · 04 이미지 : 기존 규칙(모바일 padding-left 15%) 대신 가운데 정렬 */
.hc_page .hc_feat_img img { max-width: 100%; height: auto; }

/* FEATURES 02 : pH 단계 */
.hc_ph { display: flex; margin-top: 30px; border-top: 1px solid #d9e2ea; max-width: 480px; }
.hc_ph li { flex: 1 1 0; padding-top: 18px; }
.hc_ph li + li { padding-left: 24px; border-left: 1px solid #d9e2ea; }
.hc_ph span { display: block; font-size: 16px; line-height: 1.5; font-weight: 300; color: #888; }
.hc_ph b { display: block; margin-top: 4px; font-size: 28px; line-height: 1.3; font-weight: 500; color: #27acd7; }

/* FEATURES 04 : 18cm 장면 (주방 배경 + 제품 + 치수선, 화면에 들어오면 키프레임 재생) */
.hc_slim_scene { position: relative; max-width: 520px; overflow: hidden; border-radius: 30px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12); background-color: #e9e6e0; }
.hc_slim_scene:before { content: ""; display: block; padding-top: 100%; }
.hc_slim_bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; transform: scale(1.16); transform-origin: 50% 62%; }
.hc_page .hc_slim_scene .hc_slim_product { position: absolute; left: 50%; bottom: 25%; width: auto; max-width: none; height: 40%; border-radius: 0; opacity: 0; transform: translate(-50%, 14%); }
.hc_slim_shadow { position: absolute; left: 50%; bottom: 23.6%; width: 30%; height: 3.4%; margin-left: -15%; border-radius: 50%; background: radial-gradient(ellipse at center, rgba(60, 40, 20, 0.38) 0%, rgba(60, 40, 20, 0) 70%); opacity: 0; }
.hc_slim_dim { position: absolute; left: 50%; top: 23%; width: 18.1%; height: 9%; transform: translateX(-50%); text-align: center; }
.hc_slim_line { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: #00657d; transform: scaleX(0); }
.hc_slim_line:before,
.hc_slim_line:after { content: ""; position: absolute; top: -5px; width: 2px; height: 12px; background-color: #00657d; }
.hc_slim_line:before { left: 0; }
.hc_slim_line:after { right: 0; }
.hc_slim_dim b { position: absolute; left: 50%; top: 0; font-size: 22px; line-height: 1.2; font-weight: 700; color: #00657d; white-space: nowrap; letter-spacing: -0.01em; opacity: 0; transform: translate(-50%, 10px); }
.hc_slim_scene.is_play .hc_slim_bg { animation: hcSlimBg 2.4s cubic-bezier(0.2, 0.7, 0.2, 1) forwards, hcSlimDrift 14s 2.4s ease-in-out infinite alternate; }
.hc_slim_scene.is_play .hc_slim_product { animation: hcSlimIn 1.1s 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }
.hc_slim_scene.is_play .hc_slim_shadow { animation: hcSlimFade 0.8s 1.1s ease forwards; }
.hc_slim_scene.is_play .hc_slim_line { animation: hcSlimLine 0.7s 1.6s cubic-bezier(0.6, 0, 0.2, 1) forwards; }
.hc_slim_scene.is_play .hc_slim_dim b { animation: hcSlimLabel 0.6s 2.1s ease forwards; }
@keyframes hcSlimBg { from { transform: scale(1.16); } to { transform: scale(1); } }
@keyframes hcSlimDrift { from { transform: scale(1); } to { transform: scale(1.05); } }
@keyframes hcSlimIn { from { opacity: 0; transform: translate(-50%, 14%); } to { opacity: 1; transform: translate(-50%, 0); } }
@keyframes hcSlimFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes hcSlimLine { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes hcSlimLabel { from { opacity: 0; transform: translate(-50%, 10px); } to { opacity: 1; transform: translate(-50%, 0); } }
@media (prefers-reduced-motion: reduce) {
	.hc_slim_scene .hc_slim_bg { transform: none; animation: none !important; }
	.hc_page .hc_slim_scene .hc_slim_product { opacity: 1; transform: translate(-50%, 0); animation: none !important; }
	.hc_slim_scene .hc_slim_shadow, .hc_slim_scene .hc_slim_dim b { opacity: 1; animation: none !important; }
	.hc_slim_scene .hc_slim_dim b { transform: translate(-50%, 0); }
	.hc_slim_scene .hc_slim_line { transform: none; animation: none !important; }
}

/* 마무리 (메인 '문의하기' 버튼 스타일) */
.hc_end_btns { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.hc_end .button a { position: relative; display: inline-block; padding: 20px 50px 20px 30px; font-size: 18px; line-height: 1.4; font-weight: 300; color: #fff; background-color: #00657d; border: 1px solid #00657d; border-radius: 30px; }
.hc_end .button a:after { content: ""; position: absolute; top: 50%; right: 30px; margin-top: -4px; width: 8px; height: 8px; border-left: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(135deg); transition: all 0.3s ease; }
.hc_end .button a:hover:after { right: 26px; }
.hc_end .button_line a { color: #00657d; background-color: #fff; }
.hc_end .button_line a:after { border-color: #00657d; }

/* ---------- 반응형 ---------- */
@media screen and (max-width: 1200px) {
	.hc_touch { gap: 40px; }
	.hc_touch_view { flex-basis: 50%; }
}
@media screen and (max-width: 1000px) {
	.ion_model_tab_wrap { padding-top: 110px; }
	.ion_model_tab { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
	.ion_model_tab::-webkit-scrollbar { display: none; }
	.ion_model_tab li { flex: 0 0 auto; }
	.ion_model_tab li a { padding: 7px 18px; }
	.hc_viewer_stage { height: 440px; }
	.hc_touch { flex-direction: column; gap: 30px; }
	.hc_touch_view { flex: 0 0 auto; width: 100%; max-width: 640px; }
	.hc_touch_list { width: 100%; }
}
@media screen and (max-width: 768px) {
	.sub_wrap.hc_page .sec_txt,
	.sub_wrap.hc_page .sec_txt3 { font-size: 17px; line-height: 1.7; }
	.sub_wrap.hc_page .sec_tit3 { font-size: 19px; }
	.sub_wrap.hc_page .sec_tit7,
	.sub_wrap.hc_page .sec_txt8 { font-size: 26px; }
	.sub_wrap.hc_page .pd_sub_tit { font-size: 16px; }
	.sub_wrap.hc_page h8 { font-size: 18px; }
	.sub_wrap.hc_page .img_txt { font-size: 16px; }
	.hc_page .hc_end { padding: 80px 20px !important; }
	.hc_viewer { padding: 40px 20px 20px; }
	.hc_viewer_tit { font-size: 30px; }
	.hc_viewer_txt { font-size: 17px; }
	.hc_viewer_stage { height: 360px; }
	.hc_view .hc_viewer_btns ul li a { padding: 8px 22px; font-size: 16px; }
	.hcui_device { padding: 4% 4% 0; border-width: 3px; border-radius: 20px; }
	.hcui_device_ft { height: 72px; }
	.hcui_drop { width: 44px; height: 44px; border-width: 2px; }
	.hcui_drop svg { width: 18px; height: 22px; }
	.hcui_brand { right: 6%; letter-spacing: 0.04em; }
	.hc_touch_list button { padding: 16px 16px; border-radius: 12px; }
	.hc_touch_list b { padding-left: 36px; font-size: 20px; }
	.hc_touch_list b:before { width: 26px; height: 26px; margin-top: -13px; }
	.hc_touch_list span { padding-left: 36px; font-size: 16px; }
	.hc_ph b { font-size: 22px; }
	.hc_ph li + li { padding-left: 14px; }
	.hc_slim_scene { margin: 0 auto; border-radius: 20px; }
	.hc_slim_dim b { font-size: 18px; }
	.hc_page .s_sec_01_01_05_03_img.hc_feat_img { padding-left: 0; text-align: center; }
	.hc_page .hc_feat_img img { max-width: 80%; }
	.hc_end .button a { padding: 16px 46px 16px 26px; font-size: 16px; }
	.ion_model_tab li a { font-size: 17px; }
}
@media screen and (max-width: 480px) {
	.ion_model_tab_wrap { padding-top: 90px; }
	.hc_viewer_stage { height: 300px; }
	.sub_wrap.hc_page .sec_tit7,
	.sub_wrap.hc_page .sec_txt8 { font-size: 24px; }
}