@charset "utf-8";

#header .terms-box .tit{font-family:'Noto Sans KR';}
#header .terms-box .tit strong {color:#24ab91; font-size:20px; line-height:50px; font-weight:300;}
#container.main *{font-family:'Noto Sans KR';}
#container.main .gs_box {padding:8px 20px 8px 20px; letter-spacing:-1px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; background:#f1f1f1;}
#container.main .gs {display:inline-block; height:20px; letter-spacing:-1px; padding:0 10px; background:#fff; border:1px solid #24ab91; border-radius:10px; color:#24ab91; font-size:12px; line-height:20px; font-weight:400; vertical-align:middle;}
#container.main .gs.on {background:#24ab91; color:#fff;}
#container.main .gs.off {border:1px solid #7d7d7d; background:#fff; color:#7d7d7d;}
#container.main .gs_box .gs_next {display:inline-block; font-size:0; line-height:0; margin:0 7px; vertical-align:middle;}
#container.main .gs_box .gs_next img {height:12px;}
#container.main .top_notice {position:relative; padding:0 40px 0 22px; border-top:1px solid #28af95; border-bottom:1px solid #28af95; background:#3bc4aa; color:#fff; font-size:13px; line-height:26px;}
#container.main .top_notice p {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#container.main .top_notice .nt_close {position:absolute; right:22px; top:0; color:#fff; font-size:13px; line-height:26px;}
#container.main .list {overflow:hidden;}
#container.main .list li {width:49%; }
#container.main .list li:nth-child(odd) {float:left;}
#container.main .list li:nth-child(even) {float:right;}
#container.main .list li .img_box {position:relative;}
#container.main .list li .img_box > a {display:block;}
#container.main .list li .sizebox img {width:100%;}
#container.main .list li .img {position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-size:cover;}
#container.main .list li .txt {padding:15px;}
#container.main .list li .tit {
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
height:40px;
}
#container.main .list li .tit a {color:#222; font-size:17px; line-height:20px;}
#container.main .list li .overbox {margin-top:4px; overflow:hidden;}
#container.main .list li .overbox .price {float:left; color:#d9460c; font-size:15px; line-height:22px; font-weight:400;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 78px;}
#container.main .use_count {float:right;}
#container.main .use_count span {display:inline-block;}
#container.main .use_count span + span {margin-left:4px;}
#container.main .use_count span img {height:12px; vertical-align:middle;}
#container.main .use_count span em {color:#8c8c8c; font-size:12px; line-height:22px; vertical-align:middle;}
#container.main .gs_box2 {margin-top:10px;}
#container.main .gs_box2 .gs {width:43px; padding:0; font-size:11px; text-align:center;margin-left:1px;}
#container.main .state_bg01 {background:#9dc433;}
#container.main .state_bg02 {background:#c47b3b;}
#container.main .state_bg03 {background:#339dc4;}
#container.main .state_bg04 {background:#3bc4aa;}
#container.main .state {position:absolute; left:0; top:0; width:100%; height:100%; padding:15px; box-sizing:border-box;}
#container.main .state.off {background:rgba(0,0,0,0.5);}
#container.main .state span {display:inline-block; width:41px; height:41px; border-radius:50%; color:#fff; font-size:9px; font-weight:500; text-align:center;
display:flex;
justify-content:center;
flex-direction:column;
}



/* guide */
.guide_none {display:none;}
.guide_wrap {position:relative; background:url('../../images/common/guide_bg.png') no-repeat center top/cover; z-index:99999;}
.guide_wrap.bg262626 {background:#262626;}
.guide_cont .swiper-container {}
.guide_cont .swiper-pagination {bottom:auto !important; top:100px;}
.guide_cont .swiper-pagination-bullet {background:#a9a9a9; opacity:1;}
.guide_cont .swiper-pagination-bullet-active {background:#3bc4aa; opacity:1;}
.guide_cont .swiper-button-next.swiper-button-disabled,
.guide_cont .swiper-button-prev.swiper-button-disabled {opacity:0.2;}
.guide_cont .swiper-button-next,
.guide_cont .swiper-button-prev {width:26px; height:46px; margin-top:-23px; background-size:13px 23px;}
.guide_cont .swiper-button-next.bgnone,
.guide_cont .swiper-button-prev.bgnone {background:none;}
.guide_cont .swiper-slide img {width:100%;}
.guide_cont .swiper-slide .guide_btn {display:block; position:absolute; bottom:0; left:0; width:100%;}