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

.topArea{padding-top:10px;padding-bottom:10px;background:#ffffff;}
.topArea>div{}
.topArea .topMenu{float:right;margin-bottom:0px;margin-top:20px;}
.topArea .topMenu li{float:left;padding:0px 7px 0px 7px !important;line-height:20px;}
.topArea .topMenu li a{font-family:'Raleway','Nanum Gothic' !important;color:#6f6f6f !important;}
.topArea .snsIcon{margin-top:20px;}
.topArea .topCI {margin-top:40px; margin-bottom:30px;}
.topArea .topCI img{margin-bottom:10px;}
@media (max-width: 768px) {
	.topArea{padding-top:10px;padding-bottom:10px;}
	.topArea .topMenu{margin-bottom:20px;}
}
topBarMenu{margin-bottom:0px;}
.topBarMenu li{float:left;}
.topBarMenu li a{color:#2c2c2c !important;padding:8px 10px;display:block;}

.joinPoint.tooltip .tooltip-arrow{border-bottom-color:;}
.joinPoint.tooltip .tooltip-inner{background:;color:;}

/* 검색창 정의 */
.searchArea {}
.searchArea .form-control {border:0px;border-bottom:1px solid #7c7c7c; box-shadow:none; border-radius:0px;border-right:0px;background:#fff;}
.searchArea .form-control:focus {box-shadow:none;}
.searchArea .input-group-btn .btn{background:#fff !important; border:0px solid #7c7c7c; border-left:0px; border-radius:0px;color:#515151 !important;padding:7px 15px !important;}
.searchArea .input-group-btn .btn:hover{background:#f8f8f8 !important;}
.searchArea .input-group-btn .btn:hover .glyphicon{color:#7c7c7c !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{max-width:1000px !important; margin-bottom:50px;padding:40px 20px;}
.contentArea>.main{margin-top:-40px;}

/* 좌측 영역 new */
.left-container {display:inline-block; max-width:330px; padding-right:10px; vertical-align:top;}
.menu-container {}
.menu-container .menu {width:320px;}
.menu-container .menu>li {margin-bottom:0px; border:1px solid #ebebeb; border-bottom:none;}
.menu-container .menu>li:last-child {border-bottom:1px solid #ebebeb;}
.menu-container .menu>li a {color:#4f4f4f !important;font-family:'Raleway','Nanum Gothic' !important;padding:10px;display:block;height:37px;overflow:hidden; text-align:left; padding-left:40px;}
.menu-container .menu>li:hover a{background-color:#3d3d3d;color:#fff !important;}
.menu-container .menu>li .subMenu{display:none;position:absolute;width:150px;margin-left:310px;margin-top:-37px;z-index:999;}
.menu-container .menu>li:hover .subMenu{display:block;}
.menu-container .menu>li .subMenu li:hover a{background:#5d5d5d;color:#4f4f4f;}
.menu-container .menu>li>a>i {float:right; margin-right:40px; color:#9f9f9f;}

/* 메인 영역 new */
.main-container {display:inline-block; min-width:1000px; max-width:1000px; vertical-align:top;}
.main-container .banner-container {margin:0 0 10px 0; padding:0px;}
.main-container .banner-container .banner-row {display:inline-block; margin:0px; border:0px; max-width:500px;}
.main-container .banner-container table {border-collapse:collapse;}
.main-container .banner-container table td {border:1px solid #ebebeb;}
.main-container .mainItemBlock {margin-top:60px; margin-bottom:10px;}
.main-container .mainItemBlock .title {margin-bottom:25px; font-family:'Raleway','Nanum Gothic' !important;}

.itemList .itemBox .prdInfo .Pname a {font-size:12px !important; font-family:'Nanum Gothic' !important;}
.itemList .itemBox .prdInfo .Pprice {font-size:12px !important; font-family:'Nanum Gothic' !important; display:block; text-align:center;}
.itemList .itemBox .prdInfo .Pprice span.price {font-size:12px !important; font-family:'Nanum Gothic' !important;}

.padding-right-5 {padding:0 5px 0 0;}
.padding-left-5 {padding:0 0 0 5px;}

/* 하단영역 new */
.bottom-container {margin-top:20px; text-align:center;}
.bottom-container .banner-container {border-bottom:1px solid #bfbfbf; text-align:center;}
.bottom-container .contact-container {main-width:1350px; padding:40px 0 80px 0;}
.bottom-container .contact-container>div {display:inline-block; vertical-align:top; margin-right:150px;}
.bottom-container .contact-container>div:last-child {margin-right:0px;}
.bottom-container .contact-container>div dt {margin-bottom:20px; text-align:left;}
.bottom-container .contact-container>div dd {text-align:left; margin-bottom:8px;}
.copyright-container {border-top:1px solid #bfbfbf; text-align:center; padding:25px 0 80px 0; line-height:25px;}



/* 메인화면 정의 */
.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:12px;}
.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;float:right;clear:both;width:180px;}