@charset "utf-8";

#wrap{}
#wrap .inner{position: relative;margin:0 auto;width:1440px;max-width:100%;}

#header{position:sticky;top:0;z-index:100;background:#fff;padding:0 24px;}
#header .inner{height:75px;display:flex;align-items:center;justify-content:space-between;}
#header .logo{display: flex;align-items: center;gap: 20px;}
#header .logo img{height: 40px;}
#header .menu{}
#header .menu button{display:flex;flex-direction:column;align-items: center;justify-content:center;width:50px;height:50px;background:#01a0e9;gap:5px;}
#header .menu button .bar{width:20px;height:2px;background:#fff;}

#navigation{padding:0 24px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
#navigation .inner{display:flex;align-items:center;height:60px;gap:15px;}
#navigation .home{flex:0 0 auto;}
#navigation .home a{width:35px;height:35px;}
#navigation .home a img{width:100%;height:100%;object-fit:contain;}
#navigation .title{flex:1;font-size:18px;font-weight: 800;color:#212121;font-family: 'NanumSquare Neo', sans-serif;}
#navigation .more{flex: 0 0 auto;}
#navigation .more button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;}

#footer{padding: 30px 24px;background:#f8f8f8;}
#footer .inner{display:flex;align-items: center;justify-content:space-between;}
#footer .cont{}
#footer .cont .info{line-height:20px;font-size:15px;font-weight:400;color:#343434;display:flex;flex-direction:column;gap:5px;}
#footer .cont .info span{display:flex;align-items:center;flex-wrap: wrap;}
#footer .cont .info strong{font-weight:600;}
#footer .cont .cite{margin:10px 0 0 0;line-height:18px;font-size:14px;font-weight:400;color:#727272;}
#footer .icon{display:flex;align-items:center;gap:20px;}
#footer .icon a{display:flex;align-items:center;justify-content:center;}

#container{position:relative;}

#main{}
#main .header{background:#fff;}
#main .header .inner{display:flex;align-items:center;justify-content:space-between;height:80px;}
#main .header .logo{flex:0 0 auto;}
#main .header .logo a{display:block;line-height:35px;font-size: 25px;font-weight: 800;color: #212121;font-family: 'NanumSquare Neo', sans-serif;}
#main .header .icon{display:flex;align-items:center;gap:20px;}
#main .header .icon a{display:flex;align-items:center;justify-content:center;}
#main .content{}
#main .content .visual{position:relative;padding: 68px 0;background:#E6F5FB;overflow: hidden;}
#main .content .visual .inner{display:flex;align-items:center;}
#main .content .visual .text{position:relative;z-index:1;flex:1}
#main .content .visual .text .tit{margin:0 0 20px;line-height:65px;font-size:45px;font-weight: 800;color: #212121;font-family: 'NanumSquare Neo', sans-serif;}
#main .content .visual .text .txt{margin:0 0 40px;line-height:30px;font-size:18px;font-weight: 700;color: #1d1d1d;font-family: 'NanumSquare Neo', sans-serif;}
#main .content .visual .text .act{display:flex;align-items:center;}
#main .content .visual .text .act a{display:flex;align-items: center;justify-content: center;height: 60px;width: 250px;max-width: 100%;padding: 0 10px;border-radius: 10px;background: #0186c2;font-size: 18px;font-weight: 800;color: #fff;font-family: 'NanumSquare Neo', sans-serif;}
#main .content .visual .image{position:relative;z-index:1;width:600px;height:auto;aspect-ratio:6/4;max-width:100%;}
#main .content .visual .image img{width:100%;height:auto;object-fit:contain;}
#main .content .visual .background{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;}
#main .content .campaign{padding:50px 0;text-align:center;}
#main .content .campaign .title{margin:0 0 50px;}
#main .content .campaign .title .head{margin:0 0 20px;line-height:45px;font-size:30px;font-weight: 800;color: #1d1d1d;font-family: 'NanumSquare Neo', sans-serif;}
#main .content .campaign .title .head span{color:#0188c6;font-family: 'NanumSquare Neo', sans-serif;}
#main .content .campaign .title .text{padding:15px 40px;line-height:32px;font-size:18px;font-weight:500;coor:#212121;border-radius:10px;background:#e6f3f9;border:1px solid #92cbe5;}
#main .content .campaign .step{}
#main .content .campaign .step .head{margin:0 0 20px;line-height:45px;font-size:30px;font-weight: 800;color: #1d1d1d;font-family: 'NanumSquare Neo', sans-serif;}
#main .content .campaign .step .head span{color:#0188c6;font-family: 'NanumSquare Neo', sans-serif;}
#main .content .campaign .step .cont{}
#main .content .campaign .step .cont ul{display:flex;gap:40px;}
#main .content .campaign .step .cont li{flex:1;}
#main .content .campaign .step .cont li .num{padding:10px;line-height:30px;font-size:20px;font-weight:700;color:#015b85;border-radius:20px 20px 0 0;background:#c2e2f0;}
#main .content .campaign .step .cont li .txt{padding:10px;line-height:30px;font-size:17px;font-weight:500;color:#212121;border-radius:0 0 20px 20px;border:1px solid #d8d8d8;border-top:0;}
#main .footer{padding:30px 0;background:#f8f8f8;}
#main .footer .inner{display:flex;align-items:Center;justify-content:space-between;}
#main .footer .cont{}
#main .footer .cont .info{line-height:20px;font-size:15px;font-weight:400;color:#343434;display:flex;flex-direction:column;gap:5px;}
#main .footer .cont .info span{display:flex;align-items:center;gap:10px;}
#main .footer .cont .info strong{font-weight:600;}
#main .footer .cont .cite{margin:10px 0 0 0;line-height:18px;font-size:14px;font-weight:400;color:#727272;}
#main .footer .icon{display:flex;align-items:center;gap:20px;}
#main .footer .icon a{display:flex;align-items:center;justify-content:center;}

#apply{margin: 0 auto;padding: 60px 24px 120px;width: 440px;max-width: 100%;}
#apply .head{margin:0 0 70px;text-align:center;}
#apply .head .title{display:flex;align-items:center;justify-content:center;padding:0 0 5px;line-height:45px;font-size:22px;font-weight:800;color:#212121;font-family: 'NanumSquare Neo', sans-serif;border-bottom:1px solid #bdbdbd;}
#apply .head .title:after{content:'';margin: 10px 0 0 6px;width:9px;height:9px;border-radius:9px;background:#01a0e9}
#apply .head .tool{margin: 40px 0 0 0;display: flex;align-items: center;justify-content: center;gap: 15px;}
#apply .head .tool a{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 40px;background: #e6f3f9;}
#apply .head .tool a img{max-width:100%;height:auto;}
#apply .cont{}
#apply .cont .title{position:relative;margin:0 0 70px;padding:0 0 20px;display: flex;align-items: center;justify-content: center;text-align: center;line-height: 30px;font-size: 20px;font-weight: 800;color: #212121;}
#apply .cont .title:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:6px;border-radius:6px 6px 0 0;background: linear-gradient(90deg, #7EBD57 0%, #BEDB5F 100%);}
#apply .cont .title .step{display:flex;align-items:center;justify-content:center;margin:0 10px 0 0;height:35px;padding:0 15px;border-radius:50px;background:#ddefcd;font-size:18px;font-weight:800;color:#508520;font-family: 'NanumSquare Neo', sans-serif;}
#apply .button{margin:70px 0 0;display:flex;gap:15px;flex-direction:column;}
#apply .button .btn{display:flex;align-items:center;justify-content:center;text-align:center;gap:10px;height:60px;border-radius:10px;font-size:18px;font-weight:800;font-family: 'NanumSquare Neo', sans-serif;}
#apply .button .btn img{height:24px;width:auto;object-fit:contain;}
#apply .button .btn-01{background:#60a23a;border:1px solid #60a23a;color:#ffffff;}
#apply .button .btn-02{background:#e0e0e0;border:1px solid #e0e0e0;color:#212121;}
#apply .apply{position:relative;}
#apply .apply-1{}
#apply .apply-1 .tit{margin: 0 0 20px;display:flex;align-items:center;justify-content:center;gap:10px;line-height:30px;font-size:22px;font-weight:700;color:#212121;text-align:center;}
#apply .apply-1 .tit span{color:#5F9F26;}
#apply .apply-1 .txt{padding:30px;border-radius:10px;background:#f1f8ea;line-height:22px;font-size:16px;font-weight:500;color:#424242;}
#apply .apply-1 .txt p{display:block;}
#apply .apply-1 .txt span{font-weight:700;color:#325414;}
#apply .apply-2{}
#apply .apply-2 .caution{margin: 0 0 50px;padding: 30px 10px;border-radius:10px;background:#f1f8ea;line-height:25px;font-size:18px;color:#424242;text-align:center;}
#apply .apply-2 .caution img{display:block;margin:0 auto 8px;width:35px;height:auto;}
#apply .apply-2 .caution strong{font-weight:600;}
#apply .apply-2 .caution p{margin: 10px 0 0;font-size:16px;font-weight:500;}
#apply .apply-2 .agree{margin:0 0 70px;}
#apply .apply-2 .agree .tit{margin:0 0 20px;line-height:26px;font-size:22px;font-weight:700;color:#424242;text-align:center;}
#apply .apply-2 .agree .con{padding:30px 40px;border-radius:10px;background:#f5f5f5;}
#apply .apply-2 .agree .con ul{display:flex;flex-direction:column;gap:20px;}
#apply .apply-2 .agree .con li{display:flex;flex-direction:column;}
#apply .apply-2 .agree .con li:nth-child(1){padding:0 0 20px;border-bottom:1px solid #e0e0e0;}
#apply .apply-2 .agree .con .flex{display:flex;align-items:center;}
#apply .apply-2 .agree .con .more{flex:0 0 auto;width:24px;height:24px;background:url("../img/dropdown.svg") no-repeat center / contain;cursor:pointer;}
#apply .apply-2 .agree .con .more.active{transform:rotate(180deg);}
#apply .apply-2 .agree .con .chk{display:flex;align-items:center;cursor:pointer;gap:8px}
#apply .apply-2 .agree .con .chk input{display:none;}
#apply .apply-2 .agree .con .chk input ~ i{flex:0 0 auto;width:24px;height:24px;background:url("../img/ic_checkbox.svg") no-repeat center / contain;}
#apply .apply-2 .agree .con .chk input ~ span{line-height:24px;font-size:16px;font-weight:500;color:#424242;}
#apply .apply-2 .agree .con .chk input:checked ~ i{background:url("../img/ic_checkbox_on.svg") no-repeat center / contain;}
#apply .apply-2 .agree .con .text{margin:20px 0 0;border-radius:10px;background:#fff;padding:20px;line-height:24px;font-size:16px;color:#424242;max-height:280px;overflow-y:auto;display:none;}
#apply .apply-2 .agree .con .text.show{display:block;}
#apply .apply-2 .form{}
#apply .apply-2 .form .tit{margin:0 0 50px;line-height:26px;font-size:20px;font-weight:600;color:#424242;text-align:center;}
#apply .apply-2 .form .tit span{color:#508830;}
#apply .apply-2 .form .txt{}
#apply .apply-2 .form .txt dl{margin:0 0 16px;}
#apply .apply-2 .form .txt dt{display: flex;align-items: center;margin: 0 0 10px;height: 34px;}
#apply .apply-2 .form .txt dt .label{display: flex;align-items: center;font-size: 17px;font-weight: 600;}
#apply .apply-2 .form .txt dt .tip{margin:0 0 0 auto;display:flex;align-items:center;font-size: 14px;font-weight: 500;color: #424242;gap: 4px;}
#apply .apply-2 .form .txt dt .tip em{color:#71bf44;}
#apply .apply-2 .form .txt dt.req .label:after{content:'*';margin: 0 0 0 5px;color:#71bf44;}
#apply .apply-2 .form .txt dd{}
#apply .apply-2 .form .txt dd .input{padding:0 20px;display:flex;align-items:center;border-radius:5px;border:1px solid #e0e0e0;background:#fff;height:50px;}
#apply .apply-2 .form .txt dd .input.disabled{background:#f5f5f5;}
#apply .apply-2 .form .txt dd .input .inp{flex:1;font-size:16px;color:#212121;}
#apply .apply-2 .form .txt dd .input .fix{flex:0 0 auto;font-size:16px;color:#616161;}
#apply .apply-2 .form .txt dd .sign{position:relative;width:100%;height:250px;border:1px solid #e0e0e0;}
#apply .apply-2 .form .txt dd .sign #sign{position:absolute;z-index:2;inset:0;}
#apply .apply-2 .form .txt dd .sign #sign canvas{width:100%;height:100%;}
#apply .apply-2 .form .txt dd .sign #signTxt{position:absolute;z-index:0;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:16px;color:#9e9e9e;}
#apply .apply-2 .form .txt dd .sign #clearSign{position:absolute;z-index: 3;top:10px;right:10px;font-size:13px;height:30px;color:#424242;display: flex;align-items: center;justify-content: center;cursor: pointer;}
#apply .apply-2 .form .txt .space{width:100%;height:24px;}
#apply .apply-4{}
#apply .apply-4 .complete{margin: 0 0 50px;padding: 30px 10px;border-radius:10px;background:#f1f8ea;line-height:25px;font-size:18px;color:#424242;text-align:center;}
#apply .apply-4 .complete .ico{display:block;margin:0 auto 8px;}
#apply .apply-4 .complete .ico img{width:35px;height:auto;}
#apply .apply-4 .complete .tit{line-height:25px;font-size:18px;font-weight:600;color:#424242;}
#apply .apply-4 .complete .tit span{color:#0172a5;}
#apply .apply-4 .complete .txt{line-height:22px;font-size:16px;font-weight:500;color:#508520;margin:10px 0 0;}

#popup{position:fixed;inset:0;z-index: 100;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;}
#popup.active{opacity:1;visibility:visible;}
#popup .popup{position:relative;z-index:2;width:440px;max-width: calc(100% - 35px);height: auto;padding: 60px 30px;aspect-ratio: 4/5;background: url(../img/bg_certify.jpg) no-repeat center / 100% 100%;}
#popup .popup .head{margin: 10% 0 5%;text-align: center;}
#popup .popup .head .ico{display: flex;align-items: center;justify-content: center;margin: 0 0 5%;}
#popup .popup .head .ico img{height: 70px;width: auto;}
#popup .popup .head .tit{line-height: 45px;font-size: 30px;font-weight: 800;color: #212121;font-family: 'NanumSquare Neo', sans-serif;}
#popup .popup .head .txt{line-height: 30px;font-size: 18px;font-weight: 800;color: #0186c2;font-family: 'NanumSquare Neo', sans-serif;}
#popup .popup .head .txt img{height: 30px;width:auto;vertical-align:top;}
#popup .popup .text{margin: 0 0 10%;line-height: 20px;font-size: 12px;font-weight: 700;color: #2d2d2d;text-align: center;font-family: 'NanumSquare Neo', sans-serif;}
#popup .popup .info{margin:0 auto;width: 100%;padding: 0 5%;}
#popup .popup .info dl{display: flex;align-items: center;margin: 0 0 8px;gap:10px;}
#popup .popup .info dt{flex:0 0 auto;display: flex;align-items: center;justify-content: center;height: 30px;width: 25%;border-radius: 50px;background: #70BB2D;font-size: 11px;font-weight: 800;color: #fff;font-family: 'NanumSquare Neo', sans-serif;}
#popup .popup .info dd{flex:1;font-size: 12px;font-weight: 800;color: #212121;font-family: 'NanumSquare Neo', sans-serif;}
#popup .popup .icon{padding: 10% 5% 0;display:flex;align-items:center;gap:10px;}
#popup .popup .icon img{height: 40px;}
#popup .dimmed{position:absolute;z-index:1;inset:0;background:#2d2d2d;opacity:0.4;}

@media (max-width:769px) {
    #footer .inner{gap: 15px;flex-direction:column;align-items: stretch;}
    #footer .icon{order:1;}
    #footer .cont{order:2;}
    #footer .cont .info{gap: 0;font-size:12px;}
    #footer .cont .cite{line-height:18px;font-size:10px;margin:10px 0 0;padding:10px 0 0;border-top:1px solid #d8d8d8;}
}