/* common */
#c3-wrap .section-inner {margin: 0 auto;position: relative;}
#c3-wrap h1 {font-family: 'NanumSquare', sans-serif;font-size: 33px;color: #222;font-weight: 900;position: relative;}
#c3-wrap h1::before {content:'';display: block;width: 30px;height: 3px;background: #14326b;margin: 0 0 20px;}

/*Content CSS*/
#c3-wrap {width: 100%;background: #fff;display: flex;justify-content: space-between;align-items: center;justify-content: center;padding: 60px 0;}
#c3-wrap .section-inner {width: 100%;}
#c3-box1 {width: 410px; background: #ea5752; padding: 50px 50px}
.c3-title {font-family: 'Montserrat',sans-serif; text-align: left; font-weight: 600; font-size: 39px; line-height: 70px; color:#fff;}
.c3-title span {font-weight: 400;}
.c3-line {width: 40px; height: 2px; background: #fff; margin: 7px 0 25px 0;}

#c3-call {font-family: 'Montserrat',sans-serif; font-weight: 500; color:#fff; font-size: 28px; letter-spacing: 0.28px; margin-bottom: 40px;}
#c3-call img {margin-right: 5px; position: relative; top: -2px; width: 27px;}

#c3_table table {width: 100%; border-collapse: collapse}
#c3_table table th, #c3_table table td {text-align: left; color:#fff; vertical-align: top; padding: 5px 0;}
#c3_table table th {font-family: 'Montserrat','S-CoreDream-4Regular', sans-serif; font-size: 15px; font-weight:500; color:#fff; width: 70px;}
#c3_table table td {font-family: 'Montserrat','S-CoreDream-3Light', sans-serif; font-size: 16px; font-weight:400; color:#ffdfde;}

#c3_btn {margin-top: 20px;}
#c3_btn a {width: 100%; height: 50px;  transition: all 0.3s; text-align: center; display: block; text-align: center ;line-height: 50px; border: 1px solid #fff; color:#fff; font-size: 18px; font-family: 'Montserrat','S-CoreDream-3Light', sans-serif; letter-spacing: 2.7px;}
#c3_btn a:hover {background: #fff; color:#ea5752;}

#c3-box2 {width: 870px; background: #fff; padding: 50px 50px 60px 50px;}
#c3-box2 .c3-title {color:#3a3a3a;}
#c3-title_box {width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.c3-plus {width: 31px; height: 31px;}
.c3-plus a {width: 31px; height: 31px; transition: all 0.3s; text-align: center; padding-top:7px; border: 1px solid #ea5752; display: block;}
.c3-plus a span {display: inline-block; width: 15px; height: 15px;  transition: all 0.3s; background: url('../img/c3-plus_r.png')no-repeat 50% 50%; transform: rotate(0);}
.c3-plus a:hover { background: #ea5752;}
.c3-plus a:hover span { background: url('../img/c3-plus_w.png')no-repeat 50% 50%;  transform: rotate(90deg);}

#c3_notice {width: 100%; margin-top: 7px;}
#c3_notice ul li {width: 100%;}
#c3_notice ul li a {width: 100%; border-top: 1px solid #dcdcdc; padding: 21px 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
#c3_notice ul li div:nth-child(1) {display: flex; flex-direction: row; align-items: center;}
#c3_notice ul li div p {font-family: 'Montserrat',sans-serif; font-size: 12px; font-weight: 500; color: #707070; padding-right: 20px; margin-right: 20px; border-right: 1px solid #f5f5f5;}
#c3_notice ul li div h1 { font-size: 15px; font-weight: 300; color: #3a3a3a;}
.c3_arrow {font-size: 22px; color:#aaa; transition: all 0.3s;}
#c3_notice ul li a:hover .c3_arrow {color:#ea5752;}


/* NOTICE */
.c3-notice {padding: 0 20px;}
.c3-notice .text-group {}
.c3__title {display: flex;justify-content: space-between;align-items: flex-end;border-bottom: 1px solid #14326b;padding-bottom: 35px;}
.c3__title a {display: block;transition: .3s;}
.c3__title a:hover {transform: rotate(180deg);}
.c3__title img {max-width: 100%;}
.c3-notice__menu {border-top: 1px solid #fff;border-bottom: 1px solid rgba(221, 221, 221, 0.27);padding-bottom: 10px;}
.c3-notice__menu li {position: relative;}
.c3-notice__menu li:not(.new) {margin: 30px 0;margin: 15px 0;}
.c3-notice__menu li:not(.new)::before{ content: ''; position:absolute; left:0;top:50%; transform: translateY(-50%);width: 5px; height:5px; border-radius: 50%; background:
#14326b;}
.c3-notice__menu li.new {padding: 25px 0;border-bottom: 1px solid #e6e0f0;margin-bottom: 30px;}
.c3-notice__menu li.new a {display: flex; align-items: center;}
.c3-notice__menu li.new .icon {font-size: 13px;font-weight: 500;color: #fff;width: 70px;text-transform: uppercase;text-align: center;background: #14326b;padding: 4px;}
.c3-notice__menu li a {display: flex; justify-content: space-between; align-items: center;}
.c3-notice__menu li:hover a .title {color: #14326b;}
.c3-notice__menu li .icon em {display: inline-block;margin-left: 7px;font-size: 13px;font-weight:400;color: #000;padding-left: 7px;}
.c3-notice__menu li .title {font-size: 14px;font-weight:300;color: #666;width: 72%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition: .3s;margin-left: 10px;width: 55%;}
.c3-notice__menu li.new .title {font-size: 15px;color: #000;font-weight: 400;}
.c3-notice__menu li.new a {font-weight: 500;}
.c3-notice__menu li .date {font-size: 13px;font-weight: 300;color: #afafaf;}


/* c3-info */
.c3-info {margin-top: 40px;}
.c3-info > div {overflow:hidden;}
.c3-info .top {}
.c3-info .bottom {display: flex;justify-content: space-between;margin-top: 8.5px;}
.c3-info .bottom .text-group {width: calc(50% - 5px);}
.c3-info .text-group {position:relative;z-index:1;display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden;padding: 30px;}
.c3-info .text-group .bg {position:absolute;left:0;top:0;width:100%;height:100%;transition:.3s;z-index:-1;background-position: center;background-repeat: no-repeat;background-size: cover;}
.c3-info .text-group:hover .bg{transform:scale(1.1);}
.c3-info .top .bg {background-image: url("../img/c3_img1.jpg");}
.c3-info .bottom .text-group:nth-of-type(1) .bg {background-image: url("../img/c3_img2.jpg");}
.c3-info .bottom .text-group:nth-of-type(2) .bg {background-image: url("../img/c3_img3.jpg");}
.c3-info .text-group em {position: relative;font-family: 'Inter', sans-serif;font-size: 20px;font-weight: 600;color: #fff;}
.c3-info .text-group em::before {content: '';display: block; width: 20px; height: 3px; background: #fff; margin: 0 auto 15px;}
.c3-info .text-group p {font-size: 13px;font-weight: 300;color: #fff;line-height: 24px;margin-top: 10px;min-height: 48px;}
.c3-info .text-group p strong {font-weight: 500;}
