/**/

/* layout */
html, body {width:100%;height:100%;padding:0;margin:0;}


#wrap {width:100%;}
#header {position:relative; overflow:hidden;}
  .gnb {width:100%; background:#e9573e;}
  .navi {width:100%;}
  .subnavi {width:100%;height:1rem;background-color:#e7e6e3;border-top:1px solid #cecbc7;}
#container {width:100%;background-color:#fff}
  .content {margin:0 auto;background-color:#fff; padding-bottom:20px;}
#footer {width:100%; background-color:#333;}


/* gnb */
.gnb_box {margin:0 auto; padding:8px; overflow:hidden;}
.gnb_box h1{width:100%;text-align:center; height:40px; background-color:#e9573e;}
.gnb_navi {width:100%; padding-top:15px; height:30px; background-color:#e9573e;}
.gnb_navi li {float:left;width:25%;text-align:center;}
.gnb_navi li img {vertical-align:top; margin-right:3px;}
.gnb_navi li a {color:#ffffff;font-size:1.2rem;}
.gnb_navi li a:hover {color:#ffffff;text-decoration:underline;}
.gnb_navi2 {float:left;margin-top:1rem; margin-right:5px;}
.gnb_navi2 li {float:left;width:20%;font-size:1.1rem;line-height:1.9rem;}
.gnb_navi2 li img {vertical-align:middle;margin-bottom:0.3rem;margin-right:0.2rem;}
.gnb_navi2 li a {color:#ffffff;font-size:1.2rem;}
.gnb_navi2 li a:hover {color:#ffffff;text-decoration:underline;}
.logo {width:150px; margin:10px auto 20px; text-align:center;}


/* navi */  
.navi_box {width:100%; height:40px; line-height:44px;}
.navi_box li {width:25%;float:left;font-size:17px;text-align:center;font-family:'NanumSquareB';border-top:3px solid #e9573e;border-bottom:3px solid #e9573e;}
.navi_box li a{color:#333333;}

/* navi_color */
.navi_box li a:hover{color:#e9573e;}
.navi_box li.on{border-bottom:1px solid #e9573e;color:#e9573e;}
.navi_box li.on a{color:#e9573e;}

/* subnavi */
.subnavi_box {margin:0 auto; display:none;}
.subnavi_txt {float:left;line-height:1px;font-size:0.2rem;}
.subnavi_txt a {font-weight:bold;color:#666;}
.subnavi_txt a.on {font-weight:bold;color:#e9573e;}

.subtit {font-family:'NanumSquareB';font-size:2.6rem;margin:4rem 0 1.4rem 0;color:#333;text-align:center;}


/* footer */
.footer_navi {margin:0 auto;}
.footer_navi ul {padding-top:0.6rem; width:90%;margin:0 auto;}
.footer_navi li {line-height:5rem;float:left; display:none;}
.footer_navi li a {color:#ffffff;font-weight:bold;}
.footer_navi li a:hover {text-decoration:underline;}
.footer_copy {color:#b6b6b6; text-align:center;line-height:15px;padding-bottom:20px;padding-top:10px;}


/* 메인탭 */
#tabsholder:after {content:""; clear:both; display:block;}
#tabsholder {margin:20px 10px;}
ul.tabs {width:100%; overflow:hidden;}
ul.tabs li {list-style-type:none;display:block;float:left;color:#fff;padding:10px 20px;margin-right:2px;border-bottom:1px solid #e9573e;background-color:#e9573e;cursor:pointer;font-size:15px;}
ul.tabs li:hover {background-color:#222;}
ul.tabs li.current {border-bottom:2px solid #222;background-color:#222;padding:10px 20px;}
.tabscontent {border-top:2px solid #222;padding:8px 0 0 0;display:none;width:100%;text-align:justify;}
.t_tablist {width:100%;float:left;margin-bottom:-10px;padding:10px;}
.t_tablist .subject span {color:#000;}
.t_tablist .subject {width:73%;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;float:left;text-align:left;font-size:13px;}
.t_tablist .date { color:#000;width:25%;overflow:hidden;white-space:nowrap; float:right;text-align:right;font-size:13px;}
.t_tablist li {width:100%; line-height:36px;height:2.6rem; font-size:1.2rem; color:#333;text-align:right;border-bottom:1px solid #e5e5e5;}


/*20190805 css추가 */ /****************************************************************************************************/
#container .content h4 {position:relative; padding:10px 0 12px; text-indent:15px; color:#000; font-size:20px; border-bottom:1px solid #dfdfdf; font-weight:bold;}

/* 팝업관련 공통*/
.popContent {position:relative;width:100%;background-color:#fff;}
.popContent h4 {width:100%;color:#fff;background-color:#666;font-size:18px;text-align:left;line-height:45px;height:50px;text-indent:12px;font-weight:bold;border-top:1px dotted #969937;border-bottom:3px solid #969937;}
.popContent h5:after {content:""; clear:both; display:block;}
.popContent h5 {width:100%;color:#222;background-color:#fff;font-size:18px;text-align:left;line-height:45px;height:46px;text-indent:10px;font-weight:bold;border-bottom:1px solid #e6e6e6;position:fixed;}
.popContent .logoArea {width:100%;height:100px;background-color:#222;border-top:2px solid #000;}
.popContent .logoArea h2 {width:100%;height:50px;text-indent:12px;}
.popContent .logoArea h3 {width:100%;color:#fff;font-size:18px;text-align:left;line-height:45px;height:50px;text-indent:12px;font-weight:bold;border-top:1px dotted #969937;border-bottom:3px solid #969937;}
.popContent .topArea {width:100%;padding:65px 10px 20px; text-align:center; background-color:#f1f2fa; border-bottom:1px solid #d7d7d7;}
.popContent .contArea {width:100%;padding:15px;background-color:#f1f2fa; border-bottom:1px solid #969937;top:100px;}
.popContent .pop_tbl {table-layout:auto; width:100%; background-color:#fff;}
.popContent .pop_tbl caption {display:none;}
.popContent .pop_tbl thead th {font-size:17px; text-align:center; text-indent:10px; color:#000; background-color:#f2f6f7; line-height:20px; padding:10px 0; border-top:1px solid #666; border-bottom:1px solid #e6e6e6;}
.popContent .pop_tbl tbody th {background-color:#f2f6f7; color:#000; text-align:center; font-weight:bold; font-size:15px; padding:7px 5px; border:1px solid #e6e6e6;}
.popContent .pop_tbl tbody td {color:#000; text-align:left; font-size:15px; padding:8px; border-bottom:1px solid #e6e6e6;}
.popContent .pop_tbl tbody th p {padding-bottom:10px;}
.popContent .fax_tbl {table-layout:auto; width:100%; background-color:#fff;}
.popContent .fax_tbl caption {display:none;}
.popContent .fax_tbl tr:first-child{border-top:2px solid #ddd;}
.popContent .fax_tbl thead th {font-size:13px; text-align:center; text-indent:10px; color:#000; background-color:#f5f5f5; line-height:20px; padding:10px 0; border-bottom:1px solid #e6e6e6;}
.popContent .fax_tbl tbody th {background-color:#f5f5f5; color:#000; text-align:center; font-weight:normal; font-size:12px; padding:7px 5px; border:1px solid #e6e6e6;}
.popContent .fax_tbl tbody td {color:#000; text-align:left; font-size:13px; font-weight:bold; padding:7px 2px 5px 10px; border:1px solid #e6e6e6;}
.popContent .fax_tbl tbody th p {padding-bottom:10px;}
.popContent .listArea {padding:10px 0; background-color:#fff;}
.popContent .listArea .msgList {width:100%;}
.popContent .listArea .msgList li {display:table;width:100%;padding:12px 20px;border-bottom:1px dotted #e5e5e5; background:url('../images/arrow.jpg') no-repeat 1px center;}
.popContent .listArea .msgList li a {color:#696969; font-size:15px;}

.agreementBox {width:100%; height:1000px; overflow-y:auto; padding:65px 15px 30px;}
.agreementBox h3{font-size:15px; line-height:50px; font-weight:bold; color:#000; text-align:center; text-decoration:underline;}
.agreementBox h6{font-size:13px; line-height:20px; margin:10px 0; color:#000;}
.agreementBox p{padding:20px; font-size:17px; font-weight:bold; color:#666; text-align:center;}
.agreementBox dl{margin:30px 0;}
.agreementBox dt{font-size:12px; margin:7px 0 5px; color:#222; font-weight:bold;}
.agreementBox dd{font-size:12px; padding-left:20px; line-height:18px; color:#666;}
.agreementBox ul{padding-left:60px;}
.lineTxt{border-bottom:1px dotted #d7d7d7;}

/*팝업_화원소개*/
.fhome_intro{padding:2rem 2.4rem;}
.fhome_introimg{width:16.3rem;float:left;}
.fhome_introtxt{width:32.7rem;float:left;margin-left:2rem;}
.fhome_introtxt tr{height:2.5rem;border-bottom:1px solid #e5e5e5;}
.fhome_introtxt th{width:6.5rem;font-size:1.2rem;color:#999;text-align:left;}
.fhome_introtxt td{width:26.2rem;font-size:1.2rem;color:#333;}
.fhome_photobox{padding:0 2.4rem;display:block;}
.fhome_photobox .photolist{width:100%;background:#eeeeed;}
.fhome_photobox .photolist ul li{float:left;padding:1.2rem 0;}
.fhome_photobox .photolist ul li.arrowl{width:4rem;text-align:left;}
.fhome_photobox .photolist ul li.arrowr{width:4rem;text-align:right;}
.fhome_photobox .photolist ul li .arrowm{margin-top:5.8rem;margin-left:0.8rem;margin-right:0.8rem;}
.fhome_photobox .photolist ul li.listover{/* width:43rem; */ text-align:center; width: 87%;}
.fhome_photobox .photolist ul li .listoverbox{display:block;}
.fhome_btnbox{/* width:51rem; */ padding:1.2rem 2.4rem;text-align:center;}
/* 20190906 새로운 클래스 추가함 */
.fhome_m{width:99%; margin:20px auto 15px; font-family:'NanumSquareB'; font-size:17px; padding-left:20px; background:url('../images/bullet_tit.png') no-repeat 10px 2px;}
.photoAreaWrap{width:94%; margin:0 auto; padding:10px; background:linear-gradient(to right, #E0EAFC 0%, #CFDEF3 51%, #E0EAFC 100%)}
.photoArea{width:100%;}
.photoArea1:after{content:""; clear:both; display:block;}
.photoArea1{width:100%;}
.photoArea1 li:last-child{margin-right:0%;}
.photoArea1 li{float:left; width:31.5%; border:1px solid #ddd; margin:0 1%; box-sizing:border-box; vertical-align:middle;}
.photoArea1 li .img{width:100%;}
.photoArea1 li .noimg{width:100%;}
.photoArea2:after{content:""; clear:both; display:block;}
.photoArea2{width:100%;}
.photoArea2 li{float:left; width:48%; height:auto; border:1px solid #ddd; box-sizing:border-box; background-color:#fff; margin:1%; box-sizing:border-box; vertical-align:middle;}
.photoArea2 li .img{width:100%; height:200px;}
.photoArea2 li .noimg{width:100%; height:200px;}
.photoArea2 li p:first-child {padding:10px; text-align:center; background-color:#fff; border-bottom:1px solid #ddd;}
.photoArea2 li p:last-child {font-size:15px; padding:10px; background-color:#f5f5f5; text-align:center;}


/* 20190926 모바일에 회원가입 부분 필요하여 추가함 */
/* 회원가입 팝업 */
.memjoinWrap{width:100%;padding:65px 15px 0 15px;}
.memjoinWrap h2{border-bottom:1px solid #eee; margin-top:30px; margin-bottom:15px; padding-bottom:5px; padding-left:12px; background:url('../images/bullet_gray.png') no-repeat 1px 10px;}
.rightTitArea{padding:20px 0;}
.agreeArea{width:100%; background:#f5f5f5; padding:15px;}
.agreeArea:after{content:""; clear:both; display:block;}
.agreeArea ul li{width:100%; border:1px solid #eee; margin-bottom:10px; padding:10px; background:#fff;}
.agreeTit a{text-decoration:underline;}
.agreeTit:after{content:""; clear:both; display:block;}
.agreeTit{margin-top:10px; margin-bottom:5px; text-align:left; color:#222; font-weight:bold; font-size:15px; padding-left:15px; background:url('../images/bullet_tit_bk.png') no-repeat 4px 1px;}
.agreeBox{width:100%; border:1px solid #eee; padding:2px 5px 5px; height:80px; background:#fff; overflow:hidden; margin-top:10px;}
.agreeCheck{margin:8px 0px 0px; font-size:12px; text-align:left;}
.allagreeCheck{margin:8px 2px 0px; font-size:12px; text-align:center;}
.formContArea{padding:10px;margin:5px 0; background:#f5f5f5;}
.leftTit{margin-bottom:10px; text-align:left; color:#222; font-weight:bold; font-size:15px; padding-left:20px; background:url('../images/bg_check.png') no-repeat 1px 0px;}
.fileList{margin-top:5px;padding:8px 0;color:#666;line-height:20px;*zoom:1; background:#fff;border:1px solid #ccc;border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.fileList:after{content:""; clear:both; display:block;}
.fileList .fileTit{float:left;width:140px;font-size:13px;font-weight:bold;margin-right:10px;text-indent:10px;letter-spacing:-1px;}
.fileList .serchFile{overflow:hidden;float:left;position:relative;width:61px;height:21px;margin-right:9px;cursor:pointer;}
.fileList .inpFile{display:inline-block;position:absolute;top:0;left:0;width:61px;height:21px;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";}
.fileList .fileName{float:left;display:inline-block;overflow:hidden;max-width:220px;font-size:12px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.fileList .fileDel{float:left;width:100px;margin-left:10px;}
.fileList .searchFile{float:left;width:557px;}



/* 20190910 css 수정할려고 다른쪽 영향 받을까봐 새로운 클래스 추가함 */
/* 팝업_회원검색 */
.memsearchbox {position:relative;width:100%;}
.memsearchbox p.Tit{font-size:20px; font-weight:bold; color:#000; padding-bottom:10px;}
.memlistArea{padding:10px;background:#fff;}
.memsearchbox .memlistbox{width:99%; margin:10px auto;}
/*.memsearchbox .memlistbox{width:100%;}
.memsearchbox .memlist{width:100%; margin:15px auto; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.memsearchbox .memlist th{height:40px;background:#f8f8f8;color:#222;font-size:13px; font-weight:bold; text-indent:18px; border-top:1px solid #333; border-bottom:1px solid #d7d7d7; text-align:left; vertical-align:top;}
.memsearchbox .memlist td{height:40px;font-size:13px;color:#333;padding:5px 10px;text-align:left; vertical-align:top;} */
.memsrch_btnbox {width:100%; text-align:center; margin:10px 0; padding:10px;}
.memlistbox .memlist {table-layout:auto; width:100%; background-color:#fff; }
.memlistbox .memlist caption {display:none;}
.memlistbox .memlist tbody th {background-color:#f2f6f7; color:#222; text-align:center; font-weight:bold; font-size:15px; padding:8px 5px; border-top:1px solid #999; border-bottom:1px solid #e6e6e6;}
.memlistbox .memlist tbody td {color:#222; text-align:center; font-size:15px; padding:5px 3px;}
.memlistbox .memlist tbody th p {padding-bottom:10px;}



/* 팝업회원검색 */
.mapwrapbox {padding:1.8rem 0 1.8rem 2.4rem;min-width:930px;}
.mapbbox {float:left;width:36.4rem;}
.mapbbox .searchbox {width:34.4rem;padding:1rem;}
.mapbbox .searchbox .greyin {font-size:1.2rem;color:#fff;padding:0.7rem 1rem;border:1px solid #8d8d8d;background:#444;}
.mapbbox .searchbox .greyselect {font-size:1.2rem;color:#fff;padding:0.6rem 0.4rem;border:1px solid #8d8d8d;background:#444;}
.mapbbox .orderin {font-size:1.2rem;color:#333;padding:0.7rem 1rem;border:1px solid #d6d6d6;background:#f8f8f8;}
.maplistbo x{width:100%;font-size:1.2rem;color:#333;margin-top:10px;}

/* 20190928 reset 파일로 옮김 */
/* 팝업 페이지네이션 */ 
/*.pop_pagination:after {content:""; clear:both; display:block;}
.pop_pagination {width:100%;background:#fff; margin:20px 0;}
.pop_pagination .paginationbox:after {content:""; clear:both; display:block;}
.pop_pagination .paginationbox {width:100%;}
.pop_pagination .pagination_left {width:15%;float:left;text-align:left;}
.pop_pagination .pagination_right {width:15%;float:left;text-align:right;}  
.pop_pagination .pagination_center {width:70%;float:left;text-align:center;}
.pop_pagination .pagination_center ul {display:inline-block;}
.pop_pagination .pagination_center ul li {text-align:center;float:left;width:1.8rem;height:1.8rem;background:#fff;border:1px solid #e5e5e5;font-size:13px;line-height:30px;margin:1%;color:#666;cursor:pointer;}
.pop_pagination .pagination_center ul li.btnright {width:20%; border:none;float:right;}
.pop_pagination .pagination_center ul li:hover {color:#333;font-weight:bold;border:1px solid #e9573e;}
.pop_pagination .pagination_center ul li.on {color:#fff;font-weight:bold;background:#e9573e;}
.pop_pagination .pagination_center .arrowimg {line-height:1.8rem;vertical-align:middle; }
.pop_pagination .pagination_center .arrowimg img {width:10px;} */

/* 발주하기 */
/*.accesbalju {padding:8px; background-color:#fff;}
.accesbalju .bj_tbl {table-layout:auto; margin-bottom:10px; width:100%; background-color:#fff;}
.accesbalju .bj_tbl caption {display:none;}
.accesbalju .bj_tbl thead th {font-size:17px; text-align:left; text-indent:10px; color:#222; background-color:#f2f6f7; line-height:20px; padding:10px 0; border-top:1px solid #666;border-bottom:1px solid #e6e6e6;}
.accesbalju .bj_tbl tbody th {background-color:#f2f6f7; color:#000; text-align:left; font-weight:300; font-size:13px; line-height:16px; padding:10px 8px; border-bottom:1px solid #e6e6e6;}
.accesbalju .bj_tbl tbody td {color:#696969; text-align:left; font-weight:100; font-size:12px; line-height:15px; padding:5px 5px; border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.accesbalju .bj_tbl td > P{padding-bottom:5px;} 


/* 수발주리스트 */
.content .searchArea {width:100%; padding:8px; text-align:center; background-color:fff;}
.content .searchArea .btnplus {width:26px;height:26px; margin-left:5px;cursor:pointer;vertical-align:middle;background:#000 url('../_image/icon_search01.png') no-repeat 1% 50%; margin-right:5px;}
.content .mobile_search {width:100%; padding:8px; text-align:center;}
.content .mobile_search .search_detail {text-align:left; background-color:#eee; padding:2px 8px;}
.content .mobile_search .search_detail p:last-child {padding:0;}
.content .mobile_search .search_detail p:first-child {padding-top:10px;}
.content .sbjList{background-color:#fff;}
.content .sbjList .mobile_subalju {border-bottom:1px solid #e6e6e6; background-color:#fff;}
.content .sbjList .mobile_subalju li {padding:5px;}
.content .sbjList .mobile_subalju .title:after {content:""; clear:both; display:block;}
.content .sbjList .mobile_subalju .title {font-weight:bold; font-size:17px; height:40px; line-height:20px; background-color:#f5f5f5; border-top:1px solid #999; border-bottom:1px solid #efefef;}
.content .sbjList .mobile_subalju .title span {padding:0 10px;}
.content .sbjList .mobile_subalju .info {text-align:left; font-size:18px; margin:8px; background-color:#fff; line-height:12px;}
.content .sbjList .mobile_subalju .info .infoTit {font-size:18px; color:#666; margin-right:2px;}
.content .sbjList .mobile_subalju .info .office{height:28px; padding-bottom:3px;}
.content .sbjList .mobile_subalju .info .date{height:28px; padding-bottom:3px;}
.content .sbjList .mobile_subalju .info .price{height:28px; padding-bottom:3px;}
.content .sbjList .mobile_subalju .info .addr{height:28px; padding-bottom:3px;}
.content .sbjList .mobile_subalju .info .status{height:34px; padding-bottom:5px;}
.content .sbjList .mobile_subalju .info .photo{height:34px; padding-bottom:5px;}
#mobile_btnlist {
    width: 26px;
    height: 28px;
    margin-left: 5px;
    cursor: pointer;
    float: left;
    display: block;
	background:#000 url('../_image/icon_search01.png') no-repeat 1% 50%;
    vertical-align: middle;
}

#mobile_btn {
    margin-right: 5px;
	width: 26px;
    height: 28px;
}



/*팝업 발주리스트*/
.orderinfobox {background-color:#f1f2fa;}
.orderinfobox .sub_list1 ul li img {width:20px;}
.orderinfobox .sub_list2 ul li {font-size:16px; color:#000;padding:7px 0; border-bottom:1px dotted #dedede;word-break:break-all;letter-spacing:-0.5px;line-height:20px;}
.orderinfobox .sub_list2 ul li .s_title {color:#e9573e;font-size:15px;padding-left:8px;background:url('../images/sb_27.jpg') no-repeat 0px center;}


/* 팝업_주문정보 내 주문 거절 추가 */ /* 20250626 */
.order_refusebox{width:90%;border:3px solid #555;background:#fff;text-align:center;position:absolute;top:20%;left:5%;z-index:9999;}
.order_refusebox .refuse_tit{background:#f3dede;}
.order_refusebox .refuse_tit p:first-child{font-size:1rem;line-height:20px;color:#cf3232;font-weight:bold;padding-top:1rem;letter-spacing:-1px;}
.order_refusebox .refuse_tit p:first-child strong{color:#cf3232;}
.order_refusebox .refuse_tit p:last-child{font-size:0.75rem;line-height:18px;color:#333;font-weight:bold;padding:1rem 0;}
.order_refusebox .refuse_tit p:last-child strong{color:#cf3232;}
.order_refusebox .refuse_list{width:82%;margin:10px auto;background:#fff;text-align:left;}
.order_refusebox .refuse_list p{font-size:0.75rem;color:#333;line-height:28px;font-weight:bold;}
.order_refusebox .refuse_frm{width:90%;margin:0 auto;}
.order_refusebox .refuse_btn{padding:1.5rem 0;}


/* 메인 */
.mainCont .list_tbl {table-layout:auto; margin:25px auto; width:95%; background-color:#fff;}
.mainCont .list_tbl caption {display:none;}
.mainCont .list_tbl tbody th {background-color:#f2f6f7; color:#000; text-align:center; font-weight:800; font-size:17px; line-height:16px; padding:10px 8px; border:1px solid #e6e6e6;}
.mainCont .list_tbl tbody td {color:#696969; text-align:center; font-weight:300; font-size:15px; line-height:15px; padding:1px; border:1px solid #e6e6e6;}
.mainCont .list_tbl td > P{padding:5px 0;}


/* 게시판 */
.viewbox {width:100%; padding:15px;}
.viewbox .view_tbl {table-layout:auto; width:100%; background-color:#fff;}
.viewbox .view_tbl caption {display:none;}
.viewbox .view_tbl thead th {background-color:#f2f6f7; color:#000; text-align:left; font-weight:800; font-size:17px; line-height:30px; padding:10px 8px; border:1px solid #e6e6e6;}
.viewbox .view_tbl tbody th {background-color:#f2f6f7; color:#000; text-align:center; font-weight:800; font-size:17px; line-height:16px; padding:10px 8px; border:1px solid #e6e6e6;}
.viewbox .view_tbl tbody td {color:#696969; text-align:center; font-weight:300; font-size:15px; line-height:15px; padding:5px 5px; border:1px solid #e6e6e6;}
.viewbox .view_tbl tbody td p img {width:100%;}
.viewbox .view_tbl tbody td img {width:50px;}
.viewbox .view_tbl .viewlisttext {font-size:1.4rem; color:#333; line-height:2rem; padding:2rem 1rem; border-bottom:1px solid #c7c7c7;}


/* 상품가설정 */
.areaListBox {padding:10px;}
.area_tbl{width:100%; background:#fff;border-top:2px solid #666;}
.area_tbl tr{border-bottom:1px solid #666;}
.area_tbl th{font-size:15px;border:1px solid #e5e5e5;letter-spacing:-1px;font-weight:bold;height:2.4rem;text-align:center;background-color:#f8f8f8;color:#666;padding:0.3rem 0.3rem;}
.area_tbl td{font-size:14px;padding:3px 6px;text-align:center;border:1px solid #d7d7d7;letter-spacing:-1px;}
.area_tbl td.subj{text-align:left;line-height:1.8rem;padding-left:8px;}
.area_tbl td img{vertical-align:middle;margin:0 0.3rem 0.2rem 0.3rem;}
.area_tbl td.tdNone{border-right:0;}
.area_tbl td.tdLine{border-right:1px solid #eee;}
.area_tbl td.num{text-align:center;}
.area_tbl td.b{font-weight:bold;}
.area_tbl .iconinfo{text-align:right;padding-top:0.8rem;color:#666;}
.area_tbl .iconinfo img{vertical-align:middle;margin:0 0.3rem 0.2rem 1rem;}




/* 발주하기 */
/* .contArea{width:100%; padding:0;}
.contTit{color:#222; font-size:19px; line-height:25px; font-weight:bold; margin:15px 0 10px; padding-left:25px; padding-bottom:5px; border-bottom:1px dotted #eee; font-family:'NanumSquareB'; background:url('../images/bullet_tit.png') no-repeat 15px 3px;}
.contTit2{color:#222; font-size:19px; line-height:25px; font-weight:bold; margin:10px 0 0; padding-left:15px; font-family:'NanumSquareB';}
.inputWon{color:#555; height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px; text-align:center; background-color:#eee; border:1px solid #ccc;}
.optBox{width:100%;}
.optBox li{float:left; width:33.3%; margin:3px 0; height:25px;}
.optPd{font-size:16px;padding-top:1px;padding-right:2px;}
.optTit{font-size:15px;color:#cc0000;padding-top:1px;padding-right:10px;}

.priceArea{width:100%; margin:15px 0 20px; padding:5px 20px;}
.msgArea{width:100%; margin:15px 0; padding:15px 0 0 15px;}
.optArea{width:94%; margin:15px auto; border:3px solid #ccc; border-radius:4px; background-color:#fff; padding:15px 0 15px 15px; text-align:left;}
.formArea{width:96%; margin:15px 0;}
.optgoodsArea{width:100%; margin:0 0 10px 0; padding:15px;}

.contArea .tbl{width:100%;}
.contArea .tbl th{font-size:17px;color:#666;font-weight:bold;text-align:left;}
.contArea .tbl td{font-size:15px;color:#666;font-weight:bold;text-align:left;}
.contArea .tbl tr.line{border-bottom:1px solid #000;height:30px;}
.contArea .tbl td > p{margin-bottom:5px;}

.optgoodsArea label{display:inline-block; padding-left:30px; color:#666; line-height:20px; vertical-align:top;}
.optgoodsArea .chkBox{overflow:hidden;position:absolute;left:-1000%;top:auto;width:1px;height:1px;}
.optgoodsArea .chkBox + label {height:20px; font-size:15px; background-image: url('../images/bg_checkbox.png'); background-repeat: no-repeat; background-position: 0 0; background-position: 0 0;}
.optgoodsArea .chkBox:checked + label {height:20px; font-size:15px; color:#cc0000; background-image: url('../images/bg_checkbox.png'); background-repeat: no-repeat; background-position: 0 -20px;} */

.contAreaWrap:after{content:""; clear:both; display:block;}
.contAreaWrap{width:100%;}


/*.leftArea{float:left; width:15%; text-align:right; font-size:17px; font-family:'NanumSquareB';} */
.leftTitle{width:100%; height:30px; margin:10px 0 5px;text-align:left; padding-left:25px; border-bottom:1px dotted #eee; font-size:18px; font-family:'NanumSquareB'; background:url('../images/bullet_tit.png') no-repeat 3% 25%;}
.contArea{width:100%; text-align:left; padding:10px;}

.floatWrap:after{content:""; clear:both; display:block;}
.floatWrap{width:100%;}
.float{position:relative; float:left; width:100%; min-height:1px;}


.formArea{width:100%; margin:5px 0;}
.priceArea{width:100%; margin:0px 0;}
.msgArea{width:100%; margin:5px 0; padding:10px;}
.optArea{width:100%; border:2px solid #ccc;  -webkit-border-radius:5px; border-radius:5px; background-color:#fff; padding:10px; text-align:left;}
.optgoodsArea{width:100%; border:2px solid #ccc; -webkit-border-radius:5px; border-radius:5px; background-color:#fff; padding:10px; text-align:left;}
.uploadArea{width:100%; border:2px solid #ccc; -webkit-border-radius:5px; border-radius:5px; background-color:#fff; padding:10px; text-align:left;}
.askArea{width:100%; border:2px solid #ccc; -webkit-border-radius:5px; border-radius:5px; background-color:#fff; padding:10px; text-align:left;}
.happycallArea{width:100%; border:2px solid #ccc; -webkit-border-radius:5px; border-radius:5px; background-color:#fff; padding:10px; text-align:left;}

.optPd{font-size:14px;padding-top:1px;padding-right:10px;}
.optTit{font-size:15px; color:#666; border-bottom:1px dotted #eee; margin-bottom:10px; padding-bottom:5px; padding-left:30px;background:url('../images/bg_check.png') no-repeat 1px 0;}
.optName{display:inline-block;width:40%;letter-spacing:-1px;}
.optPrice{display:inline-block;width:50%;letter-spacing:-1px;padding-right:8px;}
.inputWon{color:#555; height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px; text-align:center; background-color:#eee; border:1px solid #ccc;}
.tbl{width:100%;}
.tbl th{font-size:14px;color:#000;font-weight:bold;text-align:left;padding:4px 0;vertical-align:middle;}
.tbl td{font-size:13px;color:#666;text-align:left;padding:4px 0;vertical-align:middle;}
.tbl tr.line{border-bottom:1px dotted #000;height:34px;}
.tbl td > p{margin:1px 0;}



/*
input[type="text"],input[type="password"] {height:28px;line-height:28px;border:1px solid #dedede;}
select {height:30px;line-height:30px;border:1px solid #dedede;}

body {background-color:#f5f5f5;}
h4 {overflow:hidden;}
h4 a,
h4 span {float:right;}
h4 a label, h4 span {color:#000;letter-spacing:-1px;}
.checkbox_area{position:relative;}
.checkbox_area input[type=checkbox]{top:0}	
.checkbox_area label{display:inline-block; line-height:18px;}
a.btnRed {text-shadow:none;border:1px solid #d74a4a;background:linear-gradient(#f45656,#f45656);}
a.btnWhite {text-shadow:none;border:1px solid #cccccc;background:linear-gradient(#fff,#fff);}
a.btnGray2 {display:inline-block;padding:0 10px;min-width:40px;color:#fff;font-size:14px;line-height:30px;text-align:center;border:1px solid #7d7d7d;background-color:#999999;}
a.btnMore {display:block;padding:12px 0;color:#6d6d6d;text-align:center;border-bottom:1px solid #d6d6d6;background-color:#f6f6f6;}
a.btnMore span {padding-right:20px;background:url(../../../images/mobile/support/postscript/ico_arr.gif) right center no-repeat;background-size:11px 6px;}

a.btn_link {display:block;padding:12px 12px 12px 10px;color:#333;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;background:#fff url(../../../images/mobile/acces/ico_useInfo.gif) no-repeat 96.5% center;background-size:6px 9px;}
a.btn_page {display:inline-block;padding-right:16px;background:url(../../../images/mobile/acces/ico_useInfo.gif) no-repeat 97% center;background-size:6px 9px;}
a.btn_line {display:inline-block;color:#f45656 !important;text-decoration:underline;}