/*Content CSS*/
footer {width:100%; background-color:#fff;clear:both; border-top: 1px solid #efefef;}
#ft_top {width: 100%; border-bottom: 1px solid #efefef; height: 50px;}
#ft_top ul {width: 1280px;  height: 50px; margin: 0 auto; display: flex; flex-direction: row; align-items: center;}
#ft_top ul li::after {content: ""; display: inline-block; width: 1px; height: 13px; background: #857874; opacity: 0.33; margin: 0 25px;}
#ft_top ul li:last-child::after {display: none;}
#ft_top ul li a {font-size: 14px; font-weight: 300; color: rgba(0, 0, 0, 0.74); cursor:pointer; transition: all 0.2s;}
#ft_top ul li a:hover { color: #f4ac96;}

#ft_md {width: 1280px; margin: 0 auto; padding: 30px 0; display: flex; flex-direction: row; position: relative;}
.ft_box { margin-right: 73px;}
.ft_box h1 {font-size: 14px; font-weight: 500; color: #857874; margin-bottom: 15px;}
.ft_box h1 span {font-size: 14px; font-weight: 300; color: rgba(102, 102, 102, 0.74); margin-bottom: 5px; padding-left:49px;}
.ft_box ul li {font-size: 14px; font-weight: 300; color: rgba(102, 102, 102, 0.74); margin-bottom: 5px;}
.ft_box ul li span {min-width: 120px; margin-right: 30px; font-weight: 400; color:#333; display: inline-block;}
.ft_box:nth-child(2) ul li span {min-width: 70px; margin-right: 30px; font-weight: 400; color:#333; display: inline-block;}
.ft_logo {width: 161px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.ft_logo img {width: 161px; font-size: 0;}
#ft_btm {width: 100%;border-top: 1px solid #efefef;}
#ft_btm > div {width: 1280px; margin: 0 auto; padding: 22px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
#ft_btm p, #ft_btm p a {font-size: 12px; font-weight: 300; color:#a9a9a9;}
.ft_btn a {display: block;text-align: center; width: 140px; height: 30px; line-height: 30px; color:#fff; background: #857874; border-radius: 3px; font-size: 10px; transition: all 0.3s}
.ft_btn a:hover {background: #f4ac96;}

#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5);transition: all 0.3s}
#top_btn:hover {border-color:#857874;background:#857874;color:#fff}

/*sitemap*/
.modal-title {font-family: 'NanumSquare',sans-serif; font-size: 20px;  font-weight: 700; text-align: center; color:#333; width: 100%; padding-top: 8px;}
.modal-body {padding: 30px;}
#sitemap_con {width: 100%; display: flex; flex-direction: row; justify-content: space-between;}
#sitemap .modal-dialog { max-width: 700px; margin: 200px auto 0 auto;}

.stm_box {width: 250px; border-right: 1px solid #ddd; padding: 0 20px;}
.stm_box:last-child {border-right: 0;}
.stm_box h1 {font-family: 'NanumSquare',sans-serif; font-size: 17px; font-weight: 700; color:#333; margin-bottom: 10px;transition: all 0.3s; }
.stm_box ul li {margin-bottom: 5px; width: 100%;}
.stm_box ul li a {display: block; font-size: 13px; color:#888; font-weight: 300; transition: all 0.3s;}
.stm_box:hover h1 {color:#857874;}
.stm_box ul li a:hover {color:#f4ac96;}


/*privacy*/
#privacy textarea {width: 100%; height: 400px; margin: 0 auto;}
#privacy .modal-dialog { max-width: 1000px;margin: 150px auto 0 auto;}


@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {
    .footer { padding-top:0}
    .footer ul li { width:100%; margin-right:0; margin-top:2%}
    .footer ul li:last-child { margin-top:2%}
}

@media screen and (max-width: 640px) {
    footer .footer_menu a { font-size:14px}
    footer .footer_address .add { font-size:12px; margin-top:120px}
    footer .footer_right { left:20px; right:inherit; top:50px}
    footer .telephone { padding-top:67px}
    footer .telephone p { text-align:left}
    footer .telephone .tel { font-size:20px}
    footer .footer_sns .icon_sns { top:30px; left:0; right:inherit}
    footer .footer_sns .icon_sns a { margin-left:0}
    footer .footer_address .add .copyright { font-size:12px}
}