#header, #footer{position:fixed; height: 46px; display:block; width: 100%; z-index:9; text-align:center; color: #f2f2f2; padding: 0 0;}

#header{top:0px;}
#footer{bottom:0px;}

.logo {width:99%; text-align:left; position:absolute; display:inline-block; left:5px; top:3px; font-size:32px; color:#fff; letter-spacing:-2px; vertical-align:top; font-family:'NanumGothic';}
.logo span:nth-last-child(1) {font-family:'NanumGothic' !important;}
.logo img {height:42px;}
.logo a {color:#fff !important; font-weight:normal;}

#header a.top_btnstl {height:38px; position:absolute; display:inline-block; vertical-align:top; top:1px;}
#header a.top_tell {width:30px; right:114px; background:url('../images/Top_tell.png') no-repeat; background-size:30px 31px;}
#header a.top_kakao {width:33px; right:62px; background:url('../images/Top_kakao.png') no-repeat; background-size:33px 30px;}
#header a.top_home {width:33px; right:6px; background:url('../images/Top_home.png') no-repeat; background-size:33px 30px;}

.layoutbox {position:relative; display:inline-block; top:46px;}

.popopen {width:100%; position:fixed; display:none; z-index:9999; bottom:0px; background:#eee;}
.formbox {width:100%; position:relative; display:inline-block; margin:0 auto; text-align:center;}
.form_hideTop {width:100%; height:34px; line-height:34px; position:relative; display:block; font-size:18px;}
.form_hide_title {width:90%; position:relative; display:inline-block; padding-left:10px;}
.form_hide_close {width:60px; height:60px; position:absolute; display:block; right:1px; top:2px;}

.form_linebox {width:96%; height:30px; position:relative; display:inline-block;}
.form_linetitle {width:29%; height:30px; line-height:30px; position:relative; display:inline-block; text-align:left; float:left;}
.form_lineput {width:70%; height:30px; position:relative; display:inline-block; float:left;}
	.putstyle1 input {width:100%; height:28px; background:#fff; border:1px solid #e1e1e1;}
	.putstyle2 input  {width:31%; height:30px; background:#fff; border:1px solid #e1e1e1;}
	.putstyle3 input  {border:none;}
.form_linebox2 {width:96%; height:70px; position:relative; display:inline-block;}
.form_linetitle2 {width:20%; height:70px; line-height:30px; position:relative; display:inline-block; text-align:center; float:left;}
.form_lineput2 {width:80%; height:70px; position:relative; display:inline-block; float:left;}
.form_linebox3 {width:96%; height:24px; position:relative; display:inline-block;}
.form_linetitle3 {width:20%; height:24px; line-height:24px; position:relative; display:inline-block; text-align:center; float:left;}
.form_lineput3 {width:80%; height:24px; position:relative; display:inline-block; float:left;}
.sel_apply_form_yakBox {width:96%; height:40px; position:relative; display:none; border:1px solid #e1e1e1; background:#fff; margin-left:4px; overflow-y:scroll;}

.form_btnbox {width:96%; height:54px; position:relative; display:inline-block;}
.form_btn {width:100%; height:50px; line-height:50px; position:relative; display:inline-block; text-align:center; font-size:18px; color:#fff;}

.popon {width:96%; height:38px; line-height:38px; position:relative; display:inline-block; text-align:center; margin:3px auto;font-size:18px; color:#222; letter-spacing:-1px;}

.gra_deepyellow {background: -moz-linear-gradient(top,#ffdb71 0%,#ebba2f); background: -webkit-gradient(linear, left top, left bottom,from(#ffdb71),to(#ebba2f)); -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;border: 1px solid #c9ac22; -moz-box-shadow:0px 1px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7); -webkit-box-shadow:0px 1px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7); box-shadow:0px 1px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7);	text-shadow:0px -1px 0px rgba(000,000,000,0), 0px 0px 3px rgba(255,255,255,0.7);}
.gra_red {background: -moz-linear-gradient(top,#ff2e00 0%,#8c2100); background: -webkit-gradient(linear, left top, left bottom,from(#ff2e00),to(#8c2100)); -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;border: 1px solid #8c2100; -moz-box-shadow:0px 1px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7); -webkit-box-shadow:0px 1px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7); box-shadow:0px 1px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7);	text-shadow:0px -1px 0px rgba(000,000,000,0), 0px 0px 3px rgba(255,255,255,0.7); color:#fff;}

.gra_red2 {background: rgb(140,33,0); background: -moz-linear-gradient(0deg, rgba(140,33,0,1) 0%, rgba(255,46,0,1) 100%); background: -webkit-linear-gradient(0deg, rgba(140,33,0,1) 0%, rgba(255,46,0,1) 100%); background: linear-gradient(0deg, rgba(140,33,0,1) 0%, rgba(255,46,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c2100",endColorstr="#ff2e00",GradientType=1); border: 1px solid #8c2100; -moz-box-shadow:0px 1px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7); -webkit-box-shadow:0px 1px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7); box-shadow:0px 1px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7);	text-shadow:0px -1px 0px rgba(000,000,000,0), 0px 0px 3px rgba(255,255,255,0.7); color:#fff;}