/* 모바일 코딩 필수 공통영역 */
* {margin:0; padding:0; -webkit-text-size-adjust:none;}
html {width:100%;}
body {width:100%; color:#333; font-size:90%; line-height:140%; 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;}
.pdt10 {padding-top:10px;}

/* 공통 */
body.bg {background:#333 url('../images/bg_header.gif') 0 0 repeat-x;}
#wrapper {max-width:640px; min-width:320px; margin:0 auto; overflow:hidden;}
#header {width:100%;}
.head {position:relative; width:100%; height:50px; overflow:hidden;}
.logo {padding:10px 0 0; text-align:center;}
.gnb_list {position:absolute; top:0; right:0;}
.gnb {display:none; width:100%; position:relative; padding:10px; font-family:'Nanum Gothic', 'NanumGothic'; background:url('../images/bg_gnb.gif') 0 0 repeat; z-index:100;}
.gnb dl {padding:0 0 0.6em;}
.gnb dt {font-size:12px; line-height:18px; padding:0 0 0 10px; border-left:5px solid #4ae6d4;color:#4ae6d4;}
.gnb dd li {padding:0 0 0 20px;}
.gnb a:hover {color:#fff;}
.gnb a {color:#ccc; font-size:11px;}
.submenu a {display:block; width:16%; padding:0 10px; margin:0 0 2px; border-radius:2px; background:#17746a; text-align:center;}

#footer {font-family:'Nanum Gothic', 'NanumGothic';}
#footer ul:after {content:""; display:block; clear:both;}

/**#footer p {width:100%; height:40px; border-top:1px solid #414141; border-bottom:1px solid #414141; border-left:1px solid #414141; background-color:#fff;}**/

#footer ul {*zoom:1;}
#footer li {float:left; width:33%; line-height:25px; height:25px; border-top:1px solid #414141; border-bottom:1px solid #414141; border-left:1px solid #414141; font-size:11px; text-align:center; font-weight:700;}
#footer li:first {border-left:0px;}
#footer li a{display:block; color:#ddd;}
#footer address {padding:15px 0; text-align:center; font-style:normal; font-size:12px; color:#bbb;}
#footer address strong {font-size:15px;}


#footer2 {font-family:'Nanum Gothic', 'NanumGothic'; background:#edf2ef;}
#footer2 ul:after {content:""; display:block; clear:both;}
#footer2 ul {*zoom:1;}
#footer2 li {float:left; width:24.666%; line-height:25px; height:25px; border-top:1px solid #bed7c8; border-bottom:1px solid #bed7c8; border-left:1px solid #bed7c8; background:#6b9e7e; font-size:11px; text-align:center; font-weight:700;}
#footer2 li:first {border-left:0px;}
#footer2 li a{display:block; color:#fff;}
#footer2 address {padding:15px 0; text-align:center; font-style:normal; font-size:12px; color:#555;}
#footer2 address strong {font-size:15px;}

.sub-img {width:100%;}
.sub-img2 {width:100%;}

/*메인*/
.menu {padding:10px 0 20px;}
.menu ul:after {content:""; display:block; clear:both;}
.menu ul {*zoom:1;}
.menu li {float:left; width:33.3333%;}
.menu li .call {float:left; width:100%; clear:both;}
.menu li img {width:95%; margin:0 2%;}

/*서브페이지*/
.subcon {
	width:100%;
	padding:0 0 20px;
	background: -webkit-linear-gradient(#fff, #edf2ef); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #edf2ef); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #edf2ef); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #edf2ef); /* Standard syntax (must be last) */
	font-family:'Nanum Gothic', 'NanumGothic';
	font-size:12px;
}
nav.subtab {padding:10px 0 10px 0.1em;}
nav.subtab a {display:inline-block; width:31.333%; border-radius:2px; background:#5f5f5f; border:1px solid #545454; font-size:13px; color:#fff;font-family:'Nanum Gothic', 'NanumGothic'; text-align:center;}
nav.subtab a.on {background:#1ba56a; border:1px solid #149450;}

nav.subtab_2 {text-align:center;}
nav.subtab_2 a {display:inline-block; margin:0 3px; font-size:12px; color:#555; font-family:'Nanum Gothic', 'NanumGothic'; text-align:center;}
nav.subtab_2 a.on {color:#1a9f5b; font-size:14px; font-weight:bold;}

.subcon figure img{width:100%;}
nav.contab {padding:10px 0 15px 15px;}
nav.contab a {display:inline-block;  padding:0 5px; border-radius:2px; background:#f4f4f4; border:1px solid #d8d8d8; font-size:12px; color:#555;font-family:'Nanum Gothic', 'NanumGothic';}
nav.contab a.on {background:#56bca7; border:1px solid #4bb29d; color:#fff;}

nav.contab_top {padding:10px 0 0;}
nav.contab_top ul:after {content:""; display:block; clear:both;}
nav.contab_top li {float:left; width:33.333%; margin:0 0 2px;}
nav.contab_top a {display:inline-block; width:96%; margin:0 1%; border-radius:2px; background:#f4f4f4; border:1px solid #d8d8d8; font-size:12px; color:#555;font-family:'Nanum Gothic', 'NanumGothic'; text-align:center;}
nav.contab_top a.on {background:#56bca7; border:1px solid #4bb29d; color:#fff;}
nav.contab_bottom {padding:0 0 10px;}
nav.contab_bottom ul:after {content:""; display:block; clear:both;}
nav.contab_bottom li {float:left; width:50%;}
nav.contab_bottom a {display:inline-block; width:92.333%; margin:0 1%; padding:0 4px; border-radius:2px; background:#f4f4f4; border:1px solid #d8d8d8; font-size:12px; color:#555;font-family:'Nanum Gothic', 'NanumGothic';text-align:center;}
nav.contab_bottom a.on {background:#56bca7; border:1px solid #4bb29d; color:#fff;}

h2.tt{width:99%; margin:0 auto; font-size:14px; font-weight:700; padding:5px 0 10px; border-bottom:1px solid #c4cfc5;}

/* 게시판리스트 */
.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.5em 0.8em;
	font-size: .9em;
	color: #000;
	line-height: 1.9em;	
	-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.5em 0.8em;
	font-size: .9em;
	color: #000;
	line-height: 20px;
	height:20px;
	-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) */
}

/*페이지버튼*/
.pagination {text-align:center; padding:5px 0;}
.pagination a {display:inline-block; margin:0 0.3em; font-size:12px;}
.pagination strong {color:#078c52;}
.pagination .first {margin:0 0.5em; font-size:11px; 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;}