@charset "utf-8";

/* 회사소개 */
.gt-txtbox { position: relative; padding-top: 110px; padding-left: 200px; }
.gt-txtbox::before { content: ""; position: absolute; left: 0; width: 118px; height: 1px; background: #0c3274; opacity: 0.1; top: 88px; }
.gt-sb { position: absolute; left: 150px; top: 50px; }
.gt-txtbox h2 { font-size: 38px; font-weight: 500; color: #242424; letter-spacing: -.03em; line-height: 1.2em; margin-bottom: 30px;}
.gt-txtbox h2 span { font-weight: 700; color: #0c3274;}
.gt-txtbox p { line-height: 1.5em; font-size: 18px; font-weight: 300; letter-spacing: -.03em; color: #454545; margin-bottom: 20px; }
.gt-txtbox p:last-child { margin-bottom: 0; }
.organ { text-align: center;}

/* 회사연혁 */
.hst { border-top: 1px solid #ddd;}
.hst li { display: flex; border-bottom: 1px solid #ddd; padding: 40px 0; align-items: flex-start;}
.hst li .year { width: 150px; font-size: 34px; font-weight: 700; line-height: 1em; letter-spacing: -.03em; color: #0c3274; }
.hst li .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-top: 5px;}
.hst li .info .box { display: flex; margin-bottom: 7px;}
.hst li .info .box:last-child { margin-bottom: 0; }
.hst li .info .box .month { width: 35px; font-size: 16px; font-weight: 700; letter-spacing: -.03em; line-height: 1.5em; color: #0075be;}
.hst li .info .box .txt { flex: 1 1 auto; min-width: 0; width: 1%; font-size: 16px; font-weight: 400; line-height: 1.5em; letter-spacing: -.03em; color: #454545; }

/* 찾아오시는 길 */
.root_daum_roughmap {width:100% !important;}
.mapbox { overflow: hidden; }
.directions {margin-top:50px; display: flex; align-items: flex-start;}
.directions .address-info {margin-bottom:30px; width: 50%; }
.directions .address-info .comp {color:#0c3274; font-weight:500; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:20px; font-weight:500; line-height:1.33em; letter-spacing:-.03em; margin-bottom:10px;}
.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 { line-height:1.5em; width: 50%; }
.directions .contact-info dl {display:flex; padding:15px 0;}
.directions .contact-info dt {width:160px; 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:#ababab;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}