/* footerStyle.css */

#ft{background: #1F2024; color: #888;font: 18px 'Noto Sans KR', sans-serif;font-weight:400;} 
#ft a, #ft_copy{color: #888;}
#ft_wr{padding: 40px 20px;display: inline-block;}

#ft_sns{width:25%;}

.nice-select {float:left;width:320px !important;height:50px !important;padding:0 40px 0 20px;margin-bottom:20px;}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {background-color: #393939; }

#ft_sns select option {color:#fff;}
#ft_sns select option:hover {background-color:black;}

#ft_sns_go {float:left; overflow: hidden;}
#ft_sns_go li{float: left; width: 40px; height: 40px; text-indent: -9999px; overflow: hidden; margin-right: 15px;}
#ft_sns_go li a{width: 100%; height: 100%; background: url(/img/common/ft_sns1.png); background-size: 100% auto; }
#ft_sns_go li.ft_sns2 a{background-image: url(/img/common/ft_sns2.png);}

#ft_contact{width: 40%; text-align: right; margin-top: 10px;}
#ft_contact strong{font-weight: 600; line-height: 50px;}
#ft_link{width: 30%; height: 20px; margin-top: -40px; margin-bottom: 30px;}
#ft_company{width: 70%; margin-bottom: 30px;}

#ft_company ul{overflow: hidden;} #ft_company li{float: left;} 
#ft_company li:first-child span  {width:100% !important; } 

#ft_company li span:first-child  {float:left;margin-right:10px;width:80px;display: inline-block;} 
#ft_company li span:nth-child(2) {float:left;display:inline-block;}

#ft_company li.ft_company1 {width:100%;}
#ft_company li.ft_company2 {width:100%;}
#ft_company li.ft_company4 {margin-left:30px;}
#ft_company li.ft_company5 {width:100%;}
#ft_copy{width: 70%; margin-top: -25px;}


/* ------------------------------------------------------- */
.selectBox * { box-sizing: border-box; }
.selectBox {position: relative;width:300px;height:50px;border-radius:10px;border: 2px solid #393939;background: #393939 url('https://freepikpsd.com/media/2019/10/down-arrow-icon-png-7-Transparent-Images.png') calc(100% - 7px) center no-repeat;background-size: 20px;cursor: pointer;}
.selectBox:after {content: '';display: block; width: 2px;height: 100%; position: absolute; top: 0; right: 35px;background: #393939;}
.selectBox .label {display: flex;align-items: center;width: inherit;height: inherit;border: 0 none;outline: 0 none;padding-left: 15px;background: transparent;cursor: pointer;color:#fff}
.selectBox .optionList {position: absolute; top:50px;left: 0;width: 100%;background:#393939;color: #fff;list-style-type: none;padding: 0;border-radius: 6px;overflow: hidden;max-height: 0;transition: .3s ease-in;}
.selectBox .optionList::-webkit-scrollbar {width: 6px;}
.selectBox .optionList::-webkit-scrollbar-track {background: transparent; }
.selectBox .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.selectBox .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}
.selectBox.active .optionList {max-height: 500px;}
.selectBox .optionItem {padding: 5px 15px 5px;transition: .1s;}
.selectBox .optionItem:hover {background:#f58220;}
.selectBox .optionItem:last-child {border-bottom: 0 none;}


@media screen and (min-width:1200px){
    #ft_sns{float:right;}
    #ft_sns_go ul{float:left;}
    #ft_sns_go 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_go,
    #ft_contact,
    #ft_link,
    #ft_company,
    #ft_copy{overflow: hidden; width: 100%;}  
    
	#ft_sns_go {float:left; width: 264px; margin:5px auto 0;}
    #ft_sns_go li {margin: 0; width: 25%;}
    #ft_sns_go li a{background-size:35px 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_copy span{display: block;}
    #ft_contact strong{font-size: 36px; line-height: 50px;}
    #ft_contact p{font-size:14px;}
}

@media screen and (max-width:800px){
    #ft_company{padding:0px;}
    #ft_company li{text-align:left;} 
	#ft_company li::after{display: none;} 
    #ft_link	{width:274px;}
	
	#ft_sns select {float:left;width:70%;}
	#ft_sns_go {float:right; width:100%;margin:5px auto ;}
    #ft_sns_go li {float:left;width:40%;margin-left:10%;}
	#ft_sns_go li:nth-child(2) {margin-left:5%;}
	
    #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;}
	#ft_company li.ft_company4 {margin-left:0px;}	
	#ft_company li span:first-child  {float:left;margin-right:10px;width:80px;display: inline-block;} 
	#ft_company li span:nth-child(2) {float:left;display:inline-block;width:calc(100% - 90px);}
    #ft_copy {
        margin-top: 0;
        text-align: center;
        font-size: 12px;
    }	

}