@charset "utf-8";

@import url(../css/nanumgothic.css);

/* CSS Document */



* {padding:0; margin:0;}
body {background:#ffffff; font: 14px "notokr-medium","NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#494949; }
#topbanner {height:120px; border-bottom:solid 1px #f2efe9;}
#pagewrap {background:url(../images/bg.jpg) repeat; padding-top:10px; padding-bottom:10px;}
#wrap {width:1010px; margin:auto;}
.clear {clear:both;}
#homeheader {height:350px;}
#mainimg {width:700px; height:330px; padding:10px; float:left; border:solid 1px #ac9f87;}
#rightboxes {float:right; width:272px; float:right;}
#rightboxes .box1 {background:url(../images/rightimg1.jpg) 10px 10px no-repeat; width:250px; height:90px; padding:10px; margin-bottom:8px; border:solid 1px #ac9f87;}
#rightboxes .box2 {background:url(../images/rightimg2.jpg) 10px 10px no-repeat; width:250px; height:90px; padding:10px; margin-bottom:8px; border:solid 1px #ac9f87;}
#rightboxes .box3 {background:url(../images/rightimg3.jpg) 10px 10px no-repeat; width:250px; height:90px; padding:10px; margin-bottom:0; border:solid 1px #ac9f87;}
#maincontent {padding:0px;  font-family:"notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"!important;}

#threecol .col1 {width:300px; float:left; padding:10px;}
#threecol .col2 {width:300px; float:right; padding:10px;}
#threecol .col3 {padding:10px; margin:0 335px 0 345px;}
#maincontent h2 {font:  bold 18px NanumGothic, "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; margin-bottom:10px; text-shadow:#fff 1px 1px 1px;}
#maincontent p {font: 12px "notokr-medium","NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; line-height:22px;}
#topbanner .container {width:1010px;  margin:auto;}
#sitename {width:173px; float:left; display:block; color:#f3ebd9; padding:0 0 0 0;}
#sitename span {display:block; font:bold 16px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS", sans-serif!important; line-height:17px!important; color:#999; clear:both; }
#sitename a {color:#f3ebd9; text-decoration:none; display:block; float:left; padding:0 0 0 0;}
#sitename a:hover { background:url(../images/homelinkicon.gif) right 8px no-repeat; }

#mainnav_s {float:right; float:right; height:40px; color:#ccc; min-width:350px;}
#mainnav_s ul {list-style:none;}
#mainnav_s li {display:inline; font: bold 13px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";}
#mainnav_s li a {color:#827b6e; text-decoration:none; padding:20px 20px 0px 0px; height:20px; display:block; float:left;}
#mainnav_s li.active a {color:#f3ebd9; text-shadow:#222 1px 1px 1px;}

#mainnav {float:right; float:right; height:80px; color:#ccc; min-width:800px;}
#mainnav ul {list-style:none;}
#mainnav li {display:inline; font: bold 18px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";}
#mainnav li a {color:#827b6e; text-decoration:none; padding:20px 20px 0px 25px; height:60px; display:block; float:left;}
#mainnav li a span {display:block; font: normal 14px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#6c675e; text-transform: capitalize;}
#mainnav li a:hover {color:#f3ebd9;}
#mainnav li a:hover span {color:#827b6e!important}
#mainnav li.active a {color:#f3ebd9; background:url(../images/menuactive.gif) center bottom no-repeat; text-shadow:#222 1px 1px 1px;}


#page {width:920px; float:left; padding: 0 30px 10px 10px;}
#sidebar {width:200px; float:right; padding:10px;}
#sidebar_p {width:200px; float:right; padding:10px;}
.bordered {border-bottom:solid 1px #ac9f87;}
.subhead {font:bold 16px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS", sans-serif!important; background:url(images/subheadh2bg.jpg) left bottom no-repeat; padding:8px 10px 4px 25px; height:20px; color:#b3a893; margin:0 0 25px -10px!important;}

.rotate {
 		-moz-transform: rotate(-1.5deg);  /* FF3.5+ */
       	-o-transform: rotate(-1.5deg);  /* Opera 10.5 */
  		-webkit-transform: rotate(-1.5deg);  /* Saf3.1+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
                 M11=0.9996573249755573, M12=0.02617694830787315, M21=-0.02617694830787315, M22=0.9996573249755573); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.9996573249755573, M12=0.02617694830787315, M21=-0.02617694830787315, M22=0.9996573249755573)"; /* IE8 */
               zoom: 1;}
.post2 p {margin-bottom:15px;}
.post2head {margin-bottom:35px;}
.post2head p, .pos2thead h3 {margin-bottom:0!important;}
.post2head .date {font: normal 12px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS", sans-serif!important; color:#8b7f6c;}
.post2 .post2head h3 {display:block; font:bold 24px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#c83d26; text-shadow:#fff 1px 1px 1px;}
.post2head h3 a {color:#222!important; text-decoration:none;}
.post2head h3 a:hover {background:#f5eee2;}
.post2head .postmeta {float:right; display:block; font:11px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS", sans-serif!important;}			   

		   
.post p {margin-bottom:15px;}
.posthead {margin-bottom:35px; margin-top:20px;}
.posthead p, .posthead h3 {margin-bottom:0!important;}
.posthead .date {font: normal 12px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS", sans-serif!important; color:#8b7f6c;}
.post .posthead h3 {display:block; font:bold 24px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#c83d26; text-shadow:#fff 1px 1px 1px;}
.posthead h3 a {color:#222!important; text-decoration:none;}
.posthead h3 a:hover {background:#f5eee2;}
.posthead .postmeta {float:right; display:block; font:11px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS", sans-serif!important;}
#maincontent a {color:#222;}
#maincontent a:visited, #maincontent a:active {color:#333;}
#maincontent a:hover {color:#000; text-decoration:none;}
.post {background:url(../images/subheadbg.gif) left bottom repeat-x; padding-bottom:10px; margin-bottom:10px; padding-top:10px;}


#sidebar {display:block; margin-top:35px; }
#sidebar ul {list-style:none; display:block; margin-bottom:10px; }
#sidebar ul li {display:block;}
#sidebar .menu {font:bold 14px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";}
#sidebar ul.menu li {display:block; height:35px; background:url(../images/sidebarbullet.jpg) 3px 10px no-repeat;}
#sidebar ul.menu li:hover {background:url(../images/sidebarbullet.jpg) 3px 10px no-repeat;}
#sidebar ul.menu li a {display:block; color:#494949; height:30px; padding:5px 5px 0 20px; background:url(../images/subheadbg.gif) left bottom repeat-x; text-decoration:none; text-shadow:#fff 1px 1px 1px;}
#sidebar ul.menu li a:hover {color:#c83d26;}
#sidebar .posts li {display:block; padding:5px 10px 8px 0; background:url(../images/subheadbg.gif) left bottom repeat-x;}
#sidebar .posts li span {display:block; font:11px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#222; padding:3px 0 0 35px;}
#sidebar .posts a {display:block; font:bold 14px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; text-decoration:none; background:url(../images/starblt.gif) 3px 2px no-repeat; height:12px; padding:3px 0 7px 35px;}
#sidebar .posts a:visited, #sidebar .posts a:active {text-decoration:none;}
#sidebar .posts a:hover {color:#000!important; background:url(../images/starblt2.gif) 3px 1px no-repeat;}
#sidebar h2 {display:block; font: bold 16px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#c83d26; padding:5px; border-bottom: dashed 1px #c8bead;}


#sidebar_p {display:block; margin-top:35px; }
#sidebar_p ul {list-style:none; display:block; margin-bottom:10px; }
#sidebar_p ul li {display:block;}
#sidebar_p .menu {font:bold 13px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";}
#sidebar_p ul.menu li {display:block; height:25px; background:url(../images/sidebarbullet.jpg) 3px 10px no-repeat;}
#sidebar_p ul.menu li:hover {background:url(../images/sidebarbullet.jpg) 3px 10px no-repeat;}
#sidebar_p ul.menu li a {display:block; color:#494949; height:30px; padding:5px 5px 0 20px; background:url(../images/subheadbg.gif) 0px 23px repeat-x; text-decoration:none;}
#sidebar_p ul.menu li a:hover {color:#c83d26;}
#sidebar_p .posts a:hover {color:#000!important; background:url(../images/starblt2.gif) 3px 1px no-repeat;}
#sidebar_p h2 {display:block; font: bold 16px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#c83d26; padding:5px; border-bottom: dashed 1px #c8bead;}



#bottom {padding:10px 0 0 0; color:#c2b7a2; border-top:solid 2px #111;}
#bottom a {color:#ece6db;}
#btmcontent {width:1010px; margin:auto; padding-bottom:25px;}
#footer { padding:10px; text-align:center; background:#111; border-top:solid 1px #000;}
#bottom .col1, #bottom .col2, #bottom .col3 {float:left; width:310px; padding:10px}
#bottom h2 {display:block; font: bold 17px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS" !important; text-shadow:#222 1px 1px 1px; color:#e0d8c9!important; margin-bottom:15px;}
#bottom p {font:normal 12px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; line-height:16px; margin-bottom:15px;}
#bottom ul {list-style:none; font:normal 12px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; text-transform:capitalize;}
#btmcontent ul {display:block;}
#btmcontent li {display:block; height:20px; background:url(../images/btmlibg.gif) left bottom repeat-x;}
#btmcontent li a {display:block; height:20px; padding:5px 10px 0 40px; background:url(../images/btmblt.gif) 8px 8px no-repeat; text-decoration:none;}
#btmcontent li a:hover {text-decoration:underline!important;}
#footer p {font:14px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; margin-bottom:5px!important;}
#footer span {display:block; font: 11px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";}

#pageheader00 {background:url(../images/header00.jpg) 10px 10px no-repeat; height:170px; padding:10px; border:solid 1px #ac9f87; margin-bottom:10px;}

#pageheader01 {background:url(../images/header01.jpg) 10px 10px no-repeat; height:170px; padding:10px; border:solid 1px #ac9f87; margin-bottom:10px;}

#pageheader02 {background:url(../images/header02.jpg) 10px 10px no-repeat; height:170px; padding:10px; border:solid 1px #ac9f87; margin-bottom:10px;}

#pageheader03 {background:url(../images/header03.jpg) 10px 10px no-repeat; height:170px; padding:10px; border:solid 1px #ac9f87; margin-bottom:10px;}

#pageheader04 {background:url(../images/header04.jpg) 10px 10px no-repeat; height:170px; padding:10px; border:solid 1px #ac9f87; margin-bottom:10px;}

#pageheader05 {background:url(../images/header05.jpg) 10px 10px no-repeat; height:170px; padding:10px; border:solid 1px #ac9f87; margin-bottom:10px;}

#pageheader06 {background:url(../images/header06.jpg) 10px 10px no-repeat; height:170px; padding:10px; border:solid 1px #ac9f87; margin-bottom:10px;}

.post ul {list-style:square; padding:0 15px 0 35px; margin-bottom:15px; line-height:18px;}
.post ol { padding:0 15px 0 35px; margin-bottom:15px; line-height:18px;}

.post ul, .post ol {font-family:"notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";}
.post h4 {display:block; font: bold 16px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#333; margin-bottom:15px;}
.alignproduct {float:left;}
.post h5 {display:block; font: bold 15px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#433620; margin-bottom:13px; line-height:170%;}
.alignproduct {float:left;}
.alignleft {float:left;padding:0px 15px 40px 0px;}
.alignright {float:right;}
.sitemap {float:left;}
.post img.alignleft, .post img.alignright, .post img.alignproduct {display:block; padding:10px 0px 10px 0px;  border:solid 0px #ac9f87;}
blockquote p {margin-bottom:0!important;}
blockquote {margin:5px; border:solid 1px #ac9f87; padding:10px 10px 10px 10px; background:url(images/bloqckquote.gif) 10px 10px no-repeat; display:block;}
blockquote cite {font:bold 12px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#111;}
blockquote.alignproduct {float:left; width:208px;}
blockquote.block2 {float:left; width:320px;}
blockquote.alignleft {float:left; width:148px;}
blockquote.alignright {float:right; width:208px;}
blockquote.sitemap {float:left; width:298px;}
.post code {font: bold 15px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; padding:7px; margin:0px; color:#fff!important; background:#706a5f; display:block;}

form { font-family:"notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";}
.form2 {padding:10px; }
.formpadding {padding:10px;}
.formstyle {padding:15px 0 15px 0;}
.formstyle label {display:block; padding:3px 3px 3px 0;}
.textfield input, .textfield textarea {display:block; padding:3px; border:solid 1px #ac9f87; background:#f5efe3;}
.textfield input:hover, .textfield textarea:hover {background:#fff;}
.textfield input:focus, .textfield textarea:focus {background:#fff; border:solid 1px #222;}
.textfield input {width:98%;}
.textfield textarea {width:98%;}
.fields { margin-bottom:5px;}
.infobox {width:38%; float:right; padding-top:25px; font-size:10px; margin-bottom:5px;}
.fieldsets {padding:15px; border:solid 1px #ac9f87; margin:5px 1px 20px 1px;}
.fieldsets h3 {display:block; font:bold 15px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#c83d26; background: url(../images/bg.jpg) repeat; float:left; padding:3px 8px 3px 8px; margin:-25px 0 0 5px;}
.fieldsets .info {font-size:10px; color:#555; margin-bottom:5px!important;}
.fields .selectmenu {width:280px; display:block; padding:3px; border:solid 1px #ac9f87;}
.fields .smallselect {padding:3px; border:solid 1px #ac9f87;}
.widefields {padding:3px; margin-bottom:5px;}
.textadblock2 {padding:5px; background:#ffc; border:solid 1px #666; margin-bottom:8px; margin-right:35px;}
.btn1 {background:#706a5f; padding:8px 10px 8px 10px; text-align:center; font:bold 14px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#efe9df; border:none;}


#comments h2 {background:#c7bdaa; padding:10px; font-size:18px!important;}
#comments .entry {padding:10px; background:#c7bdaa; margin-bottom:10px;}
#comments .entry p {display:block; margin-bottom:8px!important;}
#comments .entry .avt {float:left; width:55px; margin-right:10px;}
.avt img {background:#706a5f; padding:5px;}
#comments .entry .con, #comments .entry .name, #comments .entry .date { margin-left:70px; font: bold 12px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; }
#comments .entry .con blockquote {}
h3#respond {color: #fff; font:bold 18px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; margin-bottom:15px;}
.comments-form {background:#706a5f; padding:10px;}
.formid, .formuri, .formemail {padding:3px; height:25px; background:#f2ebdd; border:solid 1px #1C1B17; width:250px; color:#999; font-size:16px; }
.comments-form label {padding-left:15px; color:#FFC;}
.comments-form .button {display:block; background:#333; border:none; padding:8px; font:bold 12px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#fff;}
.comments-form textarea {padding:3px; background:#f2ebdd; border:solid 1px #1C1B17; color:#999; font-size:16px; }
.postheader {margin-bottom:18px;}


.widepage {width:970px!important; border:none!important;}
#rightboxes div p {display:block; padding:55px 20px 0 0; font:bold 12px "notokr-medium","나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";}
#rightboxes div a {color:#fff; text-decoration:none;}
#rightboxes div p a span {background:#000; padding:3px; font-size:14px;}
#rightboxes div p a:hover {color:#ffc;}





.css_btn_class {
	font-size:16px; color:#ffffff!important; font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d02718;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	color:#ffffff;
	display:inline-block;
}.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

.tab_btn_class {
	font-size:15px; color:#ffffff!important; font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d02718;
	padding:6px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	color:#ffffff;
	display:inline-block;
	float:left;
}.tab_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}.tab_btn_class:active {
	position:relative;
	top:1px;
}


.tab_out_btn_class {
	font-size:15px;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:6px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	color:#666666;
	display:inline-block;
	float:left;
	
}.tab_out_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.tab_out_btn_class:active {
	position:relative;
	top:1px;
}

.css_btn_pdf {
	font-size:13px; color:#ffffff!important;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d83526;
	padding:2px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fa665a), color-stop(100%, #d34639) );
	background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	background:-ms-linear-gradient( top, #fa665a 5%, #d34639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background-color:#fa665a;
	color:#ffffff;
	display:inline-block;
}.css_btn_pdf:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d34639), color-stop(100%, #fa665a) );
	background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% );
	background:-ms-linear-gradient( top, #d34639 5%, #fa665a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a');
	background-color:#d34639;
}.css_btn_pdf:active {
	position:relative;
	top:1px;
}

.css_btn_gray {
	font-size:12px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:1px 10px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	color:#777777;
	display:inline-block;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}.css_btn_gray:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.css_btn_gray:active {
	position:relative;
	top:1px;
}



.css_btn_red {
	font-size:12px; color:#ffffff!important;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d83526;
	padding:1px 10px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fa665a), color-stop(100%, #d34639) );
	background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	background:-ms-linear-gradient( top, #fa665a 5%, #d34639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background-color:#fa665a;
	color:#ffffff;
	display:inline-block;
}.css_btn_red:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d34639), color-stop(100%, #fa665a) );
	background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% );
	background:-ms-linear-gradient( top, #d34639 5%, #fa665a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a');
	background-color:#d34639;
}.css_btn_red:active {
	position:relative;
	top:1px;
}



table, tr, td {border:0px; border-collapse:collapse; padding:10px 10px; border-color:8b7f6c; font: 12px "나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";}
th {border:0px; border-collapse:collapse; padding:5px 5px; border-color:ededed; font: bold 13px "나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";}
caption {display:none;}
.thbg{ background:#ededed; }
table p {margin-bottom:10px; margin-top:10px;}	


.tbox ol{list-style:decimal-leading-zero; font: bold 14px "나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#706a5f;} 
.tbox ul{list-style:none; font: bold 13px "나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#706a5f; padding:10px 0 5px 0;}
.tbox li{padding:3px; line-height:150%; border-bottom:1px solid #dacfbe;}
.tbox li a {text-decoration:none;}
.tbox li a:hover {text-decoration:underline!important;}




.tbox2 ol{list-style:decimal-leading-zero; font: bold 14px "나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#706a5f;} 
.tbox2 ul{list-style:circle; font: bold 14px "나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; color:#706a5f;}
.tbox2 li {line-height:150%; border-bottom:1px solid #ac9f87;}
.tbox2 li a {display:block; height:20px; padding:5px 5px 5px 0 ; text-decoration:none;}
.tbox2 li a:hover {text-decoration:underline!important;}














/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example one */

#example-one { background: #eee; padding: 10px; margin: 0 0 20px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

#example-one .nav { overflow: hidden; margin: 0 0 10px 0; }
#example-one .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }
#example-one .nav li a:hover { background-color: #111; }

#example-one ul { list-style: none; }
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a.current, #example-one ul.featured li a:hover { background-color: #0575f4; color: white; }
#example-one ul li.nav-two a.current, #example-one ul.core li a:hover { background-color: #d30000; color: white; }
#example-one ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#example-one ul li.nav-four a.current, #example-one ul.classics li a:hover { background-color: #FE4902; color: white; }



/* Specific to example two */

#example-two .list-wrap { background: #eee; padding: 10px; margin: 0 0 15px 0; }

#example-two ul { list-style: none; }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-two ul li a:hover { background: #333; color: white; }
#example-two ul li:last-child a { border: none; }

#example-two .nav { overflow: hidden; }
#example-two .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 5px; background: #666; color: white; font-size: 10px; text-align: center; border: 0; }

#example-two li a.current,#example-two li a.current:hover { background-color: #eee !important; color: black; }
#example-two .nav li a:hover, #example-two .nav li a:focus { background: #999;}

.flash {width:"720"; height:200; background-image:url(img/b1.jpg); background-repeat:no-repeat;}


/* tab menu */
#tab_menus {
	margin: 0;
	padding: 0;
	list-style: none;
}
#tab_menus li {
	margin-bottom: 16px;
	float: left;
	padding: 0px;
	text-decoration:none;
}
#tab_menus li a {
	text-decoration:none;
	padding: 8px 10px;
	color: #505050;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #ae9f96;
	background-color: #eae4e0;
	background-image: none;
	font-weight: bold;
	font-size: 0.9em;
	display: block;
}
#tab_menus li a:hover {
	text-decoration:none;
	color: black;
	background-color: #c6b5aa;
}
#tab_menus li.selected a {
	font:bold 14px "나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS", sans-serif!important; 
	text-decoration:none;
	border-bottom: 0 solid white;
	background: white url("blt_arrowdown.gif") no-repeat center bottom;
	color: #c83d26;
}
.tab_right {
	margin-bottom: 16px;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #ae9f96;
	width: 80px;
	height: 31px;
	float: left;
}
.tab_right2 {
	margin-bottom: 16px;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #ae9f96;
	width: 270px;
	height: 31px;
	float: left;
}



	

/* content */
.content {
	clear: both;
	padding-left: 10px;
	font:13px bold "나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";
}
.content h1 {font:14px bold "나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; display:block; background:url(../images/sidebarbullet.jpg) 0px 17px no-repeat; padding-left:20px; padding-top:10px;}
.content p {margin-bottom: 10px;}
.content img {padding:10px 0 10px 0; border:0;}
.content ul {list-style:none; display:block; padding:10px 0 10px 0px;}
.content ul li {display:block; background:url(../images/sidebarbullet.jpg) 0px 7px no-repeat; padding-left:20px;}
.content ul li a {text-decoration:none;}
.content ul li a:hover {text-decoration:none; color:#c83d26 !important;}

.content table, tr, td {border:1px #CCC solid; border-collapse:collapse; padding:5px 5px; font: 12px "나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; line-height:150%;}
.content th {border:1px #CCC solid; border-collapse:collapse; padding:5px 5px; font: bold 13px "나눔고딕", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";}
.content caption {display:none;}
.content .thbg{ background:#ededed; }
.content table p {margin-bottom:10px; margin-top:10px;}	


.tab2_btn_class {
	font-size:13px; color:#ffffff!important; font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d02718;
	padding:6px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	color:#ffffff;
	display:inline-block;
	float:left;
}.tab2_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}.tab2_btn_class:active {
	position:relative;
	top:1px;
}


.tab2_out_btn_class {
	font-size:13px;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:6px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	color:#666666;
	display:inline-block;
	float:left;
	
}.tab2_out_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.tab2_out_btn_class:active {
	position:relative;
	top:1px;
}