/* common */
#c3_wrap .c_inner { padding: 0 50px; margin: 0 auto; max-width: 1400px; width: 100%;}
#c3_wrap .c_head {position: relative;}
#c3_wrap::after {content: ''; display: block; width: 1px; height: 100%; background-color: #ddd; right:99px; top:0px; position: absolute;}
#c3_wrap::before {content: ''; display: block; width: 1px; height: 155px; background-color: #ddd; right:99px; top:-150px; position: absolute;}

/* font size */
#c3_wrap .fs_60 {font-size: 60px; font-weight: 700; color:#000; line-height: 1.3; font-family: 'Poppins', sans-serif;}
#c3_wrap .fs_18 {font-size: 18px; font-weight: 300; color:#333; line-height: 1.94;}

/* btn */
#c3_wrap .c_btn a { display: flex; align-items: center; justify-content: space-between; width: 200px; height: 50px; background: transparent; font-size:16px; font-weight: 300; color: #fff;  border:1px solid #fff; transition: all .3s; padding: 0 20px; font-family: 'Roboto', sans-serif; text-transform: uppercase;}
#c3_wrap .c_btn a i {display: block; width: 15px; height: 15px; background:url("../img/btn_plus.png") 50%/contain no-repeat; transition: all .3s; }
#c3_wrap .c_btn a:hover {background-color: #072d60; border-color: #072d60;}
#c3_wrap .c_btn a:hover i {transform: rotate(90deg);}

#c3_wrap .btn_wr {display: flex; align-items: center; }
#c3_wrap .tab_btn {display: flex; }
#c3_wrap .tab_btn li:last-child::after {display: none; }
#c3_wrap .tab_btn li a::after {content: ''; display: block; width: 8px; height: 13px; background:url("../img/c3_arrow_no_color.png") 50%/contain no-repeat; float: left; margin-top: 4px; margin-right: 5px}
#c3_wrap .tab_btn li a {font-size: 18px; color:#999; transition: all .3s; cursor: pointer; font-weight: 700; margin-right: 20px}
#c3_wrap .tab_btn li a.active {color:#002358;}
#c3_wrap .tab_btn li a.active::after {content: ''; display: block; width: 8px; height: 13px; background:url("../img/c3_arrow_color.png") 50%/contain no-repeat; float: left; margin-top: 4px; margin-right: 5px}
/* tab */
#c3_wrap .tab {display: none;}
#c3_wrap .tab.active {display: block;}
/* //tab */
#c3_wrap .tab_btn li {font-size: 18px; color: #002358; transition: all .3s; cursor: pointer; font-weight: 700; }
#c3_wrap .tab_btn li::before {content: ''; display: block; width: 8px; height: 13px; background:url("../img/c3_arrow_color.png") 50%/contain no-repeat; float: left; margin-top: 4px; margin-right: 5px; display: none}
#c3_wrap .tab_btn li.active::before {content: ''; display: block; width: 8px; height: 13px; background:url("../img/c3_arrow_color.png") 50%/contain no-repeat; float: left; margin-top: 4px; margin-right: 5px; display: block}


/*Content CSS*/
#c3_wrap {position: relative; z-index: 1;  padding: 80px 0 50px; background:url("../img/c4_bg.jpg") 50%/cover no-repeat;}
#c3_wrap .top {display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 35px;}

#c3_wrap article {display: flex; justify-content: space-between; }
#c3_wrap .papers {width: 50%; max-width: 635px; }
#c3_wrap .board {border-top: 2px solid #002358; min-height: 434px;}
#c3_wrap .board a {display: flex; align-items: center ;position:relative; padding: 30px 100px 30px 25px; border-bottom: 1px solid #dddddd; transition: background-color .3s; width: 100%;}
#c3_wrap .board a:hover {background-color: #f7f7f7; }
#c3_wrap .board .date {text-align: center; font-size: 14px; font-weight: 300; color:#999; font-family: 'Poppins', sans-serif;line-height: 1.15; flex-shrink: 0; margin-right: 35px; transition: .3s}
#c3_wrap .board a:hover .date {color:#002358;}
#c3_wrap .board .date b {display: block; font-size: 41px; font-weight: 700; }
#c3_wrap .board .txt {width: 100%; overflow: hidden; }
#c3_wrap .board .txt h4 {font-size: 20px; font-weight: 600; color:#000; text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: nowrap;}
#c3_wrap .board .txt p {font-size: 14px; font-weight: 300; color:#666; margin-top: 15px; text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: nowrap;}
#c3_wrap .board .plus {display: block; position: absolute; right: 25px; top: 50%;  transform: translateY(-50%); opacity: 0; transition: .3s}
#c3_wrap .board .plus img {transition: transform .4s;}
#c3_wrap .board a:hover .plus {opacity: 1}
#c3_wrap .board a:hover .plus img {transform: rotate(90deg) ;}

#c3_wrap .courses .list {display: flex; margin-top: 48px}
#c3_wrap .courses .list li {width: 50%; }
#c3_wrap .courses .list a {display: block; overflow: hidden; position: relative;}
#c3_wrap .courses .list a > img {transition: transform .3s; }
#c3_wrap .courses .list a:hover > img {transform: scale(1.05);}
#c3_wrap .courses .list h3 {position: absolute; left: 20px; bottom: 20px; font-size: 22px; font-weight: 800; color:#fff; }
#c3_wrap .courses .list h3 i {margin-left: 9px; }

#c3_wrap .courses .top {display: flex; justify-content: flex-end; margin-bottom: 0px; margin-top: 42px;}

/* slider */
#c3_wrap .slider {width: 100%; position: relative; width: calc(100% + 20px); left: -10px; margin-top:50px;}
#c3_wrap .slider .slick-track {min-width: 100%; }
#c3_wrap .slide_box {margin-left: 18px}
#c3_wrap .slide_box.slick-active {overflow: hidden; }
#c3_wrap .slide_box a { background: transparent; text-align: left; outline: none; display: block; min-height: 380px; display: block; width: 305px; height: 100%;
padding:43px 39px; outline: none; z-index: 1; position: relative; background: #fff; border:1px solid #ddd; transition: border-color .3s;}
#c3_wrap .slide_box a::before {content: ''; display: block; position: absolute; left: 0; top: 0; transition: opacity .3s; width: 100%; height: 100%; border: 2px solid #072d60; opacity: 0;}
#c3_wrap .slide_box h2 {font-size:14px; font-weight:700; color:#999; font-family: 'Pretendard', sans-serif; transition: .5s}
#c3_wrap .slide_box h4 {font-size:21px; color:#000; line-height:27px; margin:15px 0 15px; min-height:40px; font-weight: 600;
text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; transition: color .3s ease; font-family: 'Pretendard', sans-serif;}
#c3_wrap .slide_box p {font-size:14px; font-weight: 400; color:#555; line-height: 26px; overflow: hidden; display: -webkit-box; min-height: 130px; transition: color .3s ease; font-family: 'Pretendard', sans-serif;}
#c3_wrap .slide_box .icon {display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 49px; height: 27px; transform: translateY(-50%); transition: .5s}
#c3_wrap .slide_box .date {font-size: 14px; font-weight: 300; color:#a3a3a3;}
#c3_wrap .slide_box .date em {margin-right: 8px; font-size: 18px; color:#999;  display: inline; position: relative; top: 3px;transition: color .3s;}
#c3_wrap .slide_box a .c3_plus {opacity: 0; transition: .4s}
/* hover */
#c3_wrap .slide_box a:hover {border-color: #002358;}
#c3_wrap .slide_box a:hover h2 {color:#002358}
#c3_wrap .slide_box a:hover .date em {color:#002358}
#c3_wrap .slide_box a:hover .c3_plus {opacity: 1; transform: rotate(90deg) ;}
#c3_wrap .slide_box a:hover::before {opacity: 1;}
#c3_wrap .slide_box a:hover .link {background-color: #072d60; }

/* dots */
#c3_wrap .slick-dots {display: flex ; margin-left: 37px; padding-top: 15px;}
#c3_wrap .slick-dots li {margin-right: 16px; }
#c3_wrap .slick-dots li:last-child {margin-right: 0; }
#c3_wrap .slick-dots button {border:0; font-size: 0; outline: none; background: #fff; width:12px; height: 12px; transition: all .3s ease;
border-radius: 50%; border:1px solid rgba(0,0,0,.5);}
#c3_wrap .slick-dots li.slick-active button {background-color: #072d60; border-color: #072d60; }


/* arrow */
#c3_wrap .slick-arrow { cursor: pointer; transition: all 0.3s; position:absolute; z-index: 10; opacity: 1; border:0; font-size: 0;
width:25px; height: 48px; top: 46%;  transform: translateY(-50%);}
#c3_wrap .slick-arrow.slick-prev { background:url('../img/prev.png') no-repeat center top; left: -85px;}
#c3_wrap .slick-arrow.slick-next { background:url('../img/next.png') no-repeat center bottom;right: -85px;}
#c3_wrap .slick-arrow:focus {outline: none; border: none;}

@media screen and (max-width:1690px) {
	#c3_wrap::before, #c3_wrap::after {display: none;}
}