@charset "UTF-8";

div.wrapper { position:relative; }

/* border */
nav.gnb,
footer.layout { border-top:1px solid #dfdfdf; }

header.layout { padding:15px 10px; }
header.layout h1 { font:bold 24px 맑은고딕,tahoma; }
header.layout p { font:11px 맑은고딕,verdana; letter-spacing:-1px; color:#555555; }

nav.gnb { border-bottom: 1px solid #dfdfdf; }


nav.gnb ul { list-style:none; height:1%; }
nav.gnb ul,
nav.gnb li { margin:0; padding:0; }
nav.gnb li { float:left; }
nav.gnb li a { display:block; padding:10px 10px; }
nav.gnb >/**/ ul { height:auto; }
nav.gnb ul:after { content:""; display:block; clear:both; }
nav.gnb a.active { font-weight:bold; }

nav.qnb { position:absolute; right:5px; top:0; }

nav.qnb ul { float:right; list-style:none; height:1%; }
nav.qnb ul,
nav.qnb li { margin:0; padding:0; }
nav.qnb li { float:left; font:10px 맑은고딕,tahoma; }
nav.qnb li a { display:block; padding:10px 5px; }
nav.qnb >/**/ ul { height:auto; }
nav.qnb ul:after { content:""; display:block; clear:both; }
nav.qnb a.active { }

div.layout { padding:15px 10px; }

section.content header { margin-bottom:5px; }
section.content footer { margin-top:5px; }
footer.layout { margin:10px 0px 20px 0; padding:10px 10px; }
footer.layout p { font:11px 맑은고딕,verdana, dotum; letter-spacing:-1px; color:#555555; }

.admin_form { border-top:1px solid #efefef; }
.admin_form th,
.admin_form td { text-align:left; border-bottom:1px solid #efefef; padding:5px 10px; }
.admin_form th { font-weight:normal; color:#555555; }

.warn_message,.notice_message { padding:10px; margin:10px 0; border:1px solid #efefef; font:11px 맑은고딕,dotum; letter-spacing:-1px; }
.warn_message { color:#b8003d; }
.notice_message { color:#506e81; }

.column { float:left; }
.column1 { width:310px; margin:0 7px; }
.column2 { width:510px; margin:0 6px; }
.row > /**/ .column1 { margin:0 7px; }
.row > /**/ .column2 { margin:0 7px; }
.column3 { width:auto; float:none; }
@media screen and (max-width:800px){
	.column { float:none; }
	.column1, .column2, .column3 { width:auto; margin:0; }
}
#index .row { height:1%; }
#index >/**/ .row { height:auto; }
#index .row:after { content:""; display:block; clear:both; }

section.pages,
section.pages * { line-height:normal; }
section.pages h1,
section.pages h2,
section.pages h3,
section.pages h4,
section.pages h5 { padding-bottom:5px; }

/*
 아웃로그인
 */

div#outlogin { padding:10px 10px; text-align:right; border-bottom:1px solid #eaeaea; font:10px 맑은고딕,tahoma; }
div#outlogin #outlogin_mb_id,
div#outlogin #outlogin_mb_password  { border: 1px solid #AAA; }
div#outlogin label { width:0; height:0; overflow:hidden; font-size:0; position:absolute; }
div#outlogin .submit { border: 1px solid #EFEFEF; cursor: pointer; word-spacing: -1px; background-color: #F0F0F0; }

div#outlogin p,
div#outlogin ul,
div#outlogin li { display:inline; list-style:none; margin:0; padding:0; }
div#outlogin > /**/ p,
div#outlogin > /**/ ul,
div#outlogin ul > /**/ li { display:inline-block; }
div#outlogin li.point { margin-right:8px; padding-right:5px; border-right:1px solid #dfdfdf; }
div#outlogin li.point a { color:#777777; font-weight:bold; }
div#outlogin p { margin-right:5px; font-size:10px; }
div#outlogin p span { font-size:11px; letter-spacing:-1px; }
/*
.m_view { display:none; }
@media screen and (max-width:800px){
	.m_view { display:block; }
}*/

.addon { position:absolute; right:10px; top:10px; }
.addon a,
.addon a:visited {
			background: #555555;
			font:bold 11px 맑은고딕,tahoma;
			display: inline-block;
			padding: 5px 10px 6px;
			color: #fff;
			text-decoration: none;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
			text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
			border-bottom: 1px solid rgba(0,0,0,0.25);
			position: relative;
			cursor: pointer
		}