.wrap{
	margin: 0;
    padding: 0px;
    -webkit-text-size-adjust: none;
    font:0.75em Verdana,Dotum,AppleGothic,sans-serif;
    color: #353535;
}
.date_search{
	border-top:2px solid #555;
	height:40px;
	display: block;
	z-index: 999;
	width:100%;
	color:#fff;
	background: slategray;
}

.date_search ul {
	white-space: nowrap;
	overflow-x:scroll;
	overflow-y:hidden;
	height: 40px;
	line-height: 37px;
}

.date_search li{
	height:40px;
	display: inline-block;
	font-size:13px;
	padding:0px 15px 0 15px;
	font-family: 'Nanum Gothic';
	border-left:1px solid #6a7886;
	cursor: pointer;
	vertical-align: top;
}
.date_search li+li{
	margin-left:-4px;
}
.date_search li:last-child{
	border-right:1px solid #6a7886;
}
.date_search li.on{
	background: #3e3e3e;
}
.title_bar {
  width: 2px;
  background: #4C4C78;
  border-radius: 15px;
}
#contents table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
#contents th,
#contents td {
  vertical-align: middle;
}
#container{
  width:100%;
}
        .order_info_table{
          margin-top:5px; border-top:2px solid #bdbdbd;
        }
        #contents h4{
          padding:10px 0; margin:0; border-bottom:1px solid #cecece;
        }
        .order_info_table{
          border-bottom:1px solid #bdbdbd;
        }
        .order_info_table .order_info_td_left{
          width: 140px;
          padding: 10px 0 10px 20px;
          border-top: 1px solid #e9e9e9;
          font-weight: normal;
          font-size: 11px;
          text-align: left;
          background: #f6f6f6;
        }
        .order_info_table .order_info_td_left+td{
          width: auto;
          padding: 10px 0 10px 20px;
          border-top: 1px solid #e9e9e9;
          vertical-align: middle;
          color:#747474;
        }

        .pay_info_table{
          border:1px solid #777;
          border-top:2px solid #bdbdbd;
          margin-top:5px;
        }
        .pay_info_table .pay_info_td_left,
        .pay_info_table .pay_info_td_left2
        {
          background: #f6f6f6;
          width: 140px;
          padding: 10px 0 10px 20px;
          border-top: 1px solid #777;
          font-weight: normal;
          text-align: left;
        }
        .pay_info_table .pay_info_td_left3{
          width: 130px;
          padding: 10px 0 10px 30px;
          border-top: 1px dotted #d3d3d3;
          color: #747474;
          font-size: 11px;
          text-align: left;
          font-weight: normal;
        }
        .pay_info_table .pay_info_td_left2{
          background: #fbfafa;
        }
        .pay_info_table .pay_info_td_left,
        .pay_info_table .pay_info_td_left2,
        .pay_info_table .pay_info_td_left3
        {
          border-right:1px solid #cecece;
        }
        .pay_info_table .pay_info_td_left+td{
          padding: 10px 0 10px 20px;
          border-top: 1px solid #777;
          background: #f6f6f6;
        }
        .pay_info_table .pay_info_td_left2+td{
          padding: 10px 0 10px 20px;
          border-top: 1px solid #777;
          font-weight: bold;
          font-size:14px;
        }
        .pay_info_table .pay_info_td_left3+td{
          padding: 10px 0 10px 20px;
          border-top: 1px dotted #d3d3d3;
        }
        .pay_info_table tr td:last-child{
          border-right:1px solid #777;
        }
        .pay_info_table .price{
          display: inline-block;
          width: 150px;
          padding: 0 20px 0 0;
          text-align: right;
          color:#333;
        }
        .goods_info_table{
              border: 1px solid #bdbdbd;
    color: #747474;
    font-size: 11px;
    border-top: 0;
    line-height: 20px;
    width: calc(100% - 20px);
    margin:10px 0;
        }
        .goods_info_table th, .goods_info_table td{
        	vertical-align: middle;
        }
        .goods_info_table th{
        padding: 9px 0 7px;
        border-top: 1px solid #bdbdbd;
        border-bottom: 1px solid #d9d9d9;
        font-weight: normal;
        background: #f6f6f6;
        }
        .goods_info_table th+th{
          border-left:1px solid #d9d9d9;
        }
        .goods_info_table .item_tr+.item_tr td{
          border-top:1px solid #e3e3e3;
        }
        .goods_info_table .delivery_span,
        .goods_info_table .delivery_span2
        {
          color:#80aeef;
        }
        .delivery_info_table{
        border:1px solid #bdbdbd;
        color:#747474;
        font-size:11px;
        line-height: 20px;
        margin-top:5px;
        }
        .delivery_info_table .delivery_info_td_left{
          width: 140px;
          padding: 10px 0 10px 20px;
          border-bottom: 1px solid #e9e9e9;
          font-weight: normal;
          text-align: left;
          background: #f6f6f6;
          border-right:1px solid #eaeaea;
        }
        .delivery_info_table .delivery_info_td_left+td{
          width: auto;
          padding: 10px 0 10px 20px;
          border-bottom: 1px solid #e9e9e9;
          vertical-align: middle;
        }
        .delivery_info_table tr:last-child td{
          border-bottom: 1px solid #bdbdbd;
        }
        .back_bt{
          color:#fff; background:#555; padding:10px 20px; cursor:pointer;
        }
        .back_bt:hover{
          background: #FF4D41;
        }
        .detail_link{
          cursor:pointer;
        }
        .detail_link:hover{
          color:#008bcc;
        }
.table-cols{
  border:1px solid #bdbdbd;
}
.table-cols > thead > tr > th, .table-cols > tbody > tr > th, .table-cols > tfoot > tr > th, .table-cols > thead > tr > td, .table-cols > tbody > tr > td, .table-cols > tfoot > tr > td {
  /* white-space: nowrap; */
  border-top: 0;
  border-bottom: 1px solid #E6E6E6;
}
.table-cols > thead > tr > th, .table-cols > tbody > tr > th, .table-cols > tfoot > tr > th, .table-cols > thead > tr > td, .table-cols > tbody > tr > td, .table-cols > tfoot > tr > td {
  padding: 8px 15px;
  font-size: 12px;
  height: 43px;
}
.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  margin-right: 5px;
}
.table-cols > tbody > tr > th {
  background-color: #F6F6F6;
}
.form-inline .input-group {
  display: inline-table;
  vertical-align: middle;
}
.table-btn {
  text-align: center;
  margin: 10px;
}
.btn-black {
  font-size: 12px;
  cursor: pointer;
  background-image: none;
  background-color: #666666;
  text-shadow: none;
  color: #FFFFFF;
  border: 0px;
  font-weight: bold;
  padding: 10px 20px;
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.btn-black:hover{
  background-color: #333;

}
.body .wrap .goods_info_table .mediadisabled{
	display:none;
	}
	.body .wrap .goods_info_table .mediawidth{
	width:80px;
	border-right:1px solid #bdbdbd;
	}
	.body .wrap .mediaspan{
		color:#747474;
		font-weight: normal;
		background: none;
		cursor:default;
		border:0;
		padding:0;
	}
.btn-group {
  padding-top:5px; 
}
.btn-group > span {
  padding: 2px 4px; 
  background: #fff;
  color: #444444;
  border: 1px solid #ccc;
  cursor:pointer;
  margin:3px;
  display: inline-block;
}
.btn-group > span:active {
  background: #666;
  color: #eee;
}
.btn-group > span:hover {
  background: #666;
  color: #eee;
}
.js-search-detail > tr > td > span {
  padding: 2px 4px; 
  background: #fff;
  color: #444444;
  border: 1px solid #ccc;
  cursor:pointer;
  margin:3px;
  display: inline-block;
}
.js-search-detail > tr > td > span:active {
  background: #666;
  color: #eee;
}
.js-search-detail > tr > td > span:hover {
  background: #666;
  color: #eee;
}
.board-container{
    max-width: 1320px;
    margin:40px auto;
    display: flex;
    align-items: flex-start;
}
.board-container .board-cont-left{
    width:200px;
    font-family: 'Noto Sans KR';
}
.board-container .board-cont-right{
    width:calc(100% - 200px);
}

.board-container .board-cont-left h2{
    padding-bottom:25px;
    font-size:20px;
}

.board-container .board-cont-left li{
    padding-top:7px;
    font-size:16px;
}

.board-container .board-cont-left li a{
    transition: padding .2s ease;
    color: #666;
}

.board-container .board-cont-left li a:hover{
    padding-left:5px;
    color:#333;
}

.board-container .board-cont-left li.on a{
    color:teal;
    font-weight: bold;
}

.board-container .board-cont-right{
    display: flex;
        flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
#frmSearchGoods{width: 100%;}
.xans-order-basketpackage .boardList td {
  padding: 8px 0 5px;
  border-bottom: 1px dotted #a4a4a4;
  text-align: center;
  vertical-align: middle;
  word-wrap: break-word;
}
.xans-order-basketpackage .boardList tr.noline td{
  border-bottom:1px solid #d2d2d2;
}
.xans-order-basketpackage .boardList tr.noline+tr td, .xans-order-basketpackage .boardList tr.noline+tr+tr td, .xans-order-basketpackage .boardList tr.noline+tr+tr+tr td{
  padding-top:5px;
  padding-left:10px;
  padding-right: 10px;
}
.xans-order-basketpackage .boardList td.product {
  padding-left: 10px;
  text-align: left;
  border-left:1px solid #d2d2d2;
}
.xans-order-basketpackage .boardList td.thumb img {
  width: 100%;
}
.xans-order-basketpackage .optionModify {
  display: none;
  position: absolute;
  z-index: 100;
  width: 450px;
  color: #757575;
}
.xans-order-basketpackage .boardList td.product ul.option > li > strong {
  display: block;
  color: #353535;
}
.xans-order-basketpackage .boardList th {
  padding: 11px 0 9px;
  border-bottom: 1px solid #999;
  color: #444;
  font-weight: bold;
}
.xans-order-basketpackage .boardList td.thumb{
  padding:0;
}
span.del-bt{
  border:1px solid #bdbdbd;
  padding:5px 8px 5px 6px;
  border-radius: 3px;
  cursor:pointer;
}