/* CSS Document */
body {	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;		text-align: center;	margin:0 auto;}
table, tr, td, select { font:"Dotum,Verdana,"; font-size: 12px; color: #555555; letter-spacing:0px;border:0px;line-height:17px;}

img { border:0px; outline:0;}
img.links { cursor:hand; outline:0;}

h1, h2, h3, h4, p, li, ul{ text-align:left;}
li{list-style: none;}
ul{list-style: none;}

iframe { border:0px; }
.fixed { table-layout:fixed; }

/*탑메뉴 */
.tm{padding:17px 60px 0 0;letter-spacing: -1px}
.tm2{padding-right:8px;}



a:link { font-size:9pt; text-decoration:none; color:#666666; outline:0;}
a:visited { font-size:9pt; text-decoration:none; color:#666666;}
a:hover {font-size:9pt; text-decoration:bold; color:#333333;}
a:active {font-size:9pt; text-decoration:bold; color:#333333;}

.a_c:link {font-family: "돋움,Verdana"; text-decoration:none; font-size: 12px; font-weight: bold; color:#8F8E8E}
.a_c:visited {font-size:12px; text-decoration:none; font-family:"돋움,Verdana,Dotum"; font-weight: bold; color: #8F8E8E;}
.a_c:hover  {font-size:12px; text-decoration:none; font-family:"돋움,Verdana,Dotum"; font-weight: bold; color: #22816E;} 
.a_c:active {font-size:12px; text-decoration:none; font-family:"돋움,Verdana,Dotum"; font-weight: bold; color: #22816E;}  

.a_top:link {font-family: "돋움,Verdana"; text-decoration:none; font-size: 12px; font-weight: bold; color:#333333}
.a_top:visited {font-size:12px; text-decoration:none; font-family:"돋움,Verdana,Dotum"; font-weight: bold; color: #333333;}
.a_top:hover  {font-size:12px; text-decoration:underline; font-family:"돋움,Verdana,Dotum"; font-weight: bold; color: #367461;} 
.a_top:active {font-size:12px; text-decoration:underline; font-family:"돋움,Verdana,Dotum"; font-weight: bold; color: #367461;}  

.a_sm:link {font-family: "돋움,Verdana"; text-decoration:none; font-size: 11px;  color:#8F8E8E; letter-spacing:-1px;}
.a_sm:visited {font-size:11px; text-decoration:none; font-family:"돋움,Verdana,Dotum";  color: #8F8E8E; letter-spacing:-1px;}
.a_sm:hover  {font-size:11px; text-decoration:none; font-family:"돋움,Verdana,Dotum";  color: #4BA831; letter-spacing:-1px;} 
.a_sm:active {font-size:11px; text-decoration:none; font-family:"돋움,Verdana,Dotum";  color: #4BA831; letter-spacing:-1px;} 

/**/
.a_ct:link {font-family: "굴림,Verdana"; text-decoration:none; font-size: 15px; font-weight: bold; color:#C56630; letter-spacing:-1px; line-height:18px;}
.a_ct:visited {font-size:15px; text-decoration:none; font-family:"돋움,Verdana,Dotum"; font-weight: bold; color: #C56630; letter-spacing:-1px; line-height:18px;}
.a_ct:hover  {font-size:15px; text-decoration:none; font-family:"돋움,Verdana,Dotum"; font-weight: bold; color: #222222; letter-spacing:-1px; line-height:18px;} 
.a_ct:active {font-size:14px; text-decoration:none; font-family:"돋움,Verdana,Dotum"; font-weight: bold; color: #222222; letter-spacing:-1px; line-height:18px;}  

.order_ct{font-family: "굴림,Verdana"; text-decoration:none; font-size: 15px; font-weight: bold; color:#666666; letter-spacing:-1px; line-height:18px;}
.order_Box { border:1px solid #E9E1D0;background-color:#ffffff; padding:0 23px;}
.order_m{font-family: "굴림,Verdana"; text-decoration:none; font-size: 12px;  color:#C56630; letter-spacing:-1px; line-height:18px;}
.order_m2{font-family: "굴림,Verdana"; text-decoration:none; font-size: 12px; font-weight: bold; color:#000000; letter-spacing:-1px; line-height:18px;}
.order_input{BORDER: #d8d8d8 1px solid; background-color: #f7f7f7; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 12px;  line-height:17pt; padding-left: 2px; padding-top: 2px;width:100px;text-align:middle;}
.order_input2{BORDER: #d8d8d8 1px solid; background-color: #f7f7f7; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 12px;  line-height:17pt; padding-left: 2px; padding-top: 2px;width:55px;text-align:middle;}
.order_input4{BORDER: #d8d8d8 1px solid; background-color: #f7f7f7; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 12px;  line-height:17pt; padding-left: 2px; padding-top: 2px;width:200px;text-align:middle;}
.order_input3{BORDER: #d8d8d8 1px solid; background-color: #f7f7f7; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 12px;  line-height:17pt; padding-left: 2px; padding-top: 2px;width:250px;text-align:middle;}
.order_sel{BORDER: #d8d8d8 1px solid; background-color: #f7f7f7; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 12px; line-height:17px;  padding-left: 3px; width:50px;}
.order_sel2{BORDER: #d8d8d8 1px solid; background-color: #f7f7f7; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 12px; line-height:17px;  padding-left: 3px; width:100px;}
.order_textf{BORDER: #d8d8d8 1px solid; background-color: #f7f7f7; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 12px;  line-height:17pt; padding-left: 2px; padding-top: 2px;width:240px;HEIGHT:50px;text-align:middle;}

/*관리자모드로그인*/
.input4 {BORDER: 1px  solid; BORDER-TOP: #777777 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #FFFFFF 1px solid; BORDER-BOTTOM: #FFFFFF 1px  solid;  solid; background-color : #f2f3f6; fon: "돋움,Dotum,AppleGothic,arial"; font-size: 9pt; color: #666666; width:150px;HEIGHT: 20px; padding-left:3;padding-top:2;}


/**/
.c_conBox { border:1px solid #E9E1D0;background-color:#ffffff; padding:10px 23px;font-family: "돋움,Verdana"; text-decoration:none; font-size: 12px;  color:#666666;}
.c_cont{font-family: "돋움,Verdana"; text-decoration:none; font-size: 12px;  color:#8F8E8E; letter-spacing:-1px;line-height:17px;padding-bottom:3px;}
.c_cont2{font-family: "돋움,Verdana"; text-decoration:none; font-size: 12px;  color:#8F8E8E;line-height:18px;}
.c_proBox { border:0;background-color:#ffffff; padding:10px 23px;}


/*장바구니*/
#cart_tb { border-top:2px solid #955D41;background-color:#FFFFFF; padding:0;margin: 0px;}
.cart_tline { border-bottom:1px solid #E9E1D0;background-color:#F8F6F2; padding:7px 0 ;margin:0; text-align:center;font-family:"돋움,Verdana";font-size: 12px; color:#887345; letter-spacing:-1px;font-weight: bold;}
.cart_part { border-bottom:1px solid #E9E1D0;background-color:#ffffff; padding:2px 3px;margin:0;text-align:center;letter-spacing:-1px;font-size: 11px;color:#887345;}
.cart_subj { border-bottom:1px solid #E9E1D0;background-color:#ffffff; padding:2px 3px 2px 5px;margin:0;text-align:left;letter-spacing:-1px;}
.cart_Box { border-bottom:1px solid #E9E1D0;background-color:#ffffff; padding:2px 3px;margin:0;text-align:center;}
.cart_sapri { border-bottom:1px solid #E9E1D0;background-color:#ffffff; padding:2px 3px;margin:0;text-align:center;color:#E65208;}
.cart_input {background-color:#ffffff; color:#666666; font-size : 11px; BORDER: #CCCCCC 1px solid; font-family: "돋움,Dotum,AppleGothic,sans-serif"; HEIGHT: 17px;width:22px; text-align:center;}
.cart_input2 {background-color:#ffffff; color:#666666; font-size : 11px; BORDER: #CCCCCC 1px solid; font-family: "돋움,Dotum,AppleGothic,sans-serif"; HEIGHT: 17px;width:35px; text-align:center;}
.a_cart:link {text-align:center;text-decoration:none;letter-spacing:0px;font-weight: bold;}
.a_cart:visited {text-align:center;text-decoration:none;letter-spacing:0px;font-weight: bold;}
.a_cart:hover  {text-align:center;text-decoration:none;letter-spacing:0px;color:#E65208;font-weight: bold;} 
.a_cart:active {text-align:center;text-decoration:none;letter-spacing:0px;color:#E65208;font-weight: bold;} 



/* 입력박스 */
.editbox {BORDER: #CCCCCC 1px solid; background-color: #FFFFFF; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 11px; HEIGHT: 18px; padding-left: 3px; padding-top: 2px;}
.textarea {BORDER: #CCCCCC 0px solid; background-color: #f7f7f7; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 12px;  line-height:17pt; padding-left: 3px; padding-top: 3px;}
.textarea_as {BORDER: #CCCCCC 1px solid; background-color: #f7f7f7; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 12px;  padding-left: 5px; padding-top: 2px;  HEIGHT: 15px; width:230px;}
.textarea_as2 {BORDER: #CCCCCC 1px solid; background-color: #f7f7f7; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 12px;  line-height:17px; padding-left: 5px; padding-top: 3px;  HEIGHT: 250px; width:530px;}
.textareathin {BORDER: #CCCCCC 0px solid;  font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 12px;  line-height:12pt; padding-left: 3px; padding-top: 4px;}
.searchEditbox {	font-size : 12px; color: #0000FF; background-color: #F9C5AC;	border-style: inset;	border-top-width: 1px; border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	}
.readonlyBox { BORDER: #CCCCCC 1px solid; background-color: #F4F4F4; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 11px; HEIGHT: 18px; padding-left: 3px; padding-top: 2px; }
.select {BORDER: #CCCCCC 0px solid; background-color: #f7f7f7; font-family: "돋움,Dotum,AppleGothic,sans-serif"; font-size: 12px; line-height:18px;  padding-left: 3px; padding-top: 3px;  HEIGHT: 25px; width:180px;}

.select_order { font-family: 돋움,Dotum,굴림,Gulim; font-size : 11px;	letter-spacing: -1px;	border:1 solid #B1B5B6;	background-color:white; width:270px; height:17px;}

/*inputbox에 포커스가 왔을 경우 작용*/
.inputBase	{	background-color:#FFFFFF; color:#000000; font-size : 11px; BORDER: #CCCCCC 1px solid; font-family: "돋움,Dotum,AppleGothic,sans-serif"; HEIGHT: 20px; padding-left: 3px; padding-top: 2px; 	}
.inputFocus {	background-color:#000000; color:#FFFFFF; font-size : 11px; BORDER: #CCCCCC 1px solid; font-family: "돋움,Dotum,AppleGothic,sans-serif"; HEIGHT: 20px; padding-left: 3px; padding-top: 2px; }
.textareaBase	{	background-color:#FFFFFF; color:#000000; font-size : 11px; BORDER: #CCCCCC 1px solid; font-family: "돋움,Dotum,AppleGothic,sans-serif"; padding-left: 3px; padding-top: 2px; 	}
.textareaFocus {	background-color:#000000; color:#FFFFFF; font-size : 11px; BORDER: #CCCCCC 1px solid; font-family: "돋움,Dotum,AppleGothic,sans-serif"; padding-left: 3px; padding-top: 2px; }

.pageBreak { page-break-before: always; }
.ellipsis {white-space:nowrap; text-overflow : ellipsis; overflow : hidden; }

/* 박스관련 */
.grayBox { border:2px solid #E6E6E6; }
.grayBox3 { border:3px solid #CCCCCC; padding: 5px; }
.grayBox4 { border:4px solid #E6E6E6; }
.leftBox { border:2px solid #3399FF; }
.search_tblBox { border:2px solid #3399FF; }
.lmBox { border:7px solid #5B95BA; }
.categoryBox { border:4px solid #5B95BA; margin: 10px 0 5px 0; padding: 10px;}
.categoryTdBox { border:4px solid #5B95BA; padding: 5px;}
.darkblueBox4 { border:4px solid #011641; }


/* 팝업관련 */
.popBgcolor { background-color: #F0F0F0; } /* #F4F4F4 */
.popTitle_txt { font-family: Tahoma, Dotum, Verdana;	font-size: 13px;	font-weight: bold;	color: #454545;	letter-spacing: -1px; padding: 0px 3px 0px 3px; }
.popClose_txt { font: 11px Dotum;	font-weight: normal;	color: #D60705;	letter-spacing: -1px; }
.popupBody { text-align: center; padding: 2px; }
.colresize {font:9pt "굴림"; cursor:""; }
.pop_tit{ height:35px; background:url(/image/bg_top01.gif) repeat-x; margin-top: -9px;}
.pop_tit h1{color:#FFFFFF; font-size:13px; font-family:굴림, gulim, AppleGothic, sans-serif; background:url(/image/bu_arw01.gif) 15px 13px no-repeat; padding:11px 0px 0px 25px;}

/* 리스트의 타이틀 부분 */
.listTitle { font: 12px Dotum; letter-spacing: -1px; color: #5B95BA; font-weight: bold; padding: 7px 3px 7px 3px; }
.listData { 	white-space:nowrap; text-overflow : ellipsis; overflow : hidden; 	font-family: "돋움,굴림,Dotum,Gulim"; font-size: 11px; letter-spacing: 0px; color: #171717; }
.tblBottomLine { BORDER-BOTTOM: #C0C0C0 2px solid; }
.listTitleBox { border: 2px solid #5B95BA; padding: 2px; background: #F6F6F6; color: #808080; }

/* 폰트관련 */
.f_orange { color: #FF8000; font-size: 12px; font-family: "Dotum,verdana"; padding-top: 15px;padding-left: 10px;}
.s_font { font-size: 11px; letter-spacing: 0px; }
.explan_txt { font: 11px Dotum; letter-spacing: -1px; color: #7171FF; }
.simple { font-size: 11px; background: white 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid }.underline {  font-family: "돋움"; font-size: 9pt; text-decoration: underline}
.bigfont {  font-family: "돋움"; font-size: 15pt;color:#668e32;font-weight: bold;}
.smallfont {  font-family: "돋움"; font-size: 11px; color:#777777;letter-spacing: -1px;}
.smallfont_st {  font-family: "돋움"; font-size: 11px; color:#888888; line-height:20pt;letter-spacing: -1px; text-align:right; padding-right:5px;}
.smallfont3 {  font-family: "Arial"; font-size: 10px; font-style: bold; font-weight: bold; color:#E95801}
.smallfont4 {  font-family: "돋움"; font-size: 11px; color:#A59B9B; padding-bottom:10px;line-height:17px;}/* 카피라이트 */
.smallfont5 {  font-family: "돋움"; font-size: 11px; color:#0D1B47; letter-spacing: -1px}
.smallfont6 {  font-family: "돋움"; font-size: 11px; color:#44568E}
.smallfont7 {  font-family: "돋움"; font-size: 11px; color:#DDDDDD}
.smallfont8 {  font-family: "돋움"; font-size: 11px;  font-weight: bold; color:#4AC1FF;  letter-spacing: -1px}
.smf_d_price{  font-family: "돋움"; font-size: 12px;  font-weight: bold; color:#5a8327;  letter-spacing: 0px;line-height:18pt; }
.smf_book_na {  font-family: "돋움"; font-size: 12px; font-weight: bold; color:#444444;  letter-spacing: -1px;line-height:17px; padding-top:9px;}
.smf_book_na_d {  font-family: "돋움"; font-size: 12px;  font-weight: bold; color:#444444;  letter-spacing: -1px;line-height:20pt; background-color:#F8F6F2;padding-left:12px;}
.smallfont_p {  font-family: "굴림"; font-size: 11px;  font-weight: bold; color:#198F0F;  letter-spacing: -1px}

/* 패딩관련 */
/* ALL */

.pd_3 { padding: 3px; }
.pd_5 { padding: 5px; align:left; line-height:17px;}
.pd_10 { padding: 10px; line-height:14pt;}
.pd_20 { padding: 20px; }
.pd_30 { padding: 30px; }
.pd_40 { padding: 40px; }
.pd_15 { padding: 15px; align:left; line-height:17px;}
/* TOP */
.pd_t15 { padding-left: 15px; }
.pd_t5 { padding-top: 5px; }
.pd_t7 { padding-top: 7px; }
.pd_t12 { padding-top: 12px;}/* 공지사항/조황정보패딩*/
.pd_t20 { padding-top: 20px;padding-bottom: 20px;  }/* 컨텐츠 전체 패딩*/
.pd_c { padding-top: 25px; padding-bottom: 20px;}/* 서브페이지 컨텐츠패딩*/
.pd_tb_l { padding-top: 57px;padding-bottom: 15px; }/* left_cate_top 패딩*/
.pd_faq { padding-left: 15px;padding-top: 7px;padding-bottom: 7px;}/* 이용안내*/

/* RIGHT */
.pd_r3 { padding-right: 3px; }
.pd_r5 { padding-right: 5px; }
.pd_r10 { padding-right: 10px; line-height:14pt;font-family: "돋움"; font-size: 11px; color:#0D1B47; letter-spacing: -1px }/* 현재페이지*/
.pd_r100 { padding-right: 225px; padding-left: 14px; line-height:13pt; }
.pd_r200 { padding-right: 300px; padding-left: 14px; line-height:13pt; }
/* LEFT */
.pd_l3 { padding-left: 3px; }
.pd_l5 { padding-left: 5px; }
.pd_l15 { padding-left: 18px; }
/* BOTTOM */
.pd_b2 { padding-bottom: 1px; }/* left_cate_bot 패딩*/
.pd_b3 { padding-bottom: 3px; }
.pd_b5 { padding-bottom: 5px; }
.pd_b20 { padding-bottom: 20px; }

.pd_b15 { padding-bottom: 16px; }/* 카피라이트 패딩*/
.pd_tb15 {padding-top:15px; padding-bottom: 15px; }
.pad_con {font: 11px Dotum; color: #666666; PADDING: 45px 0 40px 0;}/*컨텐츠영역패딩*/



#loginFormDiv td { font-family: "돋움,Dotum,굴림,Gulim"; font-size: 11px; letter-spacing: -1px; }
#loginFormDiv .leftCell { background: #F4F4F4; padding: 5px; }
#loginFormDiv .rightCell { background: #FFFFFF; padding-left: 5px; }

#formdiv td { font-family: 돋움,Dotum,굴림,Gulim; font-size: 12px; letter-spacing: -1px; }
#formdiv .leftCell { background: #F4F4F4; padding: 7px; }
#formdiv .rightCell { background: #FFFFFF; padding: 3 3 3 5px; }
#formdiv .dataCell { background: #FFFFFF; font-size: 12px; letter-spacing: 0px; padding: 3 3 3 3px; }

#listdiv td { font: 11px Dotum; letter-spacing: 0px; }
#listdiv .leftCell { background: #F4F4F4; padding: 7px; }
#listdiv .rightCell { background: #FFFFFF; padding-left: 5px; }
#listdiv .dataCell { background: #FFFFFF; padding: 8px 0px 8px 0px; white-space:nowrap; text-overflow : ellipsis; overflow : hidden;} /* padding: top right bottom left */
#listdiv .dataCell2 { background: #FFFFFF; padding: 8px 0px 8px 0px; } /* padding: top right bottom left */

#searchDiv td { font-family: 돋움,Dotum,굴림,Gulim; font-size: 11px; letter-spacing: -1px; }
#searchDiv .leftCell { background: #5A6CF0; font-weight: bold; padding: 7px; text-align: center; vertical-align: middle; }
#searchDiv .leftCell2 { background: #E3E3E3; font-weight: bold; padding: 3px 5px 3px 5px; text-align: center; vertical-align: middle; }
.search_box { background: #f4f4f4; padding: 2px 0px 0px 5px ; font-family: 돋움,Dotum,굴림,Gulim; border:1px solid #FF0000; height:15px; width:210px;}

#submitBtn { text-align:center; padding:10px 0 20px 0; }

.formTitle { font-family: "Tahoma,돋움,Dotum,굴림,Gulim"; font-size: 14px; color: #0E446E; font-weight: bold; letter-spacing: -1px; padding-top: 5px; padding-bottom: 5px; }
.formTitle span { font: 11px Dotum; letter-spacing: -1px; color: #6D6D6D; padding-left: 10px;  }

span.btn { padding:0px 0px 0px 0px; }
span.btn button {
	font: 8pt Dotum;
	font-weight: none;
	color: #C70C15;
	letter-spacing: -1px;
	border: 2px solid #5A6CF0;
	background: #FFFFFF;
	height: 20px;
	margin:0;
	padding:1px 0 0 0;
	cursor: hand;
}

span.submitbtn { padding:0px 0px 0px 0px; }
span.submitbtn button {
	font: 9pt Dotum;
	font-weight: bold;
	color: #C70C15;
	letter-spacing: -1px;
	border: 2px solid #5B95BA;
	background: #F4F4F4;
	height: 25px;
	margin:0;
	padding:1px 0 0 0;
	cursor: hand;
}