/* BASIC css start */
/* 본고딕 웹폰트 가져오기 180124 morenvy.com */ 
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

/* 161114 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%;overflow-y:scroll; }
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;}
.pdt140 {padding-top:140px;}

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

/* 공통레이아웃 */
#header, #layerWrap, #contentWrap, #ftLink .link, #footer { width:1100px; }
#content { width:1100px;min-height:600px;background-color:#fff;}
#wrap {}
#contentWrap {background-color:#fff;padding:0;}
body {min-width:1100px;font-family:'Noto Sans KR',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, select, textarea, a {font-family:'Noto Sans KR',dotum,Arial,sans-serif}

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

/* 상품리스트 (검색/상품리스트)  */
.prd-list {margin:0px auto;}
.prd-list table {word-break:break-all;}
.prd-list table td { border:0; vertical-align:top;text-align:center;padding-bottom:50px;}
.prd-list table .box {border:1px solid #eee6df; box-shadow: 0px 3px 14px rgba(50,50,50,0.1), 0px 5px 25px rgba(0,0,0,0.06); 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 {box-shadow: 0px 3px 14px rgba(50,50,50,0.25), 0px 5px 25px rgba(0,0,0,0.2); -webkit-transform: translateY(0%);transform: translateY(0%);-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:220px;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;}
.prd-list .thumb a,
.prd-list .thumb img { display: block; width:100%; height: 100%;}
.prd-list .dsc {height:20px; overflow:hidden; margin-bottom:10px;}
.prd-list .dsc a { margin:15px auto;font-weight:normal;font-size:17px; font-weight:600; color:#4b4039;width:90%;}
.prd-list .subname {height:38px;overflow:hidden;  margin-bottom:10px; }
.prd-list .subname a { margin:7px auto 10px;  font-weight:normal; font-size:13px;color:#4b4039;width:90%;letter-spacing:-0.5px;line-height:18px;}
.prd-list .soldout { margin-top:5px; font-weight: bold; color:#ff0000;font-size:16px; }
.prd-list .consumer {color:#999;font-size:17px; font-weight:400; text-decoration:line-through;letter-spacing:-0.5px;font-family:"Roboto Condensed","Noto Sans KR",sans-serif;}
.prd-list .price { margin-top:0; font-weight: bold; color:#594f48;font-size:17px;letter-spacing:-0.5px;font-family:"Roboto Condensed","Noto Sans KR",sans-serif;}
.prd-list .icon_option { margin-top:7px; }
.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:#fff;color:#111;font-size:15px;text-align:center;display:none;font-family:Arial;border:1px solid #eee;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:#000;color:#fff;border:1px solid #000;}
.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;}

.sliderkit {position:relative;display:none;}
.sliderkit a,
.sliderkit a:hover {text-decoration:none;}
.sliderkit .sliderkit-nav {z-index:10;position:absolute;text-align:center; width:auto; left:50%; transform:translateX(-50%)}
.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;}
.sliderkit .sliderkit-panel-active {z-index:5;}
.sliderkit .sliderkit-panel-old {z-index:4;}
#mheader {width:100%; clear:both; height:140px;  margin:0 auto; background:url('/design/charidam1/0698citybrown/top_bg.png') center; background-repeat:no-repeat; background-position-y:118px; }



/* 장바구니 */
#top_basket > a > img {margin-top:5px;}

/* 상단 */
#header {width:100%;margin:0 auto; padding:0;}

#mheader .section {width:100%; height:30px; background:#faf4e9;}
#mheader .section .section_box {width:1100px; margin:0 auto;}
#mheader .section .section_box .inner1 li {float:left;}
#mheader .section .section_box .inner1 li a {color:#594f48; font-size:13px; display:block; line-height:30px;background:url('/design/charidam1/0698citybrown/top_menu_bg.gif') no-repeat top left;padding:0 10px;}
#mheader .section .section_box .inner1 li a:hover {color:#111;text-decoration:none;}
#mheader .section .section_box .inner1 li:first-child a {background:none; padding-left:0;}
#mheader .section .section_box .inner2 {float:right;padding:0;height:30px;}
#mheader .section .section_box .inner2 li {float:left;}
#mheader .section .section_box .inner2 li a {color:#594f48; font-size:13px; display:block; line-height:30px;background:url('/design/charidam1/0698citybrown/top_menu_bg.gif') no-repeat top left;padding:0 10px;}
#mheader .section .section_box .inner2 li a:hover {color:#111;text-decoration:none;}
#mheader .section .section_box .inner2 li:first-child a {background:none;}
#mheader .section .section_box .inner2 .btn_search a {background:url('');padding:0;vertical-align:top;}

#mheader .header_sec02 .board_list {position:relative;}
#mheader .header_sec02 .board_list .board_list_box {display:none;position:absolute; left:30px; top:40px;z-index:10; background:#fff; }
#mheader .header_sec02 .board_list .board_list_box ul { padding:5px; border:1px solid #ccc;zoom:1;}
#mheader .header_sec02 .board_list .board_list_box ul li {padding:0;margin:0;border:0;background:#fff;float:none;}
#mheader .header_sec02 .board_list .board_list_box ul li a { display:block; font-size:12px;width:158px; padding:0; line-height:30px; color:#a5a5a5; border-top: 1px solid #eaeaea; font-weight:normal; text-align:center;}
#mheader .header_sec02 .board_list .board_list_box ul li a:hover {color:#222;background-color:#f5f5f5;text-decoration:none;}
#mheader .header_sec02 .board_list .board_list_box ul li:first-child a {border:0;}


#search_box {display:none; padding:0px;}
#search_box .MS_search_word {height:74px;width:760px;border:5px solid #ac815e;line-height:74px;font-size:16px;font-weight:bold;padding:0 0 0 10px;color:#555;float:left;}
#search_box .btn-sch {float:left; cursor:pointer;}
#search_box .mintroClose {margin:0 0 0 20px;cursor:pointer;}

/*------ 상단 영역 02 ------*/
.header_sec02 { text-align:center; height:44px; line-height:44px; padding-top:40px;}
.header_sec02 .inner {width:1100px; margin:0 auto;}
.header_sec02 .top_logo {position:relative; top:-7px; float:left;}


#comment_top.fixed { width:100%; position:fixed; top:0px; left:0px; z-index:2222; border-bottom:1px solid #dedede; height:56px; padding-top:18px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; background-color:rgba(255, 255, 255, 0.9);}
#comment_top.fixed .inner { width:1100px; margin:0 auto;}


#left_menu {padding:0px; text-align:center;display:inline-block; float:right; margin-right:41px}
#left_menu > li {padding:0;text-align:center;position:relative;display:inline-block;float:left;height:44px;}
#left_menu > li > a {display:block; height:45px; line-height:33px; font-size:20px; color:#4b4039;  font-family: 'Noto Sans KR', sans-serif;  font-weight:400; letter-spacing:-0.5px; padding-left:100px;}


/* 서브타이틀 */
.sub_img_area {width:100%;text-align:center; background-image:url("/design/charidam1/0698citybrown/sub_header_bg.jpg"); background-position:top center; height:104px; background-color:#707073; border-top:0px solid #dedede; border-bottom:1px solid #dedede; clear:both; background-repeat:no-repeat;margin-bottom:10px;}
.sub_title {width:259px; height:50px;text-align:center;margin:0 auto; border:1px solid #fff; color:#fff; font-size:20px;  font-family:"Open Sans", sans-serif;letter-spacing:4px;font-weight:300;  line-height:50px; }
.title_top_space {height:27px; clear:both;}
.sub_navi { padding-top:15px; padding-bottom:65px; font-size:11px;  float:right; color:#555;}
.top_company,
.top_product,
.top_customer {display:none;}

.bbs-table-list a:hover {text-decoration:underline;}

/* faq */
#faqWrap .search-wrap .btn-submit {left:393px;}
#faqWrap .search-wrap .keyword {width:141px;}






/* BASIC css end */