@charset "utf-8";
/*******************************
	택스메이트 홍보 랜딩페이지
	layoutcss 
	2023-10-16 
********************************/

body, table, th, td, button, select, input, br, textarea {
	font-family: 'Pretendard', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic','맑은 고딕','돋음','Dotum', 'Roboto', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	-webkit-text-size-adjust:none;
	word-break:keep-all;
}
body {background-color:#fff;}
#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; }


/* ****************** HEADER ********************** */
#header{
	position: fixed; width:100%; height:64px; top:0; left:0; z-index:9999; 
	-webkit-transition:all 0.3s; transition:all 0.3s;
	border-bottom:1px solid #ddd;
	 background-color:#fff;
}
#headerInnerWrap{ position:relative; max-width:1200px; height:100%; margin:0 auto; padding:0 0; z-index:9999; background-color:#fff;}
#header .logo{position:relative; z-index:100; padding:15px 0;}		/* padding값 적절히 바꿔주세요 */
#header .logo a{display:inline-block; }
#header .logo img{display:block; vertical-align:middle; width: 100%; height: auto; max-width: 180px; max-height: 35px;} /* 2023.04.21 어드민 등록해도 꺠지지않게 가로 세로값 추가 */
@media all and ( max-width: 800px ){
	/********** container ***********/	
	#headerInnerWrap{padding:0 20px;}
}


/* ****************** container ********************** */
#container{position:relative; padding:64px 0 0 0; width:100%; height:auto;}
.container-inner{position:relative; width:100%; margin:0 auto; padding:70px 0 0 0;}
.inner1{max-width:556px; margin:0 auto;}
.inner2{max-width:496px; margin:0 auto;}
@media all and ( max-width: 800px ){
	/********** container ***********/	
	.container-inner{padding:20px 24px 130px 24px;}
}



/* ****************** FOOTER ********************** */
#footer-wrap{position:relative; width:100%; margin:0 0;}
.footer-inner{ position:relative; max-width:1200px; margin:0 auto;}

/* ************* footer :: 중간 ************* */
.footer-middle-con{position: relative; height: 48px; background:#e2e2e2; vertical-align:middle;}
.foot-menu ul li{display:inline-block; line-height:48px;}
.foot-menu ul li:after{ margin-right:8px; }
.foot-menu ul li:after{content:'│'; color:rgba(184, 185, 187, 0.9); margin-left:10px;}
.foot-menu ul li:last-child:after{display:none;}
.foot-menu ul li a{ font-size:14px; font-weight:500;}

/* ************* footer :: 하단 ************* */
.footer-bottom-con{padding:20px 0px 40px 0;  font-size:13px;}
.footer-bottom-con.footer-inner{width:1200px; margin:0 auto;}
.footer-logo{display:inline-block; vertical-align:top; padding:3px 0 0 0; margin-right:18px;}
.footer-logo img{width: 100%; height: auto; max-width: 180px; max-height: 35px;} /* 2023.04.21 어드민 등록해도 꺠지지않게 가로 세로값 추가 */
.addresstext {display:inline-block; vertical-align:top;}
.addresstext p {margin-bottom: 3px; color:#5c5e65; font-weight:300; }
.addresstext p span{margin-right:12px;}
.addresstext p span:after{content:'│'; color:rgba(143, 144, 149, 0.9); margin-left:12px;}
.addresstext p span:last-child:after{display:none;}
.copyright .cp{font-size:13px;}

@media all and ( max-width: 800px ){
	/* ****************** FOOTER ********************** */
	.footer-inner{padding-left:20px; padding-right:20px;}
	
	/********** footer :: 하단 ***********/	
	.footer-logo{display:block;}
	.addresstext{display:block; margin-top:10px;}
	.addresstext p span{display:block; margin-bottom: 3px;}
	.addresstext p span:after{display:none;}
}