@charset "UTF-8";

/* 메인페이지 공통 */
.main_wrap {width:1144px; margin:0 auto;}
.main_bg {width:100%; height:540px; background:url(/web/images/main/main_img01.jpg) center no-repeat; background-size:cover; position:relative; z-index:0;}
@Keyframes main_scroll {
	from {bottom:30px}
	to {bottom:10px}
}
.main_scroll {position:absolute; left:50%; bottom:30px; margin-left:-18px;
-webkit-animation-name:main_scroll;
-moz-animation-name:main_scroll;
animation-name:main_scroll;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite; 
-webkit-animation-duration:0.7s;
-moz-animation-duration:0.7s;
animation-duration:0.7s;
-webkit-animation-direction:alternate;
-moz-animation-direction:alternate;
animation-direction:alternate;
}
.main_section {overflow:hidden; height:781px;  margin:40px 0 0 0; padding:0 0 1px 0;}

/* 메인페이지 좌측 aside */
.main_aside_parent {position:relative; width:1144px; margin:0 auto;}
.main_aside {position:absolute; top:40px; left:-225px; width:195px; border:2px solid #1d5ba9;}
.main_aside > li {width:100%; padding:12px 16px; box-sizing:border-box; overflow:hidden;}
.main_aside > li > img {float:left; margin:0 6px 0 0;}
.main_aside > li > p {float:left; line-height:18px;}
.main_aside > li:last-child > p {float:left; line-height:18px; font-size:0.9rem; }
.main_aside > li:nth-of-type(odd) {background:#1d5ba9; color:#fff;}
.main_aside > li:nth-of-type(even) {background:#fff; color:#303030;}


/* 메인페이지 왼쪽 콘텐츠 */
.main_left {width:570px; float:left;}
.main_banner_wrap01 {overflow:hidden; margin:0 0 20px 0;}
.main_banner_wrap01 > ul {float:left; width:33.33333%;}
.main_banner_wrap01 > ul > li {width:100%; position:relative; box-sizing:border-box;}
.main_banner_wrap01 > ul > li:hover {opacity:0.9;}
.main_banner_wrap01 > ul > li > a {display:block; width:100%; height:100%; color:#fff; text-align:center; font-size:20px;}
.main_banner01 {background:#a82e16; height:270px; line-height:270px;}
.main_banner02 {background:#1f4872 url(/web/images/main/main_banner_img01.png) center bottom 30px no-repeat; height:270px; line-height:80px;}
.main_banner03 {background:#a8caec url(/web/images/main/main_banner_img02.png) center bottom 30px no-repeat; height:270px; line-height:100px;}
.main_banner04 {background:#662d91; height:270px; line-height:270px;}
.main_banner05 {background:#5b8e3e url(/web/images/main/main_banner_img03.png) center bottom 16px no-repeat; height:180px; line-height:70px;}
.main_banner06 {background:#1d5ba9; height:180px; line-height:180px;}
.main_banner07 {background:#f4b951 url(/web/images/main/main_banner_img04.png) center bottom 10px no-repeat; height:180px; line-height:26px; padding:12px 0 0 0;}
.main_banner_border a::after {content:""; display:block;  border:1px solid #fff; position:absolute; top:5%; left:8%; right:8%; bottom:5%;}
.main_box_wrap02 {}
.main_box_wrap {overflow:hidden;}
.main_box_wrap > li {}
.main_box_wrap > li:hover {opacity:0.9;}
.main_box_wrap > li > a {display:block; width:100%; height:100%; color:#fff;}
.main_box01 {background:#ff9630 url(/web/images/main/main_banner_icon01.png) right 16px bottom 16px no-repeat; width:275px; height:221px;
float:left; padding:20px 16px; box-sizing:border-box;}
.main_box_txt {}
.main_box_txt dt { font-size:22px; line-height:26px; margin:0 0 10px 0;}
.main_box_txt dd { line-height:20px;}
.main_box02 {background:#ca3619 url(/web/images/main/main_banner_icon02.png) left 24px center no-repeat; padding:0 30px 0 0; font-size:20px;
box-sizing:border-box; width:275px; height:100px; text-align:right; line-height:100px; float:right; margin-bottom:21px;}
.main_box03 {background:#662d91 url(/web/images/main/main_banner_icon03.png) left 40px center no-repeat; padding:0 30px 0 0; font-size:20px;
box-sizing:border-box; width:275px; height:100px; text-align:right; line-height:100px; float:right;}

/* 메인페이지 오른쪽 콘텐츠 */
.main_right {width:550px; float:right;}
.main_notice_box {height:264px; border:1px solid #d5d5d5; padding:26px 28px; box-sizing:border-box; background:#fff;}
.main_notice_head {overflow:hidden; border-bottom:1px solid #adadad;}
.main_notice_tab {overflow:hidden; float:left;}
.main_notice_tab > li {float:left; border:1px solid #adadad;  border-bottom:0;}
.main_notice_tab > li:first-child {border-right:0;}
.main_notice_tab > li > a {color:#303030; display:block; width:100%; height:50px; line-height:50px; padding:0 16px; box-sizing:border-box;}
.main_notice_tab > li > a:hover {background:#1d5ba9; color:#fff; }
.main_notice_tab > li > a.main_tab_on {background:#1d5ba9; color:#fff; }
.main_more_btn {float:right; width:35px; height:35px; line-height:35px; text-align:center; border:1px solid #adadad; color:#adadad; margin:6px 0 0 0;}
.main_more_btn02 {display:none;}
.main_board {border:1px solid #adadad; padding:20px; box-sizing:border-box; margin:20px 0 0 0 ;}
.main_board > li {}
.main_board > li:not(:last-child) {margin-bottom:24px;}
.main_board > li > a {display:block; overflow:hidden; color:#565656;}
.main_board > li > a > p {float:left;  width:360px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_board > li > a > span {float:right;}
.main_board02 {display:none;}
.main_gallery_box {height:494px; background:#fff; border:1px solid #d5d5d5; margin:24px 0 0 0; padding:18px 28px 30px 28px; box-sizing:border-box;}
.main_gallery_head { overflow:hidden; margin:0 0 20px 0; }
.main_gallery_head > p {font-size:24px;  float:left; margin:10px 0 0 0;}
.main_gallery_list {text-align:center;}
.main_gallery_list > a {display:block; height:380px;}
.main_gallery_list > a > img {display:block; margin:0 auto; width:380px; height:100%;}


/* 메인고객슬라이드 부분 */
.main_custom_slide_wrap {width:100%; height:90px; border:1px solid #afafaf; margin:43px 0 43px 0; padding:0 30px; box-sizing:border-box;}
.main_custom_slide_wrap .slick-prev {width:16px; height:30px; background:url(/web/images/main/main_custom_prev.png) center no-repeat; z-index:1; left:14px;}
.main_custom_slide_wrap .slick-next {width:16px; height:30px; background:url(/web/images/main/main_custom_next.png) center no-repeat; right:14px;}
.main_custom_slide {margin:0 28px;}
.main_custom_imgwrap {height:40px; margin:19px 0 0 0;}
.main_custom_imgwrap > a > img {height:100%;}