@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;font-family:Apple SD Gothic Neo,"나눔고딕",NanumGothic,'돋움',Malgun Gothic,Helvetica,sans-serif;-webkit-text-size-adjust:none}
html, body {height:100%; width:100%; margin:0; padding:0;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0; font-size:14px; font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; line-height:1.25em; color:#666;}
section{display:block;}
body{-webkit-text-size-adjust:none;}
ol, ul{margin:0; border:0; padding:0; list-style:none;}
table {border-collapse:collapse; width:100%; border-spacing:0px; border:0; border-collapse:collapse;}
fieldset, img {border:0 none;}
img{vertical-align:bottom;}
table {   border-collapse: collapse;    border-spacing: 0;}
caption, legend {display:none;}
input, select{font-family: 'NanumGothic', '나눔고딕', 돋움, arial, helvetica, 'sans-serif'; vertical-align:middle; color:#6f6f6f;}
em,address{font-style:normal;}
a{color:#666; text-decoration:none;}
hr, caption, legend, [hidden], template {    display: none;}
video { display: inline-block;   width: auto\9 !important; /* ie8 */  width: auto !important; max-width: 100%; height: auto !important; }
.video-container { position: relative; height: 0; padding-top: 30px; padding-bottom: 56.25%;  overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed { position: absolute;  top: 0;  left: 0;   width: 100%;   height: 100%; } 
thead {    display: table-header-group;    vertical-align: middle;    border-color: inherit;}

body {width:380px; margin:0 auto;}
#document {width:380px; overflow:hidden; margin:0 auto; background-color:#fff; }


/* header */
#header {position:relative; height:50px; margin:0 auto; z-index:1000; clear:both; background-color:#fff; border-bottom:solid 1px #c9c9c9;}
#header .header-wrap {position:relative; margin:0px auto;background:#ffffff;}
#header .header-logo {width:150px; position: absolute; top:20px; left:15px;}
#header .menu-btn {position: absolute; right:15px; top:12px;}
#header .menu-btn a {display:block;width:30px; height:43px;padding-left:1px;line-height:1em;text-align:center;font-size:0.8em;font-weight:bold;color:#9B1D21;font-family: 'NanumGothic', '나눔고딕', 돋움, arial, helvetica, 'sans-serif';vertical-align:middle;}
#header .menu-btn a .fa {display:block; padding-top:7px; font-size:20px}
#header .menu-btn a img{ width:30px; height:30px;}

#header .cart-btn {position:relative; float:right; border-left:1px solid #dcdcdc; }
#header .cart-btn a {display:block;width:43px; height:43px;padding-left:1px;line-height:1em;text-align:center;font-size:0.8em;font-weight:bold;color:#9B1D21;font-family: 'NanumGothic', '나눔고딕', 돋움, arial, helvetica, 'sans-serif';vertical-align:middle;}
#header .cart-btn a .fa {display:block; padding-top:7px; font-size:20px}
#header .cart-btn a img{ width:32px; height:32px; position:relative; top:5px;}


#header .search-box {position:relative; float:right; margin-top:10px; margin-right:5px; }
#header .search-box .search-box-title {float:left;height:20px;padding:7px 5px 0 0;font-size: 0.8em;font-weight: bold;}
#header .search-box .inputwrap {float:left;border:1px solid #514841;}
#header .search-box img {float:left; width:45px; height:25px;}
#header .search-box input.lText {width:120px; height:25px; padding:1px 5px 0px 5px;border:none; }
#header .search-box .inputout {float:left;}
#header .search-box .btnout {float:left;margin-left:-1px;}
#header .search-box .btn {width:25px; height:25px; border-radius:0}

/* menu */
#menu {position:absolute; top:44px; left:50%; margin-left:-190px; display:block;height:0;overflow:hidden; width:380px; z-index:999;}

#menu .menulist {overflow:hidden; border-top:solid 1px #c9c9c9;}
#menu .menulist li{position:relative;}
#menu .menulist > li > a{display:block;height:40px;padding:0 15px;border-bottom:1px solid #c9c9c9;background:#fff;color:#454545;font-size:15px;font-weight:bold;line-height:40px;}
#menu .menulist > li > a:before{content:'';position:absolute;top:6px;left:16px;width:10;height:10px;}
#menu .menulist > li > a:after{content:'';position:absolute;top:20px;right:10px;width:10px;height:10px;background:url('http://m.yogerpresso.co.kr//skin/img/mobile/marrow.gif') no-repeat 0 0;}
#menu .menulist > li.open > a:after{background-position:-13px 0px;}
#menu .menulist > li.open ul{display:block;}
#menu .menulist li ul{display:none;overflow:hidden;}

#menu .menulist li li{border-bottom:1px solid #c9c9c9;border-top:1px solid #fff;background:#f4f4f4;}
#menu .menulist li li a{display:block;height:33px;padding:0 20px 0 32px;color:#3c3c3c;font-size:1em;line-height:33px;}
#menu .menulist li li a:before{content:'';position:absolute;top:16px;left:24px;width:3px;height:3px;background:#9D1E23;}

.t_menu{width:100%; height:30px; clear:both; border-bottom: solid 1px #c9c9c9; border-top:solid 1px #c9c9c9;}
.t_menu ul li{float:left; text-align:center; font:12px/30px "나눔고딕"; color:#454545;}

.m_btn{width:100%; clear:both;}
.m_btn ul li{width:50%; float:left; display:inline;}
.m_btn ul li img{width:100%;}

.f_btn{ width:260px; height:30px; margin:0 auto 10px;}
.f_btn ul li{ float:left; margin:0 3px;}

/*탑메뉴 ENG.ver*/
.L_btn{width:100px;padding:11px 16px 10px 10px;height:18px; line-height:18px; float:right;}
.L_btn li{float:left;}
/*.L_btn li strong{padding:0 2px;}
.L_btn li span{color:#b33131; height:15px; position:absolute;top:-1px; right:0; }
.L_btn li a{font-size:17px;}*/

.f_menu{width:100%; height:40px; background-color:#f4f4f4; clear:both;}
.f_menu ul li{float:left; width:99.7%; text-align:center; font:15px/40px "나눔고딕";}
.bor{/* border-right:1px solid #d7d7d7;*/}
.bol{ border-left:1px solid #fff;}

.wid4{ width:29%;}
.wid5{width:18%;}

.f_menu2{width:100%; height:30px; background-color:#fff; border-top:solid 1px #c9c9c9; clear:both; background-color:#f8f8f8;}
.f_menu2 ul li{float:left; text-align:center; font:10px/30px "나눔고딕";}
.wid1{ width:2%; text-align:center; color:#c9c9c9;}
.wid3{ width:32%;}


.copy{ width:100%; text-align:center; padding:4px 0; font-size:10px; background-color:#b33131; color:#fff;line-height:36px;
display:block;}
.pc{width:70%; margin:0 auto; clear:both; height:30px; font:14px/30px "나눔고딕"; border:solid 1px #c9c9c9; background-color:#fff; border-radius:5px; margin-top:20px;}

.sub{width:96%; margin:5% auto;}

.sub_ca2{width:100%; margin:0 auto; clear:both;}
.sub_ca2 ul li{ width:48.5%; border:solid 1px #efefef; float:left; text-align:center; font:14px/30px "나눔고딕"; height:30px;}

.sub_ca{width:100%; margin:0 auto; clear:both;}
.sub_ca3 ul li{ width:30.7%; margin:1%; border:solid 1px #c9c9c9; float:left; text-align:center; font:14px/30px "나눔고딕"; height:30px;}

.sub_ca4{width:100%; margin:0 auto; clear:both;}
.sub_ca4 ul li{ width:23.5%; border:solid 1px #efefef; float:left; text-align:center; font:14px/30px "나눔고딕"; height:30px;}

.s_color{ color:#a8a58e;}

.ts{margin-left:1%;}
.sub_ca2 .on, .sub_ca3 .on, .sub_ca4 .on{background-color:#ad2323; color:#fff;}

.sub_con{width:100%; clear:both; padding-top:1%;}

.sub_con .img_100 img{width:100%; clear:both;}

.tit{ font-size:22px; font-weight:bold; margin:1% 0 3% 0; color:#222;}

.s_tit{ width:100%; padding:10px 0; 
        border-bottom:solid 1px #c9c9c9; 
		font-size:20px; font-weight:bold;}

.s_back{ width:60px; height:20px; padding-left:15px; font:14px/20px "나눔고딕"; background-color:#f4f4f4; border:solid 1px #c9c9c9;}

.sub_contents{ width:100%; margin:20px auto;}


.img{ width:100%;}

.sub_11{}
.sub_11 p{ clear:both; font-size:14px; line-height:20px; margin-top:10px;}
.sub_11_name{ font-size:18px; margin-top:20px; text-align:right; margin-top:20px;}

.sub_12_table{ width:100%; margin-top:20px; border-top:solid 2px #b33131;}
.sub_12_table tr{ border-bottom:solid 1px #c9c9c9;}
.sub_12_table th{ background-color:#f4f4f4; color:#b33131; padding:10px 0;}
.sub_12_table td{ padding:10px 5px;}
.sub_12_table td p{ font-size:12px; line-height:18px;}

.sub_13 .sub_131{ position:absolute; top:340px; right:100px;}
.sub_13 .sub_132{ position:absolute; top:340px; right:10px;}
.down{ clear:both; width:314px; margin:20px auto;}
.down a {    display: block;    float: left;    width: 146px;    height: 36px;    line-height: 36px;    color: #b43535;    font-size: 14px;    font-weight: 600;    text-indent: 13px;    background: url(../images/ico-down2.png) no-repeat 100% 50%;    border: 2px solid #b43535;    margin-left: 7px;}

.scroll_txt{overflow-y:scroll; height:450px; padding:0 5px 5px;text-align:left;/*text-align:justify;*/border:1px solid #ccc;}

.main_visual { clear:both; position:relative; width:360px; height:180px;}
.main_visual .prev{position:absolute; width:25px; height:50px; left:50%; margin-left:-180px; background:url('/m/img/main/btn_p.gif') no-repeat; top:130px; z-index:5;}
.main_visual .next{position:absolute; width:25px; height:50px; left:50%; margin-left:180px; background:url('/m/img/main/btn_n.gif') no-repeat; top:130px; z-index:5;}
#main_roll_cont {position:absolute; top:0px; width:360px; height:180px; left:50%; margin-left:-180px; overflow:hidden;}
.iosSlider {width: 100%; height: 100%;}
.iosSlider .slider {width: 100%; height: 100%;}
.iosSlider .slider .item {width:360px; height:180px; float:left;}
.iosSlider .slider .item img{ width:360px; height:180px;}


.sub_2 dl .veiw_btn {
	padding:10px 0;
	text-align:center;
    display: block;
    font-size: 14px;
    background: #ebebeb;
    border: 1px solid #d7d7d7;
    font-weight: 600;  }

.sub_2 dl .veiw_btn a{ padding:10px 75px; }


.sub_4{width:100%;}
.sub_4 #main{width:100%; float:left; margin-bottom:10px}
.sub_4 #main img{ width:100%; height:240px;}
.sub_4 #sum{width:100%; float:left; padding:10px 3px 0px 3px;}

.sub_4 #sum #sum_list li{display:inline; margin-right:1px; width:20%;}
.sub_4 #sum #sum_list li img{ width:15%; height:42px; overflow:hidden;}

.sub_4_txt{ width:100%; margin-top:20px;}
.sub_4_txt dl dt {    font-size:16px;    font-weight: 600;    color: #b33131;    padding-bottom: 15px; padding-top:10px; border-top:1px solid #ccc;}
.sub_4_txt h4 {    font-size: 16px;    font-weight: 600;    color: #b33131;    padding-bottom: 10px;  padding-top: 10px;   border-top:1px solid #ccc;}
.sub_4_txt ul li {    font-size: 12px;    line-height: 22px;    text-indent: -46px;    padding-left: 46px;    margin-bottom: 5px;}

.sub_4 .bot {    margin-top: 50px;}
.sub_4 .bot h4 {    font-size: 16px;    font-weight: 600;    color: #b33131;    padding-bottom: 10px; border-top:1px solid #ccc; padding-top: 10px;}
.sub_4 .bot .inner {    overflow: hidden;}
.sub_4 .bot dl {    border: 1px solid #d7d7d7;    padding: 25px 15px;    letter-spacing: -0.05em;    margin-top: 10px;}
.sub_4 .bot dl dt {    font-weight: 600;    color: #333;    font-size: 16px;}
.sub_4 .bot dl dd {    line-height: 22px;    margin-top: 15px;}
.sub_4 .bot ul {    margin-top: 20px;    overflow: hidden;}
.sub_4 .bot ul li.jy { width:48%;}
.sub_4 .bot ul li {    float: left; margin:2% 1%;}
.sub_4 .bot ul li.jy img {    width:100%;    height: 120px;}
.sub_4 .bot .box {    float: left;    width: 48%; height:195px;    margin:2% 1%;	background-color:red; text-align:center;
	border:1px solid #d7d7d7;	background:#ebebeb;	 
	box-sizing:border-box;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-ms-box-sizing:border-box;
			}
.sub_4 .bot .box a {    display: block;    position: relative;   }
.sub_4 .bot .box a:hover {  color:#b33131;  }
.sub_4 .bot .box a img {    display: block;    position: relative;    z-index: 0;}
.thumb_bs {    width:100%;    height: 150px;}



.bo_tab {    overflow: hidden;}
.bo_tab a:first-child {    margin-left: 0;}
.bo_tab .active {    color: #fff;    background: #b33131;    border: 1px solid #b33131;}
.bo_tab a {    display: block;    float: left;  height: 30px; padding:0 10px;   line-height: 30px;    border: 1px solid #ccc;    text-align: center;    margin-left: -1px;    font-size: 12px;    letter-spacing: -0.3;    color: #333;}


.asearch { width:200px; min-height: 30px; margin:20px auto;}
.asearch .search { border: 1px solid #b33131;    width: 198px;    height: 34px;}
.asearch .search .txt {    display: block;    width: 159px;    height: 34px;    line-height: 34px;    text-indent: 10px;    border: none;    background: none; float:left;}
.asearch .search .btn {    display: block; float:right;}

.tbl-list {    border-top: 2px solid #b33131;    width: 100%;    table-layout: fixed;}
.tbl-list th {    font-size: 12px;    color: #b33131;    text-align: center;}
.tbl-list th, .tbl-list td {    padding: 10px 5px;    text-align: center;    border-bottom: 1px solid #eaeaea;}
.tbl-list .subject {    text-align: left;    font-size: 12px;    color: #333;    letter-spacing: -0.03em;}
.tbl-list td {    font-size: 10px;}


.apaging {    text-align: right;    margin-top: 15px;    font-size: 14px;    font-weight: 600;    color: #a1a1a1;}
.apaging strong {    color: #4c4c4c;    font-weight: 600; position:relative; top:12px;}
.apaging span {    padding-right: 10px; position:relative; top:12px;}
.apaging .prev:hover {    background: url(../images/paging-prev.gif) no-repeat 0 -40px;}
.apaging .prev {    background: url(../images/paging-prev.gif) no-repeat;}
.apaging a {    display: inline-block;    width: 40px;    height: 40px;    text-indent: -9999px;    text-align: left;}
.apaging .next {    background: url(../images/paging-next.gif) no-repeat;}
.apaging .next:hover {    background: url(../images/paging-next.gif) no-repeat 0 -40px;}

.ttl {    border-top: 2px solid #b33131;    padding: 10px;    font-size:14px;    font-weight: bold;    border-bottom: 1px solid #ddd;}
.bo_info {    height: 30px;    padding: 5px 0;    border-bottom: 1px solid #ddd; font-size:10px;}
.bo_info .date {    float: left;    height: 30px;    line-height: 30px;    padding: 0 10px;    border-right: 1px solid #ddd;}
.bo_info .man {    float: left;    height: 30px;    line-height: 30px;    padding: 0 10px;}
.bo_content {    border-bottom: 1px solid #b33131;    padding: 20px 10px;    line-height: 150%;    min-height: 400px;}
.go_list{text-align:center;margin:30px auto; width:200px; height:30px; font:14px/30px "나눔고딕"; background-color:#b33131; color:#fff;}


.sel-box {    display: inline-block;    position: relative;    vertical-align: middle;    text-align: left; margin-bottom:20px;}
.sel-box .sel-txt {    display: inline-block;    vertical-align: middle;    background: #fff url(../images/sel-bg.gif) no-repeat 100% 50%;    border: 1px solid #b33131;    color: #333;    font-size: 14px;    line-height: 34px;    height: 34px;    letter-spacing: -0.05em;    text-indent: 13px;    position: relative;    z-index: 0;    text-align: left;}
.sel-box .sel-op {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    font-size: 13px;    color: #333;    letter-spacing: -1px;    filter: alpha(opacity=0);    opacity: 0;    z-index: 1;}


.busitxt {    margin-top: 10px;    font-size: 14px;    line-height: 24px;    color: #333;    border-bottom: 1px solid #e1e1e1;    padding-bottom: 20px;    margin-bottom:20px;    word-break: keep-all;    letter-spacing: -0.03em;}

.sub_2{ width:100%; margin-bottom:20px;}
.sub_2 h2{ font-size:18px; margin-bottom:10px;}

.s_31v_txt{    border-top: 1px solid #ccc;    margin-top: 20px;    padding: 25px 0;}
.s_31v_txt h4 {    font-size: 14px;    font-weight: 600;    color: #333;    padding-bottom: 20px;}
.s_31v_txt .inner {    letter-spacing: -0.03em;    line-height: 20px;}

.botbtn {    position: relative;    margin-top: 30px;    border-top: 1px solid #d7d7d7;    padding-top: 15px;    min-height: 40px;}
.botbtn .rig {    position: absolute;    right: 3%;    top: 15px;    white-space: nowrap;}
.bbtn {    display: inline-block;    width: 128px;    line-height: 38px;    text-align: center;    font-weight: 600;    font-size: 16px;   
           border: 1px solid #ccc;    color: #333;    background: none;}


.sub51 .tit {padding-bottom:40px;text-align:center;}
.sub51 .tit h3 {font-size:16px;font-weight:normal;color:#333;}
.sub51 .tit p {line-height:24px;font-size:12px;margin-top:15px;}
.sub51 ul {overflow:hidden;text-align:center;margin-bottom:90px;}
.sub51 ul li {float:left;width:25%;}
.sub51 ul li p {font-size:12px;margin-top:15px;line-height:24px;}
.sub51 h4 {text-align:center;font-weight:normal;color:#333;padding-bottom:15px;font-size:16px;}
.sub51 table {width:100%;margin:0 auto;border-top:2px solid #b33131;}
.sub51 table th,
.sub51 table td {border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;letter-spacing:-0.03em;}
.sub51 table th {font-weight:normal;font-size:12px;color:#b33131;}
.sub51 table td {text-align:left;padding:7px 20px; font-size:10px;}
.sub51 table th:last-child,
.sub51 table td:last-child {border-right:none;}
.sub51-1 {text-align:center; padding-bottom:100px;}



.faq {	    border-top: 1px solid #ddd;}
.faq dl {    border-bottom: 1px solid #ddd;    font-size: 14px;}
.faq dl dt {    font-weight: 600;    background: url(../images/faq-q.gif) no-repeat 10px 50%;}
.faq .active dt {    background: #f6f6f6 url(../images/faq-q-on.gif) no-repeat 10px 50%;}
.faq dl dt a {    color: #333;    display: block;    padding: 30px 60px 30px 70px;    background: url(../images/faq-on.gif) no-repeat 110% 50%;    font-size: 16px;}
.faq .active dt a {    background: url(../images/faq-off.gif) no-repeat 110% 50%;}
.faq dl dd {    background: #f6f6f6 url(../images/faq-a.gif) no-repeat 10px 50%;    display: none;    padding: 20px 60px 20px 70px;    font-size: 14px;    line-height: 22px;}

.sub61 .top {position:relative;}
.sub61 .top iframe {display:block;border:none;border-top:2px solid #b33131;}
.sub61 .top .info {font-size:14px;line-height:24px;width:100%; margin-top:20px;}
.sub61 .top .info span {color:#b33131;}
.sub61 .bot {margin-top:20px;}
.sub61 .bot p {margin-top:15px;}
.sub61 .bot p:first-child {margin-top:0;}
.sub61 .bot p .txt {border:1px solid #d7d7d7;box-sizing:border-box;width:100%;font-size:14px;}
.sub61 .bot p .txt:hover,
.sub61 .bot p .txt:focus {border:1px solid #b33131;}
.sub61 .bot p input.txt {height:46px;line-height:46px;text-indent:15px;}
.sub61 .bot p textarea.txt {height:150px;padding:15px;}
.sub61 .bot + .botbtn {border-top:none;margin-top:0;}

.botbtn .cen {    text-align: center;}
.cbtn {    display: inline-block;    width: 175px;    line-height: 46px;    text-align: center;    font-weight: 600;    font-size: 16px;    border: none;    color: #fff;    background: #b33131;}



.abox {border:1px solid #ddd;background:#f7f7f7;padding:10px;margin-top:15px;letter-spacing:-0.03em;}
.abox li {font-size:12px;color:#333;line-height:22px;padding:5px 0;text-indent:-15px;padding-left:15px;}
.bbox dl {position:relative;border-bottom:1px solid #ddd;padding:15px 0;font-size:12px;letter-spacing:-0.05em;line-height:22px;}
.bbox dl dt,
.bbox dl dd {position:relative;padding-left:25px;margin-top:5px;}
.bbox dl span {display:block;position:absolute;left:0;top:0;color:#5e89d8;font-weight:600;}

.atit {font-size:18px;font-weight:600;color:#0b2974;letter-spacing:-0.05em;margin-bottom:15px;}
.atxt {font-size:12px;letter-spacing:-0.05em;word-break:keep-all;line-height:22px;color:#333;}
.blue {color:#2558b6;}

#sit_tot_price {    margin: 20px 0;    font-size: 14px;    font-weight: bold;}
#sit_ov_btn {    text-align: right;    letter-spacing: -3px;}
#sit_btn_buy {    background: #ff5b89;    color: #fff;}
#sit_ov_btn input {    display: inline-block;    width: 100px;    height: 30px;    border: 0;    font-size: 14px;    text-align: center;    text-decoration: none;    letter-spacing: -0.1em;    cursor: pointer;}

.gall{width:100%; margin:5% auto; height:100%; clear:both;}
.gall ul{float:left; margin:0 5px 20px;}
.gall_s_wrap {width:172px; height:200px;}
.gall_s_img{width:170px; height:170px; margin:0 auto; vertical-align:middle; border:solid 1px #c9c9c9;} 
.gall_s_img img{width:170px; height:170px; vertical-align:middle;}
.gall_txt{width:172px; text-align:center; padding:10px 0;}
.g_txt{ font-size:12px;}
.g_date{font-size:12px; color:#878787; margin-top:10px;}

.board_tab{width:600px; margin:0 auto;}
.board_tab li{ width:24.335%; height:30px; font:16px/30px "나눔고딕"; border:solid 1px #c9c9c9; text-align:center; background-color:#f4f4f4; float:left; margin:1px 1px;}
.board_tab li.on{color:#d7282d;}

.paging {  margin-top:20px;    text-align: center; clear:both;}
.paging a {    color: #666666;}
.paging strong {    color: #ff539f;}
.paging a, .paging strong {    display: inline-block;    padding: 0 2px;    margin: 0 3px;}
.paging .on{ font-weight:bold;}
.paging .btn{ position:relative;}

.b_search-box { margin:20px auto; width:190px;}
.b_search-box .b_inputwrap {float:right;border:1px solid #c9c9c9; width:120px;}
.b_search-box img {float:left; width:20px; height:20px;}
.b_search-box input.lText {width:98px; height:20px; padding:1px 5px 0px 5px;border:none; }
.b_search-box .inputout {float:left;}
.b_search-box .b_btnout {float:right;margin-left:0px;}
.b_search-box .btn {width:20px; height:20px; border-radius:0;}
.selr{ float:left;}
.selr select{ width:60px; height:22px; font-size:12px;}





.empty0{ width:100%; height:0px; clear:both;}
.empty10{ width:100%; height:10px; clear:both;}
.empty20{ width:100%; height:20px; clear:both;}
.empty30{ width:100%; height:30px; clear:both;}
.empty40{ width:100%; height:40px; clear:both;}
.empty50{ width:100%; height:50px; clear:both;}
.red{ color:#b33131;}
.gray {    color: #999;}