@charset 'utf-8';
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 300;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
* { font-family: 'Nanum Gothic', sans-serif; 
	box-sizing: border-box; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
	-webkit-text-size-adjust:none; 
}
* html .png24 {tmp:expression(setPng24(this));}

html, body { 
	margin:0;	padding:0;	font-size:13px;	color:#000;	line-height: 1.5em; 
}

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block; }
*, header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { margin: 0; padding: 0; }

a { color: #444; text-decoration:none;}
a:hover, a:active, a:focus{ color: #005c8a; text-decoration: underline; }

img, fieldset,iframe, button{ border: 0 none; vertical-align: middle; }
form { margin: 0; }

h1, h2, h3, h4, h5, ul, li, dl, dt, dd { margin: 0px; padding: 0px; list-style:none;}

a,area { blr:expression(this.onFocus=this.blur()) }
	:focus { -moz-outline-style: none; }
a {outline:none; select-dummy: expression(this.hideFocus=true);}	
	title_link:hover { 
	color: #888888; 
	}

.noline {border:0px; vertical-align:middle;}
.cursor {cursor:pointer;}
.center {text-align:center;}
.right {text-align:right;}
.both {clear:both;}
.fl {float:left;}
.fr {float:right;}

.t_gray {color:#666;}
.t_red {color:red;}
.t_logo {color:#00a59a;}
.small {font-size:12px;}
.left {text-align:left;}
.bold {font-weight:bold;}

.space20 {height:20px;}
.space10 {height:10px;}

.bg_blue { background-color:#2bb1e6; }
.bg_red { background-color:#ff0085; }
.bg_yellow { background-color:#f3dd23; }

/* Button */
.button, .button a, .button button, .button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; white-space:nowrap; background:url(/images/buttonblue.gif) no-repeat; overflow:visible; color:#fff;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a, .button button, .button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px;}
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a, .button button, .button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a, .button.large button, .button.large input { height:30px; padding:0 10px 0 8px; font-size:14px; line-height:29px; background-position:right -30px;}
.button.xLarge a, .button.xLarge button, .button.xLarge input { height:35px; padding:0px 25px 0 25px; font-size:18px; line-height:35px; background-position:right -65px;}
.button.small a, .button.small button, .button.small input { height:18px; padding:0 5px 0 5px; font-size:11px; line-height:18px; background-position:right -107px;}

.button *:hover, .button *:active, .button *:focus{ color: #000; }
.button.black,.button.black a,.button.black button,.button.black input { background-image:url(/images/buttonblack.gif); color: #fff;}
.button.black *:hover, .button.black *:active, .button.black *:focus{ color:#ccc; }
.button.white, .button.white a, .button.white button, .button.white input { background-image:url(/images/buttonwhite.gif); color: #999;}
.button.white *:hover, .button.white *:active, .button.white *:focus{ color:#444; }
.button.gray, .button.gray a, .button.gray button, .button.gray input { background-image:url(/images/buttongray.gif); color: #000;}
.button.gray *:hover, .button.gray *:active, .button.gray *:focus{ color:#999; }
.button.blue, .button.blue a, .button.blue button, .button.blue input { background-image:url(/images/buttonblue.gif); color:#fff;}
.button.blue *:hover, .button.blue *:active, .button.blue *:focus{ color:#227;}
.button.strong * { font-weight:bold !important;}

.red { color: #d31276; }
.darkred { color: #d51e19; }
.blue { color: #00a0e9; }
.darkblue { color: #01258a; }
.green { color: #009944; }
.yellow { color: #fff100; }


.scroll-auto-x { overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.scroll-auto-y { overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.scroll-auto-x::-webkit-scrollbar, 
.scroll-auto-y::-webkit-scrollbar { display: none; }

/* 전체 레이아웃  wrap > head / top / container / footer ( > 각각 contents) > float 영역 */
#centers { margin-right:280px; padding-left:0px; }  /* 오른쪽 여백 20px + 오른쪽 공간 260px */
#rights{ float:right; width:260px; text-align:center; }



#OVERLAY { width: 100%; position: absolute; top: 0; bottom: 0; lef: 0; right: 0; display: none; background: rgba(0,0,0, 0.05); }

#FRM-TOP { z-index: 1; }
#FRM-BODY{ z-index: 1; }
#FRM-MENU { z-index: 1; }
#FRM-COPY{ z-index: 1; }
#FRM-AD { z-index: 1; }
#FRM-AD-RIGHT { z-index: 1; }

#OVERLAY { z-index: 2; }
#subnav { z-index: 9; }
#body_this { z-index: 2; }
#body_inL { z-index: 2; }
#facebook { z-index: 2; }




/* Board */
caption {visibility:hidden; overflow:hidden; width:1px; height:0px; font-size:0; line-height:0;}
#board table {width:100%; border-spacing:0; border-collapse:collapse; border-bottom:2px solid #bcbcbc;}
#board th {padding:5px 10px; border-top:2px solid #bcbcbc; border-bottom:1px solid #bcbcbc; background-color:#f3f3f3;border-left:1px solid #e8e8e8; text-align:center;}
#board td {padding:5px 10px; border-bottom:1px solid #bcbcbc; border-left:1px solid #e8e8e8; text-align:center;}
#board th:first-child {border-left:none;}
#board td:first-child {border-left:none;}

#board2 table {width:100%; border-spacing:0; border-collapse:collapse; border-top:2px solid #bcbcbc; border-bottom:2px solid #bcbcbc;}
#board2 th {padding:7px 0; border-bottom:1px solid #bcbcbc; border-right:1px solid #e8e8e8; background-color:#f3f3f3; text-align:center; font-weight:normal; font-size:14px;}
#board2 td {padding:7px 10px; border-bottom:1px solid #bcbcbc; }
#board2 th:first-child {border-left:none;}
#board2 td:first-child {border-left:none;}

#board3 table {width:100%; border-spacing:0; border-collapse:collapse; border-bottom:2px solid #bcbcbc;}
#board3 th {padding:10px; border-top:2px solid #bcbcbc; border-bottom:1px solid #bcbcbc; background-color:#f3f3f3; font-weight:normal;}
#board3 textarea {width:99%;}

#board .left {text-align:left;}
#board li {float:left; padding:5px;}
.board_search{text-align:right; margin:15px 0;}
.board_num {width:100%; margin:15px 0; text-align:center; font-weight:bold;}

.board_cate {background-color:#F58220; color:#fff; text-align:center;}
.board_tit {font-weight:bold; padding-left:15px; font-size:16px;}
.board_btn {width:100%; margin:15px 0; overflow:hidden;} 
.board_txt {height:200px; text-align:justify;}
.re {background:url(/images/bbs/icon_re.gif) no-repeat; padding:1px 30px;}

.pw_box {background-color:#efefef; padding:10px 0; text-align:center; font-weight:bold;}

#award2 {border-top:1px solid #a0a0a0;}
#award2 table {width:100%; border-spacing:0; border-collapse:collapse; font-size:15px; line-height:24px;}
#award2 th {padding:10px 20px; border-bottom:1px solid #a0a0a0; vertical-align:middle; font-weight:normal; color:#000; font-size:15px;}
#award2 td {padding:10px 20px; border-bottom:1px solid #a0a0a0; border-left:1px solid #e2e2e2; text-align:center; }
#award2 td.th {font-weight:bold; border-left:none;}
#award2 td.bg {background-color:#ededed;}
#award2 td:first-child {border-left:;}

#award {border-top:1px solid #a0a0a0;}
#award table {width:100%; border-spacing:0; border-collapse:collapse; font-size:15px; line-height:24px;}
#award td {border-bottom:1px solid #a0a0a0; border-left:1px solid #e2e2e2; text-align:center; padding:5px;}
#award td:first-child {border-left:none;}

/* join */
.join_btn {margin:30px 0; text-align:center; overflow:hidden;}
.agree_txt {padding:5px 0px;}
.agree_notice {font-size:13px; padding:20px; background-color:#efefef; overflow:hidden;}

.join_post {margin:20px; text-align:center; border:5px solid #ccc; background-color:#fff; padding:15px; font-size:18px; font-weight:bold; line-height:18px;}

.zipcode_tit {padding:10px 0; margin-bottom:10px; font-weight:bold; font-size:20px; line-height:22px;}
.zipcode_box {margin:0 auto; background-color:#fff; width:250px; text-align:center; border:5px solid #efefef; padding:5px;}

/* survey */
.sv_title {width:100%; border-bottom:1px dashed #ccc; padding:5px 0; margin:15px 0 5px; font-weight:bold;}
.sv_txt {width:100%; overflow:hidden; color:#666;}
.sv_txt li {float:left; line-height:20px; padding-right:20px;}

#popup_contents {margin: auto; padding:20px;}
.popup_tit {border-top:3px solid #666; border-bottom:3px double #666; margin-bottom:20px; font-size:30px; font-weight:bold; line-height:32px; padding:15px 0; text-align:center; }

.join_last {text-align:center; border:5px solid #515151; padding:10px 20px 20px 20px;}
.join_last p {font-size:20px; line-height:24px;}
.join_last_box {background-color:#f3f3f3; padding:20px 0; font-size:14px;}
.arrow {background:url(/images/include/icon_arrow.png) right center no-repeat; font-size:13px; text-decoration:underline; padding-right:10px;}

/*event*/
.event_list {overflow:hidden; margin-top:15px;}
.event_list ul {width:100%; border-bottom:1px solid #ccc; overflow:hidden; padding:5px 0 3px 0;}

.event_list li{float:left;}
.event_name {float:left; width:100px; color:#009881; font-weight:bold;}
.event_url {width:600px; font-size:11px; color:#999; word-break:break-all;}
.event_date {float:right; text-align:right; width:100px; font-size:11px; color:#666; }
.event_no {width:100%; text-align:center; padding:20px 0; font-weight:bold; color:#009881;}

.bbs_page {text-align:center; margin-top:15px;}



/* admin */
.admin_box {position:absolute; top:25%; left:50%; margin-left:-210px; width:420px; border:10px solid #efefef; overflow:hidden; padding:20px;}
.admin_logo {background-color:#444; padding:20px 0; font-size:15px; line-height:16px; color:#fff; font-weight:bold; text-align:center;}
.admin_tit {background-color:#999; padding:5px 0; font-size:12px; color:#fff; font-weight:bold; text-align:center;}