/* static START */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,fieldset {font-size:9pt;}
body {background-color:#BEC3C6; color:#333;}
img {border:0;}
a {color:#0E709F; text-decoration:none;}
a:hover {text-decoration:none;}
.fixed, .clear {clear:both;}

#article {line-height:1.5;}
/* static END */

.paging {text-align:center;}
.bbs_contents {padding:10px; line-height:1.5;}
.bbs_contents a {text-decoration:underline;}
.bbs_contents a:hover {color:red;}
.bbs_contents li {padding:5px 0px 5px 0px;}

/* layout START */
#wrap {padding:20px 0;}
#container {margin:0 auto;width:950px; border:0px solid #999;}
/* layout END */

/* header START */
#header {background:url(/img/header.jpg) 0 0 no-repeat; height:90px; border-bottom:0px solid #A6A6A6;overflow:hidden;}
#caption {padding:15px 0px 0px 15px; color:#FFFFFF; font-size:12pt; font-weight:bold;}
#header2 {background:url(/img/header.jpg) 0 0 no-repeat; height:120px; border-bottom:0px solid #A6A6A6;overflow:hidden;}
#header3 {background:url(/img/header2.jpg) 0 0 no-repeat; height:150px; border-bottom:0px solid #A6A6A6;overflow:hidden;}
/* header END */

/* navigation START */
#navigation {background:#FFF; border-bottom:1px solid #A6A6A6; }
#navigation2 {background:#FFF; padding:10px; border-bottom:1px solid #A6A6A6; }
#menus li {display:inline; list-style:none;}
#menus li a {background:transparent url(/img/menu.gif) no-repeat; display:block; color:#382E1F; height:31px; line-height:31px; padding:0 12px; margin-left:-10px; text-decoration:none; font-size:12px; float:left; z-index:1;}
#menus li a:hover, 
#menus li a.current {background-position:0 -31px;}
#menus li.current_page_item a, 
#menus li.current-cat a {background-position:0 -62px;}
#menus li a.home {background-position:0 -93px; width:45px; padding:0; margin-left:0; text-indent:-999em;}
#menus li a.home:hover {background-position:0 -124px;}
#menus li.current_page_item a.home {background-position:0 -155px;}
#menus li a.lastmenu:hover {background-position:0 0; cursor:default;}
/* navigation END */

ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 970px;
	list-style: none;
	position: relative;
	font-size: 10pt;
	background: url(/images/bg/topnav_stretch.gif) repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 10px 10px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}

ul#topnav li:hover { background: #1376c9 url(/images/bg/topnav_active2.gif) repeat-x; }
ul#topnav li.sel { background: #1376c9 url(/images/bg/topnav_active.gif) repeat-x; }

ul#topnav li span {
	float: left;
	padding: 10px 0px 10px 0px;
	position: absolute;
	left: 0; top:34px;
	display: none;
	width:100%;
	background: #1376c9;
	color: #fff;
	/*
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	*/
}


ul#topnav li span a { display: inline; padding: 10px 5px;}
ul#topnav li span a:hover {text-decoration: underline;}

/* content(main + sidebar) START */
#content {background:#FFF url(/img/sidesep.gif) left repeat-y;}
/* content END */

/* main START */
#main {background:#FFF url(/img/shadow.gif) top repeat-x; width:749px; float:right; overflow:hidden; border:0px solid #666;}
#main .content {padding:10px;}
#main .tl {width:700px; height:45px; background:url(/img/tl_bg.gif) no-repeat; border:1px solid #FFF;}
#main .tl_str {width:600px; height:20px; margin:15px 0px 0px 5px; color:#666; font-weight:bold;}
.tl_str_left {width:340px; float:left; border:0px solid gray; color:#666; font-weight:bold; margin:15px 0px 0px 5px;}
.tl_str_right {width:347px; float:right; border:0px solid gray; color:#666; font-weight:bold; margin-top:15px;}
/* main END */

/* sidebar START */
#sidebar {background:#F7F7F7 url(/img/shadow.gif) top repeat-x; width:200px; float:left; overflow:hidden; min-height:500px}
/* sidebar END */

/* footer START */
#footer {background:url(/img/bottom.jpg) 0px 0px no-repeat; display:block; height:88px; border-top:1px solid #CCC;}
/* footer END */

/* login START */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0px;height: 0px;}
.clearfix {display: block; }
#loginContainer {background-color: #F7F7F7; width: 180px;margin: 10px;}
#loginBox {background-color: #F7F7F7;height: 100%;position: relative;}
#loginButton {width:97px; height:27px; border: none; padding: 0; float:right; margin: 2px 8px 0px 0px;}
.login_input {background: transparent url(/img/input_bg.jpg) no-repeat top; padding: 6px;border: 1px solid #cecece;width:130px;color: #666666;}
.formRow, .buttonRow {width: 180px;}
.buttonRow .str_left {float:left; padding:12px 0px 0px 10px;}
.buttonRow .str_right {float:right; padding:8px 0px 0px 10px;}
.formImage {float:left;margin: 7px 8px 0px 0px;}
.formField {float:left; padding: 3px;background-color: #f2f2f2;}
/* login END */

/*left menu ul START*/
.left_menu_ul {list-style: none; margin: 0px; padding-left:10px;}
.left_menu_ul li {background: url(/images/icon/dot03.gif) no-repeat 0px 29%; padding-left: 10px; padding-bottom:10px;}
.left_menu_ul li a {font-weight:bold;}
/*left menu ul END*/

.site_img {border:1px solid #DBDBDB;padding:1px;}
.site_title {font-weight:bold; font-size:10pt; padding:0px 0px 5px 0px;}
.site_title2 {font-weight:bold; font-size:10pt; padding:0px 0px 5px 0px;}
.site_title2 a {color:#0066CC}
.site_link {padding:0px 0px 5px 0px;}
.site_link a {color:gray;}
.site_str {padding:0px 0px 5px 0px;}
.num_link {text-align:center;font-weight:bold;font-size:10pt; color:#95B7E5}
.link_box {border:solid #E6E6E6 1px; padding:5px;margin-bottom:5px;}
.grammar_tl {padding:5px 0px 0px 10px;}
.grammar_tl a {color:#333333;}
.grammar_tl a:hover {color:#0E709F;}
.grammar_src {padding:5px 5px 5px 5px; color:#1D445E; font-weight:bold; font-size:10pt;}
.grammar_src2 {padding:0px 5px 5px 5px; color:#666; font-weight:normal;}
.grammar_src_border {padding:0px 5px 0px 5px; margin:15px 20px 15px 10px; line-height:150%;}
.grammar_title_text {color:#FFFFFF; font-size:10pt; font-weight:bold; padding-left:5px;}
.grammar_title_box {padding:5px; margin:10px 10px 0px 0px;}
.grammar_text {padding:5px; margin:0px 10px 0px 10px; line-height:150%;}
.tl_grammar {color:#0E709F; font-weight:bold; font-size:10pt; margin:15px 0px 0px 5px;}


/* Start custom button CSS here ---------------------------------------- */
.btn {
  display:inline-block;
  background:none;
  margin:0;
  padding:5px 0px 2px 0px;
  border-width:0;
  overflow:visible;
  font-size:12px;
  text-decoration:none;
  color:#333;
  }
* html button.btn {
  padding-bottom:1px;
  }

html:not([lang*=""]) button.btn {
  margin:0 -3px;
  }
.btn span {
  background:#ddd url(/images/button/bg-button.gif) repeat-x 0 0;
  margin:0;
  padding:5px 0px 2px 0px;
  border-left:1px solid #bbb;
  border-right:1px solid #aaa;
  }
* html .btn span {
  padding-top:0;
  }
.btn span span {
  position:relative;
  padding:5px .4em 2px .4em;
  border-width:0;
  border-top:1px solid #bbb;
  border-bottom:1px solid #aaa;
  }

/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
  cursor:pointer; /* important for any clickable/pressable element */
  border-color:#939393 !important;
  text-decoration:none !important;
  color:#000;
  }
.btn:active span {
  background-position:0 -400px;
  outline:none;
  }
.btn:focus, .btn:active {
  outline:none; /* doesn't seem to be respected for <button>, only <a> */
  }
/* End custom button CSS here ---------------------------------------- */

/* tinymce.css와 sync ---------------------------------------- */
.ex01 {font-size:10pt; color:#C83331;}



/* search form 
-------------------------------------- */
.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
	font: normal 12px/100% Gulim, Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #fff;
	padding: 4px 4px 4px 6px;
	width: 160px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	font-family: Gulim;
	height: 27px;
	width: 30px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}