/* 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;}


/* °øÅë·¹À̾ƿô */
#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:'Lato','Noto Sans KR', 'Nanum Gothic', AppleGothic, Helvetica, sans-serif;}
.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:'Lato','Noto Sans KR', 'Nanum Gothic', AppleGothic, Helvetica, sans-serif;}

.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:50px;}
.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; postion: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; }
.prd-list .subname { margin-top:5px; font-weight: normal; font-size:12px;color:#999; }
.prd-list .sale,
.prd-list .consumer {color:#888;font-size:12px; text-decoration:line-through; line-height:1; font-family:"Nanum Gothic",sans-serif; letter-spacing:-0.7px;}
.prd-list .price {font-weight:700; color:#000; font-size:17px; line-height:1; font-family:"Nanum Gothic",sans-serif; letter-spacing:-0.7px;}
.prd-list .name_area { border-bottom: 1px solid #e9e9e9;  margin-bottom: 16px; padding-bottom: 15px;}
.prd-list .sale_per { display:block; width:35px; height:35px;  background-color: #f95959; line-height:35px;  font-size:14px; font-weight:700; text-align:center; color:#fff; letter-spacing:-0.7px;margin-right:10px;}
.prd-list .price_area {position:relative;}
.prd-list .price_area .btn_preview {position:absolute; top:0; right:0;}

.prd-list .icon { margin-top:15px; }
.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-color:#e8e3e3; background-position: center;  background-size: cover; line-height:80px; font-size:17px; letter-spacing:0.2px;  }
.m_onoffmulti .bannerli  span {padding:0 5px;}
.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; color:#000; font-size:20px;}
.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/raphaels03/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/raphaels03/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;}


/* »ó´Ü */
#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/raphaels03/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/raphaels03/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/raphaels03/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/raphaels03/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 {float:left;}
#header .header_sec02 .top_logo a {vertical-align:top;}
#header .header_sec02 .top_logo img {vertical-align:top;}


#header .header_sec02 .search_area {position:absolute; left:340px; top:25px; width:420px;}
#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:"Nanum Gothic",sans-serif; 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/raphaels03/0745universe/pop_bg.gif") no-repeat; background-position:0 3px; padding:0 10px; 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 !important; overflow:hidden; padding:0; margin:0;background:#fff;position:relative;}
.contentslider-top-ban .swiper-slide a > img	{position:absolute;right:40px;top:11px;}
.contentslider-top-ban .swiper-slide a > div {position:absolute;left:34px;top:23px;}
.contentslider-top-ban .swiper-slide a > div {font-size:13px; color:#666;text-align:center;line-height:1.5}
.contentslider-top-ban .swiper-slide a > div span {font-size:16px; color:#222;display:block;}

.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/raphaels03/0745universe/top_ban_up.gif") no-repeat;}
.contentslider-top-ban .swiper-button-next2 {right:-13px; top:-35px; background:url("/design/raphaels03/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 > 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/raphaels03/0745universe/all_cate_btn.png") no-repeat; background-position:25px 18px; font-size:15px; }
/*
.header_sec03 .all_cate_btn:hover {border:2px solid #222; border-bottom:0; box-sizing:border-box; }
.header_sec03 .all_cate_btn:hover > a {line-height:45px; text-indent:57px !important; background-position:24px 16px; } 
 */
.header_sec03 .all_cate_btn:hover .all_cate {display:block;}
.header_sec03 .all_cate {display:none; position:absolute; top:46px; left:-1px; background-color:#fff; z-index:2222; width:200px; border:1px solid #e9e9e9; padding:0px 0; border-top: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:197px;}
#left_menu > ul {position:relative;}
#left_menu > li { padding:0; text-align:left;; height:27px;}
/* ´ëºÐ·ù ÆùÆ®¿¡ ´ëÇÑ ½ºÅ¸ÀÏ */
#left_menu > li > a { display:block; color:#000; text-align:left;  font-weight:500; letter-spacing:-0.3px; font-size:14px; line-height:27px; text-indent:20px;}
/* ´ëºÐ·ù ÆùÆ®¿¡ ´ëÇÑ ½ºÅ¸ÀÏ */
#left_menu > li:first-child {margin-top:1px;}
#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:1px; left:100%; z-index:20; width:196px;height:100%; border:1px solid #222; padding:0px 0; margin:0; }
#left_menu > li .sub1 > ul {position:relative;}
#left_menu > li .sub1 > li {height:27px;}
#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:14px; line-height:27px; color:#000;; font-weight:400; }
/* Áߺзù ÆùÆ®¿¡ ´ëÇÑ ½ºÅ¸ÀÏ */
#left_menu > li .sub1 > li > .sub_mouse_hover,
#left_menu > li .sub1 > li > a:hover {color:#000; background-color:#999; text-decoration:none;}
#left_menu > li .sub1 > li .sub2 {background-color:#fff; display:none; position:absolute; top:-1px; left:100%; z-index:20; width:196px; border:1px solid #222; padding:0px 0; margin:0; height:501px;}
#left_menu > li .sub1 > li .sub2 > li {height:27px;}
/* ¼ÒºÐ·ù ÆùÆ®¿¡ ´ëÇÑ ½ºÅ¸ÀÏ */
#left_menu > li .sub1 > li .sub2 > li > a {display:block; padding:0px 0px 0px 15px !important; font-size:14px; line-height:27px; color:#000; ; font-weight:400; }
/* ¼ÒºÐ·ù ÆùÆ®¿¡ ´ëÇÑ ½ºÅ¸ÀÏ */
#left_menu > li .sub1 > li .sub2 > li > a:hover {color:#000; background-color:#d9d9d9; text-decoration:none;}

.bbs-sch .key-wrap a {vertical-align:middle;}
.bbs-sch img	 {vertical-align:middle;}


.r_listin {padding-left:10px; height:35px;  line-height:35px; font-size:14px; background:url('http://www.smb.kr/design/raphaels03/uju/images/rmenu_back.jpg') repeat;}
/* BASIC css end */