@charset "UTF-8";



/*체크박스*/
.chk_inner {display: block; position: relative; padding: 0 0 0 20px; font-size: 0; text-align: left;}
.chk_inner .inp_chk {display: inline-block; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin: -8px 0 0;  padding: 0; border: 1px solid #e7e7e7; background-color: #fff; cursor: pointer; vertical-align: middle;}
.chk_inner .inp_chk:before {display: block; content: ''; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 9px;}
.chk_inner .inp_chk:checked:before {background: url("../images/chk.png") center no-repeat;}
.chk_inner label {display: inline-block; font-weight: 400; font-size: 14px; line-height: 14px; color: #999999; vertical-align: middle; cursor: pointer;}
/*//체크박스*/

.sec01 {padding: 20px 0 15px; background-color: #f4f7ff;}
.sec01 .inner {display: table; table-layout: fixed; width: 100%; font-size: 0;}
.sec01 .inner > div {display: table-cell; vertical-align: top;}
.sec01 .inner .main_slide_box {width: 76.171875%; padding: 0 20px 0 0; overflow: hidden;}
.sec01 .inner .main_slide_box .main_slide {}
.sec01 .inner .main_slide_box .main_slide .main_dot {}
.sec01 .inner .main_slide_box .main_slide > .list {}
.sec01 .inner .main_slide_box .main_slide > .list li {display: block !important;}
.sec01 .inner .main_slide_box .main_slide > .list li .slide_box {display: block;}
.sec01 .inner .main_slide_box .main_slide > .list li .slide_box .img_box {display: table; width: 100%; table-layout: fixed;}
.sec01 .inner .main_slide_box .main_slide > .list li .slide_box .img_box .img_inner {display: table-cell; overflow: hidden; width: 100%; height: 360px; vertical-align: middle; text-align: center;}
.sec01 .inner .main_slide_box .main_slide > .list li .slide_box .img_box .img_inner img {display: inline-block; max-width: 100%;/* object-fit: contain; */}
.sec01 .inner .main_slide_box .main_slide .slick-dots {position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; font-size: 0;}
.sec01 .inner .main_slide_box .main_slide .slick-dots li {display: inline-block !important; margin: 0 7px 0 0; vertical-align: top;}
.sec01 .inner .main_slide_box .main_slide .slick-dots li:last-child {margin: 0;}
.sec01 .inner .main_slide_box .main_slide .slick-dots li button {width: 12px; height: 12px; border-radius: 50%; border: 1px solid #fafffe; font-size: 0;}
.sec01 .inner .main_slide_box .main_slide .slick-dots li.slick-active {} 
.sec01 .inner .main_slide_box .main_slide .slick-dots li.slick-active button {background-color: #fff;} 
.sec01 .inner .login_box {width: 23.828125%; padding: 25px 35px 25px 40px; border: 1px solid #e7e7e7; background-color: #fff;}
.sec01 .inner .login_box .login_top {}
.sec01 .inner .login_box .login_top .title {font-weight: 700; font-size: 16px; line-height: 21px; color: #333333;}
.sec01 .inner .login_box .login_top .list {margin: 3px 0 0;}
.sec01 .inner .login_box .login_top .list li {margin: 5px 0 0;}
.sec01 .inner .login_box .login_top .list li:first-child {margin: 0;}
.sec01 .inner .login_box .login_top .list li .input_box {}
.sec01 .inner .login_box .login_top .list li .input_box input {width: 100%; padding: 0 20px; background-color: #f8f8f8; font-weight: 400; font-size: 16px; line-height: 48px; color: #222;}
.sec01 .inner .login_box .login_top .list li .input_box input::placeholder {font-weight: 400; font-size: 16px; line-height: 48px; color: #999999;}
.sec01 .inner .login_box .login_top .chk_inner {margin: 10px 0 0;}
.sec01 .inner .login_box .login_btm {margin: 20px 0 0;}
.sec01 .inner .login_box .login_btm .btn {display: block; width: 100%; font-weight: 400; font-size: 17px; line-height: 43px; color: #ffffff; text-align: center;}
.sec01 .inner .login_box .login_btm .btn.bg01 {background-color: #1f3f99; border: 1px solid #1f3f99;}
.sec01 .inner .login_box .login_btm .btn.bg02 {margin: 5px 0 0; background-color: #bac7ed; border: 1px solid #bac7ed;}
.sec01 .inner .login_box .login_util {margin: 10px 0 0; font-size: 0; text-align: center;}
.sec01 .inner .login_box .login_util li {display: inline-block; position: relative; margin: 0 15px 0 0; padding: 0 15px 0 0; vertical-align: top;}
.sec01 .inner .login_box .login_util li:before {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 14px; background-color: #b8b8b8;}
.sec01 .inner .login_box .login_util li:last-child {margin: 0; padding: 0;}
.sec01 .inner .login_box .login_util li:last-child:before {display: none;}
.sec01 .inner .login_box .login_util li .box {display: block; font-weight: 400; font-size: 15px; line-height: 20px; color: #999999;}
.sec01 .inner .login_box .my_box {text-align: center;}
.sec01 .inner .login_box .my_box .img_box {}
.sec01 .inner .login_box .my_box .img_box img {}
.sec01 .inner .login_box .my_box .text {margin: 16px 0 0; font-weight: 400; font-size: 18px; line-height: 24px; color: #111111;}
.sec01 .inner .login_box .my_box .text .ft_c {display: inline-block; font-weight: 700; color: #1f3f99;}

.sec02 {position: relative; border-bottom: 1px solid #ececec;}
.sec02:before {display: block; content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #ececec;}
.sec02 .info_area {font-size: 0;}
.sec02 .info_area > .box {display: inline-block; width: 50%; padding: 70px 20px 30px; vertical-align: top;}
.sec02 .info_area > .box .title_area {display: flex;}
.sec02 .info_area > .box .title_area .tab_menu {width: calc(100% - 46px);}
.sec02 .info_area > .box .title_area .tab_menu .list {display: flex;}
.sec02 .info_area > .box .title_area .tab_menu .list li {width: 100%; border: 1px solid #e7e7e7; }
.sec02 .info_area > .box .title_area .tab_menu .list li.on {border: none;}
.sec02 .info_area > .box .title_area .tab_menu .list li:last-child {border-right: none;}
.sec02 .info_area > .box .title_area .tab_menu .list li .btn {display: block; width: 100%; background-color: #f9f9f9; font-weight: 400; font-size: 16px; line-height: 44px; color: #111111; text-align: center;}
.sec02 .info_area > .box .title_area .tab_menu .list li.on .btn {background-color: #1f3f99; color: #ffffff; line-height: 46px;}
.sec02 .info_area > .box .title_area .more_btn {display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border: 1px solid #e7e7e7; background-color: #fff; transition: all 0.5s;}
.sec02 .info_area > .box .title_area .more_btn img {transition: all 0.8s;}
.sec02 .info_area > .box .title_area .more_btn:hover img, .sec02 .info_area > .box .title_area .more_btn:focus img {transform: rotate(360deg)}
.sec02 .info_area > .box .tab_cont {display: none; background-color: #ffffff;}
.sec02 .info_area > .box .tab_cont.on {display: block;}
.sec02 .info_area > .box .tab_cont .cont {padding: 35px 0 20px;}
.sec02 .info_area > .box .tab_cont .cont .list {}
.sec02 .info_area > .box .tab_cont .cont .list li {margin: 15px 0 0;}
.sec02 .info_area > .box .tab_cont .cont .list li:first-child {margin: 0;}
.sec02 .info_area > .box .tab_cont .cont .list li .box {display: block; position: relative; width: 100%; padding: 0 85px 0 0;}
.sec02 .info_area > .box .tab_cont .cont .list li .box .text {font-weight: 400; font-size: 18px; line-height: 24px; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.sec02 .info_area > .box .tab_cont .cont .list li .box .text .sort {display: inline-block; margin: 0 14px 0 0; padding: 0 12px; border-radius: 12px; font-weight: 500; font-size: 12px; line-height: 26px; color: #1f3f99;}
.sec02 .info_area > .box .tab_cont .cont .list li .box .text .sort.bg01 {background-color: #d4dfff;}
.sec02 .info_area > .box .tab_cont .cont .list li .box .text .sort.bg02 {background-color: #f0f0f0;}
.sec02 .info_area > .box .tab_cont .cont .list li .box .date {position: absolute; right: 0; top: 50%;transform: translateY(-50%); font-weight: 400; font-size: 18px; line-height: 24px; color: #999999;}
.sec02 .info_area > .box.edu_img_box {}
.sec02 .info_area > .box.edu_img_box .box {}
.sec02 .info_area > .box.edu_img_box .box .img_box {}
.sec02 .info_area > .box.edu_img_box .box .img_box img {width: 100%;}
.sec02 .info_area > .box.edu_img_box .box .img_box img.pc {}
.sec02 .info_area > .box.edu_img_box .box .img_box img.mob {display: none;}



.sec03 {padding: 80px 0 45px;}
.sec03 .business_area {}
.sec03 .business_area .title_box {}
.sec03 .business_area .title_box .title {font-weight: 700; font-size: 48px; line-height: 50px; color: #111111; text-align: center;}
.sec03 .business_area .business_box {margin: 45px 0 0;}
.sec03 .business_area .business_box .list {display: flex; justify-content: center; }
.sec03 .business_area .business_box .list li {width: 20%;}
.sec03 .business_area .business_box .list li .box {}
.sec03 .business_area .business_box .list li .box .icon_box {display: flex; justify-content: center; align-items: center; width: 160px; height: 160px; margin: 0 auto; border-radius: 50%; background-color: #f5f5f5;}
.sec03 .business_area .business_box .list li .box .icon_box img {}
.sec03 .business_area .business_box .list li .box:hover .icon_box img {animation: scrollani 300ms 0ms 2 ease}

@keyframes scrollani {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(4px);
    }

    100% {
        transform: translateY(0);
    }
}

.sec03 .business_area .business_box .list li .box .text_box {margin: 15px 0 0; text-align: center;}
.sec03 .business_area .business_box .list li .box .text_box .title {font-weight: 700; font-size: 24px; line-height: 30px; color: #2a4cac;}
.sec03 .business_area .business_box .list li .box .text_box .text {margin: 8px 0 0; font-weight: 400; font-size: 17px; line-height: 24px; color: #111111;}
 
.sec04 {padding: 45px 0 150px;}
.sec04 .news_area {}
.sec04 .news_area > .list {display: flex; gap: 0 30px;}
.sec04 .news_area > .list > li {width: 100%;}
.sec04 .news_area > .list > li .news_box {}
.sec04 .news_area > .list > li .news_box .title_box {display: flex; justify-content: space-between; align-items: center; padding: 0 30px; background-color: #1f3f99;}
.sec04 .news_area > .list > li .news_box .title_box .title {font-weight: 500; font-size: 22px; line-height: 60px; color: #ffffff;}
.sec04 .news_area > .list > li .news_box .title_box .view_btn {display: block;}
.sec04 .news_area > .list > li .news_box .title_box .view_btn img {transition: all 0.7s;}
.sec04 .news_area > .list > li .news_box .title_box .view_btn:hover img {transform: rotate(360deg)}
.sec04 .news_area > .list > li .news_box .text_area {border: 1px solid #d2d3d6; border-top: none;}
.sec04 .news_area > .list > li .news_box .text_area .list {}
.sec04 .news_area > .list > li .news_box .text_area .list li {border-bottom: 1px solid #d9d9d9;}
.sec04 .news_area > .list > li .news_box .text_area .list li:last-child {border-bottom: none;}
.sec04 .news_area > .list > li .news_box .text_area .list li .box {display: block; padding: 25px 30px; }
.sec04 .news_area > .list > li .news_box .text_area .list li .box:hover, .sec04 .news_area > .list > li .news_box .text_area .list li .box:focus {background-color: #f6f7fb;}
.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner {display: flex; align-items: center; column-gap: 20px;}
.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .img_box {width: 100%; max-width: 180px; flex-shrink: 0;}
.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .img_box .img_inner {position: relative; padding-bottom: 66.67%;}
.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .text_box {width: 100%; padding: 10.5px 0;}
.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .text_box .sort {font-weight: 500; font-size: 16px; line-height: 24px; color: #1f3f99;}
.sec04 .news_area > .list > li:last-child .news_box .text_area .list li .box .box_inner .text_box .sort {color: #0bb4b7;}
.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .text_box .title {margin: 5px 0 0; font-weight: 500; font-size: 20px; line-height: 30px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .text_box .text {height: 40px; font-weight: 400; font-size: 16px; line-height: 20px; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}




@media screen and (max-width: 1280px) {
	.sec01 .inner .main_slide_box .main_slide .slick-dots {bottom: 10px;}
	.sec01 .inner .main_slide_box .main_slide > .list li .slide_box .img_box .img_inner {height: 310px;}

	.sec01 .inner .login_box {padding: 20px;}
	.sec01 .inner .login_box .login_top .list li .input_box input {padding: 0 10px; line-height: 38px;}
	.sec01 .inner .login_box .login_btm .btn {font-size: 16px; line-height: 38px;}
	.sec01 .inner .login_box .my_box .img_box img {width: 100px;}
	.sec01 .inner .login_box .my_box .text {margin: 10px 0 0; font-size: 16px; line-height: 20px;}

	.sec02 .info_area > .box {padding: 40px 20px 10px;}
	.sec02 .info_area > .box .tab_cont .cont {padding: 20px 0 10px;}
	.sec02 .info_area > .box .tab_cont .cont .list li {margin: 10px 0 0;}
	.sec02 .info_area > .box .tab_cont .cont .list li .box .text {font-size: 16px; line-height: 20px;}
	.sec02 .info_area > .box .tab_cont .cont .list li .box .text .sort {margin: 0 10px 0 0;}
	.sec02 .info_area > .box .tab_cont .cont .list li .box .date {font-size: 16px; line-height: 20px;}

	.sec03 {padding: 50px 0 30px;}
	.sec03 .business_area .title_box .title {font-size: 38px; line-height: 40px;}
	.sec03 .business_area .business_box .list {column-gap: 40px;}
	.sec03 .business_area .business_box .list li .box .icon_box {width: 140px; height: 140px;}
	.sec03 .business_area .business_box .list li .box .icon_box img {height: 74px;}
	.sec03 .business_area .business_box .list li .box .text_box .title {font-size: 20px; line-height: 24px;}
	.sec03 .business_area .business_box .list li .box .text_box .text {margin: 5px 0 0; font-size: 16px; line-height: 22px;}

	.sec04 {padding: 30px 0 100px;}
	.sec04 .news_area > .list {gap: 0 20px;}
	.sec04 .news_area > .list > li .news_box .title_box {padding: 0 20px;}
	.sec04 .news_area > .list > li .news_box .title_box .title {font-size: 20px; line-height: 50px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box {padding: 20px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner {column-gap: 10px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .img_box {max-width: 160px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .text_box .title {font-size: 18px; line-height: 24px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .text_box .text {height: 36px; font-size: 14px; line-height: 18px;}

}

@media screen and (max-width: 1080px) {
	.sec01 {padding: 15px 0;}
	.sec01 .inner {display: block;}
	.sec01 .inner > div {display: block;}
	.sec01 .inner .main_slide_box {width: 100%; padding: 0;	}

	.sec01 .inner .main_slide_box .main_slide > .list li .slide_box .img_box {display: block; position: relative; padding-bottom: 39%; overflow: hidden;}
	.sec01 .inner .main_slide_box .main_slide > .list li .slide_box .img_box .img_inner {display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
	.sec01 .inner .main_slide_box .main_slide > .list li .slide_box .img_box .img_inner img {display: inline-block; vertical-align: middle; width: 100%; height: 100%; object-fit: contain;}
	.sec01 .inner .main_slide_box .main_slide .slick-dots {bottom: 0;}


	.sec01 .inner .login_box {display: none; width: 100%; margin: 10px 0 0; padding: 10px;}
	.sec01 .inner .login_box .login_btm {display: flex; column-gap: 5px; margin: 10px 0 0;}
	.sec01 .inner .login_box .login_btm .btn {font-size: 14px;}
	.sec01 .inner .login_box .login_btm .btn.bg02 {margin: 0;}

	.sec01 .inner .login_box .login_top .list li .input_box input {font-size: 14px; line-height: 35px;}
	.sec01 .inner .login_box .login_top .list li .input_box input::placeholder {font-size: 14px;}
	.sec01 .inner .login_box .login_util li {margin: 0 8px 0 0; padding: 0 8px 0 0;}
	.sec01 .inner .login_box .login_util li .box {font-size: 14px;}

	.sec02 .container {padding: 0;}
	.sec02 .info_area > .box {padding: 10px;}
	.sec02 .info_area > .box .title_area .tab_menu {width: calc(100% - 40px);}
	.sec02 .info_area > .box .title_area .tab_menu .list li .btn {font-size: 14px; line-height: 38px;}
	.sec02 .info_area > .box .title_area .tab_menu .list li.on .btn {line-height: 40px;}
	.sec02 .info_area > .box .title_area .more_btn {width: 40px; height: 40px;}
	.sec02 .info_area > .box .tab_cont .cont {padding: 10px 0;}
	.sec02 .info_area > .box .tab_cont .cont .list li {margin: 5px 0 0;}
	.sec02 .info_area > .box .tab_cont .cont .list li .box {padding: 0 70px 0 0;}
	.sec02 .info_area > .box .tab_cont .cont .list li .box .text {font-size: 14px; line-height: 22px;}
	.sec02 .info_area > .box .tab_cont .cont .list li .box .text .sort {margin: 0 5px 0 0; padding: 0 8px; line-height: 22px;}
	.sec02 .info_area > .box .tab_cont .cont .list li .box .date {font-size: 14px; line-height: 18px;}

	.sec03 {padding: 40px 0 25px;}
	.sec03 .business_area .title_box .title {font-size: 32px; line-height: 34px;}
	.sec03 .business_area .business_box {margin: 30px 0 0;}
	.sec03 .business_area .business_box .list {column-gap: 20px;}
	.sec03 .business_area .business_box .list li {width: 20%;}
	.sec03 .business_area .business_box .list li .box .icon_box {width: 100px; height: 100px;}
	.sec03 .business_area .business_box .list li .box .icon_box img {height: 54px;}
	.sec03 .business_area .business_box .list li .box .text_box .title {font-size: 18px; line-height: 20px;}
	.sec03 .business_area .business_box .list li .box .text_box .text {font-size: 14px; line-height: 20px;}
	.sec03 .business_area .business_box .list li .box .text_box .text br {display: none;}

	.sec04 {padding: 20px 0 70px;}
	.sec04 .news_area > .list {gap: 0 10px;}
	.sec04 .news_area > .list > li .news_box .title_box {padding: 0 10px;}
	.sec04 .news_area > .list > li .news_box .title_box .title {font-size: 18px; line-height: 40px;}
	.sec04 .news_area > .list > li .news_box .title_box .view_btn {height: 20px;}
	.sec04 .news_area > .list > li .news_box .title_box .view_btn img {width: 20px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box {padding: 10px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner {column-gap: 5px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .img_box {max-width: 120px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .text_box {padding: 5.5px 0;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .text_box .sort {font-size: 14px; line-height: 20px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .text_box .title {margin: 3px 0 0; font-size: 16px; line-height: 20px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .text_box .text {height: 32px; font-size: 12px; line-height: 16px;}



}
@media screen and (max-width: 767px) {
	.sec01 {padding: 10px 0;}
	.sec01 .inner .main_slide_box .main_slide .slick-dots li {margin: 0 5px 0 0;}
	.sec01 .inner .main_slide_box .main_slide .slick-dots li button {width: 10px; height: 10px;}


	.sec02:before {display: none;}
	.sec02 .info_area > .box {display: block; width: 100%;}
	.sec02 .info_area > .box.notice_box {border-bottom: 1px solid #ececec;}
	.sec02 .info_area > .box .title_area .tab_menu {width: calc(100% - 32px);}
	.sec02 .info_area > .box .title_area .tab_menu .list li .btn {font-size: 14px; line-height: 30px;}
	.sec02 .info_area > .box .title_area .tab_menu .list li.on .btn {line-height: 32px;}
	.sec02 .info_area > .box .title_area .more_btn {width: 32px; height: 32px;}
	.sec02 .info_area > .box .title_area .more_btn img {width: 14px;}

	.sec02 .info_area > .box .tab_cont .cont {padding: 5px 0;}
	.sec02 .info_area > .box .tab_cont .cont .list li .box {padding: 0 65px 0 0;}
	.sec02 .info_area > .box.edu_img_box .box .img_box img.pc {display: none;}
	.sec02 .info_area > .box.edu_img_box .box .img_box img.mob {display: block;}

	.sec03 {padding: 20px 0;}
	.sec03 .business_area .title_box .title {font-size: 24px; line-height: 26px;}
	.sec03 .business_area .business_box {display: initial; width: 100%; height: 100%; text-align: center; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.sec03 .business_area .business_box .list {display: block; overflow-y: hidden; font-size: 0; padding: 20px 0 10px; font-size: 0;}
	.sec03 .business_area .business_box .list li {display: inline-block; width: 100%; max-width: 130px; margin: 0 10px 0 0; vertical-align: top;}
	.sec03 .business_area .business_box .list li:last-child {margin: 0;}
	.sec03 .business_area .business_box .list li .box .icon_box {width: 80px; height: 80px;}
	.sec03 .business_area .business_box .list li .box .icon_box img {height: 44px;}
	.sec03 .business_area .business_box .list li .box .text_box {margin: 10px 0 0;}
	.sec03 .business_area .business_box .list li .box .text_box .title {font-size: 16px; line-height: 18px;}
	.sec03 .business_area .business_box .list li .box .text_box .text {font-size: 12px; line-height: 18px; white-space: initial}
	
	.sec03 .business_area .business_box *::-webkit-scrollbar {height:4px;}
	.sec03 .business_area .business_box *::-webkit-scrollbar-track {background:#ccc; border-radius:3px;}
	.sec03 .business_area .business_box *::-webkit-scrollbar-thumb {background:#1f3f99; border-radius:3px;}
	.sec03 .business_area .business_box *::-webkit-scrollbar-thumb:hover {background:#1f3f99;}

	.sec04 {padding: 10px 0 40px;}
	.sec04 .news_area > .list {flex-direction: column; gap: 10px;}
	.sec04 .news_area > .list > li .news_box .title_box .title {font-size: 16px; line-height: 32px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box {padding: 6px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner {flex-direction: column; gap: 10px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .img_box {max-width: 180px;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .text_box {padding: 0;}
	.sec04 .news_area > .list > li .news_box .text_area .list li .box .box_inner .text_box .text {height: auto; margin: 5px 0 0;}
	


}

@media screen and (max-width: 480px) {
	.sec01 {padding: 0;}
	.sec01 .container {padding: 0;}
	.sec01 .inner .main_slide_box .main_slide .slick-dots {bottom: 5px;}
	.sec01 .inner .main_slide_box .main_slide .slick-dots li {margin: 0 3px 0 0;}
	.sec01 .inner .main_slide_box .main_slide .slick-dots li button {width: 8px; height: 8px;}
}