/* BASIC css start */
/* 200821 morenvy 동혁 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { border:0; border-spacing:0; border-collapse:collapse; }
th,td { border:0; }

.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right !important;}
.left { text-align:left; }
.center { text-align:center; }
.top { caption-side:top; }
.right { text-align:right; }
.bold { font-weight:bold; }
.none { display:none; }

.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right;}
.center { text-align: center; }

.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt100 {padding-top:100px;}
.pdb5 {padding-bottom:5px;}
.pdb10 {padding-bottom:10px;}
.pdb15 {padding-bottom:15px;}
.pdb30 {padding-bottom:30px;}
.pdb50 {padding-bottom:50px;}


.CSSbuttonBlack {border:1px solid #D71921 !important; background-color:#D71921 !important;}
.CSSbuttonBlack:hover {color:#D71921 !important; background-color:#fff !important;}

.CSSbuttonWhite {color:#D71921 !important; background-color:#fff !important; border:1px solid #D71921 !important;}
.CSSbuttonWhite:hover {color:#fff !important; border:1px solid #D71921 !important; background-color:#D71921 !important;}


#overlay_layer {z-index:0 !important;}


/* 공통레이아웃 */
#header, #layerWrap, #contentWrap, #ftLink .link { width:1100px;padding:0;}
.item-wrap,
#content { width:1100px;min-height:600px;}
#contentWrapper {margin:0 auto;}

.loc-navi {font-size:11px;}
.paging li a,
.paging li a:hover {font-weight:normal; letter-spacing:0; font-family: "Pretendard", Malgun Gothic, "맑은 고딕", AppleGothic, Dotum, "돋움", sans-serif;
    @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');}
.paging li a:hover {color:#111;}
.paging li.now a {font-weight:bold; letter-spacing:0;}

body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a {font-family: "Pretendard", Malgun Gothic, "맑은 고딕", AppleGothic, Dotum, "돋움", sans-serif;
    @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');}

.width1100 {width:1100px; margin:0 auto;}

/* 게시판 상단 리스트 숨김 */
.bbs-hd {display:none;}
.tit-sch { margin:20px auto !important; padding-bottom:0 !important; }

/* 하단 페이징 스타일 */
.paging li a:hover, .paging li.now a {color:#222; letter-spacing:0; }
.paging li.now a { background:#fff; color:#000 !important;  border:1px solid #dedede;}


/* 상품리스트 (메인/검색/상품리스트)  */
.prd-list {margin:0px auto;}
.prd-list table td { border:0; vertical-align:top; text-align:left; padding-bottom:80px;}
.prd-list table .tb-center {margin:0 auto; padding:0;text-align:left; position:relative;}
.prd-list table .info { width:230px; padding:0; margin:0 auto; display:block !important;  text-align:left; background-color:#fff; letter-spacing:-0.3px;}
.prd-list .thumb { width:230px; height:100%; font-size:0; line-height:0; border:0; position:relative; }
.prd-list .thumb:hover {border:0;}
.prd-list .thumb a {}
.prd-list .thumb_img img { display: block; width:100%; height:100%; border:1px solid #e9e9e9;}
.prd-list .thumb_img img:hover {border:1px solid #c9c9c9;}

.btn_opt {opacity:0; position:absolute; top:0; left:28px; border:0; cursor:pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s;  transition: all 0.2s;}
.prd-list table td:hover .btn_opt {top:6px; opacity:1; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s;  transition: all 0.2s;}

.prd-list .dsc { margin-top:20px; font-weight:400; font-size:15px; color:#000; text-overflow:ellipsis; white-space:nowrap;}
.prd-list .dsc img {width:28px; margin-right:2px;}
.prd-list .subname { margin-top:5px; font-weight: normal; font-size:12px;color:#999; }
.prd-list .consumer {color:#888;font-size:12px; text-decoration:line-through; line-height:2; font-family:Pretandard; letter-spacing:-0.7px; float: left; }
.prd-list .price {font-weight:700; color:#000; font-size:17px; font-family:Pretandard; letter-spacing:-0.7px; margin-right:10px; }
.prd-list .name_area { padding-bottom: 15px;}
.prd-list .sale_per { display:block; font-size:17px; font-weight:700; text-align:center; color:#F15A5B; margin-right:10px;}
.prd-list .price_area {position:relative;}
.prd-list .price_area .btn_preview {position:absolute; top:0; right:0;}

.prd-list .icon {position:absolute; top:0; right:0;}
.prd-list .icon img {padding-right:5px;}
.prd-list .closeup { margin-top:7px; }
.prd-list .nopadding td {padding:0;}


/* 상단 영역 01 : 최상단 배너 */
.m_onoffmulti .onoffarea {margin:0; width:100%; text-align:center; overflow:hidden; display:none; position:relative; }
.m_onoffmulti .btnarea { top:0; width:100%; height:0; z-index:3; position:relative;}
.m_onoffmulti .closebtn {cursor:pointer; position:absolute; z-index:100; }
.m_onoffmulti .openbtn {display:none; cursor:pointer;  position:absolute; z-index:100; }
.m_onoffmulti .bannerli { background-repeat:no-repeat; background-position:top center;}
.m_onoffmulti .bannerli a {  display:block; }
.m_onoffmulti .mfade .bannerul { padding:0; margin:0; display:block; z-index:1; overflow:;position:relative;}
.m_onoffmulti .mfade .bannerli { padding:0; margin:0; list-style:none;width:100%;display:none; position:absolute;}
.m_onoffmulti .mslide .bannerul { padding:0; margin:0; display:block; width:100%;}
.m_onoffmulti .mslide .bannerli { padding:0; margin:0; list-style:none; width:100%;}
.m_onoffmulti_top .onoffarea { height:80px; }
.m_onoffmulti_top .mslide9 { height:80px; }
.m_onoffmulti_top .mslide .bannerul { height:80px; }
.m_onoffmulti_top .mslide .bannerli { height:80px; }
.m_onoffmulti_top .openbtn { top:0; right:27px;}
.m_onoffmulti_top .closebtn { top:29px; right:33px;}
.m_onoffmulti_top .openbtn {width:33px; height:33px; background:url('/design/lilu2012/0745universe/open_btn.gif'); border:1px solid #eaeaea;
-webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; -webkit-animation-duration: 0.3s; animation-duration:0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.m_onoffmulti_top .closebtn {width:22px; height:22px; background:url('/design/lilu2012/0745universe/top_ban_close.png'); 
-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.5s; animation-duration:0.5s; 
-webkit-backface-visibility: hidden; backface-visibility: hidden;
}
@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;}

/* 좌측 고정 퀵 배너 */
.fixed_ban_area {position:absolute; top:300px; left:50%; margin-left:-665px; z-index:100;}
.fixed_ban_area .swiper1 {width:83px; height:164px; border:1px solid #dedede; box-sizing:border-box; background-color:#fff;}
.fixed_ban_area .swiper1 .swiper-wrapper{width:83px; height:140px; overflow:hidden; padding:0px; margin:0;}
.fixed_ban_area .swiper1 .swiper-slide {width:83px; height:140px; overflow:hidden; padding:0px;margin:0px;}
.fixed_ban_area .swiper1 .swiper1_btn_inner {width:83px; position:relative;  margin:0 auto;}
.fixed_ban_area .swiper1 .swiper-button-next,
.fixed_ban_area .swiper1 .swiper-button-prev {position:absolute; top:0px; z-index:10;}
.fixed_ban_area .swiper1 .swiper-button-prev1 {left:25px; top:22px; background:url("/design/lilu2012/0745universe/ban_right_left.gif") no-repeat;}
.fixed_ban_area .swiper1 .swiper-button-next1 {right:12px; top:22px; background:url("/design/lilu2012/0745universe/ban_right_right.gif") no-repeat;}
.fixed_ban_area .swiper1 .swiper-button-prev1 a {position:absolute; width:14px; height:14px; cursor:pointer; margin-top:140px; }
.fixed_ban_area .swiper1 .swiper-button-next1 a {position:absolute; width:14px; height:14px; cursor:pointer; margin-top:140px; }
.fixed_ban_area .fixed_ban02 {margin-top:10px;}

/* 상단 */
#header { width:100%; margin:0 auto 20px; padding:0; background:none; position:relative; }

/* 상단 영역 02 : 메뉴 & 로그인 */
.header_sec01 { height:33px; background-color:#fff; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9;}

.header_sec01 .sec01_left { font-size:0px; height:33px; line-height:33px; }
.header_sec01 .sec01_left .top_bookmark ul li {float:left; position:relative; height:33px; line-height:33px;}
.header_sec01 .sec01_left .top_bookmark ul li  a { display:block; font-size:11px; color:#888888; float:left; padding:0 10px; height:33px; line-height:33px;}
.header_sec01 .sec01_left #bookmark { display:block; padding:0; text-indent:10px; width:77px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:1px solid #fff; background:url("/design/lilu2012/0745universe/btn_bk.gif") no-repeat; background-position:56px 12px; }
.header_sec01 .sec01_left .top_bookmark a:hover { text-decoration:underline; }
/*.header_sec01 .sec01_left .top_bookmark .btn_cs { background:url("/design/lilu2012/0745universe/sec01_bg.gif") no-repeat; background-position:0 12px; }*/
.header_sec01 .sec01_left .top_bookmark .btn_global { position:relative; }
.header_sec01 .sec01_left .top_bookmark .btn_global img { vertical-align:middle; padding-left:4px; position:relative; top:-1px;}

.header_sec01 .sub_global { display:none; position:absolute; top:32px; left:-1px; border:1px solid #e9e9e9; border-top:0; background-color:#fff; z-index:1000; padding-bottom:7px;}
.header_sec01 .sub_global a { display:block; background:none; height:24px; line-height:24px; }
.header_sec01 .sub_global a:hover { color:#333 }
.header_sec01 .sub_global span { display:block; width:32px; text-align:left; float:left;}
.header_sec01 .sec01_left .btn_global:hover .sub_global { display:block; }

.header_sec01 .sec01_right { font-size:0px; height:33px; line-height:33px; }
.header_sec01 .sec01_right .top_log ul li { float:left; position:relative;}
.header_sec01 .sec01_right .top_log a { display:block; float:left; font-size:11px; height:33px; line-height:33px; color:#888888; padding:0 10px; background:url("/design/lilu2012/0745universe/sec01_bg.gif") no-repeat; background-position:right 12px; letter-spacing:-0.5px; }
.header_sec01 .sec01_right .top_log a span { margin:0 3px; background-color:#757575; width:10px; padding-right:3px; height:16px; line-height:16px; !important; display:inline-block; border-radius:2px; color:#fff; position:relative; top:0; text-align:center; }
.header_sec01 .sec01_right .top_log a:hover { text-decoration:underline; color:#333; }

.header_sec01 .sec01_right .btn_mp { background:url("/design/lilu2012/0745universe/mp_icon.gif") no-repeat; background-position:right 15px; padding-right:12px; color:#222;}
.header_sec01 .sec01_right .btn_mp a { background:none !important; padding-right:0; }
.header_sec01 .sec01_right .btn_mp:hover .sub_mypage { display:block; }
.header_sec01 .sec01_right .sub_mypage { display:none; position:absolute; top:32px; right:-10px; border:1px solid #e9e9e9; border-top:0; background-color:#fff; z-index:1000; padding-bottom:7px;}
.header_sec01 .sec01_right .sub_mypage a{ display:block; background:none !important; height:24px; line-height:24px;}
.header_sec01 .sec01_right .sub_mypage a:hover { color:#333 !important; }

/* 상단 영역 03 : 로고 & 검색창 & 배너 */
#header .header_sec02 {height:113px; position:relative;}

#header .header_sec02 .top_logo {padding-left:18px; padding-top:13px; float:left;}

#header .header_sec02 .search_area {position:absolute; left:340px; top:25px; width:450px;}
#header .header_sec02 .search_form {border:2px solid #df0000; height:36px;}
#header .header_sec02 .search_form .search_btn {float:right;}
#header .header_sec02 .search_form .MS_search_word {width:365px; height:34px; line-height:34px; text-indent:10px; border:0px; font-size:13px; font-family:Pretandard; letter-spacing:-0.5px;}
#header .header_sec02 .pop_search {margin-top:10px;}
#header .header_sec02 .pop_search ul li {float:left;}
#header .header_sec02 .pop_search ul li:first-child a {font-size:11px; color:#f72222; padding-left:10px; background:none;}
#header .header_sec02 .pop_search ul li a {font-size:11px; color:#888; background:url("/design/lilu2012/0745universe/pop_bg.gif") no-repeat; background-position:0 3px; padding:0 7px; line-height:1; font-weight:700; display:block;}
#header .header_sec02 .pop_search ul li a:hover {text-decoration:underline;}

.contentslider-top-ban {width:220px; height:113px; float:right;}
.contentslider-top-ban .swiper-wrapper{width:220px; height:113px; overflow:hidden; padding:0; margin:0;}
.contentslider-top-ban .swiper-slide {width:220px; height:113px; overflow:hidden; padding:0; margin:0;}
.contentslider-top-ban .swiper2_btn_inner {width:220px; position:relative; margin:0 auto; }
.contentslider-top-ban .swiper-button-prev,
.contentslider-top-ban .swiper-button-next { position:absolute; top:0; z-index:10;}
.contentslider-top-ban .swiper-button-prev2 {left:206px; top:-51px; background:url("/design/lilu2012/0745universe/top_ban_up.gif") no-repeat;}
.contentslider-top-ban .swiper-button-next2 {right:-13px; top:-35px; background:url("/design/lilu2012/0745universe/top_ban_down.gif") no-repeat;}
.contentslider-top-ban .swiper-button-prev2 a {position:absolute; width:14px; height:14px; cursor:pointer; margin-top:40px;}
.contentslider-top-ban .swiper-button-next2 a {position:absolute; width:14px; height:14px; cursor:pointer; margin-top:56px;}

/* 상단 영역 04 : 카테고리 */
.header_sec03 { height:48px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}

.header_sec03 .all_cate_btn {width:200px; height:48px; line-height:48px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; position:relative; box-sizing:border-box;}
.header_sec03 .all_cate_btn .cate_btn {position:relative;}
.header_sec03 .all_cate_btn .cate_btn a {text-align:left; color:#222; width:198px; height:48px; line-height:48px; font-weight:700; letter-spacing:-0.3px; text-indent:58px; display:block; background:url("/design/lilu2012/0745universe/all_cate_btn.png") no-repeat; background-position:25px 18px; font-size:15px; }
.header_sec03 .all_cate_btn:hover {  border:2px solid #222; box-sizing:border-box;}
.header_sec03 .all_cate_btn:hover .cate_btn a {line-height:45px; text-indent:57px !important; background-position:24px 16px; } 
.header_sec03 .all_cate_btn:hover .cate_btn .cate_bg {position:absolute; bottom:-5px; width:196px; height:10px; background:#fff; z-index:9999;} 
.header_sec03 .all_cate_btn:hover .all_cate {display:block;}
.header_sec03 .all_cate {display:none; position:absolute; top:46px; left:-2px; background-color:#fff; z-index:2222; width:360px; border:2px solid #222;padding:10px 0; box-sizing:border-box; }

.header_sec03 .top_cate { width:899px; height:48px; line-height:47px; text-align:left; border-right:1px solid #e9e9e9;}
.header_sec03 .top_cate ul li a { display:block; text-align:left; height:48px; line-height:47px !important; font-weight:700; letter-spacing:-0.5px; color:#222; font-size:15px; margin:0 20px; border-top:2px solid transparent; }
.header_sec03 .top_cate ul li { float:left; } 
.header_sec03 .top_cate ul li:first-child a { margin-left:30px; }
.header_sec03 .top_cate ul li a:hover { border-top:2px solid #f72222; }

/* 상단 카테고리 스크롤 시 고정 */
#comment_top.fixed { width:100%; position:fixed; top:0; left:0; z-index:100; border-bottom:1px solid #e9e9e9; height:48px; background-color:#fff; -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; -webkit-animation-duration: 0.3s; animation-duration:0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
@-webkit-keyframes fadeInUp2 {
0% {opacity: 0;  -webkit-transform: translateY(-80px); transform: translateY(-80px);}
100% {  opacity: 1;  -webkit-transform: translateY(0);  transform: translateY(0); }}
@keyframes fadeInUp2 {
0% { opacity: 0;  -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px);}
100% {  opacity: 1;  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }}


/* 카테고리 */
#left_menu { margin:0 auto; padding:0; background-color:#fff; width:350px;}
#left_menu > li { float:left; width:50%; padding:0; text-align:left; position:relative; height:32px;}
#left_menu > li > a { display:block; color:#000; text-align:left; font-family:Pretandard; font-weight:700; letter-spacing:-0.3px; font-size:12px; line-height:32px; text-indent:20px;}
#left_menu > li:first-child .sub1 {top:0;}

#left_menu > li .mouse_hover,
#left_menu > li > a:hover {color:#fff; background-color:#222;}
#left_menu > li .sub1 {background-color:#fff; display:none; position:absolute; top:0; left:100%; z-index:20; width:196px; border:2px solid #222; padding:10px 0; margin:0; }
#left_menu > li .sub1 > li {position:relative; height:30px;}
#left_menu > li .sub1 > li .sub_cate_on_arrow {position:absolute; top:50%; right:5px; background:url('/design/d4-0770/0730redpop/sub_cate_on.png') no-repeat; z-index:20; width:5px; height:8px; margin-top:-5px; -webkit-transition:-webkit-transform 150ms ease-out; -moz-transition:transform 150ms ease-out; -ms-transition:transform 150ms ease-out; -o-transition:transform 150ms ease-out; transition:transform 150ms ease-out; }
#left_menu > li .sub1 > li .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
#left_menu > li .sub1 > li > a {display:block; padding:0px 0px 0px 15px !important; font-size:13px; line-height:30px; color:#555; font-family:Pretandard; font-weight:700; }
#left_menu > li .sub1 > li > .sub_mouse_hover,
#left_menu > li .sub1 > li > a:hover {color:#000; background-color:#f5f5f5; text-decoration:none;}
#left_menu > li .sub1 > li .sub2 {background-color:#fff; display:none; position:absolute; top:-12px; left:100%; z-index:20; width:196px; border:2px solid #222; padding:10px 0; margin:0; }
#left_menu > li .sub1 > li .sub2 > li {height:30px;}
#left_menu > li .sub1 > li .sub2 > li > a {display:block; padding:0px 0px 0px 15px !important; font-size:13px; line-height:30px; color:#555; font-family:Pretandard; font-weight:700; }
#left_menu > li .sub1 > li .sub2 > li > a:hover {color:#000; background-color:#f5f5f5; text-decoration:none;}


/* 상단 카테고리 수동 메뉴 */
#left_menu2 {margin:0; padding:0;}
#left_menu2 .menulist1 li {margin:0 auto; text-align:center;position:relative;}
#left_menu2 .menulist1 li a {font-size:13px;color:#f04e23;line-height:95px; display:block;font-weight:bold;}
#left_menu2 .menulist1 li a:hover {color:#f04e23;}
#left_menu2 .menulist1 li .top_sub {background-color:#fff; border:0px; visibility: hidden; position:absolute;top:48px;left:0px;z-index:20;width:140px;}
#left_menu2 .menulist1 li .top_sub .sub {border:1px solid #ebebeb;border-top:0;}
#left_menu2 .menulist1 li .top_sub .sub a {text-align:left;display:block;border:0; margin:0; line-height: 34px !important; padding:0 15px; height: 34px; font-size: 12px; color: #888; }
#left_menu2 .menulist1 li .top_sub .sub a:hover {color:#555; background:#f5f5f5;text-decoration: none;}
#left_menu2 .menulist2 li {margin:0 auto; text-align:center;position:relative;}
#left_menu2 .menulist2 li a {font-size:13px;color:#151515;line-height:95px; display:block;font-weight:normal;}
#left_menu2 .menulist2 li a:hover {color:#000;}
#left_menu2 .menulist2 li .top_sub {background-color:#fff; border:0px; visibility: hidden; position:absolute;top:48px;left:0px;z-index:20;width:140px;}
#left_menu2 .menulist2 li .top_sub .sub {border:1px solid #ebebeb;border-top:0;}
#left_menu2 .menulist2 li .top_sub .sub a {text-align:left;display:block;border:0; margin:0; line-height: 34px !important; padding:0 15px; height: 34px; font-size: 12px; color: #888; }
#left_menu2 .menulist2 li .top_sub .sub a:hover {color:#555; background:#f5f5f5;text-decoration: none;}


/* 신제품아이콘 */
.prd-list .prd_ect {position:absolute; width:140px; right:-22px; bottom:80px;}
.prd-list .prd_ect img {width:75%;}

/* 이벤트/특가용 상품명 */
.event_name {background-color:#f25544; color:white; padding: 0 8px 0 8px; margin-right:5px; border-radius:10px; width:30px; text-align:center; float:left; font-size:15px}

/* 직배공문 */
.del_notice {margin-bottom:30px;}

.new_notice{position:absolute; width:1100px;}
/* BASIC css end */