@charset "utf-8";

/*공통*/
.c-white {color:#fff !important;}
.c-main {color:var(--color-primary) !important;}

.doc-tit {margin-bottom:var(--size50); font-size:clamp(20px, calc(30/ var(--inner) * 100vw ),30px); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.doc-cnt {margin-bottom:var(--size80);}
.doc-cnt:last-child {margin-bottom:0 !important;}

.sub-content-margin {margin-bottom:var(--size100);}
.sub-content-padding {padding:var(--size80) 0;}
.sub-content-tit {position:relative; margin-bottom:var(--size35); padding-left:1.28em; font-size:clamp(18px, calc(24/ var(--inner) * 100vw ),24px); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.sub-content-tit:before {content:''; position:absolute; left:0; top:0.2em; width:0.83em; height:0.83em; background:url('/images/sub/bullet01.png') no-repeat 50% 50%/contain;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686;}

.bg-gary {position:relative;}
.bg-gary:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; background:#f8f8f8; transform:translateX(-50%);}


/* 회사소개 */
.company-top-txt {margin-bottom:clamp(20px, calc(75/ var(--inner) * 100vw ),75px);}
.company-top-txt p {font-size:clamp(16px, calc(48/ var(--inner) * 100vw ),48px); line-height:1.4; letter-spacing:-0.03em; font-weight:600; color:#242424;}
.company-bg {position:relative;}
.company-bg:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; background:#f8f8f8 url('/images/sub/company-bg.png') no-repeat right bottom var(--size50); transform:translateX(-50%);}
.company-bg .t1 {margin-bottom:var(--size30); font-size:clamp(15px, calc(20/ var(--inner) * 100vw ),20px); line-height:1.3; font-weight:500; color:#242424;}
.company-bg .t2 {margin-bottom:var(--size30); letter-spacing:-0.03em; line-height:1.8; color:#454545;}
.company-bg .t3 {font-weight:500; letter-spacing:-0.03em; color:#242424;}

/* 제품소개 */
.sub-product-info {display:flex;}
.sub-product-info .img {width:50%; max-width:550px; margin-right:var(--size40);}
.sub-product-info .img img {display:block; width:100%; margin-bottom:var(--size30);}
.sub-product-info .img img:last-child {margin-bottom:0;}
.sub-product-info .img dl {padding-left:var(--size25);}
.sub-product-info .img dl strong {font-weight:600;}
.sub-product-info .img dt {margin-bottom:1em; font-size:1.13em; letter-spacing:-0.04em; color:#242424;}
.sub-product-info .img dd {line-height:1.8; letter-spacing:-0.04em; color:#505050;}
.sub-product-info .table-wrap {flex:1 1 auto; min-width:0; width:1%;}
.sub-product-info table {margin-bottom:var(--size40); text-align:center;}
.sub-product-info table:last-child {margin-bottom:0;}
.sub-product-info th {background:#fafafa; border-bottom:1px solid #ddd; border-right:1px solid #ddd; height:65px; padding:10px; font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#333;}
.sub-product-info td {padding:10px; border-bottom:1px solid #ddd; font-weight:400; letter-spacing:-0.03em; color:#505050;}
.sub-product-info td .flex-box {display:inline-flex; align-items:center;}
.sub-product-info td .flex-box span {display:inline-block; margin-right:0.5em;}
.sub-product-info td .mb {margin-bottom:1.5em;}
.sub-product-info td .mb:last-child {margin-bottom:0;}
.sub-product-info td.subject {padding-left:var(--size25); text-align:left;}

.partners .items {display:flex; margin:0 calc(0px - clamp(2px, calc(12/ var(--inner) * 100vw ),12px));}
.partners .item {width:20%; padding:0 clamp(2px, calc(12/ var(--inner) * 100vw ),12px); text-align:center;}
.partners .item p {margin-top:1em; line-height:1.2; letter-spacing:-0.03em; color:#454545;}

.guide .col {margin-bottom:var(--size80);}
.guide .col:last-child {margin-bottom:0;}
.guide .col .tit {margin-bottom:var(--size35); font-size:clamp(16px, calc(30/ var(--inner) * 100vw ),30px); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#000;}
.guide .col .txt {margin-bottom:var(--size35); font-weight:500; line-height:1.6; letter-spacing:-0.03em; color:#242424;}

.guide .table-cap {margin-bottom:1em; font-size:1.13em; font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#000;}
.guide .table-cap2 {margin-top:1em; line-height:1.2; letter-spacing:-0.03em; color:#454545; text-align:right;}
.guide .table-wrap {margin-bottom:var(--size40);}
.guide .table-wrap:last-child {margin-bottom:0;}
.guide .table-wrap table {border-color:#000; text-align:center;}
.guide .table-wrap th {height:65px; padding:10px; background:#fafafa; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:600; line-height:1.4; letter-spacing:-0.03em; color:#242424;}
.guide .table-wrap td {height:65px; padding:10px; border-bottom:1px solid #ddd; line-height:1.4; letter-spacing:-0.03em; color:#505050;}
.guide .table02 td {border-right:1px solid #ddd;}
.guide .table02 tr:last-child th:last-child,
.guide .table02 tr:last-child td:last-child {border-right:0;}

.owner-checklist .items {display:flex; margin:calc(0px - var(--size15));}
.owner-checklist.type2 .items {flex-wrap:wrap;}
.owner-checklist.type2 .item {width:50%;}
.owner-checklist .item {width:33.333%; padding:var(--size15);}
.owner-checklist .in {height:100%; padding:var(--size60) var(--size30); background:#f8f8f8; border-radius:var(--size20);}
.owner-checklist .num {width:65px; height:65px; margin-bottom:var(--size40); background:#01b0f1; border-radius:100%; font-family:"Play",'pretendard', serif; font-size:0.94em; font-weight:700; letter-spacing:-0.03em; line-height:65px; color:#fff; text-align:center;}
.owner-checklist p {font-weight:500; line-height:1.6; letter-spacing:-0.03em; color:#242424;}

.fireball-table table {border-color:#000; text-align:center;}
.fireball-table th {height:65px; padding:10px; background:#fafafa; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:600; line-height:1.4; letter-spacing:-0.03em; color:#242424;}
.fireball-table td {height:65px; padding:10px; border:1px solid #ddd; line-height:1.4; letter-spacing:-0.03em; color:#505050;}
.fireball-table tr:last-child th:last-child,
.fireball-table td:last-child {border-right:0;}
.fireball-table td:first-child {border-left:0;}

.station .items {display:flex; flex-wrap:wrap; margin:calc(0px - var(--size10)) calc(0px - var(--size15));}
.station .item {width:50%; padding:var(--size10) var(--size15);}
.station .item.wide {width:100%;}
.station .in {height:100%; padding:var(--size60) var(--size30); background:#f8f8f8; border-radius:var(--size20);}
.station .in.type-flex {display:flex; gap:var(--size50);}
.station .in .img {margin-bottom:var(--size50);}
.station .in.type-flex .img {margin-bottom:0;}
.station h4 {margin-bottom:var(--size35); font-size:clamp(15px, calc(20/ var(--inner) * 100vw ),20px); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.station p {line-height:1.6; letter-spacing:-0.03em; color:#454545;}

.accessories .items {display:flex; flex-wrap:wrap; margin:0 calc(0px - clamp(5px, calc(14/ var(--inner) * 100vw ),14px)) calc(0px - var(--size35));}
.accessories .item {width:25%; padding:0 clamp(5px, calc(14/ var(--inner) * 100vw ),14px); margin-bottom:var(--size35);}
.accessories p {margin-top:1.2em; font-size:1.13em; font-weight:600; line-height:1.2; letter-spacing:-0.04em; color:#242424;}

/* 오시는 길 */
.root_daum_roughmap {width:100% !important; height:400px !important;}
.root_daum_roughmap .wrap_map {height:400px !important;}

.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:#00a7e5; font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#00a7e5; opacity:0.5;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.root_daum_roughmap {height:300px !important;}
	.root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.root_daum_roughmap {height:250px !important;}
	.root_daum_roughmap .wrap_map {height:250px !important;}	
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}