/*common*/
.lbar {height: 1px; background: #f4f4f4;}


/*메인 슬라이드*/
.bxslider {font-family: 'NanumSquare', sans-serif;}
.bxslider .wrap {color:#ffffff;padding:186px 50px 0; width: 980px; }
.bxslider .wrap .lbar {width:36px; }
.bxslider h2 {font-size: 28px; margin: 0;    text-shadow: 0px 1px 5px #555555;}
.bxslider h3 {font-size: 42px; font-weight: bolder;margin: 7px 0 32px;    text-shadow: 0px 1px 5px #555555;}
.bxslider h4 {font-size: 20px;    margin: 33px 0 20px;     text-shadow: 0px 1px 5px #555555;}
.bxslider p {font-size: 16px;line-height: 140%;    text-shadow: 0px 1px 3px #222222;}
.main4p {padding-top: 36px;}

/*메인 위젯 라인*/
.mline2 {margin: 50px auto;}
.bbsw {width:346px; height: 166px; float: left; margin-right: 30px; border: 1px #e3e3e3 solid;}
.bbsw.last {width:342px;margin-right: 0px; }

.stab  {width:125px;  float: left;}
.stab div {width: 100%; font-size:14px; background:#f9f9f9; padding:20px 10px; cursor: pointer; float: left; box-sizing:border-box; border-bottom:1px #e3e3e3 solid; color:#b7b6b6; font-weight: 500;}
.stab div:last-child {border-bottom: 0; padding:18px 10px; }
.stab .on {background: #ffffff; color:#0095da;  border-bottom:1px #0095da solid !important;  }

.box {display: none; float: left; padding: 25px 20px;}
.box.p1 {display: block;}
.box h4 {color:#838383; font-size: 16px; font-weight:400; margin: 0; padding: 0;}
.box h5 {color:#48506c; font-size: 20px; font-weight:400; margin:7px 0 15px; padding: 0;    letter-spacing: 1px;}

.mline3 {background: #0b67ba;}
.mline3 h3 {color:#fefefe; font-size: 18px; font-weight: 400; text-align: center;    padding: 22px 0 0;}

.mslider {margin-bottom:60px;     display: inline-block;}

.bxslider7 { margin: 0;}
.bxslider7 li {height: 182px; overflow: hidden;}
.gallBox { float: left;width: 260px; height:auto; position: relative;}
.gallBox a {width: 260px; height: 182px;}
.gallBox h5 {position: absolute;bottom: 1px;width: 90%; background: rgba(0, 0, 0, 0.69);
    color: #fff;  font-size: 16px;  font-weight: normal;  text-align: center; padding: 21px 5%;  height: 13px;
    overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;  word-wrap: normal;}
.cover {width: 260px; height: 182px; background: rgba(0, 0, 0, 0.69); position: absolute; top:0; text-align: center;display: none; z-index: 999;}
.cover div {display: table; width: 100%; height: 100%; position: relative;}
.cover div h3 { width:100%; font-size: 16px; color:#ffffff; display: table-cell; vertical-align: middle; padding: 0;}
.cover div span {color:#cacaca; font-size: 12px; position: absolute;bottom: 15px; left: 43%;}


@media screen and (max-width: 1100px){
	.bxslider .wrap {width: 80%;}
	#footer .wrap {padding: 0 !important;}
	.bx-wrapper {width: 100% !important;}
	.bxslider {width: 100% !important;}	
	.bxslider li {width: 100% !important;}
	.bx-wrapper .bx-controls-direction a {display: none;}
	
	
	
	.stab {width: 100%;}
	.stab div {width: 33%;}
	.stab div:last-child {width: 34%;border-bottom:1px #e3e3e3 solid;}
	.stab div:last-child.on {width: 34%;border-bottom:1px #0095da  solid;}
	.stab .on {padding: 19px 0 23px;}
	.bbsw {width: 47.5%; margin: 0 1%;}
	.bbsw.last {width: 97%; margin: 3% 1%;}
	.box {width: 92%; padding: 4%;}
	.box div {width: 40%; float: left; padding-left:10%;}
	
}


@media screen and (max-width: 640px){
	.bxslider .wrap {padding: 40px 5% 0; width: 87%}
	.bbsw {width: 100%; margin: 0 0 3%; height: auto; min-height: 166px;}
	.box div {width: 100%;}
	.main4p {padding-top: 0;}
}