.info{background:#003668;position:relative;overflow:hidden;}
.info .ctt{display:flex;justify-content:space-between;}
.info_box{border-right:1px solid rgba(255,255,255,0.2);padding:100px 50px}
.info_box1{width:40%}
.info_box2{border:0;width:60%;padding-right:0;}
.info_box a{display: block;width: fit-content;border: 1px solid #fff;font-size: 15px;font-weight: 600;color: #fff;border-radius: 100px;padding: 10px 100px; margin-top: 15px;}
.info_box a img{width:18px;}
.api{width:100% !important;height:280px !important;overflow:hidden !Important;z-index:0;}

.info_txt{background:#003668}
.info_group_wrap{display:flex;flex-wrap:wrap;}
.info_group_wrap3{display:flex}
.info_group_wrap3 .info_group{width:50%;}
.info_group{width:100%}
.ft_pk{background:#fff;border-radius:100px;padding:2px 12px;width:fit-content;font-weight:800}
.info_tit{display:flex;gap:0 8px;align-items:center;}
.info_tit img{height:17px}
.info_time{margin-top:20px;}
.info_time ul{display: flex;flex-wrap: wrap;}
.info_time ul li{width:50%;color:#fff;font-size:18px;display:flex;padding-bottom:12px;}
.info_time ul li:last-child{padding-bottom:0;}
.info_time ul li span{font-weight:bold;width:70px;}
.info_time ul li img{width:60px;margin-left: 8px;position: relative;top: -2px;}
.info_time ul li em{display:block;color:#a3f5ff;font-weight:bold;margin-top:5px;}
.info_time strong{font-weight:500;display:block;line-height:1.8}
.info_time strong i{width: 14px;height: 14px;background: #e4eff9;border-radius: 100px;text-align: center;display: inline-block;font-size: 12px;line-height: 14px;font-weight: 900;color: #003668;margin-right: 7px;}

.footer{padding:100px 0;background:#000}
.footer .ctt{display:flex;justify-content:space-between;}
.ft_logo{width:12%;}
.ft_logo img{width:100%;filter:invert(1) brightness(10);opacity:0.2}
.ft_info{width:80%;}

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

.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{z-index:999999999;width:500px;height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display: flex;
  flex-direction: column;border-radius: 10px;overflow: hidden;padding-top: 40px;}
.pop_scroll{background:#fff;overflow-y:scroll;flex: 1;padding:25px;}
.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{border-radius: 10px 10px 0 0;background:#000;color:#fff;display:Flex;justify-content:space-between;position:sticky;top:0;border-bottom:1px solid #e4e4e4;width:100%;padding: 20px;
justify-content: center;}
.close b{font-size:16px;}
.close div{position:absolute;font-size:15px;color:#fff;cursor:pointer;font-weight:bold;top:-40px;right:10px;display:flex;align-items:center;gap:0 8px}
.close svg{fill: #fff;color:#fff;width:15px;}
/* 푸터 팝업 css 끝 */

@media screen and (max-width:768px){
  .info{height:auto;}
  .info .ctt{flex-wrap:wrap;padding:30px 0}
  .api{border-radius:15px !important;overflow:hidden;position:relative !important;width:100% !important;height:300px !important}
  .info_box{padding:0;border:0;}
  .info_box1{width:100%}
  .info_box2{width:100%}
  .info_txt{width:100%;margin:0;padding:0;}
  .info_tit img{height:13px}
  .ft_num{font-size:30px}
  .info_group_wrap{padding:0 10px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,0.3);margin-top:25px;}
  .info_group_wrap:last-child{border:0;}
  .info_group.half{width:100%}
  
  .info_time{margin-top:15px;}
  .info_time ul li{font-size:15px;width:100%}
  .info_time ul li img{width:52px;}
  .info_time strong i {width: 12px;height: 12px;font-size: 9px;line-height: 12px;}
  .info_time ul li span{width:85px}
  
  .info_group_wrap3{flex-wrap:wrap}
  .info_group_wrap3 .info_group{width:100%}
  .info_group_wrap3 .info_group:last-child{margin-top:30px;}
  .info_group_wrap3 a{padding:5px 50px;font-size:14px;}
  .footer{padding: 60px 0;}
  .footer .ctt{flex-wrap:wrap}
  .ft_logo{width:110px}
  .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:90%;padding-top:40px;height:500px;}
  .close{padding:13px 0;}
  .close div{font-size:14px;top:-30px;}
  .close svg{width:12px;}
}