.quick_side { display:none; } 
.about_company_page { overflow:hidden; background:#fff; } 
.about_sub_visual { position:relative; height:200px; overflow:hidden; color:#fff; } 
.about_sub_visual_image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 50%; } 
.about_sub_visual_dim { position:absolute; inset:0; background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%),rgba(0,0,0,.4); } 
.about_breadcrumb { position:relative; z-index:1; display:flex; width:calc(100% - 40px); max-width:1440px; height:24px; align-items:center; gap:8px; margin:0 auto; padding-top:160px; box-sizing:content-box; font-size:16px; font-weight:500; line-height:1.4; } 
.about_breadcrumb img:first-child { width:24px; height:24px; } 
.about_breadcrumb img:nth-child(2) { width:16px; height:16px; } 
.about_story { padding:120px 20px 42px; text-align:center; } 
.about_story_inner { width:100%; max-width:900px; margin:0 auto; } 
.about_brand_title { display:flex; align-items:center; justify-content:center; gap:8px; } 
.about_brand_title img { width:60px; height:60px; object-fit:contain; } 
.about_brand_title strong { font-size:50px; font-weight:700; line-height:1.4; } 
.about_story h1 { margin-top:24px; font-size:40px; font-weight:700; line-height:1.4; } 
.about_story_text { display:flex; flex-direction:column; gap:8px; margin-top:12px; color:rgba(19,19,19,.6); font-size:16px; font-weight:500; line-height:1.6; } 
.about_services { width:calc(100% - 40px); max-width:1880px; min-height:392px; margin:0 auto; border-radius:40px; color:#fff; background:#101010; } 
.about_services_inner { width:calc(100% - 40px); max-width:1440px; margin:0 auto; padding-top:30px; text-align:center; } 
.about_section_badge { display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:5px 20px; border:2px solid #c89846; border-radius:30px; background:rgba(16,16,16,.24); box-shadow:inset 0 0 14px rgba(244,233,194,.1); font-size:24px; line-height:1.4; } 
.about_service_list { display:flex; gap:20px; margin-top:16px; } 
.about_service_list li { width:calc((100% - 60px) / 4); } 
.about_service_link { display:flex; width:100%; flex-direction:column; align-items:center; font-size:16px; font-weight:700; line-height:1.6; } 
.about_service_link img { width:100%; height:230px; border-radius:20px; object-fit:cover; } 
.about_service_link strong { margin-top:8px; } 
.about_strength { width:calc(100% - 40px); max-width:1880px; min-height:760px; margin:20px auto 0; padding:120px 20px; border-radius:40px; background:#f8f8f8; } 
.about_content_inner { width:100%; max-width:1440px; margin:0 auto; } 
.about_strength h2 { font-size:40px; font-weight:700; line-height:1.4; } 
.about_strength_list { display:flex; flex-wrap:wrap; gap:20px; margin-top:40px; } 
.about_strength_list > li { position:relative; display:flex; width:calc((100% - 20px) / 2); height:174px; align-items:center; padding:30px 150px 30px 30px; border:1px solid #d5d5d5; border-radius:20px; background:#fff; } 
.about_strength_copy h3 { font-size:24px; font-weight:700; line-height:1.4; } 
.about_strength_copy p { margin-top:8px; color:rgba(19,19,19,.6); font-size:16px; font-weight:500; line-height:1.6; } 
.about_strength_list > li > img { position:absolute; top:50%; right:50px; width:100px; height:100px; transform:translateY(-50%); object-fit:contain; } 
.about_promise { position:relative; width:calc(100% - 40px); max-width:1880px; min-height:714px; margin:20px auto 120px; overflow:hidden; border-radius:40px; color:#fff; } 
.about_promise_background, .about_promise_dim { position:absolute; inset:0; width:100%; height:100%; } 
.about_promise_background { object-fit:cover; object-position:center 50%; } 
.about_promise_dim { background:rgba(16,16,16,.6); } 
.about_promise_inner { position:relative; z-index:1; width:calc(100% - 40px); max-width:1440px; margin:0 auto; padding-top:120px; text-align:center; } 
.about_promise h2 { font-size:40px; font-weight:700; line-height:1.4; } 
.about_promise p { margin-top:12px; color:rgba(255,255,255,.7); font-size:16px; font-weight:500; line-height:1.6; } 
.about_promise_image { width:100%; height:280px; margin-top:40px; border-radius:20px; object-fit:cover; } 
.service_detail_page { overflow:hidden; background:#fff; } 
.document_page { overflow:hidden; background:#fff; } 
.document_sub_visual .about_sub_visual_image { object-position:center 54%; } 
.document_section { padding:120px 20px; } 
.document_inner { width:100%; max-width:1440px; margin:0 auto; } 
.document_inner > h1 { font-size:40px; font-weight:700; line-height:1.4; text-align:center; } 
.document_guide { display:flex; align-items:flex-start; gap:20px; margin-top:40px; } 
.document_tabs { display:flex; width:356px; flex:none; flex-direction:column; gap:16px; } 
.document_tab { display:flex; width:100%; height:60px; align-items:center; justify-content:space-between; padding:0 14px 0 20px; border:0; border-radius:15px; color:#131313; background:#f2f5e2; } 
.document_tab span { font-size:20px; font-weight:700; line-height:1.4; } 
.document_tab img { width:32px; height:32px; flex:none; } 
.document_tab.is_active { color:#fff; background:linear-gradient(100deg,#b5883c 0%,#8e6827 100%); } 
.document_card { position:relative; width:calc(100% - 376px); height:403px; padding:42px 50px; border:1px solid #d5d5d5; border-radius:40px; background:#fff; } 
.document_card > h2 { padding-right:140px; font-size:24px; font-weight:700; line-height:1.4; } 
.document_card > p { max-width:520px; margin-top:8px; color:rgba(19,19,19,.6); font-size:16px; font-weight:500; line-height:1.6; } 
.document_sample_button { position:absolute; top:49px; right:40px; display:flex; width:112px; height:42px; align-items:center; justify-content:center; border:1px solid #131313; border-radius:10px; font-size:16px; font-weight:700; line-height:1.4; } 
.document_contact { position:absolute; right:40px; bottom:40px; left:40px; height:174px; padding:34px 40px; border-radius:30px; background:#f1f3e8; } 
.document_contact > strong { display:block; font-size:24px; font-weight:700; line-height:1.4; } 
.document_contact > a { display:flex; width:236px; height:44px; align-items:center; justify-content:center; gap:8px; margin-top:16px; border:2px solid #c89846; border-radius:30px; color:#c89846; } 
.document_contact > a img { width:24px; height:24px; } 
.document_contact > a span { color:transparent; background:linear-gradient(106.03deg,#b97f1c .13%,#dbbc83 50.21%,#be9442 100.55%); background-clip:text; -webkit-background-clip:text; font-size:24px; font-weight:700; line-height:1.4; } 
.document_board { margin-top:40px; scroll-margin-top:20px; } 
.document_board > h2 { font-size:20px; font-weight:500; line-height:1.4; } 
.document_list { margin-top:20px; border-top:1px solid #131313; } 
.document_table_header { display:flex; height:50px; align-items:center; background:#f6f7f9; } 
.document_table_header span { display:flex; height:100%; align-items:center; justify-content:center; font-size:16px; font-weight:500; line-height:1.6; } 
.document_table_header span:nth-child(1), .document_number { width:80px; flex:none; } 
.document_table_header span:nth-child(2), .document_subject { min-width:0; flex:1; } 
.document_table_header span:nth-child(3), .document_table_header span:nth-child(4), .document_author, .document_date { width:150px; flex:none; } 
.document_row { display:flex; min-height:50px; align-items:center; border-bottom:1px solid #dbdbdb; } 
.document_number, .document_author, .document_date { color:rgba(19,19,19,.6); font-size:16px; font-weight:500; line-height:1.6; text-align:center; } 
.document_subject { display:flex; align-items:center; gap:8px; padding:0 20px; color:#131313; font-size:16px; font-weight:500; line-height:1.6; } 
.document_subject img { display:none; width:20px; height:20px; flex:none; } 
.document_subject span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.document_empty { display:flex; height:50px; align-items:center; justify-content:center; border-bottom:1px solid #dbdbdb; color:rgba(19,19,19,.5); font-size:15px; } 
.document_pagination ol { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:24px; } 
.document_pagination a { display:flex; width:34px; height:34px; align-items:center; justify-content:center; border:1px solid #d5d5d5; border-radius:5px; color:rgba(19,19,19,.6); font-size:14px; } 
.document_pagination a.active { border-color:#131313; color:#131313; font-weight:700; } 
.quote_page { overflow:hidden; background:#fff; } 
.quote_sub_visual .about_sub_visual_image { object-position:center 48%; } 
.quote_section { padding:80px 20px 120px; } 
.quote_inner { display:flex; width:100%; max-width:1440px; flex-direction:column; margin:0 auto; } 
.quote_inner > h1 { font-size:20px; font-weight:500; line-height:1.4; } 
.quote_list { margin-top:26px; } 
.quote_table_header { display:flex; height:50px; align-items:center; background:#f6f7f9; } 
.quote_table_header span { display:flex; height:100%; align-items:center; justify-content:center; color:#232323; font-size:16px; font-weight:700; line-height:1.5; } 
.quote_table_header span:nth-child(1), .quote_number { width:80px; flex:none; } 
.quote_table_header span:nth-child(2), .quote_subject { min-width:0; flex:1; } 
.quote_table_header span:nth-child(3), .quote_table_header span:nth-child(4), .quote_author, .quote_date { width:150px; flex:none; } 
.quote_row { display:flex; min-height:50px; align-items:center; border-bottom:1px solid #dbdbdb; } 
.quote_number, .quote_author, .quote_date { color:rgba(35,35,35,.5); font-size:16px; font-weight:500; line-height:1.5; text-align:center; } 
.quote_subject { display:flex; align-items:center; gap:4px; padding:0 40px; color:#232323; font-size:16px; font-weight:500; line-height:1.5; } 
.quote_subject img { width:24px; height:24px; flex:none; } 
.quote_subject span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.quote_empty { display:flex; height:50px; align-items:center; justify-content:center; border-bottom:1px solid #dbdbdb; color:rgba(35,35,35,.5); font-size:15px; } 
.quote_pagination { display:flex; justify-content:center; margin-top:50px; } 
.quote_pagination ol { display:flex; align-items:center; } 
.quote_pagination li { width:40px; height:40px; } 
.quote_pagination a { position:relative; display:flex; width:100%; height:100%; align-items:center; justify-content:center; color:#838383; font-size:18px; font-weight:500; line-height:1.5; } 
.quote_pagination a.active { color:#b5883c; font-weight:700; } 
.quote_pagination a.active::after { position:absolute; bottom:5px; left:16px; width:9px; height:3px; background:#b5883c; content:""; } 
.quote_pagination a.pagination_arrow { background-position:center; background-repeat:no-repeat; background-size:40px 40px; color:transparent; } 
.quote_pagination a.pagination_prev { background-image:url('/aboutck/img/sub/quote_page_prev.svg'); } 
.quote_pagination a.pagination_next { background-image:url('/aboutck/img/sub/quote_page_next.svg'); transform:rotate(180deg); } 
.quote_pagination a.is_disabled { opacity:.35; pointer-events:none; } 
.quote_tools { display:flex; width:516px; height:50px; align-items:center; justify-content:center; gap:8px; margin:50px auto 0; } 
.quote_search_type, .quote_search_field { position:relative; display:flex; height:50px; align-items:center; border:1px solid #dbdbdb; border-radius:10px; background:#fff; } 
.quote_search_type { width:100px; flex:none; } 
.quote_search_type select { width:100%; height:100%; padding:0 34px 0 15px; border:0; outline:0; appearance:none; color:#232323; background:transparent; font-size:16px; font-weight:500; } 
.quote_search_type img { position:absolute; top:19px; right:18px; width:6px; height:12px; transform:rotate(90deg) scaleY(-1); pointer-events:none; } 
.quote_search_field { width:280px; overflow:hidden; } 
.quote_search_field input { width:100%; min-width:0; height:100%; padding:0 44px 0 15px; border:0; outline:0; color:#232323; background:transparent; font-size:16px; } 
.quote_search_field input::placeholder { color:rgba(35,35,35,.5); } 
.quote_search_field button { position:absolute; top:0; right:0; display:flex; width:48px; height:48px; align-items:center; justify-content:center; padding:0; border:0; background:transparent; } 
.quote_search_field button img { width:24px; height:24px; } 
.quote_write_button { display:flex; width:120px; height:50px; flex:none; align-items:center; justify-content:center; border-radius:10px; color:#fff; background:#b5883c; font-size:16px; font-weight:500; } 
.quote_a11y_text { position:absolute; overflow:hidden; width:1px; height:1px; clip:rect(0 0 0 0); white-space:nowrap; } 
.service_sub_visual .about_sub_visual_image { object-position:center 64%; } 
.service_detail_section { min-height:840px; padding:120px 20px; } 
.service_tab_nav { display:flex; width:100%; max-width:560px; min-height:40px; align-items:center; justify-content:center; margin:0 auto; } 
.service_tab_nav a { display:flex; height:40px; align-items:center; justify-content:center; padding:0 24px; border:1px solid transparent; border-radius:10px; color:#a6a6a6; font-size:16px; font-weight:500; line-height:1.6; white-space:nowrap; } 
.service_tab_nav a.is_active { border-color:#131313; color:#131313; font-weight:700; } 
.service_detail_card { position:relative; width:100%; max-width:1440px; height:500px; padding: 30px; margin:60px auto 0; overflow:hidden; border-radius:40px; color:#fff; background-position:center; background-size:cover; display: flex; justify-content: space-between; gap: 0 20px; } 
.service_silicone_page .service_detail_card { background-image:url('/aboutck/img/main/service_silicone.webp'); } 
.service_crack_page .service_detail_card { background-image:url('/aboutck/img/main/service_crack.webp'); } 
.service_roof_page .service_detail_card { background-image:url('/aboutck/img/main/service_roof.webp'); } 
.service_paint_page .service_detail_card { background-image:url('/aboutck/img/main/service_paint.webp'); } 
.service_detail_dim { position:absolute; inset:0; background:rgba(16,16,16,.7); backdrop-filter:blur(10px); } 
.service_detail_copy {z-index:1;padding:30px;width: 410px;position: relative;} 
.service_detail_copy h1 { font-size:40px; font-weight:700; line-height:1.4; } 
.service_detail_copy strong { display:block; margin-top:40px; font-family:'Montserrat','Pretendard',sans-serif; font-size:24px; font-weight:700; line-height:1.4; } 
.service_detail_copy p {margin-top:8px;font-size:16px;font-weight: 300;line-height:1.6;} 
.service_result_image { position: relative; z-index:1; width:calc(100% - 606px); min-width:580px; max-width:804px; height:440px; border-radius:20px; object-fit:cover; object-position:left top; } 
@media (hover:hover) and (pointer:fine) { 
.about_service_link img { transition:transform .3s ease,filter .3s ease; } 
.about_service_link:hover img { transform:translateY(-4px); filter:brightness(1.08); } 
.service_tab_nav a { transition:color .2s ease,border-color .2s ease; } 
.service_tab_nav a:not(.is_active):hover { border-color:#d5d5d5; color:#2d2d2d; } 
.document_tab, .document_sample_button, .document_contact > a, .document_subject { transition:filter .2s ease,color .2s ease,background-color .2s ease; } 
.document_tab:hover, .document_sample_button:hover, .document_contact > a:hover { filter:brightness(1.06); } 
.document_subject:hover { color:#9b722f; } 
.quote_subject:hover { color:#9b722f; } 
.quote_write_button:hover, .quote_search_field button:hover { filter:brightness(1.08); } 
 } 
@media (max-width:1024px) { 
body#sub .site_header { height:60px; } 
.about_sub_visual { height:130px; } 
.about_breadcrumb { width:100%; height:24px; padding:86px 20px 0; font-size:16px; } 
.about_story { padding:60px 20px; } 
.about_story_inner { max-width:720px; } 
.about_brand_title { gap:4px; } 
.about_brand_title img { width:45px; height:44px; } 
.about_brand_title strong { font-size:36px; } 
.about_story h1 { max-width:600px; margin:16px auto 0; font-size:24px; } 
.about_story_text { max-width:720px; margin:8px auto 0; font-size:16px; } 
.about_story_text br { display:none; } 
.about_services { width:100%; min-height:400px; border-radius:40px; } 
.about_services_inner { width:100%; padding:30px 20px 29px; } 
.about_section_badge { min-height:38px; padding:4px 20px; font-size:20px; } 
.about_service_list { flex-wrap:wrap; gap:16px 10px; margin-top:16px; } 
.about_service_list li { width:calc((100% - 10px) / 2); } 
.about_service_link { font-size:15px; } 
.about_service_link img { height:clamp(103px,28vw,230px); } 
.about_service_link strong { margin-top:8px; } 
.about_strength { width:100%; min-height:936px; margin-top:10px; padding:60px 20px; border-radius:40px; } 
.about_content_inner { max-width:720px; } 
.about_strength h2 { font-size:24px; } 
.about_strength_list { gap:10px; margin-top:30px; } 
.about_strength_list > li { width:100%; height:172px; padding:20px 90px 20px 20px; } 
.about_strength_copy h3 { font-size:20px; } 
.about_strength_copy p { margin-top:8px; font-size:15px; } 
.about_strength_copy p br { display:none; } 
.about_strength_list > li > img { top:20px; right:10px; width:60px; height:60px; transform:none; } 
.about_promise { width:100%; min-height:490px; margin:10px auto 60px; border-radius:40px; } 
.about_promise_inner { width:100%; max-width:720px; padding:60px 20px; } 
.about_promise h2 { font-size:24px; } 
.about_promise p { margin-top:12px; font-size:15px; } 
.about_promise p br { display:none; } 
.about_promise_image { height:clamp(140px,38.8vw,280px); margin-top:24px; } 
.service_detail_section { min-height:auto; padding:60px 20px; } 
.service_tab_nav { max-width:300px; min-height:38px; flex-wrap:wrap; row-gap:10px; } 
.service_tab_nav a { height:38px; padding:0 16px; font-size:15px; } 
.service_detail_card { max-width:720px; height: auto; margin-top:30px; padding-bottom: 20px; display: flex; flex-direction: column; gap: 25px 0; padding: 20px; } 
.service_detail_copy { position: relative; top: 0; left: 0; width: 100%; padding: 20px 0 0; } 
.service_detail_copy h1 { font-size:24px; } 
.service_detail_copy strong { margin-top:24px; font-size:20px; } 
.service_detail_copy p { margin-top:8px; font-size:15px; } 
.service_result_image { top:auto; position: relative; right: 0; bottom: 0; width: 100%; max-width:none; height: auto; margin: 0 auto; min-width: initial; } 
.service_paint_page .service_detail_copy strong { max-width:240px; } 
.document_section { padding:60px 20px 74px; } 
.document_inner { max-width:720px; } 
.document_inner > h1 { max-width:520px; font-size:24px; line-height:1.4; text-align:left; } 
.document_guide { flex-direction:column; gap:20px; margin-top:20px; } 
.document_tabs { width:100%; flex-direction:row; gap:10px; } 
.document_tab { width:calc((100% - 10px) / 2); height:50px; padding:0 10px 0 14px; } 
.document_tab span { font-size:18px; } 
.document_tab img { width:24px; height:24px; } 
.document_card { width:100%; height:406px; padding:24px 20px; text-align:center; } 
.document_card > h2 { padding:0; font-size:20px; } 
.document_card > p { max-width:220px; margin:8px auto 0; font-size:15px; } 
.document_sample_button { position:static; width:112px; height:40px; margin:16px auto 0; font-size:15px; } 
.document_contact { right:20px; bottom:20px; left:20px; height:172px; padding:24px 20px; } 
.document_contact > strong { max-width:220px; margin:0 auto; font-size:20px; } 
.document_contact > a { width:222px; max-width:100%; height:44px; margin:16px auto 0; } 
.document_contact > a span { font-size:20px; } 
.document_board { margin-top:30px; } 
.document_board > h2 { font-size:18px; } 
.document_list { margin-top:16px; border-top:2px solid #131313; } 
.document_table_header { display:none; } 
.document_row { min-height:62px; align-content:center; align-items:center; flex-wrap:wrap; padding:8px 10px; } 
.document_number { display:none; } 
.document_subject { width:100%; flex:none; gap:2px; padding:0; font-size:15px; } 
.document_subject img { display:block; } 
.document_author, .document_date { width:auto; margin-top:2px; font-size:13px; line-height:1.4; } 
.document_author { padding-right:10px; } 
.document_date { padding-left:10px; border-left:1px solid #d5d5d5; } 
.document_empty { height:62px; font-size:14px; } 
.document_pagination ol { margin-top:20px; } 
.quote_section { min-height:0; padding:60px 20px 74px; } 
.quote_inner { max-width:720px; min-height:0; } 
.quote_inner > h1 { font-size:18px; } 
.quote_list { margin-top:16px; border-top:2px solid #131313; } 
.quote_table_header { display:none; } 
.quote_row { min-height:62px; align-content:center; flex-wrap:wrap; padding:8px 10px; } 
.quote_number { display:none; } 
.quote_subject { width:100%; flex:none; gap:2px; padding:0; font-size:15px; } 
.quote_subject img { width:20px; height:20px; } 
.quote_author, .quote_date { width:auto; margin-top:2px; font-size:13px; line-height:1.4; } 
.quote_author { padding-right:10px; } 
.quote_date { padding-left:10px; border-left:1px solid #d5d5d5; } 
.quote_empty { height:62px; font-size:14px; } 
.quote_pagination { margin-top:30px; } 
.quote_pagination li { width:36px; height:36px; } 
.quote_pagination a { font-size:16px; } 
.quote_pagination a.active::after { bottom:3px; left:14px; width:8px; height:2px; } 
.quote_pagination a.pagination_arrow { background-size:36px 36px; } 
.quote_tools { margin-top:30px; } 
 } 
@media (max-width:480px) { 
.quote_tools { width:100%; height:auto; flex-wrap:wrap; } 
.quote_search_type { width:100px; } 
.quote_search_field { width:calc(100% - 108px); } 
.quote_write_button { width:100%; } 
 }