@charset "utf-8";

/* main css */
label, input, select{vertical-align:middle;}
input{outline:none;}
textarea{outline:none;}

/* ========== 01. layout ========== */

body{}
body#member{background:#2a323c;}

#wrap{width:100%;}
#header{width:100%; height:42px; border-bottom:1px solid #e4e4e4;}
#container{width:100%;}
#footer{width:100%; background:#2a323c; margin-top:40px;}

.inner{width:1200px; margin:0 auto;}
.inner02{width:1200px; margin:0 auto;}

#header .head_left{float:left; font-size:13px; color:#666; position:relative; padding-top:13px; padding-left:26px;}
#header .head_left:before{content:''; position:absolute; top:11px; left:0; width:20px; height:20px; background:url('../img/board/member_icon.jpg') 0 0 no-repeat;}
#header .head_left span{display:inline-block; color:#04a2b3; font-weight:700;}
#header .head_right{float:right; font-size:0;}
#header .head_right a{display:inline-block; height:41px; line-height:41px; font-size:12px; text-align:center; font-weight:700; color:white; padding:0 20px;}

#header .head_right a.receipt_btn{background:#04a2b3; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header .head_right a.receipt_btn:hover{background:#008694;}

#header .head_right a.receipt_btn2{background:#c28f32; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header .head_right a.receipt_btn2:hover{background:#008694;}

#header .head_right a.logout_btn{background:#2a323c; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header .head_right a.logout_btn:hover{background:#131920;}
#header .head_right a.mypage_btn{background:#0257b5; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header .head_right a.mypage_btn:hover{background:#014085;}

#footer .fnb{width:100%; height:61px; border-bottom:1px solid #38424f;}
#footer .fnb ul{padding-top:21px;}
#footer .fnb ul li{float:left; position:relative; padding:0 14px;}
#footer .fnb ul li:before{content:''; position:absolute; top:50%; margin-top:-6px; left:0; width:1px; height:13px; background:#404c5a;}
#footer .fnb ul li:first-child{padding-left:0;}
#footer .fnb ul li:first-child:before{display:none;}
#footer .fnb ul li a{display:block; font-size:14px; color:white; font-weight:700;}
#footer .fnb ul li a:hover{text-decoration:underline;}

#footer .f_address{width:1200px; margin:0 auto; padding:20px 0;}
#footer .f_address p{font-size:13px; color:#828589; line-height:26px;}
#footer .f_address p span{display:inline-block; padding-right:20px;}
#footer .f_address dfn{font-size:11px; color:#828589; line-height:100%; display:block; letter-spacing:0;}



@media all and (max-width:1220px) {

	#footer{width:100%; background:#2a323c; margin-top:0;}

	.inner{width:100%; margin:0 auto;}
	.inner02{width:100%; padding:0 4%; margin:0 auto;}
	
	#container{width:100%; height:100%;}

	#header{width:100%; height:42px; padding:0 0 0 4%; border-bottom:1px solid #e4e4e4;}
	#header .head_left{float:left; font-size:11px; color:#666; position:relative; padding-top:13px; padding-left:26px;}
	#header .head_left:before{content:''; position:absolute; top:11px; left:0; width:20px; height:20px; background:url('../img/board/member_icon.jpg') 0 0 no-repeat;}
	#header .head_left span{display:inline-block; color:#04a2b3; font-weight:700;}
	#header .head_right{float:right; font-size:0;}
	#header .head_right a{display:inline-block; height:41px; line-height:41px; font-size:11px; text-align:center; font-weight:700; color:white; padding:0 10px;}

	#header .head_right a.receipt_btn{background:#04a2b3; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	#header .head_right a.receipt_btn:hover{background:#008694;}
	
	#header .head_right a.receipt_btn2{background:#c28f32; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	#header .head_right a.receipt_btn2:hover{background:#008694;}

	#header .head_right a.logout_btn{background:#2a323c; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	#header .head_right a.logout_btn:hover{background:#131920;}

	#footer .fnb{width:100%; height:50px; border-bottom:1px solid #38424f;}
	#footer .fnb ul{padding-top:17px;}
	#footer .fnb ul li{float:left; position:relative; padding:0 10px;}
	#footer .fnb ul li:before{content:''; position:absolute; top:50%; margin-top:-5px; left:0; width:1px; height:10px; background:#404c5a;}
	#footer .fnb ul li:first-child{padding-left:0;}
	#footer .fnb ul li:first-child:before{display:none;}
	#footer .fnb ul li a{display:block; font-size:12px; color:white; font-weight:700;}
	#footer .fnb ul li a:hover{text-decoration:underline;}

	#footer .f_address{width:100%; margin:0 auto; padding:16px 4% 16px 4%;}
	#footer .f_address p{font-size:11px; color:#828589; line-height:20px;}
	#footer .f_address p span{display:inline-block; padding-right:10px;}
	#footer .f_address dfn{font-size:10px; color:#828589; line-height:100%; display:block; letter-spacing:0;}


}