@charset "utf-8";

.mView{display:none;}

.sectionTitle{font-size:5rem;font-weight:700;letter-spacing:0;line-height:1.2;color:#000;}
.basicText{font-size:2.2rem;font-weight:400;letter-spacing:0;line-height:1.63636;color:#000;}
.c_004cb2{color:#004cb2;}

.mainBanner{max-width:1800px;margin:0 auto;position:relative;font-family:'Pretendard';}
.mainBanner .mainBannerCont img{display:none;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}
.mainBanner .mainBannerCont .bannerFirst img{display:block;}
.mainBanner .mainBannerCont.slick-initialized .slick-list .bannerImg{border-radius:30px;overflow:hidden;}
.mainBanner .mainBannerCont.slick-initialized .slick-list .bannerImg img{width:1800px;max-width:unset;display:block;}

.mainBanner .slick-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:38px;line-height:0;display:flex;}
.mainBanner .slick-controls .slick-dots{margin:0 10px;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin-right:10px;}
.mainBanner .slick-controls .slick-dots li:last-child{margin-right:0;}
.mainBanner .slick-controls .slick-dots li button{width:10px;height:10px;background:#9b969c;border-radius:50%;border:1px solid #9b969c;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{width:30px;background:#fff;border:0;border-radius:5px;}

.mainBanner .pagingInfo{width:100%;position:absolute;top:100px;left:0;font-size:2rem;font-weight:700;color:#868688;letter-spacing:0;padding:0 10.5564%;}
.mainBanner .pagingInfo .current{color:#fff;}

.mainBanner .mainBannerText{width:100%;position:absolute;top:146px;left:0;color:#fff !important;padding:0 10.5564%;word-break:keep-all;}
.mainBanner .mainBannerText .sectionTitle{color:#fff;border-bottom:1px solid rgba(205, 183, 206, 0.5);margin-bottom:30px;padding-bottom:42px;}
.mainBanner .mainBannerText .sectionTitle span{font-size:2.6rem;font-weight:400;letter-spacing:0;line-height:1.153846;color:#a7a7a7;}
.mainBanner .mainBannerText .basicText{color:#a7a7a7;}
.mainBanner .mainBannerText > div{display:flex;justify-content:space-between;align-items:center;}
.mainBanner .linkView{text-align:center;flex-shrink:0;}
.mainBanner .linkView a{display:flex;justify-content:center;align-items:center;background:#004cb2;border-radius:30px;color:#fff;font-size:2rem;font-weight:700;letter-spacing:0;line-height:1.5;padding: 15px 27px 15px 39px;}
.mainBanner .linkView a:after{width:12px;height:12px;display:inline-block;margin-left:20px;background:url('/img/main/mainbanner_goto.png')no-repeat right center;content:'';}

.mainContents {max-width:1800px;margin:0 auto 80px;font-family:'Pretendard';}
.mainContents .section{display:flex;justify-content:center;align-items:flex-start;margin-top:80px;}
.mainContents .section .goToBox{width:50%;padding:2.389% 7.778%;}
.mainContents .section .goToBox .sectionTitle{word-break:keep-all;}
.mainContents .section .goToBox .basicText{margin-top:27px;word-break:keep-all;}
.mainContents .section .goToBox .basicText span{font-weight:700;}
.mainContents .section .goToBox ul{display:flex;margin-top:34px;}
.mainContents .section .goToBox ul li{width:33.333%;border:1px solid #000;border-radius:30px;margin-right:9px;background:#fff;}
.mainContents .section .goToBox ul li:hover{background:#004cb2;border:1px solid #004cb2;}
.mainContents .section .goToBox ul li:last-child{margin-right:0;}
.mainContents .section .goToBox ul li a{width: 100%;display: flex;justify-content: center;align-items: center;font-size:2rem;font-weight:700;letter-spacing:0;line-height:1.5;padding: 7.35% 0;}
.mainContents .section .goToBox ul li:hover a{color:#fff;}
.mainContents .section .goToBox ul li a:before{width:16.615%;height:32px;display:inline-block;margin-right:6%;content:'';}
.mainContents .section .goToBox ul .association a:before{background:url('/img/main/goto_icon01.png')no-repeat left center / contain;}
.mainContents .section .goToBox ul .association:hover a:before{background:url('/img/main/goto_icon01_hover.png')no-repeat left center / contain;}
.mainContents .section .goToBox ul .location a:before{background:url('/img/main/goto_icon02.png')no-repeat left center / contain;}
.mainContents .section .goToBox ul .location:hover a:before{background:url('/img/main/goto_icon02_hover.png')no-repeat left center / contain;}
.mainContents .section .goToBox ul .business a:before{background:url('/img/main/goto_icon03.png')no-repeat left center / contain;}
.mainContents .section .goToBox ul .business:hover a:before{background:url('/img/main/goto_icon03_hover.png')no-repeat left center / contain;}

.mainContents .section .noticeBox{width:50%;background:url('/img/main/noticeBox_bg.jpg')no-repeat center / cover;padding:2.1115% 2.223% 1.334% 2.056%;border-radius:30px;}
.mainContents .section .noticeBox .noticeTitle{display:flex;justify-content:space-between;align-items:flex-start;}
.mainContents .section .noticeBox .noticeTitle .sectionTitle{width:411px;color:#fff;}
.mainContents .section .noticeBox .noticeTitle p{width:235px;border:1px solid #fff;flex-shrink:0;}
.mainContents .section .noticeBox .noticeTitle p a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;letter-spacing:0;line-height:1.5;color:#fff;padding:6.01% 12.018%;}
.mainContents .section .noticeBox .noticeTitle p a:after{width:20px;height:14px;display:inline-block;margin-left:7.91%;background:url('/img/main/notice_goto.png')no-repeat right center;content:'';}

.mainContents .section .noticeBox .noticeList{margin-top:28px;position: relative;overflow:hidden;}
.mainContents .section .noticeBox .buttonBox{display:flex;margin-top:26px;}
.mainContents .section .noticeBox .swiper-button-prev1:after, .swiper-button-next1:after {display:none;}
.mainContents .section .noticeBox .swiper-button-prev1, .swiper-button-next1 {width:56px;height:32px;cursor:pointer;z-index:99;}
.mainContents .section .noticeBox .swiper-button-prev1 {background:url('/img/main/notice_prev.png')no-repeat center;margin-right:32px;} 
.mainContents .section .noticeBox .swiper-button-next1 {background:url('/img/main/notice_next.png')no-repeat center;}
.mainContents .section .noticeBox .noticeList .basic_li{background:#fff;box-sizing: border-box;position:relative;}
.mainContents .section .noticeBox .noticeList .basic_li:after{width:6.975%;min-width:18px;height:28px;display:inline-block;position:absolute;bottom:12.11%;right:9.216%;background:url('/img/main/notice_plus.png')no-repeat right bottom / contain;content:'';}
.mainContents .section .noticeBox .noticeList .basic_li a{width:100%;display:flex;justify-content:flex-start;align-items:center;padding:6.975% 9.24% 6.476% 7.993%;}
.mainContents .section .noticeBox .noticeList .basic_li dl dt{min-height:80px;font-size:3rem;font-weight:700;letter-spacing:0;line-height:1.333333333;color:#000;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: keep-all;}
.mainContents .section .noticeBox .noticeList .basic_li dl dd{font-size:2rem;font-weight:400;letter-spacing:0;color:#a3a3a3;margin-top:32px;}
.swiper-button-prev1.swiper-button-disabled, .swiper-button-next1.swiper-button-disabled {opacity: 0.35;cursor: auto;pointer-events: none;}



@media all and (max-width:1800px){

.mainBanner{margin:0 20px;}
.mainContents .section{margin:80px 20px 0;}
.mainContents .section .goToBox br{display:none;}
.mainContents .section .noticeBox .noticeList .basic_li dl dt{word-break:unset;}
}

@media all and (max-width:1279px){

.mainContents .section .noticeBox .noticeTitle{flex-wrap:wrap;justify-content:flex-end;}
.mainContents .section .noticeBox .noticeTitle .sectionTitle{width:100%;}
.mainContents .section .noticeBox .noticeTitle p{margin-top:20px;}
.mainContents .section .noticeBox .noticeList .basic_li dl dt{min-height:75px;}
}

@media all and (max-width:979px){

.mainContents .section{flex-wrap:wrap;margin: 40px 20px 0;}
.mainContents .section .goToBox{width:100%;padding:0;}
.mainContents .section .goToBox ul li a{padding:4.35% 0;}
.mainContents .section .goToBox ul li a:before {width: 10%;}
.mainContents .section .noticeBox{width:100%;margin-top:100px;border-radius: 20px;padding:29px 16px 31px 15px;}
.mainContents .section .noticeBox .noticeList .basic_li:after{width:4.975%;min-width:15px;bottom:15.11%;}


}

@media all and (max-width:767px){

.mView{display:block;}

.mainBanner .mainBannerCont{width:100%;overflow:hidden;border-radius:3.911vw;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont.slick-initialized .slick-list .bannerImg{border-radius:3.911vw;}
.mainBanner .mainBannerCont.slick-initialized .slick-list .bannerImg img{width:100%;}
.mainBanner .mainBannerText{width:100vw;left:50%;transform:translateX(-50%);padding:0 7.823vw;top:23%;}
.mainBanner .mainBannerText .sectionTitle{margin-bottom:3.911vw;padding-bottom:5.476vw;font-size:7.215vw;}
.mainBanner .mainBannerText .sectionTitle span{font-size:3.738vw;}
.mainBanner .mainBannerText .basicText{font-size:3.295vw;}
.mainBanner .mainBannerText > div{display:block;}
.mainBanner .pagingInfo{width: 100vw;top: 18%;left: 50%;transform: translateX(-50%);padding: 0 7.823vw;font-size:3.086vw;}
.mainBanner .linkView{max-width:34.031vw;margin:13.038vw 0 0;}
.mainBanner .linkView a{padding:1.956vw 2.608vw 1.956vw 3.911vw;font-size:3.086vw;border-radius:3.911vw;}
.mainBanner .linkView a:after{width:1.865vw;height:1.865vw;margin-left:2.608vw;background-size:contain;}
.mainBanner .slick-controls{bottom:14.954vw;}
.mainBanner .slick-controls .slick-dots{margin:0 1.304vw;}
.mainBanner .slick-controls .slick-dots li{margin-right:1.304vw;}
.mainBanner .slick-controls .slick-dots li button{width:1.304vw;height:1.304vw;}
.mainBanner .slick-controls .slick-dots li.slick-active button{width:3.911vw;border-radius:0.652vw;}

.mainContents .section{margin: 40px 20px 0;}
.mainContents .section .goToBox .basicText{margin-top:14px;}
.mainContents .section .goToBox ul{margin-top:17px;}
.mainContents .section .goToBox ul li{border-radius:27px;margin-right:5px;}
.mainContents .section .noticeBox{margin-top:50px;}
.mainContents .section .noticeBox .noticeTitle p {width: 190px;}
.mainContents .section .noticeBox .noticeTitle p a{padding:7px 12.018%;}
.mainContents .section .noticeBox .noticeTitle p a:after{margin-left:7px;background-size: 85% auto;}
.mainContents .section .noticeBox .noticeList .basic_li a{padding:14px 9.24% 13px 7.993%;}
.mainContents .section .noticeBox .noticeList .basic_li dl dt{min-height:35px;-webkit-line-clamp: 1;}
.mainContents .section .noticeBox .swiper-button-prev1{background-size:80% auto;}
.mainContents .section .noticeBox .swiper-button-next1{background-size:80% auto;}

}

@media all and (max-width:500px){

.mainContents .section .noticeBox .noticeTitle{flex-wrap:wrap;}
.mainContents .section .noticeBox .noticeTitle .sectionTitle{width:100%;}
.mainContents .section .noticeBox .noticeTitle p{margin-top:20px;}
.mainContents .section .noticeBox .noticeList{height:246px;}
.mainContents .section .noticeBox .noticeList .basic_li:after{width:3.975%;height:16px;}
.mainContents .section .noticeBox .noticeList .basic_li{height:auto !important;}

}