/*
@media (max-width: 768px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
*/

.topArea{margin-top:40px;margin-bottom:10px;}
.topArea .topCI{margin-bottom:20px;}
.topArea .topBarMenu{margin-bottom:0px;overflow:hidden;text-align:center;}
.topArea .topBarMenu a{color:#4f4f4f !important;padding:8px 10px;display:inline-block;font-family:'Raleway','Nanum Gothic' !important;}

/* 검색창 정의 */
.searchArea {}
.searchArea .form-control {border:1px solid #7c7c7c; box-shadow:none; border-radius:0px;border-right:0px;}
.searchArea .form-control:focus {box-shadow:none;}
.searchArea .input-group-btn .btn{background:#fff !important; border:1px solid #7c7c7c; border-left:0px; border-radius:0px;color:#515151 !important;padding:7px 15px !important;}
.searchArea .input-group-btn .btn:hover{background:#7c7c7c !important;}
.searchArea .input-group-btn .btn:hover .glyphicon{color:#fff !important;}
.searchArea .glyphicon {top:0px;color:#7c7c7c !important;}

/* 상단 메뉴 정의 */
.mainMenuContainer {border-top:1px solid #bababa;border-bottom:1px solid #bababa;margin:10px 0px 0px;padding:0px !important;}
.mainMenuContainer .navbar-default{border:0px !important;box-shadow:none;background:none;margin-bottom:0px;}
.mainMenuContainer .navbar-default .navbar-collapse{/*padding:0px;*/}
.mainMenuContainer .navbar-default ul li a{font-family:'Raleway','Nanum Gothic' !important;color:#4f4f4f !important;}
.nav>li>a{padding:15px 7px 15px 7px !important;}
@media (min-width: 768px) {
	.mainMenuContainer .navbar-default .navbar-nav .dropdown:hover .dropdown-menu{display:block;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color:#fff !important;background-image:none !important;box-shadow:none !important;}
}
.mainMenuContainer .navbar-default .navbar-header .navbar-brand{padding-top:0px;}
.mainMenuContainer .navbar-default .navbar-header .navbar-brand img{height:100%;}
.mainMenuContainer .navbar-nav>li>.dropdown-menu{background:rgba(30,30,30,0.8);}
.mainMenuContainer .navbar-nav>li>.dropdown-menu a{color:#fff !important;}
.mainMenuContainer .navbar-nav>li>.dropdown-menu a:hover{background:#777;}

/* 내용 여백 지정 */
.contentArea{margin-bottom:50px;padding:40px 20px;}
.contentArea>.main{margin-top:-40px;}


/* 메인화면 정의 */
.main {}
.main .bannerContainer{margin-bottom:50px;}
.main .bannerContainer img {width:100%;}


/* 메인 배너 영역 상품 */
.main .mainBannerProduct{clear:both;overflow:hidden;padding:3px 12px;}
.main .mainBannerProduct img{width:100%;}
.main .mainBannerProduct>div{padding-left:3px; padding-right:3px;margin:3px 0px;}
.main .mainBannerProduct>div .thumbWrap{position:relative;overflow:hidden;}
.main .mainBannerProduct>div .prdInfo{opacity: 0;position:absolute;top:0px;left:0px;width:100%;height:100%;line-height:100%;background-color:rgba(255,255,255,0.8);transition: opacity 0.5s;-o-transition: opacity 0.5s;-ms-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;}
.main .mainBannerProduct>div:hover .prdInfo{opacity: 1;}
.main .mainBannerProduct>div .prdInfo {display:block;color:#000000 !important;}
.main .mainBannerProduct>div .prdInfo span{display:block;color:#000000 !important;text-align:Center;padding:5px 10px;line-height:18px;font-size:14px;}
.main .mainBannerProduct>div .prdInfo span.price{font-family:'Raleway','Nanum Gothic' !important;}
.main .mainBannerProduct>div .prdInfo .Pname{margin-top:10px;}
.main .mainBannerProduct>div .prdInfo .Pprice{margin-bottom:10px;}
.main .mainBannerProduct .boxType1{height:350px;overflow:hidden;}
.main .mainBannerProduct .boxType1 img{margin-top:-100px;}
.main .mainBannerProduct .boxType2{height:170px;overflow:hidden;}
.main .mainBannerProduct .boxType2 img{margin-top:-50px;}
@media (max-width: 550px) {.main .mainBannerProduct .boxType1 .prdInfo{padding-top:1%;}.main .mainBannerProduct .boxType2 .prdInfo{padding-top:1%;}}
@media (min-width: 550px) {.main .mainBannerProduct .boxType1 .prdInfo{padding-top:10%;}.main .mainBannerProduct .boxType2 .prdInfo{padding-top:10%;}.main .mainBannerProduct>div{margin:3px 0px !important;}}
@media (min-width: 768px) {.main .mainBannerProduct .boxType1 .prdInfo{padding-top:20%;}.main .mainBannerProduct .boxType2 .prdInfo{padding-top:20%;}}
@media (min-width: 992px) {.main .mainBannerProduct .boxType1 .prdInfo{padding-top:20%;}.main .mainBannerProduct .boxType2 .prdInfo{padding-top:10%;}}

.main .mainItemBlock{margin-bottom:10px;}
.main .mainItemBlock .title{font-family:'Raleway','Nanum Gothic' !important;font-size:16px;text-align:center;margin-bottom:30px;color:#424241 !important;} /**/
.main .mainItemBlock .title b{font-family:'Raleway','Nanum Gothic' !important;font-weight:700;color:#424241 !important;}

/* 중간 배너+상품 영역 */
.mainMiddleArea{}
.mainMiddleArea img{width:100%;}
.mainMiddleArea>div{padding:5px;}
.mainMiddleArea>div>div{padding:5px;}

.mainMiddleArea .itemBlock{}
.mainMiddleArea .itemBlock .itemWrap{overflow:hidden;}
.mainMiddleArea .itemBlock .thumbWrap{position:relative;overflow:hidden;}
.mainMiddleArea .itemBlock .prdInfo{opacity: 0;position:absolute;top:0px;left:0px;width:100%;height:100%;line-height:100%;background-color:rgba(255,255,255,0.8);transition: opacity 0.5s;-o-transition: opacity 0.5s;-ms-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;}
.mainMiddleArea .itemBlock:hover .prdInfo{opacity: 1;}
.mainMiddleArea .itemBlock .prdInfo {display:block;color:#000000 !important;}
.mainMiddleArea .itemBlock .prdInfo span{display:block;color:#000000 !important;text-align:Center;padding:5px 10px;line-height:18px;font-size:14px;}
.mainMiddleArea .itemBlock .prdInfo span.price{font-family:'Raleway','Nanum Gothic' !important;}
.mainMiddleArea .itemBlock .prdInfo .Pname{margin-top:10px;}
.mainMiddleArea .itemBlock .prdInfo .Pprice{margin-bottom:10px;}
@media (max-width: 550px) {.mainMiddleArea .itemBlock .prdInfo{padding-top:1%;}}
@media (min-width: 550px) {.mainMiddleArea .itemBlock .prdInfo{padding-top:10%;}}
@media (min-width: 768px) {.mainMiddleArea .itemBlock .prdInfo{padding-top:20%;}}
@media (min-width: 992px) {.mainMiddleArea .itemBlock .prdInfo{padding-top:20%;}}



/* 하단영역 정의 */
.bottomArea1{color:#4f4f4f;}
.bottomArea1>div>div{border-top:2px solid #000;padding:10px 0px;}
.bottomArea1 .bottomMenu{text-align:center;}
.bottomArea1 .bottomMenu ul{display:inline-block;margin:0px;}
.bottomArea1 .bottomMenu ul li{float:left;}
.bottomArea1 .bottomMenu ul li a{padding:5px 20px;color:#4f4f4f !important;font-size:13px;} 

.bottomArea2{color:#4f4f4f;}
.bottomArea2>div>div{border-top:1px solid #000;padding:20px 0px;}
.bottomArea2 .bottomItem{}
.bottomArea2 .bottomItem .title{font-weight:bold;font-size:14px;margin:10px 0px;color:#555555 !important;}
.bottomArea2 .bottomItem ul li{font-size:12px;font-weight:bold;color:#555555 !important;}
.bottomArea2 .bottomItem ul li a{color:#555555 !important;}
.bottomArea3{background:#fff;color:#4f4f4f !important;text-align:center;}
.bottomArea3>div>div{border-top:1px solid #000;border-bottom:2px solid #000;padding:50px 0px 100px;;}
.bottomArea3 div{color:#4f4f4f !important;}

/* 좌우 날개 */
.sideWing{}
.sideWing div{margin-bottom:10px;}
.sideWing .sideCI{margin-bottom:40px;}
.sideWing .menu{width:180px;}
.sideWing .menu>li{margin-bottom:0px;}
.sideWing .menu>li a{color:#4f4f4f !important;font-family:'Raleway','Nanum Gothic' !important;padding:10px;display:block;height:37px;overflow:hidden;}
.sideWing .menu>li:hover a{background-color:#3d3d3d;color:#fff !important;}
.sideWing .menu>li .subMenu{display:none;position:absolute;width:150px;margin-left:180px;margin-top:-37px;z-index:999;}
.sideWing .menu>li:hover .subMenu{display:block;}
.sideWing .menu>li .subMenu li:hover a{background:#5d5d5d;color:#4f4f4f;}

/* 우측 날개 고객센터 정보 */
.sideWing .boardListWrap{margin-top:30px;clear:both;width:180px;}
.sideWing .boardListWrap div{margin-bottom:0px;}
.sideWing .boardListWrap a{color:#4f4f4f !important;font-family:'Raleway','Nanum Gothic' !important;padding:10px;display:Block;}
.sideWing .customer{text-align:right;color:#4f4f4f;}
.sideWing .customer .title{font-weight:bold;margin-bottom:40px;}
.sideWing .snsIcon{margin-top:50px;}