@charset "utf-8";
.body-main,
section {position: relative;}

/* 공통 */
.main__title {color: #222; position: relative; margin-bottom: 60px;}
.main__title h2 {font-size: 37px; font-weight: 700;}
.main__title p {margin-top: 15px; font-size: 20px; font-weight: 300; line-height: 1.4;}

.more-btn {position: absolute; right: 0; bottom: 0;}
.more-btn a {display: block; font-size: 16px; font-weight: 500; color: #222; padding-bottom: 10px; border-bottom: 1px solid #a89e98;}
.more-btn a .plus-ico {display: inline-block; width: 20px; height: 20px; background: url('../images/common/plus-ico.png') no-repeat center; transform: translateY(-2px); margin-left: 20px; transition: all 0.5s ease-in-out;}
.more-btn a:hover .plus-ico {transform: translateY(-2px) rotate(360deg);}

.em_orange{color:#ff7611;}

@media all and (max-width:1024px){
    .main__title h2 {font-size: 34px;}
    .main__title p {font-size: 18px;}
}

@media all and (max-width:768px){
    .main__title {margin-bottom: 40px;}
}

@media all and (max-width:640px){
    .main__title h2 {font-size: 28px;}
    .main__title p {margin-top: 5px;}
    .more-btn {bottom: 8px;}
}

@media all and (max-width:480px){
    .more-btn {bottom: 110%;}
    .more-btn a {padding-bottom: 5px;}
}

.wrap.main{position:relative; width:100%; height:100%; min-height:100vh; background-repeat:no-repeat; background-size: cover; background-position:50% 0; background-color:#fff2e9; background-image: url(../images/main/main_bg.jpg);}

/* main-visual */
#main-visual {position:relative; width:1705px; margin:142px auto 0;}
#main-visual .controls-box{position:absolute;bottom:-153px;background: #fff;-webkit-box-shadow: 0 2px 5px 0px rgb(0 0 0 / 10%);-moz-box-shadow: 0 2px 5px 0px rgb(0 0 0 / 10%);box-shadow: 0 2px 5px 0px rgb(0 0 0 / 10%);height:60px;padding:0 30px;border-radius: 50px;display:flex;align-items: center;align-content: center;z-index: 99;}
#main-visual .slick-prev, .slick-next, .slick-pause, .slick-play {display: block; text-indent: -9999px;cursor: pointer; z-index: 10;background-repeat: no-repeat;background-color: transparent; border: none;font-size:0;}
#main-visual .controls-box .slick-prev {background:url("../images/main/pop_prev_btn.png") no-repeat 50% 50%; margin-right:26px;width:11px; height:17px;}
#main-visual .controls-box .slick-next {background:url("../images/main/pop_prev_btn.png") no-repeat 50% 50%; margin-left:26px;transform:rotate(180deg);width:11px; height:17px;}
#main-visual .controls-box .slick-pause {position:absolute; right: 60px; background:url("../images/main/pop_pause_btn.png") no-repeat 50% 50%;width:13px; height:14px;}
#main-visual .controls-box .slick-play {display:none; position:absolute; right:60px; background:url("../images/main/pop_play_btn.png") no-repeat 50% 50%;width:11px; height:14px;}
#main-visual .controls-box .slick_pageing {font-size:18px; z-index:20; letter-spacing:0.3rem; width:55px; display: inline-block;color:#fff;}
#main-visual .home-slider-center{position:relative; width:1400px; height:750px; margin:0 auto; overflow:hidden; -webkit-box-shadow: 5px 5px 8px 0 rgb(0 0 0 / 25%); -moz-box-shadow: 5px 5px 8px 0 rgb(0 0 0 / 25%); box-shadow: 5px 5px 8px 0 rgb(0 0 0 / 30%); border-radius: 50px; z-index:3;}
#main-visual .home-slider-main{width:100%; height:100%;}
#main-visual .home-slider-main .slide{width:100%; height:850px !important;}
#main-visual .slide-bg{position:absolute; left:0; left:0; top:40px; opacity:1; transition:all 0.2s; background-color:rgba(0, 0, 0, 0.5); width:30%; height:640px; overflow:hidden; border-radius: 50px; z-index: 2;}
#main-visual .home-slider-back {opacity:1; transition:all 0.2s; width:30%; height:640px; position:absolute; left:0; top:40px; overflow:hidden; -webkit-box-shadow: 5px 5px 8px 0 rgb(0 0 0 / 25%); -moz-box-shadow: 5px 5px 8px 0 rgb(0 0 0 / 25%); box-shadow: 5px 5px 8px 0 rgb(0 0 0 / 30%); border-radius: 50px; z-index:1;}
#main-visual .home-slider-back .slide {height:700px !important;}

/* main-visual > slogan */
#main-visual .slider-info {width:700px; position:absolute; left: 80px; top:50%; transform:translateY(-50%); z-index:3;}
#main-visual .slider-info .home-slider-info .slick-list{height:auto !important;}
#main-visual .slider-info .home-slider-info h3 {font-size:67px; line-height: 88px; font-weight: 800;position:relative;}
#main-visual .slider-info .home-slider-info h3::after{content:"";position:absolute;left:8px;bottom:-50px;width:100px;height:2px;background:#fff;}
#main-visual .slider-info .home-slider-info p {display:block; font-size:35px; font-weight: 600; margin-top:110px;}
#main-visual .slider-info .home-slider-info .slogan {color:#fff; text-shadow: 3px 2px 9px rgb(0 0 0 / 40%); line-height: 1; }
/*#main-visual .slider-info .home-slider-info .slogan.type2{color:#000;text-shadow:none;}*/
/*#main-visual .slider-info .home-slider-info .slick-active .slogan {opacity:1; transition:all 1s;}*/


/* main-visual > img */
#main-visual .slide-cont .slide {background-size:cover; background-position:center; background-repeat: no-repeat; width:100%; height:100%;}
#main-visual .slide-cont .slide.slide-main-img1 {background-image:url(../images/main/visual_img1.png);}
#main-visual .slide-cont .slide.slide-main-img2 {background-image: url(../images/main/visual_img2.png);}

/* popup-slider */
#main-visual .popup-area .slick-slider {position: static;}
#main-visual .popup-area { width: 540px; height: 525px; position: absolute; right: 0; bottom: 114px; z-index: 3; border-radius: 15px 40px 15px 40px; overflow:hidden; -webkit-box-shadow: 5px 5px 8px 0 rgb(0 0 0 / 25%); -moz-box-shadow: 5px 5px 8px 0 rgb(0 0 0 / 25%); box-shadow: 5px 5px 8px 0 rgb(0 0 0 / 30%); background-color: #fff;}
#main-visual .popup-area .slick-dots{display: none !important;}
#main-visual .popup-area .controls-box{position: absolute; bottom:0; left:50%; transform:translateX(-50%); width:204px;-webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;height:60px;padding:0 30px;border-radius:0 15px 0 15px;display:flex;align-items: center;align-content: center;z-index: 99;background:#3f3e42;}
#main-visual .popup-area .slick_pageing { position: absolute; right:23px;}
#main-visual .popup-area .slick-prev,
#main-visual .popup-area .slick-next{position:absolute; bottom: 23px; z-index:999 !important;}
#main-visual .popup-area .slick-prev {background:url("../images/main/pop_prev_btn_w.png") no-repeat 50% 50%; width:9px; height:14px;}
#main-visual .popup-area .slick-next {background:url("../images/main/pop_prev_btn_w.png") no-repeat 50% 50%; transform:rotate(180deg); margin-left: 51px; margin-bottom:-2px;}
#main-visual .popup-area .slick-pause {position:absolute; left: 55px; background:url("../images/main/pop_pause_btn_w.png") no-repeat 50% 50%;width:10px; height:13px;}
#main-visual .popup-area .slick-play {display:none; position:absolute; left: 55px; background:url("../images/main/pop_play_btn_w.png") no-repeat 50% 50%;width:9px; height:13px;}
#main-visual .popup-area .slide{position:relative; display:block;}
#main-visual .popup-area .slide img {width: 100%; height: auto;}

@media screen and (max-width: 1980px){
	/* main-visual */
	#main-visual {width:98%; /*margin:0 auto;*/}
}

@media screen and (max-width: 1700px){
	/* main-visual */
	#main-visual {width:1500px; /*margin:0 auto;*/}
	#main-visual .home-slider-center{position:relative; width:1400px; height:850px; margin:0;}
	#main-visual .slide-bg,
	#main-visual .home-slider-back{display:none}
}

@media screen and (max-width:1500px){
	/* main-visual */
	#main-visual {width:100%; /*margin:0 auto;*/ padding:0; box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);}
	#main-visual .home-slider-center{position:relative; width:100%; height:750px; border-radius:0;}

	/* main-visual > slogan */
	#main-visual .slider-info {width:550px; position:absolute; left: 50px; top:50%; transform:translateY(-50%); z-index:3;}

	/* popup-slider */
	#main-visual .popup-area .slick-slider {position: static;}
	#main-visual .popup-area { right: 40px; bottom: 0; top:50%; transform:translateY(-35%);}

}

@media screen and (max-width:1200px){
	/* main-visual > slogan */
	#main-visual .slider-info {left: 30px; top:45%;}
	#main-visual .slider-info .home-slider-info h3 {font-size:65px; line-height: 70px; margin-bottom:10px;}
	#main-visual .slider-info .home-slider-info h3 span{font-size:25px;}
	#main-visual .slider-info .home-slider-info p {font-size:20px;}
	#main-visual .slider-info .home-slider-info strong.date {font-size:25px; margin-top:15px;}
}

@media screen and (max-width:1160px){
	#main-visual{margin:90px auto 0;}
}

@media screen and (max-width: 1024px){
	/* main-visual */
	#main-visual{position: relative; padding:0 20px; height:100%; box-shadow: 0 0 5px 0 rgb(0 0 0 / 0);}
	#main-visual .home-slider-center{display:none;}
	#main-visual .slide-bg{display:none;}

	/* popup-slider */
	#main-visual .popup-area { width: 100%; height:100%; position: relative; top:0; left:0; right:0; transform: translateY(0); text-align:center;}
	#main-visual .popup-area img{position: static; width: 100%; transform: none; -webkit-transform: none;vertical-align: top;}
}

@media screen and (max-width: 580px){
	/* main-visual */
	#main-visual{position: relative; padding:0 20px; height:100%; box-shadow: 0 0 5px 0 rgb(0 0 0 / 0);}
	#main-visual .home-slider-center{display:none;}
	#main-visual .slide-bg{display:none;}

	/* popup-slider */
	#main-visual .popup-area { width: 100%; height: 100%; position: relative; top:0; left:0; right:0; transform: translateY(0); text-align:center;}
	#main-visual .popup-area img{position: static; width: 100%; transform: none; -webkit-transform: none;vertical-align: top;}
}

@media screen and (max-width: 460px){
	/* main-visual */
	#main-visual{height:100%;}
}

/* section02 */
.research{margin-top:157px;text-align:center;position:relative;}
.research::after{content:"";position:absolute;left:-174px;bottom:-227px;width:466px;height:290px;background:url(../images/main/section02_bg_img01.png) no-repeat;z-index:1;}
.research .inner{max-width:1400px;position:relative;z-index:5;}
.research .tit h2{font-size:50px;color:#1a1a1a;font-weight:800;margin-bottom:25px;}
.research .tit p{font-size:25px;color:#4a4a4a;margin-bottom:55px;}
.research ul{counter-reset:number; height:100%; display:flex; align-items: center; margin-left:-30px;}
.research ul li{ height:200px; width: calc(25% - 30px); position: relative; margin-left:30px;}
.research ul li > a{display:block; overflow:hidden; position:relative; z-index:5; height:100%; padding:15px 25px; transition:0.5s ease; background: #fff; box-shadow: 4px 4px 8px 0 rgb(0 0 0 / 10%); border-radius: 20px;}
.research ul li > a:before{counter-increment:number; content:'0' counter(number); display:block; font-size:23px; font-weight:700; color:#cacaca; transition:0.5s ease; text-align:left;}
.research ul li > a:after{content:''; opacity:0; display:block; position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:100%; background:#ff7611; /* transform:scale(0.95,0.95); */ transform-origin:50% 50%; transition:0.5s ease-in-out;}
.research ul li > a span{display:block; text-align: center; transition:all 0.3s;}
.research ul li > a em{display:block; text-align: center; font-size:20px; font-weight:700; padding-top:20px; transition:0.5s ease; transition:all 0.3s;color:#383838;}
.research ul li > a:hover,
.research ul li > a:hover em{color:#fff;}
.research ul li > a:hover:after{opacity:1; /* transform:scale(1,1); */}
.research ul li > a:hover:before{color:#fff;}
.research ul li > a:hover { transform:translateY(-20px);}

@media screen and (max-width: 1200px){
	.research::after{display:none;}
}

@media screen and (max-width: 1024px){
	.research{margin-top:110px;}
	.research .tit h2{font-size:44px;}
	.research .tit p{font-size:23px;}
	.research ul li > a em{font-size:18px;line-height:23px;}
}


@media screen and (max-width: 768px){
	.research ul{border-radius: 10px; overflow:hidden; box-shadow: 4px 4px 8px 0 rgb(0 0 0 / 10%); margin-left:0;}
	.research ul li{width: calc(100% / 4); margin-left:0; height:150px; border-right:1px solid #f2f2f2;}
	.research ul li:last-child{border-right:0;}
	.research ul li > a {padding: 20px 15px; border-radius: 0; box-shadow: 4px 4px 8px 0 rgb(0 0 0 / 0);}
	.research ul li > a:before {font-size: 18px; font-weight: 700;}
	.research ul li > a em {font-size:15px; font-weight: 500;padding-top:13px;}
	.research ul li > a span {padding-top:5px;}
	.research ul li > a img{width:60px; height:auto;}
	.research ul li > a:hover { transform:translateY(0px);}
}

@media screen and (max-width: 640px){
	.research{margin-top:70px;}
	.research .tit h2{font-size:35px;}
	.research .tit p{font-size:17px;line-height:23px;margin-bottom:35px;}
	.research ul{border-radius: 10px; overflow:hidden; flex-wrap: wrap; box-shadow: 4px 4px 8px 0 rgb(0 0 0 / 10%);}
	.research ul li{width: calc(50%); margin-right:0; height:100%; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
    .research ul li:last-child{border-right:1px solid #f2f2f2;}
	.research ul li > a:before {display:none; font-size:0;}
}

@media screen and (max-width: 343px){
	.research ul li:nth-child(3){height:150px;}
    .research ul li:last-child{height:150px;}
}


/* section03 */
.program{margin-top:208px;text-align:center;}
.program .inner{max-width:1600px;}
.program .tit h2{font-size:50px;color:#1a1a1a;font-weight:800;margin-bottom:25px;}
.program .tit p{font-size:25px;color:#4a4a4a;margin-bottom:55px;}

.program .btn_area{/* width: 400px; */margin:0 auto;margin-bottom:77px;position:relative;}
.program .btn_area .class-btn{display:inline-block;width: 400px;background:#292929;padding:22px 0;color:#fff;font-size:21px;font-weight:600;border-radius:30px;}
.program .btn_area .class-btn:hover{color:#ff7611;}
.program .btn_area .class-btn.type2{position:absolute;bottom: -3px;right: 0;width:180px;padding:18px 0;background:none;font-size:18px;font-weight:500;color:#292929;background:#ffffff85;}
.program .btn_area .class-btn.type2:hover{color:#ff7611;}


.program-list .slick-list {padding: 10px 0 40px;}
.program-list .program-list-item {margin: 0 30px; line-height: 1.4; transition: all 0.3s ease-in-out;background: #fff;border:1px solid #dfdfdf;border-radius:0 0 30px 30px;overflow: hidden;}
.program-list .program-list-item:hover {transform: translateY(-10px);}
.program-list .program-list-item a {display: block;  padding: 20px 18px 33px; position: relative;background:url(../images/main/program_list_bg.png) no-repeat bottom -6px right -6px;}
.program-list .program-list-item .img {width: 100%; height: 230px;border-radius:10px 25px;border:1px solid #dfdfdf;background-repeat:no-repeat !important;background-size:cover !important; /*background-position:center !important;*/position:relative;overflow:hidden;}
.program-list .program-list-item .img:hover::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:#00000075;z-index:1;}
.program-list .program-list-item .img .more{display:none;}
.program-list .program-list-item .img:hover .more{padding:15px 0;color:#fff;text-align:center;border:1px solid #fff;border-radius:0 10px;font-size:17px;width:126px;display:block;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:2;}


.program-list .program-list-item h2 {font-size: 22px; font-weight: 700; color: #2a2a2a; margin-top: 30px; max-height: 60px;text-align: left;}
.program-list .program-list-item p {font-size: 18px; font-weight: 500; color: #2a2a2a55;text-align: left; margin-top:27px;}
.program-list .program-list-item span{display:inline-block;background:#237de3;padding:8px 18px 0;border-radius:20px;height:32px;color:#fff;font-size:16px;position:absolute;bottom:27px;right:16px;}
.program-list .program-list-item span.st2{background:#ef2b47;}

.main__program-list {position: relative; max-width: 1600px;}
.main__program-list .prev {width: 30px; height: 51px; background: url('../images/main/program_list_arrow01.png') no-repeat center; position: absolute; top: 50%; left: 0; transform: translate(-200%, -50%);cursor:pointer;}
.main__program-list .next {width: 30px; height: 51px; background: url('../images/main/program_list_arrow01.png') no-repeat center; position: absolute; top: 50%; right: 0; transform: translate(200%, -50%) rotate(180deg);cursor:pointer;}

.program .more_btn{position:relative;}
.program .more_btn a{display:block;width:202px;background:#292929;border-radius:0 15px;padding:20px 0;color:#fff;font-size:22px;font-weight:500;position:absolute;right:50px;top:25px;}

@media all and (max-width:1730px){
    .main__program-list {width: calc(100% - 50px); margin: 0 auto; transform: translateX(0);}
    .main__program-list .next {transform: translate(130%, -50%) rotate(180deg);}
    .main__program-list .prev {transform: translate(-130%, -50%);}
}

@media all and (max-width:1440px){
    .program-list .program-list-item span{bottom:0;top:227px;z-index:10;}
}

@media all and (max-width:1220px){
    .program-list .program-list-item h2{font-size:19px;font-weight:600;max-height:50px;}
	.program-list .program-list-item p{font-size:16px;}
	.program .more_btn a{width:185px;padding:18px 0;right:0;left:50%;transform: translateX(-50%);}
}

@media all and (max-width:1024px){
	.program{margin-top:165px;}
	.program .tit h2{font-size:44px;}
	.program .tit p{font-size:23px;margin-bottom:45px;}
}


@media all and (max-width:800px){
	.program-list .program-list-item{margin:0 15px;}
	.program .btn_area .class-btn.type2{position:relative;bottom:0;right: 0;width:400px;height:auto;margin-top:15px;border-radius:30px;padding:22px 0;}
	.program .btn_area .class-btn.type2 span{margin-top:0;transform:translateY(0);}
}

@media screen and (max-width: 640px){
	.program{margin-top:70px;}
	.program .tit h2{font-size:35px;}
	.program .tit p{font-size:17px;line-height:23px;margin-bottom:40px;}
	.program .btn_area{margin-bottom:40px;}
	.program .btn_area .class-btn{width:300px;font-size:18px;}
	.program .btn_area .class-btn.type2{width:300px;}
	.program-list .program-list-item h2{font-size:17px;max-height:40px;}
	.program-list .program-list-item p{font-size:14px;}
	.program .more_btn a{padding:16px 0;font-size:20px;}
}


@media screen and (max-width: 450px){
	.program .inner{margin:0 10px;}
	.program-list .program-list-item{margin:0 3px;}
	.main__program-list .prev {left: 15px; z-index:5;}
	.main__program-list .next{right:15px;}
}


/* section04 */
#section04{margin-top:185px;margin-bottom:182px;position:relative;}
#section04::after{content:"";position:absolute;left:-35px;bottom:-30px;width:204px;height:258px;background:url(../images/main/section04_bg_img01.png) no-repeat;z-index:1;}
#section04 .tit h2{font-size:46px;color:#1a1a1a;font-weight:800;margin-bottom:72px;}

/* 열린광장 */
#section04 .group {float:left; height:530px;position:relative;z-index:10;}
#section04 .news-area{overflow:hidden; width:100%; height:100%; border-radius:30px; background:#fff; box-shadow: 4px 4px 8px 0 rgb(0 0 0 / 10%);}
#section04 .group1 {position:relative; width: calc(100% - 700px); margin-right:70px;}
#section04 .group2 {width:630px;position:relative;z-index:10;}

/* news */
#section04 .news { position:relative;}
#section04 .news > li > a {position:absolute; left:0; top:0; padding:0 0; width:33.7%; height:60px; line-height:60px; text-align:center; background-color:#ff7611;}
#section04 .news > li > a::after{display:block; position:absolute; left:0; top:0; content:''; width:1px; height:100%; background:#ffffff40;}
#section04 .news > li:first-child > a:after{width:0;}
#section04 .news > li > a span {font-size:21px; font-weight:600; color:#fff}
#section04 .news > li.on > a {background-color:#fff;}
#section04 .news > li.on > a span {color:#ff7611}
#section04 .news > li.on .news-list {display:block;}
#section04 .news > li:nth-child(2) > a {left:33.7%;}
#section04 .news > li:nth-child(3) > a {left:67.4%;}
#section04 .news-list {display:none; position:absolute; top:65px; left: 0; right: 0; width: auto;}
#section04 .news-list ul {padding:33px 32px;}
#section04 .news-list ul li {position:relative; padding: 9px 127px 9px 12px;}
#section04 .news-list ul li:after {display:block; position:absolute; left:0; top:50%; margin-top:-1.5px; content:''; width:5px; height:5px; background:#ff7611; }
#section04 .news-list ul li:first-child:after {display:none;}
#section04 .news-list ul li a {display:block; }
#section04 .news-list ul li a:hover,
#section04 .news-list ul li a:focus {text-decoration:underline;}
#section04 .news-list ul li:first-child {margin:0 0 44px; padding:0 0 44px 123px; border-bottom:1px solid #e9e9e9;}
#section04 .news-list ul li:first-child strong {display:block; overflow:hidden; font-size:24px; color:#2b2b2b; font-weight:500; margin-bottom:38px; text-overflow: ellipsis; white-space: nowrap;}
#section04 .news-list ul li:first-child .list-cont {display:block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 50px; text-overflow: ellipsis; white-space: normal;}
#section04 .news-list ul li:first-child .list-date {text-align:center; top:0; left:0; width:95px; height:95px; padding:60px 0 0; font-size:14px; font-weight:400; background:#2b2b2b; color:#fff; border-radius:100%;}
#section04 .news-list ul li:first-child .list-date span {position:absolute; left:0; top: 23px; width:95px; display: block; text-align:center; font-size:28px; font-weight:700; color:#fff;}
#section04 .news-list ul li a {display:block; overflow:hidden; width:100%; color:#6c6c6c; text-overflow: ellipsis; white-space: nowrap;line-height:23px;}
#section04 .news-list ul li a i.icon-new {display:inline-block; width:20px; height:20px; line-height: 20px; margin-left:5px; border-radius:50%; background:#e25103; font-size: 11px; font-weight: 100; color:#fff; text-align:center;}
#section04 .news-list ul li .list-date {position:absolute; right:0; top:0; display:inline-block; color:#b7b7b7; padding:9px 0;}

/* direct */
#section04 .direct-area{margin-bottom:67px;position:relative;}
#section04 .direct-area::before{content:"";position:absolute;top:-131px;right:0;width:180px;height:260px;background:url(../images/main/direct-area_bg_img01.png) no-repeat;z-index:-1;}
#section04 .direct-area ul li{float:left;width:50%;text-align:center;position:relative;background:#339522;height:186px;border-radius: 10px 0 0 40px;box-shadow: 4px 4px 8px 0 rgb(0 0 0 / 10%);}
#section04 .direct-area ul li:nth-child(2){background:#ffd97d;border-radius: 0 40px 10px 0;}
/*#section04 .direct-area ul li::before{content:"";position:absolute;width:1px;height:84px;background:#ccae64;left:0;top:50px;}*/
#section04 .direct-area ul li:first-child::before{display:none;}
#section04 .direct-area ul li a{display:inline-block;width:100%;;height:100%;color:#fff;font-size:20px;}
#section04 .direct-area ul li:nth-child(2) a{color:#2b2b2b}
#section04 .direct-area ul li a .direct-icon{width:114px;height:89px;background:url(../images/main/direct-area_icon03.png) no-repeat;position: relative;margin-left:50%;transform:translateX(-50%);margin-top:30px;}
#section04 .direct-area ul li:nth-child(2) a .direct-icon{background:url(../images/main/direct-area_icon02.png) no-repeat;}
#section04 .direct-area ul li a span{display:block;margin-top:15px;}

#section04 .direct-area ul li a:hover{font-weight:600;transition: all 0.3s ease-in-out;}
#section04 .direct-area ul li a:hover .direct-icon{background:url(../images/main/direct-area_icon01_on.png) no-repeat;transition: all 0.3s ease-in-out;}
#section04 .direct-area ul li:nth-child(2) a:hover .direct-icon{background:url(../images/main/direct-area_icon02_on.png) no-repeat;transition: all 0.3s ease-in-out;}

/* info */
#section04 .info-area h2{margin-bottom:52px;}
#section04 .info-area ul li{float:left;width: 22.7%;margin-right: 3%;background-color:#fff;height: 182px;border-radius:10px 30px;box-shadow: 4px 4px 8px 0 rgb(0 0 0 / 10%);text-align:center;}
#section04 .info-area ul li:last-child{margin-right:0;}
#section04 .info-area ul li a{display:block;width:100%;height:100%;color:#2b2b2b;font-size:20px;}
#section04 .info-area ul li a .info-icon{width:85px;height:63px;background:url(../images/main/info-area_icon01.png) no-repeat;position: relative;margin-left:50%;transform:translateX(-50%);margin-top:42px;}
#section04 .info-area ul li:nth-child(2) a .info-icon{background:url(../images/main/info-area_icon02.png) no-repeat;}
#section04 .info-area ul li:nth-child(3) a .info-icon{background:url(../images/main/info-area_icon03.png) no-repeat;}
#section04 .info-area ul li:nth-child(4) a .info-icon{background:url(../images/main/info-area_icon04.png) no-repeat;}
#section04 .info-area ul li a span{display:block;margin-top:20px;}
#section04 .info-area ul li:hover{background:#ff7611;}
#section04 .info-area ul li:hover a{color:#fff;}
#section04 .info-area ul li:hover a .info-icon{background:url(../images/main/info-area_icon01_on.png) no-repeat;}
#section04 .info-area ul li:nth-child(2):hover a .info-icon{background:url(../images/main/info-area_icon02_on.png) no-repeat;}
#section04 .info-area ul li:nth-child(3):hover a .info-icon{background:url(../images/main/info-area_icon03_on.png) no-repeat;}
#section04 .info-area ul li:nth-child(4):hover a .info-icon{background:url(../images/main/info-area_icon04_on.png) no-repeat;}

@media screen and (max-width: 1500px){
	#section04::after{display:none;}
}

@media screen and (max-width: 1200px){
	#section04 .tit h2{text-align:center;}
	#section04 .group1{width:100%;}
	#section04 .group2{width:100%;margin-top:152px;}
}

@media screen and (max-width: 1024px){
	#section04 .tit h2{font-size:44px;margin-bottom:60px;}
}

@media screen and (max-width: 640px){
	#section04{margin-bottom:0;padding-bottom:100px;}
	#section04 .tit h2{font-size:35px;margin-bottom:45px;}
	#section04 .group{float:none;}
	#section04 .group2{margin-top:45px;}
	#section04 .news-area{height:530px;}
	#section04 .news > li > a span{font-size:18px;}
	#section04 .news-list ul li:first-child{margin:0 0 35px;padding:0 0 35px 123px;}
	#section04 .news-list ul li:first-child strong{font-size:18px;margin-bottom:25px;}
	#section04 .news-list ul li:first-child .list-date{font-size:13px;}
	#section04 .news-list ul li:first-child .list-date span{font-size:24px;}
	#section04 .direct-area{margin-bottom:60px;}
	#section04 .direct-area::before{display:none;}
	#section04 .direct-area ul li a{font-size:18px;}
	#section04 .direct-area ul li a .direct-icon{width:68px;height:60px;background:url(../images/main/direct-area_icon03_m.png) no-repeat;margin-top:40px;}
	#section04 .direct-area ul li:nth-child(2) a .direct-icon{width:50px;height:60px;background:url(../images/main/direct-area_icon02_m.png) no-repeat;}
	#section04 .direct-area ul li a:hover .direct-icon{background:url(../images/main/direct-area_icon01_m_on.png) no-repeat;}
	#section04 .direct-area ul li:nth-child(2) a:hover .direct-icon{background:url(../images/main/direct-area_icon02_m_on.png) no-repeat;}
	#section04 .direct-area ul li a span{margin-top:32px;}
	#section04 .info-area ul li a{font-size:18px;}
	#section04 .info-area ul li a .info-icon{width:63px;height:57px;background:url(../images/main/info-area_icon01_m.png) no-repeat;}
	#section04 .info-area ul li:nth-child(2) a .info-icon{background:url(../images/main/info-area_icon02_m.png) no-repeat;}
	#section04 .info-area ul li:nth-child(3) a .info-icon{background:url(../images/main/info-area_icon03_m.png) no-repeat;}
	#section04 .info-area ul li:nth-child(4) a .info-icon{background:url(../images/main/info-area_icon04_m.png) no-repeat;}
	#section04 .info-area ul li:hover a .info-icon{width:63px;height:57px;background:url(../images/main/info-area_icon01_on_m.png) no-repeat;}
	#section04 .info-area ul li:nth-child(2):hover a .info-icon{background:url(../images/main/info-area_icon02_on_m.png) no-repeat;}
	#section04 .info-area ul li:nth-child(3):hover a .info-icon{background:url(../images/main/info-area_icon03_on_m.png) no-repeat;}
	#section04 .info-area ul li:nth-child(4):hover a .info-icon{background:url(../images/main/info-area_icon04_on_m.png) no-repeat;}
}

@media screen and (max-width: 510px){
	#section04 .info-area ul li{width:100%;margin-right:0;margin-bottom:10px;}
}

@media screen and (max-width: 380px){
	#section04 .news > li > a span{font-size:15px;}
}