@charset "utf-8";
/******************************************/
/*	Name: 허벌라이프 온라인팩스 정기주문  */
/*	PART: common style     	              */
/*	Version: 1.0                          */
/*	Author: Kim MS                        */
/******************************************/

#wrap {width:100%; position:relative; padding-top:54px; letter-spacing:-1px;}
#header {position:absolute; top:0; left:0; width:100%; height:54px; background:url(../images/common/bg_header.png) repeat-x 0 0;}
#header .head {width:924px; height:50px; margin:0 auto; *zoom:1;}
#header .head:after {content:""; display:block; clear:both;}
#header .head h1 {float:left; margin:8px 0 10px;}
#header .head .util {float:right; *zoom:1;}
#header .head .util:after {content:""; display:block; clear:both;}
#header .head .util .use_info {float:left; height:50px; padding:0 11px 0 10px; color:#e8f3df; background:url(../images/common/bg_util_line.gif) repeat-y 100% 0; line-height:50px; }
#header .head .util .use_info strong {color:#356700;}
#header .head .util ul {float:left; zoom:1;}
#header .head .util ul:after {content:""; display:block; clear:both;}
#header .head .util ul li {float:left; height:50px; background:url(../images/common/bg_util_line.gif) repeat-y 100% 0;}
#header .head .util ul li a {display:block; height:50px; padding:0 11px 0 10px; color:#e8f3df; line-height:45px;}
#header .head .util ul li:first-child a {font-size:11px; font-weight:bold;}
#header .head .util ul li span {display:inline-block; height:17px; *margin-top:15px; line-height:17px; vertical-align:middle;}
#header .head .util ul li .ico_util {width:18px; *width:22px; background:url(../images/common/bg_sprite_ico_util.png) no-repeat;}
#header .head .util ul li .home {background-position:0 0;}
#header .head .util ul li .mypage {background-position:0 -20px;}
#header .head .util ul li .login {background-position:0 -39px;}
#header .head .util ul li .logout {background-position:0 -59px;}

.container_bg {background:url(../images/common/container_bg.jpg) 50% 50px no-repeat;}
#container {width:100%;}
#container .h2_tit {height:100px; margin-top:-4px; background:#b2a699 url(../images/common/bg_order.gif) no-repeat 0 0;}
#container .h2_tit h2 {width:924px; height:77px; margin:0 auto; padding:23px 0 0; background:url(../images/common/bg_order_tit.gif) no-repeat 100% 0;}
#container .content {width:924px; margin:0 auto; padding:0;}
#container .content2 {width:924px; margin:0 auto; padding:20px 0;}
#footer {width:100%; height:auto; background:#eee;}
#footer.footer-area {height: 188px;}
#footer .foot {width:924px; padding:20px 0; margin:0 auto; font-size:11px; *zoom:1;}
#footer .foot * {letter-spacing:-1px;}
#footer .foot:after {content:""; display:block; clear:both;}
#footer .foot .agreeArea {float:left; width:226px;}
#footer .foot .agreeArea * {line-height: 1.3;font-weight: 500;}
#footer .foot .agreeArea ul {margin-bottom:10px; *zoom:1;}
#footer .foot .agreeArea ul:after {content:""; display:block; clear:both;}
#footer .foot .agreeArea ul li {float:left; padding:0 0 0 6px; font-size:11px; font-weight:bold;}
#footer .foot .agreeArea ul li a {color:#faa634;}
#footer .foot .agreeArea ul li:first-child {padding:0 7px 0 0; background:url(../images/common/bg_bar1.gif) no-repeat 100% 50%;}
#footer .foot .agreeArea ul li:first-child a {color:#5eaf08;}
#footer .foot .agreeArea .btn_email {min-width:137px; height:26px; padding:0 17px; background:#faa634; border:0 none; color:#fff; font-size:11px; font-weight:bold; line-height:26px;}
#footer .foot address {float:left; width:698px; font-size:11px; line-height:20px;}
#footer .foot address .add {margin-top:8px;line-height:25px;font-size:12px;color:#848484;}
#footer .foot address .add strong {color:#000;}
#footer .img_area {margin-top: 10px;}
#footer .img_area img {width: 180px; height: auto;}

/* base */
.ac {text-align:center !important;}.al {text-align:left !important;}.ar {text-align:right !important;}
.pt11 {font-size:11px !important;}.pt14 {font-size:14px !important;}.pt12 {font-size:12px !important;}
.vaT {vertical-align:top !important;}.vaM {vertical-align:middle !important;}.vaB {vertical-align:bottom !important;}
.block {display:block !important;}.inline {display:inline !important;}.inBlock {display:inline-block;}
.pd0_ie7 {*padding:0 !important;}
.pd0 {padding:0 !important;}.pdt10 {padding-top:10px !important;}.pdr10 {padding-right:10px !important;}
.mgt5 {margin-top:5px !important;}.mgt10 {margin-top:10px !important;}.mgt15 {margin-top:15px !important;}.mgt25 {margin-top:25px !important;}.mgr5 {margin-right:5px !important;}.mgb10 {margin-bottom:10px !important;}.mgl5 {margin-left:5px !important;}.mgr10 {margin-right:10px !important;}
.col_black1 {color:#363636;}
.col_orange {color:#f16148;}
.col_red {color:#ff0000;}
.scroll_y {overflow-y:auto; overflow-x:hidden;}

/* float */
.flArea {*zoom:1;}
.flArea:after {content:""; display:block; clear:both;}
.fl_l {float:left;}
.fl_r {float:right;}

/* btnArea */
.btnAreaR {padding-top:20px; text-align:right;}
.btnAreaC {padding-top:20px; text-align:center;}

/* button */
.btn {min-width:35px;}
.btn {padding-left:2px; margin-left:5px; vertical-align:middle;}
.btn * {overflow:visible; position:relative; right:-2px;}
.btn, .btn * {display:inline-block; border:0 none; background:url(../images/common/bg_sprite_btn.png) repeat-x; text-align:center; white-space:nowrap;}
.btnR {padding:0 2px 0 0;}
.btnR * {position:relative; left:-2px;}
@-moz-document url-prefix(){.btn button, .btn input {margin-top:-1px}}

/* btn color type */
.green_big { height:43px; background-position:0 0;}
.green_big * {min-width:194px; height:43px; background-position:100% 0; padding:0 29px 0 13px; color:#fff; font-size:14px; font-weight:bold;}
.white_big {height:43px; background-position:100% -53px;}
.white_big * {min-width:194px; height:43px; background-position:0 -53px; padding:0 13px 0 29px; color:#464b55; font-size:14px; font-weight:bold;}
.orange_big {height:43px; background-position:100% -333px;}
.orange_big * {min-width:194px; height:43px; background-position:0 -333px; padding:0 13px 0 29px; *padding:0 7px 0 14px; color:#fff; font-size:14px; font-weight:bold;}
.orange_big2 {height:43px; background-position:0 -462px;}
.orange_big2 * {min-width:194px; height:43px; background-position:100% -462px; padding:0 29px 0 13px; *padding:0 14px 0 7px; color:#fff; font-size:14px; font-weight:bold;}
.navy_basic {height:27px; margin-left:0; background-position:0 -106px;}
.navy_basic * {height:27px; background-position:100% -106px; padding:0 16px; color:#fff; font-weight:bold; font-size:14px;}
.green_basic {height:28px; background-position:0 -386px;}
.green_basic * {height:28px; padding:0 14px 0 12px; background-position:100% -386px; color:#fff; font-weight:bold; font-size:14px;}
.green_basic2 {height:27px; margin-left:0; background-position:0 -180px;}
.green_basic2 * {height:27px; background-position:100% -180px; padding:0 16px; color:#fefa74; font-weight:bold; font-size:14px;}
.orange_basic {height:28px; background-position:0 -424px;}
.orange_basic * {height:28px; padding:0 14px 0 12px; background-position:100% -424px; color:#fff; font-weight:bold; font-size:14px;}
.green {height:33px; background-position:0 -217px;}
.green * {min-width:69px; height:33px; background-position:100% -217px; padding:0 9px; color:#fff; font-size:14px; font-weight:bold;}
.white {height:33px; background-position:0 -260px;}
.white * {min-width:69px; height:33px; background-position:100% -260px; padding:0 9px; color:#464b55; font-size:14px; font-weight:bold;}
.white_small {height:20px; margin-left:0; background-position:0 -303px;}
.white_small * {min-width:20px; height:20px; padding:0 8px 0 6px; background-position:100% -303px; font-weight:bold;}

.btn_search {display:inline-block; *display:inline; zoom:1; min-width:28px; height:18px; padding:0 11px 0 11px; border:1px solid #888; background:#999; vertical-align:middle;}
.btn_search * {min-width:28px; height:18px; border:0 none; background:none; color:#fff; font-weight:bold; text-align:center; line-height:16px;}
.order_ok {display:inline-block; *display:inline; zoom:1; width:194px; height:43px; margin-left:7px; background:url(../images/common/btn_ok.gif) no-repeat 0 0; vertical-align:middle;}
.order_ok button {color:#fff; font-size:14px; text-align:center; font-weight:bold;}
.order_cancel {display:inline-block; *display:inline; zoom:1; width:194px; height:43px; margin-left:7px; background:url(../images/common/btn_cancel.gif) no-repeat 0 0; vertical-align:middle;}
.order_cancel button {font-size:14px; text-align:center; font-weight:bold;}
.order_list {display:inline-block; *display:inline; zoom:1; width:194px; height:43px; margin-left:7px; background:url(../images/common/btn_order_list.png) no-repeat 0 0; vertical-align:middle;}
.order_list button {color:#fff; font-size:14px; text-align:center; font-weight:bold;}
.order_ok button,.order_cancel button,.order_list button,.order_print button {display:block; width:100%; height:100%; background:none; border:0 none;}
.order_print {display:inline-block; *display:inline; zoom:1; width:194px; height:43px; background:url(../images/common/btn_print.png) no-repeat 0 0; vertical-align:middle;}
.order_print button {color:#fff; font-size:14px; text-align:center; font-weight:bold;}


/* form */
.select {height:20px;}
.input {height:18px; padding:0 9px; border:1px solid #7f9db9; line-height:18px;}
.input2 {height:18px; padding:0 4px; border:1px solid #7f9db9; line-height:18px;}
.input3 {height:18px; padding:0 9px; border:1px solid #7f9db9; color:#363636; font-size:14px; font-weight:bold; line-height:18px;}
.textarea {padding:9px; border:1px solid #7f9db9; line-height:18px;}

/* input value reset */
.input_form {position:relative; display:inline-block;}
.input_form label.value_txt {position:absolute; left:10px; top:5px; *top:6px; display:block; color:#666; font-size:12px; line-height:normal !important;}
.input_form input {position:relative; background-color:transparent;}

/* list_type */
.lst_type1 {color:#666;}
.lst_type1 li {padding-left:10px; background:url(../images/common/bul_list_type1.gif) no-repeat 0 8px; line-height:18px;}
.lst_type2 {color:#9f9f9f; font-size:14px;}
.lst_type2 li {padding-left:10px; background:url(../images/common/bul_list_type2.gif) no-repeat 0 8px; line-height:20px;}
.lst_type3 {color:#666;}
.lst_type3 li {padding-left:10px; margin-bottom:7px; background:url(../images/common/bul_list_type3.gif) no-repeat 0 8px; font-size:14px; line-height:20px;}
.lst_type3 li em {color:#f16148;}
.lst_type4 {color:#fff;}
.lst_type4 li {padding-left:10px; margin-bottom:6px; background:url(../images/common/bul_list_type4.gif) no-repeat 0 8px; color:#fff; font-size:14px; font-weight:bold; line-height:20px;}
.lst_type4 li em {color:#fff337;}

/* 20140811 안병웅 re*/
.lst_type5 {color:#fff;}
.lst_type5 li {padding-left:10px; margin-bottom:5px; background:url(../images/common/bul_list_type5.gif) no-repeat 0 5px; color:#fff; font-size:12px; font-weight:bold; line-height:15px;}

/* table */
.tbl_list {width:100%; border-top:2px solid #7db22e;}
.tbl_list table {width:100%;}
.tbl_list table thead th {height:42px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#363636; font-size:14px; font-weight:bold; text-align:center; line-height:42px;}
.tbl_list table thead th:first-child {border-left:0 none;}
.tbl_list table thead th em {color:#363636; font-size:14px; font-weight:bold;}
.tbl_list table tbody tr.first td {background:url(../images/common/bg_tbl_first.gif) repeat-x 0 0;}
.tbl_list table tbody td {height:30px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.tbl_list table tbody td:first-child, .tbl_list table tbody td.first {border-left:0 none;}
.tbl_list table tbody td p {text-align:center; font-size:14px;}
.tbl_list table tbody td p.al {padding-left:20px;}
.tbl_list table tbody td p.al2 {padding-left:13px; text-align:left;}
.tbl_list table tbody td p.pt11 {line-height:13px;}
.tbl_list table tbody td p a {color:#0000ff; text-decoration:underline;}
.tbl_list table tbody td p a:hover {font-weight:bold;}
.tbl_list table tbody tr.noLine th,.tbl_list table tbody tr.noLine td {border-left:0 none;}
.tbl_list table tbody td > table td {border-bottom:0 none;}
.tbl_list table tbody td.center table {border-bottom:1px solid #e0e0e0;}
.tbl_list table tbody td.center table td {border-bottom:0 none;}
.tbl_list table tbody .noLine2 {border:0 none; padding:0;}
.tbl_list table tbody .lineB td,.tbl_list table tbody .lineB th {border-bottom:1px solid #e0e0e0;}

.tbl_view {width:100%; border-top:1px solid #ddd;}
.tbl_view table {width:100%;}
.tbl_view table tbody th {height:48px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.tbl_view table tbody th.last {border-right:1px solid #ddd;}
.tbl_view table tbody th em {color:#363636; font-size:14px;}
.tbl_view table tbody td {height:48px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:top;}
.tbl_view table tbody td p {padding:5px 0 5px 10px; font-size:14px;}

.tbl_view2 {width:100%; border-top:2px solid #e0e0e0;}
.tbl_view2 table {width:100%;}
.tbl_view2 tbody th {border-bottom:1px solid #e0e0e0; background:#f6f6f6; text-align:center; font-size:14px;}
.tbl_view2 tbody th em {color:#363636;}
.tbl_view2 tbody td {height:30px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.tbl_view2 tbody td p {padding-right:20px; color:#363636; text-align:right !important; font-size:14px;}

.tbl_view3 {width:100%; border-top:2px solid #7db22e;}
.tbl_view3 table {width:100%;}
.tbl_view3 tbody th {border-bottom:1px solid #e0e0e0; background:#ebf8d5; text-align:center; font-size:14px;}
.tbl_view3 tbody th em {color:#387c28;}
.tbl_view3 tbody .total_m {font-size:16px !important;}
.tbl_view3 tbody td {height:30px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.tbl_view3 tbody td p {padding-right:20px; color:#363636; text-align:right !important; font-size:14px;}
.tbl_view3 tbody td p.total {color:#ff0000; font-size:14px;}
.tbl_view3 tbody td p.ac {text-align:center !important;}

.tbl_view4 {width:100%; border-top:1px solid #ddd;}
.tbl_view4 table {width:100%;}
.tbl_view4 table tbody th {height:48px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.tbl_view4 table tbody th.last {border-right:1px solid #ddd;}
.tbl_view4 table tbody th em {color:#363636; font-size:14px;}
.tbl_view4 table tbody td {height:48px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:top;}
.tbl_view4 table tbody td p {padding:5px 0; font-size:14px; text-align:center;}

/* ico_txt */
.txt_ico {padding:0 0 0 17px; background:url(../images/common/ico_warning2.png) no-repeat 0 3px; color:#008800; text-align:justify;}

/* popup */
.lpu_type1 {position:absolute;}
.lpu_type1 .btn_lpu {position:relative; display:inline-block; *display:inline; min-width:100px; height:35px; padding:0 18px; border:1px solid #6fb74b; border-bottom:0 none; background:#fff; color:#7cc558; font-weight:bold; text-align:center; line-height:35px; zoom:1; z-index:1; font-size:14px;}
.lpu_type1 .lpu_cont {position:relative; width:100%; margin-top:-1px; padding:10px 12px; border:1px solid #6fb74b; background:#fff;}
.lpu_type1 .lpu_cont .img_prArea {width:333px; height:171px; border:1px solid #ddd;}
.lpu_type1 .lpu_cont .txt_prArea {padding:5px 0; border-bottom:1px solid #ddd; line-height:20px; text-align:justify;}
.lpu_type1 .lpu_cont .btnArea {padding-top:15px; text-align:center;}
.lpu_type1 .lpu_cont .btn_close {position:absolute; display:block; right:-22px; top:-1px;}

.war td,.war th {background:#fdf7df;}
.war td p,.war th em {color:#FF0000; font-weight:bold;}

.div_pop table {width:inherit !important;}