@charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:430px !important;} 
.root_daum_roughmap .wrap_map {height:430px !important;} 
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;} 
.root_daum_roughmap .map_border {display: none;} 
.roughmap_maker_label:after {display:none !important;} 
.roughmap_maker_label .roughmap_lebel_text {background-color: transparent !important; padding: 0 !important;} 

.doc-tit {position: relative; margin: var(--margin-60) 0 var(--margin-100);} 
.doc-tit.type2 {margin:0 0 var(--margin-60);} 
.doc-tit::before {content: ""; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 100%; height: 1px; background:#908e8b;} 
.doc-tit h3 {position: relative; font-weight: 500; font-size: var(--font-size-18); letter-spacing: -0.02em; color: #242424; text-align: center; text-transform: uppercase; width:fit-content; margin:0 auto; background-color: #fff; padding:0 var(--padding-30);} 

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

.txt-navy {color: #00416b !important;} 
.txt-grey {color: #c5c5c5 !important;} 

.flex-wrap {display:flex; align-items: center;} 

.mt0 {margin-top:0 !important;} 

/* about */
.about .flex-wrap > div {width:50%;} 
.about .txt-area p {font-size: var(--font-size-18); line-height:1.666em; margin-bottom:var(--margin-60);} 
.about .txt-area p:last-child {margin-bottom:0;} 
.about .txt-area p.sub-strong {font-size: var(--font-size-44); line-height: 1.416em; font-weight: 700;} 
.about .img {text-align:right; padding-left:var(--padding-90);} 

/* consulting */
.consulting {position:relative;} 
.consulting::before {content: "GLOBAL INVESTMENT GROUP"; position: absolute; top:0; left:0; font-size: 84px; font-weight:700; line-height:1em; color: #f7f8f9;} 
.consulting .head {padding-bottom:var(--padding-100);} 
.consulting .flex-wrap {justify-content: space-between;} 
.consulting .txt {font-size: var(--font-size-24); line-height:1.666em; font-weight:500; color: #242424; width: 60%;} 
.consulting .img {width:40%; text-align:right;} 
.consulting .vision-list ul {display: flex; flex-wrap: wrap; margin:-20px -15px;} 
 .consulting .vision-list ul li {width:50%; padding:20px 15px;} 
.consulting .vision-list .box {display:flex; justify-content: center; align-items: center; position:relative; background: #f7f7f7; text-align: center; min-height: 105px; border-radius: 10px; padding:var(--padding-30);} 
.consulting .vision-list .top-tit {display:flex; justify-content: center; align-items: center; position: absolute; top:-20px; left:50%; transform: translateX(-50%); width:40px; height:40px; color: #fff; font-weight:600; background-color: #0188bf; border-radius: 100%; line-height: 1.555em;} 
.consulting .vision-list .box.navy .top-tit {background-color: var(--color-primary);} 
.consulting .vision-list .box .tx {font-weight:600; line-height: 1.555em;} 

/* partner */
.partner-list ul {display:flex; flex-wrap: wrap; margin:-15px;} 
.partner-list ul li {width:20%; padding:15px;} 

/* directions */
.root_daum_roughmap {width:100% !important;} 
.directions {margin-top:40px;} 
.directions .address-info {margin-bottom:30px;} 
.directions .address-info .comp {color:#00416b; 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:#0188bf;} 
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}