@charset "utf-8";

#container {background:#fff; top: 10px}  

/*비쥬얼, 통합검색*/
.bx-wrapper {height: auto !impotant;}
.bx-wrapper li {min-width: 40% !important; height: 210px !important; max-height: 300px !important; margin-left: -140px; margin-top: -20px}
.bx-wrapper .bx-viewport {height: 100% !important}
#MainVisual {clear:both; overflow:hidden}
#MainVisual div.head_search {background: #f2f2f2; border-bottom: 1px solid #d2d2d2; margin: 0 auto; padding: 0 15px; display: block; width: 100%; height: 54px; box-sizing:border-box;}
#MainVisual div.head_search > div {float: right}
#MainVisual div.head_search label {border-bottom: 5px solid #ff7800; padding: 0 3%; width: 74.5%; float: left; line-height: 49px}
#MainVisual div.head_search select {border:0; font-weight: bold; color:#333; font-size:15px}
#MainVisual div.head_search .sch_input {border:0; background: #f2f2f2; line-height: 44px; color: #555; font-size: 15px; width: 100%; height: 45px}
#MainVisual div.head_search .btn_search {width: 40px; height: 54px; float: left; background: url('/templet/img/main/btn_search.png') left center no-repeat; overflow:hidden; text-indent:-99px; border: 0; border-bottom: 5px solid #ff7800}
#MainVisual div.head_search dl { height: 26px; margin-top: 7px;line-height: 26px}
#MainVisual div.head_search dt {background: url('/templet/img/main/public_bg.png') top no-repeat;color:#fff;float: left;width: 105px;height: 26px;line-height: 26px;font-size: 14px;text-align:  center}
#MainVisual div.head_search dd {color:#333; border-right:1px solid #969696; border-right: 1px solid #969696; display: inline; padding: 0px 10px 0 5px; text-decoration:  underline;line-height: 15px}
#MainVisual div.head_search dd:last-child {border-right:0}
#MainVisual div.visual {position:relative; text-align: center; margin: 0 auto; height: 170px !important; overflow: hidden}
#MainVisual div.visual ul#slider1 {width: 2000px; display: inline-block}
#MainVisual div.visual ul#slider1 li {position: relative; float: left; width: 954px; margin-right: 22px}
#MainVisual div.visual p {color: #222; font-size: 42px; font-weight: bold; position: absolute;bottom: 3px;left: -2px; margin: 0 auto; width: 898px; padding: 24px 30px; background: #fff; opacity: 0.8; line-height: 40px}
#MainVisual div.visual p em {line-height: 40px; font-size:0px; width: 120px; position: absolute;top: 20px}
#MainVisual div.visual p em.left {background: url('/templet/img/main/visual_textbg01.png') left top no-repeat; left: 7%}
#MainVisual div.visual p em.right {background: url('/templet/img/main/visual_textbg02.png') right top no-repeat; right: 7%}
#MainVisual div.visual p i {font-size: 32px; font-weight: normal; color: #000}
#MainVisual #slider1-pager {position:absolute; bottom: 10px;left: 0; text-align:center; width: 108px}
#MainVisual #slider1-pager a {margin-left: 3px; width:16px; height:16px; }
#MainVisual div.visual .bx-controls {position: absolute;bottom: 13px;left: 0; width: 240px; z-index: 2}
#MainVisual div.visual .bx-controls li {float: left; margin-left: 3px; width: 50px}
#MainVisual div.visual.type01 .bx-wrapper {position: static;}
.bx-wrapper .bx-controls-auto .bx-start,
.bx-wrapper .bx-controls-auto .bx-stop { margin:0 2px; height:16px; background-size:auto 16px !important;}



/*메인콘텐츠*/
#MainContents {margin:0 auto}
#MainContents div.ConMid .MainContent {margin: 0 auto; clear:both; position:relative; padding: 40px 20px 0 20px; overflow:hidden}


/*NEWS, SAVINGS CONTACT/INSURANCE CONTAC*/
div.BoardWrap {height:150px; position:relative; border-bottom: 1px solid #cfcfcf; padding-bottom: 23px; margin-bottom: 23px; color: #333}
div.BoardWrap h3 {font-size: 18px ;margin-bottom: 20px}
div.BoardWrap ul.article {height: 110px; display: block}
div.BoardWrap ul.article li {background: url('/templet/img/main/dot_bul.png') no-repeat 0 50%; clear:both; font-size: 14px; padding-left: 10px; overflow:hidden; line-height: 28px}
div.BoardWrap ul.article li a {color: #555; display:block; float:left; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
div.BoardWrap ul.article li a:hover {font-weight:bold}
div.BoardWrap ul.article li a img {vertical-align:-1px}
div.BoardWrap ul.article li span.date {display: none}
div.BoardWrap p.bbs_more {background: url('/templet/img/main/btn_more.png') no-repeat right top; position: absolute;right: 0;top:5px; }
div.BoardWrap p.bbs_more a {display:block; width:30px; height:30px}


/*SAVINGS CONTACT, INSURANCE CONTACT*/
div.Recruit{margin-bottom: 0; padding-bottom: 0; border-bottom: 0}
div.Recruit p.bbs_more {right:0}
div.Recruit1 {height:80px}
div.Recruit2 {height:80px; border-bottom: 0; margin-bottom: 0}
div.Recruit1 h3, div.Recruit2 h3 {border-bottom:0; margin-bottom: 0; padding-bottom: 10px}
div.Recruit1 p, div.Recruit2 p {color: #555; margin-bottom: 20px; font-size:14px}
div.Recruit1 a, div.Recruit2 a {background: #f58424; border-radius: 20px; line-height: 25px; padding: 5px 15px; color:#fff; position:absolute; bottom:20px; right:0}

/*배너*/
div.bannerList {clear:both; overflow:hidden; height: 52px; padding: 10px 15px 10px 15px; display: block; margin: 0 auto; border-top: 1px solid #cfcfcf; min-width: 295px}
div.bannerList > div {height: 36px; margin: 0 auto; position: relative}
div.bannerList > div > div:first-child {position:relative;z-index:2;width: 92%; height: 35px; float: none !important; display: block; margin: 0 auto}
div.bannerList > div .caroufredsel_wrapper {left: -5px !important; width: 100% !important; height: 50px !important}
div.bannerList > div .bannerTit {width: 100%; height: 45px; position: absolute;top: 0px;z-index:1;}
div.bannerList > div .bannerTit h3 {font-size: 15px}
div.bannerList > div .bannerTit ul.controller {height: 45px}
div.bannerList > div .bannerTit ul.controller li a {float:left; margin-top: 10px; text-align: center}
div.bannerList > div .bannerTit ul.controller li a.bannerList-next-button {position: absolute;right: 0}
div.bannerList > div .bannerTit ul.controller li a.bannerList-prev-button {position: absolute;left: 0}
div.bannerList > div ul#bannerList li {vertical-align: -webkit-baseline-middle; float: left; width: 135px; margin-right: 0; height: 50px}
div.bannerList > div ul#bannerList li a {display: block; text-align: center}
div.bannerList > div ul#bannerList li:last-child {margin-right:0}
div.bannerList > div ul#bannerList li a img {max-width: 82%; height: 40px; vertical-align: text-top}

@media all and (min-width:481px) and (max-width:767px){
	#MainVisual div.head_search .btn_search {float:left;}
	
	#MainVisual div.visual ul#slider1{margin-left:2px; width:1467px}
	#MainVisual div.visual ul#slider1 li{width:406px; height:35.6em}
	#MainVisual div.visual p{padding:30px 10px; font-size:28px; line-height:34px; width:95.3%}
	#MainVisual div.visual p i{font-size:21px}
	.bx-wrapper .bx-prev {left: 5px}
	.bx-wrapper .bx-next {right: 4px}
	
	div.bannerList ul#bannerList {left: 15px !important;top: 0px !important; overflow: hidden; height: 60px !important; width: 2000px !important}
	div.bannerList ul#bannerList li {width: 130px}
	div.bannerList ul#bannerList li a img {width:95%; height:85%}
	div.bannerList .caroufredsel_wrapper {width: 100% !important; left: 0 !important;top: 5px}
	.bx-wrapper li {margin-left:0; min-width: 650px !important; margin-top: 0 !important}
}