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

.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;}
.pdt80 {padding-top:80px;}
.pdt130 {padding-top:130px;}

.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb15 {padding-bottom:15px;}
.pdb40 {padding-bottom:40px;}
.mrt20 {margin-top:20px;}

/* 공통레이아웃 */
#header, #layerWrap, #contentWrap, #ftLink .link, #footer { width:1260px; }
#content { width:1260px;min-height:600px;background-color:#fff;margin-top:20px;}
#wrap {background:url('') repeat-x;}
#contentWrap {background-color:#fff;padding:0;}
body {min-width:1260px;font-family:Nanum Gothic,dotum,Arial,sans-serif}
a {selector-dummy: expression(this.hideFocus=true);  text-decoration:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a {font-family:Nanum Gothic,dotum,Arial,sans-serif}
.width1260 {width:1260px;margin:0 auto;}

#contentWrapper {margin-top:100px;}

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

/* 상품리스트 (검색/상품리스트)  */
.prd-list {margin:0px auto;}
.prd-list table td { border:0; vertical-align:top;text-align:center;padding-bottom:50px;}
.prd-list table .box {box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07); box-sizing: border-box; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;margin:0 13px;}
.prd-list table .box:hover {-webkit-transform: translateY(-2%);transform: translateY(-2%);-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:center;position:relative;}
.prd-list table .info { width:290px;padding:10px 0 20px;text-align:center;background-color:#fff;display:inline-block; }
.prd-list .thumb { width:290px;height:100%;font-size:0; line-height: 0; border:0;}
.prd-list .thumb a,
.prd-list .thumb img { display: block; width:100%; height: 100%;}
.prd-list .dsc { margin:15px auto;font-weight:normal;font-size:15px;color:#222;width:90%;}
.prd-list .subname { margin:7px auto 10px;  font-weight:normal; font-size:11px;color:#999;width:90%;letter-spacing:-0.5px;line-height:18px;}
.prd-list .soldout { margin-top:5px; font-weight: bold; color:#ff0000;font-size:12px; }
.prd-list .consumer { margin-top:10px; color:#999;font-size:17px; text-decoration:line-through;letter-spacing:-0.5px;font-family:"Roboto Condensed","Nanum Gothic",sans-serif;}
.prd-list .price { margin-top:0; font-weight: bold; color:#222;font-size:17px;letter-spacing:-0.5px;font-family:"Roboto Condensed","Nanum Gothic",sans-serif;}
.prd-list .icon { margin-top:5px; }
.prd-list .icon img {padding:0 1px;}
.prd-list .closeup { margin-top:7px; }
.prd-list table td .salebox {position:relative;}
.prd-list table td .sale_text {width:38px;height:38px;line-height:38px;position:absolute;bottom:-19px;left:10px;z-index:11;background-color:#191e21;color:#fff;font-size:15px;text-align:center;display:none;font-family:Arial;border:1px solid #191e21;letter-spacing:-0.5px;-moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.prd-list table td:hover .sale_text {background-color:#fff;color:#333;border:1px solid #999;}
.nopadding td {padding:0 !important;}

/* 롤오버 */
a img.menuon {display:none;}
a img.menuoff {display:inline;}
a:hover img.menuon {display:inline;}
a:hover img.menuoff {display:none;}

/* 하단 페이징 */
.paging {padding-bottom:20px;}


/* 우측 퀵메뉴 스타일 */
.fixed_quick {position:fixed; right:17px; top:400px;z-index:9999; }
.fixed_quick ul li {width:46px;font-size:0px;border:1px solid #ddd;border-bottom:0px;}
.fixed_quick .right_search_area {position:relative;}
.fixed_quick .right_search_area .search_word {position:absolute; right:-150px; top:-1px; opacity:0; width:248px; height:45px; background-color:#f8f8f8; color:#222; font-size:12px; border:1px solid #ddd; border-right:0px;font-family: 'Roboto Condensed','Nanum Gothic',sans-serif;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.fixed_quick .right_search_area:hover .search_word {opacity:1; position:absolute; top:-1px; right:0px; z-index:100; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.fixed_quick .right_search_area .search_word .MS_search_word {border:0px; height:44px !important; background-color:#f8f8f8; width:190px;float:left;padding:0 0 0 10px;}
 .right_search_area .search_word .search_btn {float:right;}
.fixed_quick .page_up {border:0;}


/* 상단 */
.top_space {height:1px;background-color:#191e21;}
#comment_top {width:100%;height:78px;margin:0;padding:0;background-color:#191e21;position:relative;}
#header {/*width:1260px;height:78px;margin:0 auto;*/ width:100%; height:78px; background-color:#191e21;}
#header .top_logo {float:left;padding:23px 25px 0 0;}

#header .section {width:100%;height:60px;position:fixed;top:0px;z-index:100;background:rgba(0,0,0,0.3);-moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
#header .section:hover {background:rgba(0,0,0,0.5); -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
#header .section .inner {width:1260px;height:60px; margin: 0 auto;}
#header .section .inner ul {float:right; padding-right:5px;}
#header .section .inner ul li {float:left;display:table;}
#header .section .inner ul li a {font-size:11px; color:#fff; font-family:"Arial"; padding:0px 15px; display:table-cell;;height:60px; line-height:60px;vertical-align:middle;}
#header .section .inner ul li a:hover {opacity:0.5;}
#header .section .inner ul li img {vertical-align:middle;}
.cd-auto-hide-header { position: fixed; z-index: 2; top: 0; left: 0; width: 100%; height: 60px; background:rgba(255,255,255,0.1); -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
.cd-auto-hide-header::after { clear: both;content: "";display: block;}
.cd-auto-hide-header.is-hidden {-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%);transform: translateY(-100%);}

/* 따라다니는 상단 메뉴 */
#top_fixed {position:absolute; top:60px; margin: 0px auto; padding: 0px; height:78px; width:100%; z-index:100 !important;}
#top_fixed.fixed { position: fixed; top:0px; background-color:#191e21; z-index:9999 !important;}

#header .box_sec {background-color:#191e21;}
#header .box_sec .inner {width:1260px; height:78px; margin:0 auto; background-color:#191e21;}

/* 상단메뉴 */
#header .section1 #left_menu {margin:0; padding:0;float:left;width:920px;font-size:0;}
#header .section1 #left_menu > li {padding:0;text-align:center;position:relative;display:inline-block;float:left;height:78px;}
#header .section1 #left_menu > li > a {display:block; color:#e5e5e5; font-size:13px; line-height:78px;padding:0 15px;font-family:'Roboto', "Nanum Gothic" , sans-serif;}
#header .section1 #left_menu > li .mouse_hover,
#header .section1 #left_menu > li > a:hover {box-shadow:0 -3px 0 0  rgba(255,255,255,1) inset;}
#header .section1 #left_menu > li .sub1 {background-color:#191e21;display:none; position:absolute;top:78px;left:-1px;z-index:20;width:160px;padding:10px 5px 5px 5px;}
#header .section1 #left_menu > li .sub1 > li {position:relative;height:30px;}
#header .section1 #left_menu > li .sub1 > li .sub_cate_on_arrow {position:absolute;top:40%;right:5px;background:url('/design/themiclab/0727zerom/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}
#header .section1 #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)}
#header .section1 #left_menu > li .sub1 > li > a {text-align:left;display:block;line-height:30px; height:30px;font-size:11px;color:#fff;padding:0 0 0 10px;margin:0;font-family:'Roboto', "Nanum Gothic" , sans-serif;}
#header .section1 #left_menu > li .sub1 > li > .sub_mouse_hover,
#header .section1 #left_menu > li .sub1 > li > a:hover {text-decoration:none;padding:0 0 0 15px;}
#header .section1 #left_menu > li .sub1 > li .sub2 {display:none; position:absolute;top:-5px;left:100%;z-index:21;width:160px;background-color:#383939;padding:5px;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
#header .section1 #left_menu > li .sub1 > li .sub2 > li {height:30px;}
#header .section1 #left_menu > li .sub1 > li .sub2 > li > a {text-align:left;display:block;line-height:30px; height:30px;font-size:11px;color:#fff;padding:0 0 0 10px;margin:0;font-family:'Roboto', "Nanum Gothic" , sans-serif;}
#header .section1 #left_menu > li .sub1 > li .sub2 > li > a:hover {padding:0 0 0 15px;text-decoration:none;}


/* 상단 검색창 */
#header .section1 .search_btn {float:right; position:relative;vertical-align:top; width:26px;height:21px; top:26px; right:0;}
#header .section1 .search_btn .top_search {float:left; width:26px; height:21px;}
#header .section1 .search_btn #search_input {z-index:50; position:absolute; top:0px;  right:0px; }
#header .section1 .search_btn .search_form {height:25px;background-color:#fff; width:200px;margin-right:3px;}
#header .section1 .search_btn .search_word {height:25px; width:193px; font-size:12px; border-right:0px;font-family: 'Roboto Condensed','Nanum Gothic',sans-serif;}
#header .section1 .search_btn .search_word .MS_search_word {height:25px !important;width:146px;margin-right:3px;background:rgba(255,255,255,0.1);border:0px;color:#fff; padding-left:7px;}
#header .section1 .search_btn .search_word .search_inbtn {float:right; margin-right:4px; margin-top:2px;}


/* 따라다니는 상단메뉴 (이전 소스)
#comment_top.fixed {position:fixed;top:8px;z-index:100;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;  -webkit-transform: translateY(-10px); transform: translateY(-10px);  -webkit-backface-visibility: hidden;}
#comment_top.fixed .top_login_area {opacity:0;position:absolute;top:78px;height:0;overflow:hidden;}*/



/* BASIC css end */