@charset "utf-8";

#wrap{}

/* 메인비주얼 */
.main_visual{width:1240px; margin:0 auto; padding:26px 0 0 0; position:relative; height:474px;}

#visual_images{}
#visual_images li{float:left; height:453px; font-size:30px; line-height:400px; text-align:center;} 
#visual_images li{width:100%;}
div.main_visual .bx-controls{display:none;}
/*#visual_images div.bg2{width:1239px; background:url('../images/main/main_visual_02.jpg') center 0 no-repeat;}

/* 메인컨텐츠 */
.main_content{position:relative; z-index:30; width:1240px; margin: 0 auto;}
.main_content .advertising{position:relative; height:299px;}
span.nbr{display:block;}
span.nbr2{display:block;}
.advertising .adver01{float:left;width:488px; height:100%; background:url('../images/main/adver01_bg.jpg') right 0 no-repeat;}
.advertising .adver01 .adver_box{background:#a17f2d; float:left;} 
.advertising .adver02{float:left;width:264px; height:100%; background:#919538;}
.advertising .adver03{float:left;width:488px; height:100%; background:url('../images/main/adver03_bg.jpg') left 0 no-repeat;}
.advertising .adver03 .adver_box{background:#4e8c65; float:right;}
.adver_box{width:264px; height:100%; text-align:center; color:#fff;}
.adver_box dl dt{font-size:14px; font-weight:100; padding-top:50px; line-height:20px;}
.adver_box dl dd{font-size:13px; font-weight:100; padding-top:35px; line-height:14px;}
.adver_box dl dd span.point{display:block; font-size:20px; line-height:23px;padding-bottom:20px; font-weight:500;}

.main_content .infomation{position:relative; height:235px; margin-top:20px;}
.infomation .info_box{float:left; position:relative; width:958px; height:233px; border:1px solid #d8dce5; border-radius:3px; background:#f7f9fd;}
.info_box .contact{width:264px; float:left; margin:20px 0; text-align:center; background:url('../images/main/icon01.png') center 17px no-repeat; border-right:1px solid #e5e5e5;}
.info_box .bank_info{width:264px; float:left; margin:20px 0; text-align:center; background:url('../images/main/icon02.png') center 17px no-repeat; border-right:1px solid #e5e5e5;}
.info_box dl dt{font-size:16px; font-weight:300; padding-top:55px; line-height:20px;}
.info_box dl dd{font-size:13px; font-weight:100; padding:35px 0 30px 0; line-height:14px;}
.info_box dl dd span.point{display:block; font-size:25px; line-height:26px;padding-bottom:10px; font-weight:500;}
.infomation .banner{float:right;}
.infomation .banner ul li:first-child{margin-bottom:10px;}

/* 최근게시물 */
.info_box .latest_articles{position:relative; width:380px; height:122px; float:right; margin:15px 25px 0 0;}
.info_box .article{float:left;}
.info_box .article h3.title{margin:8px 10px 0 0;}
.info_box .article div.con{position:absolute; width:100%; left:0; top:32px; padding:12px 0 0 0;}
.info_box .article ul.default li{overflow:hidden; padding:6px 0 6px 10px; line-height:16px; background:url('../images/main/notice_bu.gif') 0 12px no-repeat;}
.info_box .article ul.default li span.subject{display:inline-block; float:left; line-height:16px;}
.info_box .article ul.default li span.subject a{color:#5c6363;}
.info_box .article ul.default li span.date{display:inline-block; float:right; line-height:16px; color:#767676; font-size:11px;}
.info_box .article a.more{position:absolute; right:0; top:-23px;}

/* 메인컨텐츠 섹션 */
div.main_content div.section.left{display:inline; float:left; width:315px; padding-top:30px;}
div.main_content div.section.center{display:inline; float:left; width:310px; margin:0 0 0 50px; padding-top:30px;}
div.main_content div.section.right{display:inline; float:right; width:268px; padding-top:55px;}

@media only screen and (max-width: 1023px){	
	.main_visual{width:100%;}
	.main_content{width:100%}
	.advertising .adver01{width:33.333333%;}
	.advertising .adver02{width:33.333333%;}
	.advertising .adver03{width:33.333333%;}
	.adver_box{width:100%;}
	.infomation .info_box{width:100%; height:auto; border:none; background:none;}
	.info_box .latest_articles{width:94%; margin:0 3%; height:200px;}
	.info_box .contact{width:49.6%; background:#f7f7f7 url('../images/main/icon01.png') center 17px no-repeat;}
	.info_box .bank_info{width:50%;border:none; background:#f7f7f7 url('../images/main/icon02.png') center 17px no-repeat;}
	.infomation .banner{width:94%; margin:0 3%;}
	.infomation .banner ul li:first-child{margin:0;}
	.infomation .banner ul li{float:left; width:50%; text-align:center;}
}
@media only screen and (max-width: 870px){
	body.main #container{background:none;}
	.main_visual{height:300px; padding:0;}
	#visual_images li{height:300px; background-size: auto 300px !important;}
}

@media only screen and (max-width: 600px){
	.main_content .advertising{height:auto;}
	.adver_box{width:100%; padding-bottom:20px;}
	.advertising .adver01{width:100%;}
	.advertising .adver02{width:100%;}
	.advertising .adver03{width:100%;}
	.adver_box dl dt{padding-top:10px;}
	.adver_box dl dd{padding-top:10px;}
	.adver_box dl dd span.point{padding-bottom:5px;}
	span.nbr{display:inline;}
	.main_content .infomation{margin-top:0px;}
	.infomation .banner ul li a{display:block;}
	.infomation .banner ul li a img{width:100%;}
}

@media only screen and (max-width: 400px){
	.main_visual{height:200px;}
	#visual_images li{height:200px; background-size: auto 200px !important;}
	.adver_box dl dt{font-weight:500;}
	.adver_box dl dd{display:none;}
	.advertising .adver01{width:33.333333%;}
	.advertising .adver02{width:33.333333%;}
	.advertising .adver03{width:33.333333%;}
	.info_box dl dd span.point{font-size:18px;}
}