/* 보호나라 공통 CSS 다음에 로드. 팝업 바깥의 사이트 스타일은 변경하지 않습니다. */
.kp-wrap{font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif;font-size:14px;font-weight:400;line-height:1.3;color:#001333;letter-spacing:0;word-wrap:break-word;word-break:normal;}
.kp-wrap *{box-sizing:border-box;}
.kp-wrap p,.kp-wrap ul,.kp-wrap li{margin:0;padding:0;list-style:none;}
.kp-wrap p,.kp-wrap span,.kp-wrap a{font-size:inherit;}
.kp-wrap a{display:inline-block;text-decoration:none;}
.kp-wrap button{font-family:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;}
.kp-wrap img{vertical-align:middle;max-height:100%;}
.kp-wrap .tit .close-btn{height:auto;border-radius:0;}
.kp-wrap,
.kp-wrap .kp-bg-opa{top:0;left:0;width:100%;height:100%;}
.kp-wrap{display:none;position:fixed;z-index:1001;}
.kp-wrap.open{display:block;}
.kp-wrap .kp-bg-opa{position:absolute;z-index:999;background:#000;opacity:0.4;}
.kp-wrap .kp-body{position:absolute;z-index:1000;max-width: 528px;width: 95%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.kp-wrap .kp-body .bd{border-radius:8px;background-color:#fff;padding:18px 18px 15px;max-height: 90vh;overflow-y: auto;}
.kp-wrap .tit{padding:7px 0;border-bottom:1px solid #e2e7f4;position:relative;display:flex;align-items: center;}
.kp-wrap .tit .text{font-size:13px;color:#606789;}
.kp-wrap .tit .tag{display:inline-block;border-radius:20px;width:97px;height:22px;line-height:22px;text-align:center;font-size:14px;background-color:#da201e;margin-right:8px;color:#fff;}
.kp-wrap .tit .close-btn{display:block;position:absolute;right:0;top:0;}
.kp-wrap .cont{overflow-y:hidden;height:auto;font-size:16px;background:#fff;}
.kp-wrap .cont .txt-area{margin-top:20px;}
.kp-wrap .cont .txt-area .lin1{font-size:15px;color:#0b59f6;font-weight:700;}
.kp-wrap .cont .txt-area .lin2{font-size:38px;color:#001333;font-weight:900;padding-top:5px;}
.kp-wrap .cont .txt-area .lin2 .clr-blue{color:#0b59f6;font-weight:inherit;}
.kp-wrap .cont .txt-area .norm{font-size:15px;color:#6f7794;font-weight:500;padding-top:15px;}
.kp-wrap .lka-area{display:flex;margin-top:16px;gap:10px;}
.kp-wrap .lka-area .lk{flex:6 1 0;}
.kp-wrap .lka-area .lk > ul > li{display:flex;align-items: center;background-color:#f1f8fd;border-radius:6px;padding:12px 10px;}
.kp-wrap .lka-area .lk > ul > li + li{margin-top:6px;}
.kp-wrap .lka-area .lk .lef{margin-right:12px;}
.kp-wrap .lka-area .lk .lef > span{display:inline-block;width:60px;height:60px;background-color:#deecfc;background-repeat:no-repeat;background-position: center;border-radius:50%;}
.kp-wrap .lka-area .lk > ul > li:nth-child(1) .lef > span{background-image:url("/images/homepage/www/kr/popup/kq_dlist_icon1.jpg");}
.kp-wrap .lka-area .lk > ul > li:nth-child(2) .lef > span{background-image:url("/images/homepage/www/kr/popup/kq_dlist_icon2.jpg");}
.kp-wrap .lka-area .lk > ul > li:nth-child(3) .lef > span{background-image:url("/images/homepage/www/kr/popup/kq_dlist_icon3.jpg");}
.kp-wrap .lka-area .lk .rig{flex:4 1 0;border-left:1px solid #dae7f8;padding-left:12px;}
.kp-wrap .lka-area .lk .rig .nop{font-size:16px;color:#0a1e44;font-weight:900;padding-left:40px;position:relative;}
.kp-wrap .lka-area .lk .rig .nop .no{display:inline-block;width:30px;height:30px;line-height:32px;background-color:#015df4;border-radius:50%;text-align:center;font-size:16px;color:#fff;font-weight:700;position:absolute;left:0;top:-5px;}
.kp-wrap .lka-area .lk .rig .list-sty{margin-left:9px;margin-top:14px;}
.kp-wrap .lka-area .lk .rig .list-sty > li{position:relative;padding-left:20px;font-size:14px;color:#1c295c;}
.kp-wrap .lka-area .lk .rig .list-sty > li::before{content:'';position:absolute;top:4px;left:0;width:7px;height:7px;background:#0156f3;border-radius:50%;}
.kp-wrap .lka-area .lk .rig .list-sty > li + li{margin-top:7px;}
.kp-wrap .lka-area .lk .rig .norm-txt{font-size:14px;color:#1c295c;padding-top:9px;padding-left:7px;}
.kp-wrap .lka-area .ka{flex:4 1 0;background-color:#eff6fd;border-radius:6px;border:1px solid #e6f1fe;padding:17px 7px;}
.kp-wrap .lka-area .ka .top{}
.kp-wrap .lka-area .ka .top .text{padding-left:36px;position:relative;display:inline-block;font-size:20px;color:#0a1e44;font-weight:900;}
.kp-wrap .lka-area .ka .top .text::before{content:'';position:absolute;top:-2px;left:0;width:28px;height:28px;background:url("/images/homepage/www/kr/popup/kp_links_icon.png") no-repeat;}
.kp-wrap .lka-area .ka .norm-text{font-size:13px;color:#1c295c;padding-top:10px;}
.kp-wrap .lka-area .ka .links{margin-top:8px;}
.kp-wrap .lka-area .ka .links > li{position:relative;}
.kp-wrap .lka-area .ka .links > li::after{content:'';position:absolute;top:50%;transform:translateY(-50%);right:10px;width:18px;height:20px;background:url("/images/homepage/www/kr/popup/kp_share_icon.png") no-repeat;}
.kp-wrap .lka-area .ka .links > li + li{margin-top:5px;}
.kp-wrap .lka-area .ka .links > li > a{display:block;background-color:#fff;border:1px solid #ddeafb;border-radius:8px;padding:7px 27px 7px 13px;}
.kp-wrap .lka-area .ka .links .name{font-size:14px;color:#0939f7;font-weight:700;}
.kp-wrap .lka-area .ka .links .url{font-size:11px;color:#3f496b;padding-top:5px;}
.kp-wrap .bm-area{margin-top:11px;}
.kp-wrap .bm-area .bmt{text-align:center;}
.kp-wrap .bm-area .bmt .db-btn{display:inline-block;position:relative;background-color:#0056eb;border-radius:7px;text-align:center;width:170px;height:40px;line-height:40px;}
.kp-wrap .bm-area .bmt .db-btn .txt{font-size:13px;color:#fffefe;font-weight:500;position:relative;padding-left: 28px;}
.kp-wrap .bm-area .bmt .db-btn .txt::before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width:19px;height:21px;background:url("/images/homepage/www/kr/popup/kp_download_icon.png") no-repeat;}
.kp-wrap .bm-area .bmm{margin-top:6px;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.kp-wrap .bm-area .bmm .close-btn{font-size:13px;color:#081843;font-weight:700;text-align:center;width:105px;height:40px;line-height:40px;border-radius:7px;border:1px solid #d3dcf1;background-color:#f2f5fc;}
.kp-wrap .bm-area .bmt .lm-btn{display:inline-block;position:relative;background-color:#0056eb;border-radius:7px;text-align:center;width:170px;height:40px;line-height:40px;}
.kp-wrap .bm-area .bmt .lm-btn .txt{font-size:13px;color:#fffefe;font-weight:500;position:relative;padding-left: 28px;}
.kp-wrap .bm-area .bmt .lm-btn .txt::before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width:19px;height:21px;background:url("/images/homepage/www/kr/popup/kp_more_icon.png") no-repeat;}


@media screen and (max-width: 480px){
	.kp-wrap .cont .txt-area .lin2{font-size:32px;}
	.kp-wrap .lka-area{flex-direction: column;gap:12px;}
}

.kp-wrap .tit .close-btn{padding:0;line-height:1;}
.kp-wrap .lka-area .ka .links > li::after{pointer-events:none;}
.kp-wrap a:focus-visible,.kp-wrap button:focus-visible{outline:2px solid #0056eb;outline-offset:3px;}

.kp-wrap .todayc{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#081843;}
.kp-wrap .todayc input{width:16px;height:16px;margin:0;accent-color:#0056eb;cursor:pointer;}
.kp-wrap .todayc label{cursor:pointer;}
.kp-wrap .bm-area .bmm .close-btn{flex-shrink:0;}