@charset "utf-8";
.doc-cnt100 {margin-bottom:var(--space-100);}

.doc-txt {margin-bottom:var(--space-40); color:var(--color-bk); font-size:var(--font-size-28); font-weight:700; line-height:1.29em; letter-spacing:-.03em;}
.doc-txt span {color:var(--color-primary);}
.doc-txt2 {color:var(--color-bk); font-size:var(--font-size-20); font-weight:500; line-height:1.4em; letter-spacing:-.03em;}
.doc-txt.center, .doc-txt2.center {text-align:center;}

.greetings p {margin-top:var(--space-35); line-height:1.6em;}
.greetings p b {font-weight:600;}
.greetings .img {margin:var(--space-50) 0;}

.vision {margin:var(--space-40) 0; display:flex; gap:var(--space-40); text-align:center;}
.vision .item {height:300px; padding:var(--space-40); background-color:#f6f6f6; border-radius:24px; flex:1;}
.vision .bar {width:30px; height:4px; background:var(--color-primary); margin:0 auto var(--space-20);}

.npl {gap:var(--space-40); display:flex; text-align:center;}
.npl .item {flex:1;}
.npl .box {padding:var(--space-40) var(--space-20) var(--space-20); height:100%; border:1px solid #ddd;}
.npl .ico {margin-bottom:var(--space-20); line-height:0;}

.root_daum_roughmap,
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}
.directions {margin-top:var(--space-40);}
.directions .address-info {margin-bottom:var(--space-30);}
.directions .address-info .comp {font-size:var(--font-size-20); color:var(--color-primary); font-weight:600;}
.directions .address-info .addr {margin:12px 0; font-size:var(--font-size-28); color:var(--color-bk); font-weight:600; line-height:1.33em; letter-spacing:-.03em;}
.directions .address-info .etc {font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.4em;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}

.directions .contact-info {font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.4em; border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {padding:var(--space-15) 0; display:flex; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:120px; color:var(--color-bk); font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--color-primary);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%;}

.business-slide {position:relative;}
.business-slide .img {position:relative; padding-bottom:58.334%; overflow:hidden;}
.business-slide .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}

.business-slide .slick-arrow {width:40px; height:40px; position:absolute; top:50%; transform:translateY(-50%); z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.business-slide .slick-prev {left:var(--space-40); background-image:url("../images/sub/bus-prev.png");}
.business-slide .slick-next {right:var(--space-40); background-image:url("../images/sub/bus-next.png");}
.business-slide .slick-dots {bottom:-50px;}
.business-slide .slick-dots li button:before {background:#ddd;}
.business-slide .slick-dots .slick-active button {border-color:#999;}
.business-slide .slick-dots .slick-active button:before {background:#999;}

.business-table {margin-top:var(--space-150);}
.business-table table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #868686;}
.business-table table th {background:#fafafa; color:var(--color-bk); text-align:center; border-right:1px solid #ddd;}
.business-table table td {padding:var(--space-15) var(--space-40);}
.business-table table th,
.business-table table td {border-bottom:1px solid #ddd; line-height:1.5em;}
.business-table .download a:hover {text-decoration:underline;}
.business-table .download a img {margin:-3px 0 0 10px; vertical-align:middle;}
.business-table + .buttons {margin:var(--space-60) 0 0;}

/* 공통슬라이드 */
.doc-slide .slick-dots {position:absolute; left:0; width:100%; text-align:center; line-height:0; z-index:50;}
.doc-slide .slick-dots li {display:inline-block; margin:0 9px;}
.doc-slide .slick-dots li button {width:30px; height:30px; position:relative; display:block; background:transparent; border:1px solid transparent; border-radius:100%; overflow:hidden; text-indent:-9999em; transition:.2s;}
.doc-slide .slick-dots li button:before {width:8px; height:8px; margin:-4px 0 0 -4px; background:#fff; content:""; position:absolute; top:50%; left:50%; border-radius:100%;}
.doc-slide .slick-dots .slick-active button {border:1px solid #fff;}
.doc-slide .slick-dots .slick-active button:before {background:#fff;}