@charset "utf-8";

.listup-head {position:relative; margin-bottom:15px; text-align:center;}
.listup-head h2 {display:inline-block; position:relative; margin-bottom:8px; padding-bottom:2px; color:#383838; font-size:20px; line-height:1.3em; letter-spacing:-.03em;}
.listup-head h2:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:10px; background:#c8f1f4;}
.listup-head h2 span {position:relative; z-index:2;}
.listup-head p {color:#5b5a5a; font-size:13px; font-weight:400; line-height:1.4em; letter-spacing:-.04em;}
.listup-head .more {position:absolute; bottom:0; right:18px; color:#999; font-size:12px; line-height:1.3em;}

.listup-tab {margin-bottom:10px; text-align:center;}
.listup-tab .tab {margin-bottom:15px;}
.listup-tab .tab ul {display:inline-flex;}
.listup-tab .tab ul li {margin:0 3px;}
.listup-tab .tab ul li a {display:block; width:80px; height:30px; color:#686868; font-size:14px; line-height:28px; letter-spacing:-.03em; transition:none; border:1px solid #ddd; border-radius:20px; text-decoration:none !important; text-align:center;}
.listup-tab .tab ul li.active a {background:#1196a5; border-color:#1196a5; color:#fff;}
.listup-tab .sort {padding:0 15px;}
.listup-tab .sort ul {display:flex; justify-content:space-between;}
.listup-tab .sort ul li a {display:block; color:#999; font-size:12px; transition:none; line-height:1.3em; font-weight:300; letter-spacing:-.03em;}
.listup-tab .sort ul li.active a {color:#f46c29;}

.listup-table .item {margin-bottom:20px;}
.listup-table .item:last-child {margin-bottom:0;}
.listup-table table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0px; font-size:14px; line-height:1.4em; letter-spacing:-.03em; border-top:2px solid #878787;}
.listup-table table th {padding:3px; width:110px; height:45px; color:#454545; font-weight:500; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa;}
.listup-table table td {padding:3px 10px 3px 20px; color:#555; border-bottom:1px solid #ddd; word-break:break-all;}
.listup-table table td img {display:inline-block; vertical-align:middle; margin:0; width:27px;}
.listup-table .types {display:inline-flex; text-align:center;}
.listup-table .types > div {margin:0 4px 0 0; width:45px; font-size:12px; color:#fff; line-height:25px; letter-spacing:-.03em; background:#ccc;}
.listup-table .type1.on {background:#265d96}
.listup-table .type2.on {background:#bb3147}
.listup-table .type3.on {background:#f8a400}
.listup-table .btn {display:inline-block; text-align:center; margin:5px 0; padding:0 15px; color:#454545; font-size:14px; line-height:26px; font-weight:500; letter-spacing:-.03em; background:#c5f3f2; border-radius:4px;}
.listup-table .slick-arrow {position:absolute; top:50%; margin-top:-13px; width:26px; height:26px; outline:none; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; border:0; overflow:hidden; font-size:0; line-height:0; text-indent:-999em; z-index:20;}
.listup-table .slick-prev {left:0; background-image:url("../images/main_v3/listup_slide_prev.png");}
.listup-table .slick-next {right:0; background-image:url("../images/main_v3/listup_slide_next.png");}

.listup-table2 {padding:0 18px; margin-top:25px;}
.listup-table2 .items {margin:0 -4px;}
.listup-table2 .items:after {content:""; display:block; clear:both;}
.listup-table2 .items li {float:left; width:25%; box-sizing:border-box; padding:0 4px; color:#686868; font-size:15px; line-height:20px;}
.listup-table2 .items li a {display:block; text-decoration:none !important;}
.listup-table2 .thumb {position:relative; height:150px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.listup-table2 .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.1); border-bottom:0;}
.listup-table2 .info {border:1px solid #ccc; border-top:0; padding:8px 0; text-align:center;}
.listup-table2 .info h3 {margin-bottom:7px; color:#383838; font-size:15px; font-weight:500; line-height:1.2em; letter-spacing:-.03em; box-sizing:border-box;}
.listup-table2 .txt {height:2.8em; margin-bottom:4px; font-size:11px; line-height:1.4em; padding:0 3px;}
.listup-table2 .detail {font-size:11px; font-weight:400; letter-spacing:-.03em;}
.listup-table2 .info .btn {display:inline-block; margin:0 2px; vertical-align:top; width:60px; height:30px; background:#f2f2f2; text-decoration:none; color:#4e4e4e; font-size:13px; font-weight:400; line-height:28px; letter-spacing:-.03em;}
.listup-table2 .info .btn:hover {background:#ffd537; color:#fff;}
.listup-table2 .slick-arrow {position:absolute; top:50%; margin-top:-13px; width:26px; height:26px; outline:none; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; border:0; overflow:hidden; font-size:0; line-height:0; text-indent:-999em; z-index:20;}
.listup-table2 .slick-prev {left:0; background-image:url("../images/main_v3/listup_slide_prev.png");}
.listup-table2 .slick-next {right:0; background-image:url("../images/main_v3/listup_slide_next.png");}
.listup-table2 .slick-dots {margin-top:25px; text-align:center; line-height:0;}
.listup-table2 .slick-dots li {display:inline-block; margin:0 5px;}
.listup-table2 .slick-dots li button {cursor:pointer; display:block; width:12px; height:12px; background:#7a7a7a; transition:.2s; border:0; border-radius:100%; overflow:hidden; text-indent:-999em;}
.listup-table2 .slick-dots li.slick-active button {background:#fbd055;}

.listup-search-wrap {margin-bottom:40px;}
.listup-search-wrap .submit {width:100%; height:40px; background:#f15a22; color:#fff; font-size:15px; font-weight:500; border:0; margin-top:6px;}
.listup-search {display:flex; flex-wrap:wrap;}
.listup-search .input {width:100%; height:40px; margin-bottom:6px; padding:5px 10px; color:#606060; font-size:14px; line-height:1.3em; font-weight:400; border:1px solid #ddd;}
/* .listup-search .input::-webkit-input-placeholder {color:#606060;}
.listup-search .input:-moz-placeholder {color:#606060;}
.listup-search .input::-moz-placeholder {color:#606060;}
.listup-search .input:-ms-input-placeholder {color:#606060;}
.listup-search .input:placeholder-shown {color:#606060;} */
.listup-search .input.sch {padding-right:36px; background:url('../images/site/search.png') right 8px center no-repeat; background-size:18px auto; text-align:right;}
.listup-search .select {width:calc(50% - 3px); height:40px; padding:5px 10px; text-align:left; color:#606060; font-size:14px; line-height:1.3em; font-weight:400; border:1px solid #ddd; background:url('/images/sub_v7/select.png') right 7px center no-repeat; background-size:11px auto; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.listup-search .select:nth-child(2) {margin-right:3px;}
.listup-search .select:nth-child(3) {margin-left:3px;}
.listup-search select.select::-ms-expand {display:none;} 

.listup-selected-option {border:1px solid #ddd; padding:16px 19px; margin-top:6px; color:#606060; font-size:14px; line-height:1.3em;}
.listup-selected-option a {text-decoration:none !important;}
.listup-selected-option ul {display:flex; flex-wrap:wrap; margin:-3px -10px;}
.listup-selected-option ul li {margin:3px 10px;}
.listup-selected-option ul li img {vertical-align:middle; margin:-.18em 0 0 4px; width:10px;}
.listup-selected-option .reset {display:block; margin:23px 0 0; font-weight:500; text-align:center;}
.listup-selected-option .reset img {vertical-align:middle; margin:-.2em 5px 0 0; width:16px;}

.listup-options {border:1px solid #ddd; padding:6px 19px; margin-top:6px;}
.listup-options .group {padding:13px 0;}

.listup-options .tit {color:#f15a22; font-size:15px; font-weight:500; line-height:1.3em; margin-bottom:3px;}
.listup-options ul {overflow:hidden; margin-left:-20px;}
.listup-options ul li {float:left; font-size:14px; color:#555; line-height:1.4em; margin-top:8px; margin-left:20px;}