@charset "utf-8"; 
/* @latest 2025.02.11 jra */

/* 현장체험학습 */
.more_cont + .more_cont { margin-top:40px; } 

/* 공통 */
 .more_cont tr td { word-wrap: break-word; word-break: keep-all; box-sizing: border-box; } 

 /* 텍스트 */
 .more_cont .main-tit { padding-bottom: 20px; line-height: 30px; font-size: 24px; font-weight: 600; position: relative; padding-left: 30px; padding-top: 10px; } 
 .more_cont .sub-tit { font-size: 20px; position: relative; padding-bottom: 20px; font-weight: 600; } 
 .more_cont .txt-p { color: #009879; font-weight: 600; } 

 @media (max-width: 799px){
 .more_cont .main-tit { font-size:20px; } 
 .more_cont .sub-tit { font-size:18px; padding-bottom: 15px; } 
 }


 /* 버튼 */
 .more_cont .main-tit + td:has(.wzbtn) { padding-bottom:18px; padding-left: 15px; } 
 .more_cont .btn-download:after { content: '\f019'; } 
 .more_cont .wzbtn:after { display: inline-block; font-family: 'FontAwesome'; margin-left:7px; vertical-align: middle; } 
 .more_cont .btn-green-bg { background: #009879; border-color:#009879; } 


 /* bullet */
 .more_cont .main-tit:before { top: 0px; width: 15px; left: 0; content: ''; height: 15px; position: absolute; background: #ffe44b; } 
 .more_cont .main-tit:after { top: 8px; width: 15px; left: 9px; content: ''; height: 15px; position: absolute; background: #ff6c39; border-radius: 100%; } 
 

 /* 박스 - 텍스트 */ 
 .more_cont .txt_box td:not(.sub-tit) { font-size: 16px; padding-left:21px; } 
 .more_cont .txt_box tr:has(td:not(.sub-tit)) + tr td.sub-tit { padding-top:18px; } 
 .more_cont .txt_box table { margin-bottom:20px; border: 1px solid #e7e7e7; box-sizing: border-box; background: #fff; } 
 .more_cont .txt_box table tr td { position: relative; padding-left: 20px; padding-right: 20px; line-height: 140%; } 
 .more_cont .txt_box table tr:last-child td { display: block; margin-bottom: 20px; } 
 .more_cont .txt_box table tr:first-child td { display: block; margin-top: 20px; } 
 .more_cont .txt_box table tr td.sub-tit { padding-bottom:5px; } 

 @media (max-width: 799px){
 .more_cont .txt_box td:not(.sub-tit) { font-size: 15px; } 
 }


/* 테이블 */
.more_cont .tblType01 tr td { line-height: 140%; padding: 20px 15px; font-size: 16px; text-align: center; color: #333; border: 1px solid #e7e7e7; word-break: break-all; } 
.more_cont .tblType01 .thead .th { color: #333; font-weight: 600; background-color: #f1f7f3; } 
.more_cont .tblType01 .thead:not(:nth-child(n+2)) .th { border-top: 1px solid #353541; } 
.more_cont .tblType01 tr td:last-child { border-right: 0; } 
.more_cont .tblType01 .tbody .th { color: #333; font-weight:600; } 
.more_cont .tblType01 tr td:first-child { border-left: 0; } 
.more_cont .tblType01 tr td.tbl_box { text-align: left; } 


.more_cont .tblType02 tr td { line-height: 140%; border: 1px solid #e7e7e7; padding: 20px 15px; font-size: 16px; color: #333; word-break: break-all; } 
.more_cont .tblType02 tr td:last-child { border-right: 0; } 
.more_cont .tblType02 .tbody .th { color: #333; font-weight:600; background-color: #f1f7f3; width: 15% !important; } 
.more_cont .tblType02 tr td:first-child { border-left: 0; } 


@media (min-width:800px){
 .more_cont .tblType02 tr:first-child td { border-top-color:#353541; } 
 .more_cont .tblType02 tr:last-child td { border-bottom-color:#353541; } 
 }


@media (max-width: 799px){
 .more_cont .tblType02 { border: 1px solid #353541; border-width: 1px 0; } 
 .more_cont .tblType02 .tbody .th { width:100%!important; } 
 .more_cont .tblType02 tr td { padding: 10px; font-size:15px; width:100%!important; display:block; border-width: 1px 0 0 0; } 
 .more_cont .tblType02 tr.tbody:first-child td:first-child { border:0; } 
 .more_cont .tblType01 tr td { padding: 10px; font-size: 15px; } 
 }




 /* 컨텐츠 시작 */
 /* 1) 체험활동별 안전점검표 */
 /* 박스 */
 .more_cont .bd-box { border:1px solid #e7e7e7; padding: 20px!important; box-sizing: border-box; background: #fff; } 
 .more_cont .wztab-box { margin-right: 0; } 

 
 /* 탭 - 체크박스 */
 .more_cont .wztab-list { display: flex; gap:10px; flex-wrap: wrap; } 
 .more_cont .wztab-box .wztab-item { border-radius: 20px; margin: 0; border-color: #E0E6EF; transition: 0.3s; padding: 0; height: 45px; } 
 .more_cont .wztab-box .wztab-item:last-child { margin-right:0; } 
 .more_cont .wztab-box .wztab-item:not(.active):hover { border-color:#009879; } 
 .more_cont .wztab-box .wztab-item:hover:not(.active) button { color:#009879; font-weight:600; } 
 .more_cont .wztab-box .wztab-item:hover:not(.active) button:before { background-image: url(/images/wzwg/module/exprn/check-c.png); } 
 .more_cont .wztab-box .wztab-item button { color: #7E7E7E; text-align: center; height: 100%; border-radius: 20px; position: relative; padding: 0 20px 0 45px; line-height: 1; font-size: 14px; font-weight: 600; } 
 .more_cont .wztab-box .wztab-item button:before { content: '';  background: url(/images/wzwg/module/exprn/check-off.png) no-repeat center / 100%; width:18px; height:18px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-left: 20px; } 
 .more_cont .wztab-list .wztab-item.active { border-top:0; background: #009879; border-color: #009879; line-height: 1; } 
 .more_cont .wztab-list .wztab-item.active button:before  { background-image: url(/images/wzwg/module/exprn/check-on.png); } 
 .more_cont .wztab-list .wztab-item.active button { color:#fff!important; } 
 .more_cont .bd-box + .wztab-content { margin-top:30px; } 
 .more_cont .boxWrap { position: relative; border: 2px dashed #d5d8da; background: #fff; text-align: left; padding: 20px; box-sizing: border-box; } 


 @media (max-width: 799px){
 .more_cont .wztab-box .wztab-item { height:40px; } 
 .more_cont .wztab-box .wztab-item button { font-size: 13px !important; padding: 0 15px 0 38px; } 
 .more_cont .wztab-box .wztab-item button:before { width: 17px; height: 17px; margin-left: 15px; } 
 .more_cont .bd-box + .wztab-content { margin-top: 20px; } 
 }

 @media (max-width: 599px){
 .more_cont .wztab-list .wztab-item { width: auto; } 
 }


 /* 점검사항 */
 .more_cont .check-list { display: flex; flex-direction: column; padding-left: 0; gap: 15px; } 
 .more_cont .m-checkbox { vertical-align: middle; display: flex; align-items: center; } 
 .more_cont .m-checkbox input[type="checkbox"] { position: absolute; opacity: 0; top: 0; left: 0; display: none; width: 1px; height: 1px; text-indent: -999px; overflow: hidden; } 
 .more_cont .m-checkbox input[type="checkbox"] + label { z-index: 0; cursor: pointer; position: relative; color: #333; font-size: 16px; width: 100%; font-weight: 600; padding: 15px 20px; box-sizing: border-box; background: #f1f7f3; border-radius: 15px; } 
 .more_cont .m-checkbox input[type="checkbox"]:checked + label { background-color: #01a583cc;border: 1px solid #01a583; color: #fff; box-sizing: border-box; } 
 .more_cont .m-checkbox input[type="checkbox"]:checked + label:before { content: "\2713"; color: #fff; background-color: #01a583; border-color: transparent; } 
 .more_cont .m-checkbox input[type="checkbox"] + label:before { position: absolute; right: 20px; top: 50%; box-sizing: border-box; width: 22px; transform: translateY(-50%); height: 22px; line-height: 22px; font-size: 17px; text-align: center; border-radius: 2px; border: 1px solid #7E7E7E; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; vertical-align: middle; content: "\2713"; color: #CCD1D7; font-weight: 400; background-color: #fff; } 
 .more_cont .m-checkbox input[type="checkbox"] + label p { width: 85%; } 




 @media (max-width: 799px){
 .more_cont .m-checkbox input[type="checkbox"] + label p { font-size:14px; } 
 }


 /* 2) 수학여행 안심서비스 */
 /* 테이블 같이 있는 컨텐츠 */
 .tblCont.more_cont .main-tit { padding-bottom: 25px; } 
 .tblCont.more_cont .sub-tit { padding-bottom: 15px; } 
 .tblCont.more_cont .txt-c .wzbtn { margin-top:20px; }