@charset "utf-8";

/* 툴바 색상 */
#payHeader { width: 100%;}
.TP00 {background: url("../images/top_pattern/head_bg.gif") repeat-x scroll 0 0 transparent; width: 100%;}
.TP01 {background: url("../images/top_pattern/naver01.gif") repeat-x scroll 0 0 transparent; width: 100%;}
.TP02 {background: url("../images/top_pattern/naver02.gif") repeat-x scroll 0 0 transparent; width: 100%;}
.TP03 {background: url("../images/top_pattern/naver03.gif") repeat-x scroll 0 0 transparent; width: 100%;}
.TP04 {background: url("../images/top_pattern/naver04.gif") repeat-x scroll 0 0 transparent; width: 100%;}
.TP05 {background: url("../images/top_pattern/naver05.gif") repeat-x scroll 0 0 transparent; width: 100%;}
.TP06 {background: url("../images/top_pattern/naver06.gif") repeat-x scroll 0 0 transparent; width: 100%;}
.TP07 {background: url("../images/top_pattern/naver07.gif") repeat-x scroll 0 0 transparent; width: 100%;}
.TP08 {background: url("../images/top_pattern/naver08.gif") repeat-x scroll 0 0 transparent; width: 100%;}
.TP09 {background: url("../images/top_pattern/naver09.gif") repeat-x scroll 0 0 transparent; width: 100%;}
.TP10 {background: url("../images/top_pattern/naver10.gif") repeat-x scroll 0 0 transparent; width: 100%;}
.TP11 {background: url("../images/top_pattern/naver11.gif") repeat-x scroll 0 0 transparent; width: 100%;}
.TP12 {background: url("../images/top_pattern/naver12.gif") repeat-x scroll 0 0 transparent; width: 100%;}
.TP13 {background: url("../images/top_pattern/naver13.gif") repeat-x scroll 0 0 transparent; width: 100%;}
.TP14 {background: url("../images/top_pattern/naver14.gif") repeat-x scroll 0 0 transparent; width: 100%;}

/* 헤더부분 */
#Header {height: 40px; margin: 0 auto; width: 940px; }
	.top_logo {float:left;margin:8px 0 0 0;line-height:20px;display:block;width:115px;font:bold 16px/1.3 나눔고딕,NanumGothic,맑은 고딕,Malgun Gothic,Tahoma,Gulim,AppleGothic, Sans-serif,Tahoma;letter-spacing:-2px;}
	.top_logo a{color:#fffefe;letter-spacing:-2px;text-decoration:none; }
	.serch_box { }
	.headMenu {float:left;margin:5px 0 0 10px; ;padding:3px; font: 12px/1.9 '돋움',dotum,sans-serif; position: relative; z-index: 1000;width:630px; }
		.headMenu ul {list-style:none; margin:0;padding:0;}
		.headMenu li {float: left; padding: 0 5px 0 0;}
		.headMenu li a {color:#bbbbbb; text-decoration:none;letter-spacing:-1px;}
		.headMenu li a:hover {color:#fffefe;text-decoration:underline;letter-spacing:-1px;}
		.top_menu li {list-style:none;background: url("../images/log_menu.gif") no-repeat scroll 0 -121px transparent; float: left; padding: 0 8px 0 9px;}
		.top_menu li a {color:#bbbbbb; text-decoration:none;letter-spacing:-1px;}
	.loginMenu {float: right;;margin-top:8px;}
		.login_menu1 {float: left;display:block;background: url("../images/log_menu.gif") no-repeat scroll 0 -72px transparent;width:57px;height:24px;padding:0 2px 0 0;}
		.login_menu1 a {display:block;padding:11px;}	
		.login_menu2 {float: left;display:block;background: url("../images/log_menu.gif") no-repeat scroll 0 0 transparent;width:57px;height:24px;padding:0 2px 0 0;}
		.login_menu2 a {display:block;padding:11px;}	 
		.login_menu3 {float: left;display:block;background: url("../images/log_menu.gif") no-repeat scroll 0 -48px transparent;width:57px;height:24px;}
		.login_menu3 a {display:block;padding:11px;}	
		.login_menu4 {float: left;display:block;background: url("../images/log_menu.gif") no-repeat scroll 0 -24px transparent;width:57px;height:24px;}
		.login_menu4 a {display:block;padding:11px;}
		.login_menu5 {float: left;display:block;background: url("../images/log_menu.gif") no-repeat transparent;width:57px;height:24px;}
		.login_menu5 a {display:block;padding:11px;}			

/* 툴바 컨트롤 및 색상 */
.toolbar_box {display:none;}
.control_box {margin: 0 auto;padding-left:886px;width: 59px;}
#tb_control {width:59px;height:26px;}
.btn1 {background:url("../images/btn/menu_btn01.png") bottom no-repeat;}
.btn2 {background:url("../images/btn/menu_btn02.png") bottom no-repeat;}
.btn3 {background:url("../images/btn/menu_btn03.png") bottom no-repeat;}
.btn4 {background:url("../images/btn/menu_btn04.png") bottom no-repeat;}
.btn5 {background:url("../images/btn/menu_btn05.png") bottom no-repeat;}
.btn6 {background:url("../images/btn/menu_btn06.png") bottom no-repeat;}
.btn7 {background:url("../images/btn/menu_btn07.png") bottom no-repeat;}
.btn8 {background:url("../images/btn/menu_btn08.png") bottom no-repeat;}
.btn9 {background:url("../images/btn/menu_btn09.png") bottom no-repeat;}
.btn10 {background:url("../images/btn/menu_btn10.png") bottom no-repeat;}
.btn11 {background:url("../images/btn/menu_btn11.png") bottom no-repeat;}
.btn12 {background:url("../images/btn/menu_btn12.png") bottom no-repeat;}
.btn13 {background:url("../images/btn/menu_btn13.png") bottom no-repeat;}
.btn14 {background:url("../images/btn/menu_btn14.png") bottom no-repeat;}
.btn15 {background:url("../images/btn/menu_btn15.png") bottom no-repeat;}
.btn16 {background:url("../images/btn/menu_btn16.png") bottom no-repeat;}

/* 로그인 */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:9999;} 
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:1.0; filter:alpha(opacity:100);}
.loginWindow .loginLayer .login_title {margin-left:20px;padding-bottom:5px;font:bold 16px/1.2 나눔고딕,NanumGothic,맑은 고딕,Malgun Gothic,Tahoma,Gulim,AppleGothic, Sans-serif,Tahoma;letter-spacing:-1px; }
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 29px 0;}
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{  border: 0 none; margin: 0 auto; padding: 0; width: 250px;}
.loginWindow .loginLayer.loginTypeA form.typeA{ display:block;}
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dt{ font-size:12px; font-weight:bold; color:#868d95; margin:0 0 2px 0;}
.loginWindow .loginLayer dd{float: left; margin: 0 5px 0 0; padding: 0; vertical-align: bottom;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap; }
.loginWindow .loginLayer .keep_login {color: #666666; padding: 4px 0 !important;  float: left; margin: 5px 5px 0 3px; padding: 0; vertical-align: bottom;}
.loginWindow .loginLayer .img_button { background-color: #555555; border: 1px solid #333333; border-radius: 3px;/*ie용 제거 behavior:url(addons/css3pie/PIE.htc);*/ color: #EEEEEE; font-size: 11px; height: 24px; margin-left: 3px; line-height:17px;margin-top: 2px; padding: 4px 3px;}
.loginWindow .loginLayer .help li{list-style:none; display:inline; font-size:12px; line-height:11px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{font-weight:normal;letter-spacing:-1px;}
.loginWindow .loginLayer .help li.social{border-left:1px solid #b3b3b3; font-weight:normal;letter-spacing:-1px;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:url("../images/log_menu.gif") no-repeat scroll 1px -154px transparent;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;} 

/* 개인정보 */
.profileEX {float: left;background: url("../images/log_menu.gif") no-repeat scroll 0 -96px transparent;width:57px;height:24px;padding:0 2px 0 0;display:block;}
.profileEX a {display:block;padding:4px;font:normal 12px/1.2 나눔고딕,NanumGothic,맑은 고딕,Malgun Gothic,Tahoma,Gulim,AppleGothic, Sans-serif,Tahoma;}	
.memberProfile{ list-style:none; margin:0;padding:0;display:none; position:absolute; top:40px;padding:5px; background:#f5f5f5; border:2px solid #737373;border:1px solid #dddddd;border-radius: 0 0 10px 10px; z-index: 1000;}
.memberProfile.active{ display:block;}
.memberProfile .authorName{margin:10px 14px 1px 14px; font-size:13px; font-weight:bold; color:#5d9dcf; white-space:nowrap;}
.memberProfile ul{list-style:none; margin:0; padding:0;padding:10px 30px 5px 5px; list-style:none; }
.memberProfile li{ float:none; white-space:nowrap; padding:0 0 5px 5px;letter-spacing:-1px;}
.memberProfile li a{ background:none; color:#888; text-decoration:none;}
.memberProfile li a:hover,
.memberProfile li a:active,
.memberProfile li a:focus{ color:#5d9dcf;text-decoration:underline;}