/*sub0401 */
.gal{display: grid; grid-template-columns: repeat(3, minmax(0, auto)); gap: 20px;}
.gal img{display: block; width: 100%; }
.gal li{padding: 30px; border: 1px solid #ddd; transition: all 200ms linear; }
.gal h3{margin: 30px 0 10px; font-family: 'GangwonEduPowerExtraBoldA'; font-size: 26px; color: #111;}
.gal p{font-weight: 500; font-size: 16px;}

.gal li:hover{border: 2px solid #e6675b; transform: translate(-10px, -10px); box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2);}

/*qna*/
.qna dt{position: relative; display: flex; padding: 25px; background: url(/images/bg_select.svg) no-repeat right center; background-size: contain; font-size: 18px; font-weight: 600; cursor: pointer; border-bottom: 1px solid #ccc; }
.qna dt::before{content: 'Q'; position: absolute; left: 0; top: 29px; font-weight: 900; color: #e6675b; font-family: 'GangwonEduPowerExtraBoldA'}
.qna dd{display: none; padding: 25px; line-height:1.7; background-color: #f5f5f5; font-size: 16px;}
.qna.on dd{display: block;}



.tbl {border-top: 2px solid #222;}
.tbl th,
.tbl td {padding:15px; border-right: 1px solid #ddd; border-bottom:1px solid #ddd; box-sizing: border-box;}
.tbl_head01 thead th{padding: 15px; font-size: 15px;}
.tbl th {background-color: #f5f5f5; font-weight: 600;}
.tbl td span{font-size: 13px;}
.tbl td:first-child,
.tbl th:first-child{border-left: 1px solid #ddd;}

.tbl td dl dt,
.tbl td dl dd {display: inline-block;}
.tbl td dl dt {}
.tbl td dl dd {margin-right: 15px;}

.tbl_paper th,
.tbl_paper td {border:1px solid #ddd; text-align: center;}
.tbl_paper tbody th {background-color: #fff;}

.tbl_form th,
.tbl_form td {padding:10px;}

.ex_view table th,
.ex_view table td{padding: 20px !important;}