@charset "UTF-8";
.footer {background-color: #161616;position:relative;z-index:100}

.footer .site_list_area {display: flex;justify-content: space-between;align-items:center;height:75px;background-color:#fff;border-top: 1px solid #d5dbdb}
.footer .site_list_area .container { display: flex; justify-content: space-between; align-items: center;}
.footer .site_list_area .site_left_box {}
.footer .site_list_area .site_left_box .btn_list_area {}.footer .foot_btm .ft_left_box .txt_list_box .copy
.footer .site_list_area .site_left_box .btn_list_area .list { font-size: 0;}
.footer .site_list_area .site_left_box .btn_list_area  li { display: inline-block; vertical-align: middle;}
.footer .site_list_area .site_left_box .btn_list_area  li:last-child { margin: 0;}
.footer .site_list_area .site_left_box .btn_list_area .btn { display: block; position: relative; width: 34px; height: 34px;background-position: center; background-repeat: no-repeat}
.footer .site_list_area .site_left_box .btn_list_area .btn.prev { background-image: url('/images/home/kor/user/footer/f_banner_arrow.png');transform:rotate(180deg)}
.footer .site_list_area .site_left_box .btn_list_area .btn.next { background-image: url('/images/home/kor/user/footer/f_banner_arrow.png');}
.footer .site_list_area .site_left_box .btn_list_area .btn.stop { background-image: url('/images/home/kor/user/footer/f_banner_stop.png');}
.footer .site_list_area .site_left_box .btn_list_area .btn.play { display: none; background-image: url('/images/home/kor/user/footer/f_banner_play.png');}
.footer .site_list_area .site_right_box { width: calc(100% - 113px); padding: 0 0 0 47px;}
.footer .site_list_area .site_right_box .site_item_slide_area {}
.footer .site_list_area .site_right_box .slick-track {display:flex;align-items:center}
.footer .site_list_area .site_right_box .list {}
.footer .site_list_area .site_right_box .list .slick-list {}
.footer .site_list_area .site_right_box .list .slick-list li {margin-right:72px}
.footer .site_list_area .site_right_box .list .slick-list li .box { display: block;}
.footer .site_list_area .site_right_box .list .slick-list li .box .inner { display: flex; justify-content: center; align-items: center; flex-direction: column;/* height: 30px;*/}
.footer .site_list_area .site_right_box .list .slick-list li .box .inner img {}

.footer .foot_btm {padding-bottom:17px}
.footer .foot_btm .container {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;align-items:center}
.footer .foot_btm .ft_link {padding:8px 0;/*border-bottom:1px solid rgba(255,255,255,0.1);*/background-color:#383838}
.footer .foot_btm .ft_link .list {}
.footer .foot_btm .ft_link .list li {display:inline-block;margin-right:30px}
.footer .foot_btm .ft_link .list li:last-child {margin-right:0}
.footer .foot_btm .ft_link .list li a {display: block;color: #fff;transition:0.3s}
.footer .foot_btm .ft_link .list li:first-child a {color:#ff6060;font-weight:500}
.footer .foot_btm .ft_link .list li a:hover, 
.footer .foot_btm .ft_link .list li a:focus {color:#edbf1c}

.footer .foot_btm .ft_left_box {padding-top:27px}
.footer .foot_btm .ft_left_box .txt_list_box {}
.footer .foot_btm .ft_left_box .txt_list_box .list {display:flex;flex-wrap:wrap;}
.footer .foot_btm .ft_left_box .txt_list_box .list .dl {display:inline-flex;flex-wrap:nowrap;gap:10px;width:50%;margin-bottom:3px;color: #fff;font-weight:300;opacity:0.6}
.footer .foot_btm .ft_left_box .txt_list_box .list .dl:last-child {margin-bottom:0}
.footer .foot_btm .ft_left_box .txt_list_box .list .dl .dt {color:#edbf1c;font-weight:600}
.footer .foot_btm .ft_left_box .txt_list_box .list .dl .dd {}
.footer .foot_btm .ft_left_box .txt_list_box .list .dl .dd .txt {}
.footer .foot_btm .ft_left_box .txt_list_box .list .dl.sty2 {display:flex;width:100%}
.footer .foot_btm .ft_left_box .txt_list_box .list .dl.sty2 .dd {}
.footer .foot_btm .ft_left_box .txt_list_box .list .dl.sty2 .dd::after {display:inline-block;content:"/";margin-left:8px;vertical-align:middle}
.footer .foot_btm .ft_left_box .txt_list_box .list .dl.sty2 .dd:last-child::after {display:none}
.footer .foot_btm .ft_left_box .txt_list_box .copy {margin-top:10px;text-align:right;color:#fff;letter-spacing:0;font-weight:200;opacity:0.25/*;position:absolute;right:0;bottom:0*/}

.footer .foot_btm .site_box {display: inline-block;vertical-align: middle;}
.footer .foot_btm .site_box .baro_box {position: relative; display: inline-block;}
.footer .foot_btm .site_box .baro_box .site_btn {overflow: hidden; position: relative; width: 246px; height: 45px; padding: 0 32px 0 20px; background-color: transparent; line-height: 45px;font-weight:300; color:#fff; text-align: left; outline: none;border:1px solid rgba(255,255,255,0.2);border-radius:5px}
.footer .foot_btm .site_box .baro_box .site_btn:focus {border: 2px solid #fff;}
.footer .foot_btm .site_box .baro_box .site_btn.on {border-color:#edbf1c;background-color:rgba(0,0,0,0.3)}

.footer .foot_btm .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 .foot_btm .site_box .baro_box .site_btn.on .arr_btn {transform: translateY(-50%) rotate(180deg);}
.footer .foot_btm .site_box .baro_box .site_link {display: none; position: absolute ; left: 0; bottom: 50px; width: 100%; max-height: 180px; background-color: #212121; overflow-y: auto;border-radius:10px}
.footer .foot_btm .site_box .baro_box .site_link > li {border-bottom: 1px solid rgba(255,255,255,0.5)}
.footer .foot_btm .site_box .baro_box .site_link > li:last-child {border-bottom: 0;}
.footer .foot_btm .site_box .baro_box .site_link > li > a {display: block; padding:10px;color:rgba(255,255,255,0.8);word-break: keep-all;}
.footer .foot_btm .site_box .baro_box .site_link > li:hover > a, 
.footer .foot_btm .site_box .baro_box .site_link > li:focus > a {color:#edbf1c;background-color:rgba(0,0,0,0.5)}

.footer .foot_btm .ft_right_box .sns_list_area {text-align: right;}
.footer .foot_btm .ft_right_box .sns_list_area .list {}
.footer .foot_btm .ft_right_box .sns_list_area .list li {display: inline-block; margin: 0 6px 0 0;}
.footer .foot_btm .ft_right_box .sns_list_area .list li:last-child {margin: 0;}
.footer .foot_btm .ft_right_box .sns_list_area .list li a {display: block;}