/* BASIC css start */
/* 200325 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;}
.pdt80 {padding-top:80px;}

.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb15 {padding-bottom:15px;}

.mrt20 {margin-top:20px;}

/* 공통레이아웃 */
#ftWrap {background-color:#ececec;}
#header, #layerWrap, #contentWrap, #ftLink .link { width:1230px; margin:0 auto; padding:0; background-color:#fff;}
#content { width:1170px; min-height:400px; margin:0 auto;}
#contentWrapper {margin:0 auto; background-color:#ececec;}
.item-wrap  { width:1170px; margin:0 auto;}
.loc-navi {font-size:11px;text-align:right;border-bottom:0;padding:0;margin:0 0 30px; padding-top:30px; height:30px;line-height:30px;vertical-align:middle;}
.loc-navi a {height:30px;line-height:30px;}
.paging li a,
.paging li a:hover {font-weight:normal; letter-spacing:0; font-family:'Noto Sans Kr','Noro Sans',sans-serif;}
.paging li a:hover {color:#111;}
.paging li.now a {font-weight:bold;letter-spacing:0;}
body, h1, h2, h3, h4, h5, h6, table, select, textarea, a, p {font-family:'Noto Sans Kr','Noro Sans',sans-serif;}


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

/* 상품리스트 (메인/검색/상품리스트)  */
.item-wrap {width:1170px; margin:0 auto;}
.item-wrap .item-cont {width:1170px; margin-bottom:50px;}
.item-wrap .item-cont .item-list {width:23%; margin:0 1%; padding:0;}
.item-wrap .item-cont .item-list ul {font-size:0;}
.item-wrap .item-cont .item-list .thumb {width:100%; height:auto; margin:0 auto;}
.item-wrap .item-cont .item-list .thumb img {width:100%; }
.item-wrap .item-cont .item-list .prd-info {width:100%; margin:0 auto; padding:15px 0; text-align:center;}
.item-wrap .item-cont .item-list .prd-name {padding:0 0 5px 0;}
.item-wrap .item-cont .item-list .prd-name a {color:#222; font-size:13px;}
.item-wrap .item-cont .item-list .prd-subname {margin:0; padding:0; border:0; color:#999; font-size:12px; text-align:center;}
.item-wrap .item-cont .item-list .prd-price {padding:5px 0;}
.item-wrap .item-cont .item-list .prd-price strike {display:block; margin-bottom:3px; color:#999; font-size:12px;}
.item-wrap .item-cont .item-list .prd-price .price {display:block; color:#222; font-size:12px; font-weight:700;}
.item-wrap .item-cont .item-list .option {display:table; margin:0 auto;}
.item-wrap .item-cont .item-list .prd-preview {display:inline-block; margin-right:5px; vertical-align:top;}
.item-wrap .item-cont .item-list .prd-preview a,
.item-wrap .item-cont .item-list .prd-preview img {vertical-align:top;}

/* 로그인화면 중앙정렬 */
#findIdPwd_result,
#findWrap,
#loginWrap {width:1100px;margin-right:auto;margin-left:auto}

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


/* 상단 */
#hdWrap {background:url('/design/hsaircon/0640iloveye/bg.gif') repeat-x;}
#header {position: relative; height:215px; margin:0 auto;}
#header .top_logo {position:absolute; top:75px; left:15px;}

/* 상단 로그인 영역 */
#header .section1 {background-color:#a1a1a1;}
#header .section1 ul {float:right;}
#header .section1 li {float:left; height:33px; padding-right:16px; background-color:#000000; text-align:center;}
#header .section1 li:first-child {padding-left:16px;}
#header .section1 li.bookmark {padding-left:16px; background-color:#bc0000;}
#header .section1 li a {float:left; color:#fff; font-size:11px; font-family:'verdana'; text-decoration:none; line-height:33px;}
#header .section1 li a:hover {color:#bdbdbd;}
#header .section1 li.bookmark a:hover {color:#fff000;}

/* 상단 커뮤니티, sns 영역 */
#header .section2 {height:147px; background-color:#fff;}
#header .section2 .inner1 {float:left; width:800px;}
#header .section2 .inner1 .bbs_list {float:left; padding:70px 30px 0 0;}
#header .section2 .inner1 .bbs_list li {float:left; padding:0 0 0 19px; font-size:0; background:url('/design/hsaircon/0640iloveye/top_bar.gif') no-repeat;}
#header .section2 .inner1 .bbs_list li:first-child {padding:0; background:none;}
#header .section2 .inner1 .bbs_list li a {display:inline-block; margin-top:-3px; color:#000; font-size:14px; font-weight:700; line-height:14px;}
#header .section2 .inner1 .bbs_list li a:hover {color:#bc0000;}


#header .section2 .inner2 {float:left; width:430px; padding-top : 54px; }
#header .section2 .inner2 .txt_bank {float:right; padding:35px 60px 12px 0; color:#666; font-size:11px; line-height:19px;}
#header .section2 .inner2 .search_form {float:left; border:1px solid #d4d4d4;margin-top: 6px;}
#header .section2 .inner2 .search_form .MS_search_word {float:left; width:140px; height:26px; margin:0; padding:0; border:0; line-height:26px;}
#header .section2 .inner2 .search_form .btn-sch {float:left;}

#header .section2 .inner2 .top_ban { float:right; }

/* 상단 카테고리 수동출력 */
#header .section3 {padding: 0px; width:100%; height:35px; background-color:#000;}
#header .section3.fixed { position: fixed; top:0px; left:0; z-index:15;}
#header .section3 .inner { width: 1230px; margin: 0 auto; }
#header .section3 #brand_menu {position:relative; float:left; padding:0 0 0 30px;}
#header .section3 #brand_menu a {color:#fff; font-size:14px; font-family:'verdana'; text-decoration:none; line-height:35px;}
#header .section3 #brand_menu a:hover {color:#bdbdbd;}
#header .section3 #brand_menu .submenu {visibility:hidden; position:absolute; z-index:3; top:35px; left:0px; width:1204px; padding:10px; border:3px solid #000; border-top:0; background:#fff;}
#header .section3 #brand_menu .submenu h2 {color:#fff; font-size:17px; font-weight:400; font-family:'verdana'; line-height:36px;}
#header .section3 #brand_menu .submenu h2 span {float:left; width:971px; background:#000; text-indent:17px;}
#header .section3 #brand_menu .submenu h2 span.btns {width:232px; background:#696969; text-align:center; text-indent:0;}
#header .section3 #brand_menu .submenu h2 span.btns a {display:block; color:#fff; font-size:17px; font-weight:400; font-family:'verdana'; line-height:36px;}
#header .section3 #brand_menu .submenu li {float:left; padding:10px 10px 0 0;}
#header .section3 #brand_menu .submenu li.first {padding-right:11px;}
#header .section3 #brand_menu .submenu li.last {padding:10px 0 0 1px;}

/* 상단 카테고리 자동출력 */
#header .section3 .category {float:left;}
#header .section3 #left_menu li {padding:0 0 0 30px;text-align:center;position:relative;float:left;}
#header .section3 #left_menu li a {color:#fff; font-size:14px; font-family:'verdana'; display:block;text-decoration:none; line-height:35px;}
#header .section3 #left_menu li a:hover {color:#bdbdbd;}
#header .section3 #left_menu li .top_sub {background-color:#fff; border:0px; visibility: hidden; position:absolute;top:35px;left:20px; z-index:20;width:174px; }
#header .section3 #left_menu li .top_sub .sub {border:1px solid #000;border-top:0;padding:5px;}
#header .section3 #left_menu li .top_sub .sub a {text-align:left;display:block;padding-left: 5px;border:0; line-height: 30px; height: 30px; font-size: 12px; color: #555; border-top: 1px solid #ddd; }
#header .section3 #left_menu li .top_sub .sub a:first-child {border-top:0px;}
#header .section3 #left_menu li .top_sub .sub a:hover {color: #fff; background:#000; text-decoration: none;}

#header .section3 #left_menu li:nth-child(6) {display:none;}
#header .section3 #left_menu li:nth-child(7) {display:none;}
#header .section3 #left_menu li:nth-child(8) {display:none;}
#header .section3 #left_menu li:nth-child(9) {display:none;}
#header .section3 #left_menu li:nth-child(10) {display:none;}

#header .section3 .header_comminity { float: left; }
#header .section3 .header_comminity ul{}
#header .section3 .header_comminity ul li{ padding: 0 0 0 30px; text-align: center; position: relative; float: left; }
#header .section3 .header_comminity ul li a{ color: #fff; font-size: 14px; font-family: 'verdana'; display: block;  text-decoration: none; line-height: 35px;}


/* BASIC css end */