@import url('http://ts.daumcdn.net/custom/blog/0/606/skin/images/nanumgothic.css');

/*
기존경로임 위에껀 잠시 우회경로
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
*/


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height: 1;}
ol, ul {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
/* table {border-collapse:collapse; border-spacing:0;} */
li img {vertical-align:top;}



/* CSS Document */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {

content: ".";              /* the period is placed on the page as the last thing before the div closes */

display: block;          /* inline elements don't respond to the clear property */ 

height: 0;                  /* ensure the period is not visible */

clear: both;               /* make the container clear the period */

visibility: hidden;      /* further ensures the period is not visible */

}


/* a.clearfix {display: inline-block;}    fix for IE Mac */

 

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */



/* default style line-height:140%;  font-family:맑은고딕, Dotum, Arial, Verdana, sans-serif; */
html { overflow:scroll; overflow-x:auto; height:100%; margin:0; padding:0;}
body { background:#ececec; height:100%; margin:0; padding:0; color:#636363; font-size:15px; letter-spacing: 0; font-weight: normal; 
font-family: 'Nanum Gothic Coding', '나눔고딕','Nanum Gothic', '돋움','굴림',Dotum, Helvetica, AppleGothic, Arial, Verdana, sans-serif,'Nanum Myeongjo','NanumMyeongjo','나눔명조','nanumbrushscript','Nanum Brush Script','나눔브러쉬';}
td { margin:0; padding:0; border-spacing:0;  } /* border-collapse: collapse;  */
p{margin:0; padding:0;}
ol, ul, li{margin:0; padding:0; list-style:none;}
dl, dt, dd{margin:0; padding:0;}
a:link, a:visited{color:#555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000; text-decoration:none; background:none;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight: normal; line-height:100%;}

/* table {border-collapse:collapse; border-spacing:0; border:0; line-height:1.8em;}
textarea{padding:10px; font-size:100%;}
.input_text {font-family:돋움; font-size:9pt; color:#5E5E5E; margin-top:0; margin-bottom:0;  border: 1px solid #D0D0D0; padding-left:3; line-height:125%; height:20px;}
*/

fieldset{margin:0; padding:0; border:0;}
img{border:0; }
hr, legend{display:none;}

caption { visibility:hidden; text-align:left;}
.skip{position:absolute; top:0; left:-9000px; width:0; height:0; font-size:0; line-height:0;}
.blind {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;} 


.left { float:left;}
.right { float:right;}
.clear { clear:both;} 

.font_nanum {font-family: 'NanumGothicBold','나눔고딕';}
.font_dotum {font-family: 'DotumChe','돋움';}
.font_brush { font-family:Nanum Brush Script; font-size:30px; color:#3d3c3c; letter-spacing:-1px; padding-bottom:7px;}

.font_size_12 { font-size:12px; line-height:130%; }
.font_size_18 { font-size:18px; line-height:140%; }
.font_size_26 { font-size:26px; line-height:120%; }


/*input, textarea { border:1px solid #d8d8d8;}*/

.smstable td { padding:2px 12px;}
.smstable2 td img{ vertical-align:top;}

/* ------------------------공통메뉴-------------------------- */

#wrap { width:100%; min-width:1007px;}

/* header */
#header {z-index:999; width:100%; top:0; height:150px; background:#FFF;  }

#header .header_top { position:relative; width:1007px; margin:0 auto; overflow:hidden;}
#header h1 { float:left; display:block;}
#header h1 a { display:block; padding:15px 0;}
.header_top .admin_text { float:left; padding:5px 0 5px 26px; margin:33px 0 0 0; border-left:1px solid #e2e2e2; font-size:25px; color:#848484; }
.header_top .tnb_right { position:absolute; right:0; top:50px;}

#header .header_nav { width:100%; background:#767676;}
.header_nav .nav { position:relative; width:1007px; height:45px; margin:0 auto;}
.header_nav .nav ul.gnb { overflow:hidden; position:relative;}
.header_nav .nav ul.gnb li { float:left; display:block;}
.header_nav .nav ul.gnb li a { display:block; padding:12px 25px; color:#fff; font-size:18px; font-weight:600;}
.header_nav .nav ul.gnb li:first-child a { padding-left:0;}
.header_nav .nav ul.gnb li:last-child a { padding-right:0;}
.header_nav .nav ul.gnb li a:hover { color:#ffd800}



/* content */
#content { overflow:hidden; width:1027px; margin:0 auto; padding:4px 0;}

.home_link_wrap { position:relative; height:33px; padding:22px 0 10px 0;}
.home_link_wrap .home_link { background:url('../images/icon_home.png') no-repeat 0 0;}
.home_link_wrap .home_link a { display:block; padding:10px 50px 0 38px; font-size:17px; background:url('../images/icon_home_arr.png') no-repeat 190px bottom;}
.home_link_wrap .home_stext { position:absolute; right:0; bottom:15px; font-size:12px; background:url('../images/board_blet_secret.gif') no-repeat 0 2px; padding:4px 0 0 20px;}

/*  --------  lnb  --------  */
#side_area {float:left; width:200px; position:relative; }
#lnb {width:200px; }
#lnb h2 { text-align:center; padding:27px 0 20px 0; background:#939393; }
#lnb ul { height:500px; padding:13px 10px 12px 12px; background:url('../images/bg_side.png') no-repeat left bottom #98804a}
#lnb ul li {
	width:174px;
	min-height:31px;  
	display:block;
	text-align:left;
	border-bottom:1px solid #a38d5c;
	background:url('../images/bl_lnb.png') no-repeat 8px 48%;    
}

#lnb ul li a {
    display: block; 
    padding: 8px 2px 7px 18px;
	font-weight: 600;
	color: #f5f3ed;	
}

#lnb ul li a:hover {
	color:#000;
}


/* right_area */
#right_area { float:right; width:760px; min-height:548px; padding:24px; background:#fff; }

/* title */
#right_area .title { text-align:center; border-bottom:1px solid #d0d0d0; }
.title h2 { font-size:30px; color:#000; padding:0 0 18px 0; }

/* con */
#con { min-height:300px; padding:25px 0 0 0;}




/* ------- footer  ------ */
#footer {width:100%; min-width:1007px; height:45px; margin-top:56px; background:#FFFFFF;}
#footer .footer { width:1007px; margin:0 auto;}
#footer .copy { padding:17px 0 0 245px; font-size:11px; color:#aba6a6; }



/* 로그인 data_member */
.data_member {}
.data_member .login_box { position:relative;  padding:50px 0; width:640px; margin:0 auto; color:#828282;}
.data_member .login_box ul li { overflow:hidden; padding:0 0 19px 16px;}
.data_member .login_box ul li input { width:320px; height:38px; border:1px solid #ddd; background:#fff; }

.login_box .btn { position:absolute; right:0px; top:50px; }

.input_st { border:1px solid #ddd; background:#fff; }



/* table_st01 */
.table_wrap { border-top:2px solid #e41f26; background:#fff;}
.table_st01 { width:100%; border-top:1px solid #8c8c8c; border-bottom:1px solid #8c8c8c; margin:15px 0 30px 0; }
.table_st01 th { border-top:1px solid #e0e0e0; padding:5px 7px 4px 7px; font-size:14px; text-align:left; background: url(../images/sub/member/bl_sq.gif) no-repeat 2px 8px; color:#676767; }
.table_st01 td { border-top:1px solid #e0e0e0; padding:5px 2px 4px 3px; font-size:13px; }	
.table_st01 .first_child { border:none;}

.padding_td td {padding:10px 5px 10px 5px;}


/* table_st02 */
.table_st02 { width:100%; border:1px solid #ebebeb; border-top:none; text-align:center; }
.table_st02 th { padding:9px 5px ; background:#ede8dd; color:#2a2a2a; border-left:1px solid #fff; border-bottom: 1px solid #bebab1; }
.table_st02 td { border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; padding:10px 5px 8px 15px; font-size:12px; color:#777777; }
#intro03 .table_st02 td { font-size:13px;}	
.table_st02 .none_left { border-left:none; font-weight:600;}
.table_st02 .txt_left { text-align:left; padding-left:20px; line-height:140%;}


/* table_st03 */
.table_wrap { border-top:2px solid #e41f26; background:#fff; padding:25px; margin:15px 0; }
.table_st03 { width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding-top:10px; }
.table_st03 th { padding:10px 30px 8px 14px; font-size:14px;  background: url(../images/sub/member/bl_sq.gif) no-repeat 2px 50%;  text-align:left; color:#333; }
.table_st03 td { text-align:left; padding:10px 10px 8px 10px; font-size:13px;}
.table_st03 .first_head { border:none;}



/* #board_table 03 리스트 세로형  */
.board_table03_v { width:100%; margin-top:14px; border-top:1px solid #b9b9b9;}
.board_table03_v thead th { font-weight:500; padding:7px 2px 6px 2px; border-bottom:1px solid #b2b2b2; background:url('/image/line_v.gif') no-repeat left 49%;}
.board_table03_v tbody th { font-weight:700; text-align:left; background:#fafafa; padding:6px 2px 6px 22px; border-bottom:1px solid #e3e3e3; font-size:14px; }
.board_table03_v td { padding:6px 2px 6px 12px; border-bottom:1px solid #e3e3e3; font-size:13px; }
.board_table03_v .subject { padding-left:12px; text-align:left; }



/* #board_table board_table01_inquiry  */
#board_table .board_table01_inquiry { width:100%; margin-bottom:30px; border-top:2px solid #4d4d4d;}
.board_table01_inquiry thead th { text-align:left; font-weight:bold; padding:9px 2px 8px 30px; border-bottom:1px solid #b2b2b2; background:url('../image/board_spot.gif') no-repeat 10px 49%;}
.board_table01_inquiry tbody th { width:80px; padding:8px 2px 7px 31px; border-bottom:1px dotted #b3b3b3; text-align:right; color:#a44d31;}
.board_table01_inquiry tbody th.check { background: url('../image/bl_check.gif') no-repeat 13px 49%;}
.board_table01_inquiry td { padding:8px 2px 7px 18px; border-bottom:1px dotted #b3b3b3; }











.txt8_-1 {font-family:"돋움", "Dotum"; font-size: 11px; color: #787878; line-height:18px;letter-spacing:-1;}
.txt8_-2 {font-family:"돋움", "Dotum"; font-size: 11px; color: #b4b4b4; line-height:18px;letter-spacing:-1;}
.txt81 {font-family:"돋움", "Dotum"; font-size: 11px; color: #787878; line-height:18px;letter-spacing:0;}
.txt82 {font-family:"돋움", "Dotum"; font-size: 11px; color: #cb4b4b4; line-height:18px;letter-spacing:0;}
.lm8			{ padding-left:8px;}
.lm13			{ padding-left:13px;}
.lm16			{ padding-left:16px;}
.lm20			{ padding-left:20px;}
.lm30			{ padding-left:30px;}
.lm50			{ padding-left:50px;}
.tm7			{ padding-top:7px;}
.tm10			{ padding-top:10px;}
.bm10			{ padding-bottom:10px;}
.mg10			{ margin:10px;}
.rm8			{ padding-right:8px;}
.rm13			{ padding-right:13px;}
.rm16			{ padding-right:16px;}
.rm20			{ padding-right:20px;}
.rm30			{ padding-right:30px;}
.gor			{ text-align:right;}
.goc			{ text-align:center;}
.got			{ vertical-align:top;}
.gob			{ vertical-align:bottom;}
.ln13 {line-height:1.3}
.ln14 {line-height:1.4}
.ln15 {line-height:1.5}
.ln16 {line-height:1.6}
.ln18 {line-height:1.8}
.ln20 {line-height:2.0}

.board_topbg {background:url(/images/board_topbg.gif) no-repeat;}
.boxscr {overflow:auto; border:0px solid #BBBBBB; 
	scrollbar-face-color: #DEDEDE; 
	scrollbar-highlight-color: #CDCDCD;
	scrollbar-3dlight-color: #F0F0F0;
	scrollbar-darkshadow-color: #F5F5F5;
	scrollbar-shadow-color: #CBCBCB;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #F0F0F0;
	scrollbar-base-color: #CDCDCD;
	}


/* 정렬 */
.float	{width:100%;}
.left	{float:left;}
.right	{float:right; text-align:left;}

/* 여백 */
.top_mg5		{margin-top:5px;}
.top_mg10	{margin-top:10px;}
.top_mg15	{margin-top:15px;}
.top_mg20	{margin-top:20px;}
.top_mg30	{margin-top:30px;}
.top_mg40	{margin-top:40px;}

.right_mg5	{margin-right:5px;}
.right_mg10 {margin-right:10px;}

.bottom_mg10 {margin-bottom:10px;}

.left_mg05	{margin-top:5px;}
.smt_01		{padding-bottom:10px;}

.mg_btn		{margin-left:-3px;}
.mg_icon	{margin-left:5px;}

.top_pd5	{padding-top:5px;}
.top_pd15	{padding-top:15px;}
.top_pd20	{padding-top:20px;}

.radio_01 	{height:14px; width:14px; border:solid 0px; background-color:transparent}


.lh130 {
	line-height: 130%;
}
.lh120 {
	line-height: 120%;
}
.lh160 {
	line-height: 160%;
}
.lh175 {
	line-height: 175%;
}
.lh185 {
	line-height: 185%;
}
.lh200 {
	line-height: 200%;
}
.lh220 {
	line-height: 220%;
}
.lh170 {
	line-height: 170%;
}
.lh145 {
	line-height: 150%;
}
input,select,textarea {
	font-size: 12px;
	color: #888888;

}
a:link {
	text-decoration: none;
	color: #666666;

}
a:visited {
	text-decoration: none;
	color: #666666;

}
a:hover {
	text-decoration: none;
	color: #555555;

}
a:active {
	text-decoration: underline;
	color: #666666;

}
a.b:link {
	color: #0066CC;
	text-decoration: none;
}
a.b:visited {
	color: #0066CC;
	text-decoration: none;
}
a.b:hover {
	color: #888888;
	text-decoration: underline;
}
a.b:active {
	color: #888888;
	text-decoration: underline;
}
a.bu:link {
	color: #bea581;
	text-decoration;
	font-weight: bold;
}
a.bu:visited {
	color: #bea581;
	text-decoration: underline;
	font-weight: bold;
}
a.bu:hover {
	color: #f5ecdc;
	text-decoration: underline;
	font-weight: bold;;
}
a.bu:active {
	color: #bea581;
	text-decoration: underline;
	font-weight: bold;
}

.sp_1 {letter-spacing:-1px;}


.png24 {
   behavior: url('css/iepngfix.htc'); 
}


.under {
	text-decoration: underline;
}
a,under:link {
	text-decoration: underline;
}
a.under:visited {
	text-decoration: underline;
}
a.under:hover {
	text-decoration: underline;
}
a,under:active {
	text-decoration: underline;
}
.lh155 {
	line-height: 155%;
}
.lh140 {
	line-height: 140%;
}

.none {
	text-decoration: none;
	border: none;
}
.thline {
	text-decoration: line-through;
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
}

.dotum11px {
	font-family: "돋움", "굴림";
	font-size: 11px;
}
.listnum {
	font-family: "돋움", "굴림";
	font-size: 11px;
	font-weight:bold;
	}
.grayform {
	border: 1px solid #141a1a;
	color:#ffffff;
	background-color:#919390;
}
.grayform2{
	border: 1px solid #333333;
	font-size: 11px;
	color:#d8d8d8;
	height:18;
	background-color:#484848;
	font-family:"Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
}
.torm {
	border: 0px ;
    font-size: 11px;
	color:#D1CFCF;
	height:18;
	font-family: "돋움", "굴림", "바탕";
}
.serachform {
	border: 0px ;
    font-size: 11px;
	color:#E2E0E0;
	height:20;
	font-family: "돋움", "굴림", "바탕";
}
.torm2{
	border: 1px solid #BEB1AF;
    font-size: 11px;
	color:#D1CFCF;
	font-family: "돋움", "굴림", "바탕";
	line-height: 140%;
}
.torm3{
	border: 0px;
    font-size: 11px;
	color:#B4B1B1;
	font-family: "돋움", "굴림", "바탕";
}

.gul14 {
	font-family: "돋움", "굴림";
	font-size: 14px;
}
.subbg {
	background-image: url(/images/subbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
}
.subbg01 {
	background-image: url(../images/bg02.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.subbtmbg {
	background-image: url(../img/include/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.mem_table_th {
	background-color:#fff9ed;
	color: #e89e07;
	font-weight: bold;
	text-align: center;
	border-top: 2px solid #ffa801;
	border-right: 1px solid #ffe4af;
	border-bottom: 1px solid #ffe4af;
	}

.mem_table_01_td {
	color: #000000;
	border-right: 1px solid #ffe4af;
	border-bottom: 1px solid #ffe4af;
	background-color:#fffcf7;
	}

.mem_table_01_btm2 {
	color: #000000;
	border-right: 1px solid #ffe4af;
	border-bottom: 1px solid #ffa801;
	background-color:#fffcf7;
	}

.mem_table_btm2 {
	border-right: 1px solid #ffe4af;
	border-bottom: 1px solid #ffa801;
	}

.mem_table_td {
	border-right: 1px solid #ffe4af;
	border-bottom: 1px solid #ffe4af;
	}

.mem_table_r_td {
	border-bottom: 1px solid #ffe4af;
	}

.mem_table_r_th {
	background-color:#fff9ed;
	color: #e89e07;
	font-weight: bold;
	text-align: center;
	border-top: 2px solid #ffa801;
	border-bottom: 1px solid #ffe4af;
	}

.mem_table_r_btm2 {
	border-bottom: 1px solid #e7e7e7;
	}


fieldset.write div input.file_attack{position:absolute;top:7px;left:342px;
										cursor:pointer;margin:-3px 0 0 -10px;
										width:10px; height:22px;
										filter:alpha(opacity=0);opacity:0;}
* html fieldset.write div input.file_attack{left:-115px;}