/* BASIC css start */
/* ŸÀÌƲ */
#titleArea {position: relative; border-bottom:1px solid #e9e9e9; background-color: #fff}
#titleArea .tit{line-height:60px; font-size:18px; padding: 0 61px; color: #2e2e2e; text-align: center; font-weight: bold;}
#titleArea h2 {line-height:60px; font-size:18px; padding: 0 61px; color: #2e2e2e; text-align: center; font-weight: bold;}
#titleArea .back_btn {position: absolute; top: 6px; left: 14px;}
#titleArea span img {/*width: 33px; height: 29px;*/}

#contents .ev_title img {width: 100%; }
#Table_01 {width:100%;}

.evpro_banner { position:relative; }
.evpro_banner_in { position: absolute; top: 0; right: 0; left: 0; height:0; bottom: 0; z-index: 10; padding: 85px 0 0; box-sizing: border-box; }

.ev_line{ max-width: 1000px;  margin: 0 auto; width: 90%; height: 2px; background: #000; }

.evpro_banner .evpro_title { text-align: right; display: block;   margin: 0 auto;  padding: 0 45px;  font-weight: 700; }
.evpro_banner .evpro_title .tit { margin-top: 20px; color: #fff; text-align: right; font-size: 35px; font-weight: 800; line-height: 42px;}
.evpro_banner .evpro_title .dsc2 {margin-top: 20px; font-size: 14px; line-height: 1.62; color: #fff; font-weight: 300; }
.evpro_bg {position:relative;}
.evpro_bg img {width:100%;}
.evpro_bg::after { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,.3); content: "";}
       
.evpro_banner .evpro_date {  text-align: right; display: block;  /*max-width: 1000px;*/  margin: 0 auto;  padding: 45px;  font-style: italic; font-weight: 700; color: #fff;}
.evpro_banner .evpro_date .date_tit { font-size:15px; font-weight: 600; }
.evpro_banner .evpro_date .date { font-size: 14px;  margin-top: 7px;  font-weight: 600; }

.flagbox .box { /*display: inline-block; height: 26px; margin-right: 4px; padding: 5px 15px; background: #000; color: #fff; font-size: 13px;  box-sizing: border-box; */ padding: 6px 15px; background: #000; color: #fff; font-size: 13px;}

.evpro_notice {margin-top: 20px; text-align: left; max-width: 1000px; margin: 0 auto; padding: 15px 20px; }
.evpro_notice .notice_tit { font-size: 19px; font-weight:bold; }
.evpro_notice .notice_count { line-height: 25px; font-size: 16px; margin-top:15px;}


/* Áߺзù */
.class-list {margin: -1px 0 0; padding: 0 14px; border-bottom: 1px solid #e9e9e9; background : #fff; text-align: center;}
.class-list ul {margin:10px;0}
.class-list ul li {width: auto; display: inline-block; margin: 2px 0; padding: 11px 8px 10px; text-align: center; border: 1px solid #e9e9e9; background-color: #fff;}

.class-list ul li.on {border:1px solid #000;}
.class-list ul li.on a {font-weight:700; color:#000;}

/*.class-list ul li:first-child {margin: 15px 0 2px;}
.class-list ul li:last-child {margin: 2px 0 15px;}*/
.class-list ul li a {display: inline-block; margin: 0 14px 0 0; vertical-align: top; font-size: 12px; margin-right: 0; color: #777; font-weight: 400; line-height: 1.2em;}

/* »óÇ° Ä«¿îÅÍ / »óÇ°Á¤·Ä */
.count_wrap {line-height:40px;}
.count_wrap .pd_count {float:left;}
.count_wrap .pd_count .total_count {line-height:66px; padding-left:15px;}


/* Ãßõ»óÇ° */
.swiper-container.recmd_roll {margin: 30px auto; background-color: #fff; position: relative;}
.swiper-container.recmd_roll .items {padding: 0 12px;}
.swiper-container.recmd_roll .swiper-slide {width: 70%; margin-bottom: 40px;}
.swiper-container.recmd_roll .swiper-slide figure {position: relative; margin: 0 6px;}
.swiper-container.recmd_roll .swiper-slide img {width: 100%;}
.swiper-container.recmd_roll .thumbnail .num {position: absolute; top: 0; left: 0; z-index: 1; width: 50px; height: 42px; padding-top: 8px; color: #fff; font-size: 11px; text-align: center; line-height: 16px; background-color: #000; border-radius: 0 0 12px 0;}
.swiper-container-horizontal> .swiper-scrollbar-recmd.swiper-scrollbar {left:18px; width:calc(100% - 38px); overflow:hidden; height: 2px;}
.swiper-scrollbar-recmd.swiper-scrollbar .swiper-scrollbar-drag {width:30% !important;}

/* Á¤·Ä¹æ½Ä */
.list_array {padding: 13px; overflow: hidden; background: #fff;  height: unset; border-top: 0; border-bottom: 0; margin-bottom: 0;}
.list_array .list_arrayLeft {margin: 0;}
.list_array .list_arrayLeft select { max-width: 150px; width: 86px; height: 40px;  border: none; padding: 0 20px 0 8px; line-height: 29px; font-size: 13px; color: #333; }

.list_array .list_arrayRight {margin-top: 0;}
.list_array .list_arrayRight a {display: inline-block; margin-left: -4px; border: 1px solid #e5e5e5; box-sizing: border-box; width: 42px; height: 42px; padding: 9px;}
.list_array .list_arrayRight a img {width: 22px; margin-left: 0;}

/* ¸®½ºÆ®Çü Áø¿­ */
.list_shopping1x ul {padding: 0 12px;}
.list_shopping1x ul li {padding: 14px 6px; border-top: 1px solid #ececec; box-sizing: border-box;}
.list_shopping1x li a {padding: 0;}
.list_shopping1x ul li:first-child {padding: 0 6px 14px; border-top: 0; margin-top: 15px;}
.list_shopping1x li:first-child a {padding: 0;}
.list_shopping1x li img.listPic {width: 45%;}
.list_shopping1x .list_shoppingInfo { width: auto; padding-left: 48%; margin: 0px 6px 0; float:unset;}

/* °¶·¯¸®Çü Áø¿­ */
.list_shopping2x ul {padding: 0 10px; line-height: 0;}
.list_shopping2x ul li {margin-bottom: 35px; text-align: center; font-size: 12px; line-height: 1.4;}
.list_shopping2x li a {padding: 0; margin: 0 3px;}
.list_shopping2x .list_shoppingInfo {margin-top: 15px; margin: 15px 6px 0; text-align: left;}

/* ´õº¸±â */
.shopbrand .more a {width: calc(100% - 38px); height: 48px; font-size: 14px; line-height: 46px; margin: 30px auto 0; color: #1a1a1a; border: 1px solid #e5e5e5; font-weight: normal; box-sizing: border-box; background: #fff;}
.shopbrand .more .more-title {color: #000;}
.shopbrand .more .icoMore {display: inline-block; font-size: 0; line-height: 0; vertical-align:baseline; background: url('http://dailylike.jpg3.kr/hgodo/09_M/2022/main/bn/btn_more.png') no-repeat 0 50%; margin: 0 0 2px 8px; width:10px; height:6px; background-size:10px auto;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}


.shopbrand .coupon-benefit {position:relative; margin:-12px 0 10px 0;} 
.shopbrand .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.shopbrand .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.shopbrand .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }


/* ÆäÀ̵åÀÎ ÆäÀ̵å¾Æ¿ô È¿°ú */	
#cycler{position:relative; width: 100%;} /* À̹ÌÁö °¡·Î»çÀÌÁî ³ôÀÌ ²À º¯°æÇؾßÇÔ */
#cycler img{position:absolute;z-index:1;background-color:white; top:0; left:0;}
#cycler img.active{z-index:3}
/* ÆäÀ̵åÀÎ ÆäÀ̵å¾Æ¿ô È¿°ú */	

/* BASIC css end */