/* 공통 (각자취향대로) S
html, body {margin:0px; padding:0px; width:100%; height:100%; font-size:12px; font-family:굴림, Gulim, sans-serif; line-height:160%; background-color:#fff;}
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, p {margin:0; padding:0; list-style:none; font-size:12px; font-family:굴림, Gulim, sans-serif; font-weight:normal;}
div, ul, li, p, tr, td, th {margin:0; padding:0; font-family:굴림, Gulim, sans-serif; color:#666; font-size:12px;}
img {border:0; vertical-align:middle;} /* 무조건 middle
a {color:#666; text-decoration:none; cursor:pointer;}
a:hover, a:active {color:#4D74B0; text-decoration:none;}
select {overflow:visible;}
input, textarea, select {vertical-align:middle; font-family:굴림, Gulim, sans-serif; color:#666; font-size:12px;}*/
/* 공통 E */
/* 팝업 레이어 S
.mpopup {position:absolute;} /* 제대로 안뜬다면 width:100%; height:100%; 삽입
.popupLayer {position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.popupLayer .back {position:absolute; left:0; top:0; width:100%; height:100%; background:#003366 url(/_img/pod/layer_bg.png); z-index:101;}
.popup_box {position:absolute; left:50%; top:50%; z-index:102; background:#fff;}
.popup_box .popup_contents {position:absolute; left:0; top:-500px; width:100%; height:100%; z-index:102;}
.popupLayer iframe, .popup_box iframe {position:absolute; left:0; top:-500px; width:100%; height:100%;}*/
/* 팝업 레이어 E */
/* !!!!!!!!!!!!!!!!!!!!!!!!!pod S!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1 */
body {margin:0}
img {border:0;vertical-align:middle;}
#contents_box_black {width: 800px; height: 600px; padding:0px; position: relative; background:#000000; z-index: 1; }
.header {position: relative; width: 800px; height:30px; }
.logo {width:220px; float:left; background:url(/sub_pod/img/logo.png) 2px 10px no-repeat; color:#bbbbbb; font-size:11px; font-weight:bold; text-align:left;}
.btn_close {width:21px; height:22px; float:right;margin-right:10px; margin-top:4px;}
.btn_close:link, .btn_close:visited {display: block; text-decoration: none; background: url(/sub_pod/img/btn_close.png) no-repeat left top;}
.btn_close:hover {background:url(/sub_pod/img/btn_close.png) no-repeat right top; color: #fff;}
.contents_box {width: 980px; height: 590px; margin: 0px auto; padding:0px; position: relative; background:#ffffff; z-index: 1;}
/*탑메뉴*/
#contents_box {width: 980px; height: 590px; margin: 0px auto; padding:0px; position: relative; background:#ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; z-index: 1; behavior: url('');} /*ie-css3.htc*/
#top {position:absolute; background:url(/_img/pod/pod_topbg.jpg) repeat-x top left; width:100%; height:70px; border-bottom:1px solid #333333; margin:0; padding:0;}
#top_left {position:relative; float:left; height:70px; width:210px; border-right:1px solid #333333;}
#top_left ul {margin:0; padding:0;}
#top_left ul li {list-style:none;}
#top_right {position:relative; float:right; height:30px; width:769px;}
#top_right ul {margin:0; padding:0; text-align:center;}
#top_right ul li {list-style:none; display:inline;}
/*버튼*/
.btn {padding:20px 10px; font-size:12px; font-weight:bold; line-height:30px; margin:3px; text-decoration:none;}
.btn:link,
.btn:visited {color:#eeeeee;}
.btn:hover {color:#dddddd; background:#555555;}
#top_right ul li .btn_red {padding:0px 20px; font-size:14px; font-weight:bold; line-height:30px; margin:3px; text-decoration:none;}
#top_right ul li .btn_red:link,
#top_right ul li .btn_red:visited {color:#ffffff;}
#top_right ul li .btn_red:hover {color:#333; background:#ffb9c5; }
.title_info {height:24px; background:#444444; border-bottom:1px solid #333333; border-top:1px solid #555555; border-left:1px solid #555555; text-align:center; line-height:24px; font-weight:bold; font-size:12px; color:#cccccc;}
.info_con {height:45px; padding:7px; vertical-align:middle; text-align:left; color:#cccccc; font-size:11px; line-height:16px;}
/* !!!!!!!!!!!!!!!!!!!!!!!!!pod E!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1 */
/* !!!!!!!!!!!!!!!!!!!!!!!!! 대량주문 Start !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1 */
input .input_text {
font-size: 12px;
height:21px;
border:1px solid #999999;
background:#ffffff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url(''); /*ie-css3.htc*/
}
/*pod area*/
.contents_box_gray {
width: 1000px;
margin: 0px;
padding:0px;
position: relative;
background:url(/_img/pod/mass_bg.jpg);
border:5px solid #000;
z-index: 1;
behavior: url('');
}
.contents ul {margin: 15px; padding:0px;}
.contents li {list-style:none;}
.table_mass {background:#FFF;}
.table_mass td { font-size:12px; color:#666666; line-height:18px;}
.title {color:#333333; font-weight:bold; font-size:15px;}
.table_excel td {font-size:12px; color:#666666; line-height:18px; height:21px; border-bottom:1px dotted #cccccc;}
.table_mass_list {border-left:1px solid #dddddd; border-top:1px solid #dddddd;}
.table_mass_list thead td {
background:#999999;
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
text-align:center;
font-size:12px;
color:#fff;
line-height:28px;
font-weight:bold;
}
.table_mass_list td {
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
padding:2px 5px;
font-size:11px;
color:#393939;
line-height:22px;
}