.ft_wrap{background:
   linear-gradient(0deg, rgba(12, 30, 28, 0.9), rgb(0 93 80 / 90%)), url(../footer/images/ft_bg.png) center / cover no-repeat}
.info{padding-top:120px;}
.info .ctt{display:flex;justify-content:space-between;}
.info_left{width:40%;}
.info_right{width:52%;}
.info_left p{font-weight:600;line-height:1.7;}
.info_left p i{width: 5px;height: 5px;border-radius: 5px;background: #fff;display: inline-block;position: relative;top: -3px;margin-right: 10px;}
.info_left img{display:block;width:100%;border-radius:15px;}

.time{}
.time ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:7px 0;}
.time ul li{color:#fff;font-size:18px;display:flex;align-items:center;}
.time ul li span{width:90px;font-weight:500;display:flex;justify-content:space-between;margin-right:35px;}
.time ul li p{font-weight:bold;}
.time ul li img{width: 17px;margin-left: 6px;position: relative; top: -2px;}

.time_notice{display:flex;flex-direction:column;gap:4px 0}
.time_notice p{font-weight:500;color:#d2e9e6;}
.time_notice p span{margin-right:10px;font-weight:400}
.time_notice p:before{display:inline-block;content: "";width: 5px;height: 5px;border-radius: 6px;background:#d2e9e6;margin-right: 8px;position: relative;top: -2px;}
.num{}
.num h4{}
.num p{font-weight:700;-webkit-text-fill-color: #ffffff !important;}

.naver{}
.naver h4{}
.naver p{}
.naver ul{display:flex;gap:0 15px;}
.naver ul li{width:40%;}
.naver ul li a{gap:0 8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;border-radius:8px;padding:20px 0;background:rgba(0,0,0,0.3)}
.naver ul li a img{width:17px;}

.footer{padding:100px 0}
.footer .ctt{display:flex;justify-content:space-between;}

.ft_logo{width:20%;}
.ft_logo img{width:100%;}

.ft_info{width:75%;}

.privacy{}
.privacy ul{display:flex;gap:0 30px;}
.privacy ul li{cursor:pointer;font-weight:600;font-size:16px;color:#fff;}

.ft_info_list ul{display:flex;gap:0 20px;flex-wrap:wrap;opacity:0.8}
.ft_info_list ul li{display:flex;font-size:14px;letter-spacing:0;align-items:center;gap:0 8px;}
.ft_info_list ul li span{color:#fff}
.ft_info_list ul li p{color:#fff}

.copy{color:rgba(255,255,255,0.2);font-size:13px;font-weight:800}

/* 푸터 팝업 css */
html.hidden,
body.hidden{
    overflow:hidden;
}
.pop_bg{width:100%;height:100%;background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;z-index:9999}
.pop{border-radius:20px;overflow:hidden;z-index:999999999;width:50%;height:700px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:35px;padding-top:0; display: flex;
  flex-direction: column;}
.pop_scroll{overflow-y:scroll;flex: 1;}
.pop_ctt{margin-top:0px;}
.pop_ctt div{}
.pop_ctt h2{font-size:13px;margin-top:25px;}
.pop_ctt p{font-size:13px;word-break:keep-all;line-height:1.7em;color:#555;margin-top:15px;}
.pop_ctt img{width:100%;}
.pop_ctt table{}
.pop_ctt table td{padding:15px;}
.pop_ctt table p{margin-top:0;font-size:13px !Important;color:#666 !Important;}
.pop_ctt table p, .pop_ctt table span{font-size:13px !Important;color:#666 !Important;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !Important}
.pop_ctt table .pop_table_tit{background:#f8f8f8 !Important;}
.pop_ctt table .pop_table_tit span{font-size:13px !important;color:#000 !Important;font-weight:bold;}
.close{background:#fff;display:Flex;justify-content:space-between;position:sticky;top:0;padding:45px 0 25px 0;border-bottom:1px solid #e4e4e4;width:100%;}
.close b{font-size:18px;}
.close svg{width:15px;cursor:pointer;}
/* 푸터 팝업 css 끝 */


@media screen and (max-width:768px){
  .fixed{display:none;}
  .info{padding-top:60px}
  .info .ctt{flex-wrap:wrap}
  .info_left{width:100%}
  .info_right{width:100%;margin-top:25px;}
  .time ul {grid-template-columns: repeat(1, 1fr);}
  .time ul li{font-size:15px}
  .time ul li img {width: 14px;}
  .time_notice{margin-top:20px}
  .naver ul{flex-direction:column;gap:12px 0}
  .naver ul li{width:100%}
  .naver ul li a{font-size:14px}
  .num, .naver{margin-top:30px}
  
  .footer{padding: 60px 0 120px 0;}
  .footer .ctt{flex-wrap:wrap}
  .ft_logo{width:250px}
  .ft_info{width:100%;margin-top:30px}
  .privacy ul li{font-size:12px;}
  .ft_info_list{margin-top:20px}
  .ft_info_list ul{gap:6px 10px}
  .ft_info_list ul li{font-size:12px}
  .copy{font-size:11px;margin-top:20px}

  .pop{width:95%;padding:25px;height:500px;}
  .close{padding:20px 0;padding-top:0;}
  .close b{font-size:14px;}
}