
.seminarIndex{
	padding:48px 15px;
	width:96%;
	max-width:1050px;
	margin:0 auto;
}

.seminarInner{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

/* 
@media(min-width:1024px){
	.childPageHeader:before{
		position:absolute;
		content:"";
		background:right / cover no-repeat url(../img/titlebg.png);
		width:100%;
		height:100%;
		right:0;
		top:0;
		bottom:0;
	}
} */



table.program{
    border-collapse: collapse;
}

table.program tr{
    
}

table.program th{
    background: linear-gradient(90deg,#28BBF8,#0E69E2);
    border:1px solid #EDF3FF;
}

table.program td{
    background:#fff;
    border:1px solid #EDF3FF;
}

table.program h3{
    position:relative;
    font-weight:500;
    border-bottom:1px solid #28BBF8;
    padding:6px 0;
    padding-left:32px;
    margin-bottom:12px;
}

table.program h3:before{
    position:absolute;
    content:"";
    width:24px;
    height:24px;
    background:#28BBF8;
    top: 10px;
    left: 0;
}

.newsArticleInnerTable > .commonTable th{
    width:22%;
}

.newsArticleInnerTable{
    width:100%;
}

@media(max-width:480px){
    .seminarThumb{
        width:100%;
        display:none;
    }
    .seminarTitle{
        width:100%;
        margin-left:0;
    }
    .seminarTable{
        width:100%;
        overflow-x: scroll;
        margin-right:0;
    }
    .seminarTable .commonTable{
        min-width:auto;
    }
    .newsArticleInnerTable > .commonTable{
        min-width:auto;
    }
    .newsArticleInnerTable > .commonTable > tbody > tr > th{
        width:100%;
        display:block;
    }
    .newsArticleInnerTable > .commonTable > tbody > tr > td{
        width:100%;
        display:block;
    
    }
    table.program{
        width:100%;
    }
    table.program tr{
        display: block;
    }
    table.program th{
        width:100%;
        display:block;
        word-break: break-all;
    }
    table.program td{
        width:100%;
        display:block;
        word-break: break-all;
    }
}

.commonH4 {
    position: relative;
    font-size: 1.8rem;
    font-weight: 500;
    border-bottom: 1px solid #28BBF8;
    padding: 6px 0;
    padding-left: 32px;
    margin-bottom: 12px;
}

.commonH4:before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: #28BBF8;
    top: 10px;
    left: 0;
}

.col2.col3_7{
    justify-content: space-between;
}

.col2.col3_7 .col2Child{
    margin:0;
}

.col2.col3_7 .col2Child:nth-of-type(1){
    width:calc(100% - 30rem);
}

.col2.col3_7 .col2Child:nth-of-type(2){
    width:28rem;
}

.col2.col3_7 .col2Child:nth-of-type(2) a{
    display:block;
    width:100%;
}

.securityNav{
    margin:0 auto 3.2rem;
    border-top:.1rem solid #eee;
    border-bottom:.1rem solid #eee;
}

.securityNav ul{
    margin:0;
    padding:0;
    list-style: none;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap:wrap;
}

.securityNav ul li{
    width:26rem;
    position:relative;
}

.securityNav ul li:after {
    position: absolute;
    content: "";
    top: 0px;
    bottom: 0px;
    left: .6rem;
    background: center / cover no-repeat url(../../img/child_arrow.png);
    /* transform: rotate(-90deg); */
    margin: auto;
    width: 1.8rem;
    height: 1.8rem;
}

main.common .securityNav ul li a{
    display:block;
    padding:1.6rem 1.6rem 1.6rem 3.2rem;
    color:#000;
    text-decoration: none;
    transition:all .3s ease;
}

main.common .securityNav ul li a:hover{
    color:#0E69E2;
    background:#edf3ff;
}

main.common .securityNav ul li.current a{
    color:#0E69E2;
    background:#edf3ff;
}

@media(max-width:768px){
    .col2.col3_7{
        flex-wrap: wrap;
    }
    .col2.col3_7 .col2Child:nth-of-type(1){
        width:100%;
        margin-bottom:1.6rem;
    }
    
    .col2.col3_7 .col2Child:nth-of-type(2){
        width:100%;
        max-width:48rem;
    }
}

@media(max-width:595px){
    .securityNav ul li{
        width:100%;
    }
}

.table-overflow{
    overflow-x:scroll;
}

.table-overflow ul{
    margin:0;
}
.table-container{
    overflow-x:scroll;
}

.security-hr{
    margin:7.2rem auto;
    width:100%;
}

.commonTable ul{
    margin:0;
    padding:0 0 0 2.2rem;
}