@charset "utf-8";

.sub-tab {margin-bottom:40px;}
.sub-tab ul {justify-content:center;}
.sub-tab ul li {width:auto; padding:0 20px;}
.sub-tab ul li a {text-align:center; position:relative; padding-bottom:10px; font-size:var(--fz20); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#999; display:inline-block; text-align:center;}
.sub-tab ul li a:after {opacity:0; content:''; position:absolute; left:0; bottom:0; width:100%; border-bottom:3px solid #000;}
.sub-tab ul li.active a {color:#242424;}
.sub-tab ul li.active a:after {opacity:1;}

.doc-tit {margin-bottom:35px; font-size:var(--fz32); font-weight:500; letter-spacing:-.03em; line-height:1.4em; text-align:center;}

.doc-txt {font-size:var(--fz18); font-weight:400; line-height:1.67em; color:#878787;}

.about {margin-top:30px; text-align:center;}
.about p {margin-bottom:28px; font-size:var(--fz18); font-weight:400; line-height:1.67em;}
.about p:last-child {margin-bottom:0;}

.p-box {margin-bottom:115px; padding:15px 100px 75px; background:#f4f4f4;}
.p-box figure {margin-bottom:55px; text-align:center;}
.p-box figcaption {margin-top:27px; font-size:var(--fz18); font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.p-box .videos ul {display:flex; justify-content:space-between;}
.p-box .videos ul li {width:calc(50% - 20px);}
.p-box .videos .tit {margin:23px 0 17px; font-size:var(--fz24); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.p-box .videos .txt {font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#878787;}

.cold-head {margin:55px 0; text-align:center;}
.cold-head h3 {margin-bottom:13px; font-size:var(--fz24); font-weight:700; line-height:1.4em;}

.cold-wrap {margin-top:60px; display:flex; justify-content:space-between;}
.cold-wrap .box {display:flex; align-items:center; width:calc(50% - 32px);}
.cold-wrap .box .img {margin-right:40px; min-width:240px;}
.cold-wrap .box dl dt {margin-bottom:15px; font-size:var(--fz20); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.cold-wrap .box dl dd {font-weight:400; letter-spacing:-.03em; line-height:1.75em; color:#454545;}

.catalogue {max-width:600px; margin:0 auto;}
.catalogue ul {margin:-30px -50px; display:flex; flex-wrap:wrap;}
.catalogue ul li {padding:30px 50px; width:50%; margin-bottom:30px; text-align:center;}
.catalogue .box {margin: 0 auto; max-width:250px;}
.catalogue .tit {margin:14px 0 16px; font-size:var(--fz18); font-weight:600; letter-spacing:-.03em; line-height:1.56em;}
.catalogue .btns {display:flex; justify-content:space-between;}
.catalogue .btns a {height:44px; font-weight:500; line-height:1.4em; width:calc(50% - 4px); border:1px solid #ddd; display:flex; align-items:center; justify-content:center;}
.catalogue .btns a:after {margin-left:20px; content:''; width:16px; height:17px; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.catalogue .btns .btn1:after {background-image:url('/images/sub/catalogue-ico1.png');}
.catalogue .btns .btn2:after {background-image:url('/images/sub/catalogue-ico2.png');}

.maintenance-head {margin-bottom:55px; text-align:center;}
.maintenance-head .doc-tit {margin-bottom:30px;}
.maintenance-head .doc-txt {color:#454545;}

.maintenance {margin-bottom:120px;}
.maintenance ul {display:flex; margin:-12px;}
.maintenance ul li {padding:12px; width:33.333%;}
.maintenance ul li p {margin-top:25px; color:#686868;}

.pdf-btn {border-radius:32px; font-weight:500; font-size:var(--fz16); color:#242424; border:1px solid #505050; padding:0 44px; height:64px; display:inline-flex; align-items:center;}
.pdf-btn:before {margin-right:12px; content:''; width:16px; height:16px; background:url('/images/sub/pdf-ico.png') no-repeat 50% 50% / contain;}

.root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap .wrap_map {height:520px !important;}
.contact-wrap {display:flex; margin-bottom:140px;}
.contact-wrap .map {flex:1 1 auto; min-width:0; width:1%;}
.contact-info {margin-left:27px; width:425px; display:flex; flex-direction:column; justify-content:space-between;}
.contact-info .row {padding:0 30px; height:calc(33.333% - 13px); display:flex; align-items:center;background:#f8f8f8;}
.contact-info .row .ico {margin-right:30px;}
.contact-info .row dl dt {margin-bottom:10px; font-weight:500; line-height:1.4em; color:#242424;}
.contact-info .row dl dd {font-size:var(--fz14); font-weight:400; line-height:1.57em; color:#878787;}

.as {padding:55px 10px; text-align:center; border:1px solid #ddd;}
.as p {font-size:var(--fz28); font-weight:600; letter-spacing:-.03em; line-height:1.5em;}
.as a {margin-top:80px; padding:0 57px; border-radius:35px; background:#1a1a1a; display:inline-block; line-height:70px; text-align:center; font-size:var(--fz18); font-weight:600; letter-spacing:-.03em; color:#fff;}