@charset "utf-8";

.listTopBox{
	position: relative;
	background-color: #fafafa;
}
.listinbox{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}
.listBox{
	position: relative;
	background-color: #fafafa;
	padding-top: 40px;
}
#listCont{
	min-height: 300px;
}
.listTOP{
	padding: 0 10px;
}
.listTOP>span{
	position: absolute;
	font-size: 20px;
	font-weight: 500;
	line-height: 50px;
}
.listFilter{
	position: relative;
	padding: 0 20px;
	/*float: right;*/
}
.listFilter>li:not(:first-child){
	margin-right: 30px;
}
.listFilter>li>span{
	font-size: 10px;
	color: #999;
	line-height: 50px;
	padding-left: 5px;
}
.listFilter>li{
	float: right;
	line-height: 50px;
	color: #999;
	cursor: pointer;
}
.listFilter>li.on{
	color: #303030;
	font-weight: 500;
}
.listFilter>li.on>span{
	color: #303030;
	font-weight: 500;
}
.listFilter>li:hover {
	color: #303030;
}
.listFilter>li:hover>span {
	color: #303030;
}
.listTOP2{
	position: relative;
	background-color: #fafafa;
	border: 1px solid #eee;	
	border-radius: 10px;
	padding: 0 20px;
	-webkit-box-shadow: 1px 2px 3px #ddd;
	        box-shadow: 1px 2px 3px #ddd;
}
.listTOP2>span{
	/*padding-left: 20px;*/
	line-height: 50px;
	font-weight: 400;
}
.listStArea{
		float: right;
}
.listSet{
	color: #999;
	padding-left: 20px;
	margin-right: 50px;
	line-height: 50px;
	background-position: -1177px -175px;
}
.listStArea>ul{
	position: relative;
	float: right;
	padding-top: 13px;
	padding-bottom: 13px;
}
.listStArea>ul>li{
	width: 24px;
	height: 24px;
}
.listStArea>ul>li:nth-child(2){
	margin-left: 20px;
}
.listView{
	background-position: -1174px -39px;
	cursor: pointer;
}
.listView:hover{
	background-position: -1174px -108px;
}
.listView.on {
	background-position: -1174px -108px;
}
.listView::after{
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 24px;
	top: 13px;
	right: 35px;
	background-color: #eee;
}
.cardView{
	background-position: -1174px -73px;
	cursor: pointer;
}
.cardView:hover{
	background-position: -1174px -142px;
}
.cardView.on{
	background-position: -1174px -142px;
}
/* 리스트 박스 */
.saListBox{
	position: relative;
	display: block;
	width: 100%;
	/*min-height: 191px;*/
	border: 1px solid #eee;
	margin-top: 15px;
	padding: 15px 20px 10px 20px;
	border-radius: 15px;
	-webkit-box-shadow: 1px 2px 3px #ddd;
	        box-shadow: 1px 2px 3px #ddd;
	background-color: #fff;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.saListBox::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background-color: #f05a28;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.saListBox:hover{
	-webkit-box-shadow: 1px 2px 3px #aaa;
	        box-shadow: 1px 2px 3px #aaa;
}
.saListBox:hover::before{
	/*width: 3px;*/
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}

.saAddrBox{
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-bottom: 15px;
}
.saAddrListBox{
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.saAddrmini{
	width: 100%;
	padding-bottom: 10px;
	font-size: 0.86em;
	color: #999;
}
.saAddrmini>li{
	width: 100%;
}
.saAddrmini>li{
	text-align: right;
}
.saAddr{
	position: relative;
	font-size: 1.3em;
	font-weight: 500;
	word-break: keep-all;
	margin-right: 10px;
	padding-left: 15px;
}
.saAddr::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 5px;
	height: 80%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-color: #f05a28;
}
.listTable{
	font-size: 1em;
	border-top: 1px solid #eee;
	padding-top: 10px;
}
/*.listTable>li:last-child>ul>li{
	width: 100%;
}*/
.tbSbox{
	position: relative;
	padding: 0;
}
.tbSbox>ul>li.tbTxt,.tbSbox>ul>li.tbTit{
	line-height: 43px;
}
.tbSbox:not(:last-child){
	border-right: 1px solid #eee;
}

.tbSbox:nth-child(1)>ul>.tbTit{
	padding-left: 10px;
}
.tbTit{
	width: 30% !important;
	color: #999;
	padding-left: 20px;
}
.tbTxt{
	width: 70% !important;
	padding-right: 20px;
	text-align: right;
	font-weight: 400;
}
.field_li{
	float: left;
	width: 23%;
}
.moneyTit{
	line-height: 43px;
}
.moneyTxt{
	/* 102-29 = 73 /2 = 36.5 */
	line-height: 43px;
	font-size: 16px;
}
.webmoneyTit{
	line-height: 43px !important;
}
.webmoneyTxt{
	line-height: 43px !important;
	font-weight: 500;
}
.gamMoney{
	color: #f05a28;
}
.lowMoney{
	color: #1cbbb4;
}
.attentionIcon{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 10px;
	left: 30px;
}
.attTit{
	color: #999;
	position: absolute;
	bottom: 0px;
	left: 30px;
}
.attTxt{
	padding-right: 10px;
	color: #f05a28;
}
.LoopBox{
	/*background-color: #fafafa;*/
	min-height: 500px;
	/*max-height: 5772px;*/
}
.LoopBox>ul>li{
	width: 24%;
	margin: 10px 15px 0 0px;
}
.LoopBox>ul>li:nth-child(4n){
	margin-right: 0;
}
/* 카드형 */
.flex-wrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.flex-item {
	
}
.cardsaListBox{
	position: relative;
	padding: 15px 15px 10px 15px;
	border: 1px solid #ddd;
	margin-right: 2%;
	margin-bottom: 15px;
	width: 32%;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	/*box-shadow: 1px 1px 2px #eee;*/
}
.cardsaListBox:hover{
	-webkit-box-shadow: 1px 2px 4px #ddd;
	        box-shadow: 1px 2px 4px #ddd;	
}
.cardsaListBox:nth-child(3n) {
	margin-right: 0;
}
.cardTopBox{
	position: relative;
	display: inline-block;
	width: 100%;
}
.cardBtnWrap{
	position: absolute;
	width: 145px;
	top: 0;
	right: 0;
	text-align: right;
}
.cardsaNumBox{
	padding-bottom: 7px;
}
.cardsaAddrBox{
	position: relative;
}
.cardthumbimg{
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 30px;
	height: 25px;
}
.card_saAddr{
	margin-right: 10px;	
}
.wrapbox{
	padding: 5px 0;
	border-bottom: 1px solid #eee;
}
.wrapbox>ul{
	padding: 5px 0;
}
.wfull{
	width: 100%;
	line-height: 24px;
}
.cardTit{
	color: #999;
}
.cardPrice{
	font-weight: 500;
	font-size: 1em;
}
.cardminMoney{
	color: #f05a28;
}
.wrapbox>ul{
	padding: 5px 0;
}
#fvr_pagination {
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	   -moz-box-flex: 1;
	    -ms-flex: auto;
	        flex: auto;
}
#fvr_pagination, #pagination {
	padding: 30px 0;
	text-align: center;
}
#fvr_pagination > div, #pagination > div {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 7px;
	color: #999;
	text-align: center;
	cursor: pointer;
}
#fvr_pagination > div:hover, #pagination > div:hover{
	font-weight: 500;
	color: #303030;
}
#fvr_pagination > div.active, #pagination > div.active {
	color: #fff;
	font-weight: 500;
	background-color: #303030;
	border: 1px solid #303030;
}
.center_span{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	font-size: 24px;
	font-weight: 500;
}

#loading {
	position: fixed;
	top: 0;
	z-index: 10;
	text-align: center;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
}
.loaderWrap{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.loader,
.loader:before,
.loader:after {
  background: #b9b9b9;
  -webkit-animation: load1 1s infinite ease-in-out;
  -moz-animation: load1 1s infinite ease-in-out;
    -o-animation: load1 1s infinite ease-in-out;
       animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #b9b9b9;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
       transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
    -o-animation-delay: -0.16s;
       animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
    -o-animation-delay: -0.32s;
       animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    -webkit-box-shadow: 0 0;
            box-shadow: 0 0;
    height: 4em;
  }
  40% {
    -webkit-box-shadow: 0 -2em;
            box-shadow: 0 -2em;
    height: 5em;
  }
}
@-moz-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@-o-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    -webkit-box-shadow: 0 0;
            box-shadow: 0 0;
    height: 4em;
  }
  40% {
    -webkit-box-shadow: 0 -2em;
            box-shadow: 0 -2em;
    height: 5em;
  }
}


img.hidden-large {
	display: none;
	z-index: 1000;
}
img.thumbnailImg {
	cursor: pointer;
}

.listThumbimg{
	width: 100%;
	height: 85px;
}
.list_err_img{
	width: 100%;
	height: 85px;
}
.cardThumbimg{
	width: 100px;
	height: 65px;
}
.cardCase_num{
	font-weight: 500;
	margin-top: 20px;
}
.yongdoicon{
	background-color: #1cbbb4;
	padding: 1px 7px;
	margin-right: 3px;
	color: #fff;
	font-weight: 300;
	border-radius: 5px;
	word-break: keep-all;
	vertical-align: text-top;
}
.cardyongdoicon{
	display: inline-block;
	font-size: 0.9em !important;
}
.listyongdoicon{
	font-size: 13px;
}
.list_m_status{
	color: #fff;
	font-weight: 300;
	padding: 1px 7px;
	border-radius: 5px;
	vertical-align: text-top;
	word-break: keep-all;
}
.m_status1{
	background-color: #3269a5;
}
.m_status2{
	background-color: #d44a43;
}
.m_status3{
	background-color: #6d777e;
}
.d-day{
	background-color: #0278ae;
	border-radius: 2px;
	margin-left: 20px;
	padding: 0 5px;
	font-size: 0.79em;
	color: #fff;
}
.listBtnWrap{
	display: inline-block;
	margin-left: auto;
	/*position: absolute;
	top: -6px;
	right: 0;
	width: 200px;*/
}
.listsaAddrmini>li{
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 50px;
	height: 26px;	
}
.listsaAddrmini img {
  margin-left: auto;
}
.uchalicon{
	padding: 0 5px;
	border: 1px solid #f05a28;
	color: #f05a28;
}
.cautionTableBox{
	padding: 10px 0;
	border-top: 1px solid #eee;
	display: none;
}
.caution_icon{
	margin-right: 15px;
}
.caution_txt{
	font-size: 1.15em;
	font-weight: 500;
	line-height: 20px;
	color: #07689f;
}
.caution_txt:not(:nth-child(2)){
	margin-left: 10px;
}
.priceTableBox{
	border-top: 1px solid #eee;
}
.tbImg{
	position: relative;
	text-align: center;
	width: 125px;
}
.bubwonName{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	font-weight: 300;
	padding: 0 5px;
}
.web_heart{
	position: absolute;
	top: 0;
	right: 0;
}
.web_saAddr{
	font-size: 1.1em;
	font-weight: 500;
}
.sa_num{
	width: 100%;
	font-size: 1.1em;
	font-weight: 400;
	padding-bottom: 10px;
}
.web_uchalicon{
	padding: 0 5px;
  border: 1px solid #f05a28;
  color: #f05a28;
  font-size: 0.8em;
  margin-left: 10px;
}
.sa_num_txt{
	margin-right: 15px;
}
.web_tbSbox{
	position: relative;
    padding: 0;
    float: right;
    width: 61%;
}
.web_tbTit{
	width: 100%;
	color: #999;
	line-height: 23px;
}
.web_tbTxt{
	width: 100%;
    line-height: 23px;
}
.main_list_cont{
	padding-left: 20px;
}
.web_saAddrBox{
	position: relative;
	padding-bottom: 10px;
}
.web_listTableBox{
	padding-bottom: 10px;
}
.web_cautionTableBox{
	padding: 10px 0;
	border-top: 1px solid #eee;
}
.web_caution_icon{
	margin-right: 15px;
}
.web_caution_txt{
	font-size: 1em;
	font-weight: 500;
	line-height: 20px;
	color: #07689f;
}
.web_caution_txt:not(:nth-child(2)){
	margin-left: 10px;
}
.web_moneyTit{
	width: 30%;
	color: #999;
}
.web_moneyTxt{
	width: 70%;
}
.card_priceTable{
	padding: 10px 0 0 0 !important;
	line-height: 26px;
}
.web_priceTable{
	padding: 10px 0;
	line-height: 26px;
}
.main_list_tit{
	font-size: 1.35em;
	font-weight: 500;
	line-height: 50px;
}
.out_btn_left{
	left: -50px;
}
.out_btn_right{
	right: -50px;
}
.special_right_li{
	float: left;
	width: 15%;
	height: 100%;
}
.special_right_li>ul>li{
	padding-left: 20px;
	color: #07689f;
}
.dis_val{
	margin-left: 3px;
	background-color: #342483;
}
.fvr_chk_sel {
	position: absolute;
	top: 25px;
	right: 0;
	width: 100px;
	background-color: #fff;	
	-webkit-box-shadow: 1px 2px 3px #ccc;	
	        box-shadow: 1px 2px 3px #ccc;
	border-radius: 5px;
	z-index: 9;
}
.fvr_chk_sel li {
	width: 100%;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
}
.fvr_chk_sel li:hover {
	background-color: #f05a28;
	color: #fff;
}