﻿@charset "utf-8";

.welContentArea { background-color:#e4e4e4; }
/* mainBanner */
.mBnTotArea { }
.mBnTotArea #mBnFlick { height:320px; }
.mBnTotArea #mBnFlick .flick-container { display:block;height:320px; }
.mBnTotArea .mBn_unit { position:relative;z-index:1;padding:230px 0 0 0;height:90px; }
.mBnTotArea .mBn_unit .mBn_cont { position:relative;padding:10px 10px 0 10px;height:80px;border-top:solid 1px #111;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(20%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.1);
box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.1);
}
.mBnTotArea .mBn_unit .mBn_cont .mBn_img { float:left;padding-top:4px;width:88px;height:58px; }
.mBnTotArea .mBn_unit .mBn_cont .mBn_img .imgBdr { display:block;position:relative;width:86px;height:56px;overflow:hidden;border:solid 1px #b2b2b2; }
.mBnTotArea .mBn_unit .mBn_cont .mBn_img .imgBdr:after { content:'';display:block;position:absolute;z-index:1;left:34px;top:12px;width:28px;height:34px;background:url('//tkfile.yes24.com/img/mobile/bgC_ent.png?ver=140801d') no-repeat -100px -320px;background-size:400px auto; }
.mBnTotArea .mBn_unit .mBn_cont .mBn_img img { margin:-1px;width:88px;height:58px; }
.mBnTotArea .mBn_unit .mBn_cont .mBn_info { margin:0 35px 0 100px;padding-top:2px; }
.mBnTotArea .mBn_unit .mBn_cont.no_mov .mBn_info { margin:0 35px 0 0;padding-top:2px; }
.mBnTotArea .mBn_unit .mBn_cont .mBn_info .mBn_sale { position:absolute;right:0;top:-3px;width:40px;height:40px;font-size:16px;background:url('//tkfile.yes24.com/img/mobile/bgC_ent.png?ver=140801d') no-repeat -140px -250px;background-size:400px auto; }
.mBnTotArea .mBn_unit .mBn_cont .mBn_info .mBn_sale em.txt   { display:block;padding:8px 0 0 2px;text-align:center;color:#fff;font-family:'yesM','Helvetica','Apple SD Gothic Neo',AppleGothic,'맑은 고딕';font-weight:bold;text-shadow:0 1px 0 rgba(0,0,0,0.5); }
.mBnTotArea .mBn_unit .mBn_cont .mBn_info .mBn_sale u { text-decoration:none; }
.mBnTotArea .mBn_unit .mBn_cont .mBn_info .mBn_name { display:-webkit-box;height:21px;line-height:20px;font-size:17px;color:#fff;font-weight:bold;word-break:break-all;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-shadow:0 1px 0 rgba(0,0,0,0.5); }
.mBnTotArea .mBn_unit .mBn_cont .mBn_info .mBn_cmt  { margin-top:5px;display:-webkit-box;height:18px;line-height:17px;font-size:14px;color:#fff799;word-break:break-all;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical; }
.mBnTotArea .mBn_unit .mBn_cont .mBn_info .mBn_loca { display:-webkit-box;height:16px;line-height:15px;font-size:12px;color:#fff;word-break:break-all;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical; }
.mBnTotArea .mBn_unit .lnk_goods { display:block;position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;background:url('//tkfile.yes24.com/img/mobile/spacer.png?ver=140801d') repeat left top; }
.mBnTotArea .mBn_unit .lnk_mov   { display:block;position:absolute;z-index:1;left:0;bottom:0;width:110px;height:90px;background:url('//tkfile.yes24.com/img/mobile/spacer.png?ver=140801d') repeat left top; }
.mBnTotArea .pagenArrBtn { position:relative;z-index:2002;padding:0; }
.mBnTotArea .pagenArrBtn .pagenRnd { position:absolute;left:0;right:0;top:305px;z-index:2001;line-height:8px; }
.mBnTotArea .pagenArrBtn .btn { position:absolute;top:0;width:33px;height:320px;border:none;background:none; }
.mBnTotArea .pagenArrBtn .btn .bgEnt { margin:102px 4px 0;width:25px;height:35px; }
.mBnTotArea .pagenArrBtn .btn.btn_pLft { left:0; }
.mBnTotArea .pagenArrBtn .btn.btn_pLft .bgEnt { background-position:-340px -125px; }
.mBnTotArea .pagenArrBtn .btn.btn_pRgt { right:0; }
.mBnTotArea .pagenArrBtn .btn.btn_pRgt .bgEnt { background-position:-370px -125px; }

/* notice */
.ticketNotArea { background-color:#f2f2f2; }
.ticketNotArea .ticketNotRoll { position:relative;border-bottom:solid 1px #ccc;background-color:#fff; }
.ticketNotArea .ticketNotRoll .ticketNotDl { display:table;width:100%; border-top: 1px solid #e5e5e5; }
.ticketNotArea .ticketNotRoll .ticketNotDl dt { display:table-cell;width:40px;white-space:nowrap; }
.ticketNotArea .ticketNotRoll .ticketNotDl dt a { display:block;padding:0 7px 0 10px;line-height:35px;height:35px;font-size:12px;font-weight:bold;color:#333; }
.ticketNotArea .ticketNotRoll .ticketNotDl dt a .ico.bgEnt { margin-top:12px;width:13px;height:11px;vertical-align:top;background-position:-320px -125px; }
.ticketNotArea .ticketNotRoll .ticketNotDl dd { display:table-cell; }
.ticketNotArea .ticketNotRoll .ticketNotDl dd li a { display:-webkit-box;margin:0 33px 0 0;height:35px;overflow:hidden;line-height:35px;color:#888;font-size:12px;word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical; }
.ticketNotArea .ticketNotRoll .btn_AllLi { position:absolute;right:0;top:0;width:32px;height:35px;border-left:solid 1px #e5e5e5; }
.ticketNotArea .ticketNotRoll .btn_AllLi a.btn { display:block;padding-top:10px;height:22px; }
.ticketNotArea .ticketNotRoll .btn_AllLi a.btn .bgEnt { display:none;margin:0 auto;width:16px;height:14px;vertical-align:middle; }
.ticketNotArea .ticketNotRoll .btn_AllLi a.btn.up { box-shadow:inset 0 1px 3px 0 rgba(0, 0, 0, 0.15); }
.ticketNotArea .ticketNotRoll .btn_AllLi a.btn.dn .bgEnt.more { display:block;background-position:-170px -125px; }
.ticketNotArea .ticketNotRoll .btn_AllLi a.btn.up .bgEnt.hide { display:block;background-position:-190px -125px; }
.ticketNotArea .notFlickArea { border-bottom:solid 2px #ccc }
.ticketNotArea .notFlickArea #ticketNotFlick { height:180px; }
.ticketNotArea .notFlickArea #ticketNotFlick .flick-container { display:block;height:180px; }
.ticketNotArea .notFlickArea .welNotLi { border-bottom:solid 1px #fff; }
.ticketNotArea .notFlickArea .welNotLi li { height:35px;border-bottom:solid 1px #e4e4e4; }
.ticketNotArea .notFlickArea .welNotLi li a { display:-webkit-box;padding:0 10px;height:35px;line-height:35px;font-size:12px;color:#888;overflow:hidden;word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical; }
.ticketNotArea .notFlickArea .welNotLi li a strong.item { margin-right:4px;color:#333; }

/* GenreMenu */
.welGenreArea {margin:0 ;display: inline-block;width: 100%; background: #fff;border-bottom: 1px solid #ccc;}
.welGenreArea .welGenreLi li {float: left; width: 33.3%;text-align: center;}
.welGenreArea .welGenreLi li a {display: block; line-height:35px; border-left:1px solid #e5e5e5;  border-top:1px solid #e5e5e5; margin-left:-1px}	

/* card view */
.goods_cardListArea { padding:0 5px 10px;background-color:#e4e4e4; }
.goods_cardListArea .yGoodsUnit:after { content:'';clear:both;display:block; }
.goods_cardListArea .yGoodsUnit li { float:left;position:relative;padding-top:10px;width:100%; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods { display:block;border-bottom:solid 1px #cdcdcd;border-radius:3px;background-color:#fff; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_img { max-height:250px;overflow:hidden; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_img img { width:100%;border-top-right-radius:3px;border-top-left-radius:3px; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info { padding:7px 10px 10px 10px;height:67px;overflow:hidden; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_icon { position:absolute;left:0;top:3px; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_icon.goods_icon_mobile { position:absolute;left:-2px;top:19px; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_icon .bgEnt.ico_angel { width:57px;height:41px;background-position:-140px -300px; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_icon .bgEnt.ico_mobile { padding-top:3px;width:82px;height:19px;line-height:15px;text-indent:-5px;text-align:center;font-size:11px;font-weight:bold;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.5);background-position:-140px -345px; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_sale { position:absolute;right:0;top:8px;padding:8px 0 0 2px;width:38px;height:32px;font-size:12px;font-family:'yesB';text-align:center;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:url('//tkfile.yes24.com/img/mobile/bgC_ent.png?ver=140801d') no-repeat -140px -250px;background-size:400px auto; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_sale em.yes_b { text-align:center;font-size:16px; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_cmt  { display:-webkit-box;height:16px;line-height:16px;overflow:hidden;font-size:12px;color:#888;word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_cmt  .ico_timeSale { color:#fff;border-color:#a87bd8;background-color:#a87bd8;text-shadow:0 0 1px rgba(0,0,0,0.3); }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_cmt  .ico_timeSale .bl_time { margin-right:2px;width:12px;height:12px;background-position:-105px -440px;vertical-align:top; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_name { display:-webkit-box;margin-top:4px;height:20px;line-height:20px;overflow:hidden;font-size:17px;color:#333;font-weight:bold;word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods.tp_corner .goods_info .goods_cmt  { margin-right:75px; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods.tp_corner .goods_info .goods_name { margin-right:75px; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_etc  { display:-webkit-box;margin-top:7px;height:23px;line-height:23px;overflow:hidden;font-size:14px;color:#333;word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_etc .etcTxt1  { display:inline;font-size:20px;font-weight:bold;color:#eb4956;vertical-align:top; } /* 250526 말줄임 수정 */
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_etc .etcTxt2  { display:inline;margin-right:2px;padding-top:1px;font-size:14px;font-weight:bold;color:#333;vertical-align:top; } /* 250526 말줄임 수정 */
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_etc .etcTxt3  { display:inline;margin-right:2px;padding-top:1px;font-size:12px;color:#ccc;text-decoration:line-through;vertical-align:top; } /* 250526 말줄임 수정 */
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_etc .etcTxt4  { display:inline;margin-right:2px;padding-top:1px;font-size:12px;color:#888;vertical-align:top; } /* 250526 말줄임 수정 */
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_etc .etcTxt4:before  { content:"|";margin-right:4px;color:#e5e5e5; }
.goods_cardListArea .yGoodsUnit li a.lnk_goods .goods_info .goods_etc em.divi { font-size:12px;color:#e5e5e5; }
.goods_cardListArea .yGoodsUnit li a.lnk_corner.btn_c { position:absolute;right:8px;bottom:52px; }
.goods_cardListArea .yGoodsUnit li a.lnk_corner.btn_c em.ico_arrB { margin:7px 0 0 3px;width:5px;height:8px;background-position:0 -180px; }
.goods_cardListArea .yGoodsUnit li a.lnk_corner.btn_c em.ico_arrP { margin:7px 0 0 3px;width:5px;height:8px;background-position:-20px -180px; }

#content_wrap .welRankArea { padding-top:15px;border-top:solid 1px #ccc;background-color:#ffffff; }
#content_wrap .welRankArea h3.txtTit { margin:0; }
#content_wrap .welRankArea h3.txtTit a { color:#333; }
#content_wrap .welRankArea h3.txtTit a .ico_blueArr { margin-top:3px;width:5px;height:8px;background-position:0 -180px;vertical-align:top; }
#content_wrap .welRankArea #welRankWrap { padding:0 0 10px 0; }
#content_wrap .welRankArea .goods_rankArea { padding:0 10px 0 0; }
#content_wrap .welRankArea .yGoodsUnit { display:table; }
#content_wrap .welRankArea .yGoodsUnit:after { content:'';clear:both;display:block; }
#content_wrap .welRankArea .yGoodsUnit li { float:left;padding-left:15px;width:122px;height:150px; }
#content_wrap .welRankArea .yGoodsUnit li .lnk_goods { display:block;position:relative; }
#content_wrap .welRankArea .yGoodsUnit li .lnk_goods .goods_rnk { position:absolute;left:0;top:-2px;width:23px;height:28px;overflow:hidden;color:#fff;vertical-align:top;background:url('//tkfile.yes24.com/img/mobile/bgC_ent.png?ver=140801d') no-repeat -110px -250px;background-size:400px auto; }
#content_wrap .welRankArea .yGoodsUnit li .lnk_goods .goods_rnk em.yes_b { display:block;width:20px;height:22px;line-height:22px;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,0.3); }
#content_wrap .welRankArea .yGoodsUnit li:nth-child(1) .lnk_goods .goods_rnk { width:32px;height:33px;text-align:left;text-indent:-999em;background-position:-75px -250px; }
#content_wrap .welRankArea .yGoodsUnit li .lnk_goods .goods_rnk em.txt { visibility:hidden;position:absolute;left:-999px;top:-999px;z-index:-1;width:1px;height:1px;overflow:hidden; }
#content_wrap .welRankArea .yGoodsUnit li .lnk_goods .goods_img { width:122px;height:150px; }
#content_wrap .welRankArea .yGoodsUnit li .lnk_goods .goods_img img { width:122px;height:150px; }

/*20150828: 앱메인 하단배너영역 추가 */
.welMBnArea { position:relative;margin:0;height:80px;overflow:hidden;border-top:1px solid #ccc }
.welMBnArea img { vertical-align:top;width:320px;height:80px;-webkit-transform: translate3d(0,0,0); }
.welMBnArea #welMBnFlick { height:80px;text-align:center; }
.welMBnArea #welMBnFlick .flick-container { display:block;height:80px; }
.welMBnArea .welMBn { position:relative;height:80px;text-align:center;overflow:hidden; }
.welMBnArea .welMBn a { display:block;height:80px; }
.welMBnArea .pagenArrBtn {display:inline;}
.welMBnArea .pagenArrBtn a.btn { position:absolute;top:0;border:none;;z-index:2002;width:32px;height:80px;background:none; }
.welMBnArea .pagenArrBtn a.btn em.bgEnt { margin:27px 8px 0;width:16px;height:26px; }
.welMBnArea .pagenArrBtn a.btn.btn_pLft { left:0; }
.welMBnArea .pagenArrBtn a.btn.btn_pLft .bgEnt { background-position: -280px -125px; }
.welMBnArea .pagenArrBtn a.btn.btn_pRgt { right:0; }
.welMBnArea .pagenArrBtn a.btn.btn_pRgt .bgEnt { background-position: -300px -125px; }


/* 20170926: 이벤트 구좌 신설 */
.goods_cardListArea {padding:0;}
.yGoodsUnit {padding:0 5px 0px}
.Evt_BnArea {position:relative; width:100%; margin:0; padding:0; text-align:center}			
.Evt_BnArea .pagenArrBtn {position:absolute; bottom:10px;  left: 0; right: 0;z-index: 2001; line-height: 8px; padding-bottom:0}
.Evt_BnArea .goods_img img, .Evt_ListArea .goods_img img {border-radius:0 !important; width:100%}


@media all and (min-width:640px){

.mBnTotArea .mBn_unit .mBn_cont .mBn_info .mBn_sale { right:10px; }
.goods_cardListArea .yGoodsUnit li { width:50%; }
.goods_cardListArea .yGoodsUnit li:nth-child(2n) a.lnk_goods { margin-left:2px; }
.goods_cardListArea .yGoodsUnit li:nth-child(2n+1) a.lnk_goods { margin-right:3px; }
.goods_cardListArea .yGoodsUnit li:nth-child(2n+1) a.lnk_goods .goods_info .goods_sale { right:3px; }

/* 20170926: 이벤트 구좌 신설 */
.Evt_BnArea .eBn_unit {height:210px; overflow-y:hidden}
.Evt_BnArea .goods_img img {width:500px; }

/* 20240514 배너 사이즈 수정 */ 
.mBnTotArea #mBnFlick,.mBnTotArea #mBnFlick .flick-container,.mBnTotArea .pagenArrBtn .btn{height: 450px !important;}
.mBnTotArea .mBn_unit{padding: 360px 0 0 0;}
.mBnTotArea .pagenArrBtn .pagenRnd{top: 435px;}

}


/* 20240514 배너 사이즈 수정 */
@media all and (min-width: 1024px)
{ 
.mBnTotArea #mBnFlick,.mBnTotArea #mBnFlick .flick-container,.mBnTotArea .pagenArrBtn .btn{height: 600px !important;}
.mBnTotArea .mBn_unit{padding: 510px 0 0 0;}
.mBnTotArea .pagenArrBtn .pagenRnd{top: 585px;}
}