/* 하단 */
#footer {position:relative; width:100%;}
#footer .foot_in {position:relative; margin:0 auto; width:100%; max-width:1480px; padding:40px 0;}
#footer .foot_in dl {width:100%; overflow:hidden;}
#footer .foot_in dt {float:left; width:255px;}
#footer .foot_in dd {float:left; width:calc(100% - 255px); padding-top:20px;}
#footer .foot_in dd select {position:absolute; right:0; top:45px; z-index:2; width:230px; height:50px; border:1px solid #333; font-size:16px; font-weight:500; background: #fff url('/img/family_arr.png') no-repeat right 15px center; letter-spacing:-0.5pt; padding-left:15px;appearance: none !important;}
#footer .foot_bn {position:relative; overflow:hidden;}
#footer .foot_bn ul {display:inline-block;}
#footer .foot_bn ul li {position:relative; display:inline-block; padding:0 20px;}
#footer .foot_bn ul li:after {position:absolute; right:0; top:0; width:1px; height:15px; background:#ddd; display:inline-block;}
#footer .foot_bn ul li:first-child {padding:0 20px 0 0;}
#footer .foot_bn ul li:first-child a:link,  #footer .foot_bn ul li:first-child a:visited {font-weight:600; color:#333;}
#footer .foot_bn ul li a:link, 
#footer .foot_bn ul li a:visited {letter-spacing:-0.5pt; line-height:100%; font-size:16px;}
#footer .copy {position:relative; overflow:hidden; clear:both; padding-top:25px}
#footer .copy li {line-height:100%; color:#333; font-size:16px; font-weight:400; margin-bottom:13px;}
#footer .copy li span {letter-spacing:-0.5pt; line-height:100%; margin-right:20px;}
#footer .copy li span.privacy {opacity:0;}
#footer .copy li span:last-child {margin-right:0}

#footer .copy li.copyright {letter-spacing:0; font-size:14px; color:#9a9a9a; padding-top:12px; text-transform:uppercase;}
#footer .copy li.copyright span {letter-spacing:0pt;}

.kakao {position: fixed; width: 40px; bottom: 80px; right: 120px; z-index: 100;}
.kakao a span {display: none;}

/*******************************************************************************
	@media 1241px~1480px
*******************************************************************************/
@media all and (max-width:1480px){

#footer .foot_in {width:98%; max-width:100%;}

}


/*******************************************************************************
	@media 1241px~1480px
*******************************************************************************/
@media all and (max-width:1300px){


}


/*******************************************************************************
	@media 981px~1240px
*******************************************************************************/
@media all and (max-width:1240px){

#footer .foot_in dt {width:200px;}
#footer .foot_in dd {width:calc(100% - 200px);}
}


/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px){

#footer .foot_bn ul li a:link, #footer .foot_bn ul li a:visited {font-size:15px;}
#footer .copy {padding-top:20px;}
#footer .foot_in dt {display:none;}
#footer .foot_in dd {float:none; width:100%; padding-top:0;}
#footer .foot_in dd select {width:200px; height:40px; padding-left:12px; background:#fff url('/img/family_arr.png') no-repeat right 12px center; font-size:14px;}

}


/*******************************************************************************
	@media 671~768px
*******************************************************************************/
@media all and (max-width:768px){

#footer .foot_in {width:96%; margin:0 auto; padding:40px 0 35px 0;}
#footer .copy li span {line-height:120%;}
#footer .copy li span.fin4{display:block; margin-right:0; margin-bottom:5px;}

#footer .copy {padding-top:15px;}
#footer .copy li {font-size:14px; margin-bottom:10px; line-height:120%;}
#footer .copy li span { line-height:120%;}
#footer .copy li span.fin4 {margin-bottom:10px;}
#footer .copy li.copyright {padding-top:8px; font-size:14px;}

}


/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

#footer .foot_in {width:96%; padding:35px 0 30px 0;}

#footer .foot_bn {display:none;}
#footer .copy {padding-top:0;}
#footer .copy li {font-size:13px; margin-bottom:8px; line-height:120%;}
#footer .copy li span { line-height:120%;}
#footer .copy li span.fin4 {margin-bottom:7px;}
#footer .copy li.copyright {padding-top:5px; font-size:13px;}
#footer .copy li span.privacy {opacity:1.0; letter-spacing:-0.5pt; text-decoration:underline; }
#footer .copy li span.privacy a:link, #footer .copy li span.privacy a:visited {color:#333; font-weight:600;}
#footer .foot_in dd select {position:relative; top:auto; display:block; width:100%; margin-top:10px;}

}

@media all and (max-width:640px){
.kakao {right: 85px;}
.kakao img {width: 110px;}
}
/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){

body,html {font-size:13px;}

#footer .foot_in {padding:25px 0 20px 0;}

}






/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){


#footer .copy li span.fin1 {display:block; margin-bottom:8px; line-height:120%;}
#footer .foot_in dd select {font-size:12px;}

}