
/* table global common // -----------------------------------------------------------------------*/
table td.tal {text-align:left;}
/* ----------------------------------------------------------------------- //table global common */

/* table common */
/*
border-collapse:collapse : 합쳐서 표현
border-collapse:seperate : 독립적으로 표현
*/
table {
	width:100%;border-top:2px solid #2c2c2c;font-size:13px;text-align:left;margin-top:15px;
	border-spacing:0px;border-collapse:collapse;color:#4a4949;
}
table.table-border-black {border:2px solid #000000 !important} 
table td ul,table td li {margin-left:8px;}
table td li {list-style:disc;}

table th{ font-weight:500; }
table th, table tfoot td{
	text-align:center;
	padding:7px 10px 7px 10px;background-color:#f6f6f6;
	border-bottom:1px solid #ededed;vertical-align:middle;
	font-size:14px;padding-top:10px;padding-bottom:10px
	/* line-height:2; */
}
table td {
	position:relative;padding:7px 10px 7px 10px;border:1px solid #ededed;vertical-align:middle;
	padding-top:10px;padding-bottom:10px;
	font-size:14px;color:#636363;/* line-height:1.6; */
	 /* border-right 해제시 td간 구분 라인 없음. */
}
/* table tr:last-child td,table tr:last-child th {border-bottom:1px solid #b6b6b6} */

table td div {padding-bottom:5px;}
table td a {color:#636363}
table.celldv td,table.celldv th { border-right:1px solid #ededed; }

table.td-ptb-10 td {padding-top:10px;padding-bottom:10px;}
table td span.sup {color:#ff5b01}
.file {
	display:inline-block;vertical-align:middle;
	width:16px;height:17px;background:url('./../images/bbs/icon-file.png') no-repeat 0 0;
}
table td span.doc {
	display:inline-block;vertical-align:middle;
	width:15px;height:15px;background:url('./../images/bbs/icon-doc.png') no-repeat 0 0;
}

table.all-align-center td,table.all-align-center th{text-align:center;padding-left:0;padding-right:0}
table.col-th-left tr th {text-align:leftpadding-left:10px;;}
table.col-2-left tbody td:nth-child(2) {text-align:left;padding-left:1%;}
table.col-3-left tbody td:nth-child(3) {text-align:left;padding-left:1%;}
table td.tal {text-align:left;padding-left:1%;}
table.no-border td,table.no-border th {border-left-width:0;border-right-width:0;}
table tbody.col-1-left td:first-child,table tbody.col-1-left th:first-child {text-align:left;padding-left:1%}
table.v-align-top th{padding-top:5px}
table.v-align-top td{vertical-align:top;padding-top:5px}
table tr.bg-black th {background-color:#4d4d4d;color:#ffffff;}
table tr.bg-white th {background-color:#ffffff;}

table thead tr:first-child {font-weight:bold;}
/* table thead tr:first-child th {padding-top:3px;padding-bottom:3px} */
table tr > th:last-child{border-right-width:0;vertical-align:middle;}
table tr > td:last-child{border-right-width:0;}
table.td-pd-15 td {padding-top:15px;padding-bottom:15px;}

/* element */
table tbody.no-border td,table tbody.no-border th {border-left:0;border-right:0}
table td.al,table th.al {text-align:left;padding-left:1%;}
table td.ar,table th.ar {text-align:right;padding-right:1%;}
table td.size-20up,table th.size-20up {font-size:120%;}

/* search */
.tbl-search {font-size:15px;height:27px;font-weight:bold;margin-top:20px;margin-bottom:10px;line-height:27px;}
.tbl-search .fl {float:left}
.tbl-search .fr {float:right}

tr.list-img td {position:relative;padding:10px;line-height:1.5}
tr.list-img .thumbnail {padding-right:20px;text-align:right;}
tr.list-img .thumbnail img {max-height:100px;}
tr.list-img .ing-txt {font-size:16px;color:#f25225;font-weight:bold;}
tr.list-img .subject {font-size:16px;color:#000000;line-height:1.8;font-weight:bold;}
tr.list-img .desc {font-size:13px;color:#000000;}
tr.list-img .date {vertical-align:bottom;font-size:13px;color:#000000;line-height:1.9}

/* faq style */
table .qa-q {
	position:absolute;left:10px;top:7px;
	width:26px; height:26px; border:1px solid #333333;  border-radius:13px;display:inline-block;background-color:#333333;
	color:#ffffff;font-weight:normal;text-align:center;line-height:1.6;font-size:14px;font-weight:bold;margin-right:6px
}
table td.qa a {text-decoration:none;display:block;width:100%;background:url('./../images/bbs/icon-fold.png') no-repeat 98% 50%}
table td.qa a:visited {color:#333333;}
table .qa-a {
	position:absolute;left:10px;top:7px;
	width:26px; height:26px; border:1px solid #03c8b1;border-radius:13px;display:inline-block;background-color:#03c8b1;
	color:#ffffff;font-weight:normal;text-align:center;line-height:1.6;font-size:14px;font-weight:bold;margin-right:6px
}

table td img{vertical-align:inherit;}

/* th 내 오름차순 내림차순 아이콘 */
table th a.asc:after {content:'▼';padding-left:3px;padding-bottom:13px;font-size:7px;}
table th a.desc:after {content:'▲';padding-left:3px;padding-bottom:13px;font-size:7px;}

/* --------------data view --------------------------------------------------------------------- */

/* view div layout 형태 */
.tbl-bbs.view {font-size:15px;width:100%;margin-bottom:30px;}
.tbl-bbs.view .wrap-bbs-header {display:inline-block;width:100%;font-size:15px;padding:18px;line-height:32px;border-top:2px solid #2c2c2c;border-bottom:1px solid #ededed}
.tbl-bbs.view .wrap-bbs-header p {margin-right:20px;float:left;}
.tbl-bbs.view .wrap-bbs-header p.fr {float:right;}
.tbl-bbs.view .wrap-bbs-header .bar {margin-right:10px;margin-left:10px;}
.tbl-bbs.view .wrap-bbs-header .title {font-weight:bold;font-size:16px;}
.tbl-bbs.view .wrap-bbs-header {font-size:14px;background-color:#f8f8f8}
.tbl-bbs.view .desc {padding:30px 17px 30px 17px;border-bottom:1px solid #ededed}

.tbl-bbs.prev-next {border-bottom:2px solid #ededed;margin-bottom:50px;}
.tbl-bbs.prev-next ol li span:first-child {background:url('./../images/cmmn/table/ico_bbs_prev.png') no-repeat 0 center;padding-left:35px;padding-right:30px}
.tbl-bbs.prev-next ol li span:last-child {background:url('./../images/cmmn/table/ico_bbs_next.png') no-repeat 0 center;padding-left:35px;padding-right:30px}
.tbl-bbs.prev-next ol li {border-top:1px solid #ededed;width:100%;font-size:15px;height:45px;line-height:45px;vertical-align:middle;padding-left:30px;}
.tbl-bbs.prev-next ol li a {color:#333333}

/* table layout 형태 */

/* --------------pagenate --------------------------------------------------------------------- */

.pagenate {text-align:center;display:table;margin:0 auto;margin-top:20px;margin-bottom:10px;}/*margin-bottom:30px;*/
.pagenate ol li {
	float:left;width:30px;height:30px;line-height:28px;border:1px solid #c2c2c2;font-size:15px;
	text-align:center;color:#767676
}
.pagenate ol li {border-left-width:0px;}
.pagenate ol li:first-child {border-left-width:1px}

.pagenate ol li a {width:100%;height:100%;display:inline-block;}

/* default * /
.pagenate ol li.on {background-color:#333333;border:1px solid #333333;font-weight:bold;}
.pagenate ol li.on a,.pagenate ol li.on a:visited {color:#ffffff;}
/**/

/* paging custom */
.pagenate ol li.on {background-color:inherit;border:1px solid #d2232a;color:#d2232a;margin-left:-1px;} /* border hide*/
.pagenate ol li.on a,.pagenate ol li.on a:visited {color:#d2232a;}

/* pagenate block margin */
.pagenate ol li {border-left-width:0px;}
.pagenate ol li.prev {margin-right:15px;border-right-width:1px}
.pagenate ol li.next {margin-left:15px;}
.pagenate ol li.next {border-left-width:1px;}
.pagenate ol li.prev+li {border-left-width:1px}

/* ------------------- td th content ----------------------------------------------------------------------------*/
.circle-inner-txt {
	display:inline-block;
	width:26px; height:26px; border-radius:13px;line-height:26px;background-color:#333333;
	color:#ffffff;text-align:center;font-size:14px;font-weight:bold;margin-right:6px;letter-spacing:normal;
}
.circle-inner-txt.len2 { width:44px; height:44px; border-radius:22px;line-height:44px;font-weight:normal; }
.circle-inner-txt.size-mid { width:37px; height:37px; border-radius:18.5px;line-height:37px;font-weight:bold;font-size:18px;}
.circle-inner-txt.brown {background-color:#996b56}
.circle-inner-txt.navi {background-color:#1e376d}
.circle-inner-txt.big {width:47px; height:47px;font-size:26px}
.circle-inner-txt.bg-red {background-color:#d2232a;color:#ffffff;font-weight:bold;}

/* .infoview {margin-left:0;display:table;}*/
.infoview li {float:left;list-style:none;list-style:none;height:22px;line-height:22px;margin-left:0;
	vertical-align:middle;}
.infoview li.ilikecnt {
	padding-left:22px;
	background:url('./../images/cmmn/table/ico_heart.png') no-repeat left center;
}
.infoview li.ilikecnt.iliked {
	padding-left:22px;
	background:url('./../images/cmmn/table/ico_heart_on.png') no-repeat left center;color:#d2232a;
}
.infoview li.viewcnt {
	padding-left:24px;content:'';
	background:url('./../images/cmmn/table/ico_eye.png') no-repeat left center;
}
.infoview li:after {
	content:'';
	background-color: #e3e3e3;
	width: 1px;height: 10px;display: inline-block;
	margin: 6px 12px 0 12px;
}
.infoview li:last-child:after {display: none;}
/*
ul.infoview {margin-left:0;font-size:12px;color:#848383;}
ul.infoview li {
	float:left;list-style:none;height:22px;line-height:22px;margin-left:0;
	vertical-align:middle;
}
ul.infoview li:first-child {margin-left:0}
ul.infoview li img {vertical-align:baseline;margin-right:3px;line-height:10px}
ul.infoview li.bar {
	background-color: #e3e3e3;
	width: 1px;height: 10px;display: inline-block;
	margin: 6px 12px 0 12px;padding-top:10px
}
*/

table td div.desc {color:#777777;font-size:14px;margin-top:5px;margin-bottom:10px;}

table.table-view td,table.table-view th {font-size:14px;padding-top:13px;padding-bottom:13px;color:#5f5f5f}
table.table-view td.title {font-size:16px;}
table.table-view .inner-body {margin:40px;padding:40px;border:1px solid #e8e8e8;min-height:100px;}
table.table-view .bodyutil {
	margin-top:0;
	margin:0px 40px 40px 40px;padding:20px 20px 30px 20px;border:1px solid #e8e8e8;
	border-top-width:0;background-color:#f7f7f7
}
table.table-view .bodyutil ul {float:right;}
table.table-view .bodyutil ul li {list-style:none;float:left;}

table.formty2 {border:1px solid #e5e5e5;border-top:1px solid #d2232a;}
table.formty2 th {background-color:inherit;text-align:left;text-indent:10px}
/* table.formty2 th, table.formty2 td {padding:1px 5px 1px 5px } */

.redstar {color:#ec0811;font-size:24px;}

table tr.highlight {background-color:#faf6eb}

table td.noarticle {padding-top:20px;padding-bottom:20px;text-align:center;}
/* ------------------- form ----------------------------------------------------------------------------*/

/* input */
input[type="text"]
,input[type="file"]
,input[type="password"]
,select
{
	/*border:1px solid #cecece;font-size:14px;color:#6c6a6a;
	height:28px;line-height:28px;box-sizing:border-box;text-indent:4px;
	margin:0;vertical-align:middle;*/
}
select {text-indent:0px;padding-left:3px} /* selectbox 의 경우 text-indent design error */
table textarea {
	width:100%;border:1px solid #cecece;margin-top:3px;color:#6c6a6a;min-height:30px;
	margin-bottom:3px;padding:7px 0px 7px 0px;text-indent:3px;line-height:1.4;box-sizing:border-box
}

/* maxlength patch 로 설정해두었습니다. 불필요하거나 불편하시면 아래 maxlength 만 size로 변경해주세요. */
input[maxlength="2"] {width:25px;text-indent:0;text-align:center;}
input[maxlength="3"] {width:40px;text-indent:0;text-align:center;}
input[maxlength="4"] {width:50px;}
input[maxlength="5"] {width:60px;}
input[maxlength="10"] {width:100px;}
input[maxlength="50"] {width:365px;}

/* -------------------- btn ----------------------------------------------------------------------------*/

.search-frm {margin-bottom:7px;}
.search-frm input, .search-frm select { height:33px;/*line-height:33px;*/;vertical-align:middle; }
.search-frm input[type='submit'] {height:inherit;padding-bottom:7px;padding-top:6px;}
.search-frm select {min-width:100px;}
.search-frm input[type='text'] {text-indent:7px;}
.search-frm select, .search-frm .btn{vertical-align: middle;}
.search-frm:after{display: block;content: '';clear: both;}

.wrap-btn {width:100%;text-align:center;margin-top:5px;margin-bottom:5px;}
.wrap-btn:after {content:'';display:block;clear:both;}
.wrap-btn:before {content:'';display:block;clear:both;}
.wrap-btn.left {text-align:left;}
.wrap-btn.right {text-align:right;}

input[type='submit'], input[type='button'], input[type='reset'] {
	padding:13px 0px 13px 0px;border-radius:3px;font-size:15px;
	text-align:center;box-sizing:border-box;
    background-color:#424859;color:#ffffff;border:1px solid #424859;
}
input[type='submit'].red {
    background-color:#d53f39;color:#ffffff !important;border:1px solid #d53f39;
}
a.btn,.a.btn:link,.a.btn:visited {
	/*padding:15px 25px 15px 25px;*/;padding:10px 15px 10px 15px;
	border-radius:3px;font-size:15px;
	margin-right:3px;margin-left:3px;text-align:center;box-sizing:border-box;
	background-color:#ffffff;color:#333333;border:1px solid #9e9e9e;
    text-decoration:none;display:inline-block;
}
a.btn.square,input[type='submit'].square {border-radius:0px;}
a.btn.middle {padding:7px 10px 7px 10px ;font-size:1em}
a.btn.middle.ilike {padding-left:35px;background:url('./../images/cmmn/table/ico_heart_btnmbg.png') no-repeat 10px center;}

a.btn.ilike,.a.btn.ilike:link,.a.btn.ilike:visited {
	border:1px solid #d2232a;color:#d2232a;padding-left:44px;
	background:url('./../images/cmmn/table/ico_heart_btnbg.png') no-repeat 17px center;
}
a.btn.search,.a.btn.search:link,.a.btn.search:visited {
	border:1px solid #d2232a;color:#d2232a;padding-left:33px;font-size:13px;
	background:url('./../images/ico/ico_search.png') no-repeat 10px center;
	vertical-align:middle;
}
a.btn.check,.a.btn.check:link,.a.btn.check:visited {
	padding-left:30px;
	background:url('./../images/cmmn/table/ico_check.png') no-repeat 10px center;
}
a.btn.check:before,.a.btn.check:before:link,.a.btn.check:before:visited {
	background-color:#ffffff;width:100%;height:100px;border:1px solid red;
	padding-left:30px;content:'';display:block;
}
a.btn.len6,input[type='submit'].len6, input[type='button'].len6, input[type='reset'].len6 
{width:110px;}
a.btn.small {padding:3px 15px 3px 15px;font-size:0.9em} 
a.btn.border-gray, input[type='submit'].border-gray,input[type='button'].border-gray,input[type='reset'].border-gray {
	border:1px solid #9e9e9e;background-color:#ffffff;color:#000000;
}
a.btn.border-black, input[type='submit'].border-black,input[type='button'].border-black ,input[type='reset'].border-black {
	border:1px solid #3b4356;background-color:#ffffff;color:#000000;
}

a.btn.border-red {border:1px solid #d53f39;color:#d53f39;background-color:#ffffff}
a.btn.blue,.btn.reg {background-color:#125AAC;color:#ffffff !important;border:1px solid #125AAC}
a.btn.red {background-color:#d53f39;color:#ffffff !important;border:1px solid #d53f39}
a.btn.black {background-color:#3b4356;color:#ffffff !important;border:1px solid #3b4356}
a.btn.indigo {background-color:#2c2f3e;color:#ffffff !important;border:1px solid #2c2f3e}
a.btn.gray,.btn.cancel,.btn.list {background-color:#898989;color:#ffffff !important;border:1px solid #898989}

td a.btn {padding:7px 10px 6px 10px;font-size:1em;display:inline-block}
a.btn.fit {padding-left:6px;padding-right:6px;text-align:center;font-size:0.95em;font-weight:normal;}

a.btn.big,input[type='submit'].big,input[type='button'].big {
	padding:15px 45px 15px 45px;font-weight:inherit;
}

/* oltype bbs - bigthumbnail */
.thumb-big-list {display:inline-block;width:100%;}
.thumb-big-list > li {
	float:left;width:32%;margin-right:2%;border:1px solid #e8e8e8;font-size:15px;color:#494949;
	margin-top:13px;margin-bottom:13px;position:relative;
 }
.thumb-big-list > li:nth-child(3n) {margin-right:0}
.thumb-big-list.col4 > li {width:24%;margin-right:1.3%;}
.thumb-big-list.col4 > li:nth-child(3n) {margin-right:1.3%;}
.thumb-big-list.col4 > li:nth-child(4n) {margin-right:0;}
.thumb-big-list.col5 > li {width:18.8%;margin-right:1.5%;}
.thumb-big-list.col5 > li:nth-child(3n) {margin-right:1.5%;}
.thumb-big-list.col5 > li:nth-child(5n) {margin-right:0%;}

 .thumb-big-list.noborder > li {border:0px solid #ffffff}
.thumb-big-list > li div.img {width:100%;text-align:center;position:relative;}

.thumb-big-list > li div.img .wrap-img {
	vertical-align:middle;text-align:center;max-width:100%;
	overflow:hidden;			/* 높이고정, 넘어간 부분 감춤 */
}

/* 이미지 수직정렬, 이미지 전체보임*/
.thumb-big-list > li div.img .wrap-img.hview {display:table-cell;}
.thumb-big-list.bdt2 {border-top:2px solid #d2232a;margin-top:10px;padding-top:15px;}

/* 이미지수정은 여기서 */
.thumb-big-list > li div.img .wrap-img.h200 { height:200px;}
.thumb-big-list > li div.img .wrap-img.h190 { height:190px;}
.thumb-big-list > li div.img .wrap-img.h185 { height:185px;}
.thumb-big-list > li div.img .wrap-img.h170 { height:170px;}
.thumb-big-list > li div.img .imgdesc {font-size:16px;padding-top:13px;padding-bottom:13px;border-bottom:1px solid #e8e8e8;}
.thumb-big-list > li div.img img {max-width:100%;}
.thumb-big-list > li div.title {color:#484848;text-align:center;padding:15px 25px 15px 25px;line-height:1.3
}
.thumb-big-list > li div.title.pd25 {padding:25px;}
.thumb-big-list > li div.date {
	padding-top:12px;padding-bottom:20px;margin-left:25px;margin-right:25px;
	border-top:1px solid #e8e8e8;font-size:12px;
}
.thumb-big-list > li div.ovinfo {
	display:none;
	color:#ffffff;text-align:center;line-height:1.3;
	position:absolute;top:0;width:100%;text-align:center;font-weight:bold;height:100%;padding-top:90px;
	filter: alpha(opacity=70); opacity: 0.7;background-color:#000000;
}
.thumb-big-list div.wrap-playbtn:after {
	background:url('./../images/ico/ico_play.png') no-repeat center 1px;
	position:absolute;top:32%;left:0;
	content:'';width:100%;display:inline-block;height:70px;display: block;content: '';clear: both;
}

.thumb-big-list > li div.ovinfo .desc {font-size:13px;font-weight:normal;}
.thumb-big-list > li ul.dot {border-top:1px solid #e8e8e8;margin-right:25px;margin-left:25px;padding-top:20px;padding-bottom:20px;}
.thumb-big-list > li ul.dot li {
	list-style-type:disc;list-style-position:outside;margin-left:17px;width:100%;color:#686868;font-size:13px;
	padding-top:3px;padding-bottom:3px;
}
.thumb-big-list > ul > li {font-size:13px;width:100%;}/*float:inherit;*/
.thumb-big-list .wrap-btn {width:100%;border-top:1px solid #e8e8e8;padding-top:15px;padding-bottom:15px;}

.thumb-big-list.profile > li {
	padding:10px;background:url('./../images/bg/bg_profile.png') no-repeat center 1px;text-align:center;
	height:228px;
}
.thumb-big-list.profile > li div.img .wrap-img {
	height:168px;display:table-cell;vertical-align:bottom;text-align:center;margin:0 auto;;width:200px
}
.thumb-big-list.profile > li div.img .wrap-img img {margin:0 auto;vertical-align:bottom;}
.thumb-big-list .infoview {color:#848383;font-size:13px}

/* 게시글 섬네일 */
.thumb-big-list .bbsinfo {padding:20px 20px 35px 20px;text-align:left;}
.thumb-big-list .bbsinfo .title {
	text-align:left;padding:0;font-size:15px;line-height:1.3;color:#2e2e2e;
	height:40px;
}
.thumb-big-list .bbsinfo .desc {
	color:#888686;font-size:13px;margin-top:13px;margin-bottom:13px;
	height:35px;overflow:hidden;
}
.thumb-big-list .bbsinfo .infoview {border-top:1px solid #ededed;padding-top:13px;}


/* ty-navi */
table.ty-navi {border-top-width:0}
table.ty-navi th {background-color:#474e61;color:#ffffff;height:45px;border-right:1px solid #eaeaea}
table.ty-navi td {padding-top:10px;padding-bottom:10px;border-right:1px solid #eaeaea}

/* ty-navi */
table.ty-grayline {border-left:1px solid #eae9e9;border-right:1px solid #eae9e9}
table.ty-grayline th {border-right:1px solid #eae9e9}
table.ty-grayline td {border-right:1px solid #eae9e9}

/* ty-navi */
table.ty-head-redline {}
table.ty-head-redline th {background-color:#ffffff;border-bottom-color:#d2232a !important}

/* -------- kia table custom */
table {border-top:2px solid #141414;font-size:15px;}

/* ol li style */
ol.table {border-top:2px solid #d2232a;margin-top:15px}
ol.table li.highlight {background-color:#faf6eb;}
ol.table:before {content:'';display:block;clear:both;}
ol.table > li {
	border-bottom:1px solid #ededed;padding-top:17px;padding-bottom:17px;
	font-size:16px;color:#3c3c3c;position:relative;
}
ol.table > li:after {content:'';display:block;clear:both;}
ol.table > li .no {float:left;width:80px;text-align:center;height:100%;color:#6d6d6d}
ol.table > li .row {float:left;}
ol.table > li .row .infoview {padding-top:10px;padding-bottom:10px;color:#848383;font-size:13px;}
ol.table > li .link {font-size:14px;color:#1e376d}
ol.table > li .desc {font-size:14px;color:#666464}

/* faq */
dl.faq dd {padding-left:15px;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #ededed;position:relative}
dl.faq dt a {
    padding-top:15px;padding-bottom:15pxborder:1px solid red;width:100%;height:100%;display:inline-block;
    padding-left:15px;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #ededed;position:relative;
}
dl.faq dt {cursor:pointer;}
dl.faq dd {border-bottom:1px solid #bfbfbf}
dl.faq dt a:after {
    background:url('./../images/ico/ico_arrow_down.png') no-repeat center center;
    position:absolute;right:15px;top:40%;
    display:inline-block;content:'';width:18px;height:11px;
}
dl.faq dt a.on:after {
    background:url('./../images/ico/ico_arrow_up.png') no-repeat center center;
}
dl.faq dd {padding-left:55px;background-color:#f8f8f8;padding-bottom:30px;}
dl.faq dd.hide {display:none;}
dl.faq dd.show {display:block;}

/*
table input[type="text"],table input[type="password"],table select
{border:1px solid #cccccc;height:26px;vertical-align:middle;padding-left:4px;padding-right:4px;line-height:26px}
table textarea {width:100%;border:1px solid #cccccc;height:200px;vertical-align:middle;padding-left:4px;margin-top:10px;margin-bottom:10px;}

a.btn {padding:3px 7px 3px 7px}

.btn-wrap {text-align:center;margin:0 auto;padding-top:20px;padding-bottom:20px;height:30px;}
.btn-wrap.left {float:left;text-align:left;padding-top:20px}
.btn-wrap.right {text-align:right;padding-top:20px}
.btn-wrap.right.full {width:100%;text-align:right;}
.btn-wrap .left {float:left;}
.btn-wrap .right {float:right;}

.btn-wrap.full {float:inherit;width:100%;clear:both;display:inline-block;} 

.btn-wrap input[type='submit']
, .btn-wrap input[type='button']
, .btn-wrap a
, input[type='submit'].btn 
, a.btn 
{
    text-decoration:none;display:inline-block;vertical-align:middle;padding:7px;background-color:#333;color:#ffffff;font-size:15px;
    font-weight:normal;border-radius:1px;min-width:70px;text-align:center;letter-spacing:0px;border-width:0;
    cursor:pointer; 
}
.btn-wrap input[type='submit'],.btn-wrap input[type='button'] {padding:5px}
.btn {border-radius:3px;border-radius:3px;}
.btn-wrap .small , .btn.small {min-width:inherit;padding:4px 7px 4px 7px;font-size:12px;letter-spacing:inherit;line-height:12px;background-color:#5c5c5c;}
.btn-wrap .middle , .btn.middle {min-width:inherit;padding:5px 10px 5px 10px;font-size:14px;letter-spacing:inherit;line-height:14px;background-color:#5c5c5c;}
.btn-wrap .big , .btn.big{min-width:inherit;padding:7px 13px 7px 13px;font-size:18px;letter-spacing:inherit;line-height:18px;background-color:#5c5c5c;}
.btn-wrap .red, .btn-wrap .del , .btn.red, .btn.del {background-color:#f12628 !important;color:#ffffff !important; }
.btn-wrap .skyblue, .btn.skyblue {background-color:#62a3e6 !important;color:#ffffff !important; }
.btn-wrap .blue, .btn-wrap .reg , .btn.blue, .btn.reg {background-color:#125AAC;color:#ffffff;}
.btn-wrap .green,.btn-wrap .msg, .btn-wrap .mod , .btn.green, .btn.mod {background-color:#2d9e48;color:#ffffff;}
.btn-wrap .gray, .btn.gray {background-color:#A4A29E;color:#ffffff;}
.btn-wrap .grayline, .btn.grayline {border:1px solid #A7A7A7;background-color:#F1F1F1;color:#555555}

a.btn.full {display:block;height:58px;font-weight:bold;color:#fff;text-align:center;line-height:2.5em;font-size:23px;padding:0}
a.btn.green {background-color:#20ba4c;}

.btn-wrap .gray:hover, .btn.gray:hover,
.btn-wrap .blue:hover, .btn-wrap .reg:hover,
 .btn.blue:hover, .btn.reg:hover {color:#E11838;}
@media all and (width : 640px) {
.btn-wrap .gray:hover, .btn.gray:hover {color:#fff;}
.btn-wrap a:hover, input[type='submit'].btn:hover, a.btn:hover{color:#fff;}
	
}
*/