@charset "utf-8";

#container {background:#fff}  

/*비쥬얼, 통합검색*/
#MainVisual {clear:both;overflow:hidden}
#MainVisual div.head_search {background: #f2f2f2; position: relative; border-bottom: 1px solid #d2d2d2; margin: 0 auto; margin-top: -45px; z-index: 10}
#MainVisual div.head_search > div {width: 406px; padding-left: 794px; margin: 0 auto}
#MainVisual div.head_search > div:after{content:"";display:block;clear:both;}
#MainVisual div.head_search label {border-bottom: 5px solid #ff7800; padding: 0 5px; width: 355px; 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; margin-top: 5px; position: relative; z-index: 100}
#MainVisual div.head_search .btn_search {float:left; width: 40px; height: 56px; 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; overflow: hidden; z-index: 0}
#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;top: -80px;left: -564px; text-align:center; width: 10%; margin:0 auto;z-index:2;}
#MainVisual #slider1-pager a {margin-left: 3px}
#MainVisual div.visual .bx-controls {z-index: 2; width: 50px; margin: 0 auto; position: relative;bottom: 59px;left: -502px}
#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 0 0 0; overflow:hidden; width: 1200px}


/*NEWS, SAVINGS CONTACT/INSURANCE CONTAC*/
div.BoardWrap {position:relative; width:33.3%; height: 150px; border-right: 1px solid #cfcfcf; padding-left: 23px; color: #333; float: left; box-sizing:border-box; }
div.BoardWrap:first-child { width:33.4%; }
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, div.BoardWrap ul.article li a:focus {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}
div.Recruit ul.article li.first {border:none; clear:both; font-size:13px; height:26px; padding-left:6px; margin:0}
div.Recruit ul.article li.first a {color:#666; display:block; float:left; width:80%}
div.Recruit ul.article li.first span.date {color:#666; display:block; float:right; text-align:right; width:19%}
div.Recruit1 {}
div.Recruit2 {border-right: 0; padding-right: 0; margin-right: 0}
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 0; margin-top: 40px; border-top: 1px solid #cfcfcf}
div.bannerList > div {width:1200px; height: 45px; margin: 0 auto; position: relative}
div.bannerList > div > div:first-child {width: 94%; 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}
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:auto; /*margin-right: 25px;*/margin:0 50px 0 12px; 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 {width:auto !important; /* max-width: 82%;*/ max-width:none !important; height:45px; vertical-align: text-top}
#bannerList{z-index:1}


@media all and (min-width:1024px) and (max-width:1199px){
	#MainVisual div.head_search { overflow:hidden; }
	#MainVisual div.head_search > div { float:right; padding-left:0; padding-right:15px; }
	#MainContents div.ConMid .MainContent{width:auto; padding:40px 15px 0;}
	.Content02{width:auto; padding:15px 15px 0;}
	div.bannerList > div { width:auto;}
	#MainVisual div.visual .bx-controls { margin:0; left:93px; }
	#MainVisual #slider1-pager { margin:0; left:-9px; }
}
