/*Content CSS*/
#c4_wrap .c_inner { width: 100%; max-width: 1560px; margin:0 auto; position: relative; padding:0 50px;}
#c4_wrap .c_tit h3 {position: relative; padding-left: 15px; font-weight: 700; margin-bottom: 30px; line-height: 1;}
#c4_wrap .c_tit h3::before {content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #1167b3; left: 0; top:-3px;  position: absolute; }

/* font size */
#c4_wrap .fs_54 {font-size: 54px; font-weight :800; line-height: 1.43;}
#c4_wrap .fs_36 {font-size: 36px; font-weight :700; line-height: 1.39;}
#c4_wrap .fs_34 {font-size: 34px; font-weight:500; line-height: 1.3; }
#c4_wrap .fs_33 {font-size: 33px; font-weight:700; line-height: 1.3;}
#c4_wrap .fs_32 {font-size: 32px; font-weight:700; line-height: 1.3;  }
#c4_wrap .fs_30 {font-size: 30px; font-weight:700; line-height: 1.3;}
#c4_wrap .fs_28 {font-size: 28px; font-weight:700; line-height: 1.3;}
#c4_wrap .fs_27 {font-size: 27px; font-weight:700; line-height: 1.3;}
#c4_wrap .fs_26 {font-size: 26px; font-weight:700; line-height: 1.3;  }
#c4_wrap .fs_25 {font-size: 25px; font-weight:700; line-height: 1.3;  }
#c4_wrap .fs_24 {font-size: 24px; font-weight:700; line-height: 1.4;}
#c4_wrap .fs_23 {font-size: 23px; font-weight:700; line-height: 1.4;}
#c4_wrap .fs_22 {font-size: 22px; font-weight:600; line-height: 1.4; }
#c4_wrap .fs_21 {font-size: 21px; font-weight:600; line-height: 1.67; }
#c4_wrap .fs_20 {font-size: 20px; font-weight:400; line-height: 1.67; }
#c4_wrap .fs_19 {font-size: 19px; font-weight: 400; line-height: 1.67; }
#c4_wrap .fs_18 {font-size: 18px; font-weight: 400;  line-height: 1.83; }
#c4_wrap .fs_17 {font-size: 17px; font-weight: 400; line-height: 1.72; }
#c4_wrap .fs_16 {font-size: 16px; font-weight: 400;  line-height: 1.72; }
#c4_wrap .fs_15 {font-size: 15px; font-weight: 400;  line-height: 1.72; }

/* btn */
#c4_wrap .c_btn a {display: flex; align-items: center;  justify-content: space-between;  font-size: 18px; background-color:transparent; font-weight: 500;
transition: all .3s; width: 240px; height: 60px; line-height: 1;  color:#000; border:1px solid #000; letter-spacing: -.38px; border-radius: 10px; padding: 0 24px;}
#c4_wrap .c_btn a i {width: 22px; height: 14px; background:url("../img/c_btn_arrow.png") 50%/contain no-repeat;  transition: all .3s; display: block; }
#c4_wrap .c_btn a:hover { background : #1167b3; border-color: #1167b3; color: #fff; }
#c4_wrap .c_btn a:hover i {transform: translateX(5px); background-image:url("../img/c_btn_arrow_hv.png"); }


#c4_wrap .tab {display: none;}
#c4_wrap .tab.active {display: block;}


#c4_wrap {padding: 0 0 120px; background: #fff;}
#c4_wrap .c_tit {display: flex; justify-content: space-between; align-items: flex-start; }
#c4_wrap .c_tit::before {content: ''; display: block; width: 927px; height: 2px; background-color: #333; margin-top:48px;}
#c4_wrap .c_tit h2 {text-align: right; }
#c4_wrap .c_tit h2 span {color:#1167b3; }

#c4_wrap .tab_btn {display: flex; padding-left: 34px;}
#c4_wrap .tab_btn li::after {content: ''; display: inline-block; width: 1px; height: 21px; background: #ddd; margin:0 45px; position: relative; top:0; }
#c4_wrap .tab_btn li:last-child::after {display: none; }
#c4_wrap .tab_btn li a {font-size: 33px; color:#ccc; transition: all .3s; cursor: pointer; font-weight: 700; position: relative; z-index: 1;}
#c4_wrap .tab_btn li a::before {content: ''; display: block; width: 39px; height: 39px; border-radius: 50%; background: #E9F0F7; position: absolute; z-index: -1;
left: -18px; top: -8px; opacity: 0; transition: opacity .3s;}
#c4_wrap .tab_btn li a.active {color:#1167b3;}
#c4_wrap .tab_btn li a.active::before {opacity: 1;}
#c4_wrap .tab_btn li a:hover {color:#1167b3;}

/* slider */
#c4_wrap .slider {width: 100%; position: relative; width: calc(100% + 24px); left: -12px; margin-top: 50px;}
#c4_wrap .slider .slick-track {min-width: 100%; }
#c4_wrap .slide_box {margin: 0 12px;}
#c4_wrap .slide_box.slick-active {overflow: hidden; }
#c4_wrap .slide_box a { background: transparent; text-align: left; outline: none; display: block;  display: block; width: 100%; height: 100%;
padding:45px; outline: none;background: #eeeeee; z-index: 1; position: relative; transition:  background-color .3s ease; border-radius: 10px 10px 40px 10px;}
#c4_wrap .slide_box a::before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; border-radius: inherit;
transition:  opacity .3s ease; opacity: 0; border:3px solid #1167b3; }
#c4_wrap .slide_box h2 {font-size:15px; color:#fff; background-color: #1167b3; border-radius: 5px; display: inline-block; line-height: 1; white-space: nowrap; font-weight: 600;
text-transform: uppercase; padding: 7px 17px; }
#c4_wrap .slide_box h1 {font-size:25px; font-weight: 600; color:#000; line-height:1.1; margin:25px 0 50px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#c4_wrap .slide_box p {font-size:20px; font-weight: 300; color:#696969; line-height:36px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; min-height: 72px; }
#c4_wrap .slide_box .date {font-size: 14px; font-weight: 400; color:#aaa; display: block; margin-top:50px; line-height: 1; border-top: 1px solid #cdcdcd; padding-top: 20px;
margin-top: 20px;}
/* hover */
#c4_wrap .slide_box a:hover {background-color: #fff;}
#c4_wrap .slide_box a:hover::before {opacity: 1;}

/* dots */
#c4_wrap .slick-dots {display: flex; justify-content: center; width: 100%; margin-top: 75px;}
#c4_wrap .slick-dots li { margin-right:27px; }
#c4_wrap .slick-dots li:last-child {margin-right: 0; }
#c4_wrap .slick-dots button {font-size: 0; width: 16px; height:16px; background: #F2F2F2; border-radius: 50%; transition: background-color .3s; }
#c4_wrap .slick-dots li.slick-active button {background-color: #1167b3;}

#c4_wrap .c_btn {position: absolute; right:50px; bottom: -20px;}




@media screen and (max-width: 1599px) {
    

}