@charset "utf-8";

/* 회사소개 */
.gt-img { border-radius: 24px; overflow: hidden; margin-bottom: 32px; }
.gt-tit { font-weight: 400; font-size: 40px; letter-spacing: -.03em; line-height: 1.2em; color: #242424; }
.gt-tit strong { font-weight: 700; }
.gt-tit strong.clr { color: #004982;}
.gt p { line-height: 1.6666em; margin: 22px 0 35px; }
.gt h3 { font-size: 18px; font-weight: 500; line-height: 1.6em; letter-spacing: -.03em; color: #242424; } 

/* 소속감독 */
.sv-wrap { border-top: 1px solid #ddd;}
.sv-wrap .sv-box { border-bottom: 1px solid #ddd; padding: 40px 0; display: flex; align-items: flex-start; }
.sv-wrap .sv-box .thumb { width: 22%; position: relative;}
.sv-wrap .sv-box .thumb>div {position:relative; padding-bottom:120%; overflow: hidden; border-radius: 24px; }
.sv-wrap .sv-box .thumb>div 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;}
.sv-wrap .sv-box .info { width: 78%; padding-left: 40px; position: relative;}
.sv-wrap .sv-box .info h2 { line-height: 1em; font-size: 32px; font-weight: 700; letter-spacing: -.03em; color: #242424; margin-bottom: 17px; }
.sv-wrap .sv-box .info .spanbox span { padding: 0 8px; display: inline-block; position: relative; }
.sv-wrap .sv-box .info .spanbox span::after { content: ""; position: absolute; right: -2px; top: 2px; width: 1px; height: 15px; background: #ddd; }
.sv-wrap .sv-box .info .spanbox span:first-child { padding-left: 0; line-height: 1.2em; color: #686868;}
.sv-wrap .sv-box .info .spanbox span:last-child::after {display: none; }
.sv-wrap .sv-box .main-link { margin-top: 0; position: absolute; right: 0; top: 0; }
.sv-list { margin-top: 55px; }
.sv-list li { display: flex; margin-bottom: 12px; }
.sv-list li:last-child { margin-bottom: 0; }
.sv-list li .title { width: 105px; line-height: 1.3em; font-size: 16px; font-weight: 700; color: #454545; position: relative; padding-left: 13px; margin-top: 3px;}
.sv-list li .title::before { content: ""; position: absolute; left: 0; width: 2px; height: 14px; background: #004982; top: 2px;}
.sv-list li .txt { flex: 1 1 auto; min-width: 0; width: 1%; line-height: 1.6em; }

/* 보유기체 */
.dr-wrap { margin-bottom: 80px; }
.dr-wrap:last-child { margin-bottom: 0; }
.dr-tit { font-size: 18px; font-weight: 700; color: #fff; line-height: 1em; letter-spacing: -.03em; padding: 12px 5px; text-align: center; background: #242424;}
.dr-tit.mg { margin-bottom: 40px;}
.dr-box { display: flex; padding: 40px 0; border-bottom: 1px solid #ddd; height: 100%; }
.dr-box.fx {align-items: flex-start;}
.dr-box .thumb { border-radius: 24px; overflow: hidden; width: 40%; }
.dr-box .thumb.bd { border: 1px solid #ddd;}
.dr-box .info {width: 60%; padding-left: 40px; position: relative; display: flex; justify-content: space-between; flex-direction: column; }
.dr-box .info h2 { font-size: 28px; font-weight: 700; line-height: 1.2em; letter-spacing: -.03em; color: #242424; margin-bottom: 18px; }
.dr-box .info p { margin-bottom: 20px; }
.dr-box .info p:last-child { margin-bottom: 0; }
.dr-box .info .main-link { margin-top: 20px;}

/* 인증현황 */
.certi-list { display: flex; flex-wrap: wrap; gap:8px; }
.certi-list li { width: calc(100%/4 - 6px); text-align: center;}
.certi-list li .thumb {position:relative; padding-bottom:126%; overflow: hidden; margin-bottom: 18px; }
.certi-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;}
.certi-list li .thumb::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid #ddd;}

/* 오시는 길 */
.mapbox { margin-bottom: 40px; }
.lct { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 20px 0;}
.lct h2 { font-size: 24px; font-weight: 700; line-height: 1em; letter-spacing: -.03em; color: #454545;}
.lct h2 span { display: block; font-size: 16px; font-weight: 400; line-height: 1.5em; margin-top: 15px; }
.lct .spanbox { display: flex; align-items: center;}
.lct .spanbox span { display: inline-flex; align-items: center; gap: 14px; padding: 0 20px; position: relative; line-height: 1.3em; letter-spacing: -.03em; font-weight: 400; color: #454545; }
.lct .spanbox span::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 16px; background: #ddd; }
.lct .spanbox span:last-child { padding-right: 0;}
.lct .spanbox span:last-child::after { display: none; }

/* 서비스 */
.sc-txt { font-size: 18px; line-height: 1.5em; font-weight: 600; letter-spacing: -.03em; color: #454545; }
.sc-wrap { padding-bottom: 80px; margin-bottom: 80px; } 
.sc-wrap .sc { margin-top: 60px; display: flex; align-items: flex-start ; gap: 40px; }
.sc-wrap .sc.rv { flex-direction: row-reverse;}
.sc-wrap .sc>div { width: calc(100%/2 - 20px); }
.sc-wrap .sc .img { border-radius: 24px; overflow: hidden; }
.sc-wrap .sc .info h4 { color: #005582; font-size: 28px; line-height: 1em; font-weight: 700; }
.sc-wrap .sc .info h2 { font-size: 28px; font-weight: 400; line-height: 1.3em; color: #242424; margin: 35px 0 15px;}
.sc-wrap .sc.rv .info { text-align: right; }
.sc-wrap .sc .info h2 strong { font-weight: 700; }
.sc-process h2 { line-height: 1em; font-size: 28px; font-weight: 700; letter-spacing: -.03em; color: #242424; margin-bottom: 35px; }
.sc-list { display: flex; gap: 50px; justify-content: center;}
.sc-list li { text-align: center; position: relative; flex: 1;}
.sc-list li::after { content: ""; position: absolute; right: -35px; width: 20px; height: 18px; top: 70px; background: url(../images/sub/sub2-1-right.png) center no-repeat; background-size: contain; }
.sc-list li .circle { width: 160px; height: 160px; margin: 0 auto 18px; border-radius: 100%; background: #7faac0; display: flex; align-items: center; justify-content: center; }
.sc-list li .tit { line-height: 1.5em; font-size: 18px; font-weight: 500; color: #242424; }
.sc-list li:last-child::after { display: none; }
.sc-txtbox { margin-top: 35px; border-radius: 16px; background: #f6f6f6; padding: 35px 40px;}

/* 이용요금 */
.pm-tbl-wrap { overflow: auto;}
.pm-tbl-wrap.mg { margin-top: 20px;}
.pm-tbl { width: 100%; border-collapse: collapse; border-top: 1px solid #ddd;}
.pm-tbl tr { border-bottom: 1px solid #ddd;}
.pm-tbl tr th { border-right: 1px solid #ddd; background: #f9f9f9; font-weight: 500; color: #242424; line-height: 1em; padding: 20px 5px;}
.pm-tbl tr td { text-align: center; border-right: 1px solid #ddd; line-height: 1.556em; color: #454545; font-weight: 400; color: #454545; padding: 18px 5px;}
.pm-tbl tr td.bg { background: #f9f9f9; font-weight: 500; color: #242424; line-height: 1em; }
.pm-tbl tr td.clr { font-weight: 700; color: #005582;}
.pm-txtbox { margin-top: 40px; }
.pm-txtbox p { color: #686868; }
.pm-txtbox p span { display: inline-block; padding-left: 18px; }
.pm-tit { line-height: 1em; font-size: 18px; font-weight: 700; color: #242424; }
.pm-txt { margin: 18px 0 60px;}
.pm-tbl tr th,
.pm-tbl tr td {border:1px solid #ddd;}
.pm-tbl tr th:first-child,
.pm-tbl tr td:first-child {border-left:0;}
.pm-tbl tr th:last-child,
.pm-tbl tr td:last-child {border-right:0;}
.dr-wrap .main-link { margin: 50px auto; width: 200px; height: 50px; border-radius: 4px; font-size: 18px; font-weight: 600;}

/* 영상소스 */
.vd-swp { padding: 0 100px; position: relative; margin-bottom: 50px;}
.vd-swiper {width: 100%; position: relative; overflow: hidden; border-radius: 24px; margin-bottom: 35px; }
.vd-swiper-button-prev::after, .vd-swiper-button-next::after { display: none; }
.vd-swiper-button-prev, .vd-swiper-button-next { width: 40px; height: 40px; border-radius: 100%; background-repeat: no-repeat; background-position: center; border: 1px solid #dddddd; transition: .2s; background-size:8px; }
.vd-swiper-button-prev { background-image: url(../images/main/sec4-leftbt.png); left: 0; }
.vd-swiper-button-prev:hover { background-color: #005582; background-image: url(../images/main/sec4-leftbt-w.png); border: 1px solid #005582;}
.vd-swiper-button-next { background-image: url(../images/main/sec4-rightbt.png); right: 0; }
.vd-swiper-button-next:hover { background-color: #005582; background-image: url(../images/main/sec4-rightbt-w.png); border: 1px solid #005582;}
.vd-txtbox { text-align: center; }
.vd-txtbox h2 { font-size: 28px; line-height: 1.2em; color: #242424; letter-spacing: -.03em; font-weight: 700; }
.vd-txtbox h2 span { color: #005582; }
.vd-txtbox p { line-height: 1.4em; font-size: 20px; font-weight: 400; letter-spacing: -.03em; color: #242424; margin: 15px 0 60px;}
.vd-txtbox .main-link { margin: 0 auto;}