@charset "UTF-8";

.footer {position:absolute; bottom:0; z-index:1; width: 100%; background-color: #f5f5f5;}
.footer .foot_btm {}
.footer .foot_btm .ft_top_box { border-bottom: 1px solid #e0e0e0; padding: 16px 0;}
.footer .foot_btm .ft_top_box .container { display: flex; justify-content: space-between; align-items: center;}
.footer .foot_btm .ft_top_box .container .ft_left_box {}
.footer .foot_btm .ft_top_box .container .ft_left_box .ft_link {}
.footer .foot_btm .ft_top_box .container .ft_left_box .ft_link .list {font-size: 0;}
.footer .foot_btm .ft_top_box .container .ft_left_box .ft_link .list li {display: inline-block; position: relative; margin: 0 15px 0 0; padding: 0 15px 0 0;}
.footer .foot_btm .ft_top_box .container .ft_left_box .ft_link .list li:last-child {margin: 0; padding: 0;}
.footer .foot_btm .ft_top_box .container .ft_left_box .ft_link .list li:after {display: block; content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 15px; background-color: #e0e0e0;}
.footer .foot_btm .ft_top_box .container .ft_left_box .ft_link .list li:last-child:after {display: none;}
.footer .foot_btm .ft_top_box .container .ft_left_box .ft_link .list li a {display: block; font-weight: 400; font-size: 18px; line-height: 27px; color: #757575;}
/* .footer .foot_btm .ft_top_box .container .ft_left_box .ft_link .list li:first-child a {color: #f1692a;} */
.footer .foot_btm .ft_top_box .container .ft_left_box .ft_link .list li:first-child a {color: #f04c1b;} /* 20240618 수정 */
.footer .foot_btm .ft_top_box .container .ft_right_box { display: flex; justify-content: space-between; align-items: stretch;}
.footer .foot_btm .ft_top_box .container .ft_right_box .sns_list_area { margin: 0 16px 0 0;}
.footer .foot_btm .ft_top_box .container .ft_right_box .sns_list_area .list {font-size: 0;}
.footer .foot_btm .ft_top_box .container .ft_right_box .sns_list_area .list li {display: inline-block; margin: 0 8px 0 0;}
.footer .foot_btm .ft_top_box .container .ft_right_box .sns_list_area .list li:last-child {margin: 0;}
.footer .foot_btm .ft_top_box .container .ft_right_box .sns_list_area .list li a {display: block;}
.footer .foot_btm .ft_top_box .container .ft_right_box .site_box {}
.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box {position: relative; display: block;}
.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_btn {overflow: hidden; position: relative; width: 290px; height: 48px; border: 1px solid #e0e0e0; padding: 0 36px 0 25px; background-color: #f5f5f5; font-weight: 400; font-size: 16px; line-height: 48px; color: #757575; text-align: left; outline: none; border-radius: 30px;}
.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_btn.on {border-top: none; border-radius: 0 0 30px 30px;}
.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_btn:focus {border: 2px solid #000000;}
.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_btn .arr_btn {position: absolute; top: 50%; right: 25px; width: 12px; height: 6px; background-image: url('/new/images/footer/site_arrow.png'); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%) rotate(180deg); transition: 0.32s ease;}
.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_btn.on .arr_btn {transform: translateY(-50%) rotate(0deg);}
.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_link {display: none; position: absolute ; left: 0; bottom: 48px; width: 100%; max-height: 135px; border: 1px solid #e1e1e1; background-color: #f5f5f5; border-radius: 30px 30px 0 0; /* overflow-y: auto;*/}
.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_link > li {border-bottom: 1px solid #515462;}
.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_link > li:last-child {border-bottom: 0;}
.footer .foot_btm .ft_top_box .container .ft_right_box .site_box .baro_box .site_link > li > a {display: block; padding: 10px 25px; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; word-break: keep-all;}
.footer .foot_btm .ft_bot_box { padding: 35px 0;}
.footer .foot_btm .ft_bot_box .container { display: flex; justify-content: space-between; align-items: stretch;}
.footer .foot_btm .ft_bot_box .container .ft_info_area {}
.footer .foot_btm .ft_bot_box .container .ft_info_area > .list {}
/* .footer .foot_btm .ft_bot_box .container .ft_info_area > .list > li { margin: 0 0 10px 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #9e9e9e;} */
.footer .foot_btm .ft_bot_box .container .ft_info_area > .list > li { margin: 0 0 10px 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #808080;} /* 20240618 수정 */
.footer .foot_btm .ft_bot_box .container .ft_info_area > .list > li:last-child { margin: 0;}
.footer .foot_btm .ft_bot_box .container .ft_info_area > .list > li > .list2 { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.footer .foot_btm .ft_bot_box .container .ft_info_area > .list > li > .list2 > li { position: relative; margin: 0 10px 0 0; padding: 0 10px 0 0;}
.footer .foot_btm .ft_bot_box .container .ft_info_area > .list > li > .list2 > li::before { display: block; content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 13px; background-color: #e0e0e0;}
.footer .foot_btm .ft_bot_box .container .ft_info_area > .list > li > .list2 > li:last-child { margin: 0; padding: 0;}
.footer .foot_btm .ft_bot_box .container .ft_info_area > .list > li > .list2 > li:last-child::before { display: none;}
/* .footer .foot_btm .ft_bot_box .container .ft_info_area .copyright { margin: 10px 0 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #9e9e9e;} */
.footer .foot_btm .ft_bot_box .container .ft_info_area .copyright { margin: 10px 0 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #808080;} /* 20240618 수정 */
.footer .foot_btm .ft_bot_box .container .ft_logo_area {}
.footer .foot_btm .ft_bot_box .container .ft_logo_area .logo { display: block;}
.footer .foot_btm .ft_bot_box .container .ft_logo_area .logo img { mix-blend-mode: darken;}
.footer .user_guide_area { position: fixed; top: 50%; right: 30px; transform: translateY(-50%);}
.footer .user_guide_area .user_guide_inner { position: relative;}
.footer .user_guide_area .user_guide_inner .user_guide_box { display: block;}
.footer .user_guide_area .user_guide_inner .close_btn { position: absolute; top: 25%; right: 10%; width: 14px; height: 14px; background-image: url('/new/images/footer/guide_close_icon_img.png'); background-position: center; background-size: 100%; background-repeat: no-repeat;}