.footer_top {padding:50px 0}
.footer_top .col {float:left; width:50%;}
.footer_top .left.en{width:42%;}
.footer_top .right.en{width:58%;}
.footer_top .footer_logo {display: inline-block; margin-bottom: 30px;}
.footer_info_wrap .info_txt {font-size: 13px; color:#999; line-height: 1.6em; margin-bottom: 15px;}
.footer_info_wrap .info_txt:last-child {margin-bottom:0}
.footer_info_wrap .info_txt a {color:#999}
.footer_top .right {padding-left: 15px}
.footer_menu:after {content:""; clear:both; display:table }
.footer_top .footer_menu>li {float:left; }
.footer_top .footer_menu>li:nth-child(1) {margin-right: 45px}
.footer_top .footer_menu>li:nth-child(2) {margin-right: 65px}
.footer_top .footer_menu>li:nth-child(3) {margin-right: 65px}
.footer_top .footer_menu>li:nth-child(4) {margin-right: 55px}
.footer_top .footer_menu>li>a {display: inline-block;  font-size: 15px;  margin-bottom: 20px;}
.footer_top .footer_menu li ul li {margin-bottom: 10px}
.footer_top .footer_menu li ul li a {font-size: 14px;  color: #999;  display: inline-block;-webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;}
.footer_top .footer_menu li ul li a:hover {color:#222}
#ft_wr {padding: 30px 0;   border-top: 1px solid #ddd; position: relative;}
#ft_wr .copyright{float:left; display:inline-block}
#ft_wr .copyright p {font-size: 14px;  color: #999;}

.footer_family_site{float:right; position:absolute; right:0; bottom:-17px}

.footer_top .footer_link_box {display: flex; gap: 5px;}
.footer_top .footer_link_box .cyber_link {position: relative;}
.footer_top .footer_link_box .cyber_link a {display: inline-flex;    width: 115px;    height: 41px;    justify-content: center;    align-items: center;    background: #231f20;    color: #fff; font-size: 13px;}
.footer_top .footer_link_box .cyber_link p {position: absolute;   top: 48px;   left: 0;   white-space: nowrap;  color: #999;}
.footer_top .footer_link_box .report_link a {display: inline-flex;    width: 160px;    height: 41px;    justify-content: center;    align-items: center;    background: #231f20;    color: #fff; font-size: 13px;}

.footer_top .left.ko{width:45%;}
.footer_top .right.ko{width:55%;}
.footer_top.ko .footer_menu>li:nth-child(2) {margin-right: 55px}
.footer_top.ko .footer_menu>li:nth-child(5) {margin-right: 55px}

.footer_top.en .footer_menu>li:nth-child(2) {margin-right: 40px}

/* Dropup Button */
.dropbtn {
  color: #999;
  padding: 15px 0;
  font-size: 14px;
  border: none;
  width:220px;
  text-align:left;
  background:transparent;
  position:relative;
}
.dropbtn:after{content:'▲'; font-size:9px; position:absolute; right:0; top:50%; transform:translateY(-50%)}

/* The container <div> - needed to position the dropup content */
.dropup {
  position: relative;
  display: inline-block;
}

/* Dropup content (Hidden by Default) */
.dropup-content {
  display: none;
  position: absolute;
  bottom: 46px;
  background-color: #f1f1f1;
  min-width: 220px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropup */
.dropup-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropup links on hover */
.dropup-content a:hover {background-color: #ddd}

/* Show the dropup menu on hover */
.dropup:hover .dropup-content {
  display: block;
}

/*top button*/
#top_btn{border-radius:50px; width:59px; height:59px; background:#191b1d; color:#fff; border:none; font-weight:bold; bottom:100px; right:30px}
#top_btn:hover{background:#019fe8}


/* Media Query */
@media (max-width:1280px){
.footer_top{padding:4vw 0}
.footer_top .right{padding-left:1vw}
.footer_top .footer_logo{margin-bottom:2.5vw; width:8vw}
.footer_info_wrap .info_txt{font-size:1.1vw}
.footer_top .left{width:40%}
.footer_top .right{width:60%}
.footer_top .footer_menu>li>a{font-size:1.2vw}
.footer_top .footer_menu li ul li{margin-bottom:1.2vw}
.footer_top .footer_menu li ul li a{font-size:1.2vw}
.footer_top .footer_menu>li:nth-child(1){margin-right:3vw}
.footer_top .footer_menu>li:nth-child(2){margin-right:2.5vw !important}
.footer_top .footer_menu>li:nth-child(3){margin-right:3vw}
.footer_top .footer_menu>li:nth-child(3){margin-right:3vw}

.footer_top.ko .footer_menu>li:nth-child(5) {   margin-right: 2.5vw;}

#ft_wr{padding:1.6vw 0}
#ft_wr .copyright p{font-size:1.2vw}

.footer_family_site{bottom:-1vw}
.dropbtn{padding:1.2vw 0; font-size:1.2vw}
.dropbtn:after{font-size:1vw}

.footer_top .footer_link_box .cyber_link a {width: 8.984375vw;  height: 2.9vw; font-size: 1.015625vw;}
.footer_top .footer_link_box .report_link a {width: 12.5vw; height: 2.9vw; font-size: 1.015625vw;}
.footer_top .footer_link_box .cyber_link p { font-size: 11px; top: 3.75vw;}
}

@media (max-width:767px){
.footer_top .left{width:100% !important; float:none}
.footer_top .right{width:100% !important; float:none}
.footer_top .footer_logo{width:16vw; margin-bottom:4.5vw}
.footer_info_wrap .info_txt{font-size:2.5vw; margin-bottom:1.5vw}
.footer_info_wrap .info_txt .bar{display:block; font-size:0; height:0}
.footer_menu{margin-top:5vw; display:flex; flex-wrap:wrap; padding-right:10vw}
.footer_top .footer_menu>li>a{font-size:2.2vw}
.footer_top .footer_menu li ul li a{font-size:2.2vw}
.footer_top .footer_menu>li:nth-child(1){margin-right:13vw}
.footer_top .footer_menu>li:nth-child(2){margin-right:13vw}
.footer_top .footer_menu>li:nth-child(3){margin-right:0}
.footer_top .footer_menu>li:nth-child(4){margin-right:10vw; margin-top:6vw}
.footer_top .footer_menu>li:nth-child(5){margin-top:6vw}

.footer_top.ko .footer_menu {row-gap:10vw}
.footer_top.ko .footer_menu>li {width: 30%;  margin: 0 !IMPORTANT;}

.footer_top .left.en{width:100%;}
.footer_top .right.en{width:100%;}

#ft_wr{padding:4.6vw 0}
#ft_wr .copyright{display:block; float:none}
#ft_wr .copyright p{font-size:2.2vw}
.footer_family_site{position:static; float:none; margin-top:4vw}
.dropbtn{padding:3.2vw 0; font-size:3.2vw}

#top_btn{width:49px; height:49px; bottom:60px; right:20px}
.dropbtn{font-size:2.2vw}

.footer_top .footer_link_box .cyber_link a {   width: 18vw;   height: 5.6vw;    font-size: 2.2vw;    }
.footer_top .footer_link_box .report_link a {  width: 24vw;   height: 5.6vw;   font-size: 2vw; }
.footer_top .footer_link_box .cyber_link p {    font-size: 2.2vw;     top: 7vw; }


}

@media (max-width:480px){
.footer_info_wrap .info_txt{font-size:3vw}
.footer_top .footer_menu>li>a{font-size:3.2vw}
.footer_top .footer_menu li ul li a{font-size:3.2vw}
#ft_wr .copyright p{font-size:3.2vw}
.dropbtn{font-size:3.2vw}
}

@media (max-width:320px){
.footer_menu{padding-right:14vw}
}