/*공통*/
.c_title {width: 100%;}
.c_title_line { width: 253px; height: 3px; background-color: #19459c; margin-bottom: 28px;}
.c_title h1 {font-size: 28px; font-weight: 700; line-height: 42px; letter-spacing: -0.3px; text-align: left; color: #333; font-family: 'NanumSquare', sans-serif !important; word-break: keep-all;}
.c_title p {font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: -0.3px; text-align: left; color: #333; font-family: 'NanumSquare', sans-serif !important; word-break: keep-all;}
.sub_p_line {width: 30px; height: 1px; background: #000; display: inline-block;}
.ul_list li {width: 100%; margin-bottom: 20px; background: url('../img/c_blet')no-repeat 0  10px;; padding-left: 18px; font-size: 15px; font-weight: 300; color:#333; letter-spacing: -0.75px; line-height: 26px;  word-break: keep-all;}
.ul_list li:last-child {margin-bottom: 0;}

.ul_list_bg li {width: 100%; padding: 15px 30px; border-bottom: 1px solid #ddd; background: #fff;}
.ul_list_bg li:first-child {border-top: 1px solid #ddd;}
.ul_list_bg li:nth-child(2n) {background: #f7f7f7;}

.list_num {font-size: 24px;  font-weight: 700; color: #19459c; margin-right: 20px;}
.ul_list_bg li p {font-size: 15px; font-weight: 300; color:#333; letter-spacing: -0.75px; line-height: 26px;  word-break: keep-all; margin-top: 5px;}

/*Content CSS*/
#c4_wrap {width: 100%;}
#contents4 {width: 1280px; margin: 0 auto; padding-bottom: 100px; position: relative;}
#c4_article {width: 100%; display: flex; flex-direction: row; justify-content: space-between;}

.c4_box {width: 406px;}
.c4_box a {display: block; text-decoration: none; text-align: center; width: 100%; position: relative; overflow: hidden;}
.c4_box a > h1 {width: 100%; height: 60px;  line-height: 60px; font-family: 'Montserrat', sans-serif !important; text-align: center; font-size: 24px; font-weight: 600; background: #fff; color:#333;  border: 1px solid #ddd;transition: all 0.3s}
.c4_box a > p {width: 100%; font-family: 'Montserrat', sans-serif !important; color:#333; font-size: 16px; font-weight: 400; margin: 20px 0;}

.c4_img_box {overflow: hidden;}
.c4_img_box img {transition: all 0.3s; transform: scale(1);}

.c4_mark {width: 100%; height: 516px; background-size: cover; background: rgba(0,0,0,0.6); position: absolute; bottom: 0; left: 0; z-index: 3; transition: all 0.3s; opacity: 0;}
.c4_mark h1 { padding-top: 212px; color:#fff; font-weight: 600; font-size: 30px; margin-bottom: 15px; font-family: 'Montserrat', sans-serif !important;}
.c4_mark p {  color:#fff; font-weight: 400; font-size: 16px; font-family: 'Montserrat', sans-serif !important; opacity: 0.8;}
.c4_mark p img {padding-left: 5px; position: relative; top: -2px;}

.c4_box a:hover .c4_mark {opacity: 1}
.c4_box a:hover > h1 {background: #19459c; color:#fff;  border: 1px solid #19459c; }
.c4_box a:hover .c4_img_box img {transform: scale(1.1);}


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

}

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

}

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

}