@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {display:none}
#ctt > header:not(.hm-page-title) h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

#ctt.hm-information-page{margin-top:0;margin-bottom:0;padding-top:0}
#ctt.hm-information-page #ctt_con{padding-top:0}

/* 서비스 이용약관 본문은 원본 provision 콘텐츠의 폭·글꼴 기준을 따릅니다. */
#ctt.ctt_provision,
#ctt.ctt_privacy {width:85%;max-width:none;margin:0 auto !important;padding:0 44px 70px !important;box-sizing:border-box}
#ctt.ctt_provision #ctt_con,
#ctt.ctt_privacy #ctt_con {width:1000px;max-width:100%;margin:0 auto;text-align:left;line-height:1.75;color:#545454;word-break:normal;overflow-wrap:anywhere;font-family:'Pretendard Variable','Pretendard','font-R','Malgun Gothic',sans-serif;font-size:16px;font-weight:400;letter-spacing:-0.05em !important}
#ctt.ctt_provision #ctt_con span,
#ctt.ctt_privacy #ctt_con span,
#ctt.ctt_provision #ctt_con br,
#ctt.ctt_privacy #ctt_con br {font-family:'Pretendard Variable','Pretendard','font-R','Malgun Gothic',sans-serif !important;font-size:16px !important;font-weight:400;letter-spacing:-0.05em !important}
#ctt.ctt_provision #ctt_con br,
#ctt.ctt_privacy #ctt_con br {line-height:1.4}
#ctt.ctt_provision #ctt_con .hm-editor-content {display:block;width:100%;max-width:none;margin:0;text-align:left;box-sizing:border-box}
#ctt.ctt_privacy #ctt_con .hm-editor-content {display:block;width:100%;max-width:none;margin:0;text-align:left;box-sizing:border-box}
#ctt.ctt_provision #ctt_con p,
#ctt.ctt_privacy #ctt_con p {width:100%;max-width:none;margin:0 0 10px;text-align:left;line-height:1.75 !important;word-break:normal;overflow-wrap:anywhere}
#ctt.ctt_provision #ctt_con p:has(> br:only-child) {display:none}
#ctt.ctt_provision #ctt_con p:has(> .provision-chapter) {margin:30px 0 12px !important;font-size:1.05em;font-weight:400;line-height:1.45 !important}
#ctt.ctt_provision #ctt_con p:has(> .provision-chapter) > .provision-chapter {font-size:1.05em !important;font-weight:400 !important;color:#111 !important}
#ctt.ctt_provision #ctt_con .hm-editor-content > p:first-child:has(> .provision-chapter) {margin-top:0 !important}
#ctt.ctt_provision #ctt_con p:has(> .provision-chapter) + br {display:none}

@media all and (max-width:1024px) {
    #ctt.ctt_provision,
    #ctt.ctt_privacy {width:100% !important;max-width:none !important;padding:0 22px 58px !important}
    #ctt.ctt_provision #ctt_con,
    #ctt.ctt_privacy #ctt_con {width:100% !important;max-width:none !important;font-size:15px}
    #ctt.ctt_provision #ctt_con span,
    #ctt.ctt_privacy #ctt_con span,
    #ctt.ctt_provision #ctt_con br,
    #ctt.ctt_privacy #ctt_con br {font-size:15px !important}
}

/* Company introduction */
#ctt.hm-company-page{margin:0;padding:0;background:#fff}
#ctt.hm-company-page>.hm-company-page__title{position:relative;display:flex;align-items:center;justify-content:center;height:75px;margin:22px 0 0;padding:0;border-bottom:1px solid #e1e1e1;background:#fff;box-sizing:border-box}
#ctt.hm-company-page>.hm-company-page__title h1{position:static;margin:0;overflow:visible;color:#111;font-size:36px;font-weight:400;letter-spacing:0;line-height:38px;text-align:center}
#ctt.hm-company-page .hm-company-page__content{width:1000px;max-width:calc(100% - 48px);margin:0 auto 80px;padding:0;color:#111;box-sizing:border-box}
#ctt.hm-company-page .hm-company-page__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);border-top:1px solid #111;border-bottom:1px solid #dfe3e8}
#ctt.hm-company-page .hm-company-page__intro-copy{display:flex;flex-direction:column;justify-content:center;padding:42px 40px}
#ctt.hm-company-page .hm-company-page__intro h2{margin:0;color:#111;font-size:28px;font-weight:400;letter-spacing:0;line-height:1.42;word-break:keep-all}
#ctt.hm-company-page .hm-company-page__intro p{margin:16px 0 0;color:#555;font-size:15px;line-height:1.7;word-break:keep-all}
#ctt.hm-company-page .hm-company-page__visual{min-height:286px;margin:0;background:#f4f4f4;overflow:hidden}
#ctt.hm-company-page .hm-company-page__visual img{display:block;width:100%;height:100%;object-fit:cover}
#ctt.hm-company-page .hm-company-page__actions{display:flex;gap:8px;margin-top:26px}
#ctt.hm-company-page .hm-company-page__button{display:inline-flex;align-items:center;justify-content:center;min-width:158px;height:46px;padding:0 20px;border:1px solid #3d3d4f;background:#3d3d4f;color:#fff;font-size:15px;font-weight:400;line-height:1;text-decoration:none}
#ctt.hm-company-page .hm-company-page__button--line{background:#fff;color:#111}
#ctt.hm-company-page .hm-company-page__principles{margin-top:48px}
#ctt.hm-company-page .hm-company-page__principles>header{display:flex;align-items:end;justify-content:space-between;padding:0 0 14px;border-bottom:1px solid #111}
#ctt.hm-company-page .hm-company-page__principles>header h2{margin:0;color:#111;font-size:20px;font-weight:400;letter-spacing:0;line-height:1.35}
#ctt.hm-company-page .hm-company-page__principles>header p{margin:0;color:#666;font-size:14px;line-height:1.5;text-align:right}
#ctt.hm-company-page .hm-company-page__principle-list{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dfe3e8}
#ctt.hm-company-page .hm-company-page__principle{min-height:180px;padding:28px 24px;border-right:1px solid #e4e7eb;box-sizing:border-box}
#ctt.hm-company-page .hm-company-page__principle:last-child{border-right:0}
#ctt.hm-company-page .hm-company-page__principle span{display:block;color:#3d3d4f;font-size:15px;font-weight:500;line-height:1.4}
#ctt.hm-company-page .hm-company-page__principle h3{margin:10px 0 0;color:#111;font-size:17px;font-weight:400;letter-spacing:0;line-height:1.4}
#ctt.hm-company-page .hm-company-page__principle p{margin:8px 0 0;color:#666;font-size:14px;line-height:1.65;word-break:keep-all}

@media (max-width:768px){
    #ctt.hm-company-page{margin:0;padding:0;min-height:0;box-shadow:none}
    #ctt.hm-company-page>.hm-company-page__title{width:100vw;height:92px;min-height:92px;margin:0 calc(50% - 50vw) 18px;padding:0}
    #ctt.hm-company-page>.hm-company-page__title h1{font-size:23px;line-height:32px}
    #ctt.hm-company-page .hm-company-page__content{width:auto;max-width:none;margin:0 16px 42px}
    #ctt.hm-company-page .hm-company-page__intro{grid-template-columns:1fr}
    #ctt.hm-company-page .hm-company-page__visual{order:-1;min-height:0;aspect-ratio:16/9}
    #ctt.hm-company-page .hm-company-page__intro-copy{padding:26px 20px 24px}
    #ctt.hm-company-page .hm-company-page__intro h2{font-size:20px;line-height:1.45}
    #ctt.hm-company-page .hm-company-page__intro p{margin-top:12px;font-size:14px;line-height:1.65}
    #ctt.hm-company-page .hm-company-page__actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:20px}
    #ctt.hm-company-page .hm-company-page__button{min-width:0;height:42px;padding:0 8px;font-size:14px;white-space:nowrap}
    #ctt.hm-company-page .hm-company-page__principles{margin-top:32px}
    #ctt.hm-company-page .hm-company-page__principles>header{display:block;padding-bottom:12px}
    #ctt.hm-company-page .hm-company-page__principles>header h2{font-size:19px}
    #ctt.hm-company-page .hm-company-page__principles>header p{margin:7px 0 0;font-size:13px;text-align:left}
    #ctt.hm-company-page .hm-company-page__principle-list{grid-template-columns:1fr}
    #ctt.hm-company-page .hm-company-page__principle{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;min-height:0;padding:19px 18px;border-right:0;border-bottom:1px solid #e4e7eb}
    #ctt.hm-company-page .hm-company-page__principle:last-child{border-bottom:0}
    #ctt.hm-company-page .hm-company-page__principle span{grid-row:span 2;font-size:14px}
    #ctt.hm-company-page .hm-company-page__principle h3{margin:0;font-size:15px}
    #ctt.hm-company-page .hm-company-page__principle p{margin:6px 0 0;font-size:13px;line-height:1.55}
}

/* B2B and installer guides */
#ctt.hm-guide-page{margin:0;padding:0;background:#fff}
#ctt.hm-guide-page .hm-guide-page__content{width:1000px;max-width:calc(100% - 48px);margin:0 auto 80px;padding:0;color:#111;box-sizing:border-box}
#ctt.hm-guide-page .hm-guide-page__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);border-top:1px solid #111;border-bottom:1px solid #dfe3e8}
#ctt.hm-guide-page .hm-guide-page__intro-copy{display:flex;flex-direction:column;justify-content:center;padding:42px 40px}
#ctt.hm-guide-page .hm-guide-page__intro h2{margin:0;color:#111;font-size:28px;font-weight:400;letter-spacing:0;line-height:1.42;word-break:keep-all}
#ctt.hm-guide-page .hm-guide-page__intro p{margin:16px 0 0;color:#555;font-size:15px;line-height:1.7;word-break:keep-all}
#ctt.hm-guide-page .hm-guide-page__visual{min-height:286px;margin:0;background:#f4f4f4;overflow:hidden}
#ctt.hm-guide-page .hm-guide-page__visual img{display:block;width:100%;height:100%;object-fit:cover}
#ctt.hm-guide-page .hm-guide-page__actions{display:flex;gap:8px;margin-top:26px}
#ctt.hm-guide-page .hm-guide-page__button{display:inline-flex;align-items:center;justify-content:center;min-width:158px;height:46px;padding:0 20px;border:1px solid #3d3d4f;background:#3d3d4f;color:#fff;font-size:15px;font-weight:400;line-height:1;text-decoration:none}
#ctt.hm-guide-page .hm-guide-page__button--line{background:#fff;color:#111}
#ctt.hm-guide-page .hm-guide-page__flow{margin-top:48px}
#ctt.hm-guide-page .hm-guide-page__flow>header{display:flex;align-items:end;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #111}
#ctt.hm-guide-page .hm-guide-page__flow>header h2,
#ctt.hm-guide-page .hm-guide-page__details>h2{margin:0;color:#111;font-size:20px;font-weight:400;letter-spacing:0;line-height:1.35}
#ctt.hm-guide-page .hm-guide-page__flow>header p{margin:0;color:#666;font-size:14px;line-height:1.5;text-align:right}
#ctt.hm-guide-page .hm-guide-page__flow ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;border-bottom:1px solid #dfe3e8;list-style:none}
#ctt.hm-guide-page .hm-guide-page__flow li{min-height:180px;padding:28px 22px;border-right:1px solid #e4e7eb;box-sizing:border-box}
#ctt.hm-guide-page .hm-guide-page__flow li:last-child{border-right:0}
#ctt.hm-guide-page .hm-guide-page__flow li>span{display:block;color:#3d3d4f;font-size:15px;font-weight:500;line-height:1.4}
#ctt.hm-guide-page .hm-guide-page__flow h3,
#ctt.hm-guide-page .hm-guide-page__detail-list h3{margin:10px 0 0;color:#111;font-size:17px;font-weight:400;letter-spacing:0;line-height:1.4}
#ctt.hm-guide-page .hm-guide-page__flow li p,
#ctt.hm-guide-page .hm-guide-page__detail-list p{margin:8px 0 0;color:#666;font-size:14px;line-height:1.65;word-break:keep-all}
#ctt.hm-guide-page .hm-guide-page__details{margin-top:48px}
#ctt.hm-guide-page .hm-guide-page__details>h2{padding-bottom:14px;border-bottom:1px solid #111}
#ctt.hm-guide-page .hm-guide-page__detail-list{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dfe3e8}
#ctt.hm-guide-page .hm-guide-page__detail-list article{min-height:132px;padding:22px 24px;border-right:1px solid #e4e7eb;box-sizing:border-box}
#ctt.hm-guide-page .hm-guide-page__detail-list article:last-child{border-right:0}
#ctt.hm-guide-page .hm-guide-page__detail-list h3{margin-top:0}

@media (max-width:768px){
    #ctt.hm-guide-page{margin:0;padding:0;min-height:0;box-shadow:none}
    #ctt.hm-guide-page .hm-guide-page__content{width:auto;max-width:none;margin:0 16px 42px}
    #ctt.hm-guide-page .hm-guide-page__intro{grid-template-columns:1fr}
    #ctt.hm-guide-page .hm-guide-page__visual{order:-1;min-height:0;aspect-ratio:16/9}
    #ctt.hm-guide-page .hm-guide-page__intro-copy{padding:26px 20px 24px}
    #ctt.hm-guide-page .hm-guide-page__intro h2{font-size:20px;line-height:1.45}
    #ctt.hm-guide-page .hm-guide-page__intro p{margin-top:12px;font-size:14px;line-height:1.65}
    #ctt.hm-guide-page .hm-guide-page__actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:20px}
    #ctt.hm-guide-page .hm-guide-page__button{min-width:0;height:42px;padding:0 8px;font-size:14px;white-space:nowrap}
    #ctt.hm-guide-page .hm-guide-page__flow,
    #ctt.hm-guide-page .hm-guide-page__details{margin-top:32px}
    #ctt.hm-guide-page .hm-guide-page__flow>header{display:block;padding-bottom:12px}
    #ctt.hm-guide-page .hm-guide-page__flow>header h2,
    #ctt.hm-guide-page .hm-guide-page__details>h2{font-size:19px}
    #ctt.hm-guide-page .hm-guide-page__flow>header p{margin:7px 0 0;font-size:13px;text-align:left}
    #ctt.hm-guide-page .hm-guide-page__flow ol,
    #ctt.hm-guide-page .hm-guide-page__detail-list{grid-template-columns:1fr}
    #ctt.hm-guide-page .hm-guide-page__flow li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;min-height:0;padding:19px 18px;border-right:0;border-bottom:1px solid #e4e7eb}
    #ctt.hm-guide-page .hm-guide-page__flow li:last-child{border-bottom:0}
    #ctt.hm-guide-page .hm-guide-page__flow li>span{grid-row:span 2;font-size:14px}
    #ctt.hm-guide-page .hm-guide-page__flow h3{margin:0;font-size:15px}
    #ctt.hm-guide-page .hm-guide-page__flow li p{margin-top:6px;font-size:13px;line-height:1.55}
    #ctt.hm-guide-page .hm-guide-page__details>h2{padding-bottom:12px}
    #ctt.hm-guide-page .hm-guide-page__detail-list article{min-height:0;padding:18px;border-right:0;border-bottom:1px solid #e4e7eb}
    #ctt.hm-guide-page .hm-guide-page__detail-list article:last-child{border-bottom:0}
    #ctt.hm-guide-page .hm-guide-page__detail-list h3{font-size:15px}
    #ctt.hm-guide-page .hm-guide-page__detail-list p{font-size:13px;line-height:1.55}
}