@charset "utf-8";
/* 공통 */
.subbig { line-height: 1.3em; letter-spacing: -.03em; font-weight: 600; color: #222; font-size: 44px; margin-bottom: 50px;}  
.subbig span { color: #f1d23b;}
.subbig2 { line-height: 1.25em; font-weight: 600; font-size: 58px; letter-spacing: -.04em; color: #222; margin-bottom: 90px;}
.subbig2 span { font-weight: 800; }
.subbig2 span.clr { color: #f1d23b;}

/* 대표이사 인사말 */
.gt { display: flex; align-items: center;}
.gt-left { width: 51%;}
.gt-right { width: 49%; padding-left: 45px;}
.gt-right p { font-weight: 400; letter-spacing: -.03em; line-height: 1.8em; color: #454545; margin-bottom: 30px;}
.gt-right strong { display: block; font-weight: 600; letter-spacing: -.03em; line-height: 1em; color: #222; margin-top: 40px; text-align: right;}

/* 연혁 */
.hst-box { margin-bottom: 170px;}
.hst-box:last-child { margin-bottom: 0;}
.hst-title { margin-bottom: 150px; text-align: center;}
.hst-title h3 { font-size: 20px; font-weight: 700; line-height: 1em; color: #111; margin-bottom: 30px;}
.hst-title h2 { font-size: 70px; font-weight: 900; line-height: 1.2em; color: #f1d23b;}
.hst { display: flex;}
.hst-left { width: 46%;}
.hst-right { width: 54%;}
.group { display: flex; margin-bottom: 45px;}
.group:last-child { margin-bottom: 0;}
.group .year { font-size: 38px; font-weight: 800; letter-spacing: -.03em; line-height: 1em; color: #222; width: 95px; margin-right: 70px;}
.group ul { flex: 1 1 auto; min-width: 0; width: 1%;}
.group ul li { display: flex; margin-bottom: 15px;}
.group ul li:last-child { margin-bottom: 0;}
.group ul li .month { font-weight: 600; letter-spacing: -.03em; line-height: 1em; color: #222; width: 48px; padding-top: 6px;}
.group ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; line-height: 1.8em; letter-spacing: -.03em; font-weight: 400; color: #454545; padding-left: 30px;}
.hst-imgleft { padding-left: 50px;}
.hst-imgright { text-align: right; margin-top: 60px;}

/* 보유면허 */
.certi { position: relative; padding-bottom: 140px;}
.certi::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: #f5f5f5; z-index: -1;}
.ct-list { display: flex; gap: 40px; flex-wrap: wrap;}
.ct-list li { text-align: center; width: calc(100%/4 - 30px); }
.ct-list li .thumb {position:relative; padding-bottom:141%; margin-bottom:18px; overflow:hidden;}
.ct-list li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.ct-list li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}
.ct-list li .tit { font-size: 19px; font-weight: 700; line-height: 1em; color: #222;}
.ct-list2 li { width: calc(100%/5 - 32px);}
.ct-list2 li .thumb { margin-bottom: 0; }

/* 조직도 */
.organ { text-align: center;}

/* 오시는길 */
.lct-list { display: flex; margin-top: 25px; gap: 25px; flex-wrap: wrap;}
.lct-list li { width: calc(100%/4 - 19px); background: #f5f5f5; padding: 40px 30px; position: relative;}
.lct-list li .tit { font-size: 25px; font-weight: 700; letter-spacing: -.02em; line-height: 1em; color: #222; margin-bottom: 25px;}
.lct-list li .txt { line-height: 1.5em; letter-spacing: -.03em; font-weight: 400; letter-spacing: -.03em; color: #454545;}
.lct-list li img { position: absolute; right: 25px; bottom: 20px; }

/* sub2 공통 */
.sub2 { padding: 0 200px; position: relative;}
.sub2-box { background: #f5f5f5; position: relative;}
.sub2-swiper { width: 100%; position: relative; overflow: hidden; text-align: center;}
.sub2-swiper .swiper-wrapper { align-items: center;}
.sub2-swiper-slide { display: flex; justify-content: center; align-items: center;}
.sub2-swiper-button-prev::after, .sub2-swiper-button-next::after { display: none;}
.sub2-swiper-button-prev, .sub2-swiper-button-next { width: 20px; height: 35px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.sub2-swiper-button-prev { background-image: url(../images/sub/sub2-leftbt.png); left: -80px;}
.sub2-swiper-button-next { background-image: url(../images/sub/sub2-rightbt.png); right: -80px;}
.sub2 .swiper-pagination { bottom: -50px !important;}
.swiper-pagination-bullet { width: 10px; height: 10px; background: #efefef; margin: 0 10px !important; opacity: 1 !important;}
.swiper-pagination-bullet-active { background: #f1d23b;}
.sub2-txt { font-size: 17px; font-weight: 300; letter-spacing: -.02em; line-height: 1.3em; color: #454545; text-align: center; margin-top: 90px;}

/* sub3 공통 */
.sub3 { padding: 0 200px;}
.sub3-box { position: relative;}
.sub3-swiper { width: 100%; position: relative; overflow: hidden; text-align: center;}
.sub3-swiper-slide { position: relative; width: 100%; overflow: hidden;}
.sub3-swiper-slide .thumb {position:relative; padding-bottom:65%; overflow:hidden;}
.sub3-swiper-slide .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:contain;}
.sub3-swiper-button-prev::after, .sub3-swiper-button-next::after { display: none;}
.sub3-swiper-button-prev, .sub3-swiper-button-next { width: 20px; height: 35px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.sub3-swiper-button-prev { background-image: url(../images/sub/sub2-leftbt.png); left: -80px; display: none;}
.sub3-swiper-button-next { background-image: url(../images/sub/sub2-rightbt.png); right: -80px; display: none;}
.sub3 .swiper-pagination { bottom: 20px; pointer-events: none;}
.sub3 .tit { font-size: 24px; font-weight: 600; letter-spacing: -.02em; line-height: 1.25em; color: #222; margin: 30px 0; text-align: center;}
.btm-swiper { width: 100%; position: relative; overflow: hidden; text-align: center;}
.btm-swiper-slide { position: relative; width: 100%; overflow: hidden;}
.btm-swiper-slide .thumb {position:relative; padding-bottom:65%; overflow:hidden;}
.btm-swiper-slide .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:contain;}
.btm-swiper-button-prev::after, .btm-swiper-button-next::after { display: none;}
.btm-swiper-button-prev, .btm-swiper-button-next { width: 14px; height: 25px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-top: -13px;}
.btm-swiper-button-prev { background-image: url(../images/sub/sub2-leftbt.png); left: -50px;}
.btm-swiper-button-next { background-image: url(../images/sub/sub2-rightbt.png); right: -50px;}
.sub3-tbl-wrap { margin-top: 80px; overflow: auto;}
.sub3-tbl { width: 100%; border-collapse: collapse; border-top: 1px solid #222;}
.sub3-tbl tr { border-bottom: 1px solid #ddd;}
.sub3-tbl tr th { border-right: 1px solid #ddd; font-size: 16px; font-weight: 600; letter-spacing: -.02em; line-height: 1em; color: #222; padding: 18px 5px;}
.sub3-tbl tr th:last-child { border-right: none; }
.sub3-tbl tr td { border-right: 1px solid #ddd; font-size: 16px; font-weight: 400; letter-spacing: -.02em; line-height: 1.3em; color: #454545; padding: 16px 5px; text-align: center;}
.sub3-tbl tr td:last-child { border-right: none; }

/* 인사제도 */
.ps-box { text-align: center; margin-bottom: 170px;}
.ps-box:last-child { margin-bottom: 0;}
.ps-box .tit { font-size: 40px; line-height: 1em; font-weight: 700; letter-spacing: -.02em; color: #1d1d1d; margin-bottom: 80px;}
.ps-subtit { line-height: 1.5em; letter-spacing: -.02em; font-size: 26px; font-weight: 600; color: #1d1d1d;}
.ps-dia { text-align: center; margin-top: 15px;}
.ps-list { display: flex; justify-content: center;}
.ps-list .circle { width: 150px; height: 150px; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; letter-spacing: -.04em; line-height: 1em; color: #222; margin: auto;}
.ps-list li { padding: 0 33px; position: relative;}
.ps-list li::after { content: ""; position: absolute; right: -10px; top: 0; bottom: 0; margin: auto; background-size: contain; width: 21px; height: 15px; background: url(../images/sub/sub4-right.png) center no-repeat;}
.ps-list li:last-child::after { display: none;}
.ps-list .circle.bd { border: 3px solid #204bc6;}
.ps-list .circle.wt { color: #fff;}
.ps-list .circle.gray { background: #efefef;}
.ps-list .circle.clr1 { background: #204bc6;}
.ps-list .circle.clr2 { background: #4c73e2;}
.ps-list .circle.clr3 { background: #2e59d3;}
.ps-list .circle.clr4 { background: #1e3f9e;}
.ps-list .circle.clr5 { background: #09277e;}

/* 복리후생 */
.wf-list { display: flex; flex-wrap: wrap; gap: 64px;}
.wf-list li { width: calc(100%/4 - 48px); background: #f7f7f7; height: 302px; border-radius: 100%; position: relative; text-align: center; padding-top: 65px;}
.wf-list li .tit { color: #222; font-weight: 600; font-size: 20px; letter-spacing: -.04em; line-height: 1.4em; margin-top: 10px;}
.wf-list li .num { position: absolute; left: 25px; top: 25px; width: 40px; height: 40px; border-radius: 100%; background: #222; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: -.04em; line-height: 1em; }