/* base styles */

*{margin:0;padding:0;}
html {background-color:#fff;font-size:13px;font-family:"돋음",Dotum,"굴림�",Gulim,tahoma,AppleGothic,Sans-serif;}
html,body{width:100%;height:100%;margin:0;padding:0;_background:#e0e0e0 url(../images/nav_bg.png) repeat-y left top;*background:#e0e0e0 url(../images/nav_bg.png) repeat-y left top;}
ul li{list-style:none;}
a {color:#444;text-decoration:none;}
img{border:0;border:none;}

.wn{display:block !important;overflow:hidden !important;white-space:nowrap !important;text-overflow:ellipsis !important;}

/* popup upload form styles */
.overlay {
	background-color: #000;
	bottom: 0;
	display: none;
	left: 0;
	opacity: 0.8;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9;
}
.overlay:target {
	display: block;
}

.overlay:target+.popup {
	top: 50%;
	opacity: 1;
	visibility: visible;
}

.popup{
	width:100%;
	height:100%;
	padding:0 1% 2%;
	background:#fff;
	border:1px solid #F7F5F5;
	position:relative;
	top:0;
	bottom:0;
	display:inline-block;
	z-index:1000;
}

.popup .header .arrow_wrap{position:absolute;left:5px;top:10px;}
.popup .header .arrow_wrap img{margin:0 7px;}
.popup .header .close_wrap{position:absolute;right:10px;top:10px;}

.popup .header{
	margin:0 0 20px;
	padding-left:60px;
	background-color:#e0e0e0;
	border-bottom:1px solid #CCCACA;
	position:relative;
}
.popup .header h2 {
	margin:0;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color: #333;
	line-height:45px;
	text-shadow:0 1px #FFFFFF;
}
.popup .close {
	width:57px;
	background: -webkit-linear-gradient(#FFFCFC, #F0EDED) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(#FFFCFC, #F0EDED) repeat scroll 0 0 transparent;
	background: linear-gradient(#FFFCFC, #F0EDED) repeat scroll 0 0 transparent;
	border-left: 1px solid rgba(34, 25, 25, 0.15);
	box-shadow:0 1px 2px #FFFFFF inset;
	text-align:center;
	text-decoration:none;
	font-size:50px;
	color:#ccc;
	line-height:42px;
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	display: block;
	z-index: 1;
}

.popup .pop_scroll{width:600px;height:420px;margin-bottom:15px;padding-right:5px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}

ul{margin:0;padding:0;}
li{min-height:30px;padding:10px 15px 5px;border-bottom:1px solid #ccc;text-align:left;font-size:16px;line-height:30px;position:relative;}
li .genre{height:50px;font-weight:bold;line-height:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;left:10px;top:0;}
li .check{line-height:50px;position:absolute;right:10px;top:5px;}
li .number{height:32px;padding:0 15px;background-color:#fff;line-height:32px;position:absolute;right:0;top:13px;}
li .cash_case{width:33%;height:30px;margin-top:-10px;text-align:center;line-height:30px;float:left;}
li span.cash_case{color:#666;}

.popup dl{width:100%;height:40px;border-bottom:1px solid #ccc;text-align:center;line-height:40px;position:relative;}
.popup dt{width:68%;margin:0 1%;padding:0 0 10px;text-align:left;line-height:30px;float:left;}
.popup dd{width:30%;padding:0 0 10px;text-align:right;line-height:30px;float:right;}

.popup li p{margin:0;padding:0;font-size:12px;line-height:20px;}
.popup li a{width:100%;height:35px;display:inline-block;}
.popup li .img{margin-right:10px;text-align:left;line-height:30px;}
.popup li .img img{width:30px;height:30px;vertical-align:top;}

.popup .ti{height:30px;text-align:left;font-weight:bold;line-height:30px;}
.popup .tti{margin-bottom:10px;text-align:left;font-weight:bold;line-height:20px;}
.popup .tcopy{margin-bottom:35px;text-align:left;color:#777;line-height:20px;}
.popup .input_wrap{margin-bottom:20px;text-align:left;}
.popup .input_d{
	width:100%;
	height:30px;
	padding:3px 20px 0;
	border:1px solid #cdcdcd;
	border-radius:3px;
	background-color:#f0f0f0;
	font-size:12px;
	color:#999;
	vertical-align:middle;
	ime-mode:active;
}
.popup .select_d{height:35px;margin:10px 0 20px;padding:3px 15px;background:#eee;border:1px solid #CCC;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.popup .textarea_d{width:100%;padding:15px 20px;background:#eee;border:1px solid #CCC;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.popup .file{width:100%;background-color:#f8f8f8;border:1px solid #cccccc;color:#555555;}

.popup .txt{margin-bottom:35px;padding:10px;border:1px solid #cdcdcd;border-radius:3px;background-color:#f0f0f0;text-align:left;color:#666;line-height:20px;}
.popup .txt b{color:#000;}
.popup .copy{margin-bottom:5px;text-align:left;line-height:20px;}
.popup .copy ul{margin:0;padding:0;}
.popup .copy li{width:100%;margin:10px 0;padding:10px 0;border-bottom:1px dotted #CCC;}

.popup .txt a,.popup .copy a{color:#09F;}
.popup .txt input, .popup .copy input{vertical-align:middle;}

.popup .half_line{width:100%;height:1px;margin:20px 0;border-top:1px dotted #666;}
.popup .half_mline{width:100%;height:1px;margin:15px 0;border-top:1px dotted #666;}

.popup .ud_btn{/*margin-top:100px;*/margin-bottom:20px; height :36px;background-color:#666;border:1px solid #666;border-radius:5px;text-align:center;font-size:14px;font-weight:bold;line-height:36px;}
.popup .ud_btn a{width:100%;height:32px;text-decoration:none;display:inline-block;}
.popup .ud_btn .ipbtn{width:100%;height:32px;background:#666;border:none;text-align:center;font-size:14px;font-weight:bold;color:#fff;}

.popup .ud_mbtn{margin-top:60px;text-align:center;font-size:14px;font-weight:bold;}
.popup .ud_mbtn .ipbtn{width:100%;height:32px;margin:5px 0;background:#666;border:1px solid #666;border-radius:5px;text-align:center;font-size:14px;font-weight:bold;color:#fff;}

.popup .ud_tbtn{margin-top:100px;height:36px;padding-left:10px;position:relative;}
.popup .ud_tbtn .ipbtn{width:48%;height:32px;margin:0 1%;padding:3px 0 0;background-color:#666;border:1px solid #666;border-radius:5px;border:none;text-align:center;font-size:14px;font-weight:bold;color:#fff;float:left;}

.popup .ud_tbtn_u{margin-top:100px;height:36px;position:relative;}
.popup .ud_tbtn_u .ipbtn_l{width:47%;height:32px;padding:3px 0 0;background-color:#666;border:1px solid #666;border-radius:5px;border:none;text-align:center;font-size:14px;font-weight:bold;color:#fff;float:left;}
.popup .ud_tbtn_u .ipbtn_c{width:33%;height:32px;padding:3px 0 0;margin-left:7px; background-color:#666;border:1px solid #666;border-radius:5px;border:none;text-align:center;font-size:14px;font-weight:bold;color:#fff;float:left;}
.popup .ud_tbtn_u .ipbtn_r{width:47%;height:32px;padding:3px 0 0;background-color:#666;border:1px solid #666;border-radius:5px;border:none;text-align:center;font-size:14px;font-weight:bold;color:#fff;float:right;}

.popup .input_s{
	width:80%;
	height:33px;
	padding:3px 1% 0;
	font-size:12px;
	color:#999;
	border:1px solid #cdcdcd;
	border-radius:3px;
	background-color:#f0f0f0;
	vertical-align:middle;
	ime-mode:active;
	float:left;
}
.popup .uds_btn{width:15%;height:32px;margin-left:10px;background-color:#666;border:1px solid #666;border-radius:5px;text-align:center;font-size:14px;font-weight:bold;color:#fff;line-height:36px;display:inline-block;}

.popup .pop_tabl{width:100%;margin:0;padding:0;}
.popup .pop_tabl td{height:40px;padding:0 15px;line-height:40px;border-bottom:1px solid #ccc;}
.popup .pop_tabl td input{margin-top:18px;float:right;}
.popup .pop_tabl td label{padding-top:6px;float:left;}

.modal_wrap{width:90%;position:absolute;top:1%;left:5%;float:left;}
.modal_case{height:566px;text-align:left;margin-bottom:0;padding-bottom:0;}
.modal_ti{height:35px;margin-top:15px;border-bottom:2px solid #478bbc;line-height:35px;}
.modal_ti h3{font-size:18px;font-weight:bold;color:#478bbc;}
.modal_media{width:100%;height:35px;margin-top:6px;border-bottom:1px solid #ccc;position:relative;}
.modal_media .media{width:80%;margin-top:3px;text-align:left;font-size:large;font-weight:bold;line-height:25px;float:left;}
.modal_media .check{width:20%;margin-top:-6px;text-align:right;line-height:25px;float:left;}
.media_foot{height:55px; margin-top:0; padding:10px 0 0 0; position:relative;}
.media_foot .foot_cencle{width:49%; padding-top:3px; border-right:1px solid #ccc; text-align:center; font-size:13px; float:left;}
.media_foot .foot_save{width:50%; padding-top:3px; text-align:center; font-size:13px; float:left;}

.comment img{height:20px; margin-bottom:12px;}