@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------RefineSearch*/
#RefineSearch{width: 1020px;margin: 0 auto;position: relative;z-index: 99;margin-bottom: 40px;}

#RefineSearch .All{
    position: relative;
}
#RefineSearch .All:hover{-webkit-transition: all .1s ease-out; }
#RefineSearch .All input[type=radio]+label{}

#RefineSearch .selectWrap {position: relative;display:inline-block;white-space:nowrap;line-height: 1.6;width: 200px;background-color: #f1f1f1;text-align: center;padding: 6px;margin-bottom: 5px;}
#RefineSearch .selectWrap .selectbox{
    background-color: #fff;
}
#RefineSearch .selectWrap.noTxt:before {right: 10px;}
#RefineSearch .selectWrap select{outline:none;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';background: none transparent;vertical-align: middle;font-size: inherit;color: inherit;-webkit-appearance: button;-moz-appearance: button;appearance: button;appearance: none;-webkit-appearance: none;-moz-appearance: none;height: 40px;padding: 3px 40px 3px 10px;border:1px solid #B9B9B9;width: 200px;border-radius:3px;}
#RefineSearch select option{  background-color: #fff; color: #333;}
#RefineSearch select[disabled]{ background-color:#eee; color:#999; }
#RefineSearch select::-ms-expand {display: none;}
#RefineSearch select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #828c9a;}


/*------------------------------------------------------------------------*/

#RefineSearch #Nav{background-color: #fff;border: 10px solid #f1f1f1;border-radius: 5px;display: flex;flex-wrap: wrap;}
#RefineSearch #Nav .box{/* padding-right: 20px; */width: 780px;}

#RefineSearch #Nav .Entry{
    padding: 10px;
    padding-bottom: 5px;
} 
#RefineSearch #Nav .Entry.DstTags{ width: 100%;}
#RefineSearch #Nav .Entry .DstAllWrap{ padding: 6px 0 0 0px;}
#RefineSearch #Nav .Entry.DeptTags{width: 350px;box-sizing: content-box;border-right: 5px solid #f1f1f1;}
#RefineSearch #Nav .Entry.DayTags{ width: 100%;}
#RefineSearch #Nav .Entry.PickupTags{flex: 1;padding-bottom: 0;}
#RefineSearch #Nav .Entry + .Entry{border-top: 5px solid #f1f1f1;}
#RefineSearch #Nav .EntryIn{padding-bottom: 0;}
#RefineSearch #Nav .EntryIn + .EntryIn{border-top: 1px solid #dedede;padding-top: 15px;margin-top: 10px;}

#RefineSearch #Nav .Entry.DstTags.split{
    width: 50%;
    box-sizing: border-box;
}
#RefineSearch #Nav .Entry.DayTags.split{
    width: calc(50% - 5px);
    box-sizing: border-box;
    border-top: none;
    border-left: 5px solid #f1f1f1;
}

#RefineSearch #Nav .btnInput li {-webkit-transition: all .1s ease-out;position:relative;text-align: center;border-radius: 3px;margin-right: 5px;margin-bottom: 5px;}
#RefineSearch #Nav .btnInput li + li {}

#RefineSearch #Nav .btnInput li label {-webkit-transition: all .1s ease-out;padding: 10px 15px 10px 32px;line-height: 1.4;width: 100%;box-sizing: border-box;border: 1px solid #cecece;display: flex;height: 100%;align-items: center;background-color: #fff;justify-content: center;border-radius: 3px;}

#RefineSearch #Nav .btnInput li label:before {margin-top: -2px;left: 7px;}
#RefineSearch #Nav .btnInput li label:after {left: 12px;margin-top: 3px;}
#RefineSearch #Nav .btnInput ul {padding: 0;width: 100%;}
#RefineSearch #Nav .btnInput ul.AllDst{
    /* width: 100%; */
    margin-bottom: 5px;
}
#RefineSearch #Nav .btnInput li.act {}
#RefineSearch #Nav .btnInput li.act label {color: #444444;border: none;background-color: #eae9d2;}
#RefineSearch #Nav li.act input[type=radio]:checked+label::before{
    border-color: #b5a957;
}
#RefineSearch #Nav li.act input[type=radio]:checked+label::after{
    background: #b5a957;
}

#RefineSearch #Nav .btnInput li.act label:after {}
#RefineSearch #Nav .btnInput li:hover label {cursor:pointer;border-color: #737373;}
#RefineSearch #Nav .btnInput li.All input[type=radio]+label::before,
#RefineSearch #Nav .btnInput li.All input[type=radio]+label::after {/* border:none; *//* width:0; *//* height:0; *//* position:inherit; *//* padding:0; *//* margin:0; */}


/*--------------------------------------------------------------------NavHead*/
#RefineSearch #NavHead{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: flex-end;
}
#RefineSearch #NavHead dl{
    display: flex;
    font-size: 14px;
    align-items: center;
}
#RefineSearch #NavHead dt{}
#RefineSearch #NavHead dd{padding-right: 10px;}
#RefineSearch #NavHead dd span{
    padding: 1px 4px;
    background-color: #eae9d2;
    display: inline-block;
    font-size: 12px;
    margin-left: 3px;
}
#RefineSearch #NavHead dd span:empty{
    background-color: inherit;
    padding: 0;
    margin: 0;
}
#RefineSearch #NavHead dd span + span{}
#RefineSearch #NavHead #allClear{font-size: 12px;-webkit-transition: all .1s ease-out;border-radius: 3px;padding: 5px 10px;box-sizing: border-box;border: 1px solid #eae9d2;text-align: center;display: inline;/* color: #fff; */background-color: #eae9d2;}
#RefineSearch #NavHead #allClear:before{content:"\f00d"; font-family:FontAwesome;padding-right:5px;}
#RefineSearch #NavHead #allClear:hover{-webkit-transition: all .1s ease-out;background-color: #ffffff;cursor:pointer;color: #8e8c66;border-color: #8e8c66;}



/*--------------------------------------------------------------------NavFoot*/
#RefineSearch #NavFoot{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 12px;
    border-bottom: 1px solid #bdbdbd;
    padding-bottom: 10px;
}
#RefineSearch #count{}



#RefineSearch #count ul{
    display: flex;
    align-items: baseline;
}
#RefineSearch #count li{line-height: 1.2;font-size: 14px;}
#RefineSearch #count li + li{padding-top: 3px;}
#RefineSearch #count li strong{font-family: 'Nanum Myeongjo', serif;letter-spacing:-1px;font-weight:normal;display:inline-block;padding: 0 3px;line-height: 1;}
#RefineSearch #count li .total strong{font-size: 32px;color: #ada31d;}
#RefineSearch #count li .part strong{font-size: 32px;color: #ada31d;}

#RefineSearch #Sort{
    display: flex;
    align-items: center;
    font-weight: bold;
}
#RefineSearch #Sort li{
    margin: 0 5px;
    text-decoration: underline;
}
#RefineSearch #Sort li:hover{
    text-decoration: none;
    cursor: pointer;
}
#RefineSearch #Sort li + li{
    margin-left: 10px;
}
#RefineSearch #Sort li + li:before{content: "|";padding-right: 10px;text-decoration: none;display: inline-block;}
#RefineSearch #Sort li.act{background-color: #ADA31D;text-decoration: none;padding: 2px 10px;color: #fff;border-radius: 3px;}
#RefineSearch #Sort li.act:before{
    content: none;
}
/*-------------------------------------------------#RefineSearch .Item*/
#RefineSearch .Item{display: flex;height: 100%;}

#RefineSearch .Item .ItemIn{line-height: 0;display: flex;flex-wrap: wrap;align-items: flex-start;width: 100%;}
#RefineSearch .Item .ItemIn ul{line-height: 1.6;display: flex;flex-wrap: wrap;padding-bottom: 0;}
#RefineSearch #Nav .Entry.PickupTags ul{
    height: 100%;
    align-items: center;
}
#RefineSearch .Item .ItemIn li{
    margin-right: 20px;
    margin-bottom: 10px;
}
#RefineSearch .Item .ItemIn li label{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#RefineSearch .Item .ItemIn li + li{}
#RefineSearch .Item .ItemIn li span{font-size:10px;}

#RefineSearch .PickupTags li span{background-color: #ffa90c;color: #fff;line-height: 1;padding: 2px 2px;border-radius: 3px;font-weight: bold;}


#RefineSearch #areaWrap{width: 100%;} 
#RefineSearch #areaWrap .popular{
    border-top: 1px solid #ccc;
    padding-top: 10px;
    width: 100%;
    margin-top: 5px;
    }
#RefineSearch #areaWrap .popular + .other{border-top: 1px dashed #ccc;margin-top: 5px;padding-top: 10px;}

#RefineSearch #areaWrap .other{
    width: 100%;
    padding-left: 7px;
}
#RefineSearch #areaWrap .other.none{
    border: none;
    margin: 0;
    padding: 0;
}


#RefineSearch .AreaType{display: flex;flex-wrap: wrap;}
#RefineSearch .AreaType li{}


#RefineSearch .SelectOnly{}
#RefineSearch .SelectOnly .ItemIn{align-items: center;}
#RefineSearch .SelectOnly .DstAllWrap{
    padding-top: 0 !important;
    align-self: flex-start;
}
#RefineSearch .SelectOnly #areaWrap{
    width: calc(100% - 130px);
}
#RefineSearch .SelectOnly .AreaType{}
#RefineSearch .SelectOnly .popular{
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}
#RefineSearch .SelectOnly .other{}


#RefineSearch .Item .reset{ padding:0 2px 3px 0;}
#RefineSearch .Item .reset ul{ display:table; width:auto; margin:0 0 0 auto;border-collapse: separate; border-spacing: 5px 0; padding-bottom:3px;}
#RefineSearch .Item .reset li{ display:table-cell; line-height:1.2;}
#RefineSearch .Item .reset li.All{border: 1px solid #a0a0a0;}
#RefineSearch .Item .reset li.remove{border:1px solid #333;-webkit-transition: all .3s ease-out; padding:0 10px;border-radius: 3px;-webkit-border-radius : 3px;-moz-border-radius: 3px; font-size:12px; color:#fff; background-color:#333; }
#RefineSearch .Item .reset li.remove:before{content:"\f00d"; font-family:FontAwesome;padding-right:5px;}
#RefineSearch .Item .reset li:hover{cursor:pointer;-webkit-transition: all .3s ease-out;background-color: #7D7C40;color: #fff;border: 1px solid #7D7C40;}


.ctcms + #none{
    width: 1020px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 80px;
    margin-top: 20px;
} 
.ctcms + #none h3{
    font-size: 26px;
    padding-bottom: 20px;
}
.ctcms + #none p{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;
}
.ctcms + #none .atte{
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 10px 20px;
}
.ctcms + #none p span{
    display: block;
}
.ctcms + #none .btn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.ctcms + #none .btn li{
    margin: 0 20px;
}
.ctcms + #none .btn li + li{}
.ctcms + #none .btn li a{position: relative;display: block;text-decoration: none;background-color: #7bbd3e;padding: 15px 60px;border-radius: 3px;color: #fff;font-size: 16px;border: 2px solid #7bbd3e;}
.ctcms + #none .btn li a:after{position: absolute;right: 8px;font-size: 20px;top:50%;margin-top:-0.9em;content:"\f105";font-family:FontAwesome;}
.ctcms + #none .btn li a:hover{
    background-color: #fff;
    color: #7bbd3e;
}


/*----------------------------------------------------ctcms*/