@charset "utf-8";
/* CSS Document */
@import url(movie.css);
@import url(order.css);
@import url(customer.css);
@import url(my_sang.css);


body              {font-size: 12px; font-family: "Dotum","돋움", Tahoma;  margin: 0px; }
img               {border: 0; vertical-align: middle;}
input             {ime-mode:active;}

.wrap_01          {width: 1200px; margin: 0; }
.wrap_02          {width: 1200px; margin: 0; padding-left: 3px; vertical-align : top; position: absolute; }
.wrap_03          {width: 1200px; height: 40px; vertical-align:middle; background-color: #eee; padding-left: 3px; }
.wrap_04          {width: 1055px; margin: 0; }

.pa_l2px          {padding-left: 2px; }
.pa_l10px         {padding-left: 10px; }
.pa_r2px          {padding-right: 2px; }
.pa_r3px          {padding-right: 3px; }
.pa_lr2px         {padding: 0 2px 0 2px; }
.pa_lr3px         {padding: 0 3px 0 3px; }
.pa_lr4px         {padding: 0 4px 0 4px; }
.pa_lr12px        {padding: 0 12px 0 12px; }
.pa_t5px          {padding-top: 5px; }
.pa_t10px         {padding-top: 10px; }
.pa_t25px         {padding-top: 25px; }
.pa_b20px         {padding-bottom: 20px; }

.text_01          {font-size: 9pt; font-family: Dotum; color: #50472e; font-weight: bold; }

.input_01         {font-size: 12px; font-family: Dotum;  width: 65px; height: 13px; }
.input_02         {font-size: 12px; font-family: Dotum;  width: 115px; height: 13px; }

.select_01        {font-size: 13px; font-family: Dotum; color: #50472e; width: 90px; line-height: 21px; }
.select_02        {font-size: 13px; font-family: Dotum; color: #50472e; width: 75px; line-height: 21px; }
.select_03        {font-size: 13px; font-family: Dotum; color: #50472e; width: 65px; line-height: 21px; }

/* POP_TELEPHONE */
.pop_bg_tel       {background: url("/images/bg_telephone.png") no-repeat left top; width: 225px; height: 175px; }
.pop_wrap         {width: 832px; padding: 10px 0 10px 103px; }
.pop_close        {padding: 14px 0 10px 182px; }
.pop_form         {padding: 0 0 7px 16px; }
.pop_text         {font-size: 10pt; font-family: "Dotum"; color: #50472e; height: 22px; }
.pop_text2         {font-size: 12pt; font-family: "Dotum"; color: #50472e; height: 22px; font-weight: bold;}

/* TOP */
.logo_01          {padding: 8px 0 6px 14px; }
.top_logo         {width: 178px; padding: 18px 0 6px 8px; }
.top_text         {width: 832px; padding: 16px 14px 6px 0; }
.top_btn          {padding-top: 10px; }
.top_bg_g         {background: url("/images/bg_top_g.jpg") no-repeat left top; width: 887px; height: 45px; }
.top_gap          {padding-left: 26px; }

/* LEFT */
.left_wrap        {width: 120px; height: 100%; margin-top: 5px; margin-right: 25px; border-top:1px solid #cdcdcd; background: url("/images/bg_left_01.gif") repeat-y left top; }
.left_title       {width: 120px; height: 46px; background: url("/images/left_line_g.gif") no-repeat 1px 41px; padding-left: 1px;}
.left_sub         {padding-left: 1px; border-bottom:1px dotted #cdcdcd; }
.left_bottom      {background: url("/images/left_bottom.gif") no-repeat left 34px; padding-left: 1px; height: 53px; vertical-align: top; }
.left_sub a       {text-decoration:none; font:bold 13px dotum;color:#888888;}
.left_sub a:hover {color:#1FA046;}

/* MAIN */
.main_btn_bg      {background: url("/images/bg_main_01.jpg") no-repeat left top; width: 1200px; height: 540px; padding: 303px 0 66px 0; }
.main_remote_bg   {width: 255px; height: 114px; padding: 0 52px 69px 893px;}

/* PAGE */
.page_title       {padding: 18px 0 7px 6px; border-bottom:1px solid #cdcdcd; margin-bottom: 20px; width: 1055px; }
.page_title_none  {padding: 18px 0 20px 6px; margin-bottom: 20px; width: 1055px; }
.page_h           {height: 20px; }

/* MEMBER */
.member_info      {padding: 20px 18px 7px 0; width: 516px; font-size: 9pt; font-family: Dotum; color: #909090; }
.member_01        {padding: 0 17px 0 8px; }

/* RIBBON */
.ribbon_print     {background: url("/images/bg_ribbon_print.jpg") no-repeat 0 25px; width: 1055px; height: 474px; }
.run_01           {width: 496px; padding: 255px 0 108px 76px; }
.run_02           {width: 274px; padding: 273px 0 126px 21px; }
.run_03           {width: 285px; padding: 273px 0 126px 21px; }


/*******************************************************************************************************************************************/

/* site.css */
.table_css 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
  border-color:#D9D9D9;
  background-color: #FFFFFF;
    font-size: 9pt;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #000000;
	height:25px;
	vertical-align:top;
	line-height:180%;
}

.table_css345
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
  border-color:#D9D9D9;
  background-color: #e1e1e1;
    font-size: 9pt;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #000000;
	height:25px;
	vertical-align:top;
	line-height:180%;
}

.table_css347
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
  border-color:#D9D9D9;
  background-color: #ffffc4;
    font-size: 9pt;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #000000;
	height:25px;
	vertical-align:top;
	line-height:180%;
}

.table_css348
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
  border-color:#D9D9D9;
  background-color: #ffffc4;
    font-size: 9pt;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #000000;
	height:25px;
	vertical-align:top;
	line-height:180%;
}


.left {padding:0;
       line-height:0;}

.top .top_1 { float:left;line-height:0;}
.top .top_2 { float:right;line-height:0;}
.top .top_3 { float:left;line-height:0;}


 .txtbox 
 {
  border-width:1px; border-collapse:collapse;
  border-style: inset;
  height:18px;

 }

 .txtbox_red
 {
  border-width:1px; border-collapse:collapse;
  background-color:GOLD;
  border-style: inset;
  height:18px;

 }

 .txtbox_GRAY
 {
  border-width:1px; border-collapse:collapse;
  background-color:#e1e1e1;
  border-style: inset;; 
  height:18px;

 }

  .txtbox_RGRAY
 {
  border-width:1px; border-collapse:collapse;
  background-color:#f2f2f2;
  border-style: inset;; 
  height:18px;

 }

.post_table_01{
	width:451px;
	border:1px solid #cccccc;
	margin:25px 47px 25px 47px;
	height:40px;
}
.post_title_01{
	width:172px;
	border-right:1px solid #cccccc;
	padding-left:53px;
}
.post_title_02{
	width:172px;
	border-right:1px solid #cccccc;
	padding-left:53px;
	background:#eeeeee;
}
.post_text_01{
	padding-bottom:20px;
	padding-left:100px;
}
.post_text_02{
	padding-bottom:20px;
	padding-left:87px;
}
.post_table_02{
	width:375px;
	height:95px;
	margin:0 86px;
	background:#f4f4f4;
	vertical-align:top;
}
.post_cont_01{
	width:54px;
	padding-left:28px;
	height:50px;
}
.post_cont_02{
	padding-left:5px;
	width:176px;
	height:50px;
}
.post_cont_03{
	width:107px;
	padding-top:6px;
	padding-right:28px;
	height:50px;
}
.post_cont_04{
	padding-bottom:15px;
	height:12px;
}
.post_list{
	font:12px dotum,"돋움"; color:#646464;
	text-align:left;
	border:1px solid #cccccc;
	border-top:3px solid #3366cc;

	margin-top:30px;
}
table.post_list td{
	border-bottom:1px solid #cccccc;
	height:30px;
	padding-left:7px;
}
.font14_red{
	font:bold 14px Dotum,"돋움";
	color:#ff0000;
}
.jang_table_571{
	font:bold 13px Dotum,"돋움";
	color:#646464;
	height:30px;
	border-bottom:1px solid #aaaaaa;
	border-right:1px solid #aaaaaa;
	border-left:1px solid #aaaaaa;
}
.jang_table_title{
	width:150.3px;
	text-align:center;
	background:#eeeeee;
}
.jang_table_cont{

	text-align:right;
	padding-right:10px;
}
.tel_susin_01{
	width:660px;
	height:110px;
	font:12px Dotum,"돋움";
	color:#646464;
	line-height:25px;
	padding:45px 70px;
	background:url(/images/bg_tel_susin.jpg) no-repeat 0 0;
}
.main_green_box{border:1px solid #d4d8c0;height:100px; border-top:3px solid #7ec066;text-align:center;}
.main_green_box td.notice{padding:0 30px 0 20px;font-weight:bold;color:#7ec066;font-size:15px;}
.marR30{margin-right:30px;}
.month_total{background:url(/images/tit_month_total.png) no-repeat 0 0;padding:4px 0 0 30px; height:31px;border-bottom:3px solid #7ec066; color:#ffffff;font:bold 16px dotum;}
.tit_month{width:100px; height:35px; background:#eef2d9; text-align:center; font:bold 12px dotum; color:#666666;border-bottom:1px solid #d4d8c0;}
.cont_month{border-bottom:1px solid #d4d8c0;font:bold 12px dotum; color:#666666;width:125px;text-align:right; padding-right:15px;}
.main_red{color:#cc0d0d;}

.goods_name{text-align:center; color:#666666; font:11px dotum;padding-top:5px;height:20px;}
.goods_price{text-align:center; color:#EE5E00; font:bold 13px dotum;}
.cont_notice{border-bottom:1px solid #d4d8c0;height:25px; text-align:left; font:12px dotum; color:#666666; padding-left:15px;
				background:url(/images/bg_notice.gif) no-repeat 3px 10px;text-decoration:none;}


.main_wrap a{text-decoration:none;}
.notice_wrap a{text-decoration:none;}
.notice_wrap{font-size:13px;}


.bill_tit{width:180px;color:#4F628A;background:#F4F5F9;border-right:1px solid #BDC4D4;border-bottom:1px solid #BDC4D4;font:bold 13px dotum;height:35px;text-align:center;}
.bill_cont{width:450px;padding-left:10px;border-bottom:1px solid #BDC4D4;}
.bdBottom{border-bottom:none;}

.btn{width:145px;height:144px;text-align:center;}

.sinyong{list-style:none;}
.sinyong li{height:25px; color:#646464; font-size:13px;}


#CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 350px;
  width: 350px;
  z-index: 99;
}

#CalendarControl {
  position:absolute;
  background-color:#FFF;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}

#CalendarControl table {
  font-family: verdana;
  font-size: 13px;
  letter-spacing:-1px;
  border-left: 1px solid #003399;
  border-right: 1px solid #003399;
}

#CalendarControl th {
  font-weight: normal;
}

#CalendarControl th a {
  font-weight: normal;
  text-decoration: none;
  color: #FFF;
  padding: 1px;
}

#CalendarControl td {
  text-align: center;
}

#CalendarControl .header {
  background-color: #003399;
}

#CalendarControl .weekday {
  background-color: #DDD;
  color: #000;
}

#CalendarControl .weekend {
  background-color: #8CAAE6;
  color: #000;
}

#CalendarControl .current {
  border: 1px solid #003399;
  background-color: #003399;
  color: #FFF;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 2em;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #003399;
  border: 1px solid #999;
}

#CalendarControl .previous {
  text-align: left;
}

#CalendarControl .next {
  text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
  padding: 1px 3px 1px 3px;
  font-size: 1.4em;
}

#CalendarControl .previous a,
#CalendarControl .next a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
}

#CalendarControl .empty {
  background-color: #CCC;
  border: 1px solid #FFF;
}

/* 롤링배너 */
#slideContainer {width:375px; position:relative;z-index:500;margin-top:15px;}
#slideshow {height:150px; position:relative; width:375px; overflow:hidden;}
#slideshow ul {position:absolute; left:0px; top:0px; height:150px; width:5000px;}
#slideshow #slide li {float:left;list-style:none;}
#navi {text-align:center; position:absolute; left:150px; top:150px; z-index:550;display:none;}
#navi a {background: url("/images/main/bg_banner_navi.png") no-repeat scroll 0 0 transparent; display: inline-block; height:20px; width:20px;}
#navi a.on {background-position:0 -20px;}
#navi a.on span {color:#fff; font-weight:bold; }
#navi a span {display:inline-block; position: relative; top:2px; left:-1px;}

/* 롤링배너 table start */
table.nt3_best{width:405px;height:150px;margin:0 0 10px 0;background:url('/images/main/nt3_best.png') 0 15px no-repeat;}
#slideContainer table td.picture{border:1px solid #d4d8c0;}
#slideContainer table td.subject{height:20px;padding-left:10px;text-align:left;font-weight:bold;font-size:13px;}
#slideContainer table td.delivery, #slideContainer table td.employer{height:20px;padding-left:10px;color:#7EC066;font-weight:bold;width:60px;text-align:left;}
#slideContainer table td.details{padding:3px 40px 0 10px;line-height:1.5em;text-align:left;}
#slideContainer table td.left_align{text-align:left;width:250px;}

/* nt3간 위탁거래 BEST 사진 */
.clear-fix{*zoom:1;}
.clear-fix:after{clear:both;display:block;content:'';}
#nt3_best_wrap{width:980px;border:3px solid #456789;margin:0 auto;line-height:1.8em;font-size:14px;}
#nt3_best_wrap .nt3_best_title{width:980px;height:132px;text-align:center;background-color:#456789;color:#FFF;font-weight:bold;font-size:1.8em;padding-top:35px;}
#nt3_best_wrap .nt3_best_title dd{font-size:12px;background-color:#FFF;color:#456789;text-align:left;padding-left:80px;}
#nt3_best_wrap .nt3_best_title dd.notice{margin-top:30px;}
#nt3_best_wrap .nt3_best_title dd span.red_color{color:#f00;}
#nt3_best_wrap .nt3_best_contents{width:980px;}
#nt3_best_wrap .nt3_best_first{float:left;width:380px;padding:0 60px 0 50px;border-right:1px solid #456789;}
#nt3_best_wrap .nt3_best_second{float:right;width:380px;padding-right:50px;}
#nt3_best_wrap .nt3_best_pic{width:380px;text-align:center;margin-top:40px;margin-left:3px;}
#nt3_best_wrap .nt3_best_pic img{max-width:100%;max-height:400px;}
#nt3_best_wrap .nt3_best_write{width:380px;margin:30px 0 30px 30px;}
#nt3_best_wrap .nt3_best_center, #nt3_best_wrap .nt3_best_delivery, #nt3_best_wrap .nt3_best_order, #nt3_best_wrap .nt3_best_product{float:left;padding:0 20px;width:70px;height:22px;font-weight:bold;color:#456789;}
#nt3_best_wrap .nt3_best_centerdata, #nt3_best_wrap .nt3_best_deliverydata, #nt3_best_wrap .nt3_best_orderdata, #nt3_best_wrap .nt3_best_productdata{float:left;width:250px;}
#nt3_best_wrap .nt3_best_productdata{margin-bottom:20px;}
#nt3_best_wrap .nt3_best_review{width:290px;height:150px;padding:18px;line-height:2em;background-color:#cfe7ff;border-bottom:3px solid #456789;}
#nt3_best_wrap .height0{height:0;}
#nt3_best_wrap .page_wrap a{text-decoration:none;}
#nt3_best_wrap .page_wrap{width:540px;margin:0 auto;}
#nt3_best_wrap .page a{float:left;margin:50px 5px;text-align:center;background-color:#cfe7ff;padding:0 10px;}
#nt3_best_wrap .page a:hover{background-color:#456789;color:#fff;}

/* nt3 무료사용 */
td.main_topImg{position:relative;}
.imageMouseover{cursor:pointer;position:relative;}
div.showImage{z-index:9999;position:absolute;top:86px;right:27px;}

/* nt3 카드출력예시 */
.cardEx{margin-bottom:30px;}
.generalEx, .foldEx{float:left;cursor:pointer;font-size:1.2em;font-weight:bold;background-color:#cfe7ff;padding:1%;}
.generalEx{margin-right:50px;}
.showImage1, .showImage2{z-index:999;position:absolute;right:5%;top:5%;}