/* 공통 */
#c3_wrap .c_inner {width: 1300px; margin:0 auto; position: relative;}
#c3_wrap .c_title {text-align: center;}
#c3_wrap .c_title h2 {font-size:14px; font-weight: 400; color:#0867ae; letter-spacing: 7px; font-family: 'Montserrat'; margin-bottom: 20px; text-transform: uppercase;}
#c3_wrap .c_title h1 {font-size:55px; font-weight: 800; color:#333; font-family: 'NanumSquare',sans-serif; }

/*Content CSS*/
#c3_wrap {text-align: left; position: relative; background: #fff; padding:115px 0;}
#c3_wrap .c_inner {display: flex; justify-content: space-between;}
#c3_wrap .c_title {text-align: left; padding-bottom: 30px; display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #000; margin-bottom: 35px;}
#c3_wrap .c_title h1 {font-size:35px;}
#c3_wrap .c_title a {display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; transition: all .3s ease; background: #333;}
#c3_wrap .c_title a img {transition: all .3s ease;}
#c3_wrap .c_title a:hover {background: #0768af;}
#c3_wrap .c_title a:hover img {transform: rotate(90deg);}
.c3_box {width: 600px;}

/* notice */
.c3_box.notice ul li {display: flex; align-items: center; margin-bottom: 20px;}
.c3_box.notice ul li div {width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; background: #0867ae; margin-right: 40px;}
.c3_box.notice ul li div h1 {color:#fff; font-size:17px; font-weight: 800; font-family: 'NanumSquare',sans-serif;}
.c3_box.notice ul li a {display: block; width: calc(100% - 110px); }
.c3_box.notice ul li h2 {font-size:17px; font-weight: 800; color:#333; margin-bottom: 10px; font-family: 'NanumSquare',sans-serif; text-overflow:ellipsis; overflow:hidden;
white-space:nowrap; width: 100%; transition: color .3s ease;}
.c3_box.notice ul li p {font-size:14px; font-weight: 300; color:#9e9e9e;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width: 100%;}
.c3_box.notice ul > li:nth-child(2) div {background: #0891ae;}
.c3_box.notice ul > li:nth-child(3) div {background: #08ae95;}
.c3_box.notice ul > li:nth-child(4) div {background: #28d388; margin-bottom: 0;}
.c3_box.notice ul li a:hover h2 {color:#0867ae;}


/* brochure */
.bro_flex {display: flex; justify-content: space-between; align-items: flex-end;}
.bro_img {overflow: hidden; border:1px solid #ddd;}
.bro_txt h2 {font-size:24px; font-weight: 800; color:#333;  font-family: 'NanumSquare',sans-serif;}
.bro_txt h2::after {content: ''; display: block; width: 53px; height: 1px ;background: #0867ae; margin:20px 0 25px;}
.bro_txt p {font-size:15px; font-weight: 400; color:#333; line-height: 28px; }
.bro_txt span {display: block; font-size:12px; font-weight: 400; color:#b2bbc2; margin:35px 0 15px;}
.bro_txt a {width: 290px; height: 60px;  display: flex; align-items: center; justify-content: center; background: #333; font-size:16px; font-weight: 400; color:#fff;
text-transform: uppercase; transition: all .3s ease;}
.bro_txt a i {margin-left:15px; font-size:18px; transition: all .3s ease; position: relative;}
.bro_txt a:hover {background: #0867ae; transition: all .3s ease;}
.bro_txt a:hover i {animation: hv_ani .8s infinite ease-in-out;}

@keyframes hv_ani {
	0%{top:-0;}
	50%{top:-5px;}
	100%{top:-0;}
}








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

}

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

}

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

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

}