/* BASIC css start */
#content { max-width:1700px; margin: 4px auto; padding: 0 20px 0 20px;}

#content .title { margin: 48px; text-align: center;}

#content .title p { color: #000;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 44px;
    letter-spacing: -1px;
    }
    
#content .title > span {color: #000;
    font-family: 'Montserrat';
    font-weight: 600;
    letter-spacing: -1px;
    font-size: 14px;} 


.evpro_banner { margin-bottom:50px; overflow:hidden; }
.evpro_banner_in { position: absolute; top: 0; right: 0; left: 0; height:0; bottom: 0; z-index: 10; padding: 100px 0 0; box-sizing: border-box; }
/*.evpro_banner img {width:100%;}*/
.ev_line{  margin: 0 auto; width: 100%; height: 2px; background: #000; }

.evpro_banner .evpro_title { text-align: right; display: block;  max-width: 1000px;  margin: 0 auto;  padding: 0 50px;  font-weight: 700; }
.evpro_banner .evpro_title .tit { margin-top:20px; /*max-width: 420px;*/ text-align:right;  font-size: 50px;  font-weight:800;  line-height: 1.2; }
.evpro_banner .evpro_title .dsc2 { margin-top: 20px; font-size: 18px;  line-height: 1.62; }


.evpro_banner .evpro_date {  text-align: right; display: block;  max-width: 1000px;  margin: 0 auto;  padding: 150px; 50px; font-style: italic; font-weight: 700;}
.evpro_banner .evpro_date .date_tit { font-size:15px; font-weight: 600; }
.evpro_banner .evpro_date .date { font-size: 20px;  margin-top: 7px;  font-weight: 600; }


.flagbox{ margin-top: 20px;}
.flagbox .box { display: inline-block; height: 30px; margin-right: 4px; padding: 5px 15px; background: #000; color: #fff; font-size: 15px;  box-sizing: border-box; }

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


.cate-wrap .mcate { zoom: 1; overflow: hidden; margin-bottom: 8px; }
.cate-wrap .mcate li:first-child { padding:0 10px 0 0; }
.cate-wrap .mcate li { float: left; padding: 0 10px; }
.cate-wrap .mcate li a:hover { text-decoration: underline; }


/* 상품개수 */
#DL_Product_List {}
.fright .function { height:40px; line-height:40px; text-align:right; background:#fff; }
.fright .total_count { float:left; line-height:30px; }
.fright .total_count strong { display:inline-block;  padding: 0 0px 0 7px; background:#fff; font-size:13px; color:#616161; text-align:center; }

/* 상품정렬버튼 */
.fright ul#type { display:inline; letter-spacing:-4px; }
.fright ul#type li { position:relative; top:-1px; display:inline-block; *display:inline; *zoom:1; }
.fright ul#type li:last-child { border-right:1px solid #ddd; }
.fright ul#type li a { display:block; height:40px; line-height:40px; margin:0 0 0 -1px; padding:0 15px; border-top:1px solid #ccc; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background-color: #fafafa; letter-spacing:0; text-align:center; transition:background .3s ease; -webkit-trasition:background .3s ease; }
.fright ul#type li a:hover { height:41px; text-decoration:none; background:#fff; border-bottom:none; }
.fright ul#type li a:active { height:41px; text-decoration:none; background:#fff; border-bottom:none; }
.fright ul#type .sort { height:41px; background:#fff; border-bottom:none; font-weight:bold; }

.item-order select {font-size:14px; outline:none; color:#000; border:0; cursor:pointer; padding-left:18px;}
.fright ul#type li a.on {display:block; height:40px; line-height:40px; color:#000; font-weight: bold; border-bottom:1px solid #fff; background:#fff; }


/* 위시리스트 */

#wishlist {  position: absolute; top: 10px; right: 10px; z-index: 1; background-color: #fff;  padding: 13px;  border-radius: 50px;}
#wishlist span img { width:15px; height:12px;}    


/* 분류 기본상품 노출영역 */

.bnr-box {overflow:hidden;}
.bnr-box .item {float:right;width:100%!important;}
.bnr-box .item:first-child {margin-left:0;}
.bnr-box .item img {width:100%;}


/* 배열방식 */
.item-wrap .x5 .item-list {width: 20%;}

.item-wrap .x4 .item-list {width: 25%; margin: 0 0 40px;}
.item-wrap .x4 .prd-info .prd-name {display: block;}
.item-wrap .x4 .prd-info .color {max-width: 190px;}

.item-wrap .x3 .item-list{width: 33.33%; margin: 0 0 59px; vertical-align:top;}
.item-wrap .x3 .item-list .prd-info .prd-name {margin: 20px 0 9px;}
.item-wrap .x3 .item-list .prd-info ul li {line-height: 18px;}
.item-wrap .x3 .item-list .prd-info .prd-price {padding-top: 19px;}
.item-wrap .x3 .item-list .prd-info .color {max-width: 230px; line-height: 1;}

/* 다이어리 슬라이드 */

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {left: unset!important; bottom: unset!important;}
.evt02 {background:url(http://dailylike.jpg3.kr/hgodo/05_Evt/2110/2022_diarylineup_02.jpg)no-repeat; background-size: 100% 100%;}
.diary {width:1300px;}
.swiper-container.diary .swiper-pagination-bullets {display:table; width:auto; right: 0!important; top: 250px !important;}
.diary .swiper-pagination-bullet {width:6px; height:6px; margin:0 6px !important; background:#000; border:3px solid transparent; border-radius:50%; box-sizing:border-box; vertical-align:middle; opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.diary .swiper-pagination-bullet-active {width:6px; height:6px; background-color:transparent; border:3px solid #000; box-sizing:content-box; opacity:1;}
.diary .swiper-button-next-main { background-image: url(http://dailylike.jpg3.kr/hgodo/05_Evt/2110/arrow%2Dleft%2Dthin%2D32.png); right: 0px; width: 32px; height: 12px; background-size: 32px 32px; margin-top: 0px; top: 202px; outline: none; transform: rotate(180deg);}
.diary .swiper-button-prev-main { background-image: url(http://dailylike.jpg3.kr/hgodo/05_Evt/2110/arrow%2Dleft%2Dthin%2D32.png); right: 68px; left: unset!important; width: 32px; height: 12px; background-size: 32px 32px; margin-top: 0px; top: 202px; outline: none;}


/* 캘린더 슬라이드 */
.evt03 {background:url(http://dailylike.jpg3.kr/hgodo/05_Evt/2110/2022_diarylineup_03.jpg)no-repeat;}
.swiper-container.calender .swiper-pagination-bullets {display:table; bottom: 70px!important;}
.calender .swiper-pagination-bullet {width:6px; height:6px; margin:0 6px !important; background:#fff; border:3px solid transparent; border-radius:50%; box-sizing:border-box; vertical-align:middle; opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.calender .swiper-pagination-bullet-active {width:6px; height:6px; background-color:transparent; border:3px solid #fff; box-sizing:content-box; opacity:1;}
.calender .swiper-button-next-main { background-image: url(http://dailylike.jpg3.kr/hgodo/05_Evt/2201/ev_right_arrow.png); width: 29px; background-size: 29px 56px; height: 56px;right: 210px;}
.calender .swiper-button-prev-main { background-image: url(http://dailylike.jpg3.kr/hgodo/05_Evt/2201/ev_right_arrow.png); width: 29px; background-size: 29px 56px; height: 56px; left:210px;  transform: rotate(180deg);}


/* BASIC css end */