@charset "utf-8";

#container {background:#fff} 

/*비쥬얼, 통합검색*/
#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: 53px; box-sizing:border-box;}
#MainVisual div.head_search > div {padding-left: 58.7%}
#MainVisual div.head_search label {border-bottom: 5px solid #ff7800; padding: 0 5px; width: 83%; 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; 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: 183px; 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:relative;bottom: 31px;left: -328px; text-align:center; width: 11%; margin:0 auto}
#MainVisual #slider1-pager a {margin-left: 3px}
#MainVisual div.visual .bx-controls {position: absolute;bottom: 5%;left: 0px; width: 240px; z-index: 2}
#MainVisual div.visual .bx-controls li {float: left; margin-left: 3px; width: 50px}

/*메인콘텐츠*/
#MainContents {margin:0 auto}
#MainContents div.ConMid .MainContent {margin: 0 auto; clear:both; position:relative; padding: 40px 20px 0 20px; overflow:hidden; width: 96%}


/*NEWS, SAVINGS CONTACT/INSURANCE CONTAC*/
div.BoardWrap {position:relative; width: 28.9%; border-right: 1px solid #cfcfcf; padding-right: 23px; margin-right: 23px; height: 150px; color: #333; float: left}
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: 23px;top:5px;}
div.BoardWrap p.bbs_more a {display:block; width:30px; height:30px}


/*SAVINGS CONTACT, INSURANCE CONTACT*/
div.Recruit{margin-right:0; padding-right: 0; border-right: 0}
div.Recruit p.bbs_more {right:0}
div.Recruit1 {}
div.Recruit2 {padding-right: 0; border-right: 0; margin-right: 0}
div.Recruit1 h3, div.Recruit2 h3 {border-bottom:0; margin-bottom: 0; padding-bottom: 15px; font-size: 18px; letter-spacing: -1px}
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}


/*배너*/
div.bannerList {clear:both; overflow:hidden; height: 45px; padding: 10px 20px; margin-top: 40px; border-top: 1px solid #cfcfcf}
div.bannerList > div {height: 45px; margin: 0 auto; position: relative}
div.bannerList > div > div:first-child {position:relative;z-index:2;width: 89%; height: 45px; float: none !important; display: block; margin: 0 auto}
div.bannerList > div .caroufredsel_wrapper {left: 0 !important; width: 100% !important}
div.bannerList > div .bannerTit {width: 100%; height: 45px; position: absolute;top: 4px;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; width:24px; height: 24px; 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: 25px; 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:769px) and (max-width:1023px){
	.bx-wrapper .bx-viewport {/*height: 123px !important;*/}
	#MainVisual div.visual ul#slider1 {position:  absolute;left: 17px;top: 21px}
	#MainVisual div.visual ul#slider1 li {width: 696px; height: 502px}
	#MainVisual div.visual p {width:94.4%; left:0}
	#MainVisual div.visual .bx-controls {top:151px; right: 0;left:10px;}
	#MainVisual #slider1-pager {position: absolute;bottom: 10px;left: 12px}
	#MainVisual div.head_search > div {float: right; width: 326px; padding-left: 0}
	#MainVisual div.head_search label {width: 84.3%}

	div.Quick {width: 20.4%; padding: 2%}
}