@charset "UTF-8";

/* ============================= FOOTER STYLE1 ============================= */
.footer3 {position:absolute; bottom:0; z-index:1; width: 100%; border-top: 1px solid #ebebeb; background-color: #f5f5f5;}

/* ============================= FOOTER STYLE3 ============================= */
.footer3 .ft_top {border-bottom: 1px solid #e0e0e0; padding: 26px 0;}
.footer3 .ft_top .box {position: relative; display: flex; justify-content: space-between; align-items: center;}
.footer3 .ft_top .box .ft_list {}
.footer3 .ft_top .box .ft_list > .list {font-size: 0;}
.footer3 .ft_top .box .ft_list > .list > li {display: inline-block; position: relative; margin: 0 0 0 20px; padding: 0 0 0 20px;}
.footer3 .ft_top .box .ft_list > .list > li:before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 12px; background-color: #ccc;}
.footer3 .ft_top .box .ft_list > .list > li:first-child {margin: 0; padding: 0;}
.footer3 .ft_top .box .ft_list > .list > li:first-child:before {display: none;}
.footer3 .ft_top .box .ft_list > .list > li > a {display: block; font-weight: 500; font-size: 18px; line-height: 27px; color: #757575;}
.footer3 .ft_top .box .ft_list > .list > li > a > .fw {display: inline-block; color: #ba554e;}


.footer3 .ft_btm {padding: 35px 0; font-size: 0;}
.footer3 .ft_btm .box {position: relative; padding: 15px 0; font-size: 0; vertical-align: top;}
.footer3 .ft_btm .box .txt_box {}
.footer3 .ft_btm .box .txt_box .list {}
.footer3 .ft_btm .box .txt_box .list li {font-weight: 400; font-size: 15px; line-height: 25px; color: #919191; word-break: keep-all;}
.footer3 .ft_btm .box .copy_box {margin: 7px 0 0;}
.footer3 .ft_btm .box .copy_box p {font-weight:400; font-size: 15px; line-height: 25px; color: #919191; }
.footer3 .ft_btm .box .web_mark_link {display: block; position: absolute; top: 0; right: 0; width: 118px;}
.footer3 .ft_btm .box .web_mark_link img {}
.footer3 .ft_top .box .fb_right {font-size: 0;}
.footer3 .ft_top .box .fb_right .sns_list_container {display: inline-block; vertical-align: middle;}
.footer3 .ft_top .box .fb_right .sns_list_container .item_list {display: inline-block; font-size: 0; vertical-align: middle;}
.footer3 .ft_top .box .fb_right .sns_list_container .item_list li {display: inline-block; margin: 0 0 0 8px;}
.footer3 .ft_top .box .fb_right .sns_list_container .item_list li:first-child {margin: 0;}
.footer3 .ft_top .box .fb_right .sns_list_container .item_list li a {display: inline-block; width: 48px; height: 48px; background-color: rgba(95, 99, 104, 0.4); border-radius: 50%;}
.footer3 .ft_top .box .fb_right .sns_list_container .item_list li a .icon {display: block; width: 100%; height: 100%; background-position: center center; background-size: 100%; background-repeat: no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.footer3 .ft_top .box .fb_right .sns_list_container .item_list li.icon01 a .icon {background-image: url('/images/home/kor/user/footer/sns_ico_ytb.png');}
.footer3 .ft_top .box .fb_right .sns_list_container .item_list li.icon01 a:hover .icon, .footer3 .ft_top .box .fb_right .sns_list_container .item_list li.icon01 a:focus .icon {background-image: url('/images/home/kor/user/footer/sns_ico_ytb_on.png');}
.footer3 .ft_top .box .fb_right .sns_list_container .item_list li.icon02 a .icon {background-image: url('/images/home/kor/user/footer/sns_ico_kaka.png');}
.footer3 .ft_top .box .fb_right .sns_list_container .item_list li.icon02 a:hover .icon, .footer3 .ft_top .box .fb_right .sns_list_container .item_list li.icon02 a:focus .icon {background-image: url('/images/home/kor/user/footer/sns_ico_kaka_on.png');}
.footer3 .ft_top .box .fb_right .sns_list_container .item_list li.icon03 a .icon {background-image: url('/images/home/kor/user/footer/sns_ico_ins.png');}
.footer3 .ft_top .box .fb_right .sns_list_container .item_list li.icon03 a:hover .icon, .footer3 .ft_top .box .fb_right .sns_list_container .item_list li.icon03 a:focus .icon {background-image: url('/images/home/kor/user/footer/sns_ico_ins_on.png');}


.footer3 .ft_top .box .site_box {display: inline-block; margin: 0 0 0 30px; vertical-align: middle;}
.footer3 .ft_top .box .site_box .baro_box {position: relative; display: inline-block;}
.footer3 .ft_top .box .site_box .baro_box .site_btn {overflow: hidden; position: relative; width: 246px; height: 48px; border: 1px solid #e0e0e0; padding: 0 32px 0 20px; font-weight: 500; font-size: 16px; line-height: 46px; color: rgba(24, 24, 24, 0.7); text-align: left; border-radius: 30px;}
.footer3 .ft_top .box .site_box .baro_box .site_btn.on {border-top: none; border-radius: 0 0 30px 30px;}
.footer3 .ft_top .box .site_box .baro_box .site_btn:focus {border: 2px solid #000000;}
.footer3 .ft_top .box .site_box .baro_box .site_btn .arr_btn {position: absolute; right: 23px; top: 50%; width: 12px; 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(0deg); transition: 0.32s ease;}
.footer3 .ft_top .box .site_box .baro_box .site_btn.on .arr_btn {transform: translateY(-50%) rotate(180deg);}
.footer3 .ft_top .box .site_box .baro_box .site_link {display: none; position: absolute ; left: 0; bottom: 48px; width: 100%; max-height: 120px; border: 1px solid #e0e0e0; border-bottom: none; background-color: #f5f5f5; overflow-y: auto; border-radius: 30px 30px 0 0;}
.footer3 .ft_top .box .site_box .baro_box .site_link > li {border-bottom: 1px solid #515462;}
.footer3 .ft_top .box .site_box .baro_box .site_link > li:last-child {border-bottom: 0;}
.footer3 .ft_top .box .site_box .baro_box .site_link > li > a {display: block; padding: 10px 20px; font-weight: 500; font-size: 16px; line-height: 24px; color: #000000; word-break: keep-all;}
/* ============================= FOOTER STYLE3 ============================= */

.q_btn_area {position: fixed; bottom: 40px; right: 90px; z-index: 3;}
.q_btn_area .list {display: flex;gap:16px;justify-content: end;flex-direction: column;align-items: end}
.q_btn_area .list li {}
.q_btn_area .list li:last-child {margin:0;}
.q_btn_area .list li .btn {display:block; width: 96px; height:96px; background-position: center; background-repeat: no-repeat; border-radius:50px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.q_btn_area .list li .btn.top_btn {background-color:#ec6b63; background-image: url('/images/home/kor/user/footer/top_btn_icon.png');}
.q_btn_area .list li .btn.chat_btn {background-color:#00ada9; background-image: url('/images/home/kor/user/footer/chat_btn_icon.png');}
.q_btn_area .list li .btn.kakao_btn {transition: .3s all ease-in-out;display: flex;align-items: end; background-color:#FFE600; background-image: url('/images/home/kor/user/footer/i_talk.png');font-weight:bold;justify-content: center;}
.q_btn_area .list li .btn.robot_btn {transition: .3s all ease-in-out;display: flex;align-items: end; background-color:#2B2C2B; background-image: url('/images/home/kor/user/footer/i_robot.png');color:#fff;font-weight:500;justify-content: center;}
.q_btn_area .list li .btn.kakao_btn span,
.q_btn_area .list li .btn.robot_btn span {display: none;}
@media all and (min-width:1281px) {
	.q_btn_area .list li .btn.kakao_btn:hover span,
	.q_btn_area .list li .btn.kakao_btn:focus span,
	.q_btn_area .list li .btn.robot_btn:hover span,
	.q_btn_area .list li .btn.robot_btn:focus span {display: block;}
	.q_btn_area .list li .btn.kakao_btn:hover {width:auto;background-position:20px center;align-items: center;justify-content: start;padding-left:85px;padding-right:25px;}
	.q_btn_area .list li .btn.robot_btn:hover {width:auto;background-position:20px center;align-items: center;justify-content: start;padding-left:105px;padding-right:25px;}
	.q_btn_area .list li .btn.kakao_btn:focus {width:auto;background-position:20px center;align-items: center;justify-content: start;padding-left:85px;padding-right:25px;}
	.q_btn_area .list li .btn.robot_btn:focus {width:auto;background-position:20px center;align-items: center;justify-content: start;padding-left:105px;padding-right:25px;}
}