@charset "utf-8";
/* 공통 */
.subtit { text-align: center; font-size: 34px; line-height: 1em; margin-bottom: 60px; color: #2c2c2c; font-weight: 700; }
.subtit.tc { text-align: center; }
.subbox { margin-bottom: 150px; }
.subbox:last-child { margin-bottom: 0; }

/* CEO인사말 */
.gt { text-align: center; }
.gt-tit { font-size: 28px; font-weight: 600; position: relative; color: #2c2c2c; line-height: 1.2em;}
.gt-tit::after { content: ""; display: block; width: 50px; height: 4px; background: var(--color-primary); margin: 40px auto 15px;}
.gt h5 { font-size: 22px; line-height: 1.5em; font-weight: 400; margin-bottom: 50px; }
.gt p { margin-top: 35px; }
.gt img { margin-bottom: 15px; }
.gt strong { display: block; font-size: 30px; font-weight: 700; color: #2c2c2c; margin-top: 45px; line-height: 1.5em; }

/* 비전 및 경영이념 */
.vs-fx { display: flex; gap: 40px; flex-wrap: wrap;}
.vs-fx>div { width: calc(100%/2 - 20px); text-align: center; }
.vs-fx>div .tit { font-size: 26px; line-height: 1.5em; font-weight: 600; background: var(--color-primary); color: #fff; padding: 25px 15px;}
.vs-fx>div .txt { border: 1px solid #ddd; border-top: none; padding: 40px 15px; min-height: 200px; display: flex; align-items: center; justify-content: center;}
.mn { border-top: 3px solid var(--color-primary); padding-top: 50px; text-align: center;}
.mn h4 { font-size: 26px; line-height: 1.5em; font-weight: 600; margin-bottom: 25px; }
.mn h5 { font-size: 20px; font-weight: 600; color: #2c2c2c; margin: 50px 0 15px;}
.pp-img { text-align: center; }

/* 연혁 */
.hst-img { text-align: center; padding: 175px 10px; border-radius: 32px; color: #fff; background: url(../images/sub/hst-img.jpg) center no-repeat; background-size: cover; font-size: 24px; font-weight: 600; line-height: 1.6em; letter-spacing: -.05em; margin-bottom: 50px; }
.hst { position: relative; }
.hst::before { content: ""; position: absolute; width: 1px; height: 100%; top: 9px; background: #ddd; left: 44%; }
.hst .group { margin-bottom: 130px; display: flex; }
.hst .group:last-child { margin-bottom: 0; }
.hst .group .big { width: 44%; padding-left: 90px; }
.hst .group .big .year { font-size: 72px; font-weight: 700; color: var(--color-primary); letter-spacing: -.05em; margin-bottom: 10px; line-height: 1em;}
.hst .group .big p { font-size: 16px; line-height: 1.2em; letter-spacing: -.05em;}
.hst .group .info { width: 56%; padding-left: 30px; }
.hst .group .info .box { display: flex; align-items: flex-start; position: relative; margin-bottom: 35px; }
.hst .group .info .box:last-child { margin-bottom: 0; }
.hst .group .info .box::before { content: ""; position: absolute; width: 16px; height: 16px; border-radius: 100%; background: #fff; border: 5px solid var(--color-primary); top: 9px; left: -38px; }
.hst .group .info .box .year { width: 102px; font-size: 30px; font-weight: 700; color: #2c2c2c; line-height: 1.2em; letter-spacing: -.05em; }
.hst .group .info .box ul { flex: 1 1 auto; min-width: 0; width: 1%; padding-top: 4px;}
.hst .group .info .box ul li { display: flex; }
.hst .group .info .box ul li .month { width: 34px; font-size: 20px; font-weight: 700; color: #454545; line-height: 1.4em;}
.hst .group .info .box ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; font-size: 16px; letter-spacing: -.05em; }
.organ { text-align: center; }

/* 인증자료 공통 */
.pr-tab { display: flex; border: 1px solid #ddd; margin-bottom: 60px; }
.pr-tab li { flex: 1; border-right: 1px solid #ddd;}
.pr-tab li:last-child { border: none; }
.pr-tab li a { display: flex; align-items: center; justify-content: center; color: #505050; font-size: 18px; height: 60px; letter-spacing: 0; font-weight: 400; }
.pr-tab li.active a { background: var(--color-primary); color: #fff; }
.pr-list { display: flex; gap: 75px 39px; flex-wrap: wrap;}
.pr-list li { width: calc(100%/3 - 26px); text-align: center; }
.pr-list li .thumb { position: relative; margin-bottom: 20px; }
.pr-list li .thumb::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid #ddd;}

/* 찾아오시는 길 */
.map-add { position: relative; font-size: 24px; font-weight: 600; color: #484848; letter-spacing: -.03em; line-height: 1.2em; margin-bottom: 25px; padding-left: 34px;}
.map-add::before { content: ""; position: absolute; width: 24px; height: 24px; top: 1px; left: 0; background: url(../images/sub/map-icon.png) center no-repeat; background-size: contain; }
.mapbox { border-radius: 24px; overflow: hidden; margin-bottom: 30px; }
.lct { border-top: 1px solid #dddd;}
.lct li { display: flex; padding: 15px 0; border-bottom: 1px solid #ddd;}
.lct li .tit { display: flex; align-items: center; width: 120px; }
.lct li .tit strong { flex: 1 1 auto; min-width: 0; width: 1%; font-weight: 600; color: #2c2c2c; padding-left: 20px; }
.lct li .txt { flex: 1 1 auto; min-width: 0; width: 1%; }