/* ====================================================
  ȨÆäÀÌÁö ȸ¿ø ÀÎÁõ
==================================================== */
.cert-wrap .inner { padding:0 4%;}
.cert-wrap .cont01 { padding-bottom:20%; }
.cert-wrap .cont02 { background-color: #e6edfa; padding-bottom:20%; }
.cert-wrap .cont02 .white-box { background-color: #ffffff; border-radius: 26px; overflow: hidden;}
.cert-wrap .cont02 .white-box ul li { padding-top:7.5%; padding-bottom:6.9%; }
.cert-wrap .cont02 .white-box ul li + li { border-top: 1px solid #dfdfdf;}
.cert-wrap .cont02 .white-box ul li .img img { width:95.5%; } 
.cert-wrap .cont02 .shape-list { margin-top:5.6%; }
.cert-wrap .cont02 .shape-list li {position:relative;padding-left:16px;line-height:24px;color:#424242;font-size:1.4rem;letter-spacing:-1px}
.cert-wrap .cont02 .shape-list li::before {content:'¡Ø';display:block;position:absolute;left:0;top:0;}
.cert-wrap .cont02 .shape-list li .desc { color: #848484; font-size:1.4rem; }
.cert-wrap .cont03 { background-color: #163176; padding-bottom:20%; }
.cert-wrap .cont03 .step-wrap ul li { text-align:center; background-color: #ffffff; border-radius: 10px; padding-top:5%; padding-bottom:9.3%;}
.cert-wrap .cont03 .step-wrap ul li.arrow { border: none; background-color: transparent; padding: 4% 0; }
.cert-wrap .cont03 .step-wrap ul li .img img {margin: auto;}
.cert-wrap .cont03 .step-wrap ul li .tit { margin-bottom:8%;}
.cert-wrap .cont03 .step-wrap ul li .tit img { width: 91.8%;}
.cert-wrap .cont03 .step-wrap ul li.arrow img { width:15.2%;}
.cert-wrap .cont03 .step-wrap ul li .img-md img{ width:81.6%; }
.cert-wrap .cont03 .step-wrap ul li [class*="btn-"] a { display:inline-block; }
.cert-wrap .cont03 .step-wrap ul li [class*="btn-"] button { padding:0; display:inline-block; border:none; background-color: transparent; display: inline-block;}
.cert-wrap .cont03 .step-wrap ul li .btn-lg a img { width: 85.6%;}
.cert-wrap .cont03 .step-wrap ul li .btn-xs button img { width: 60.6%; padding-top:4.5%;}
.cert-wrap .cont03 .step-wrap ul li .desc { color: #848484; font-size:1.75rem; display:block; width: 95%; margin: 3% auto 0; word-break: keep-all;}
.cert-wrap .cont03 .step-wrap ul li.step01 .before strong {font-size:2.1rem; display:block; margin: 0 auto 4%; width: 95%; word-break: keep-all; }
.cert-wrap .cont03 .step-wrap ul li.step01 .after .img, .cert-wrap .cont03 .step-wrap ul li.step02 .wait .img, .cert-wrap .cont03 .step-wrap ul li.step02 .after .img { margin-bottom:5%; }
.cert-wrap .cont03 .step-wrap ul li.step02 .before .img { margin-top:10%;}

.cert-wrap .cont04 { background-color: #42ab67; padding-bottom:20%; }
.cert-wrap .cont04 .class-wrap { padding: 0 11.4%;}
.cert-wrap .cont04 .class-wrap ul {display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:9.3%; }
.cert-wrap .cont04 .class-wrap ul li {flex: 1;border-radius: 10px; overflow: hidden; }
.cert-wrap .cont04 .class-wrap ul li:last-child {margin-left: 5%;}
.cert-wrap .cont04 .class-wrap ul li.box-wide {width:100%;flex:none;margin:0 0 18px 0;}
.cert-wrap .cont04 .class-wrap ul li.box-wide:last-child {margin-bottom:0}
.cert-wrap .cont04 .class-wrap ul li.box-wide span {color:#219c4b;}
.cert-wrap .cont04 .class-wrap ul li a { display:block; text-align:center;}
.cert-wrap .cont04 .class-wrap ul li p {display:flex;align-items: center;flex-wrap:wrap;justify-content: center;position:relative;letter-spacing:-0.03em;text-align: center;}
.cert-wrap .cont04 .class-wrap ul li p a {flex: 1;color:#fff}
.cert-wrap .cont04 .class-wrap ul li p a:first-child:after {display: block;position:absolute;top:0px;left:50%;width:1px;height:100%;background-color: #fff;content:""}
.cert-wrap .cont04 .class-wrap ul li p:nth-child(1) {height:90px;background-color: #ffffff; font-size: 1.5rem;}
.cert-wrap .cont04 .class-wrap ul li p:nth-child(1) * {width:100%;}
.cert-wrap .cont04 .class-wrap ul li p:nth-child(1) strong {display:block; margin:3px 0;font-weight:700; font-size:1.75rem;color:#333}
.cert-wrap .cont04 .class-wrap ul li p:nth-child(2) {height:50px;background-color: #117535;color:#fff; font-size: 1.5rem;}

.cert-wrap .layer-popup { display: none; position: fixed; top: 50%; left:50%; width: 90%; transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); background: #fff; padding: 15px 15px; border-radius: 20px; box-sizing: border-box;z-index: 11;}
.cert-wrap .layer-popup p.img { max-height: 60vh; overflow: auto; } 
.cert-wrap .layer-popup .bt-close { position: absolute; top: -30px; right: 7px; }
.cert-wrap .layer-popup .bt-close img { width: 20px; height: 20px; }