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

.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt25 {padding-top:25px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:40px;}
.pdt70 {padding-top:70px;}
.pdt80 {padding-top:80px;}
.pdt100 {padding-top:100px;}
.pdt150 {padding-top:150px;}

.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:1200px;padding:0;}
.item-wrap,
#content { width:1200px;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:Roboto, Nanum Gothic, AppleGothic, Helvetica, sans-serif;}
.paging li a:hover {color:#111;}
.paging li.now a {font-weight:bold;letter-spacing:0;}
.width1200 {width:1200px;margin:0 auto;position:relative;}
body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a {font-family:Roboto, Nanum Gothic, AppleGothic, Helvetica, sans-serif;}

/* 게시판 상단 리스트 숨김 */
.bbs-hd {display:none;}

.width1200 {width:1200px; margin:0 auto;}


/* 롤오버 */
a img.menuon {display:none;}
a img.menuoff {display:inline;}
a:hover img.menuon {display:inline;}
a:hover img.menuoff {display:none;}
a.trans {-webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;   transition: all 0.3s;}
a.trans:hover {-webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;   transition: all 0.3s;}



/* 하단 페이징 스타일 */
.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; padding:3px 8px !important; }




/* 상품리스트 (메인/검색/상품리스트)  */
.prd-list {margin:0px -13px;}    
.prd-list table td { border:0; vertical-align:top; text-align:left; padding-bottom:50px; }
.prd-list table td:hover .thumb {box-shadow: 0px 5px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07);  -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}
.prd-list table .tb-center {margin:0 auto; padding:0; text-align:left; position:relative; }
.prd-list table .info {width:280px; padding:0px; margin:0 auto; text-align:left; background-color:#fff; display:block; position:relative; }
.prd-list .thumb {position:relative; width:280px; height:280px; overflow:hidden; font-size:0; line-height: 0; border:0; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; margin-bottom:18px;}
.prd-list .thumb:hover {border:0;}
.prd-list .thumb a,
.prd-list .thumb img { display: block; width: 100%; height: auto;}
.prd-list .thumb img {position:absolute; top:50%; transform:translate(0,-50%);}
.prd-list .dsc  {font-size:13px; color:#000; font-weight:700; line-height:1; padding-top:3px;}
.prd-list .subname {font-size:12px; color:#999; letter-spacing:-0.3px; line-height:1.4; padding-top:5px;}
.prd-list .consumer {font-size:12px; color:#999; font-family: 'Nanum Gothic', sans-serif; letter-spacing:-0.3px; line-height:1; padding-top:13px; text-decoration:line-through;}
.prd-list .price {font-size:12px; color:#000; font-family: 'Nanum Gothic', sans-serif; font-weight:700; letter-spacing:-0.3px; line-height:1; }

.prd-list .icon { margin-top:15px; }
.prd-list .icon img {padding-right:5px;}

/*.prd-list .info_icon {position:absolute; right:0px; top:0px;}*/
.prd-list .info_icon .btn-overlay-show img {border:1px solid #dedede;}
.prd-list .closeup { margin-top:7px; }
.prd-list .nopadding td {padding:0;}










.sliderkit {display:none; /*overflow:hidden;*/}
.sliderkit img {border:0;}
.sliderkit .sliderkit-nav {z-index:10; position:absolute;   text-align:center;}
.sliderkit .sliderkit-nav-clip {position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul {position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li {float:left;}
.sliderkit .sliderkit-nav-clip ul li a {display:block;overflow:hidden;}
.sliderkit .sliderkit-btn {z-index:10 ;}
.sliderkit .sliderkit-panel {z-index:1; position:absolute; overflow:hidden;}
.sliderkit .sliderkit-panel-active {z-index:5;}
.sliderkit .sliderkit-panel-old {z-index:4;}


/*------ 상단 텍스트배너 ------*/
.top_text_ban {font-size:20px; background-color:#f2f2f2; height:40px; line-height:40px; letter-spacing:-0.1px; text-align:center; }
.top_text_ban a {font-size:20px; color:#111;font-weight:800}
.top_text_ban a span {color:red}
/*------ 상단 영역 01 ------*/
#mheader {margin-bottom:25px;}
#mheader .header_sec01 a {height:45px; line-height:45px; color:#999; font-size:11px; letter-spacing:0.2px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
#mheader .header_sec01 a:hover {color:#000; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
#mheader .header_sec01 .top_log_area ul li {float:left; padding-left:20px;}

#mheader .header_sec01 .top_sns {float:left;height:45px;}
#mheader .header_sec01 .top_sns ul li {float:left; padding-left:8px;margin:7px 0;}
#mheader .header_sec01 .top_sns ul li:first-child {padding-left:00px;}
#mheader .header_sec01 .top_sns ul li img {height:31px;padding:0px}
#mheader .header_sec01 .top_sns ul li a {height:31px; line-height:31px}

/*------ 상단 영역 02 ------*/
#mheader .header_sec02 {height:39px; position:relative; padding-bottom:15px; }
#mheader .header_sec02 .top_logo {text-align:center; float:none;}
#mheader .header_sec02 .search_top {}
#mheader .header_sec02 .search_top .MS_search_word {height:23px; line-height:23px; border:1px solid #dedede; width:118px;  background-color:#fff; padding:0px; text-indent:5px;}
#mheader .header_sec02 .search_top .search_btn {font-size:0px; margin:0px; padding:0px;  vertical-align:top;}

/*------ 상단 영역 03 ------*/

#mheader .header_sec03 .top_cate { height:58px; text-align:left;}


/*------ 상단카테고리 영역 스크롤  ------*/
#comment_top.fixed { width:100%; position:fixed; top:0px; left:0px; z-index:100; border-bottom:1px solid #e9e9e9; height:135px;  background-color:#fff; 
-webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; -webkit-animation-durcation: 0.3s; animation-duration:0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
#comment_top.fixed  .header_sec02 {padding-bottom:0px;}
@-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); }}
#comment_top.fixed .top_logo img {padding-top:3px; height:34px;}
#comment_top.fixed .header_sec02 .search_top {padding-top:7px;}
/*------ 상단카테고리 영역 스크롤  ------*/


#left_menu {padding:0px;margin:0 auto;text-align:center;}
#left_menu > li {padding:0;text-align:center;position:relative;display:inline-block;float:left;height:58px;}
#left_menu > li > a { text-align:left; font-size:12px; color:#000; height:58px; display:block; line-height:58px; padding:0px 11px; font-weight:700; letter-spacing:0.3px;}
#left_menu > li:first-child > a {padding-left:2px;}
#left_menu > li .mouse_hover,
#left_menu > li > a:hover {color:#222;}


#left_menu > li .sub1 {background-color:#fff; display:none; position:absolute; top:39px; left:0; z-index:500; width:180px; padding:10px 10px 10px; border:1px solid #dedede;}
#left_menu > li .sub1 > li {position:relative;height:30px;}
#left_menu > li .sub1 > li .sub_cate_on_arrow {position:absolute;top:40%;right:10px;background:url('/design/slion3/0751decode/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-2px;-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 {font-size:11px; display:block; text-align:left; color:#777;height:30px; line-height:30px; margin:0px; width:180px; text-indent:10px; border-top:1px solid #e9e9e9; }
#left_menu > li .sub1 > li:first-child > a {border-top:0;}
#left_menu > li .sub1 > li > .sub_mouse_hover,
#left_menu > li .sub1 > li > a:hover {background-color:#fafafa;color:#000;}
#left_menu > li .sub1 > li .sub2 {display:none; position:absolute;top:-11px;left:100%;z-index:21; width:148px; background-color:#fff;padding:10px; border:1px solid #dedede;}
#left_menu > li .sub1 > li .sub2 > li {height:30px;}
#left_menu > li .sub1 > li .sub2 > li > a {font-size:12px; display:block; text-align:left; color:#777;height:30px; line-height:30px; margin:0px;border-top:1px solid #e9e9e9; text-indent:10px; }
#left_menu > li .sub1 > li .sub2 > li:first-child > a {border-top:0;}
#left_menu > li .sub1 > li .sub2 > li > a:hover {background-color:#fafafa;color:#000;}
/* BASIC css end */