.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;
	}
} */

.inSessionInfo.inSession{
    background:#EDF3FF;
    padding:26px;
    width:100%;
    display:flex;
    flex-wrap: wrap;
}

.seminarThumb{
    width:180px;
    margin-bottom:32px;
}

.seminarTitle{
    width:calc(100% - 206px);
    margin-left:26px;
    margin-bottom:32px;
}

.seminarStatus{
    padding:4px 12px;
    background: linear-gradient(90deg,#28BBF8,#0E69E2);
    color:#fff;
    display:inline-block;
}

.seminarTitle .commonH2{
    margin:16px 0;
}

.seminarTitle h3{
    color:#343434;
}

.seminarTable{
    width:70%;
    margin-right:26px;
}

.seminarTable table th{
    width:30%;
}

.seminarTable .commonTable td{
    background:#fff;
}

.seminarTag{
    width:calc(30% - 26px);
}

.seminarTag span{
    display:inline-block;
    color:#fff;
    padding:4px 16px;
    margin-right:6px;
    margin-bottom:8px;
    background: linear-gradient(90deg,#28BBF8,#0E69E2);
    border-radius:100px;
}

.inSessionInfo.inSession .commonButton{
    width:70%;
    margin:26px auto;
    display:block;
    min-width:auto;
    max-width:none;
}

.seminarButton{
    width:100%;
}

.endSessionInfo.endSession{
    background:#fff;
    border:1px solid #EDF3FF;
    padding:16px;
    width:49%;
    margin:0 .5% 16px;
}

.endSessionInfo.endSession .seminarStatus{
    background:#343434;
}

.endSessionInfo.endSession .seminarTitle{
    width:100%;
    margin-left:0;
    margin-bottom:16px;
}

.endSessionInfo.endSession .seminarTitle h3{
    margin:10px 0 16px;
}

.endSessionInfo.endSession .seminarTitle h4{
    color:#343434;
    font-size:1.6rem;
}

.endSessionInfo.endSession .seminarTag{
    width:100%;
}
.endSessionInfo.endSession .seminarTag span{
    font-size:1.4rem;
    background:#535353;
}

.endSessionInfo.endSession .seminarTable{
    width:100%;
    
}

.endSessionInfo.endSession .seminarTable table{
    background:#EDF3FF;
    border-collapse: collapse;
    margin-bottom:16px;
}

.endSessionInfo.endSession .seminarTable table tr{
    border:1px solid #fff;
    
}

.endSessionInfo.endSession .seminarTable table th,.endSessionInfo.endSession .seminarTable table td{
    padding:8px;
}

.endSessionInfo.endSession .commonButton{
    width: 100%;
    margin: 26px auto;
    display: block;
    min-width: auto;
    max-width: none;
}

.catTag{
    background: linear-gradient(90deg,#28BBF8,#0E69E2);
    color:#fff;
    padding:6px 16px;
    display:inline-block;
    margin-bottom:32px;
}

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;
    }
    .seminarTag{
        width:100%;
        margin-top:16px;
    }
    .inSessionInfo.inSession{
        padding:16px;
    }
    .inSessionInfo.inSession .commonButton{
        width:100%;
    }
    .seminarTitle h3{
        font-size:1.4rem;
    }
    .seminarTitle .commonH2{
        font-size:1.8rem;
    }
    .endSessionInfo.endSession{
        width:100%;
        margin:0 auto 16px;
    }
    .endSessionInfo.endSession .seminarTitle h3{
        font-size:1.6rem;
    }
    .endSessionInfo.endSession .seminarTitle h4{
        font-size:1.4rem;
    }
    .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;
    }
}


.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%;
    }
}