@chrset "utf-8"; 
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,div,table{color:#272120;font-family:'나눔고딕',NanumGothic,'Malgun Gothic','MalgunGothic','맑은 고딕','맑은고딕','돋움',Dotum,AppleGothic,sans-serif;font-size:12px;}
img,fieldset{border:0;}
ul,li,ol{list-style:none;}
/*em,address{font-style:normal;}*/
a{color:#3b5998;text-decoration:none;}
a:hover,a:active,a:focus{color:#4d9ce0;text-decoration:underline;}
hr {display: none;}

h1 {font-size: 3.3em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1em;}


input[type=text], input[type=password], textarea { border: 1px solid #B8B8B8;  background: #ffffff;}
 
 
/* COMMON */
body {word-wrap: break-word;}
.nav .nav-header { font-size: 14px; line-height: 25px; color: #333333; }
.error, .errorMessage { color: #B94A48; border-color: #B94A48;  }
.fleft{float: left;padding-left:5px;}
.grid-view .button-column { width: 110px;}
.controls span input, .radioleft  { float: left; margin-right:5px;}

.grid-view .filters input,
.grid-view .filters select { width:90%; }

.table_detail th { width: 100px; text-align:right;}

.control-label { font-weight: bold; }
.control_contents { float: left; width: none; padding-top: 5px; }

.inline {  display: inline-block; *display: inline; *zoom: 1;	/* IE7 inline-block hack */ }

.hide {display:none;}
.left {float:left;}
.right{float:right;}
.right2 {text-align:right;}

.white {color: #FFF;}

.black {color:#000000;}
.black:hover { color:#000000;}

.blue {color:#1e98d2;}

.editor_bg {background:#FFF;width:724px;}

.clean {clear: both;}

.center { margin: 0 auto; }
.center2 { text-align:center; }

.middle {vertical-align:middle;}

.block {display: block;}
 

.margin {height:10px;}
.margin2 {height:20px;}
.margin3 {height:30px;}
.margin4 {height:40px;}
.margin5 {height:50px;}
.margin10 {height:100px;}

.alphadown {opacity:0.6;}

.hidden {display:none;}

.pointer {cursor:pointer;} 

.inline {  display: inline-block; *display: inline; *zoom: 1;	/* IE7 inline-block hack */ }

.hide {display:none;}
.left {float:left;}
.right{float:right;}

.black {color:#000000;}
.black:hover { color:#000000;}

.clean {clear: both;}

.center { margin: 0 auto; }
.center2 { text-align:center; }

.middle {vertical-align:middle;}
 

.bold, .strong {font-weight:bold;}
 
.k {font-weight:bold;color:#FF6F00;}


.relative {position: relative;}



.username {}
.username a{color:#788195;font-weight:bold;}
 
.empty {display:block;height:30px;padding:30px;text-align:center;}
 

.twitter-share-button {display:inline-block;vertical-align:middle;margin:0 100px 0 20px;}
.share_btn_facebook_eval {position:absolute;top:0px;left:240px;}

 

/* //COMMON */

 



/* Website */


.wrap { width: 940px; margin:0 auto; position: relative; }
 

body {background: url('../images/footer_bg.jpg');}



#header {height:173px;background: url('../images/bg_header.jpg') center 0 repeat-x;}
 
#header .wrap .logo {padding-top: 7px;}

#header .where  {width:420px;margin: 0 auto;margin-top: 7px;}

#header .where li{width:120px;float: left;padding: 0 10px;}



#main {height:600px; background: url('../images/main1.jpg') center -60px repeat-x;}

#main1 {  padding:20px 15px; background: #333 url('../images/bg2.jpg');}


#main1 h2, #main1 h3, #main1 h4 {margin: 0 20px;}

#main1 h3 em {font-size: 0.8em;}

#footer  { background: url('../images/footer_bg.jpg');}



#footer .footer1 {height:99px; background: url('../images/footer_bg1.jpg') center 0 repeat-x; overflow: hidden;}



.footer1 .wrap {}

.footer1 .wrap  {text-align: right; padding: 22px 0;}


.footer2 {padding: 20px 0;}

.footer2 h3, .footer2 h4 {color:#aaa;}

.copyright {padding: 10px 0 30px 0;}

.copyright h4 {color:#999;}



 

@media (min-width: 500px) and (max-width: 768px) {

	.wrap { width: 100%; margin:0 auto; position: relative; }

}

@media (max-width: 499px) {

	h1 {font-size: 2em;}

	.wrap { width:100%; margin:0 auto; position: relative; }

	#header {height:120px;}

	#header .where  {width:240px;}

	#header .where li { width: 60px;  }
	#header .where li img{ width: 60px; }

	#footer {padding: 0 15px;}

	#main {height:680px;}

}

.blog {margin-left: 30px;}
.blog li {font-size: 14px; font-weight: bold; list-style-type: disc;}
.blog li a {color:#333;}
