/* 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 { position: relative; width:1860px; margin-left: auto; margin-right: auto; }      /* 건희 body  */
#content { max-width: 1660px; min-width: 1280px; margin:0 auto;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;}


/* 게시판 상단 리스트 숨김 */
.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:100%;padding:10px 0 20px;text-align:center;background-color:#fff;display:inline-block; }
.prd-list .thumb { width:100%;height:100%;font-size:0; line-height: 0; border:0;}       /* width:100%  건희 메인신상품  */
.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:50; }
.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;}
#header .top_logo {float:left;padding:17px 25px 0 0;}
#header .section1 #left_menu {margin:0; padding:0;float:left;width:960px;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 25px;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:140px;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/annsonee/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:120px;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 .top_cart a {float:right; line-height:78px;  font-size:13px; color:#e5e5e5; font-family: 'Roboto', sans-serif;  margin-right:38px;}
#header .btn_ham {float:right;  padding-right:10px;  position:relative; height:78px; cursor:pointer;}
#header .btn_ham img {padding-top:28px;}
#header .btn_ham .top_login_area {opacity:0; position:absolute;z-index:-1;width:400px; height:0px; padding-top:10px; background-color:#191e21;right:0px; top:78px;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
#header .btn_ham:hover .top_login_area {opacity:1;z-index:51;top:78px; right:0px;height:270px;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
#header .btn_ham .top_login_area .top_btn_login01 a {display:block; width:370px; height:38px;  color:#fff; background-color:transparent;  border:1px solid #7a7a7a;
line-height:38px; font-family: 'Roboto Condensed',sans-serif;  font-size:12px; text-align:center; margin:8px auto 0px;}
#header .btn_ham .top_login_area .top_btn_login01 a:hover { border:1px solid #fff; color:#fff;}
#header .btn_ham .top_login_area .top_btn_login02 {text-align:center; color:#fff; margin-top:20px; font-size:11px; }
#header .btn_ham .top_login_area .top_btn_login02 a {color:#fff;}
#header .btn_ham .top_comm {width:368px; margin:20px auto 0px;}
#header .btn_ham .top_comm ul li a {display:block; height:30px; font-size:12px; width:175px; line-height:30px; color:#fff; border-bottom:1px solid #7a7a7a; margin-bottom:4px; font-family: 'Roboto Condensed',sans-serif; text-align:center;}
#header .btn_ham .top_comm ul li a:hover {color:#fff; border-bottom:1px solid #fff;}

#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 */