@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;} 

.doc-tit {position: relative; margin-bottom: var(--space-50); font-weight:700;  padding-top:36px; color: #242424; font-size: var(--font-size-30); line-height: 1em;} 
.doc-tit:before {content: ""; position: absolute; top: 0; left: 0; width: 7px; height: 7px; background-color: var(--color-primary);} 

.doc-cnt {padding:var(--space-100) 0;} 
.doc-cnt:first-child {padding-top:0;} 

.doc-sub-cnt {padding-bottom:var(--space-100) ;} 
.doc-sub-cnt:last-child {padding-bottom:0;}

.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-center {display: flex; justify-content: center;} 
.flex-between {display: flex; justify-content: space-between;} 
.flex-mid {display: flex; align-items: center;} 
.flex-bottom {display: flex; align-items: flex-end;} 
.flex-column {display: flex; flex-direction: column;} 
.flex1 {flex: 1;} 
.flex1-auto {flex: 1 1 auto; width:1%; min-width:0;} 

.dot-list > li {position:relative; padding-left:8px; line-height:1.88em; letter-spacing: -0.01em;} 
.dot-list > li:before {content:"·"; position:absolute; top:-1px; left:0;} 
.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;} 
.pt100 {padding-top:var(--space-100) !important;} 
.pb0 {padding-bottom:0 !important;} 

.mt0 {margin-top:0 !important;} 
.mb0 {margin-bottom:0 !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: #f8f8f8;} 

/* overview */
.overview {padding:var(--space-100); background: url(/images/sub/overview.jpg) no-repeat center/cover; border-radius: var(--space-20); color: #fff; text-align: center;} 
.overview .t1 {font-weight:700; font-size: var(--font-size-30); line-height:normal;} 
.overview .t1 strong {color: var(--color-primary); font-style: italic;} 
.overview .t2 {padding-top:var(--space-30);} 

.icon-list {padding-top:var(--space-100);} 
.icon-list ul {display:grid; grid-template-columns: repeat(3, 1fr);} 
.icon-list ul li {padding:var(--space-70) 0; text-align:center;} 
.icon-list .ico {display: block; width:clamp(34px, calc( 64 / var(--inner) * 100vw ), 64px ); height:clamp(34px, calc( 64 / var(--inner) * 100vw ), 64px ); margin:0 auto;} 
.icon-list .ico img {width:100%; height:100%; object-fit: contain;} 
.icon-list .tit {margin-top:var(--space-40); font-weight:700; color: #010101; font-size: var(--font-size-24); line-height:normal;} 
.icon-list .desc {margin-top:var(--space-30);} 

/* Business */
.biz .group-flex {display: flex; justify-content: initial;} 
.biz .img {background-image: url(/images/sub/biz.jpg); width: 100%; background-repeat: no-repeat; background-position: top center; background-size: contain;} 
.biz .txt-wrap {min-width: 0; width: 1%; flex: 1 1 auto; position: relative; margin-left: -85%; background-color: #fff; padding:var(--space-50); margin-top: 18%;} 
.biz .txt-wrap h2 {font-weight:700; font-size: var(--font-size-40); line-height: normal; color: #242424; font-style: italic;} 
.biz  .txt-wrap p {margin-top: var(--space-20);} 

.num-list {padding-top:var(--space-100);} 
.num-list ol {display:grid; grid-template-columns:repeat(5, 1fr); gap:0 var(--space-30);} 
.num-list ol >li {padding:var(--space-60) var(--space-30) ; background:#fff; border-radius:var(--space-20);    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);} 
.num-list ol> li .num {display:block; font-weight:700; font-size: var(--font-size-20); line-height:normal;color: var(--color-primary);} 
.num-list ol> li h3 {margin-top:var(--space-20); font-size: var(--font-size-24); line-height:1.42em;color: #010101;} 
.num-list .dot-list {margin-top:var(--space-30);}

/* about */
.about .col-l {width:24%;}
.about .col-l .txt2 {font-size:var(--font-size-40); line-height:normal; font-weight:700;}
.about .col-l .txt2 strong {color:var(--color-primary); font-style:italic;}
.about .col-r {flex:1; }
.about .col-r .img {padding-top:var(--space-100);}
.about .col-r p strong {font-weight:500; color: var(--color-primary);}
.about .col-r p:not(:last-child) {margin-bottom:var(--body-line-height);}

/* history */
.history-wrap .row {display: flex; padding:var(--space-40) 0; border-bottom: 1px solid #ddd;} 
.history-wrap .row:first-child {border-top:2px solid #2c2c2c;}
.history-wrap .row .year {width:33%; font-size: var(--font-size-36); font-weight: 700; color: var(--color-dark);  line-height:1em; text-align:center;} 
.history-wrap .row .info {flex: 1 1 auto; width:1%; min-width: 0;} 
.history-wrap .row:first-child {border-top:1px solid var(--color-dark);} 
.history-wrap .row .info .wrap {display: flex;} 
.history-wrap .row .info .wrap:not(:last-child) {margin-bottom:var(--space-20);  }
.history-wrap .row .info .wrap .month {position:relative; width: 50px; margin-right:var(--space-30); padding-left:var(--space-30); font-weight: 700; color: #242424; line-height: 1em;} 
.history-wrap .row .info .wrap .month::before {content: "·"; position: absolute; top: -1px; left: 0; font-weight:900; color: var(--color-primary);} 
.history-wrap .row .info .wrap p {flex: 1; line-height: 1em;} 

.global .tit {margin-bottom:var(--space-100); text-align:center; font-size: var(--font-size-24); color: var(--color-dark); line-height:1.5em;}

.find {display:flex; align-items: center;}
.find .img {width:44.285%;}
.find .txt { flex: 1; padding-right:var(--space-30);}
.find .txt h2 {margin-bottom:var(--space-40); font-size: var(--font-size-40); color: #242424; line-height:1.4em; font-style: italic;}
.find .txt h2 strong {font-size: var(--font-size-28); line-height:2em;}
.find .txt p:not(:last-child) {margin-bottom:var(--space-30);}

.find2 {display:flex;}
.find2 .txt-wrap {width:32.142%; padding-right:var(--space-30);}

.find2 .txt-wrap dl dt {margin-top:var(--space-40); font-weight:700; color: var(--color-primary); line-height:1em;}
.find2 .txt-wrap dl dd {margin-top:var(--space-20); font-weight:500;  line-height:1em;}
.find2  .map {flex: 1;}
.find2  .map iframe {width:100% !important; height:380px !important; border-radius: var(--space-20);}
.find2  .map p {margin-top:var(--space-30); font-weight:600; font-size: var(--font-size-24); line-height:normal; color: #242424;}