/* BASIC css start */
/* 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;}
.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:1100px; }
#content { width:1100px;min-height:600px;background-color:#fff;}
#wrap {}
#contentWrap {background-color:#fff;padding:0;}
body {min-width:1100px;font-family:Nanum Gothic,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, input, select, textarea, a {font-family: Noto Sans KR,dotum,Arial,sans-serif}

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

/* 상품리스트 (검색/상품리스트)  */
.prd-list {margin:0px auto;}
.prd-list table td { border:0; vertical-align:top;text-align:center;padding-bottom:30px;}
.prd-list table .tb-center {margin:0 auto; padding:0;text-align:center;}
.prd-list table .info { width:250px;padding:0px;text-align:left;background-color:#fff;display:inline-block; } /* 고객님 상품사이즈에 맞게 가로세로 픽셀 조절 */
.prd-list .thumb { width:250px;height:100%;font-size:0; line-height: 0; border:1px solid #dedede; } /* 고객님 상품사이즈에 맞게 가로세로 픽셀 조절 */
.prd-list .thumb:hover {border:1px solid #999;}
.prd-list .thumb a,
.prd-list .thumb img { display: block; width:100%; height: 100%;}
.prd-list .dsc { margin-top:15px;font-weight:normal;font-size:12px;padding-bottom:10px;margin-bottom:6px; color:#222; word-break:break-all;border-bottom:1px solid #c9c9c9;}
.prd-list .subname { margin-top:5px;  font-weight: normal; font-size:11px;color:#888;word-break:break-all;}
.prd-list .consumer { margin-top:5px; color:#888;font-size:12px; text-decoration:line-through;}
.prd-list .price { margin-top:3px; font-weight: bold; color:#333;font-size:12px; }
.prd-list .icon { margin-top:5px; }
.prd-list .icon img {padding-right:2px;}
.prd-list .closeup { margin-top:7px; }

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

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

#header .section {width:100%; height:30px; background-color:#2c1a02;}
#header .section .section_box {width:1100px; margin:0 auto;}
#header .section .section_box .inner1 li {float:left;}
#header .section .section_box .inner1 li a {color:#cecbc6; font-size:11px; display:block; line-height:30px;background:url('/design/dhfltktla/0698citybrown/top_menu_bg.gif') no-repeat top left;padding:0 8px;}
#header .section .section_box .inner1 li a:hover {color:#fff;text-decoration:none;}
#header .section .section_box .inner1 li:first-child a {background:none;}
#header .section .section_box .inner2 {float:right;padding:0;height:30px;}
#header .section .section_box .inner2 li {float:left;}
#header .section .section_box .inner2 li a {color:#cecbc6; font-size:11px; display:block; line-height:30px;background:url('/design/dhfltktla/0698citybrown/top_menu_bg.gif') no-repeat top left;padding:0 8px;}
#header .section .section_box .inner2 li a:hover {color:#fff;text-decoration:none;}
#header .section .section_box .inner2 li:first-child a {background:none;}
#header .section .section_box .inner2 .btn_search a {background:url('');padding:0;vertical-align:top;}

#header .section2 {width:1100px;height:115px; margin:0 auto;position:relative;}
#header .section2 .top_menu_left {position:absolute;top:0;left:0;}
#header .section2 .top_menu_left p {float:left;line-height:115px;height:115px;margin-left:60px;}
#header .section2 .top_menu_left p:first-child {margin:0;}
#header .section2 .top_menu_left p a {color:#121214;font-size:16px;font-weight:bold;text-align:center;width:145px;line-height:115px;height:115px;display:block;}
#header .section2 .top_menu_left p a:hover {background-color:#f5f5f5;text-decoration:none;}
#header .section2 .top_logo {text-align:center;margin:0 auto;}
#header .section2 .top_menu_right {position:absolute;top:0;right:0;}
#header .section2 .top_menu_right .category_list,
#header .section2 .top_menu_right .board_list {float:left;line-height:115px;height:115px;margin-left:60px;}
#header .section2 .top_menu_right .category_list:first-child {margin:0;}
#header .section2 .top_menu_right .category_list > a,
#header .section2 .top_menu_right .board_list > a {color:#121214;font-size:16px;font-weight:bold;text-align:center;width:145px;height:115px;line-height:115px;display:block;}
#header .section2 .top_menu_right .category_list > a:hover,
#header .section2 .top_menu_right .board_list > a:hover {background-color:#f5f5f5;text-decoration:none;}

#header .section2 #left_menu {margin:0; padding:5px;display:none;background-color:#fff;border:1px solid #ccc;border-top:0;position:relative;z-index:10;}
#header .section2 #left_menu li {padding:0;text-align:center;position:relative;display:block;}
#header .section2 #left_menu li a {display:block; color:#a1a1a1; font-size:12px; line-height:30px;border-top:1px solid #eaeaea;}
#header .section2 #left_menu li > a:hover {color:#444;background-color:#f5f5f5;}
#header .section2 #left_menu li:first-child > a {border:0;}

#header .section2 #left_menu li .top_sub {background-color:#fff; border:0px; display:none; position:absolute;top:-5px;right:-150px;z-index:20;width:150px; }
#header .section2 #left_menu li .top_sub .sub {border:1px solid #ccc;padding:5px;}
#header .section2 #left_menu li .top_sub .sub a {text-align:center;display:block;border-top:1px solid #eaeaea;line-height:30px; height:30px;font-size:12px;color:#a1a1a1;}
#header .section2 #left_menu li .top_sub .sub a:hover {color:#444;background-color:#f5f5f5; text-decoration: none;}
#header .section2 #left_menu li .top_sub .sub a:first-child {border:0;}

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

#search_box {display:none; padding:0px;}
#search_box .MS_search_word {height:74px;width:760px;border:5px solid #a89d89;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;}


/* 서브타이틀 */
.sub_img_area {width:100%;text-align:center; background-image:url("/design/dhfltktla/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:'Oswald', "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;}


/* BASIC css end */