@charset "utf-8";
.chk-wrap {display:flex; align-items:center; gap:var(--space-60); height:44px;}

.root_daum_roughmap,
.root_daum_roughmap .wrap_map {border-radius:20px; overflow:hidden; height:clamp(250px, calc( 400 / var(--inner) * 100vw ), 400px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.prd-char .title {margin-bottom:var(--space-40); color:var(--color-primary); font-size:var(--font-size-32); font-weight:600; line-height:1.43em; letter-spacing:-.03em;}
.prd-char > ul {display:grid; gap:var(--space-40);}
.prd-char .tit {font-size:var(--font-size-18); padding-left:12px; margin-bottom:var(--space-15); position:relative; font-weight:600; letter-spacing:-0.03em;}
.prd-char .tit:before {top:12px; content:''; position:absolute; left:0; transform:translateY(-50%); width:4px; height:4px; background-color:var(--color-primary); border-radius:50%;}
.prd-char .desc {padding-left:12px; line-height:1.8em;}

.txt-dot {padding-left:12px; margin-bottom:5px; position:relative;}
.txt-dot:before {top:12px; content:''; position:absolute; left:0; transform:translateY(-50%); width:4px; height:4px; background-color:var(--color-primary); border-radius:50%;}

.prd-etc {padding-left:12px;}
.prd-etc li {display:flex; margin-bottom:8px;}
.prd-etc li:last-child {margin-bottom:0;}
.prd-etc .tit {margin-bottom:0; font-size:var(--font-size-16);}
.prd-etc .tit.empty {height: 1.7em;}
.prd-etc .tit.empty + .desc {padding-left: 0;}
.prd-etc .bar {width:1px; height:10px; background-color:#ddd; margin:8px 0 0 10px;}
.char-tit {margin:var(--space-20) 0 var(--space-15); padding-left:10px; font-weight:600; position:relative; color:var(--color-primary);}
.char-tit:before {width:2px; height:10px; background-color:var(--color-primary); position:absolute; top:8px; left:0; content:'';}

.map-wrap {min-width:53.5%;}
.map-info {margin-top:var(--space-40); display:grid; gap:var(--space-20);}
.map-info dl {display:flex; line-height:1.87em; letter-spacing:-.03em;}
.map-info dt {width:110px; color:var(--color-primary); font-weight:600;}
.map-info dd {flex:1;}

.sub-title .portfolio-nav {margin-top:0; justify-content:flex-start;}
.portfolio-nav {margin-top:var(--space-60); display:flex; gap:var(--space-20); justify-content:center;}
.portfolio-nav a {font-size:var(--font-size-16);}
.portfolio-nav a:hover {color: #fff; background-color: var(--color-primary); border-color: var(--color-primary);}

.ceo {font-weight:600; margin:var(--space-20) 0 var(--space-40); color:#484848;}
.ceo img {vertical-align: middle; margin:-2px 0 0 10px;}