@charset "UTF-8";

/* 푸터 */
.footer {position:absolute; bottom:0; width: 100%; z-index:1;}
.footer .foot_top {margin: 0 0 49px;}
.footer .foot_top .container {}
.footer .foot_top .container .inner_box {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center;}
.footer .foot_top .container .inner_box .ft_logo {}
.footer .foot_top .container .inner_box .ft_logo img {}
.footer .foot_top .container .inner_box .ft_logo .g_f_logo {display: none;}
.gray .footer .foot_top .container .inner_box .ft_logo img {display: none;}
.gray .footer .foot_top .container .inner_box .ft_logo .g_f_logo {display: block;}
.footer .foot_top .container .inner_box .ft_menu_list_area {}
.footer .foot_top .container .inner_box .ft_menu_list_area .list {font-size: 0;}
.footer .foot_top .container .inner_box .ft_menu_list_area .list li {display: inline-block; margin: 0 9px 0 0;}
.footer .foot_top .container .inner_box .ft_menu_list_area .list li:last-child {margin: 0;}
.footer .foot_top .container .inner_box .ft_menu_list_area .list li .box {display: block; border: 1px solid #e5e5e5; padding: 0 28px 0 40px; background-color: #ffffff; font-size: 0; border-radius: 30px;}
.footer .foot_top .container .inner_box .ft_menu_list_area .list li .box:hover,
.footer .foot_top .container .inner_box .ft_menu_list_area .list li .box:focus {border: 1px solid #03a05a; background-color: #03a05a;}
.footer .foot_top .container .inner_box .ft_menu_list_area .list li .box .text {display: inline-block; padding: 0 21px 0 0; background-image: url('/images/home/kor/user/footer/ft_link_icon.png'); background-position: right center; background-repeat: no-repeat; font-weight: 700; font-size: 18px; line-height: 60px; color: #212121;}
.footer .foot_top .container .inner_box .ft_menu_list_area .list li .box:hover .text,
.footer .foot_top .container .inner_box .ft_menu_list_area .list li .box:focus .text {background-image: url('/images/home/kor/user/footer/ft_link_icon_on.png'); color: #ffffff;}
.footer .foot_btm {background-color: #f7f8f9; padding: 47px 0 50px;}
.gray .footer .foot_btm { border-top: 1px solid #f7f8f9; background-color: #121212;}
.footer .foot_btm .container {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;}
.footer .foot_btm .container .ft_left_box {padding: 0 10px 0 0;}
.footer .foot_btm .container .ft_left_box .ft_link {margin: 0 0 15px;}
.footer .foot_btm .container .ft_left_box .ft_link .list {display: flex; align-items: stretch; flex-wrap: wrap;}
.footer .foot_btm .container .ft_left_box .ft_link .list li {position: relative; margin: 0 25px 0 0; padding: 0 30px 0 0;}
.footer .foot_btm .container .ft_left_box .ft_link .list li:last-child {margin: 0; padding: 0;}
.footer .foot_btm .container .ft_left_box .ft_link .list li:before {display: block; content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 5px; height: 5px; background-color: #cccccc; border-radius: 50%;}
.footer .foot_btm .container .ft_left_box .ft_link .list li:last-child:before {display: none;}
.footer .foot_btm .container .ft_left_box .ft_link .list li a {display: block; font-weight: 400; font-size: 18px; line-height: 27px; color: #000000;}
.gray .footer .foot_btm .container .ft_left_box .ft_link .list li a { color: #ffffff;}
.footer .foot_btm .container .ft_left_box .ft_link .list li:first-child a {font-weight: 700; color: #03a05a;}
.footer .foot_btm .container .ft_left_box .txt_list_box {}
.footer .foot_btm .container .ft_left_box .txt_list_box .list {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.footer .foot_btm .container .ft_left_box .txt_list_box .list li {margin: 0 30px 0 0; font-weight: 400; font-size: 17px; line-height: 26px; color: #464646;}
.gray .footer .foot_btm .container .ft_left_box .txt_list_box .list li { color: #ffffff;}
.footer .foot_btm .container .ft_left_box .txt_list_box .list li:last-child {margin: 0;}
.footer .foot_btm .container .ft_left_box .txt_list_box .text {margin: 5px 0 0 0; font-weight: 400; font-size: 17px; line-height: 26px; color: #464646;}
.gray .footer .foot_btm .container .ft_left_box .txt_list_box .text { color: #ffffff;}
.footer .foot_btm .ft_right_box .site_box {display: inline-block; vertical-align: middle;}
.footer .foot_btm .ft_right_box .site_box .baro_box {position: relative; display: block;}
.footer .foot_btm .ft_right_box .site_box .baro_box .site_btn {overflow: hidden; position: relative; width: 300px; height: 60px; padding: 0 38px; background-color: #ffffff; border: 1px solid #d7d7d7; font-weight: 400; font-size: 16px; line-height: 58px; color: #212121; text-align: left; outline: none; border-radius: 30px;}
.gray .footer .foot_btm .ft_right_box .site_box .baro_box .site_btn { background-color: #121212; color: #ffffff;}
.footer .foot_btm .ft_right_box .site_box .baro_box .site_btn.on { border-radius: 0 0 30px 30px;}
.footer .foot_btm .ft_right_box .site_box .baro_box .site_btn:focus {border: 2px solid #000000;}
.gray .footer .foot_btm .ft_right_box .site_box .baro_box .site_btn:focus {border: 2px solid #ffffff;}
.footer .foot_btm .ft_right_box .site_box .baro_box .site_btn .arr_btn {position: absolute; right: 38px; top: 50%; width: 12px; height: 7px; 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;}
.gray .footer .foot_btm .ft_right_box .site_box .baro_box .site_btn .arr_btn { background-image: url('/images/home/kor/user/footer/site_arrow2.png');}
.footer .foot_btm .ft_right_box .site_box .baro_box .site_btn.on .arr_btn {transform: translateY(-50%) rotate(180deg);}
.footer .foot_btm .ft_right_box .site_box .baro_box .site_link {display: none; position: absolute ; left: 0; bottom: 60px; width: 100%; max-height: 135px; border: 1px solid #d7d7d7; background-color: #ffffff; overflow-y: auto; border-radius: 30px 30px 0 0;}
.gray .footer .foot_btm .ft_right_box .site_box .baro_box .site_link { background-color: #121212;}
.footer .foot_btm .ft_right_box .site_box .baro_box .site_link > li {border-bottom: 1px solid #000000;}
.gray .footer .foot_btm .ft_right_box .site_box .baro_box .site_link > li{border-bottom: 1px solid #ffffff;}
.footer .foot_btm .ft_right_box .site_box .baro_box .site_link > li:last-child {border-bottom: 0;}
.footer .foot_btm .ft_right_box .site_box .baro_box .site_link > li > a {display: block; padding: 10px 38px; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; word-break: keep-all;}
.footer .foot_btm .ft_right_box .site_box .baro_box .site_link > li > a:focus, 
.footer .foot_btm .ft_right_box .site_box .baro_box .site_link > li > a:hover {color:#fff;font-weight:600;background-color:#03a05a}
.footer .foot_btm .ft_right_box .site_box .baro_box .site_link > li > a:focus::after, 
.footer .foot_btm .ft_right_box .site_box .baro_box .site_link > li > a:hover::after {display:none}
.gray .footer .foot_btm .ft_right_box .site_box .baro_box .site_link > li > a { color: #ffffff;}
.footer .chatbot_area { position: fixed; bottom: 110px; right: 100px; z-index: 1;}
.footer .chatbot_area .chatbot_btn { display: block; width: 100px; height: 100px; border: 1px solid #b4d7ff; background-color: #e5f1ff; background-image: url('/images/home/kor/user/footer/chatbot_icon.png'); background-position: center; background-repeat: no-repeat; border-radius: 50%; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.24);}

.footer .foot_btm .container .ft_right_box .logo_box {display: inline-block; margin: 0 15px 0 0; font-size: 0; vertical-align: middle;}
.footer .foot_btm .container .ft_right_box .logo_box .img_inner {display: inline-block; width: 80px;}
.footer .foot_btm .container .ft_right_box .logo_box .img_inner img {}
/* 푸터 end */