@charset "utf-8";


/*Footer*/
#footer{clear:both;float:left;width:100%;height:auto;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;border-top:1px solid transparent;} 
.foot_box{height:112px;width:100%;margin:0 auto;overflow:auto;font-size:13px;min-width:300px;max-width:1240px;padding:15px 20px 0 20px;} 
.foot_left{width:calc(100% - 300px);float:left;}
.foot_menu{width:100%;float:left;}
.foot_menu > li{display:inline;padding:3px 10px 0 0;}
.foot_menu > li > a{color:#383838;}
.foot_menu > li > a:hover{text-decoration:underline;} 
.foot_addr_box{width:100%;float:left;font-size:12px;}
.addr_list_open, .addr_list_close, .foot_count_open, .foot_count_close{display:none;}    
.foot_addr_box > .addr_list{width:100%;float:left;color:#383838;letter-spacing:0.2px;padding-top:6px;}
.foot_addr_box > .addr_list1{width:100%;float:left;color:#383838;text-transform:uppercase;letter-spacing:0.2px;padding-top:6px;}
.foot_addr_box > .addr_list > ul{padding:1px 0;width:100%;float:left;}
.foot_addr_box > .addr_list > ul > li{display:inline;padding-right:5px;}
.foot_addr_box > .addr_list > ul > li > i , .foot_addr_box > .addr_list > ul > li > span{color:transparent;} 
.foot_addr_box > .one_addr > ul > li:first-child{display:inline-block;width:100%;padding-bottom:2px;}
.copyright{width:100%;float:left;color:transparent;margin-left:0;font-size:10px;padding-top:6px;text-transform:uppercase;}
.foot_right{width:300px;float:right;}  
.foot_link{float:left;width:100%;padding-bottom:8px;}  
.foot_link > fieldset{width:100%;}    
.foot_link > fieldset > select{width:calc(100% - 60px);float:left;height:34px;padding:5px;border:1px solid #ccc;border-radius:4px;cursor:pointer;vertical-align:middle;border-top-right-radius:0;	border-bottom-right-radius:0;border-right:none;}
.foot_link > fieldset > button{border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0;float:left;width:60px;height:34px;text-align:center;color:#fff;background:transparent;border:none;vertical-align:middle;cursor:pointer;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;}
.foot_count{float:left;width:100%;} 
.foot_count > ul{width:100%;float:left;padding-top:6px;}  
.foot_count > ul > li{float:left;height:34px;width:calc(50% - 4px);padding:7px;border:1px solid #ccc;border-radius:4px;text-align:center;position:relative;padding-left:68px;background:#fff;}  
.foot_count > ul > li:first-child{margin-right:8px;}       
.foot_count > ul > li > span{background:transparent;position:absolute;display:block;left:0;top:0;line-height:32px;height:100%;width:60px;border-top-left-radius:4px;border-bottom-left-radius:4px;border-right:1px solid #ccc;}
.no_count{padding-top:20px;}

@media (max-width:960px){
#footer{position:relative;}    
.foot_box{height:145px;float:left;font-size:12px;padding:13px 10px;}
.foot_left{width:100%;}  
.copyright{width:100%;position:absolute;bottom:0;left:0;background:transparent;text-align:center;color:#fff;padding:6px 0;}
.foot_right{width:100%;padding-top:5px;}  
.foot_link{width:50%;} 
.foot_link > fieldset > select, .foot_link > fieldset > button{height:30px;}  
.foot_count{float:right;width:49%;}
.foot_count > ul{padding-top:0;}
.foot_count > ul > li{height:30px;padding:6px;padding-left:68px;}
.foot_count > ul > li > span{line-height:28px;}
.no_count .foot_link{width:100%;}
.foot_addr_box{font-size:11px;} 
}
@media (max-width:767px){
/*Footer*/
.foot_addr_box{font-size:10px;}
.foot_addr_box > .addr_list > ul{padding:2px 0;}
.foot_addr_box > .one_addr > ul > li:first-child{padding-bottom:4px;}
}

@media (max-width:639px){
/*Footer*/	 
.foot_menu{font-size:10px;}
.foot_addr_box{padding-top:10px;position:relative;z-index:1;} 
.foot_addr_box > .addr_list{padding-top:0;}
.foot_addr_box > .two_addr{display:none;position:absolute;top:10px;left:0;background:#fff;border:1px solid transparent;border-radius:4px;height:73px;padding:6px;}
.foot_addr_box > .two_addr > ul{padding:0;}
.foot_addr_box > .two_addr > ul:last-child{padding-top:3px}   
.foot_addr_box > .two_addr > ul > li:first-child{display:inline-block;width:100%;padding-bottom:0px;}   
.foot_addr_box .addr_list_open{display:block;position:relative;padding:5.5px;height:30px;font-size:12px;background:#fff;border-radius:4px;border:1px solid #ccc;cursor:pointer;} 
.foot_addr_box .addr_list_open > i{background:transparent;color:#fff;cursor:pointer;position:absolute;top:-1px;right:-1px;width:42px;text-align:center;padding:9px;border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0;}
.foot_addr_box .addr_list_close{position:absolute;top:-1px;right:-1px;width:42px;height:73px;line-height:73px;background:transparent;text-align:center;border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0;cursor:pointer;}  
.foot_addr_box .addr_list_close > i{font-size:14px;transform:rotate(45deg);color:#fff;}
.foot_right{position:relative;}
.foot_link{width:calc(100% - 50px);}    
.foot_link > fieldset > button{background:transparent;color:#383838;border:1px solid #ccc;}  
.foot_count_open{display:block;width:42px;float:right;} 
.foot_count_open > i{color:#fff;background:transparent;cursor:pointer;width:100%;height:30px;line-height:30px;text-align:center;border-radius:4px;} 
.foot_count_close{background:transparent;position:absolute;right:0px;top:5px;width:42px;height:30px;line-height:32px;text-align:center;border-top-right-radius:4px;border-bottom-right-radius:4px;color:#fff;cursor:pointer;}
.foot_count_close > i{font-size:14px;transform:rotate(45deg);color:#fff;}
.foot_count{display:none;float:none;width:auto;}  
.foot_count > ul{position:absolute;left:0px;top:5px;width:calc(100% - 42px);background:#fff;font-size:10px;} 
.foot_count > ul > li{width:50%;padding:6px 7px;padding-left:53px;border-right:none;border-radius:0;} 
.foot_count > ul > li:first-child{margin-right:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.foot_count > ul > li > span{width:45px;line-height:28px;}
.no_count .foot_link > fieldset > button{width:42px;color:#fff;} 
.no_count .foot_link > fieldset > select{width:calc(100% - 42px);}
.copyright{text-transform:capitalize;}
}

@media (max-width:399px){
/*Footer*/
.foot_menu > li{padding-right:6px;}
.copyright{letter-spacing:-0.2px;}
}