@charset "utf-8";
/* CEO 인사말 */
.gt-bg { margin-bottom: 50px; border-radius: 30px; overflow: hidden;}
.gt-fx { display: flex; align-items: flex-start; padding: 0 40px; }
.gt-fx .left { font-size: var(--font-size32); font-family: var(--jalnan); font-weight: 400; line-height: 1.5em; color: #242424; width: 45%; padding-right: 20px; }
.gt-fx .left span { color: var(--color-primary);}
.gt-fx .right { width: 55%; }
.gt-fx .right p { margin-bottom: 30px; }
.gt-fx .right p span { color: #242424; font-weight: 700; }
.gt-fx .right p:last-child { margin-bottom: 0; }
.gt-fx .right p.mt { margin-top: 40px; }
.gt-fx .right p.mt strong { font-weight: 700; color: #242424; }

/* 비전 및 경영이념 */
.vision { padding: 125px 0 150px; position: relative; }
.vision .sb { position: absolute; z-index: -1; }
.vision .sb1 { left: 0; top: -150px; }
.vision .sb2 { right: 0; bottom: -120px; }
.vision h2 { font-size: 40px; font-weight: 700; line-height: 1em; color: #242424; margin-bottom: 60px; text-align: center; }
.vs-list { display: flex; gap: 30px; flex-wrap: wrap;}
.vs-list li { width: calc(100%/3 - 20px); text-align: center; }
.vs-list li .circle { width: 250px; height: 250px; border-radius: 100%; background: var(--color-primary); margin: 0 auto; padding: 6px; }
.vs-list li .circle.bg2 { background: #54785b; }
.vs-list li .circle.bg3 { background: #4B913C;}
.vs-list li .circle .inner { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 100%; border: 1px solid #fff;}
.vs-list li .tit { font-size: var(--font-size24); line-height: 1.2em; color: #242424; margin: 25px 0 13px; font-weight: 600; }

/* 회사연혁 */
.hst-big { background: url(../images/sub/hst-img.jpg) center no-repeat; background-size: cover; border-radius: 30px; text-align: center; color: #fff; padding: 90px 15px; position: relative; }
.hst-big h4 { font-size: var(--font-size24); line-height: 1em; font-weight: 700; }
.hst-big h2 { font-family: var(--jalnan); font-size: 35px; font-weight: 400; line-height: 1.2em; margin: 15px 0 10px;}
.hst-big p { font-size: var(--font-size18); font-weight: 700; } 
.hst-big::after { content: ""; position: absolute; left: 0; right: 0; margin: auto; bottom: -15px; width: 30px; height: 30px; background: url(../images/sub/hst-img-dot.png) center no-repeat; background-size: contain; z-index: 1;}
.hst { position: relative; padding-top: 50px; }
.hst::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 0; width: 1px; height: 92%; background: #ddd; }
.hst .group { margin-bottom: 40px; width: 50%; margin-left: 50%; position: relative; padding-left: 85px; }
.hst .group::before { content: ""; position: absolute; left: -10px; top: 6px; width: 20px; height: 20px; background: url(../images/sub/hst-dots.png) center no-repeat; background-size: contain;}
.hst .group::after { content: ""; position: absolute; left: 0; top: 15px; width: 65px; height: 1px; background: #ddd; z-index: -1;}
.hst .group:last-child { margin-bottom: 0; }
.hst .group .year { font-size: var(--font-size32); line-height: 1em; margin-bottom: 15px; color: #242424; font-weight: 700; }
.hst .group ul li {display: flex; }
.hst .group ul li .month { width: 37px; font-weight: 700; color: var(--color-primary); position: relative; }
.hst .group ul li .month::after { content: ""; position: absolute; right: 8px; width: 3px; height: 3px; border-radius: 4px; background: #242424; top: 11px; }
.hst .group ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; color: #000; }
.hst .group:nth-child(even) { padding-right: 0; padding-right: 85px; width: 50%; margin-left: 0; text-align: right; }
.hst .group:nth-child(even)::before { left: auto; right: -10px; }
.hst .group:nth-child(even)::after { left: auto; right: 0; }
.hst .group:nth-child(even) ul li { flex-direction: row-reverse;}
.hst .group:nth-child(even) ul li .month::after { right: auto; left: 7px; }

/* 주요협력사 */
.pt-list { display: flex; gap: 30px; flex-wrap: wrap;}
.pt-list li { width: calc(100%/3 - 20px); background: #fff; border-radius: 16px; box-shadow: 0 4px 16px 0 rgba(63, 63, 63, 0.15);}
.pt-list li .img { height: 95px; display: flex; align-items: center; padding-left: 40px; border-bottom: 1px solid #ddd;}
.pt-list li .txtbox { padding: 25px 40px;}
.pt-list li .txtbox .tit { line-height: 1.2em; font-size: var(--font-size24); font-weight: 600; color: #242424; margin-bottom: 20px; }
.pt-list li .txtbox .txt p { line-height: 1.666em; font-size: var(--font-size18);}
.pt-list li .txtbox .txt p strong { font-weight: 600; color: #242424; }

/* 찾아오시는 길 */
.root_daum_roughmap {width:100% !important; border-radius: 30px; overflow: hidden;}
.directions {margin-top:70px; padding: 0 100px; display: flex; }
.directions .address-info { width: 50%; }
.directions .address-info .comp {color:var(--color-primary); font-weight:700; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:var(--font-size20); 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 dl {display:flex; margin-bottom: 25px; }
.directions .contact-info dl:last-child { margin-bottom: 0; }
.directions .contact-info dt {width:150px; 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:var(--color-primary);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}