@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.fz18 {font-size:18px !important;}
.fz20 {font-size:20px !important;}
.fz30 {font-size:30px !important;}
.fz40 {font-size:40px !important;}

.fz30-tit {margin-bottom:30px; color:#242424; display:block;}
.doc-cnt50 {margin-bottom:50px !important;}
.doc-cnt100 {margin-bottom:100px !important;}

.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}

.c1 {color:#2d2b44 !important;}

.ready-page {font-size:40px; padding:150px 0; font-weight:500; letter-spacing:-.03em; text-align:center; color:#242424;}

.greeting-top {color:#333; text-align:center;}
.greeting-top strong {display:block; line-height:1em;}
.greeting-top p {font-size:22px; margin-top:20px; letter-spacing:-.03em; line-height:1.7em;}

.greeting {padding:90px 0; background-image:linear-gradient(to left, #e9ebef 60%, #f3f5f8 60%); position:relative; overflow:hidden;}
.greeting:before {width:580px; height:588px; left:0; bottom:-100px; background-image:url('../images/sub/greetingbg.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.greeting .tit {margin-bottom:40px; font-weight:600; color:#333; text-align:center; letter-spacing:-.03em;}
.greeting .flex {display:flex;}
.greeting .col b {font-size:22px; letter-spacing:-.03em; line-height:1.5em; display:block;}
.greeting .col-l {text-align:center;}
.greeting .col-l p {margin-bottom:5px; color:#9a9492; font-weight:600;}
.greeting .col-l b {font-weight:600; color:#333;}
.greeting .col-r {padding-left:119px; flex:1;}
.greeting .col-r .tt {font-weight:600; color:#2d2b44;}
.greeting .col-r p {margin-bottom:30px;}
.greeting .col-r .last {margin-bottom:0;}
.greeting .col-r .group {margin-top:25px;}
.greeting .col-r .group strong {color:#9a9492;}

.history .group {padding-bottom:50px; position:relative;}
.history .group:before {content:""; position:absolute; left:50%; margin-left:-1px; top:0; bottom:0; border:1px dashed #ededed; z-index:-1;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:before {display:none;}
.history .group h2 {font-size:40px; margin-bottom:35px; letter-spacing:-.02em; color:#2d2b44; position:relative;}
.history .group h2:before {width:26px; height:26px; top:0; background-image:url('../images/sub/hisdot.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.history .group ul li {line-height:1.78em; position:relative; letter-spacing:-.04em;}
.history .group ul li:before {font-size:30px; position:absolute; content:'·'; top:-1px; color:#2d2b44; font-weight:500;}
.history .group:nth-child(odd) {padding-left:50%;}
.history .group:nth-child(odd) h2, 
.history .group:nth-child(odd) ul {padding-left:55px;}
.history .group:nth-child(odd) h2:before {left:-13px;}
.history .group:nth-child(odd) ul li {padding-left:13px;}
.history .group:nth-child(odd) ul li:before {left:0;}
.history .group:nth-child(even) {padding-right:50%; text-align:right;}
.history .group:nth-child(even) h2,
.history .group:nth-child(even) ul {padding-right:55px;}
.history .group:nth-child(even) h2:before {right:-13px;}
.history .group:nth-child(even) ul li {padding-right:13px;}
.history .group:nth-child(even) ul li:before {right:0;}

.outline {margin:0 -15px -30px; display:flex; flex-wrap:wrap;}
.outline li {padding:0 15px; margin-bottom:30px; width:33.3333%;}
.outline li .item {padding:55px 50px; min-height:230px; border-radius:10px; box-shadow:1px 3px 10px rgba(0,0,0,.15); position:relative;}
.outline li .item:after {width:64px; height:64px; right:40px; bottom:55px; background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.outline li:nth-child(1) .item:after {background-image:url('../images/sub/outline_i1.png');}
.outline li:nth-child(2) .item:after {background-image:url('../images/sub/outline_i2.png');}
.outline li:nth-child(3) .item:after {background-image:url('../images/sub/outline_i3.png');}
.outline li:nth-child(4) .item:after {background-image:url('../images/sub/outline_i4.png');}
.outline li:nth-child(5) .item:after {background-image:url('../images/sub/outline_i5.png');}
.outline li:nth-child(6) .item:after {background-image:url('../images/sub/outline_i6.png');}
.outline li strong {margin-bottom:25px; color:#333; display:block; position:relative;}
.outline li strong:after {width:20px; bottom:-13px; height:2px; position:absolute; content:''; left:0; background-color:#9a9492;}
.outline li p {line-height:1.6em;}

.vision {text-align:center;}

.sub-pad {padding:95px 0;}
.sub-pad.bgc {background-color:#fafafa;}
.sub-pad.last {padding-bottom:0 !important;}

.org {text-align:center;}

.doc-tit {font-size:40px; margin-bottom:30px; font-weight:600; color:#242424; letter-spacing:-.03em; display:block; line-height:1.3em; text-align:center;}

.employees {max-width:1100px; margin:0 auto; overflow:hidden;}
.employees .group {padding-bottom:20px; display:flex; position:relative; cursor:pointer;}
.employees .group:first-child .col-l {background-color:#2d2b44;}
.employees .group:last-child {margin-bottom:0;}
.employees .group:hover .col-l:before {z-index:10; position:absolute; content:''; top:0; left:0; right:0; bottom:0; background-color:#000; opacity:.3;}
.employees .col {min-height:229px;}
.employees .col-l {padding:35px 40px; width:300px; position:relative; color:#fff; background-color:#9a9492; background-image:url('../images/sub/employeesbg.png'); background-repeat:no-repeat; background-position:110% 110%;}
.employees .col-l:after {width:30px; height:30px; right:20px; top:20px; background-image:url('../images/sub/employees_on.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.employees .col-l .name {margin-bottom:5px; font-weight:600; letter-spacing:-.03em; line-height:1.2em; position:relative;     z-index:50;}
.employees .col-l span {font-weight:600; position:relative; z-index:60;}
.employees .col-l span.bar {padding-right:15px; position:relative;}
.employees .col-l span.bar:after {height:12px; right:7px; top:3px; position:absolute; content:''; width:1px; background-color:#fff; opacity:.3;}
.employees .col-r {padding:35px 30px; display:flex; flex:1; position:relative; width:1%;}
.employees .col-r:before {position:absolute; content:''; border:1px solid #ddd; border-left:0; top:0; left:0; right:0; bottom:0; border-left:0;}
.employees .item {flex:1;}
.employees .item:first-child {min-width:300px;}
.employees .item strong {font-size:18px; margin-bottom:10px; color:#2d2b44; display:block; letter-spacing:-.03em; line-height:1.4em;}
.employees ul li {margin-bottom:5px; padding-left:15px; position:relative;}
.employees ul li:before {width:5px; height:5px; top:10px; position:absolute; content:''; left:0; background-color:#2d2b44;}
.employees ul li:last-child {margin-bottom:0;}

.GI_TW_Selected_Row {
 -webkit-transition:margin-bottom 0.3s ease-in;
 -moz-transition:margin-bottom 0.3s ease-in;
 -o-transition:margin-bottom 0.3s ease-in;
 transition:margin-bottom 0.3s ease-in;
}
.GI_TW_expander {position:absolute; z-index:1; left:50%; transform:translateX(-50%);}
.GI_TW_expander.animating {overflow:hidden !important;}
.GI_TW_expander.animating:after {width:44px; height:22px; left:124px; top:-23px; background-image:url('../images/sub/employees_open.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.GI_TW_expander.animating {background-color:#fafafa;}
.GI_TW_close {width:24px; height:24px; top:30px; right:30px; display:none; cursor:pointer; position:absolute; background-image:url('../images/sub/employees_close.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.GI_TW_expander.animating .GI_TW_close {display:block;}

.employees-info {display:none !important;}

.GI_TW_expander-inner {padding:20px 40px; margin:0 auto; max-width:1100px; min-width:1100px; overflow:hidden;}
.GI_TW_expander-inner .name {margin-bottom:22px; color:#242424; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.GI_TW_expander-inner strong {font-size:20px; margin:25px 0 7px; color:#2d2b44; font-weight:600; letter-spacing:-.03em; display:block;}
.GI_TW_expander-inner p {line-height:1.7em;}

.report-tab {margin-bottom:60px;}
.report-tab ul {display:flex;}
.report-tab ul li {min-width:50%; border:1px solid #ddd; border-right:0;}
.report-tab ul li:last-child {border-right:1px solid #ddd;}
.report-tab ul li a {height:60px; align-items:center; justify-content:center; display:flex; text-align:center; font-weight:500; color:#242424;}
.report-tab ul li.active {border-color:#9a9492;}
.report-tab ul li.active a {background-color:#9a9492; color:#fff;}

.property-list {border:0; padding-top:0;}
.property-list ul {margin:0 -13px;}
.property-list ul li {padding:0 13px; margin-bottom:60px; width:33.3333%; text-align:left;}
.property-list ul li a {position:relative; display:block;}
.property-list ul li a:after {position:absolute; content:''; top:0; left:0; bottom:0; right:0; border:1px solid #ddd;}
.property-list ul li:hover a:after {border:5px solid #9a9492;}
.property-list ul li a .image {padding:20px; background-color:#f5f5f5;}
.property-list ul li a .thumb {padding-bottom:75%; margin-bottom:0 !important;}
.property-list ul li .thumb:after {display:none;}
.property-list ul li .inner {padding:25px 30px; min-height:195px;}
.property-list ul li .ty {font-weight:600; color:#9a9492;}
.property-list ul li .name {font-size:24px; margin-bottom:20px; line-height:1.5em; color:#242424; font-weight:600;}
.property-list ul li .info {line-height:1.6em; color:#555; letter-spacing:-.03em;}
.property-list ul li .bot {padding:16px 30px; min-height:60px; color:#333; border-top:1px solid #ddd;}

.esg-wrap {padding-bottom:80px; background-color:#fdfdfd;}
.esg-wrap .top {margin-bottom:75px; line-height:1.6em; text-align:center; color:#333;}
.esg-wrap .img {text-align:center;}

.esg {display:flex; align-items:center;}
.esg .cnt {margin-left:130px; flex:1;}
.esg .num {display:block;}
.esg .num span {display:inline-block; border-bottom:1px solid #2d2b44;}
.esg .fz30 {margin:32px 0; display:block; color:#333;}
.esg li {padding-left:10px; margin-bottom:12px; position:relative;}
.esg li:last-child {margin-bottom:0;}
.esg li:before {position:absolute; content:'•'; left:0;}

.esg.reverse .img {order:2;}
.esg.reverse .cnt {margin-right:130px; margin-left:0; text-align:right;}
.esg.reverse .cnt li {padding-right:12px;}
.esg.reverse .cnt li:before {left:auto; right:0;}

.esg-bg {padding:120px 0; background-color:#f5f4f4; position:relative;}
.esg-bg .ab-txt {font-size:120px; top:-20px; left:50px; font-weight:700; opacity:.05; color:#333; position:absolute;}

.aum-title {margin-bottom:40px; text-align:center;}
.aum-title h2 {font-size:34px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.4em;}
.aum-title p {font-weight:500; color:#9a9492; letter-spacing:-.03em; line-height:1.4em;}

.aum-wrap {display:flex; background-color:#f5f5f5; text-align:center; border-radius:10px;}
.aum-wrap .col {padding:47px 0; width:50%; position:relative;}
.aum-wrap .col:after {height:135px; position:absolute; content:''; top:0; right:0; width:1px; background-color:#ccc; top:50%; transform:translateY(-50%);}
.aum-wrap .col:last-child:after {display:none;}
.aum-wrap .tit {font-weight:700; color:#333;}
.aum-wrap .fz20 {margin:40px 0;}
.aum-wrap strong {font-size:72px; padding:0 5px; line-height:.8em; color:#2d2b44; letter-spacing:-.03em;}

.chart-wrap {display:flex;}
.chart-wrap .col {width:50%;}

.root_daum_roughmap {width:100% !import ant;}
.customoverlay {position:relative;bottom:75px;border-radius:6px;float:left;}
.customoverlay .title {display:block;text-align:center;background:#fff;padding:5px 9px;font-size:13px;font-weight:bold;}

.contact {display:flex; margin:30px -15px 0;}
.contact .col {padding:0 15px; width:50%;}
.contact .bg {padding:28px 30px; background-color:#f5f5f5; position:relative;}
.contact strong {margin-bottom:12px; line-height:1.4em; font-weight:600; color:#333; display:block;}
.contact .flex {display:flex; flex-wrap:wrap;}
.contact .flex p {width:50%;}
.contact a {position:absolute; top:15px; right:30px; display:block;}
.contact .col:first-child p {text-indent:-70px; padding-left:70px;}

.contact-bot {padding:50px 55px; background-color:#2d2b44; color:#fff; position:relative;}
.contact-bot strong {font-size:28px; letter-spacing:-.03em; line-height:1.4em; display:block;}
.contact-bot p {margin:15px 0 30px;}
.contact-bot .form-agree {margin:0 !important;}
.contact-bot .check {text-align:left; color:#fff;}
.contact-bot .check a {color:#505050;}

.pop-inquiry {width:220px; height:60px; right:60px; padding:0 30px; top:50%; transform:translateY(-50%); position:absolute; background-image:url('../images/sub/popinq.png'); background-size:18px 17px; background-repeat:no-repeat; background-position:90% 50%; align-items:center; color:#2d2b44; background-color:#fff; display:flex; font-weight:600;}

.pop-formwrap {padding:55px 65px;}
.pop-formwrap .title {font-size:28px; padding-bottom:25px; border-bottom:1px solid #242424; font-weight:700; color:#242424; letter-spacing:-.03em; line-height:1.4em;}
.pop-formwrap .inner {margin:0 -20px; display:flex; flex-wrap:wrap;}
.pop-formwrap .item {padding:35px 20px 0; width:50%; }
.pop-formwrap .item.wide {width:100%;}
.pop-formwrap .item .input {border:none; border-bottom:1px solid #ddd;}
.pop-formwrap .item p {margin-bottom:15px; color:#242424; font-weight:700;}
.pop-formwrap .item #memo {border:1px solid #ddd !important;}
.fancybox-inquiry .fancybox-skin {background-color:#fff !important; border-radius:0 !important;}
.fancybox-inquiry .fancybox-close {top:30px; right:30px; width:24px; height:24px; background-size:contain; background-image:url(../images/sub/employees_close.png);}