@charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */
 .root_daum_roughmap { width:100% !important; height:440px !important; } 
 .root_daum_roughmap .wrap_map { width:100% !important; height:440px !important; } 
 .roughmap_lebel_text { line-height:0 !important; font-size:0 !important; } 
 .roughmap_lebel_text:after { content:"㈜CH Labs"; font-size:12px; line-height:15px; } 

.doc-tit { margin-bottom:var(--space-40); font-size: var(--font-size-44); line-height:1em; text-align:center; font-weight: 500 !important; } 
.doc-tit.type2 { font-weight:700 !important; margin:var(--space-80) 0; } 

.doc-cnt { padding-top: var(--space-130); } 
.doc-cnt:last-child { padding-bottom:var(--space-130); } 

.doc-sub-cnt { padding:var(--space-80) 0 var(--space-160); } 

.table-style table { width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #1f1f1f; line-height:1.5em; } 
.table-style table th { padding:13px; border:1px solid #ddd; border-top:0; font-weight:600; background:#fafafa; } 
.table-style table td { padding:13px; text-align:center; border:1px solid #ddd; border-top:0; color: #454545; } 
.table-style tr th:first-child,
.table-style tr td:first-child { border-left:0; } 
.table-style tr th:last-child,
.table-style tr td:last-child { border-right:0; } 
.table-style span { display:inline-block; } 
.table-style .normal { font-weight:400; } 

.flex-wrap { display:flex; } 
.flex-wrap.ai-center { align-items:center; } 
.flex-wrap .flex { flex: 1 1 auto; width:1%; min-width:0; } 
.flex-wrap.col { flex-direction: column; } 

.dot-list > li { position:relative; padding-left:10px; } 
.dot-list > li:before { content:"·"; position:absolute; top:-2px; left:0; font-weight:700; font-size:20px; color:#242424; } 
.dot-list > li strong { font-weight:600; } 

.dash-list > li { position:relative; padding-left:10px; } 
.dash-list > li:before { content:"-"; position:absolute; top:-2px; left:0; font-weight:700; font-size:20px; color:#242424; } 
.dash-list > li strong { font-weight:600; } 
.dash-list.none > li { padding-left:0; } 
.dash-list.none > li::before { display: none; } 

.pt0 { padding-top:0 !important; } 
.pb0 { padding-bottom:0 !important; } 
.pr0 { padding-right:0 !important; } 
.pl0 { padding-left:0 !important; } 
.pl120 { padding-left:var(--space-120) !important; } 
.pr100 { padding-right:var(--space-100) !important; } 
.pl25 { padding-left:var(--space-25) !important; } 
.p20-0 { padding:var(--space-20) 0 !important; } 
.pt80 { padding-top:var(--space-80) !important; } 

.m0 { margin:0 !important; } 
.mb0 { margin-bottom:0 !important; } 
.mb160 { margin-bottom:var(--space-160) !important; } 
.mb120 { margin-bottom:var(--space-120) !important; } 
.mb100 { margin-bottom:var(--space-100) !important; } 
.mb80 { margin-bottom:var(--space-80) !important; } 

.txt-primary { color: var(--color-primary) !important; } 
.txt-second { color: var(--color-secondary) !important; } 
.txt-grey { color: #888888 !important; } 
.txt-wht { color: #fff !important; } 

.highlight { display: inline; box-shadow: inset 0 -14px 0 #f7f5fa; border-radius: 3px; } 

.tag { padding:7px 16px; font-weight:500; font-size: var(--font-size-18); letter-spacing: 0; line-height:1em; background-color: var(--color-second); border-radius: 50vh; color: #fff; width:fit-content; } 

.bg-grey { background-color: #f0f0f0; } 

/* story */
.one-page .menu-story { position: fixed; top: 50%; transform: translateY(-50%); z-index: 100; left: 50%; transform: translate(-50%, -50%); margin-left: 655px; } 
.menu-story ul { display:flex; flex-direction: column; gap: 10px 0; } 
.menu-story ul li a { display:block; width: 47px; height: 47px; border: 1px solid #fff; text-align: center; line-height: 45px; font-size: var(--font-size-14); color: #ffffff; background-color: rgba(254, 254, 254, 0.2); border-radius: 0; font-family: "Montserrat", serif; font-weight:500; letter-spacing: 0; } 
.menu-story ul li.active a { background-color: rgb(0, 0, 0); } 

.story { background-color: #000; color: #fff; } 
#sub .section .item { position:relative; } 
#sub .section .item.bg { width:100%; height:calc( 100vh - var(--header-height)); background-repeat: no-repeat; background-position: center; background-size: cover; } 
#sub .section.start .bg { background-image: url(/images/sub/start-01.jpg); } 
#sub .section.innovation .bg { background-image: url(/images/sub/innovation-01.jpg); } 
#sub .section.dream .bg { background-image: url(/images/sub/dream-01.jpg); } 

.sec-head { display:flex; flex-direction: column; align-items: center; justify-content: center; height:100%; } 
.sec-head .cop { display:block; font-size: var(--font-size-23); } 
.sec-head h2 { margin-top:var(--space-60); font-family: 'LT-Novelty'; font-weight: 400; font-size: var(--font-size-107); line-height:1em; letter-spacing: 0; text-transform: uppercase; } 
.sec-head p { margin-top:var(--space-60); font-size: var(--font-size-23); } 

.reverse-list .cnt { display:flex; flex-direction: row; align-items: center; margin-bottom:var(--space-80); color: #fff; } 
.reverse-list .cnt:last-child { margin-bottom:0; } 
.reverse-list .cnt > div { width:50%; } 
.reverse-list .txt { padding-right:var(--space-120); } 
.reverse-list .img { padding-left:var(--space-120); } 
.reverse-list .txt h3 { margin-bottom:10px; font-size: var(--font-size-24); line-height:normal; color: #242424; letter-spacing: -0.02em; } 
.reverse-list .txt p { font-size: var(--font-size-18); line-height:1.61em; font-weight: 300; } 
.reverse-list .cnt:nth-child(even) { flex-direction: row-reverse; } 
.reverse-list .cnt:nth-child(even) .txt { padding-left:var(--space-20); padding-right:0 } 
.reverse-list .cnt:nth-child(even) .img { padding-left:0; padding-right:var(--space-120); } 
.reverse-list p.t2 { font-weight:700; font-size: var(--font-size-28); margin-bottom:var(--space-30); line-height:1.36em; } 
.reverse-list p.t3 { font-size: var(--font-size-55); letter-spacing: 0.01em; line-height:1.27em; text-transform: uppercase; } 
.reverse-list .cnt .flex-wrap.col { flex-direction: column; justify-content: space-between; gap:var(--space-200) 0; } 

.story .tit-wrap { text-align:center; margin-bottom:var(--space-70); text-transform: uppercase; } 
.story .tit-wrap h3 { font-family: 'LT-Novelty'; font-size: var(--font-size-69); letter-spacing: 0.01em; line-height:1em; font-weight:400; } 
.story .tit-wrap h4 { font-family: 'LT-Novelty'; font-weight:400; font-size: var(--font-size-55); line-height:1.27em; letter-spacing: 0.01em; } 
.story .tit-wrap p { padding-top:var(--space-25); font-size: var(--font-size-23); line-height:1.65em; } 
.story .video-wrap { max-width:1000px; margin-bottom:var(--space-60); } 

/* products */
.products { margin-top:var(--space-90); color: #000 !important; } 
.products > ul > li { border-top:1px solid #000; } 
.products > li.active { position:relative; } 
.products > ul > li:last-child { border-bottom: 1px solid #000; } 
.products .tit { color:#000; font-weight:500; line-height:1.5em; } 
.products .tit a { position:relative; display:flex; padding:var(--space-50) 0; text-decoration:none !important; transition:none; } 
.products .tit a .num { display:block; width:15%; font-family: "Montserrat", serif; font-weight: 400; letter-spacing: 0; text-transform: uppercase; font-size: var(--font-size-69); line-height:1em; } 
.products .tit a .wrap { flex: 1 1 auto; width:1%; min-width:0; padding-left: var(--space-120); } 
.products .tit a h2 { font-family: "Montserrat", serif; font-weight: 400; letter-spacing: 0; text-transform: uppercase; font-size: var(--font-size-69); line-height:1em; } 
.products .tit a p { margin-top:var(--space-30); font-size: var(--font-size-23); font-weight:700; line-height:1.65em; } 

.products .cnt { display:none; position:relative; color:#000; } 

.accordion-icon { position: relative; display: flex; width: var(--space-80); height: var(--space-80); padding: 1vw; justify-content: center; align-items: center; flex: 0 0 auto; border: 1px solid #a1a1a1; border-radius: 100%; -webkit-transition: all 500ms ease; transition: all 500ms ease; } 
.icon-line-static { width: 100%; height: 1px; background-color: #000; } 
.icon-line { position: absolute; top: 1vw; bottom: 1vw; width: 1px; height: auto; background-color: #000; transition: transform 500ms ease; } 

.products li.active .icon-line { transform: rotateZ(90deg); } 
.products li.active .cnt-list .section { padding-top:30px; } 
.products li.active .cnt-list .spec { padding-top:30px; } 

.products .menu-list { width:15%; } 
.products .menu-list ul { padding:var(--space-20) 0 var(--space-70); border-top:1px solid #a1a1a1; } 
.products .menu-list ul:last-child { padding-bottom:0; } 
.products .menu-list .menu { margin-bottom:var(--space-20); font-family: "proxima-nova", sans-serif; font-weight:700; font-size: var(--font-size-18); letter-spacing: 0; line-height:1em; text-transform: uppercase; } 
.products .menu-list li.menu a { color: #000; } 
.products .menu-list ul li a { line-height:2em; color: #a1a1a1; } 
.products .menu-list ul li.active a { font-weight:700; color: #000; } 
.products .menu-list ul li a:hover { color: #000; font-weight:700; } 

.products .cnt-list { flex: 1 1 auto; width:1%; min-width:0; height:570px; padding-left:var(--space-120); padding-bottom:var(--space-60); overflow: auto; } 
.products .cnt-list::-webkit-scrollbar { display:none; } 
.products .cnt-list>ul>li { display:flex; margin-bottom:var(--space-40); } 
.products .cnt-list>ul>li:last-child { margin-bottom:0; } 
.products .cnt-list .txt { flex: 1 1 auto; width:1%; min-width:0; padding-right:var(--space-40); color: #000; } 
.products .cnt-list .img { width:43%; } 
.products .cnt-list .txt h3 { font-size: var(--font-size-35); font-weight:700; line-height:1.09em; } 
.products .cnt-list .txt p { margin-top:var(--space-30); font-size: var(--font-size-18); line-height:1.61em; } 

.products .spec { margin-top:var(--space-60); } 
.products .spec .flex-wrap { border-top:1px solid #000; border-bottom: 1px solid #000; background-color: #f6f6f6; } 
.products .spec .flex-wrap .img { width:38%; display:flex; justify-content: center; align-items: center; } 
.products .spec .flex-wrap .info-list { flex: 1 1 auto; width:1%; min-width: 0; } 
.products .spec .info-list dl { display:flex; border-bottom: 1px solid #a1a1a1; } 
.products .spec .info-list dl:last-child { border-bottom: 0; } 
.products .spec .info-list dl dt { width:30%; font-weight:600; line-height:2.5em; } 
.products .spec .info-list dl dd { flex: 1 1 auto; width:1%; min-width: 0; font-weight:500; font-family: "proxima-nova", sans-serif; line-height:2.5em; letter-spacing: 0; } 

.products .num-list li:not(:last-child) { margin-bottom:var(--space-15); } 
.products .num-list li p { font-size: var(--font-size-16) !important; margin-top:0 !important; } 
.products .num-list p.tit { display: flex; align-items: center; font-weight:700; font-size: var(--font-size-18); line-height:1.5em; } 
.products .num-list .num { display:inline-block; margin-right:5px; color: #fff; background-color: #000; border-radius: 100%; width:15px; height:15px; font-weight:300; font-size: 10px; line-height:15px; text-align:center; } 
.products .num-list { margin-top:var(--space-30); line-height:1.44em; } 
.products .none { padding:70px 0; text-align:center; color:#999; } 

.inquiry-form table { border-top:1px solid #a1a1a1; } 
.inquiry-form + .buttons { margin-top:var(--space-80); } 
#email.input:first-child { margin-left:0; } 
#email.input { margin:0 10px; } 
.inquiry-form .required { color: #ff0000; } 
.inquiry-form .input-list { display:flex; flex-wrap: wrap; gap: var(--space-10) var(--space-25); } 
.inquiry-form .input-list .list input:first-child { width:100% !important; max-width: 200px !important; margin-right:4px; } 
.inquiry-form .input-list .list input:last-child { width:85px; } 
.inquiry-form .btn-add { display:block; border: 0; background: none; display:flex; align-items: center; margin:var(--space-20) 0; gap: 10px; font-size: var(--font-size-14); } 
.inquiry-form .input { font-size: var(--font-size-14); height: 38px; padding:5px var(--space-20); background-color: rgb(240, 240, 240); border: 0; } 
/* .inquiry-form .input.m-w790 { width:100%; max-width: 790px; } */

/* .btn-add { display:block; }  */

.inquiry-form th p { padding-top:10px; font-size: var(--font-size-12); color: #a9a9a9; line-height:1.5em; } 
.inquiry-form .item { display: inline-block; margin-right:var(--space-30); } 
.inquiry-form .checkbox label:before { width: 17px; height: 17px; background-color: #fff; border: 1px solid #a9a9a9; background: #fff url(/images/bbs/checkbox2.png) 50% 50% no-repeat; } 
.inquiry-form textarea.input { height: 130px; padding: var(--space-15) var(--space-20); overflow: auto; resize: none; font-size: var(--font-size-14); line-height:1.43em; color: #a9a9a9; } 
/* .inquiry-form .step-list .input-wrap textarea.input { flex: 1 1 auto; min-width:0; width:1%; } */
.inquiry-form .step-list .input-wrap textarea.input { width:100%; } 

.inquiry-form .step-list .input-wrap .input.select { width:217px; } 
.inquiry-form .step-list .input-wrap .input.select2 { width:109px; } 

.inquiry-form .step-list .input-wrap .photo-upload-preview .photo-upload-btn { margin-left:20px; } 
.inquiry-form .step-list li { display:flex; margin-bottom:var(--space-40); } 
.inquiry-form .step-list li:last-child { margin-bottom:0; } 
.inquiry-form .step-list li .step { width:100px; font-weight:500; color: #000; } 
.inquiry-form .step-list li .input-wrap { flex: 1 1 auto; width:1%; min-width: 0; } 
.inquiry-form .step-list li .input-wrap .wrap { display:flex; }
.inquiry-form .step-list li .input-wrap .wrap.border { height:38px; } 

.inquiry-form .step-list li .input-wrap .wrap:not(:last-child) { margin-bottom:10px; } 
.inquiry-form .step-list li .input-wrap .wrap label { display:flex; justify-content: center; align-items: center; background-color: #000; color: #fff; width:78px;  height:38px; padding: 0 var(--space-15); } 
.inquiry-form .step-list li .input-wrap .wrap span { display:flex; } 
.inquiry-form select.input { background: #fff url(/images/bbs/arrow-btm.png) right 14px center no-repeat; color: #a9a9a9; border: 1px solid #a1a1a1; padding: 0 var(--space-20); } 
.inquiry-form .photo-upload-btn { display:flex; justify-content: center; align-items: center; width:80px; height:80px; background: #000 url(/images/bbs/plus3.png) no-repeat center/contain; background-size: 28px auto;     border: 0;} 
.photo-upload-preview { display: flex; gap: 10px; } 
.photo-upload-preview li { position:relative; width:80px; height:80px; } 
.photo-upload-preview li:before { content:''; display:block; padding-bottom:100%; } 
.photo-upload-preview li img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; } 
.inquiry-form .photo-upload-preview li button { display:flex; align-items:center; justify-content:center; position:absolute; top:-5px; right:-5px; width:20px; height:20px; margin:0; border:0; border-radius:100%; background:rgba(0,0,0,.7); } 
.photo-upload-preview li button svg { width: 8px; height: auto; } 
.inquiry-form .flex-wrap { display:flex; gap: 10px; border: 0; } 
.buttons .cen.flex-wrap { justify-content: center; gap: 0 10px; } 
.inquiry-form .photo { width:80px; margin-left:var(--space-20); } 

/* 커뮤니티 */
.community-wrap { display:flex; flex-wrap: wrap; gap: var(--space-20); } 
.community-wrap a { display:flex; justify-content: center; align-items: center; flex-direction: column; color: #fff; width:calc(50% - var(--space-20)); height:400px; position:relative; background: url(/images/sub/notice-01.jpg) no-repeat center/cover;text-align: center; } 
.community-wrap a:nth-child(2) { background-image: url(/images/sub/notice-02.jpg); } 
.community-wrap a:nth-child(3) { background-image: url(/images/sub/notice-03.jpg); } 
.community-wrap a:nth-child(4) { background-image: url(/images/sub/notice-04.jpg); } 
.community-wrap .en { margin-bottom:var(--space-40); font-size: var(--font-size-18); line-height:1em; } 
.community-wrap .tit { margin-bottom:10px; font-size: var(--font-size-28); line-height:1em; font-weight:700; } 
.community-wrap .desc { font-size: var(--font-size-18); line-height:1.56em; } 

/* 공지사항 */
.notice-list ul li { border-bottom:1px solid #ddd; } 
.notice-list ul li:last-child { margin-bottom:0; } 
.notice-list .tit { color:#333; font-size:16px; font-weight:500; line-height:1.5em; letter-spacing:-.02em; } 
.notice-list .tit a { position:relative; display:flex; align-items:center; padding:12px 60px 12px 12px; text-decoration:none !important; transition:none; } 
.notice-list .tit a:after { content:""; position:absolute; right:20px; top:20px; display:inline-block; width:14px; height:14px; border-right:2px solid #aaa; border-bottom:2px solid #aaa; transform:rotate(45deg); } 
.notice-list .cnt { display:none; position:relative; padding:23px 30px 23px 63px; background:#f6f6f6; } 
.notice-list .cnt .buttons { margin-bottom:0; } 
.notice-list .q { display:inline-block; margin-right:10px; color:#000; font-size:var(--font-size-16); font-weight:700 !important; font-family: "Montserrat", serif !important; letter-spacing: 0; text-transform: uppercase !important; } 
.notice-list li.active { position:relative; } 
.notice-list li.active .tit { background:#f6f6f6; } 
.notice-list li.active .tit a:after { transform:rotate(-135deg); margin-top:6px; border-color:#555; } 
.notice-list .none { padding:70px 0; text-align:center; color:#999; } 
.notice-list tr.notice { cursor:pointer; } 

.board-list-m .cnt { display:none; background:#f6f6f6; padding:10px; margin-top: 10px; } 
.board-list-m .q { display:inline-block; margin-right:10px; color:#000; font-size:var(--font-size-16); font-weight:700 !important; font-family: "Montserrat", serif !important; letter-spacing: 0; text-transform: uppercase !important; } 

/* 사용 가이드 */
.guide-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-25); } 
.guide-list li .cnt { display:flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: var(--space-20); text-align:center; padding:var(--space-50) var(--space-20) var(--space-40); background-color: #f6f6f6; } 
.guide-list .tit { margin-bottom:var(--space-30); font-weight:700; font-size: var(--font-size-28); } 
.guide-list .tit span { display:block; margin-bottom:10px; font-weight:400 !important; font-size: var(--font-size-28); line-height:1.36em; } 
.guide-list .btn-wrap { display:flex; } 
.guide-list .btn-wrap a { display: flex; justify-content: center; align-items: center; background-color: #f6f6f6; border: 1px solid #a1a1a1; width: 100%; font-weight: 600; gap: 10px; padding: 9px 0; } 
.guide-list .btn-wrap a.blk { background-color: #000; color: #fff; border-right: 0; } 

/* 제품 A/S */
.as { display:flex; flex-wrap: wrap; gap: var(--space-20); } 
.as .box { background-color: #f6f6f6; width:calc(50% - var(--space-20)); text-align:center; padding:var(--space-60); } 
.as .box:first-child { width:100%; padding:var(--space-40); } 
.as .box:first-child p { font-weight:700; font-size: var(--font-size-18); line-height:1.61em; } 
.as .box h2 { margin-top:10px; font-size: var(--font-size-23); line-height:2.09em; } 
.as .box h2 strong { font-weight:700 !important; }