@import url(/gears/resource/button.css);
@import url(/gears/resource/qq/fileuploader.css);
@import url(/gears/resource/jquery.calendar-0.2.css);

.absmiddle {
	vertical-align:middle;
}
.article-content {
  overflow-x:hidden;
	padding:10px 5px;
}
.article-content p {
	padding:0;
	margin:0;
}
#FormBoard {
  font-size:12px;
}
#FormBoard th,
#FormBoard td,
#FormBoard div,
#FormBoard input,
#FormBoard button {font-size:12px;}
/* fieldset */
#FormBoard fieldset {
	padding:0;
	margin:0;
	clear:both;
	border:0;
}
#FormBoard fieldset legend {
	position:absolute;
	left:-1000px;
	top:0px;
	height:1px;
	width:1px;
	font-size:1px;
	color:#acab96;
	line-height:1px;
	overflow:hidden;
}
/* board view */
#FormBoard div.board-view {
	clear:both;
}
#FormBoard div.board-view div.article-title {
	clear:both;
	height:35px;
	background:#f1f1f1;
	padding:0 10px 0 10px;
	border-bottom:solid 1px #eee;
}
#FormBoard div.board-view div.article-title h3 {
	margin:0;
	padding:0;
	float:left;
	font-size:1.1em;
	display:block;
	line-height:35px;
	font-family:"¸¼Àº °íµñ", MalgunGothic, gulim, dotum;
}
#FormBoard div.board-view div.article-title em {
	float:right;
	font-size:1em;
	font-weight:bold;
	font-style:normal;
	line-height:35px;
}
#FormBoard div.board-view div.article-title em a img {
	vertical-align:middle;
}
#FormBoard div.board-view div.article-schedule {
  padding:3px 10px;
  border-bottom: solid 1px #ccc;
}
#FormBoard div.board-view div.article-content {
	padding:10px;
	clear:both;
}
#FormBoard div.board-view div.article-content p.plain-text {
	line-height:1.7;
	color:#000;
}
#FormBoard div.board-view div.article-info {
	clear:both;
	padding:10px;
	border-top:solid 1px #f1f1f1;
}
#FormBoard div.board-view div.article-info dl {
	display:block;
	clear:both;
	width:99%;
	margin:0;
	padding:0;
	line-height:1.4;
}
#FormBoard div.board-view div.article-info dl dt {
	background-image:none;
	font-weight:bold;
	font-size:1em;
	float:left;
	padding:0;
	margin:0;
}
#FormBoard div.board-view div.article-info dl dd {
	float:left;
	margin:0;
	padding:0 5px 0 0;
}
#FormBoard div.board-view div.article-info dl dd a {
  color:#0072BC;
}
#FormBoard div.board-view ul.next-prev {
	display:block;
	clear:both;
	border-top:solid 1px #ddd;
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-position:outside;
}
#FormBoard div.board-view ul.next-prev li {
	display:block;
	height:28px;
	line-height:28px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
#FormBoard div.board-view ul.next-prev li.prev {
	border-bottom:solid 1px #ddd;
	border-top:solid 1px #ddd;
}
#FormBoard div.board-view div.buttons {
	text-align:right;
	clear:both;
	padding:5px 0 10px 0;
}
#FormBoard table.board-view {
	border:0;
	table-layout:fixed;
	clear:both;
}
#FormBoard table.board, #FormBoard table.board th, #FormBoard table.board td, #FormBoard table.board-view thead.board th, #FormBoard table.board-view tbody tr td.board, #FormBoard table.board-view tbody tr.board td, #FormBoard table.board-view thead.board td, #FormBoard table.board-view tbody.board td {
	border:0;
}
#FormBoard div.board-comment table {
	width:100%;
}
#FormBoard table.board-view {
	border-bottom:solid 2px #E7E7E7;
}
#FormBoard table.board-view thead.board tr th {
	height:35px;
	color:#686868;
	font-size:1em;
	font-weight:normal;
	text-align:left;
	background:#f1f1f1;
	border-bottom:solid 1px #E7E7E7;
}

#FormBoard div.board-comment {
	border:solid 1px #7a7a60;
	padding:8px;/*background-color:#FBFBFB;*/
}
#FormBoard div.board-comment div.controls{margin-bottom:2px;padding-left:85px;position:relative;clear:both;}
#FormBoard div.board-comment div.controls label{display:inline-block;width:80px;text-align:right;position:absolute;left:0px;top:0px;_left:-85px;}
#FormBoard div.board-comment div.captcha label{_left:-250px;}

#FormBoard table.board-comment-list td {
	color:#000;
	text-align:center;
	padding:3px;/*font-size:11px;*/
}
#FormBoard table.board-comment-list td.article_comment_writer_nm {
	font-weight:bold;
	color:#3B3B3B;
}
#FormBoard table.board-comment-list td.article_comment_content {
	text-align:left;
	line-height:140%;
	color:#3B3B3B;
}
#FormBoard table.board-comment-list td.article_comment_write_dt {
}
#FormBoard table.board-comment-list td.article_comment_delete {
}

/* board post */
#FormBoard table.board-post {
	border-top:solid 3px #efefef;
	table-layout:fixed;
	background:#efefef;
}
#FormBoard table.board-post tr th {
	background:#f1f1f1;
	text-align:center;
	padding:3px 0;
}
#FormBoard table.board-post tr td {
	text-align:left;
	padding-right:10px;
}
table.fixed {
	table-layout:fixed;
}
#FormBoard input.txt,
#FormBoard textarea.txt {
	border:0px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-webkit-appearance:none;
}
#FormBoard.mobile input.txt,
#FormBoard.mobile textarea.txt{
	padding:2px 0;
	margin:0;
}
#FormBoard.mobile input.full,
#FormBoard.mobile textarea.full{
	width:100%;
}
#FormBoard select {
	font-size:0.9em;
}
#FormBoard div.break {
	clear:both;
	height:1px;
	padding:0px;
	overflow:hidden;
	margin:0px;
}
#FormBoard input.txt, #FormBoard textarea.txt {
	border:rgb(204,204,204) 1px solid;
	font-size:1em;
	font-family:dotum;
}
#FormBoard table.board-post img, #FormBoard table.board-list img, #FormBoard table.board-view tbody.footer img {
	vertical-align:middle;
}
#FormBoard input,
#FormBoard select, 
#FormBoard button{
	vertical-align:middle;
}
#FormBoard .comment_txt {
	font-family:gulim;
	font-size:1em;
	border:solid 1px silver;
}
/* paginate */
.paginate * {
	margin:0;
	padding:0;
}
.paginate a, .paginate strong {
	_position:relative;
	margin-left:-6px;
	font-weight:bold;
	display:inline-block;
	padding:3px 8px 1px 7px;
	color:#313031;
	border-left:1px solid #7a7a60;
	border-right:1px solid #7a7a60;
	text-decoration:none;
	line-height:normal;
}
.paginate strong {
	color:#00f !important;
}
.paginate a:hover {
	background:#F7F7F7;
}
.paginate a.pre {
	padding:3px 8px 1px 16px;
	border:none;
	font-weight:normal;
}
.paginate a.pre_end {
	padding:3px 8px 1px 16px;
	border:none;
	border-right:1px solid #ccc;
	font-weight:normal;
}
.paginate a.next {
	padding:3px 16px 1px 8px;
	border:none;
	font-weight:normal;
}
.paginate a.next_end {
	padding:3px 16px 1px 8px;
	border:none;
	border-left:1px solid #ccc;
	font-weight:normal;
}
/* board-category */
div.top-category {
	padding:0;
	margin:0;
	display:block;
	height:30px;
	padding-right:10px;
	background:#f1f1f1;
}
ul.top-category {
	padding:0;
	margin:0;
	display:block;
	padding-left:10px;
	display:block;
	height:30px;
	list-style-type:none;
	list-style-position:outside;
}
ul.top-category li {
	display:inline-block;
	float:left;
	margin:0;
	padding:0;
}
ul.top-category li a:link, ul.top-category li a:visited {
	display:inline-block;
	padding-left:5px;
	padding-top:2px;
	padding-right:5px;
	line-height:24px;
	color:#000;
	text-decoration:none;
}
ul.top-category li a:hover {
	color:#000;
	background:#fff;
}
ul.top-category li a.selected {
	color:#fff ! important;
	font-weight:bold;
	background:#888873;
}
/* pager */
div.pager {
	clear:both;
	margin-top:10px;
}
div.pager div.pager1 {
	float:left;
}
div.pager div.pager2 {
	float:right;
}
div.pager div.pager3 {
	text-align:center;
}

#FormBoard hr {display:inherit;visibility:visible;}

/* board-list */
#FormBoard table.board-list {border:0;table-layout:fixed;clear:both;width:100%;}
#FormBoard table.board-list th,
#FormBoard table.board-list td {border:0;}
#FormBoard table.board-list thead tr th {
  height:35px;
  color:#686868;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  background:#f1f1f1 url(header_bg.gif) repeat-x left top;
  border-bottom:solid 1px #dfdfdf;
}
#FormBoard table.board-list tbody tr td {
  height:28px;
  color:#000000;
  font-size:12px;
  font-weight:normal;
  background:#ffffff url(dot_line.gif) repeat-x left bottom;
}
#FormBoard table.board-list tbody tr.notice td {
  background-color:#efefef;
}
#FormBoard table.board-list td.article_writer_nm,
#FormBoard table.board-list td.article_write_dt,
#FormBoard table.board-list td.article_hit {
  color:#979797;
  font-size:11px;
  font-weight:normal;
  text-align:center;
}
#FormBoard table.board-list span.article_comment_cnt {
  color:#979797;
  font-size:11px;
  font-weight:normal;
}
#FormBoard table.board-list img.icon_new {
  vertical-align:text-top;
}

/* board view */
#FormBoard div.board-view div.article-title {clear:both;height:35px;background:#f1f1f1 url(header_bg.gif) repeat-x left top;padding:0 10px 0 10px;border-bottom:solid 1px #eee;}
#FormBoard div.board-view ul.next-prev li {display:block;background:url(prev_article.gif) no-repeat left top;height:28px;padding-left:110px;line-height:28px;}
#FormBoard div.board-view ul.next-prev li.prev {background-image:url(next_article.gif);border-bottom:solid 1px #ddd;border-top:solid 1px #ddd;}
#FormBoard div.board-view ul.next-prev li.next-en {background-image:url(prev_article_en.gif);}
#FormBoard div.board-view ul.next-prev li.prev-en {background-image:url(next_article_en.gif);}
#FormBoard table.board-view thead.board tr th {
  height:35px;
  color:#686868;
  font-size:12px;
  font-weight:normal;
  text-align:left;
  background:#f1f1f1 url(header_bg.gif) repeat-x left top;
  border-bottom:solid 1px #E7E7E7;
}
table.board-comment-list td {
  color:#666666;
  background-image:url(dot_line.gif);
  background-position:bottom;
  background-repeat:repeat-x;
  text-align:center;
  padding:5px 3px 5px 3px;
  font-size:11px;
}

/* paginate */
.paginate a.pre{ padding:3px 8px 1px 16px; background:url(bu_pg1_l1.gif) no-repeat 8px 6px !important; border:none; font-weight:normal; }
.paginate a.pre_end{ padding:3px 8px 1px 16px; background:url(bu_pg1_l2.gif) no-repeat 4px 6px !important; border:none; border-right:1px solid #ccc; font-weight:normal;}
.paginate a.next{ padding:3px 16px 1px 8px; background:url(bu_pg1_r1.gif) no-repeat 37px 6px !important; border:none; font-weight:normal; }
.paginate a.next_end{ padding:3px 16px 1px 8px; background:url(bu_pg1_r2.gif) no-repeat 37px 6px !important; border:none; border-left:1px solid #ccc; font-weight:normal;}

/* board-category */
div.top-category {padding:0;margin:0;display:block;height:30px;padding-right:10px;background:#f1f1f1 url(search_tab_bg1.gif) repeat-x left bottom;}

/* webzine-list */
#FormBoard div.webzine-list {clear:both;}
#FormBoard div.webzine-list ul {display:block;float:left;margin:0;padding:0;list-style-type:none;list-style-position:outside;width:100%;}
#FormBoard div.webzine-list ul li {display:block;width:100%;float:left;border-top:solid 1px #ccc;padding:10px 0;clear:both;}
#FormBoard div.webzine-list ul li a.article_title {font-weight:bold;}
#FormBoard div.webzine-list ul li.list0 {border-top:none;}
#FormBoard div.webzine-list ul li img.thumb {float:left;margin-right:10px;max-width:100px;max-height:75px;}
#FormBoard div.webzine-list ul li p {padding:0;margin:0;line-height:1.6;font-size:9pt;}
#FormBoard div.webzine-list ul li p.content {font-size:9pt;}
#FormBoard div.webzine-list ul li p.info span {margin-right:10px;}
#FormBoard div.webzine-list ul li p.info span em {font-style:normal;margin-right:5px;color:#666;}

/* gallery-list */
#FormBoard div.gallery-list {clear:both;}
#FormBoard div.gallery-list hr {clear:both;height:1px;color:#ededed;display:block;}
#FormBoard div.gallery-list ul {display:block;float:left;margin:0;padding:0;list-style-type:none;list-style-position:outside;width:100%;padding-left:2%;}
#FormBoard div.gallery-list ul li {display:block;width:24%;float:left;margin:0;height:180px;}
#FormBoard div.gallery-list ul li.hr {clear:both;width:99%;height:1px;line-height:1px;overflow:hidden;}
#FormBoard div.gallery-list ul li.hr hr {display:none;}
#FormBoard div.gallery-list ul li img.thumb {display:block;margin:0 auto 5px auto;padding:5px;border:solid 1px #dfdfdf;max-width:100px;max-height:75px;}
#FormBoard div.gallery-list ul li a.article_title {display:block;padding:0 10px;}
#FormBoard div.gallery-list ul li div {display:block;padding:0 10px;margin:2px 0;clear:both;font-size:11px;color:#888;}
#FormBoard div.gallery-list ul li div em {color:#054f90;font-style:normal;text-transform:capitalize;font-size:10px;padding-right:3px;font-family:dotum,arial;}

#FormBoard ul.gallery-notice {padding:5px 0;margin:0;display:block;list-style-type:none;list-style-position:outside;}
#FormBoard ul.gallery-notice li {display:block;clear:both;padding-left:25px;background:url(warn.gif) no-repeat 2px 50%;}
#FormBoard ul.gallery-notice li a img {margin-right:5px;}
#FormBoard ul.gallery-notice li a {font-weight:bold;font-size:12px;}
#FormBoard ul.gallery-notice li em {font-style:normal;font-size:11px;color:#555;}

/* product-list */
#FormBoard div.product-list {}
#FormBoard div.product-list ul li a.article_title {text-align:center;font-weight:bold;}

/* product-view */
#FormBoard div.product-view div.article-title h3 {float:none;text-align:center;}
#FormBoard div.product-view div.product-photos {text-align:center;margin-top:10px;}
#FormBoard div.product-view div.product-photos ul {display:block;padding:0;margin:20px 0 0 0;text-align:center;}
#FormBoard div.product-view div.product-photos ul li {display:inline;margin:5px;}
#FormBoard div.product-view div.product-photos ul li img {padding:10px;border:solid 1px #ccc;margin-bottom:10px;}
#FormBoard div.product-view div.product-infos table {width:100%;}
#FormBoard div.product-view div.product-infos table th {border-bottom:solid 1px #eee;width:20%;text-align:center;}
#FormBoard div.product-view div.product-infos table td {border-bottom:solid 1px #eee;width:80%;text-align:left;}

/* event-list */
#fes_List {float:left;width:100%;padding:10px 0;margin:0;border-top:1px solid #ddd;}
#fes_List dl {float:left;position:relative;left:0px;padding:0 0 7px 0;margin:0 0 10px 0;border-bottom:1px solid #ddd;width:100%;}
#fes_List dt {float:left;padding:0 0 0 13px;margin:0 0 8px 0;font-weight:bold;font-size:11pt;font-family:"Malgun Gothic", "©ø¨£¢¥¢ç¡Æi¥ìn", dotum;color:#000;background:url(txt_bl.gif) no-repeat 0 50%;}
#fes_List dt img {vertical-align:middle;}
#fes_List dd {float:left;width:100%;padding:0;margin:0;}
#fes_List dd img.app_thumb {float:left;width:150px;height:100px;border:1px solid #ddd;padding:7px;}
#fes_List dd ul {float:left;width:auto;padding:0;margin:0;list-style:none;margin-left:50px;}
#fes_List dd ul li {padding:2px 0 2px 0;margin-bottom:5px;}
#fes_List dd ul li span {float:left;width:80px;margin-right:15px;text-align:center;border:solid 1px #ccc;border-radius:4px;}
#fes_List .btn_view {float:left;text-align:right;clear:both;width:100%;}

/* place-list */
#place_List {float:left;width:100%;padding:10px 0;margin:0;border-top:1px solid #ddd;}
#place_List dl {float:left;position:relative;left:0px;padding:0 0 7px 0;margin:0 0 10px 0;border-bottom:1px solid #ddd;width:100%;}
#place_List dt {float:left;padding:0 0 0 13px;margin:0 0 8px 0;font-weight:bold;font-size:11pt;font-family:"Malgun Gothic", "©ø¨£¢¥¢ç¡Æi¥ìn", dotum;color:#000;background:url(txt_bl.gif) no-repeat 0 50%;}
#place_List dt img {vertical-align:middle;}
#place_List dd {float:left;width:100%;padding:0;margin:0;}
#place_List dd img.app_thumb {float:left;width:150px;height:100px;border:1px solid #ddd;padding:7px;}
#place_List dd ul {float:left;width:auto;padding:0;margin:0;list-style:none;margin-left:50px;}
#place_List dd ul li {padding:2px 0 2px 0;margin-bottom:5px;}
#place_List dd ul li span.label {float:left;width:80px;margin-right:15px;text-align:center;border:solid 1px #ccc;border-radius:4px;}
#place_List .btn_view {float:left;text-align:right;clear:both;width:100%;}

/* event-view */
#FormBoard div.event-view div.article-title h3 {float:none;text-align:center;}
#FormBoard div.event-view div.event-container {float:left;width:100%;}
#FormBoard div.event-view div.event-photo img {max-width:100%;}
#FormBoard div.event-view div.event-photos {text-align:center;margin-top:10px;float:left;width:49%;}
#FormBoard div.event-view div.event-photos ul {display:block;padding:0;margin:5px auto 0 auto;text-align:center;max-width:600px;}
#FormBoard div.event-view div.event-photos ul li {display:block;float:left;width:25%;}
#FormBoard div.event-view div.event-photos ul li img {margin-bottom:5px;width:100%;}
#FormBoard div.event-view div.event-infos {float:right;width:49%;padding-top:8px;}
#FormBoard div.event-view div.event-infos table {width:100%;}
#FormBoard div.event-view div.event-infos table th {width:20%;text-align:center;padding:5px 0;vertical-align:top;font-weight:normal;}
#FormBoard div.event-view div.event-infos table th span {display:block;text-align:center;border:solid 1px #ccc;border-radius:4px;}
#FormBoard div.event-view div.event-infos table td {width:80%;text-align:left;padding:5px 0 0 10px;vertical-align:top;font-weight:bold;}
#FormBoard div.event-view div.article-content {border-top:solid 1px #ccc;}

/* board-calendar */
#FormBoard div#calendar-list table.board-list span.cellmargin {display:block;margin-bottom:30px;}
#FormBoard div#calendar-list table.board-list tbody tr td.schedule {vertical-align:top;height:65px;overflow-y:visible;}
#FormBoard div#calendar-list table.board-list tbody tr td.schedule div {width:100%;padding-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#FormBoard div#calendar-list table.board-list tbody tr td.schedule span.d {line-height:18px;font-family:Verdana,Arial;font-size:13px;}
#FormBoard div#calendar-list table.board-list thead tr th.week0,
#FormBoard div#calendar-list table.board-list tbody tr td.week0 span.d {color:red;}
#FormBoard div#calendar-list table.board-list thead tr th.week6,
#FormBoard div#calendar-list table.board-list tbody tr td.week6 span.d {color:#438CCB;}
#FormBoard div#calendar-list table.board-list img.icons {margin-right:2px;}
#FormBoard div#calendar-list div.ym-navigate {text-align:center;}
#FormBoard div#calendar-list div.ym-navigate a {margin:0 10px;}
#FormBoard div#calendar-list div.ym-navigate span.y {color:#2977d5;font-weight:bold;font-size:1.2em;font-family:Verdana;}
#FormBoard div#calendar-list div.ym-navigate span.m {color:#2977d5;font-weight:bold;font-size:2.5em;font-family:Arial Black;}

#FormBoard div.article-content div.image-container img{max-width:100%;}
div.addthis_toolbox{float:right;padding:2px 0;clear:both;}

/* mobile-list */
#FormBoard.mobile {}
#FormBoard.mobile div.mobile-list{}
#FormBoard.mobile div.mobile-list p{clear:none;width:auto;padding:0;margin:0;}
#FormBoard.mobile div.mobile-list ul{display:block;padding:0;margin:0;list-style:none none outside;}
#FormBoard.mobile div.mobile-list ul li{padding:4px;line-height:1.6;display:block;}
#FormBoard.mobile div.mobile-list ul li:nth-child(odd) {background-color:#f4f4f4;}
#FormBoard.mobile div.mobile-list ul li a:link{text-decoration:none;display:block;margin-right:20px;}
#FormBoard.mobile div.mobile-list ul li a span.thumb{float:left;display:block;border:none;width:80px;height:60px;margin-right:5px;text-align:center;}
#FormBoard.mobile div.mobile-list ul li a span.thumb img{border:none;max-width:80px;max-height:60px;}
#FormBoard.mobile div.mobile-list ul li a p.title{font-size:1.3em;}
#FormBoard.mobile div.mobile-list ul li a p.title em{font-size:0.8em;font-style:normal;}
#FormBoard.mobile div.mobile-list ul li a p.content{font-size:0.8em;}
#FormBoard.mobile div.mobile-list ul li a p.info span {margin-right:3px;color:#666;}
#FormBoard.mobile div.mobile-list ul li a p.info span em{color:#999;margin-right:3px;text-transform:capitalize;}
#FormBoard.mobile div.mobile-list ul li a p.info span em:after{content:':';}
#FormBoard.mobile div.mobile-list ul.notice li{border-bottom:solid 1px #ccc;}
#FormBoard.mobile div.mobile-list ul.notice li a{display:block;padding-left:18px;background-image:url(warn.gif);background-repeat:no-repeat;background-position:0px 4px;}
#FormBoard.mobile div.article-content iframe,
#FormBoard.mobile div.article-content img{max-width:100%;}
#FormBoard.mobile div.board-view div.article-title{height:auto;background-image:none;}
#FormBoard.mobile div.board-view div.article-title h3{line-height:1.5;}
#FormBoard.mobile div.board-view div.article-title em{line-height:1.5;}

@media all and (max-width: 340px)
{
  #FormBoard.mobile div.mobile-list ul li a p.content{display:none;}
  #FormBoard.mobile div.mobile-list ul li a span.thumb{width:60px;max-height:45px;}
  #FormBoard.mobile div.mobile-list ul li a span.thumb img{max-width:60px;max-height:45px;}
}

div.cke_dialog_background_cover{opacity:0.6;filter:alpha(opacity=60);}

#youtubeDiv{width:100%;padding-bottom:60%;position:relative;}
#youtubeDiv iframe{position:absolute;left:0;top:0;width:100%;height:100%;}