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

.topBar{background:#fff;height:42px;border-bottom:1px solid #b9b9b9;}
.topBar .navbar-right{margin-right:0px;}
.topBar .navbar-right a{color:#fff !important;padding:5px 10px;}
.topBar .navbar-right a:hover{background:none;}
.topBar .snsIcon{margin-top:4px;}
.topBar .topBarMenu{margin-bottom:0px;}
.topBar .topBarMenu li{float:left;}
.topBar .topBarMenu li a{color:#2c2c2c !important;padding:8px 10px;display:block;}
.joinPoint.tooltip .tooltip-arrow{border-bottom-color:;}
.joinPoint.tooltip .tooltip-inner{background:;color:;}

/* layout */
.topArea{padding-top:60px;padding-bottom:10px;background:#fff;}
.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:#626262 !important;}
.topArea .snsIcon{margin-top:20px;}
.topArea .topCI img{margin-bottom:30px;}
@media (max-width: 768px) {
	.topArea{padding-top:10px;padding-bottom:10px;}
	.topArea .topMenu{margin-bottom:20px;}
}

.navbar-toggle  .icon-bar{background-color:#fff !important;}

.searchArea {padding-top:40px;}
.searchArea .form-control {border:1px solid #bdbdbd; 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:1px solid #bdbdbd; 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;}

@media (max-width: 768px) {
	.searchArea{padding:0px 0px 40px !important;}
}

.mainMenuContainer {background:#fff;padding:0px !important; border-width:1px 0 1px 0; border-color:#d1d1d1; border-style:solid;}
.mainMenuContainer .navbar-default{border:0px !important;box-shadow:none;background:none;margin-bottom:0px;}
.mainMenuContainer .navbar-default .navbar-nav>li>a:focus{background-color:#000 !important;}
.mainMenuContainer .navbar-default ul li a{font-family:'Raleway','Nanum Gothic' !important;color:#767676 !important;}
.nav>li>a{padding:15px !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(50,50,50,0.8);border:0px;}
.mainMenuContainer .navbar-nav>li>.dropdown-menu a{color:#fff !important;padding:8px 20px;}
.mainMenuContainer .navbar-nav>li>.dropdown-menu a:hover{background:#2c2c2c;}

/* banner2 */
.banner2{border:1px solid #c2c2c2;padding:0px !important;}

/* 여백없이 붙어있는 배너 */
.cellBanner{}
.cellBanner>div{padding:0px !important;border:1px solid #c2c2c2;margin-bottom:0px !important;}
.cellBanner>div img{width:100%;}

/* 상단 여백 지정 */
.contentArea{margin-bottom:150px;}
.contentArea{padding-top:40px;}
.contentArea>.main{margin-top:-40px;}

/* 메인 중앙 배너 */
.mainCenterBanner{margin:0px -7px 40px -7px;}
.mainCenterBanner>div{padding:0px 7px;}
.mainCenterBanner>div>img{border:1px solid #c2c2c2;width:100%;}


/* main */
.main .bannerContainer{margin-bottom:20px;margin-left:-15px !important;margin-right:-15px !important; margin-top:10px;}
.main .bannerContainer .mainbanner{}
.main .bannerContainer .block{overflow:hidden;}
.main .bannerContainer .block>div {/*padding-left:0px; padding-right:0px;*/padding-left:5px; padding-right:5px;margin-bottom:18px;}
.main .bannerContainer img {width:100%;}
.main .bannerContainer>div>div {padding:5px;}
.main .middle-banner {background:#f8f8f8; padding:70px 0 !important;}

.main .mainItemBlock{margin-bottom:20px;}
.main .mainItemBlock .title {text-align:Center;margin-top:30px;margin-bottom:20px;height:41px;line-height:41px;color:#424241 !important;font-size:17px;font-family:'Raleway','Nanum Gothic' !important;}
.main .mainItemBlock .title span{font-family:'Raleway','Nanum Gothic' !important;font-size:16px;color:#424241 !important;border-bottom:1px solid #e8d9d2;display:inline-block;padding:5px 20px;margin-bottom:5px;}
.main .mainItemBlock .title .subtitle{font-family:'Raleway','Nanum Gothic' !important;font-size:12px;color:#424241 !important;text-align:center;}
.main .mainItemBlock .title b{font-family:'Raleway','Nanum Gothic' !important;font-weight:700;}

@media (max-width: 768px) {
	.main .bannerContainer{padding:0px !important;}
	.main .bannerContainer .row{margin-left:-5px !important;margin-right:-5px !important;}
	.main .bannerContainer .bannerBig{padding-left:0px !important;padding-right:0px !important;}
	.main .mainItemBlock{padding:0px !important;}
}

/* 하단 copyright */
.bottomArea1{background:#fff;color:#626262 !important;padding:15px 0px;border-top:1px solid #727272;}
.bottomArea1 .bottomItem{}
.bottomArea1 .bottomItem .title{font-weight:bold;font-size:14px;margin:10px 0px;color:#626262 !important;}
.bottomArea1 .bottomItem ul li{font-size:12px;color:#626262 !important;font-family:'Raleway','Nanum Gothic',serif;}
.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:#626262 !important;font-size:13px;}

@media (max-width: 768px) {
	.bottomArea1 .bottomMenu{padding:0px;}
	.bottomArea1 .bottomMenu ul li a{padding:0px 5px;border-right:0px;}
}

.bottomArea2{background:#fff;color:#626262 !important;text-align:center;padding:40px 0px 40px;border-top:1px solid #727272;}
.bottomArea2 div{color:#626262 !important;}

/* 좌우 날개 */
.sideWing{max-width:176px;margin-top:40px;}
.sideWing div{margin-bottom:10px;}
.sideWing .boardListWrap{margin-top:30px;}
.sideWing .boardListWrap a{font-weight:bold;}


/* 메인 추가 박스 */
.main .mainBox{}
.main .mainBox .ttl{background:#000;color:#fff !important;text-align:center;padding:5px 0px;}
.main .mainBox>div{margin-bottom:20px;padding-left:5px;padding-right:5px;}

/* 메인 공지사항 */
.main .noticeContainer {font-family:'Nanum Gothic',serif;}
.main .noticeContainer .panel {box-shadow:none; background:#fdfdfd; border:1px solid #c3c3c3; border-radius:0px; margin:0px; padding-bottom:10px;padding:10px;}
.main .noticeContainer .panel .panel-heading {background:none; border:none; color:#808080; font-weight:700; font-size:14px; padding:0px 0 10px 10px;border-bottom:1px solid #aaa;}
.main .noticeContainer .panel .panel-body {padding:8px 0px;}
.main .noticeContainer .panel .panel-body .table {margin:0;}
.main .noticeContainer .panel .panel-body .table tbody td {border:none; color:#bbbbbb; font-size:11px; padding:8px;}
.main .noticeContainer .panel .panel-body .table tbody td a{color:#959595 !important;}

/* 배너8 슬라이더 메뉴 */
.main .banner8Menu{margin-top:20px;}
.main .banner8Menu li{float:left;border:1px solid #dddddd;width:33.3%;overflow:hidden;}
.main .banner8Menu a{display:block;text-align:center;padding:10px 0px;color:#4f4f4f !important;font-family:'Raleway','Nanum Gothic' !important;}
.main .banner8Menu a:hover{background:#ddd;color:#fff !important;}

/* 메인 게시판 바로가기 버튼 */
.main .mainBoardList{padding:20px;overflow:hidden;}
.main .mainBoardList li{float:left;padding:5px;width:33.3%;}
.main .mainBoardList li a{display:block;text-align:center;padding:30px 0px;border:1px solid #aaaaaa;font-family:'Raleway','Nanum Gothic' !important;}
.main .mainBoardList li a:hover{background:#a9a9a9;color:#fff !important;}

.main .customer{padding:20px;font-family:'Raleway','Nanum Gothic' !important;font-size:12px;}
.main .customer .tel{font-size:25px;margin:10px 0px;}
.main .customer .workInfo{font-size:11px;}
.main .divBar{background:#ebebeb;height:17px;margin-bottom:20px;}


/* 메인화면 카테고리 탭 */
.main .tabContainer{background:#f1f1f1;text-align:center;padding:20px;box-sizing:border-box;margin-top:5px;}
.main .tabContainer .mainTab{display:inline-block;clear:both;width:100%;}
.main .tabContainer .mainTab li{float:left;padding:10px;font-size:12px;cursor:pointer;width:25%;background:#fff;border:1px solid #393939;}
.main .tabContainer .mainTab li.active{color:#626262 !important;background:#393939;color:#fff !important;}


.main .tabContainer .mainTabProduct{display:none;overflow:hidden;}
.main .tabContainer .mainTabProduct li{float:left;width:33%;box-sizing:border-box;margin:0px;padding:5px;height:80%;display:block;overflow:hidden;}
.main .tabContainer .mainTabProduct li img{width:100%;border:1px solid #b9b9b9;}