/* BASIC css start */
/* 메인 비쥬얼 배너 */
#mainSpot { position:relative; width:100%; min-width:1100px; height:500px; overflow:hidden }
#mainSpot .inner { margin-left:-1000px; position:absolute; top:0; left:50%; right:0; width:2000px; height:500px }
#mainSpot .bx-pager { position:absolute; bottom:15px; left:0; right:0; height:11px; text-align:center }
#mainSpot .bx-pager .bx-pager-item { display:inline-block;  margin:0 7px }
*:first-child+html #mainSpot .bx-pager .bx-pager-item { display:inline } /* IE7 Hack */
#mainSpot .bx-pager .bx-pager-item a { display:block; width:11px; height:11px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/sp_spot_pager.png) 0 0 no-repeat }
#mainSpot .bx-pager .bx-pager-item a.active { background-position:0 -11px }

/* 이미지 배너 */
.imgBanner { margin:30px auto 0; position:relative; width:1280px; overflow:hidden }
.imgBanner ul { *zoom:1 }
.imgBanner ul:after { display:block; clear:both; content:'' }
.imgBanner ul li {float:left; margin-left:13px;}
.imgBanner ul li:first-child{margin-left:0;}
.imgBanner ul li:last-child{margin-left:14px;}


/* 상품 목록 영역 */
.product-wrap { margin:0 auto; position:relative; width:1100px }

/* 고정 이미지 배너 */
.fixedBnnr { position:relative; width:100%; min-width:1100px; height:220px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/fixbn.jpg) center top no-repeat fixed }
.fixedBnnr .inner { margin:0 auto; position:relative; width:1100px; text-align:center }
.fixedBnnr .inner .tx { padding-top:100px; font-size:16px; color:#fff; letter-spacing:16px }



.mainImgArea{min-width:1280px; height:380px; margin:0 auto; overflow:hidden; background-position:center; background-repeat:no-repeat;}
.mainImgArea *{visibility:hidden;}

.mainNoticeArea{width:1280px; margin:30px auto 0; border:1px solid #dddddd; overflow:hidden; box-sizing:border-box;}
.mainNoticeArea .csCenter{float:left; width:50%; height:158px; box-sizing:border-box; border-right:1px solid #ddd; background-position:center; background-repeat:no-repeat;}
.mainNoticeArea .csCenter *{visibility:hidden;}
.mainNoticeArea .smsList{float:left; width:50%; height:158px; padding:36px 24px 0 24px; text-align:center;box-sizing:border-box;}
.mainNoticeArea .smsList li{display:inline-block; margin:0 18px;}
.mainNoticeArea .smsList li a{display:block; padding-top:64px; height:26px; color:#606060; font-size:17px; background-position:center 0; background-repeat:no-repeat; font-family:"NanumSquareRound";}



.boardListWrap{width:1280px; height:460px; overflow:hidden; margin:30px auto 0; border:1px solid #ddd; box-sizing:border-box;}
.boardListWrap .board_box{float:left; box-sizing:border-box; border-left:1px solid #ddd; width:33.333%; height:100%; padding:45px 40px 30px;}
.boardListWrap .board_box:first-child{width:33.334%; border-left:0;}
.boardListWrap .board_box .board_head{height:27px;}
.boardListWrap .board_box .board_head .board_title{color:#000; font-size:22px; line-height:27px; font-family:"NanumSquareRound";}
.boardListWrap .board_box .board_head .board_link{float:right; display:block; width:20px; height:23px; margin-top:4px; background:url(http://www.gosa21.com/design/kkdhws1/jm/image/btn_more_gray.png) right center no-repeat; font-size:0; overflow:hidden; text-indent:-100px;}

.boardListWrap .board_box .board_list1{margin-top:13px; height:190px;}
.boardListWrap .board_box .board_list2{0}
.boardListWrap .board_box .board_list3{margin:0;}

.boardListWrap .board_box .board_list1 .board_content{height:27px; line-height:27px; font-size:12px; }
.boardListWrap .board_box .board_list1 .board_content .content_subject{float:left; width:260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.boardListWrap .board_box .board_list1 .board_content .content_subject a{color:#525252;}
.boardListWrap .board_box .board_list1 .board_content .content_subject a b{font-weight:normal;}
.boardListWrap .board_box .board_list1 .board_content .content_date{display:inline-block; float:right; color:#a6a6a6; }

.boardListWrap .board_box .board_list2 .thumb{display:block ; overflow:hidden; height:224px; margin:20px 0;}
.boardListWrap .board_box .board_list2 .thumb img{max-width:100%; height:224px; display:block; margin:0 auto;}
.boardListWrap .board_box .board_list2 dl{text-align:center;}
.boardListWrap .board_box .board_list2 dl dt{ height:27px; margin-bottom:8px;}
.boardListWrap .board_box .board_list2 dl dt a{font-family:"NanumSquareRound"; font-size:18px; color:#2d2d2d; line-height:27px;}
.boardListWrap .board_box .board_list2 dl dt a b{font-weight:normal;}
.boardListWrap .board_box .board_list2 dl dd{height:40px; overflow:hidden;}
.boardListWrap .board_box .board_list2 dl dd a{line-height:20px; color:#525252; font-size:14px; font-family:'Noto Sans KR', sans-serif;}

.boardListWrap .board_box .board_list3 > li{border-top:1px solid #DDD; padding:22px 0 17px;}
.boardListWrap .board_box .board_list3 > li:first-child{border-top:none;}
.boardListWrap .board_box .board_list3 > li dl dt{height:37px; overflow:hidden;}
.boardListWrap .board_box .board_list3 > li dl dt a{line-height:37px; font-family:"NanumSquareRound"; font-size:18px; color:#2d2d2d;}
.boardListWrap .board_box .board_list3 > li dl dt a b{font-weight:normal;}
.boardListWrap .board_box .board_list3 > li dl dd{height:40px; overflow:hidden;}
.boardListWrap .board_box .board_list3 > li dl dd a{line-height:20px; color:#525252; font-size:14px; font-family:'Noto Sans KR', sans-serif;}

.boardListWrap .board_box .btn_box{overflow:hidden;}
.boardListWrap .board_box .btn_box .btn{display:block; width:100%; height:60px; margin-bottom:8px; padding:20px 22px 20px 24px; box-sizing:border-box;  color:#FFF; font-size:16px; font-family:"NanumSquareRound"; line-height:20px; background:url(http://www.gosa21.com/design/kkdhws1/jm/image/ic_download_white.png) right 22px center no-repeat; }
.boardListWrap .board_box .btn_box .btn.btn_type1{background-color:#6b6b6b;}
.boardListWrap .board_box .btn_box .btn.btn_type2{background-color:#988778;}
/* BASIC css end */