@charset "utf-8";

/*상단배너*/
.main-carousel {margin:0;padding:0; display:block;}
.main-carousel .li_bn {position:relative;height:900px;background-size:cover;background-position:center;}
.main-carousel .li_bn .cover {position:absolute;top:0;left:0;width:100%;height:100%;background:/*url('/images/main_visual_cover.png') center bottom no-repeat;*/-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.8;z-index:1}
.bn_area_wrap {position:relative;margin:0 auto;max-width:1200px}
.main-carousel .li_bn .bn_area {position:absolute;left:0px;top:350px;z-index:2}
.main-carousel .li_bn .bn_area h2 {padding:0 20px;font-size:36px;font-weight:900;color:#fff;text-align:left;line-height:55px;letter-spacing:-3px;text-shadow: 1px 2px 2px #000;}
.main-carousel .owl-dots {position:absolute;bottom:90px;width:100%;text-align:center;margin:0 auto;}
.main-carousel .owl-dots .owl-dot {background:rgba(255, 255, 255, 0.3);width:50px;height:2px;display:inline-block;margin-left:10px;border:0}
.main-carousel .owl-dots .owl-dot.active {background:rgba(255, 255, 255, 0.7)}
.main-carousel .owl-nav {position:absolute;width:100%;bottom:50%}
.main-carousel .owl-nav .owl-prev,
.main-carousel .owl-nav .owl-next {position:absolute;width:40px;height:30px;font-size:14px;color:#fff;border:0;border-top:1px solid #fff;padding-top:5px;text-align:center;background-color:transparent;cursor:pointer}
.main-carousel .owl-nav .owl-prev {left:50px;}
.main-carousel .owl-nav .owl-next {right:50px;}

#main_company {padding:80px 0;background:#f8f8f8}
.company_ul{display:flex;justify-content:flex-start;align-items:stretch;align-content:flex-start;flex-wrap:wrap;}
.company_ul li {position:relative;width:calc((100% - 40px) / 3);margin:0 20px 0 0;}
.company_ul li:nth-child(3n) {margin:0;}
.company_ul li .img_box {position:relative;display:block;padding-bottom:100%;width:100%;overflow: hidden;height:0;}
.company_ul li .img_box img {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);transition:all 0.35s;height:100%;width:auto;}
.company_ul li:hover .img_box img {transform:translate(-50%, -50%) scale(1.08);}
.company_info {padding:25px 0 0}
.company_info .company_title {font-size:22px;font-weight:700;line-height:28px}
.company_info .company_title strong {color:#2a479d}
.company_info .company_title2 {margin:25px 0 0;font-size:18px;color:#6f6f6f;font-weight:500;line-height:27px}

#main_trust {padding:80px 0;background:#fff}
.trust_title {text-align:center}
.trust_text1 {font-size:32px;font-weight:800;color:#2a479d;line-height:22px}
.trust_text2 {margin:17px 0 0;font-size:30px;font-weight:500;color:#363636;line-height:20px}
.trust_text3 {margin:35px 0 0;font-size:20px;font-weight:400;color:#363636;line-height:26px}

#main_photo {padding:80px 0 40px;background:#f8f8f8}
#main_photo h3 {padding:0 0 20px;font-size:22px;color:#2a479d}
.photo_ul{display:flex;justify-content:flex-start;align-items:stretch;align-content:flex-start;flex-wrap:wrap;}
.photo_ul li {position:relative;width:calc((100% - 60px) / 4);margin:0 20px 40px 0;}
.photo_ul li:nth-child(4n) {margin:0;}
.photo_ul li .img_box {position:relative;display:block;padding-bottom:100%;width:100%;overflow: hidden;height:0;}
.photo_ul li .img_box img {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);transition:all 0.35s;height:100%;width:auto;}
.photo_title {margin:20px 0 0;font-size:18px;font-weight:600;text-align:center;line-height:28px}

#main_bbs {padding:80px 0 80px}
.main_lat_box {width:48.5%}
.main_lat {position:relative}
.main_lat .lat_title {padding:25px 0 40px;font-size:20px;font-weight:700;line-height:20px;border-top:2px solid #344599}
.main_lat .lat_title a {color:#2a479d}
.main_lat li {position:relative;padding-right:80px;border-bottom:1px solid #ebebeb}
.main_lat li a {font-size:14px;font-weight:500;line-height:40px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.main_lat .lat_date {position:absolute;right:0;top:0;color:#888;line-height:40px}
.main_lat .lat_more {position:absolute;top:22px;right:0;display:block;text-align:center;line-height:0;border:1px solid #ccc}
.main_lat .lat_more svg {width:27px;height:27px;color:#777}

@media all and (max-width:1200px) {
	/*상단배너*/
	.main-carousel .li_bn {height:400px}
	.main-carousel .li_bn .bn_area {top:100px}
	.main-carousel .li_bn .bn_area h2 {font-size:20px;line-height:28px}
	.main-carousel .owl-dots {bottom:25px}
	.main-carousel .owl-dots .owl-dot {width:30px}
	.main-carousel .owl-nav {display:none}

	#main_company {padding:30px 0}
	.company_ul li {margin:0 0 30px;width:100%;}
	.company_ul li .img_box {padding-bottom:60%;}
	.company_ul li .img_box img {width:100%;height:auto;}
	.company_ul li:hover .img_box img {transform:translate(-50%, -50%) scale(1);}
	.company_info {padding:17px 0 0}
	.company_info .company_title {font-size:18px;line-height:23px}
	.company_info .company_title2 {margin:14px 0 0;font-size:16px;line-height:20px}

	#main_photo {padding:40px 0 20px}
	#main_photo h3 {padding:0 0 15px;font-size:18px}
	.photo_ul li {width:calc((100% - 15px) / 2);margin:0 15px 20px 0;}
	.photo_ul li:nth-child(2n) {margin:0;}
	.photo_ul li .img_box {padding-bottom:60%;}
	.photo_ul li .img_box img {width:100%;height:auto;}
	.photo_title {margin:10px 0 0;font-size:16px;line-height:22px}

	#main_trust {padding:40px 0}
	.trust_title {text-align:center}
	.trust_text1 {font-size:20px;line-height:22px}
	.trust_text2 {margin:5px 0 0;font-size:18px;line-height:20px}
	.trust_text3 {margin:20px 0 0;font-size:16px;line-height:20px}

	#main_bbs {padding:40px 0 40px}
	.main_lat_box {width:100%}
	.main_lat {margin-bottom:30px}
	.main_lat .lat_title {padding:20px 0 20px;font-size:18px}
	.main_lat .lat_more {top:19px}
	.main_lat .lat_more svg {width:22px;height:22px}
}