/* footerStyle.css */

#ft{background: #333; color: #888; display: none;} 
#ft a, #ft_copy{color: #888;}
#ft_wr{width: 1200px; padding: 50px 20px; overflow: hidden;}
#ft_sns{width: 65%;}
#ft_sns ul{float: right; overflow: hidden;}
#ft_sns ul li{float: left; width: 40px; height: 40px; text-indent: -9999px; overflow: hidden; margin-left: 15px;}
#ft_sns ul li a{width: 100%; height: 100%; background: url(../../img/common/ft_sns1.png); background-size: 100% auto; }
#ft_sns ul li.ft_sns2 a{background-image: url(../../img/common/ft_sns2.png);}
#ft_sns ul li.ft_sns3 a{background-image: url(../../img/common/ft_sns3.png);}
#ft_sns ul li.ft_sns4 a{background-image: url(../../img/common/ft_sns4.png);}
#ft_contact{width: 40%; text-align: right; margin-top: 10px;}
#ft_contact strong{font-size: 36px; font-weight: 600; line-height: 50px;}
#ft_link{width: 30%; height: 20px; margin-top: -40px; margin-bottom: 30px;}
#ft_link > a{float: left; height: 100%; line-height: 20px; font-size: 14px;}
#ft_link > a::after{content: ""; display: block; width: 1px; height: 15px; background: #888; margin-left: 10px; float: right; margin-right: 10px; margin-top: 3px;}
#ft_link > a.ft_link3::after{display: none;}
#ft_company{width: 60%; margin-bottom: 30px;}
#ft_company ul{overflow: hidden;}
#ft_company li{float: left; line-height: 20px; font-size: 14px;}
#ft_company li::after{content: ""; display: block; width: 1px; height: 15px; background: #888; margin-left: 10px; float: right; margin-right: 10px; margin-top: 3px;}
#ft_company li.ft_company3::after, #ft_company li.ft_company6::after{display: none;}
#ft_company li.ft_company6 a{display: inline-block;}
#ft_copy{width: 70%; font-size: 14px; margin-top: -25px;}
@media screen and (min-width:1200px){
    #ft_sns{float: right;}
    #ft_sns ul{float: right;}
    #ft_sns ul li{float: left;}
    #ft_contact{float: right;}
    #ft_link{float: left;}
    #ft_company{float: left;}
    #ft_copy{float: left;}
}
@media screen and (max-width:1199px){
    #ft{width: 100%;}
    #ft_wr{width: 100%; padding: 40px 0;} 
    #ft_sns,
    #ft_contact,
    #ft_link,
    #ft_company,
    #ft_copy{overflow: hidden; width: 100%;}  
    #ft_sns ul{float: none; width: 264px; margin: 0 auto;}
    #ft_sns ul li{margin: 0; width: 25%;}
    #ft_sns ul li a{background-size: 40px auto; background-position: center; background-repeat: no-repeat;}
    #ft_contact{margin-top: 20px; text-align: center; padding-bottom: 40px; border-bottom: 1px solid #888;}
    #ft_link{text-align: center; width: 313px; margin: 20px auto 0;}
    #ft_company{ text-align: center; margin: 30px auto;}
    #ft_copy{margin-top: 0; text-align: center;}
    #ft_company{width: 100%;}
    #ft_company li{float: none; display: inline-block;}  
    #ft_company li.ft_company2::after, #ft_company li.ft_company3::after{display: none;} 
    #ft_copy span{display: block;}
    #ft_company li.ft_company3{display: block;}
    #ft_contact strong{font-size: 36px; line-height: 50px;}
    #ft_contact p{font-size:14px;}
}
@media screen and (max-width:480px){
    #ft_company{padding: 0 20px;}
    #ft_company li::after{display: none;} 
    #ft_company li.ft_company6{display: block;}
    #ft_company li.ft_company1::after, #ft_company li.ft_company4::after{display: block;}
    #ft_link{width: 274px; width:294px; }
    #ft_link > a{font-size: 12px;}
    #ft_company li{font-size: 12px;}
    #ft_copy{font-size:12px;}
    #ft_contact{margin-bottom: 30px; padding: 0 20px 30px;}
    #ft_contact strong{font-size: 30px; line-height: 40px;}
    #ft_contact p{font-size:12px; line-height: 1.5;}
}
@media screen and (max-width: 430px){
    #ft_company li.ft_company4{display: block;}
    #ft_company li.ft_company4::after{display: none;}
}

.box .img img{ margin:0 auto;}
.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    position: relative;
    overflow: hidden;
}
footer {background:url("/img/footer_bg.jpg")no-repeat center; background-size:cover; width:100%; position:relative; z-index:10;}
footer .footer_top {padding:100px 0 80px;}
footer .footer_top .flex-box {display:flex;}
footer .footer_top .tit {color:#fff; font-family: 'Noto Sans KR', sans-serif;font-size:50px; font-weight:200; margin-top:1%;line-height: 1;}
footer .footer_bottom {border-top:1px solid #292929; padding:40px 0 90px;}
footer .footer_bottom .flex-box {display:flex; justify-content:space-between;align-items:center;}
footer .footer_bottom .design {color:#625e5e; font-size:12px; font-weight:500; letter-spacing:0;}
footer .footer_bottom .links a {color:#6c6c6c; font-family:'NanumSquare', sans-serif; font-size:15px; letter-spacing:-0.05em;}
footer .footer_bottom .links a.active {color:#d1cdcd;}
footer .footer_bottom .links a + a {margin-left:40px;}

footer .footer_top .flex-box {display:flex; justify-content:space-between; padding-bottom:50px;}
footer .footer_top .right {display:flex;}
footer .footer_top .right .info {padding-right:100px;}
footer .footer_top .right .info dl {display:flex; width:220px; align-items:center;}
footer .footer_top .right .info dl + dl {padding-top:15px;}
footer .footer_top .right .info dt {color:#d1cdcd; font-size:15px; font-family: 'NanumSquare', sans-serif; flex:0 0 95px;margin-right:30px;letter-spacing:-0.02em;}
footer .footer_top .right .info dd {width:max-content; color:#6c6c6c; font-size:15px; font-family: 'NanumSquare', sans-serif; letter-spacing:-0.02em;}
footer .footer_top .right .info dd span {color:#625e5e;}
footer .footer_top .fourBox {display:flex;}
footer .footer_top .fourBox .box {height:215px; flex:0 0 25%; max-width:305px;margin-right:20px; border-radius:10px; padding:30px 0 40px; text-align:center;}
footer .footer_top .fourBox .cleann {background:#e8a77d;}
footer .footer_top .fourBox .katalk {background:#424242;}
footer .footer_top .fourBox .tel {background:#424242;}
footer .footer_top .fourBox .box h1 {color:#d1cdcd;font-family: 'NanumSquare', sans-serif;font-size:24px; letter-spacing:-0.02em;font-weight:500; padding:10px 0; line-height:1;}
footer .footer_top .fourBox .box p {color:#ababab;font-family: 'NanumSquare', sans-serif;font-size:15px; letter-spacing:-0.02em; font-weight:500; line-height:1.6;}
footer .footer_top .fourBox .box span {color:#e8a77d;}
footer .footer_top .fourBox .box strong {line-height:1; color:#ababab;font-family: 'Noto Sans KR', sans-serif;font-weight:500;font-size:23px;}
footer .footer_top .fourBox .blog_wrap {margin-top:20px;}
footer .footer_top .fourBox .blog_wrap a {display:inline-block; width:99px; height:41px; text-indent:-9999px;overflow:hidden;}
footer .footer_top .fourBox .blog_wrap a + a {margin-left:10px;}
footer .footer_top .fourBox .blog_wrap a.blog {background:url("/img/footer_sns1.png")no-repeat center;}
footer .footer_top .fourBox .blog_wrap a.instar {background:url("/img/footer_sns2.png")no-repeat center;}
footer .footer_top .fourBox .box_wrap {flex:0 0 25%; max-width:305px;} 
footer .footer_top .map_wrap .root_daum_roughmap {width:100%; overflow:hidden; border-radius:10px;}
footer .footer_top .map_wrap .root_daum_roughmap .wrap_controllers {display:none;}
footer .footer_top .map_wrap .root_daum_roughmap .wrap_map {height:215px;}
footer .footer_top .copy_addr {color:#6c6c6c; padding-top:20px; display:flex; align-items:center; justify-content:flex-end;}
footer .footer_top .copy_addr button {background:url("/img/footer_mapIco.png")no-repeat center; width:16px; height:16px; margin-left:12px; cursor:pointer;}

.footer_top .time h2 {display:flex;  align-items:center; letter-spacing:0.3em; font-weight:800; font-size:15px;font-family: 'NanumSquare', sans-serif;color:#b6b6b6; margin-top:-4px; margin-bottom:10px;}
.footer_top .time h2 img {margin-left:5px; vertical-align:top; margin-top:-2px;}
.footer_top .time dl {display:flex; width:280px; align-items:center;}
.footer_top .time dl + dl {margin-top:10px;}
.footer_top .time dl dt {font-family: 'NanumSquare', sans-serif; color:#b6b6b6; font-size:15px;letter-spacing:0.9em;flex:0 0 90px;}
.footer_top .time dl dd {font-family: 'NanumSquare', sans-serif; color:#6b6b6b; font-size:15px;letter-spacing:-0.05em; text-transform:uppercase;width:max-content; flex:0 0 auto;}						
.footer_top .time dl dt.none{letter-spacing:0;}
.footer_top .time dl dt.four {letter-spacing:0.3em;}

.footer_bottomAdd .design {padding-left:64px;position:relative;}


.links{display:flex;}
@media (max-width:768px){
/* footer */
    #footer {position:relative; z-index:3;}
    #footer .footer_top {background:url("/img/footer_bg.jpg")no-repeat top center; background-size:cover; 
    padding:13.5vw 0 10.7vw;}
    #footer .footer_top h1 {color:#ffffff;font-weight:200; font-size:6.7vw; line-height:9.4vw;font-family: 'Noto Sans KR', sans-serif; letter-spacing:0.02em;padding-bottom:4vw }
    #footer .footer_top .cs--line dl {display:flex; align-items:center;}
    #footer .footer_top .cs--line dt {color:#d1cdcd;font-family: 'NanumSquare', sans-serif; font-size:3.4vw;letter-spacing:-0.02em; line-height:2; width:22.5vw;}
    #footer .footer_top .cs--line dd {color:#999999;font-family: 'NanumSquare', sans-serif; font-size:3.4vw;letter-spacing:-0.02em; line-height:2; padding-left:5.4vw}
    #footer .footer_top h2 {color:#b6b6b6;font-size:3.4vw; font-weight:900;font-family: 'NanumSquare', sans-serif; letter-spacing:0.02em;line-height:2;padding-top:5.4vw;}
    #footer .footer_top .cs--line--time {padding-bottom:8vw}
    #footer .footer_top .cs--line--time dl {display:flex; align-items:center;}
    #footer .footer_top .cs--line--time dt {color:#b6b6b6; font-size:3.4vw; letter-spacing:0.02em;font-family: 'NanumSquare', sans-serif;line-height:2;width:26vw;}
    #footer .footer_top .cs--line--time dd {color:#999999;font-size:3.4vw; letter-spacing:0.02em;font-family: 'NanumSquare', sans-serif;line-height:2;}
    #footer .footer_top .cs--line--time dt.three {letter-spacing:0.95em;}
    #footer .footer_top .cs--line--time dt.four {letter-spacing:0.34em;}

    #footer .footer_top .snsList {display:flex; width:100%;padding-bottom:8vw;}
    #footer .footer_top .snsList a + a {margin-left:3.4vw;}
    #footer .footer_top .snsList img {width:100%;}

    #footer .footer_top .map_wrap .root_daum_roughmap {width:100%; overflow:hidden; border-radius:2.7vw;}
    #footer .footer_top .map_wrap .root_daum_roughmap .wrap_controllers {display:none;}
    #footer .footer_top .map_wrap .root_daum_roughmap .wrap_map {height:43vw;}
    #footer .footer_top .map_list button {background:url("/new/mo/images/common/footer_copyTxt.png")no-repeat center; width:4vw; height:4vw; margin-left:2.7vw; cursor:pointer; text-indent:-9999px;}

    #footer .footer_top .map_list dl {display:flex; align-items:center; padding-top:4vw;}
    #footer .footer_top .map_list dt {width:19vw;color:#b1b8bc;font-family: 'NanumSquare', sans-serif;font-size:3.4vw;font-weight:700;}
    #footer .footer_top .map_list dd {color:#6c6c6c;font-family: 'NanumSquare', sans-serif;font-size:2.7vw;font-weight:700;display:flex; align-items:center;}

    #footer .footer_bottom {background:#14181c; border-top:1px solid #5a5f63; padding:8.7vw 0 13.5vw; }
    .footer--inner {padding:0 3.4vw;}
    #footer .footer_bottom .copy {color:#b2b2b2;font-family: 'NanumSquare', sans-serif; font-size:2.7vw; letter-spacing:0;}
    #footer .footer_bottom .links a {color:#999999; font-size:3.4vw;font-family: 'NanumSquare', sans-serif;}
    #footer .footer_bottom .links a + a {margin-left:8vw;}
    #footer .footer_bottom .links {padding-bottom:5.4vw;}
    .footer_bottom .img {max-width:76px; width:9.4vw; margin-bottom:4vw;}
    .footer_bottom .img img {width:100%;}
    footer .footer_top .flex-box {
        display: flex;
        justify-content: space-between;
        padding-bottom: 50px;
        flex-wrap: wrap;
        gap: 40px;
        flex-direction: column;
        align-items: center;
    }
    footer .footer_top .right .info dt{
        flex: 0 0 110px;
    }
    footer .footer_top .right {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 280px;
        gap: 50px;
    }
    .footer_top .time h2{
        color: #fff;
    }
    footer .footer_top .tit{
        width: 280px;
    }
    footer .footer_top .right .info dd span{
        color: #fff;
    }
    footer .footer_top .right .info dd{
        color: #fff;
    }
    footer .footer_top .right .info dt{
        color: #fff;
    }
    .footer_top .time dl dd{
        color: #fff;
    }
    .footer_top .time dl dt{
        color: #fff;
    }
    footer .footer_top .right .info{
        padding: 0;
    }
    footer .footer_top .right .info dl{
        width: 100%;
        padding: 0;
    }
    footer .footer_top .fourBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    }
    footer .footer_top .fourBox .box{
        /* height: auto; */
        /* flex: 0 0 25%; */
        /* max-width: 305px; */
        /* margin-right: 20px; */
        border-radius: 10px;
        padding: 30px 25px;
        text-align: center;
        max-width: 280px;
        flex: 0 0 100%;
        margin: 0;
        height: 100%;
    }
    .box .logo_img img{
        width: 100%;
    }
    
    footer .footer_top .fourBox .box_wrap {
        flex: 0 0 100%;
        max-width: 280px;
        width: 100%;
    }
    footer .footer_bottom .flex-box{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    footer .footer_bottom{
        padding: 40px 0;
    }
    .footer_bottomAdd .design{
        padding: 0;
    }
}