/* list */
.topguide {width:100%;height:50px;margin-bottom:20px;font-size:12pt;line-height:50px;text-align:center;background-color:#066101;color:#FFF;}

#bbslist {margin:auto;padding:10px 0 30px 0;}

#bbslist .slist {width:100%;}
#bbslist .slist .ls {float:left;width:50%;}
#bbslist .slist .rs {float:right;width:50%;}

#searchform {width:80%;margin:60px auto 200px auto;font-size:12pt;}
#searchform select {float:left;max-width:90px;font-size:12px;margin-right:5px;}
#searchform .inbtn {height:50px;padding:0;margin:0;border:none;box-shadow:none;text-align:left;}
#searchform .inbtn input {width:32.7%;height:50px;padding:0;margin:0;border-radius:4px;font-size:12pt;text-align:center;}
#searchform .inbtn .winput {width:100%}
#searchform .inbtn button {cursor:pointer;width:100%;height:50px;line-height:0;border-radius:4px;color:#fff;border:1px solid #357ebd;background-color:#428bca;}

#bbslist .info {height:36px;margin-bottom:20px;}
#bbslist .info select {width:110px;}
#bbslist .info .article {float:left;padding:0;font-size:11px;color:#c0c0c0;line-height:36px;}
#bbslist .info .acontrol {float:right;padding:0;}
#bbslist .catTab {height:80px;margin:0 0 20px 0;padding:0;border:1px solid #DEDFDE;border-bottom:none;}
#bbslist .catTab li {float:left;list-style-type:none;width:10.857%;height:40px;padding:0;text-align:center;line-height:40px;color:#888;border-right:1px solid #DEDFDE;border-bottom:1px solid #DEDFDE;background-color:#fafafa;}
#bbslist .catTab li.bnone {width:126px;border-right:none;}
#bbslist .catTab .on {background-color:#FFF;color:#333;}
#bbslist table {width:100%;border-spacing:0px;border-collapse:collapse;}
#bbslist table caption {display:none;}
#bbslist thead th {vertical-align:middle;padding-bottom:10px;border-bottom:#555 solid 2px;font-size:13px;color:#555;}
#bbslist tbody tr {border-bottom:#E6E6E6 solid 1px;}
#bbslist tbody .noticetr td {background:#FAFAFA;}
#bbslist tbody .noticetr td a {font-weight:500;}
#bbslist tbody td {height:50px;font-size:14px;text-align:center;color:#888888;letter-spacing:-1px;line-height:50px;}
#bbslist td .fa {cursor:pointer;font-size:11pt;color:#428bca;}
#bbslist .now {color:#ff0000;font-size:11px;}
#bbslist .chk {position:relative;top:-2px;}
#bbslist .sbj {text-align:left;letter-spacing:0px;}
#bbslist .new {position:relative;top:-2px;display:inline-block;width:13px;height:13px;font:normal 10px arial;text-align:center;line-height:13px;border-radius:50%;color:#fff;background-color:red;}
#bbslist .comment {font-size:11px;color:#ff8000;}
#bbslist .none {height:150px;font-size:12px;color:#999;line-height:150px;}
#bbslist .bottom {padding:20px 0;}
#bbslist .bottom_l {float:left;}
#bbslist .bottom_r {float:right;text-align:right;}
#bbslist .searchform {}
#bbslist .searchform select {float:left;min-width:120px;font-size:12px;margin-right:5px;}
#bbslist .searchform .inbtn {float:left;position:relative;width:280px;padding:0;margin:0;}
#bbslist .searchform .inbtn input {position:absolute;top:0;left:0;width:200px;height:34px;padding:0 4px;border-radius:4px 0 0 4px;border:none;}
#bbslist .searchform .inbtn button {position:absolute;top:-1px;right:-1px;width:73px;height:36px;line-height:0;border-radius:0 4px 4px 0;color:#fff;border:1px solid #357ebd;background-color:#428bca;}
/* @list */


/* view */
#bbsview {margin:auto;padding:0;}
#bbsview .viewbox .content {padding:0;line-height:160%;}
#bbsview .viewbox .content h2 {padding-top:10px;padding-bottom:10px;margin:0;}
#bbsview .viewbox .content .cont_l {float:left;width:920px;padding:0 29px 50px 0;border-right:1px solid #eaeaea;}
#bbsview .viewbox .content .cont_l h1 {width: 100%;margin: 0 0 30px 0;padding: 0 0 10px 0;font-size: 25pt;line-height:1.5;border-bottom: 1px solid #d0d0d0;}
#bbsview .viewbox .content .cont_l table {}
#bbsview .viewbox .content .cont_l table th {color:#000;}
#bbsview .viewbox .content .cont_l table td {color:#333;}
#bbsview .viewbox .content .cont_l table td .input {display: block;float: left;width: 200px;height: 46px;padding: 13px 16px;border: 1px solid #ccc;font-size: 15px;font-weight: normal;line-height: 20px;color: #111;letter-spacing: 0;}
#bbsview .viewbox .content .cont_l table td .ninput {width:300px;}
#bbsview .viewbox .content .cont_l table td .btn {width:80px;height:46px;padding:13px 0;font-size:11pt;border:none;}
#bbsview .viewbox .content .cont_l table th {color:#000;}

#bbsview .viewbox .content .cont_r {float:right;width:320px;padding:30px 0 0 20px;}
#bbsview .viewbox .content .cont_r .pricebox {width:300px;}
#bbsview .viewbox .content .cont_r dl {padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #ddd;}
#bbsview .viewbox .content .cont_r .price_field {
    position: relative;
    margin-top: 12px;
}
#bbsview .viewbox .content .cont_r .price_field > dt {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
    line-height: 22px;
    color: #333;
}
#bbsview .viewbox .content .cont_r .price_field > dd {
    padding-left: 114px;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    text-align: right;
}
#bbsview .viewbox .content .cont_r .price_field .number {
    margin-right: 1px;
	font-style: normal;
    font-size: 17px;
    font-weight: bold;
    color: #111;
}
#bbsview .viewbox .content .cont_r .total_price {margin-top:20px;}
#bbsview .viewbox .content .cont_r .total_price dt,
#bbsview .viewbox .content .cont_r .total_price dd {height:40px;line-height:40px;color:red;}
#bbsview .viewbox .content .cont_r .total_price dd .number {
    display: inline-block;
    margin-right: 3px;
    font-size: 34px;
    font-weight: bold;
    line-height: 40px;
    vertical-align: -3px;
	color:red;
	border:none;
	text-align:right;
}
#bbsview .viewbox .content .cont_r .bottombox {margin-top:20px;}
#bbsview .viewbox .content .cont_r .bottombox .btn_order {
	cursor: pointer;
    display: block;
    width: 300px;
    height: 64px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    color: #fff;
	text-align: center;
	line-height: 64px;
    background: -webkit-linear-gradient(left, #fc583f 0%, #fc4949 45%, #fc3a57 100%);
    background: -webkit-gradient(linear, left top, right top, from(#fc583f), color-stop(45%, #fc4949), to(#fc3a57));
    background: linear-gradient(to right, #fc583f 0%, #fc4949 45%, #fc3a57 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc583f', endColorstr='#fc3a57', GradientType=1);
    -webkit-box-shadow: 0 8px 8px 0 rgb(244 49 66 / 20%);
    box-shadow: 0 8px 8px 0 rgb(244 49 66 / 20%);
	border: none;
}
#bbsview .viewbox .content .cont_r .bottombox .btn_comp {
    display: block;
    width: 300px;
    height: 64px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    color: #fff;
	text-align: center;
	line-height: 64px;
    background: #777;
    box-shadow: 0 8px 8px 0 rgb(0 0 0 / 20%);
	border: none;
}
#bbsview .viewbox .content .cont_r .bottombox .btn-groups {width:100%;text-align:center;padding-top:20px;margin-top:20px;border-top:1px dashed #d0d0d0;}

#bbsview .bottombox .bankbox {width:100%;padding:12px 20px;background-color:#333;color:#FFF;}
#bbsview .bottombox .bankbox h3 {padding:0;margin:0;}
#bbsview .bottombox .bankbox .label {cursor:pointer;font-weight:normal;border:none;}
/* @view */


/* write */
#bbswrite {margin:0;padding:0;}

#bbswrite .l_flower {float:left;text-align:left;width:921px;padding:20px 40px 40px 0;border-right:1px solid #efefef;}
#bbswrite .l_flower h1 {padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #999;}
#bbswrite .l_flower h2 {padding:0 0 15px 0;margin:0;}
#bbswrite .l_flower .hrs {clear:both;margin-top: 30px;padding-top: 27px;border-top: 1px solid #eee;}
#bbswrite .l_flower .select, 
#bbswrite .l_flower .input {display: block;float: left;width: 200px;height: 46px;padding: 13px 16px;border: 1px solid #ccc;font-size: 15px;font-weight: normal;line-height: 20px;color: #111;letter-spacing: 0;}
#bbswrite .l_flower .input1 {width:150px;}
#bbswrite .l_flower .input2 {width:250px;}
#bbswrite .l_flower .input3 {width:690px;}
#bbswrite .l_flower .input4 {width:270px;}
#bbswrite .l_flower .input5 {width:213px;}
#bbswrite .l_flower .btn_address_search {
    float: left;
    width: 106px;
    height: 46px;
    margin-right: 15px;
    border: 1px solid #f43142;
    font-size: 15px;
    line-height: 44px;
    color: #f43142;
    text-align: center;
    letter-spacing: normal;
    text-decoration: none;
}
#bbswrite .l_flower .btn_address_fta {
    float: left;
    width: 166px;
    height: 46px;
    margin-left: 15px;
    border: 1px solid #2080D0;
    font-size: 15px;
    line-height: 44px;
    color: #2080D0;
    text-align: center;
    letter-spacing: normal;
    text-decoration: none;
}
#bbswrite .l_flower .at {float: left;width: 35px;height: 48px;font-size: 17px;line-height: 48px;color: #111;text-align: center;}
#bbswrite .l_flower .select1 {width:210px;}
#bbswrite .l_flower .select2 {width:690px;}

#bbswrite .l_flower .fitem {width:100%;}
#bbswrite .l_flower .fitem img {display:block;float:left;width:280px;height:280px;margin:0;background-color:#999;}
#bbswrite .l_flower .fitem img.icen {margin:0 19.5px;}

#bbswrite .r_flower {float:right;text-align:left;width:300px;padding-top:30px;}
#bbswrite .info .price_box {width:300px;}
#bbswrite .info .sticky-wrapper {position:fixed;width:300px;}
#bbswrite .r_flower h2 {padding:0 0 15px 0;margin:0;}
#bbswrite .r_flower dl {padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #ddd;}
#bbswrite .r_flower .price_field {
    position: relative;
    margin-top: 12px;
}
#bbswrite .r_flower .price_field > dt {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
    line-height: 22px;
    color: #333;
}
#bbswrite .r_flower .price_field > dd {
    padding-left: 90px;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    text-align: right;
}
#bbswrite .r_flower .price_field .number {
    margin-right: 1px;
	font-style: normal;
    font-size: 17px;
    font-weight: bold;
    color: #111;
}
#bbswrite .r_flower .price_field dd .item_name {
    display: inline-block;
	width: 100%;
	height: 15px;
    font-size: 15px;
	line-height: 15px;
    font-weight: normal;
	border:none;
	text-align:right;
}
#bbswrite .r_flower .total_price {margin-top:20px;}
#bbswrite .r_flower .total_price dt,
#bbswrite .r_flower .total_price dd {height:40px;line-height:40px;color:red;}
#bbswrite .r_flower .total_price dd .number {
    display: inline-block;
	width:130px;
    margin-right: 3px;
    font-size: 34px;
    font-weight: bold;
    line-height: 40px;
    vertical-align: -3px;
	color:red;
	border:none;
	text-align:right;
}
#bbswrite .bottombox {margin-top:20px;}
#bbswrite .bottombox .btn_order {
    display: block;
    width: 300px;
    height: 64px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    color: #fff;
    background: -webkit-linear-gradient(left, #fc583f 0%, #fc4949 45%, #fc3a57 100%);
    background: -webkit-gradient(linear, left top, right top, from(#fc583f), color-stop(45%, #fc4949), to(#fc3a57));
    background: linear-gradient(to right, #fc583f 0%, #fc4949 45%, #fc3a57 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc583f', endColorstr='#fc3a57', GradientType=1);
    -webkit-box-shadow: 0 8px 8px 0 rgb(244 49 66 / 20%);
    box-shadow: 0 8px 8px 0 rgb(244 49 66 / 20%);
	border: none;
}

#bbswrite .r_flower p {font-size:11pt;color:#2080D0;padding:20px 0 0 0;margin:0 0 10px 0;border-top:1px dashed #ddd;letter-spacing:-1px;}
#bbswrite .r_flower .agreebox {border:#dfdfdf solid 1px;padding:10px 0 10px 10px;background:#fff;}
#bbswrite .r_flower .agreebox textarea {border:0;width:100%;height:70px;font-size:10pt;overflow-x:hidden;overflow-y:auto;line-height:1.5;color:#666666;}
#bbswrite .r_flower .agreecheck {text-align:center;padding:20px 0 0 0;font-size:11pt;color:#568ADF;letter-spacing:-2px;}


#bbswrite .item_box {width:100%;}
#bbswrite .item_box .item_img {float:left;width:300px;border:1px solid #d0d0d0;}
#bbswrite .item_box .item_img img {display:block;width:100%;}
#bbswrite .item_box .item_sni {float:left;width:calc(100% - 322px);margin-left:20px;}
#bbswrite .item_info {font-size:12pt;line-height:1.6;}
#bbswrite .item_info h3 {margin-bottom:5px;}
#bbswrite .info_img {width:100%;}
#bbswrite .info_img img {display:block;max-width:100%;}

/*
#bbswrite table {width:100%;}
#bbswrite td {padding:12px 0 12px 0;vertical-align:middle;}
#bbswrite .editbox {padding:15px 0 15px 0;}
#bbswrite .td1 {font-weight:bold;color:#444444;padding:0;letter-spacing:-1px;}
#bbswrite .td2 {}
#bbswrite .td2 .guide {font-size:11px;color:#999;padding:10px 0 10px 0;}
#bbswrite .td2 .guide img {position:relative;top:3px;}
#bbswrite .td2 .check {color:#777;}
#bbswrite .td2 .check input {position:relative;top:2px;}
#bbswrite .td2 .autow {width:95%;}
#bbswrite .td2 .subject {width:99%;}
#bbswrite .td2 select {width:50%;}
#bbswrite .td2 select .cattt {background:#efefef;}
#bbswrite .td2 img {}
#bbswrite .td2 .after {padding:10px 0 0 0;color:#999;font-size:11px;letter-spacing:-1px;}
#bbswrite .iconbox {border-left:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;background:#f9f9f9;padding:6px 0 8px 7px;}
#bbswrite .iconbox a {padding:0 3px 0 3px;font-size:11px;color:#333;}
#bbswrite .iconbox a:hover {color:#7899C7;}
#bbswrite .iconbox a img {position:relative;top:2px;left:-2px;margin-right:3px;}
#bbswrite .iconbox .split {padding:0 2px 0 2px;margin-bottom:-1px;}
*/

.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.filebox label {
    display: inline-block;
    cursor: pointer;
	position:relative;
	top:1px;
	width: 15%;
	height: 40px;
    padding:0;
	margin-left: 5px;
	font:normal 10pt "NanumGothic","Malgun Gothic",Dotum;
	line-height:40px;
	text-align:center;
    color: #FFF;
    background-color: #428BCA;
    border: 1px solid #357EBD;
    border-radius:3px;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	width: 50%;
	height: 40px;
	padding: 0 0 0 10px;
	font:normal 10pt "NanumGothic","Malgun Gothic",Dotum;
    background-color: #FAFAFA;
	border: 1px solid #DFDFDF;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.filebox label:hover {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}
/* @write */