/* 모바일 코딩 필수 공통영역 */
* {margin:0; padding:0; -webkit-text-size-adjust:none;}
html {width:100%;}
body {width:100%; color:#333; font-size:90%; line-height:160%; font-family:'돋움', Dotum, Helvetica, AppleGothic;}
img, fieldset {border:0}
ul, ol, li, dl {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
hr {display:none;}
a {color:inherit;}
a, a:link {color:#333; text-decoration:none;}
a:visited {color:#333;}
a:hover, a:active {color:#333; text-decoration:none;}
em, i, address {font-style:normal; font-weight:normal;}
legend, caption {display:none; clear:both;}
input, textarea, select, button, table {font-size:inherit; font-family:inherit; line-height:inherit;}
section, nav, article, aside, hgroup, header, footer { display:block }
textarea, input {
	background:url(none);
	-webkit-border-radius:1px;
	-webkit-apprearance:none;
}
textarea {resize:none;}
.space-center {text-align:center;}
.space-right {text-align:right;}
.input,
.textarea {border:1px solid #ccc; background:#f4f4f4; line-height:160%; padding:2px 0;}

/* 사용자 지정 */
#wrapper {max-width:640px; min-width:320px; margin:0 auto;}
#header {width:100%;}
.head {position:relative; width:100%; height:50px; background:#ffffff; overflow:hidden;}
.logo {width:100%; text-align:center; padding:9px 0 0 0;}
.logo img {width:169px; margin:0 auto; }
.gnb_list {position:absolute; top:0; right:0; background:#eb6116;}
.gnb_list img {width:50px;}
.gnb {display:none; width:100%; position:relative; z-index:100;}
.gnb li {	
	font-weight:bold;
	background:#e9eaeb;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9eaeb)); /*Safari*/
	background: -webkit-linear-gradient(top, #fafafa, #e9eaeb); /*WebKit nightly*/
	background: -moz-linear-gradient(top, #fafafa, #e9eaeb); /* Modzilla Firefox */
	background: -ms-linear-gradient(top, #fafafa, #e9eaeb); /* Modzilla Firefox */
	border-bottom:1px solid #ccc;
	text-shadow: 0 1px 1px #fff;
}
.gnb li a {
	display:block; 
	color:#666;
	padding:6px 10px 4px 10px;
}
#main {position:relative;}
.mainImg {width:100%;}
.quick_link {width:100%; overflow:hidden; z-index:999; margin-top:-7px;}
.quick_link li {float:left; width:33.3333%; text-align:center;}
.quick_link li a {display:block;}
.quick_link li a img {width:100%;}

.sub_title {position:relative; width:100%; height:42px; background:#f4f2e6; font-size:130%; line-height:42px; font-weight:bold; color:#666; text-align:center; border-bottom:1px solid #e1decf; overflow:hidden;}
.sub_title h2 {font-weight:bold;}
.sub_title a {position:absolute; top:0; display:inline-block; width:42px; height:42px; font-size:0; line-height:0; background-repeat:no-repeat; background-position:50% 50%; background-size:25%;}
.sub_title .prev {left:0; background-image:url(../images/bt_prev.png);}
.sub_title .next {right:0; background-image:url(../images/bt_next.png);}
.subImg {width:100%;}


#footer {width:100%; text-align:center; padding:12px 0; background:#2a2a2a; clear:both;}
.foot_links {width:100%; padding:0 0 10px 0;}
.foot_links li {display:inline; color:#ffffff;}
.foot_links li a {color:#ffffff; margin:0 4px;}
.address {color:#ffffff; font-size:0.75em; line-height:1.5em;}
.address .bar {color:#ffffff; margin:0 2px;}
.address a {color:#ffffff;}

.location {padding:10px;}

.form {padding:10px;}
.form .txt {text-align:right; color:#fd7777; font-size:0.85em;}
.form .input,
.form .textarea {width:99%;}
.form dl {border-top:1px solid #ddd; padding:15px 0 0 0;}
.form dt {font-weight:bold; margin:0 0 2px 0;}
.form dd {margin:0 0 10px 0;}

/* board */
.buttons {padding:10px 0; clear:both; overflow:hidden;}
.buttons .cen {text-align:center;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}

.btn_pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:4px 15px 3px;border:0;color:#333;background:#eee;border:1px solid #aaa;border-radius:0.4em;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack:link {color:#333}


/*sub_tab*/
#sub .sub-tab ul {*zoom:1; border-bottom:1px solid #604d3e; margin-bottom:20px;}
#sub .sub-tab ul:after {content:" "; display:block; clear:both;}
#sub .sub-tab li {float:left; position:relative; width:50%; height:44px; text-align:center; z-index:1;}
#sub .sub-tab li a {display:block; position:absolute; top:0px; left:0; width:100%; height:43px; color:#4a4a4a; font-size:15px; line-height:43px; letter-spacing:-0.50px; font-weight:700; background:#fff; border:1px solid #aaa; border-bottom:0; text-decoration:none;}
#sub .sub-tab li.active {z-index:2;}
#sub .sub-tab li.active a {top:0; width:100%; height:43px; font-weight:700; color:#fff; line-height:43px; letter-spacing:-0.50px; background:#604d3e; border:1px solid #54352c; border-bottom:0;}

/*페이지버튼*/
/*
.pagination {text-align:center; padding:5px 0;}
.pagination a {display:inline-block; margin:0 0.3em; font-size:12px;}
.pagination strong {color:#a42a29;}
.pagination .first {margin:0 0.5em; font-size:10px; font-weight:bold;}
.pagination .prev {margin:0 0.5em 0 0.1em;font-size:10px; font-weight:bold;}
.pagination .next {margin:0 0.1em 0 0.5em;font-size:10px; font-weight:bold;}
.pagination .last {font-size:10px; font-weight:bold;}
*/
/* 페이지목록 */
.paginate {margin:20px 0;text-align:center;line-height:normal;}
.paginate a,  
.paginate strong{display:inline-block;zoom:1;*display:inline;position:relative;width:25px;height:25px;border:1px solid #ddd;margin:0;padding:0;
font-weight:700;font-size:13px;line-height:25px;letter-spacing:-1px;color:#777;background-color:#fff;text-decoration:none;vertical-align:middle;border-radius:2px;}  
.paginate a:hover,  
.paginate a:active,  
.paginate a:focus{background-color:#f8f8f8;}  
.paginate strong{color:#ff6000;border:1px solid #ff6000;}  
.paginate a.direction{padding:0; background-image:url('/images/bbs/paginate.gif'); background-repeat:no-repeat;}
.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.paginate a.direction.first {background-position:0 50%;}
.paginate a.direction.prev {background-position:-25px 50%;margin-right:10px;}
.paginate a.direction.next {background-position:-50px 50%;margin-left:10px;}
.paginate a.direction.last {background-position:-75px 50%;}
.paginate a.direction.disabled {cursor:not-allowed;opacity:.4;filter:alpha(opacity=40);}
.paginate a.direction.disabled:hover,
.paginate a.direction.disabled:active,  
.paginate a.direction.disabled:focus{background-color:#fff;} 

/* board */
.btn_r {text-align:right; padding:0 2% 3% 0;}
.btn_r a.red {display:inline-block;
	padding: 0.4em 0.8em;
	font-size: .9em;
	color: #fff;
	line-height: 1.7em;	
	-webkit-appearance: none;
	cursor:pointer;
	background:#a42a29;
}
.buttons {padding:10px 0; clear:both; overflow:hidden;}
.buttons .cen {text-align:center;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}


.btn_pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:4px 15px 3px;border:0;color:#333;background:#eee;border:1px solid #aaa;border-radius:0.4em;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack:link {color:#333}

/* 게시판리스트 */
.board_top {position:relative; width:100%; margin:0 0 10px;}
.board_top img {width:100%;}
.board_top a.btn {display:inline-block; position:absolute; bottom:-3px; right:1.0em;
	background: -webkit-linear-gradient(#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f1f1f1); /* Standard syntax (must be last) */
	border-radius:2px;
	border:1px solid #b5bbbb;
	padding:0 2px;
	font-size:10px;
	line-height:15px;
}
.board_top a.btn strong {color:#198a91; font-weight:normal;}

.board_list ul {border-top:1px solid #e5e5e5; }
.board_list li {position:relative; border-bottom:1px solid #e5e5e5; font-family:'Nanum Gothic', 'NanumGothic'; color:#333;}
.board_list a {display:block; font-size:14px; padding:0.5em;}
.board_list strong {font-weight:normal;}
.board_list span.info {display:block; color:#999}
.board_list span {display:inline-block; font-size:12px;}
.board_list .ico_s {display:inline-block;}
.board_list img {vertical-align:middle;}

/*게시판글쓰기*/
.board_write {width:98%; margin:0 auto}
.board_write .btn {text-align:center;}
.board_write dt, .board_write dd {padding:0.1em 0;}
.board_write select {
	width: 99%;
	height: 28px;
	background:#fff;
	padding: 0.2em 0 0.3em 0.4em;
	border: 1px solid #e5e5e5;
	font-size: 0.9em;
	color: #222;
	vertical-align: middle;
	border-radius: 0.3em;
}
.board_write input[type="text"], .board_write input[type="password"] {
	width: 98%;
	padding: 0.2em 0 0.3em 0.4em;
	font-size: .9em;
	color: #222;
	line-height: 1.7em;
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 0.3em;
}
.board_write textarea {
	width: 98%;
	height:190px;
	padding: 0.2em 0 0.3em 0.4em;
	font-size: .9em;
	color: #222;
	line-height: 1.7em;
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 0.3em;
}

/*게시판뷰페이지*/
.board_view {background:#fff;}
.view_top {
	position: relative;
	padding: 0.5em;	
	border-top:1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	color:#666;
	background: -webkit-linear-gradient(#fff, #f9f9f9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f9f9f9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f9f9f9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f9f9f9); /* Standard syntax (must be last) */
}
.view_top strong {color:#333; font-size:15px;}
.view_top span.cat {color:#666;}

.view_con {padding:0.8em 0.5em;}

/* 이전글,다음글 */
.prev_next dl {padding:0.5em 0.3em; line-height:1.2em; overflow:hidden; clear:both;}
.prev_next dt {float:left; width:20%; text-align:center; font-weight:bold; color:#666;}
.prev_next .prev {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.prev_next .prev dt {background: url('../images/arrow_up.gif') 2px 50% no-repeat;}
.prev_next .next {border-bottom:1px solid #cdcdcd;}
.prev_next .next dt {background: url('../images/arrow_down.gif') 2px 50% no-repeat;}

/*게시판버튼, 게시판공통*/
span.bar {color:#d7d7d7;}

.btn {text-align:center; padding:0.3em;}

.btn input[type="submit"] {
	display:inline-block;
	padding: 0.4em 0.8em;
	font-size: .9em;
	color: #000;
	line-height: 1.7em;	
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #b9b9b9;
	border-radius: 0.3em;
	cursor:pointer;
	background: -webkit-linear-gradient(#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f1f1f1); /* Standard syntax (must be last) */
}

.btn a.btn_pack  {
	display:inline-block;
	padding: 0.4em 0.8em;
	font-size: .9em;
	color: #000;
	line-height: 1.7em;	
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #b9b9b9;
	border-radius: 0.3em;
	cursor:pointer;
	background: -webkit-linear-gradient(#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f1f1f1); /* Standard syntax (must be last) */
}
.btn a.btn_pack {
	background: -webkit-linear-gradient(#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f1f1f1); /* Standard syntax (must be last) */
}