@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.greeting {margin-top:var(--margin-b-50); display:flex;}
.greeting .col-l {width:510px;}
.greeting .col-l b {margin-bottom:var(--margin-b-30); color:var(--color-primary); letter-spacing:.6em; display:block;}
.greeting .col-l p {line-height:1.47em; font-size:var(--font-size-30); font-weight:500;}
.greeting .col-l p strong {color:var(--color-primary);}
.greeting .col-r {flex:1; line-height:1.63em;}
.greeting .col-r .last {font-size:var(--font-size-18); line-height:1.56em; font-weight:600; color:#242424;}

.vision {padding:var(--margin-b-100) 0; position:relative;}
.vision:after {height:600px; position:absolute; content:''; top:0; left:0; right:0; background-color:#fafafa; z-index:-1;}

.s-tit {margin-bottom:var(--margin-b-50); text-align:center;}
.s-tit h2 {margin-bottom:15px; font-size:var(--font-size-20); letter-spacing:.2em; font-family:"Play", sans-serif; color:var(--color-primary);}
.s-tit p {font-weight:500; color:#242424; font-size:var(--font-size-40); letter-spacing:-.03em; line-height:1.35em;}

.history {padding-top:60px; display:flex; border-top:2px solid #242424;}
.history .col-l {width:550px;}
.history .col-l h2 {font-size:var(--font-size-33); letter-spacing:-.03em; font-weight:600; font-family:'Montserrat', sans-serif; color:#242424;}
.history .col-l h2 span {font-size:var(--font-size-40); background:-webkit-linear-gradient(#303b4c, #492522); -webkit-background-clip:text; -webkit-text-fill-color:transparent; letter-spacing:-.03em; font-weight:700;}
.history .col-l p {font-size:var(--font-size-18); line-height:1.56em; font-weight:500;}
.history .col-l p b {color:#242424; font-weight:600;}
.history .col-r {flex:1;}
.history .group {padding:0 0 45px 70px; position:relative;}
.history .group:before {top:8px; width:1px; position:absolute; content:''; left:0; background-color:#ddd; height:100%; bottom:0;}
.history .group:after {width:20px; height:20px; left:-10px; top:4px; background-image:url('../images/sub/hisdot.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:before {display:none;}
.history .group .year {font-size:var(--font-size-28); margin-bottom:var(--margin-b-20); line-height:1.1em; font-weight:600; letter-spacing:-.03em; color:#242424; position:relative;}
.history .group .year:before {left:-50px; top:14px; width:40px; height:1px; position:absolute; content:''; background-color:#ddd;}
.history .group ul li {margin-bottom:15px; display:flex;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group ul li .month {width:40px; font-weight:600; color:var(--color-primary);}
.history .group ul li .cnt {padding-left:15px; position:relative; flex:1;}
.history .group ul li .cnt:before {position:absolute; content:''; width:5px; height:5px; top:11px; left:0; background-color:#ddd; border-radius:100%;}

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