@charset "utf-8";

/* css Reset */


*{margin: 0;padding: 0;  font-family: "Noto Sans KR", '맑은 고딕', sans-serif;text-decoration: inherit;box-sizing: border-box;}

header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}

body{margin:0;padding:0;font-family:'Noto Sans KR', '맑은 고딕', sans-serif; color:#000;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,code,label,em,span,strong{margin:0;padding:0;border:0;color:inherit;word-break:keep-all;}
form{display:inline;margin:0}
img,fieldset{border:0}
img{max-width: 100%;}
hr{display:none}
li{list-style:none}
em,address{font-style:normal}
label,input,select,textarea{vertical-align:middle;-webkit-appearance:none}
legend{position:absolute;left:-5000px;font-size:0;overflow:hidden}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption{position:relative;left:-5000px;height:0;line-height:0;text-indent:-5000px;overflow:hidden}

a{text-decoration:none;font-size:inherit;font-family:inherit;color:inherit}
label, input, button, select, img {vertical-align:middle}
button{cursor:pointer;/*outline:none;*/background:none}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="number"],select,textarea{-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;}
textarea{resize:none;box-sizing:border-box;}
select{box-sizing:border-box;}
select::-ms-expand{display:none;}
area{outline:none}

html{font-size:10px;}
/* ========================================================
 * FONT SIZE
======================================================== */
@media all and (max-width:1536px){
	html{font-size:0.6510vw;} /* 10 */
}
@media all and (max-width:1280px){
	html{font-size:0.8594vw;} /* 10 -> 11*/
}
@media all and (max-width:800px){
	html{font-size:1.375vw} /* 10 -> 11*/
}
@media all and (max-width:640px){
	html{font-size:1.7188vw}  /* 10 -> 11*/
}
@media all and ( max-width: 480px ){
	html{font-size:2.2vw}  /* 10 */
}
@media all and ( max-width: 412px ){
	html{font-size:2.4272vw}  /* 10 */
}
@media all and (max-width:390px){
	html{font-size:2.1795vw}  /* 10 -> 8.5 */
}

:root {
  --mainColor : #0b2345;
  --mainColor2 : #06172f;
  --pointColor : #f58220;
  --subColor : #f8f8f8;
  --kakaoColor : #fee500;
  --naverColor : #03c75a;
  --phoneColor : var(--pointColor);

    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-22: 22px;
    --font-size-24: 24px;
    --font-size-26: 26px;
    --font-size-28: 28px;
    --font-size-30: 30px;
    --font-size-32: 32px;
    --font-size-34: 34px;
    --font-size-38: 38px;
    --font-size-40: 40px;
    --font-size-50: 50px;
    --font-size-60: 60px;
    --font-size-65: 65px;
    --font-size-70: 70px;
    --font-size-75: 75px;
    --font-size-80: 80px;

  --bg01: #2bacf0;
	--co01: #2388ED;
	--co02: #111;
	--co03: #366092;

}


@media all and (max-width:1024px){
    :root{
        --font-size-16:16px;
        --font-size-18:16px;
        --font-size-20:18px;
        --font-size-22:18px;
        --font-size-24:20px;
        --font-size-26:24px;
        --font-size-28:24px;
        --font-size-30:24px;
        --font-size-32:24px;
        --font-size-34:32px;
        --font-size-38:32px;
        --font-size-40:32px;
        --font-size-50:32px;
        --font-size-60:40px;
        --font-size-65:40px;
        --font-size-70:52px;
        --font-size-75:52px;
        --font-size-80:52px;
    }
}
@media all and (max-width:768px){

    :root{
        --font-size-16:clamp(14px, 3.2vw, 16px);
        --font-size-18:clamp(14px, 3.2vw, 16px);
        --font-size-20:clamp(16px, 3.4vw, 18px);
        --font-size-22:clamp(16px, 3.4vw, 18px);
        --font-size-24:clamp(18px, 3.6vw, 20px);
        --font-size-26:clamp(20px, 4vw, 24px);
        --font-size-28:clamp(20px, 4vw, 24px);
        --font-size-30:clamp(20px, 4vw, 24px);
        --font-size-32:clamp(20px, 4vw, 24px);
        --font-size-34:clamp(22px, 5vw, 32px);
        --font-size-38:clamp(22px, 5vw, 32px);
        --font-size-40:clamp(22px, 5vw, 32px);
        --font-size-50:clamp(22px, 5vw, 32px);
        --font-size-60:clamp(24px, 6vw, 40px);
        --font-size-65:clamp(24px, 6vw, 40px);
        --font-size-70:clamp(28px, 7vw, 52px);
        --font-size-75:clamp(28px, 7vw, 52px);
        --font-size-80:clamp(28px, 7vw, 52px);
    }

}


.in, .inner{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
}

.hidden {
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.hid {
    position: absolute;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.blind {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/


.clearfix::after{content: "";clear: both;display: block;}

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}

/*----- ADD SETTING -----*/
.hide {
  position:absolute;
  left:-9999%;
  font-size:0;
  line-height:0;
  text-indent:-9999%;
}
.maxinner {
  margin:0 auto;
  max-width:1400px;
  width:90%;
}
.btnset {
  overflow: visible;
  display: inline-block !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0;
  text-align: center !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.ta-l {
  text-align:left !important;
}
.ta-c {
  text-align:center !important;
}
.ta-r {
  text-align:right !important;
}
.fl {
  float:left !important;
}
.fr {
  float:right !important;
}
.pb0 {
  padding-bottom:0 !important;
}


/*img*/
.pc_only{display: block;}
.mo_only{display: none;}

@media screen and (min-width:741px){

    br.br_m{display: none;}
}

@media screen and (max-width:740px){

    /*img*/
    .pc_only{display: none;}
    .mo_only{display: block;}

    br.br_d{display: none;}

	/*BR*/
	.br_line { padding: 10px 0;}
}


/* �щ갚 */
.mt1{margin-top:1px !important;}
.md2{margin-left:2px !important;}
.md1{margin-left:1px !important;}
.md4{margin-left:4px !important;}
.md5{margin-left:5px !important;}
.md6{margin-left:6px !important;}
.md7{margin-left:7px !important;}
.md8{margin-left:8px !important;}
.md9{margin-left:9px !important;}
.md10{margin-left:10px !important;}
.md11{margin-left:11px !important;}
.md12{margin-left:12px !important;}
.mt3 {margin-top:3px !important;}
.mt2 {margin-top:2px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px !important;}
.mt22 {margin-top:22px !important;}
.mt34{margin-top:90px !important;}
.mt23{margin-top:23px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt36 {margin-top:36px !important;}
.mt37 {margin-top:37px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt88 {margin-top:88px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt105 {margin-top:105px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt180 {margin-top:180px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb12 {margin-bottom:12px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr11 {margin-right:11px !important;}
.mr13 {margin-right:13px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr34 {margin-right:34px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.md3 {margin-left:3px !important;}
.md8 {margin-left:8px !important;}
.md12 {margin-left:12px !important;}
.md10 {margin-left:10px !important;}
.md13 {margin-left:13px !important;}
.md17 {margin-left:17px !important;}
.md20 {margin-left:20px !important;}
.md15 {margin-left:15px !important;}
.md18 {margin-left:18px !important;}
.md29 {margin-left:29px !important;}
.md27 {margin-left:27px !important;}
.md30 {margin-left:30px !important;}
.md34 {margin-left:34px !important;}
.md35 {margin-left:35px !important;}
.md40 {margin-left:40px !important;}
.md50 {margin-left:50px !important;}
.md65 {margin-left:65px !important;}
.md70 {margin-left:70px !important;}
.md100 {margin-left:100px !important;}
.md115 {margin-left:115px !important;}

.pd0 {padding:0px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt10 {padding-top:10px !important;}
.pt12 {padding-top:12px !important;}
.pt17 {padding-top:17px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt80 {padding-top:80px !important;}
.pt100 {padding-top:100px !important;}
.pt180 {padding-top:180px !important;}
.pt183 {padding-top:183px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb58 {padding-bottom:58px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pr6 {padding-right:6px !important;}
.pr5 {padding-right:5px !important;}
.pr2 {padding-right:2px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr50 {padding-right:50px !important;}
.pr66 {padding-right:66px !important;}
.pr266 {padding-right:266px !important;}
.pl24 {padding-left:24px !important;}
.pl5 {padding-left:5px !important;}
.pl7 {padding-left:7px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl15 {padding-left:15px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl75 {padding-left:75px !important;}
.pl90 {padding-left:90px !important;}


/* 드롭다운메뉴 :: drop-custom */
.cm-sub-select-menu .drop-custom-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 20rem;
    overflow: hidden;
    height: 5rem;
    border-radius: 2.5rem;
    transition: var(--transition-custom);
}

.cm-sub-select-menu .drop-custom-menu:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 2.5rem;
    border: 0.2rem solid #222;
    box-sizing: border-box;
    background: #fff;
    transition: var(--transition-custom);
    left: 0;
    z-index: 1;
}

.cm-sub-select-menu .drop-custom-menu > .drop-custom {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 5rem;
    padding: 0 1rem 0 2rem;
    border-radius: 2.5rem;
    z-index: 11;
    transition: var(--transition-custom);
}

.cm-sub-select-menu .drop-custom-menu > .drop-custom span {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    color: #222;
    font-weight: 500;
    font-size: 1.5rem;
    text-align: left;
    transition: var(--transition-custom);
}

.cm-sub-select-menu .drop-custom-menu > .drop-custom .arrow {
    font-size: 2.4rem;
    color: #222;
    transition: var(--transition-custom);
}

.cm-sub-select-menu .drop-custom-menu .location-menu-con {
    position: absolute;
    top: 5rem;
    left: 0px;
    right: 0px;
    border-top: 0;
    z-index: 10;
}

.cm-sub-select-menu .drop-custom-menu .location-menu-con li a {
    display: block;
    padding: 1rem 2rem;
    font-size: 1.3rem;
    word-break: keep-all;
    line-height: 1.5;
    color: #222;
}

.cm-sub-select-menu .drop-custom-menu .location-menu-con li.on {
    position: relative;
}

.cm-sub-select-menu .drop-custom-menu .location-menu-con li.on a {
    font-weight: 500;
}

.cm-sub-select-menu .drop-custom-menu.on > .drop-custom .arrow {
    transform: scaleY(-1);
}

/* 드롭다운메뉴 :: drop-custom :: large */
.cm-sub-select-menu .drop-custom-menu.large-menu {
    width: 22rem;
    height: 6rem;
    border-radius: 3rem;
}

.cm-sub-select-menu .drop-custom-menu.large-menu:before {
    border-radius: 3rem;
}

.cm-sub-select-menu .drop-custom-menu.large-menu > .drop-custom {
    height: 6rem;
    border-radius: 3rem;
}

.cm-sub-select-menu .drop-custom-menu.large-menu > .drop-custom span {
    font-size: 1.7rem;
}

.cm-sub-select-menu .drop-custom-menu.large-menu .location-menu-con {
    top: 6rem;
}



.cert-section {
  position: relative;
  overflow: hidden;
  padding: 9rem 0;
  background: #f7f8fa;
}

.cert-head {
  margin-bottom: 4rem;
  text-align: center;
}

.cert-label {
  margin: 0 0 0.8rem;
  color: var(--pointColor);
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0;
}

.cert-title {
  display: block;
  margin: 0 0 1.2rem;
  color: var(--mainColor);
  font-size: 4.2rem;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: 0;
  text-align: center;
}

.cert-desc {
  margin: 0;
  color: #444;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0;
  text-align: center;
}

.cert-slider-wrap {
  position: relative;
}

.cert-swiper {
  overflow: hidden;
  padding: 0.4rem 0.2rem 3.8rem;
}

.cert-card {
  position: relative;
  display: block;
  width: 100%;
  height: 36rem;
  padding: 1.4rem;
  border: 1px solid #e1e5ec;
  border-radius: 0.8rem;
  background: #fff;
  box-shadow: 0 1.4rem 3.6rem rgba(11, 35, 69, 0.08);
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.cert-card:hover {
  transform: translateY(-0.5rem);
  border-color: rgba(11, 35, 69, 0.2);
  box-shadow: 0 2rem 4.8rem rgba(11, 35, 69, 0.13);
}

.cert-image-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
}

.cert-image-frame img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.cert-zoom {
  position: absolute;
  right: 1.4rem;
  bottom: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 50%;
  background: rgba(10, 24, 45, 0.88);
  color: #fff;
  opacity: 0;
  transform: translateY(0.6rem);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.cert-zoom i {
  font-size: 2rem;
  line-height: 1;
}

.cert-card:hover .cert-zoom,
.cert-card:focus-visible .cert-zoom {
  opacity: 1;
  transform: translateY(0);
}

.cert-nav {
  position: absolute;
  top: calc(50% - 1.9rem);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.2rem;
  height: 5.2rem;
  border: 1px solid #d9e0ea;
  border-radius: 50%;
  background: #fff;
  color: #0b2345;
  box-shadow: 0 1.2rem 3rem rgba(11, 35, 69, 0.12);
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.cert-nav i {
  font-size: 2.4rem;
  line-height: 1;
}

.cert-nav:hover {
  border-color: var(--mainColor);
  background: var(--mainColor);
  color: #fff;
}

.cert-prev {
  left: -2.6rem;
}

.cert-next {
  right: -2.6rem;
}

.cert-nav.swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.cert-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.2rem;
}

.cert-pagination .swiper-pagination-bullet {
  width: 0.9rem;
  height: 0.9rem;
  margin: 0 0.45rem !important;
  background: #0b2345;
  opacity: 0.2;
}

.cert-pagination .swiper-pagination-bullet-active {
  width: 2.8rem;
  border-radius: 999px;
  background: var(--mainColor);
  opacity: 1;
}

.cert-lightbox {
  position: fixed;
  inset: 0;
  z-index: 10080;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 3rem;
}

.cert-lightbox.is-open {
  display: flex;
}

.cert-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.84);
}

.cert-lightbox-panel {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 96rem);
  min-height: 0;
}

.cert-lightbox-top {
  position: fixed;
  top: 2.4rem;
  left: 3rem;
  right: 3rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}

.cert-lightbox-count {
  color: rgba(255, 255, 255, 0.78);
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0;
}

.cert-lightbox-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  pointer-events: auto;
}

.cert-lightbox-close i {
  font-size: 2.4rem;
  line-height: 1;
}

.cert-lightbox-figure {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}

.cert-lightbox-figure img {
  display: block;
  max-width: min(100%, 72rem);
  max-height: calc(100vh - 12rem);
  object-fit: contain;
  background: #fff;
  box-shadow: 0 2rem 7rem rgba(0, 0, 0, 0.42);
}

.cert-lightbox-figure figcaption {
  margin-top: 1.4rem;
  color: rgba(255, 255, 255, 0.86);
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
}

.cert-lightbox-nav {
  position: fixed;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  transition: background 0.25s ease;
}

.cert-lightbox-nav:hover {
  background: rgba(255, 255, 255, 0.18);
}

.cert-lightbox-nav i {
  font-size: 3rem;
  line-height: 1;
}

.cert-lightbox-prev {
  left: 3rem;
}

.cert-lightbox-next {
  right: 3rem;
}

body.cert-modal-open {
  overflow: hidden;
}

@media all and (max-width: 1280px) {
  .cert-prev {
    left: 1rem;
  }

  .cert-next {
    right: 1rem;
  }
}

@media all and (max-width: 800px) {
  .cert-section {
    padding: 7rem 0;
  }

  .cert-head {
    margin-bottom: 3rem;
  }

  .cert-label {
    font-size: 1.5rem;
  }

  .cert-title {
    font-size: 3.2rem;
  }

  .cert-desc {
    font-size: 1.5rem;
  }

  .cert-card {
    height: 32rem;
    padding: 1.2rem;
  }

  .cert-nav {
    display: none;
  }

  .cert-lightbox {
    padding: 7rem 1.8rem 3rem;
  }

  .cert-lightbox-top {
    top: 1.6rem;
    left: 1.8rem;
    right: 1.8rem;
  }

  .cert-lightbox-count {
    font-size: 1.4rem;
  }

  .cert-lightbox-close {
    width: 4.4rem;
    height: 4.4rem;
  }

  .cert-lightbox-figure img {
    max-height: calc(100vh - 14rem);
  }

  .cert-lightbox-nav {
    width: 4.6rem;
    height: 4.6rem;
  }

  .cert-lightbox-prev {
    left: 1rem;
  }

  .cert-lightbox-next {
    right: 1rem;
  }
}

@media all and (max-width: 480px) {
  .cert-section {
    padding: 6rem 0;
  }

  .cert-title {
    font-size: 2.8rem;
  }

  .cert-card {
    height: 29rem;
  }

  .cert-zoom {
    opacity: 1;
    transform: none;
  }

  .cert-lightbox {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }

  .cert-lightbox-nav {
    top: auto;
    bottom: 1.8rem;
  }
}