/* BASIC css start */
#footerWrap {width:100%; background:#222; }
#footerWrap .wibFooter {width:100%; position:Relative; padding:48px 0 40px;}
#footerWrap .wibFooter .inner {max-width:1520px; margin:0 auto; }
#footerWrap .top {padding-bottom:44px; margin-bottom:40px; border-bottom:1px solid #E5E5E5;}
#footerWrap .top .left {float:left;}
#footerWrap .top .left .f_logo {height:auto; display:inline-block; padding:10px 0 20px;}
#footerWrap .top .left .f_logo a {display:inline-block;}
#footerWrap .top .left .txt {padding-top:20px;}
#footerWrap .top .left .txt h3 {font-size:14px; font-weight:700; color:#fff; line-height:1; font-family:"Inter";padding-bottom:2px; }
#footerWrap .top .left .txt span {padding-top:8px; padding-right:8px; display:inline-block; font-size:13px; font-weight:400; color:#a7a7a7; letter-spacing:-0.03em; line-height:1;}
#footerWrap .top .left .txt span a {margin-top:-3px; display:inline-block; padding-left:2px; font-size:13px; font-weight:400; color:#a7a7a7; letter-spacing:-0.03em; line-height:1;}
#footerWrap .top .left .txt.change p {padding-top:8px; font-size:13px; font-weight:400; color:#a7a7a7; line-height:1; letter-spacing:-0.03em;}

#footerWrap .top .right {float:right;}
#footerWrap .top .right .family {padding-bottom:42px;position:relative; text-align:right;}
#footerWrap .top .right .family > a {text-align:left;width:178px; border:1px solid rgba(255,255,255,0.2); background:#4e4e4e url('/design/hanstyle/wib/2022wib/img/main/f_btn2.svg') no-repeat center right 10px; height:30px; padding:0 10px; line-height:30px; color:#fff; font-size:12px; font-weight:400; display:inline-block;}
#footerWrap .top .right .family ul {width:200px; position:absolute; bottom:70px; right:0; display:none;}
#footerWrap .top .right .family ul li {text-align:left;border:1px solid rgba(255,255,255,0.2); height:30px; background:#4e4e4e;margin-top:-1px;}
#footerWrap .top .right .family ul li a { padding:0 10px; line-height:30px; color:#fff; font-size:12px; font-weight:400; display:block;}
#footerWrap .top .right .family ul li a img {display:inline-block; vertical-align:middle; padding-right:7px;}
#footerWrap .top .right .tabBox {display:flex; justify-content:right;}
#footerWrap .top .right .tab {width:200px; display:inline-block; vertical-align:top; text-align:right; } /*  230310     width:165px;     200px로 수정  */
#footerWrap .top .right .tab .tit {padding-bottom:15px; font-size:14px; font-weight:700; line-height:1; color:#fff;}
#footerWrap .top .right .tab.cs p:nth-child(2) {font-size:25px; font-weight:700; color:#fff; line-height:1;}
#footerWrap .top .right .tab.cs p:nth-child(3) { font-size:13px; line-height:23px; color:#a7a7a7; font-weight:400; padding:10px 0 15px} 
#footerWrap .top .right .tab.cs a {transition:all 0.4s; position:relative; left:35px; display:block; width:132px; height:30px; border-radius:16.5px; text-align:center; background:#838383; line-height:30px; font-size:13px; letter-spacing:-0.03em; color:#222; font-weight:400;} 
#footerWrap .top .right .tab.cs a:hover {background:#50696F; color:#fff;}
#footerWrap .top .right .tab.cs a img {display:inline-block; vertical-align:middle; padding-lefT:10px;}
#footerWrap .top .right .tab.info li {display:block; padding-bottom:10px; line-height: 1;}
#footerWrap .top .right .tab.info li a {display:inline-block; line-height:1; font-size:13px; color:#a7a7a7; letter-spacinG:-0.03em; font-weight:400;}

#footerWrap .btm .left {float:left; width:calc(100% - 450px);}
#footerWrap .btm .left p {font-size:12px; font-weight:400; letter-spacing:-0.05em; color:#a7a7a7; line-height:1;}
#footerWrap .btm .left p:first-child { padding:6px 0 8px;}
#footerWrap .btm .left p:first-child span {display:inline-block; padding-left:10px;}
#footerWrap .btm .left p:first-child span a {display:inline-block; font-size:12px; font-weight:400; color:#fff; text-decoration:underline; margin-top:-4px;}
#footerWrap .btm .right {width:450px; display:flex; justify-content:right; float:right;}
#footerWrap .btm .right li {display:inline-block; margin-left:10px;}

#footerWrap .top .right .tab.cs a.boardBtn {display: flex; justify-content: center; align-items: center;  margin-left:32px;  }    /*  230310  margin-left:32px;   추가 */


@media screen and (max-width:1600px){
    #footerWrap .wibFooter .inner {padding: 0 20px;}
}


/* BASIC css end */