@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&family=Work+Sans:wght@400;600;700&display=swap');

@font-face {src : url("../fonts/KTfontBold.ttf");font-family: "KTfontBold"}
@font-face {src : url("../fonts/KTfontMedium.ttf");font-family: "KTfontMedium"}

*{margin: 0;padding: 0;box-sizing: border-box;}
html,body{position: relative;height: 100%;}

.popup{width: 280px;height: 180px;background-color: #fff;box-shadow: rgba(99, 99, 99, 0.2) 1px 2px 8px 1px;margin: 30px auto;display: none;}
.popup-long{width: 280px;height: 380px;}
/*.btn{width: 250px;height: 30px;border-radius: 5px;margin: 20px auto;text-align: center;}*/
/*button{width: 250px;height: 30px;background-color: #5DDFDE;font-size: 14px;font-family: "KTfontBold";color: #fff;letter-spacing: 5px;border-radius: 5px;cursor: pointer;}*/
.pop-top{width: 95%;height: 26px;font-family: "KTfontMedium";margin: 0 auto;border-bottom: 1px solid #5DDFDE;padding-top: 5px;}
.pop-top>p{float: left;}
.pop-top>ul{display: flex;justify-content: space-between;width: 15px;height: 10px;float: right;padding-top: 2px;}
.pop-top>ul>li{width: 15px;height: 10px;}
.pop-top>ul>li>input[type=image]{width: 10px;height: 10px;display: block;margin-left: 5px;cursor: pointer;}
.pop-section{width: 250px;height: 100px;margin: 20px auto 0;}
.pop-section>ul{font-family: "KTfontMedium";}
.popup>.popup-wrap>.pop-section>ul{display: flex;justify-content: space-between;width: 250px;}
.popup>.popup-wrap>.pop-section>ul>li{width: auto;height: 60px;line-height: 22px;font-size: 14px;text-align: center;}
.popup>.popup-wrap>.pop-section>ul>li:last-child{width: 180px;}
.popup>.popup-wrap>.pop-section>ul>li>img{width: 50px;height: 50px;display: block;margin-top: 5px;}

/* 단말 용량 확인 방법 */
.popup-model{height: 380px;}
.pop-top>p>img{width: 15px;height: 15px;display: block;cursor: pointer;float: left;margin-right: 5px;margin-top: 2px;}
.pop-top>ul>li>img{width: 10px;height: 10px;display: block;margin-left: 5px;cursor: pointer;}
.popup-model>.popup-wrap>.pop-section>div>button{width: 100%;height: 30px;background-color: #5DDFDE;font-size: 14px;font-family: "KTfontBold";color: #fff;letter-spacing: 5px;border-radius: 5px;cursor: pointer;margin: 40px auto 0;}

/* 개인정보 수집 및 이용약관 동의 */
.personal-popup{height: 390px;}
.personal-popup>.popup-wrap>.pop-section{width: 95%;height: 100px;margin: 20px auto 0;}
.personal-popup>.popup-wrap>.pop-section>.pop-textbox{overflow: scroll;overflow-x:hidden;height: 260px;font-family: "KTfontMedium";line-height: 25px;}
.personal-popup>.popup-wrap>.pop-section>.pop-textbox>p{color: #444;}
.personal-popup>.popup-wrap>.pop-section>div>button{width: 100%;height: 30px;background-color: #5DDFDE;font-size: 14px;font-family: "KTfontBold";color: #fff;letter-spacing: 5px;border-radius: 5px;cursor: pointer;margin: 40px auto 0;}
.bold{font-family: "KTfontBold";color: #222;font-weight: bold;}
.personal-popup>.popup-wrap>.pop-top{width: 95%;height: 28px;font-family: "KTfontMedium";margin: 0 auto;border-bottom: 1px solid #5DDFDE;padding-top: 7px;}
.pop-textbox .red{color: #ED1B23;}

/* popup1 */
.popup1{height: 200px;}
.popup1>.popup-wrap>.pop-section>ul>li{text-align: center;width: auto;height: 30px;}
.popup1>.popup-wrap>.pop-section>ul>li>p{font-family: "KTfontBold";font-size: 14px;color: #5DDFDE;}
.popup1>.popup-wrap>.pop-section>ul>li>input{width: 250px;height: 30px;border-radius: 5px;border: 1px solid #5DDFDE;color: #666;padding-left: 5px;}
.popup1>.popup-wrap>.pop-section>ul>li>input:focus {outline: 1px solid #5DDFDE;}
.popup1>.popup-wrap>.pop-section>ul>li>input[type=submit]{width: 250px;height: 30px;background-color: #5DDFDE;font-size: 14px;font-family: "KTfontBold";color: #fff;letter-spacing: 5px;border-radius: 5px;cursor: pointer;margin: 40px auto 0;}

/* MSG img */
.popup2{height: 200px;}
.popup2>.popup-wrap>.pop-section>ul{display: flex;justify-content: space-between;width: 250px;}
.popup2>.popup-wrap>.pop-section>ul>li{width: auto;height: 60px;line-height: 22px;font-size: 12px;text-align: center;}
.popup2>.popup-wrap>.pop-section>ul>li:last-child{width: 180px;}
.popup2>.popup-wrap>.pop-section>ul>li>img{width: 50px;height: 50px;display: block;margin-top: 5px;}
.popup2>.popup-wrap>.pop-section>ul>li>p{text-align: center;color: #ED1B23;font-family: "KTfontBold"}
.popup2>.popup-wrap>.pop-section>div>.btn-popup{width: 250px;height: 30px;border-radius: 5px;margin: 40px auto 0;text-align: center;}
.popup2>.popup-wrap>.pop-section>div>button{width: 250px;height: 30px;background-color: #5DDFDE;font-size: 14px;font-family: "KTfontBold";color: #fff;letter-spacing: 5px;border-radius: 5px;cursor: pointer;margin: 40px auto 0;}
/* Terms */
.popup3{height: 380px;}
.popup3>.popup-wrap>.pop-section{width: 95%;height: 330px;margin: 20px auto 0;}
.pop-textbox{overflow: scroll;overflow-x:hidden;height: 250px;font-family: "KTfontMedium";line-height: 25px;}
.pop-textbox>p{color: #444;}
.popup3>.popup-wrap>.pop-top{width: 95%;height: 28px;font-family: "KTfontMedium";margin: 0 auto;border-bottom: 1px solid #5DDFDE;padding-top: 7px;}
.popup3>.popup-wrap>.pop-section>div>button{width: 100%;height: 30px;background-color: #5DDFDE;font-size: 14px;font-family: "KTfontBold";color: #fff;letter-spacing: 5px;border-radius: 5px;cursor: pointer;margin: 40px auto 0;}

/* MSG2 text */
.popup4>.popup-wrap>.pop-section{width: 250px;height: 140px;margin: 20px auto 0;}
.popup4>.popup-wrap>.pop-section>ul{width: 250px;}
.popup4>.popup-wrap>.pop-section>ul>li{width: auto;height: 50px;line-height: 22px;font-size: 14px;text-align: center;}
.popup4>.popup-wrap>.pop-section>div>button{width: 100%;height: 30px;background-color: #5DDFDE;font-size: 14px;font-family: "KTfontBold";color: #fff;letter-spacing: 5px;border-radius: 5px;cursor: pointer;margin: 40px auto 0;}
.popup4>.popup-wrap>.pop-section>div>input[type=submit]{width: 100%;height: 30px;background-color: #5DDFDE;font-size: 14px;font-family: "KTfontBold";color: #fff;letter-spacing: 5px;border-radius: 5px;cursor: pointer;margin: 40px auto 0;border: none;}

/* ppt6 */
.popup5>.popup-wrap>.pop-section>ul>li{line-height: 18px;}

/* ppt28 */
.popup-ppt28{position: absolute;top: 20%;left: 50%;transform: translate(-50%,-50%);}
.popup>.popup-wrap>.pop-section>ul>.ppt28{width: auto;height: 60px;line-height: 28px;font-size: 14px;text-align: center;}

@media screen and (max-width: 600px) {
    .popup-ppt9{margin-left: 10px;}
}
@media screen and (max-width: 499px) {
    .all-popup>.popup1{position: absolute;top: 80%;left: 50%;transform: translate(-50%,-50%);margin: 0 auto;}
    .all-popup>.popup-m{position: absolute;top: 100%;left: 50%;transform: translate(-50%,-50%);margin: 0 auto;}
    .all-popup>.popup3{position: absolute;top: 120%;left: 50%;transform: translate(-50%,-50%);margin: 0 auto;}
}
@media screen and (max-width: 360px) {
    .all-popup>.popup1{top: 90%;}
    .all-popup>.popup-m{top: 115%;}
    .all-popup>.popup3{top: 140%;}
}
@media screen and (max-width: 280px) {
    .all-popup>.popup1{top: 100%;}
    .all-popup>.popup-m{top: 130%;}
    .all-popup>.popup3{top: 160%;}
}