@charset "UTF-8";

#aside {position:fixed;right:60px;bottom:60px;z-index:9998}
#aside .btn_talk {width:100px;height:100px;}
#aside .btn_talk .link {display:block;height:100%;border:2px solid #fff;border-radius:12px;box-shadow:0 0 7px rgba(0,0,0,0.15);background-color:#fff;background-image:url(/images/home/kor/user/footer/aside_talk.png);background-position:center top 15px;background-repeat:no-repeat;transition:0.2s}
#aside .btn_talk .text {display:block;text-align:center;line-height:1;font-weight:700;color:#3897FF;transform:translateY(66px);transition:0.2s}
#aside .btn_talk .link:hover, 
#aside .btn_talk .link:focus {border-color:#3897FF;background-color:#f5f5f5}
#aside .btn_talk .link:hover .text, 
#aside .btn_talk .link:focus .text {color:#212121}

.footer {position:absolute; bottom:0; z-index:1; width: 100%; border-top: 1px solid #ebebeb; padding: 0 0 180px; background-color: #212730;}
.footer .ft_top { margin: 0 0 28px; border-bottom: 1px solid #303743; padding: 16px 0;}
.footer .ft_top .box {display: flex; width: 100%; justify-content: space-between; align-items: center;}
.footer .ft_top .box .ft_list > .list {font-size: 0;}
.footer .ft_top .box .ft_list > .list > li {display: inline-block; margin: 0 44px 0 0;}
.footer .ft_top .box .ft_list > .list > li:last-child {margin: 0;}
.footer .ft_top .box .ft_list > .list > li > a {display: block; font-weight: 400; font-size: 16px; line-height: 32px; color: #b8bbc1;}
.footer .ft_top .box .ft_list > .list > li > a > .fw {display: inline-block; color: #f4d67b;}

.footer .ft_top .box .fb_right {}
.footer .ft_top .box .fb_right .sns_list_container {display: inline-block; font-size: 0; vertical-align: middle;}
.footer .ft_top .box .fb_right .sns_list_container .item_list {display: inline-block; font-size: 0; vertical-align: middle;}
.footer .ft_top .box .fb_right .sns_list_container .item_list li {display: inline-block; margin: 0 0 0 10px;}
.footer .ft_top .box .fb_right .sns_list_container .item_list li:first-child {margin: 0;}
.footer .ft_top .box .fb_right .sns_list_container .item_list li a {display: inline-block; width: 45px; height: 46px; background-color: rgba(95, 99, 104, 0.4); border-radius: 50%;}
.footer .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;}
.footer .ft_top .box .fb_right .sns_list_container .item_list li.icon01 a .icon {background-image: url('/images/home/kor/user/footer/sns_ico_face.png');}
.footer .ft_top .box .fb_right .sns_list_container .item_list li.icon02 a .icon {background-image: url('/images/home/kor/user/footer/sns_ico_ins.png');}
.footer .ft_top .box .fb_right .sns_list_container .item_list li.icon03 a .icon {background-image: url('/images/home/kor/user/footer/sns_ico_youtube.png');}

.footer .ft_top .box .site_box {display: inline-block; margin: 0 0 0 10px; vertical-align: middle;}
.footer .ft_top .box .site_box .baro_box {position: relative; display: inline-block; background-color: #303743; border-radius: 22.5px;}
.footer .ft_top .box .site_box .baro_box .site_btn {overflow: hidden; position: relative; width: 275px; height: 50px; padding: 0 32px 0 20px; font-weight: 400; font-size: 16px; line-height: 50px; color: #fffefe; text-align: left; outline: none; border-radius: 22.5px;}
.footer .ft_top .box .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(0deg); transition: 0.32s ease;}
.footer .ft_top .box .site_box .baro_box.on {border-radius: 0 0 22.5px 22.5px;}
.footer .ft_top .box .site_box .baro_box.on .site_btn .arr_btn {transform: translateY(-50%) rotate(180deg);}
.footer .ft_top .box .site_box .baro_box .site_link {display: none; position: absolute ; left: 0; bottom: 50px; width: 100%; max-height: 120px; background-color: #303743; overflow-y: auto; border-radius: 22.5px 22.5px 0 0;}
.footer .ft_top .box .site_box .baro_box .site_link > li {border-bottom: 1px solid #515462;}
.footer .ft_top .box .site_box .baro_box .site_link > li > a {display: block; padding: 10px 20px; font-weight: 400; font-size: 16px; line-height: 24px; color: #fffefe; word-break: keep-all;}

.footer .ft_btm .box {display: flex; justify-content: space-between; align-items: stretch; font-size: 0;}
.footer .ft_btm .box .left_area {display: inline-block; flex: 1;}
.footer .ft_btm .box .left_area .logo_box { height: 60px; margin: 0 0 22px; }
.footer .ft_btm .box .left_area .logo_box .logo { height: inherit; }
.footer .ft_btm .box .left_area .logo_box .logo img {}
.footer .ft_btm .box .left_area .txt_box {}
.footer .ft_btm .box .left_area .txt_box > .list {font-size: 0;}
.footer .ft_btm .box .left_area .txt_box > .list > li {display: inline-block; margin: 0 17px 0 0; font-size: 0; vertical-align: top;}
.footer .ft_btm .box .left_area .txt_box > .list > li:last-child {margin: 0;}
.footer .ft_btm .box .left_area .txt_box > .list > li .icon {display: inline-block; padding: 0 0 0 22px; background-position: top 3px left; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 24px; color: #b8bbc1;}
.footer .ft_btm .box .left_area .txt_box > .list > li .icon.ico1 {background-image: url('/images/home/kor/user/footer/ft_icon1.png');}
.footer .ft_btm .box .left_area .txt_box > .list > li .icon.ico2 {background-image: url('/images/home/kor/user/footer/ft_icon2.png');}
.footer .ft_btm .box .left_area .txt_box > .list > li .icon.ico3 {background-image: url('/images/home/kor/user/footer/ft_icon3.png');}
.footer .ft_btm .box .left_area .txt_box > .list > li .icon.ico4 {background-image: url('/images/home/kor/user/footer/ft_icon4.png');}
.footer .ft_btm .box .left_area .txt_box .copy_box {margin: 6px 0 0;}
.footer .ft_btm .box .left_area .txt_box .copy_box p {font-weight: 300; font-size: 15px; line-height: 27px; color: #585b60;}
.footer .ft_btm .box .right_area {display: inline-block; max-width: 655px; width: 100%;}
.footer .ft_btm .box .right_area .link_list_box {}
.footer .ft_btm .box .right_area .link_list_box > .list {font-size: 0;}
.footer .ft_btm .box .right_area .link_list_box > .list > li {display: inline-block; width: calc(100% / 3 - 9px); margin: 14px 12px 0 0;}
.footer .ft_btm .box .right_area .link_list_box > .list > li:nth-child(-n+3) {margin: 0 12px 0 0;}
.footer .ft_btm .box .right_area .link_list_box > .list > li:nth-child(3n) {margin: 14px 0 0;}
.footer .ft_btm .box .right_area .link_list_box > .list > li:nth-child(3) {margin: 0;}
.footer .ft_btm .box .right_area .link_list_box > .list > li .link_btn {display: block; width: 100%; border: 1px solid #303743; padding: 0 20px; background-image: url('/images/home/kor/user/footer/ft_link_ico2.png'); background-position: top 9px right 10px; background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 50px; color: #ffffff; text-align: center; border-radius: 10px; transition: all 0.3s;}
.footer .ft_btm .box .right_area .link_list_box > .list > li .link_btn:hover,
.footer .ft_btm .box .right_area .link_list_box > .list > li .link_btn:focus {background-color: #303743; background-image: url('/images/home/kor/user/footer/ft_link_ico1.png');}