@charset "utf-8";

#container{padding-top:80px; overflow: hidden; margin:0 auto;}

/*  main visual */
.main_visual {position:relative; z-index: 96;}
.main_visual .scroll{position:absolute; bottom:40px; left:50%;}
.main_visual .scroll .btn_scroll{width:33px; height:33px; background-position:-122px 0;}
.main_visual .main_slide div{position:relative; width:100%;height: 910px;background-position-x: 50%; background-position-x: 50%; background-attachment: fixed; background-repeat: no-repeat; background-size:cover;}
.main_visual .main_slide .item01{background-image:url(../images/main/img_visual01.png);}
.main_visual .main_slide .item02{background-image: url(../images/main/img_visual02.png);}
.main_visual .main_slide .item03{background-image:url(../images/main/img_visual03.png);}
.main_visual .main_slide .item04{background-image: url(../images/main/img_visual04.png);}
.main_visual .main_slide .text_area{position:absolute; top:230px; left:14%; text-align: left;}
.main_visual .main_slide .text_large::after{position:absolute;left:0px; top:-48px; width:60px; height: 5px; background-color:#ed1c24; content: '';}
.main_visual .main_slide .text_large{position:relative;color:#fff;font-size:70px; font-family:'NotoSansMedium'; line-height: 1.1;}
.main_visual .main_slide .text_small{color:#fff;font-size:21px;margin-top:42px;}
.main_visual .main_slide .text_large span{display:block;}
.main_visual .main_slide .slick-dots{position: absolute; right: 58px; top:45%; z-index:999999;}
.main_visual .main_slide .slick-dots li button{width:12px; height:12px;background-color:rgba(255, 255, 255, 0.3);border-radius:100%; font-size: 0; text-indent: -99999px;}
.main_visual .main_slide .slick-dots .slick-active button{background-color:#fff;}
.main_visual .main_slide .slick-arrow.slick-prev{position:absolute; left:18%; bottom:198px; width:52px; height:29px; background-position:0 0; z-index:999999;}
.main_visual .main_slide .slick-arrow.slick-next{position:absolute; left: 20.7%; bottom:198px;width:50px; height:29px; background-position:-52px 0; z-index:999999;}

/* section2 */
.section2 {background: #f8f8f8;}
.section2 h2{position:relative; padding-bottom: 22px;color:#111; font-family:'NotoSansBold'; font-size: 44px; padding-top:100px; text-align: center;}
.section2 h2::after{position: absolute; left:49%; bottom: 0px; width: 37px; height:4px; background-color: #ff0000; content: ''; }
.main_visual .main_slide .slick-arrow.slick-next{position:absolute; left: 21%; bottom:198px;width:50px; height:29px; background-position:-52px 0; z-index:999999;}

/* section2 */
.section2 {background: #f8f8f8;}
.section2 h3{position:relative; padding-bottom: 22px;font-family:'NotoSansBold'; font-size: 44px; padding-top:100px; text-align: center;}
.section2 h3::after{position: absolute; left:49%; bottom: 0px; width: 37px; height: 1px; background-color: #000; content: ''; }
.section2 .sub_text{margin-top: 25px; text-align: center;}
.section2 .business_list{padding-bottom: 133px;}
.section2 .business_list .btn_area{display: table; width:1200px; margin: 70px auto 0;;}
.section2 .business_list .btn_area li{display:table-cell; }
.section2 .business_list .btn_area li a {position:relative; display:inline-block; transition: all 0.2s linear;}
.section2 .business_list .btn_area li a .text{text-align:center; color: #fff; font-size:24px; padding-top: 98px;}
.section2 .business_list .btn_area li a .img_area{width:240px; height: 420px; background:url(../images/main/img_business.png) no-repeat;}
.section2 .business_list .btn_area li .list1 a .img_area{background-position: 0 0px; }
.section2 .business_list .btn_area li .list2 a .img_area{background-position: -240px 0px;}
.section2 .business_list .btn_area li .list3 a .img_area{background-position: -480px 0px;}
.section2 .business_list .btn_area li .list4 a .img_area{background-position: -720px 0px;}
.section2 .business_list .btn_area li .list5 a .img_area{background-position: -960px 0px;}
.section2 .business_list a .hover_area{width:240px; height: 420px; position:absolute; left: 0px;top:0; opacity: 0; cursor: default; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear;}
.section2 .business_list a:hover .hover_area{opacity:1; background:#f48025; text-align: center; cursor: pointer;}
.section2 .business_list .list1 a:hover .hover_area .icon{margin-top: 80px;width:123px; height:112px; background-position: -168px 0px;}
.section2 .business_list .list2 a:hover .hover_area .icon{margin-top: 80px;width:123px; height:112px; background-position: -301px 0px;}
.section2 .business_list .list3 a:hover .hover_area .icon{margin-top: 80px;width:130px; height:106px; background-position: 0px -122px;}
.section2 .business_list .list4 a:hover .hover_area .icon{margin-top: 80px;width:130px; height:111px; background-position: -140px -122px;}
.section2 .business_list .list5 a:hover .hover_area .icon{margin-top: 80px;width:103px; height:103px; background-position: -280px -122px;}

/* section3 */
.section3 {background: #f8f8f8;}
.section3 .sec3_warp{display:flex; display: -webkit-flex; width: 100%; height: 480px;}
.section3 .sec3_warp h2{font-size:32px; color:#fff; font-family:'NotoSansLight'; padding-top:45px;}
.section3 .sec3_warp h3{font-size:32px; color:#fff; font-family:'NotoSansLight'; padding-top:45px;}
.section3 .sec3_warp .notice_area{ -webkit-flex: 1; flex: 1; background-color: #ed1c24;text-align: left;}
.section3 .sec3_warp .notice_area .list_warp{margin-bottom:35px; width: 499px; margin-left: 36%;}
.section3 .sec3_warp .notice_area .list_warp ul{margin-top:18px;}
.section3 .sec3_warp .news_area .list_warp ul{margin-top:40px;}
.section3 .sec3_warp .notice_area .list_warp ul{margin-top:40px;}
.section3 .sec3_warp .notice_area .list_warp ul li:first-child{border-top:none; }
.section3 .sec3_warp .notice_area .list_warp ul li a,
.section3 .sec3_warp .news_area .list_warp ul li a{color:#fff;}
.section3 .sec3_warp .news_area .list_warp{width: 499px;margin-left:10%;}
.section3 .sec3_warp .notice_area .list_warp .title{font-size: 21px;}
.section3 .sec3_warp .notice_area .list_warp .text_sub{margin-top:20px; font-size: 17px;}
.section3 .sec3_warp .news_area .list_warp .list_text,
.section3 .sec3_warp .notice_area .list_warp .list_text{position:relative; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; padding-right: 110px;}
.section3 .sec3_warp .news_area .list_warp .list_text .btn_more,
.section3 .sec3_warp .notice_area .list_warp .list_text .btn_more{position:absolute;right: 0px;}
.section3 .sec3_warp .news_area{ -webkit-flex: 1; flex: 1; width:50%;background-color: #ed1c24;text-align: left;}
.section3 .sec3_warp .news_area{width:50%;background-color: #58595b;}
.section3 .sec3_warp .news_area .list_warp ul li:first-child{border-top:1px solid #737475;}
.section3 .sec3_warp .news_area .list_warp ul li{border-bottom:1px solid #737475;padding:24px 0;}
.section3 .sec3_warp .news_area .list_warp ul li p .btn_more{display: inline-block; width:77px;height:23px;background-position: 0px -49px;}
.section3 .sec3_warp .notice_area .list_warp ul li:first-child{border-top:1px solid #e77277;}
.section3 .sec3_warp .notice_area .list_warp ul li{border-bottom:1px solid #e77277;padding:24px 0;}
.section3 .sec3_warp .notice_area .list_warp ul li p .btn_more{display: inline-block; width:77px;height:23px;background-position: 0px -49px;}
.section3 .btn_wrap{width:1200px; background: #f8f8f8; margin: 0 auto; padding: 60px 0 100px;}
.section3 .btn_wrap::after{display:block; clear: both; content: '';}
.section3 .btn_wrap .faq{float: left;width:599px; height:200px;background:url(../images/main/bg_faq.png) no-repeat 90% center #fff;}
.section3 .btn_wrap .customer{float: left; margin-left:2px; width:599px; height:200px;  background:url(../images/main/bg_custom.png) no-repeat 90% center #fff;}
.section3 .btn_wrap a{display:inline-block; padding:40px 56px;}
.section3 .btn_wrap a .title{font-size:30px; color:#000;font-family:'NotoSansMedium';}
.section3 .btn_wrap a .text_sub{margin-top:15px;}

/* section4 */
.section4 .sec4_warp{width:1200px; margin: 98px auto;}
.section4 .sec4_warp h2{font-family:'NotoSansBold'; font-size: 44px; color:#111; padding-top:25px;margin-bottom:40px;}
.section4 .sec4_warp .box_about{background:url(../images/main/img_about.png) no-repeat 90% center #fff; height: 370px;}
.section4 .sec4_warp .text_sub_box{position: relative;padding-left:100px;}
.section4 .sec4_warp .text_sub_box::after{position:absolute; left:0px; top:18px;width:37px; height:5px; background:#ed1c24;content: '';}
.section4 .sec4_warp .box_about .text_box .text_sub_box{width: 447px;}
.section4 .sec4_warp .box_about .text_box .text_sub_box .title{font-family:'NotoSansMedium';font-size: 21px; color:#111; margin-bottom: 20px;}
.section4 .sec4_warp .box_about .text_box .text_sub_box .text_sub{font-size: 15px;}
.section4 .sec4_warp .icon_warp{text-align: center;}
.section4 .sec4_warp .icon_warp .icon_area{display: inline-block; margin-top: 80px;}
.sec4_warp .icon_area li{display: inline-block;}
.sec4_warp .icon_area li:nth-child(2n){width: 510px;}
.sec4_warp .icon_area li a{display: inline-block;background:url(../images/main/bg_icon.png)no-repeat bottom; text-align: center;}
.sec4_warp .icon_area li a span{display: inline-block; padding-top:130px; font-size:22px;font-family:'NotoSansMedium';color:#111;}
.section4 .sec4_warp .icon_warp .icon_area .img_ico1 a{width:103px;height: 108px;background-position: 0 0;}
.section4 .sec4_warp .icon_warp .icon_area .img_ico2 a{width:103px;height: 108px;background-position: -120px 0;}
.section4 .sec4_warp .icon_warp .icon_area .img_ico3 a{width:103px;height: 108px;background-position: -235px 0;}


footer{background:#4e4e4e;height: 168px;}
footer .footer_warp{width: 1200px; margin: 0 auto; padding-top: 50px;}
footer .footer_warp::after{clear:both;display: block;content: '';}
footer .footer_warp .logo{float: left; width:101px; height:28px;  background:url(../images/common/logo_footer.png)no-repeat bottom;}
footer .footer_warp .copyright{float: left; color:#c3c3c3;font-size: 13px;padding-left:135px; line-height:1.8;}
footer .footer_warp .copyright address{font-style:normal;}

/* 공통 배경이미지 */
.btn_more,
.btn_scroll,
.section2 .business_list a .icon,
.slick-arrow{display:inline-block;background:url(../images/main/bg_common.png)no-repeat; vertical-align:middle;font-size: 0; text-indent: -99999px; z-index:97;}

@media all and (max-width:1280px){
    .section3 .sec3_warp .notice_area .list_warp{margin-left:5%;}
}