@charset "UTF-8";
.footer {font-size:1.125rem;color:#fff;background-color: #302e36;position:relative;z-index:1000}

.footer .ft_left_box {display:flex;justify-content:space-between;padding:55px 0 0 260px;background-image:url(/images/home/kor/user/footer/f_logo.png);background-position:left top 55px;background-repeat:no-repeat}
.footer .ft_left_box .txt_list_box {}
.footer .ft_left_box .txt_list_box .list {}
.footer .ft_left_box .txt_list_box .list li {display:inline-block;margin-bottom:3px;color:rgba(255,255,255,0.6);font-weight:200}
.footer .ft_left_box .txt_list_box .list li::after {display:inline-block;width:2px;height:16px;margin:0 5px 0 11px;content:"";background-color:rgba(255,255,255,0.35);vertical-align:middle;transform:translateY(-1px)}
.footer .ft_left_box .txt_list_box .list li:first-child {display:block}
.footer .ft_left_box .txt_list_box .list li:last-child {margin:0;padding-right:0}
.footer .ft_left_box .txt_list_box .list li:first-child::after, 
.footer .ft_left_box .txt_list_box .list li:last-child::after {display:none}
.footer .ft_left_box .txt_list_box .list li .ft_b {font-weight: 500;}
.footer .ft_right_box .sns_list_area {text-align: right;}
.footer .ft_right_box .sns_list_area .list {}
.footer .ft_right_box .sns_list_area .list li {display: inline-block; margin: 0 6px 0 0;}
.footer .ft_right_box .sns_list_area .list li:last-child {margin: 0;}
.footer .ft_right_box .sns_list_area .list li a {display: block;}

.footer .site_box {display: inline-block;vertical-align: middle;}
.footer .site_box .baro_box {position: relative; display: inline-block;}
.footer .site_box .baro_box .site_btn {overflow: hidden; position: relative; width: 280px; height: 60px; padding: 0 32px 0 20px; background-color: #fbffff; line-height: 50px; color:#212121; text-align: left; outline: none;border:1px solid #fff;border-radius:10px}
.footer .site_box .baro_box .site_btn:focus {border: 2px solid #fff;}
.footer .site_box .baro_box .site_btn.on {color:#fff;border-color:#316ee7;background-color:rgba(0,0,0,0.3)}
.footer .site_box .baro_box .site_btn .arr_btn {position: absolute; right: 23px; top: 50%; width: 8px; height: 6px; background-image: url('/images/home/kor/user/footer/site_arrow.png'); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%) rotate(0); transition: 0.32s ease;}
.footer .site_box .baro_box .site_btn.on .arr_btn {transform: translateY(-50%) rotate(180deg);}
.footer .site_box .baro_box .site_link {display: none; position: absolute ; left: 0; bottom: 65px; width: 100%; max-height: 215px; background-color: #316ee7;border-radius:8px; overflow-y: auto;}
.footer .site_box .baro_box .site_link > li {border-bottom: 1px solid rgba(255,255,255,0.5)}
.footer .site_box .baro_box .site_link > li:last-child {border-bottom: 0;}
.footer .site_box .baro_box .site_link > li > a {display: block; padding:13px 20px;font-size:1rem;color:rgba(255,255,255,0.8);word-break: keep-all;}
.footer .site_box .baro_box .site_link > li:hover > a, 
.footer .site_box .baro_box .site_link > li:focus > a {color:#fff;background-color:rgba(0,0,0,0.3)}

.footer .foot_btm {display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding:27px 0 60px 0;border-top:1px solid rgba(255,255,255,0.2)}
.footer .ft_link {}
.footer .ft_link .list {}
.footer .ft_link .list li {display:inline-block}
.footer .ft_link .list li::after {display:inline-block;width:1px;height:17px;margin:0 13px 0 20px;content:"";background-color:rgba(255,255,255,0.35);vertical-align:middle;transform:translateY(-1px)}
.footer .ft_link .list li:last-child::after {display:none}
.footer .ft_link .list li a {display: inline-block;color: #fff;font-weight:200}
.footer .ft_link .list li:first-child a {font-weight:500}
.footer .copy {color:#fff;font-weight:200}