@charset "UTF-8";

/* ============================= FOOTER STYLE1 ============================= */
.footer {position:relative; width: 100%; background-color: #f1f1f3; padding: 45px 0 80px;}
.footer .container { display: flex; justify-content: space-between; align-items: stretch;}
.footer .container > .box {}
.footer .container > .box.left { width: calc(100% - 525px); padding: 0 60px 0 0;}
.footer .container > .box.right { width: 525px; text-align: right;}
.footer .container > .box .ft_link { margin: 0 0 33px;}
.footer .container > .box .ft_link .list {font-size: 0;}
.footer .container > .box .ft_link .list li {display: inline-block; position: relative; margin: 0 20px 0 0;}
.footer .container > .box .ft_link .list li:last-child {margin: 0;}
.footer .container > .box .ft_link .list li a {display: block; font-weight: 500; font-size: 16px; line-height: 24px; color: #1f1f1f;}
.footer .container > .box .ft_link .list li a.ft_c {font-weight: 700; color: #171717;}
.footer .container > .box .txt_list_box { margin: 0 0 33px;}
.footer .container > .box .txt_list_box > .list {}
.footer .container > .box .txt_list_box > .list.row { font-size: 0;}
.footer .container > .box .txt_list_box > .list > li { font-weight: 500; font-size: 16px; line-height: 26px; color: #1f1f1f;}
.footer .container > .box .txt_list_box > .list.row > li { display: inline-block; position: relative; margin: 0 10px 0 0; padding: 0 11px 0 0; vertical-align: top;}
.footer .container > .box .txt_list_box > .list.row > li:last-child { margin: 0; padding: 0;}
.footer .container > .box .txt_list_box > .list.row > li::after { content: ''; position: absolute; top: 5.5px; right: 0; width: 1px; height: 15px; background-color: #d8d8d8;}
.footer .container > .box .txt_list_box > .list.row > li:last-child::after { display: none;}
.footer .container > .box .txt_list_box > .list > li > a { transition: all 0.3s;}
.footer .container > .box .txt_list_box > .list > li > a:hover,
.footer .container > .box .txt_list_box > .list > li > a:focus { color: var(--com-color-red);}
.footer .container > .box .copy_text { font-weight: 400; font-size: 16px; line-height: 24px; color: #565656;}
.footer .container > .box .copy_text a { transition: all 0.3s;}
.footer .container > .box .copy_text a:hover,
.footer .container > .box .copy_text a:focus {color: var(--com-color-red);}
.footer .container > .box .site_list_box {}
.footer .container > .box .site_list_box > .list { font-size: 0;}
.footer .container > .box .site_list_box > .list > li { display: inline-block; width: calc(33.333% - 6.666px); margin: 15px 10px 0 0; vertical-align: top;}
.footer .container > .box .site_list_box > .list > li:nth-child(-n+3) { margin: 0 10px 0 0;}
.footer .container > .box .site_list_box > .list > li:nth-child(3n) { margin: 15px 0 0 0;}
.footer .container > .box .site_list_box > .list > li:nth-child(3) { margin: 0;}
.footer .container > .box .site_list_box > .list > li .site_box { display: block; background-color: #1f1f1f; text-align: center; background-position: top right; background-repeat: no-repeat; border-radius: 8px; transition: all 0.3s;}
.footer .container > .box .site_list_box > .list > li .site_box:hover,
.footer .container > .box .site_list_box > .list > li .site_box:focus { background-image: url('/images/home/kor/user/footer/site_arrow.png'); background-position: top 10px right 10px;}
.footer .container > .box .site_list_box > .list > li .site_box .inner { display: flex; justify-content: center; align-items: center; height: 66px; padding: 0 10px;}
.footer .container > .box .site_list_box > .list > li .site_box .inner .txt { display: inline-block; font-weight: 500; font-size: 15px; line-height: 22px; color: #ffffff;}

.footer .ft_top_btn_area { position: fixed; right: 130px; bottom: 430px; font-size: 0; z-index: 111;}
.footer .ft_top_btn_area .ft_top_btn { display: block; width: 48px; height: 48px; background-color: #1f1f1f; border-radius: 50%; opacity: 0; visibility: hidden;}
.footer .ft_top_btn_area .ft_top_btn .inner { display: flex; justify-content: center; align-items: center; flex-direction: column;}
.footer .ft_top_btn_area .ft_top_btn .inner i{ font-size: 18px; color: #ffffff;}
/* ============================= FOOTER STYLE1 ============================= */