@charset "utf-8";

.l-container {margin:0 auto; padding:20px 0 95px 0;}
.l-container .c-header {padding-bottom:12px; position:relative; border-bottom:1px solid #d9d9d9;}
.l-container .c-header .block > span {display:inline-block; vertical-align:middle;}
.l-container .c-header .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:22px; font-size:20px; color:#000000;}
.l-container .c-header .count {z-index:1; margin-left:8px; top:0px; position:relative; width:25px; height:25px; text-align:center;}
.l-container .c-header .count {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:25px; font-size:14px; color:#ffffff;}
.l-container .c-header .count.type2 {top:-2px; line-height:30px; width:30px; height:30px; font-size:13px;}
.l-container .c-header .count:before {z-index:-1; display:block; content:''; position:absolute; left:0px; top:0; width:100%; height:100%; border-radius:100%;}
.l-container .c-header .side {position:absolute; right:0; top:0px;}
.l-container .c-header .side > span {display:inline-block; vertical-align:middle;}
.l-container .c-header .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:14px; font-size:11px; color:#979797;}
.l-container .c-header .btn {position:relative; top:-1px; margin-left:10px; padding:4px 15px 4px 15px; background-color:#ffffff; border:1px solid #d9d9d9; border-radius:2px; cursor:pointer;}
.l-container .c-header .btn {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:14px; font-size:13px; color:#979797;}
.l-container .c-header .btn:hover {border-color:#ed1c24; color:#ed1c24;}

.l-container .field-thumb {width:102px;}
.l-container .field-option {width:105px;}

.l-container .c-list {display:table; width:100%; position:relative; border-bottom:1px solid #d9d9d9; background-color:#ffffff;}
.l-container .c-list ul {display:table-row; position:relative; width:100%;}
.l-container .c-list ul:last-child {border-bottom:1px solid #ebebeb;}
.l-container .c-list li {display:table-cell; position:relative; padding:20px 0; border-top:1px solid #ebebeb; vertical-align:middle;}

.l-container .c-list .field-thumb a {z-index:10; display:block; position:absolute; left:calc(50% - 51px); top:calc(50% - 51px); width:100px; height:100px; border:1px solid transparent; cursor:pointer;}
.l-container .c-list .field-thumb .adult,
.l-container .c-list .field-thumb .thumb {overflow:hidden; position:relative; display:block; width:102px; height:102px; background-color:#fff;}
.l-container .c-list .field-thumb .thumb img {z-index:1; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; border:0;}

.l-container .c-list .field-thumb .adult:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.l-container .c-list .field-thumb .adult:after {z-index:2; display:block; content:''; position:absolute; left:calc(50% - 35px); top:calc(50% - 35px); width:60px; height:60px; background-color:#ffffff; border:5px solid #ed1c24; border-radius:100%;}
.l-container .c-list .field-thumb .adult div {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.l-container .c-list .field-thumb .adult img {margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; border:0;}
.l-container .c-list .field-thumb .adult span {z-index:3; display:block; position:absolute; left:calc(50% - 35px); top:calc(50% - 35px); width:70px; height:70px; text-align:center;}
.l-container .c-list .field-thumb .adult span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:70px; font-size:36px; color:#000000;}

.l-container .c-list .field-thumb .state {z-index:1; display:block; position:absolute; left:calc(50% - 51px); top:calc(50% - 51px); width:102px; height:102px;}
.l-container .c-list .field-thumb .state:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.l-container .c-list .field-thumb .state > div {display:table; width:100%; height:100%;}
.l-container .c-list .field-thumb .state > div > div {display:table-cell; vertical-align:middle; text-align:center;}
.l-container .c-list .field-thumb .state span {display:inline-block;}
.l-container .c-list .field-thumb .state span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:21px; font-size:18px; color:#ffffff;}

.l-container .c-list .field-item .block {padding:0 20px 0 20px;}
.l-container .c-list .dt {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:14px; font-size:12px; color:#707070;}
.l-container .c-list .title {margin-top:4px;}
.l-container .c-list .title a {word-break:break-all;}
.l-container .c-list .title a {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:13px; color:#000000;}

.l-container .c-list .open_price {margin-top:4px; padding:6px 6px 6px 6px; display:inline-block; background-color:#000000; border-radius:2px; text-align:center;}
.l-container .c-list .open_price {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:13px; font-size:11px; color:#ffffff;}
.l-container .c-list .open_price.type2 {background-color:#666666;}

.l-container .c-list .price {margin-top:4px;}
.l-container .c-list .price span {display:inline-block; vertical-align:bottom;}
.l-container .c-list .price span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:13px; color:#000000;}
.l-container .c-list .price .currency-price {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:22px; font-size:20px; color:#000000;}
.l-container .c-list .price .currency-decimal {margin-left:2px; vertical-align:top;}
.l-container .c-list .price .currency-decimal {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:14px; font-size:12px; color:#000000;}
.l-container .c-list .price .currency-text {margin-left:4px;}
.l-container .c-list .price .swung {vertical-align:top;}
.l-container .c-list .price .swung {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:14px; font-size:12px; color:#000000;}
.l-container .c-list .price.currency-KRW .currency-decimal {font-family: var(--family-regular);font-weight: var(--weight-regular); font-size:13px;}
.l-container .c-list .price.currency-KRW .swung {vertical-align:middle;}
.l-container .c-list .price.currency-KRW .swung {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:13px; color:#000000;}

.l-container .c-list .text {margin-top:6px;}
.l-container .c-list .text > div {margin-left:6px; padding-left:8px; position:relative; display:inline-block; vertical-align:middle;}
.l-container .c-list .text > div:before {display:block; content:''; position:absolute; left:0px; top:0; width:0; height:11px; border-left:1px solid #ebebeb;}
.l-container .c-list .text > div:first-child {padding-left:0; margin-left:0;}
.l-container .c-list .text > div:first-child:before {display:none;}
.l-container .c-list .text > div,
.l-container .c-list .text .a,
.l-container .c-list .text a {font-weight:normal; line-height:14px; font-size:12px; color:#979797; font-family:gulim,'굴림',sans-serif;}
.l-container .c-list .text .a:hover,
.l-container .c-list .text a:hover {text-decoration:underline; color:#000000;}
.l-container .c-list .text > div:last-child a {position:relative; display:inline-block; padding-left:15px;}
.l-container .c-list .text > div:last-child a:before {display:block; content:''; position:absolute; left:0; top:calc(50% - 7px); width:11px; height:11px; background-size:1500px 2500px; background-position:-200px -300px;}

.l-container .c-list .field-option > span {display:block; position:absolute; right:0; top:0; width:20px; height:20px; cursor:pointer;}
.l-container .c-list .field-option > span:before {display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:-325px 0; opacity:0.5;}
.l-container .c-list .field-option > span:hover:before {opacity:1;}
.l-container .c-list .field-option p {margin-top:4px; text-align:center;}
.l-container .c-list .field-option p:first-child {margin-top:0;}
.l-container .c-list .field-option p > span {display:inline-block; min-width:70px; padding:4px 4px 5px 4px; border:1px solid #ebebeb; background-color:#ffffff; text-align:center; cursor:pointer;}
.l-container .c-list .field-option p > span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#707070;}
.l-container .c-list .field-option p:nth-child(1) > span:hover {color:#ffffff;}
.l-container .c-list .field-option p:nth-child(2) > span:hover {border:1px solid #4e4d4d; color:#4e4d4d;}

.l-container .c-not {padding:70px 0 70px 0; border-bottom:1px solid #ebebeb; background-color:#ffffff;}
.l-container .c-not .icon {position:relative; width:100px; height:100px; margin:0 auto; background-size:1500px 2500px; background-position:-1100px -1000px;}
.l-container .c-not p {margin-top:30px; text-align:center;}
.l-container .c-not p {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:32px; font-size:24px; color:#000000;}
.l-container .c-not a {text-decoration:none; display:block; padding:12px 0 11px 0; margin:45px auto 0 auto; width:250px; background-color:#4e4d4d; text-align:center;}
.l-container .c-not a {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:18px; font-size:16px; color:#fffefe;}
.l-container .c-not a:hover {background-color:#000000; color:#ffffff;}

.l-container .c-page {position:relative; margin-top:25px; padding-bottom:25px;}
.l-container .c-page .paging {margin:0 auto;}
.l-container .c-page .paging a {text-decoration:none; display:block; text-align:center; border:1px solid #ebedf1; background-color:#ffffff; cursor:pointer;}
.l-container .c-page .paging a {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:28px; font-size:11px; color:#acacac;}
.l-container .c-page .paging .prev1,
.l-container .c-page .paging .prev2,
.l-container .c-page .paging .next1,
.l-container .c-page .paging .next2 {position:relative; width:28px; height:28px;}
.l-container .c-page .paging .prev1:before,
.l-container .c-page .paging .prev2:before,
.l-container .c-page .paging .next1:before,
.l-container .c-page .paging .next2:before {display:block; content:''; position:absolute; left:4px; top:2px; width:20px; height:20px; background-size:750px 1500px; opacity:0.2;}
.l-container .c-page .paging .prev1:before {background-position-x:-150px;}
.l-container .c-page .paging .prev2:before {background-position-x:-100px;}
.l-container .c-page .paging .next1:before {background-position-x:-125px;}
.l-container .c-page .paging .next2:before {background-position-x:-175px;}
.l-container .c-page .paging .prev1:hover:before,
.l-container .c-page .paging .prev2:hover:before,
.l-container .c-page .paging .next1:hover:before,
.l-container .c-page .paging .next2:hover:before {opacity:1;}
.l-container .c-page .paging .on,
.l-container .c-page .paging .off {margin-left:5px; padding:0 11px 0 11px;}
.l-container .c-page .paging .number1 a {margin-left:0px;}
.l-container .c-page .paging .on {border-color:#252525 !important; background-color:#252525 !important; color:#ffffff !important;}
.l-container .c-page .paging .off {background-color:#ffffff;}
.l-container .c-page .paging .off:hover {border-color:#acacac; color:#707070;}
.l-container .c-page .paging .prev1 {margin-right:4px;}
.l-container .c-page .paging .prev2 {margin-right:12px;}
.l-container .c-page .paging .next1 {margin-left:12px;}
.l-container .c-page .paging .next2 {margin-left:4px;}