/* 공통 */
#c3_wrap .c_inner {width: 1300px; margin:0 auto; position: relative;}
#c3_wrap .c_title {width: 1300px; height:auto;}
#c3_wrap .c_title h1 {font-size:60px; font-weight: 400; color:#000; font-family: 'paybooc-ExtraBold';}

/*Content CSS*/
#c3_wrap {padding:0px 0 100px; background: #fff; }
#c3_wrap .c3_top {display: flex; justify-content: space-between; align-items: flex-end;}
#c3_wrap .c_title p {font-size:18px; font-weight: 300; color:#646464; margin:15px 0 0;}
.c3_btn {display: flex; align-items: flex-end; }
.c3_btn > a {    display: flex;align-items: center;justify-content: center;flex-direction: column; width: 101px; height: 101px; transition: all .3s ease; background: #1f4de5;
margin-left:48px; border:1px solid #1f4de5;}
.c3_btn > a p {font-size:18px; font-weight: 400; color:#fff; font-family: 'paybooc-Bold'; transition: color .3s ease; }
.c3_btn > a p::after{ content: ''; display: block ; width: 54px; height: 1px; background: #fff; margin:10px auto 0; transition:  background-color .3s ease;}
/* hover */
.c3_btn > a:hover {background: #fff; }
.c3_btn > a:hover p {color:#1f4de5;}
.c3_btn > a:hover p::after {background-color: #1f4de5;}
/* tab btn */
.c3_btn ul {display: flex ; align-items: center;}
.c3_btn ul li a {font-size:18px; font-weight: 400; color:#333; font-family: 'paybooc-Bold'; transition: all .3s ease; cursor: pointer;}
.c3_btn ul li a.active {color:#1f4de5;}
.c3_btn ul li:first-child a::after {content: ''; display: inline-block; width: 1px; height:18px; background: #c4c6cf; margin:0 24px; position: relative; top:3px;}
/* c3_bo_list */
.c3_bo_list {display: flex; justify-content: space-between; margin:66px 0 0;}
.c3_bo_list li {width: 410px; height: 300px;}
.c3_bo_list li a {display: block ;width: 100%; height: 100%; position: relative; background: #fff; box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.07); padding:86px 46px 0;}
.c3_bo_list li a h2 {width: 120px; height: 30px; line-height: 30px; background: #333; text-align: center; position: absolute; top:27px; left:-6px; font-size: 18px;
font-weight: 400; color:#fff; font-family: 'paybooc-Light'; transition: all .3s ease;}
.c3_bo_list li a h1 {font-size:20px; font-weight: 400; color:#333; line-height: 33px; font-family: 'paybooc-Bold'; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;  word-break: keep-all;  min-height: 66px; -webkit-box-orient: vertical; display: -webkit-box}
.c3_bo_list li a p {font-size:14px; font-weight: 300; color:#9c9c9c; line-height: 24px; margin:15px 0 25px;  min-height: 48px; text-overflow: ellipsis; overflow: hidden;
word-break: keep-all;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.c3_bo_list li a span {font-size: 14px; font-weight: 300; color:#cbcbcb;}
.c3_bo_list li a:hover h2 {background: #1f4de5;}


.c3_content {width: 1300px; height:auto;}
.port_list{ margin-left:-60px;  overflow: hidden; *width:100%;  }
.port_list li{ float:left;  width:50%;  padding-top:120px; }
.port_list li img{ width:100%;}
.port_list li:first-child{ margin-left:0}
.port_list li dl { padding:0; margin-left:60px; border:0px solid #e7e7e7 ; position:relative; overflow:hidden; background:#fff}


.port_list2{ margin-left:-40px;  overflow: hidden; *width:100%;  }
.port_list2 li{ float:left;  width:25%;  padding-top:80px; }
.port_list2 li img{ width:100%;}
.port_list2 li:first-child{ margin-left:0}
.port_list2 li dl { padding:0; margin-left:40px; border:0px solid #e7e7e7 ; position:relative; overflow:hidden; background:#fff}



.program_2_table table {width:100%; border:0px; border-color:#949494; border-collapse:collapse;border-spacing:0}
.program_2_table table tr{}
.program_2_table table tr th{height:45px;border-spacing:0; font-size:16px; padding:10px 8px; text-align:center; color:#fff; background: #585858;}
.program_2_table table tr td{height:45px;border-spacing:0; padding:8px; font-size:15px; text-align:center; line-height:20px;}
.program_2_table table tr td.table_center {text-align:center;}



.venue_table2 table {width:100%; border:0px; border-color:#949494; border-collapse:collapse;border-spacing:0}
.venue_table2 table tr{}
.venue_table2 table tr th{height:55px;border-spacing:0; font-size:16px; text-align:center; color:#fff; background: #3ab5e2;}
.venue_table2 table tr td{height:55px;border-spacing:0; padding:15px 15px; font-size:16px; text-align:center; line-height:30px;}
.venue_table2 table tr td img{width:100%;}
.venue_table2 table tr td.table_center {text-align:center}






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

}

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

}

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

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

}
