@charset "UTF-8";


/*공통*/
.text-area{padding: 30px 20px; background: #FBFBFB; border-radius: 10px; border: 3px solid #f3f3f3; box-sizing: border-box; }
.text-area .text-item{font-size: 18px; padding: 6px 20px; max-height: 280px; overflow-y: auto; }
.text-area .text-item::-webkit-scrollbar{background: #D9D9D9; width: 8px; border-radius: 25rem;}
.text-area .text-item::-webkit-scrollbar-thumb{background:#003671;  border-radius: 25rem;}

.text-area .c-tit03{    padding-left: 10px;}
.text-area .c-tit03:before {    left: 0;}

.text-area.scroll-area .text-item{height: 180px;}
.sky-color{color:#00A1EB; }

.c-tit01{font-family: 'paperlogy'; font-weight: 600;line-height: 1.2;padding-left: 32px; margin-bottom: 16px; }
.c-tit01:before{border:0; background:rgba(0, 54, 113, 0.8); top: 8px; left:8px; }
.c-tit01:after{content:''; display: block; width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 2px;left:1px; background:rgba(27, 182, 254, 0.65) }

.c-tit02 {margin-bottom:20px;color:#222; font-family: 'paperlogy'; padding-left: 0; position:relative;padding-left: 22px; font-weight: 600}
.c-tit02:before,
.c-tit02:after{content:''; display:block; width: 7px; height: 7px; position:absolute;border-radius: 50%; top: 10px;}
.c-tit02:before{background:rgba(27, 182, 254, 0.65); left:3px;}
.c-tit02:after{background:rgba(0, 54, 113, 0.8); left:8px;}

.info-ex02.red{color:#222;}
.info-ex02.red:before{background: #ff0000;}


.chks{text-align: end; margin-top: 20px; }
.chks input[type="checkbox"] + label:before{border-radius: 50%; background:#fff;border-color:#d0d0d0;}
.chks input[type="checkbox"]:checked + label,
.rdos input[type="radio"]:checked + label{color:#003671}
.chks input[type="checkbox"]:checked + label:before,
.rdos input[type="radio"]:checked + label:before{border-color:#003671; background:#003671}
.rdos input[type="radio"] + label:after {width:9px;height:5px;left:5px;top:11px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #b8b8b8 #b8b8b8;transform:rotate(-45deg);opacity:.5; border-radius: 0;background: transparent;}
.rdos input[type="radio"]:checked + label:after{background: transparent; opacity: 1;border-color:#fff;}

.content-btns{display: flex; flex-direction: row; align-items: center; gap:4px 8px; justify-content:center; margin-top: 40px}
.content-btns *{border-radius: 25rem;color:#fff; font-size: 17px; padding: 12px 20px;width: 100%; max-width: 126px; display:flex; align-items: center; justify-content:center; border:0; box-sizing:border-box; text-align: center; }
.content-btns .confm_btn{background: #003671;}
.content-btns .cancl_btn{border:1px solid #248AFF; background: #fff;color:#248AFF}
.content-btns .list_btn{background: #248AFF;}
.content-btns .myPg_btn{background: #04b0d9;}

.big_warning{ padding:30px 20px; background: #fff; border-radius: 10px; border:3px solid #F65547; box-sizing:border-box; margin-bottom: 40px; display: flex; flex-direction: row; justify-content:center; align-items: center; }
.big_warning p{color:#F65547; font-size:clamp(20px, 2vw, 26px); font-weight: 600; font-family: 'paperlogy'; text-align: center; display: flex; flex-direction: row; justify-content:center; align-items: center;gap: 8px 12px;}
.big_warning p:before{content:'!'; display: inline-flex; justify-content: center; align-items: center; width: 32px; height: 32px;min-width: 32px;  border-radius: 50%; background:#F65547;font-weight: 600; font-family: 'paperlogy'; color:#fff; font-size: 18px; }
.small_warning{margin-bottom: 20px; display: flex; flex-direction: row; justify-content:flex-start; align-items: center;}
.small_warning p{color:#F65547; font-size:clamp(18px, 2vw, 22px); font-weight: 600; font-family: 'paperlogy'; display: flex; flex-direction: row; justify-content:flex-start; align-items: center;gap: 8px 12px;}
.small_warning p:before{content:'!'; display: inline-flex; justify-content: center; align-items: center; width: 28px; height: 28px;min-width: 28px;  border-radius: 50%; background:#F65547;font-weight: 600; font-family: 'paperlogy'; color:#fff; font-size: 18px; }

.underline{display:inline-block; position: relative;}
.underline:after{content:'';display: block; width: 100%; height: 1px; background:#222; position: absolute; bottom: -1px; left:0; }

textarea{width: 100%; color:#555; font-size:16px; resize: none; border: 2px solid #f5f5f5; border-radius: 10px; padding: 12px 20px; }
textarea::placeholder{color:#afafaf;}

.without_box{display:flex!important; flex-direction: column; align-items:center; justify-content:center; padding: 50px 20px; box-shadow:unset;border:1px solid #ddd;border-radius: 10px;text-align:center; }
.without_box:before{content:'!'; display:flex;justify-content:center; align-items: center;; width: 60px; height: 60px;margin-bottom: 22px; border-radius: 50%; box-shadow: 4px 4px 10px rgba(0,0,0,0.1);font-family:'paperlogy'; font-size: 36px; font-weight: 700;color:#fff; background: linear-gradient(-45deg, #415ad9, #54a4ff)}
.without_box h4{font-family:'paperlogy'; font-size: 26px; color:#000; font-weight:700;}

table td.without_box{display:table-cell!important;border:1px solid #eee!important;; text-align:center!important;padding:24px; border-top-left-radius: 0; border-top-right-radius: 0;  }
table td.without_box:before{margin: 0 auto 16px auto;}
table td.without_box h4{font-size: 20px; font-weight: normal; }

/*공통--테이블*/
/*01테이블-- thead없는거*/
.tbl-type01{border-radius: 0; border:0;border-bottom: 1px solid #e9e9e9; border-top:1px solid #003671;  }
.tbl-type01 th{background: #f9f9f9; color:#003671; font-weight: 600;  }
.tbl-type01 tbody tr:last-child th:first-child{border-bottom-left-radius: 0; }
.tbl-type01 th,
.tbl-type01 td{padding: 20px 30px;text-align: start;font-size: 18px;box-sizing:border-box;}

@media screen and (max-width: 786px){
	/*프로그램 신청 모바일 테이블*/
	.tbl-type01.pro-tbl-mo colgroup ,
	.tbl-type01.pro-tbl-mo th {display:none;}
	.tbl-type01.pro-tbl-mo td {display: block;position: relative;padding-left: 100px!important;padding-right:0px!important;box-sizing: border-box;}
	.tbl-type01.pro-tbl-mo td::before {content:'';display:inline-block;padding:5px 10px;border-radius:5px;font-weight:700;background:#003671;color:#fff;width: 86px;box-sizing: border-box;text-align: center;position: absolute;left: 0;top: 18px;}
	.tbl-type01.pro-tbl-mo td.pro_app01::before {content:'종목';}
	.tbl-type01.pro-tbl-mo td.pro_app02::before {content:'구분';}
	.tbl-type01.pro-tbl-mo td.pro_app03::before {content:'강사명';}
	.tbl-type01.pro-tbl-mo td.pro_app04::before {content:'대상';}
	.tbl-type01.pro-tbl-mo td.pro_app05::before {content:'장소';}
	.tbl-type01.pro-tbl-mo td.pro_app06::before {content:'모집정원';}
	.tbl-type01.pro-tbl-mo td.pro_app07::before {content:'요일';}
	.tbl-type01.pro-tbl-mo td.pro_app08::before {content:'교육시간';}
	.tbl-type01.pro-tbl-mo td.pro_app09::before {content:'사물함신청';}
}

/*02테이블-- thead있는거*/
.tbl-type02 thead th{background: #003671; color:#fff; font-family: 'paperlogy'; font-size: 18px; font-weight: 500; }
.tbl-type02 tbody th{color: #003671; font-weight: 700; font-family: 'paperlogy'; font-size: 18px; background:transparent;}
.tbl-type02 tbody th,
.tbl-type02 tbody td{padding: 20px 16px;box-sizing:border-box;}
.tbl-type02 tbody th,
.tbl-type02 tbody td:not(:last-child){border-right: 1px solid #ddd!important;}
.tbl-type02 tbody td .list{text-align: start;padding: 0 30px}
.tbl-type02 tbody td .list li{position: relative; }
.tbl-type02 tbody td .list li:not(:last-child){margin-bottom: 8px; }
.tbl-type02 tbody td .list li:before{content:''; display: block;width: 3px; height: 3px; background:#1bb6fe; border-radius: 50%; position: absolute; top: 9px; left:-9px; }

/*테이블 상단 검색창*/
.prog_list_top{width: calc(100% - 70px); padding:25px 20px 25px 50px; background: #f5f5f5; border-radius: 20px; display:flex; flex-direction: row; align-items: center; justify-content: space-between;margin-bottom: 30px; row-gap: 12px; }
.prog_list_top p{font-family: 'paperlogy';font-size: 16px;font-weight: 700; color:#000;}
.prog_list_top p span{display:inline-block; font-size: 22px; color: #004d45; }
.prog_list_top .search_box{display:flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 50%; }
.prog_list_top .search_box *{height: 50px;box-sizing: border-box;}
.prog_list_top .search_box select{border:1px solid #ddd;background:#fff; width: 100%; max-width: 120px; border-radius: 15px; padding: 0 18px;color:#777; }
.prog_list_top .search_box input{border:1px solid #ddd;border-radius: 15px; padding:0 40px 0 24px;border-right:0; margin-right: -20px;}
.prog_list_top .search_box button{background:linear-gradient(45deg, #05AD66, #1889D9); border-radius: 15px; width: 50px;  border:0; position: relative; min-width: 50px; }
.prog_list_top .search_box button:after{content:''; display:block; width: 17px; height:17px;background:url(/_Template/Gnavi/gnavi-default/_Img/search_ico_w.png) no-repeat center center; background-size: contain;position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);   }



/*수영프로그램*/
.prg_info{position: relative;  margin-bottom: 100px; }
.prg_info .slide_box{width: 42%; position: absolute; top:40px; left:0;box-shadow:5px 5px 15px rgba(0,0,0,0.1); height: 100%; border-radius: 10px;}
.prg_info .slide_box *:not(.owl-nav, .owl-dots){height: 100%; }
.prg_info .slide_box .item{}
.prg_info .slide_box .item .img_box{width:100%;overflow: hidden; border-radius:10px; }
.prg_info .slide_box .item .img_box img{width: 100%; height: 100%; object-fit: cover; }
.prg_info .slide_box .owl-nav button{position: absolute; top:50%; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50%; background: rgba(0,0,0,0.5); backdrop-filter: blur(5px);}
.prg_info .slide_box .owl-nav button:before,
.prg_info .slide_box .owl-nav button:after{content:''; display: block; width: 11px; height: 3px; border-radius: 25rem; background: #fff;position: absolute; left: 50%;}
.prg_info .slide_box .owl-nav button.owl-prev{left: 15px; }
.prg_info .slide_box .owl-nav button.owl-next{right: 15px; }
.prg_info .slide_box .owl-nav button.owl-prev:before{top: calc(50% - 3px); transform: translate(-50%, -50%) rotate(-45deg);}
.prg_info .slide_box .owl-nav button.owl-prev:after{top: calc(50% + 3px); transform: translate(-50%, -50%) rotate(45deg);}
.prg_info .slide_box .owl-nav button.owl-next:before{top: calc(50% + 3px); transform: translate(-50%, -50%) rotate(-45deg);}
.prg_info .slide_box .owl-nav button.owl-next:after{top: calc(50% - 3px); transform: translate(-50%, -50%) rotate(45deg);}

.prg_info .txt_box{ width: calc(100% - 100px); padding: 72px 30px 50px calc(42% - 40px); background:#EFF7FF; margin-left: auto; box-sizing: border-box; font-family: 'paperlogy'; border-radius: 10px; }
.prg_info h2{ font-weight: 600; font-size: clamp(26px, 2vw, 30px);margin-bottom: 26px; color:#222;}
.prg_info .course_info{}
.prg_info .course_info li{display: flex; flex-direction: row; align-items: center;position: relative; padding-left: 40px}
.prg_info .course_info li:not(:last-child){margin-bottom:24px;  }
.prg_info .course_info li:before{content:''; display: inline-block; width:32px; height: 32px; background-color:#fff;background-repeat: no-repeat; background-size: 16px; background-position: center center; border-radius: 50%; margin-right: 12px; position: absolute; top:-6px; left:0; }
.prg_info .course_info dl{display: flex; flex-direction: row; align-items:flex-start; gap: 4px 12px; width: 100%; font-size: clamp(16px, 1vw,18px); }
.prg_info .course_info dt{font-weight: 500; color:#465361; min-width: fit-content; width: 100%; max-width:70px;}
.prg_info .course_info dd{font-weight: 600; color:#1B1C20}
.prg_info .course_info li.appl:before{background-image:url(/kr/_Img/ico-cal.png); }
.prg_info .course_info li.educ:before{background-image:url(/kr/_Img/ico-edu.png);}
.prg_info .course_info li.time:before{background-image:url(/kr/_Img/ico-time.png);}
.prg_info .course_info li.fee:before{background-image:url(/kr/_Img/ico-fee.png);}

/* 교육시간: 시간 / (요일) / 매주·격주 열 맞춤 */
.lecture-time-list{ display: flex; flex-direction: column; gap: 0.4em; max-width: 100%; font-variant-numeric: tabular-nums; }
.lecture-time-row{
	display: grid;
	grid-template-columns: minmax(12rem, 1fr) 3.5em 2.8em;
	column-gap: 0.75em;
	align-items: baseline;
	font-size: inherit;
	line-height: 1.45;
}
.lecture-time-row .lt-t{ white-space: nowrap; }
.lecture-time-row .lt-d{ text-align: center; white-space: nowrap; }
.lecture-time-row .lt-w{ text-align: start; white-space: nowrap; }
.tbl-type01 td .lecture-time-list{ margin: 0; }
.maPage_list .lecture-time-list{ width: 100%; }
@media screen and (max-width: 480px){
	.lecture-time-list{ overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 2px; }
	.lecture-time-row{ min-width: 18.5rem; }
}

.locker-subs{color:#0055B2; font-size: 16px; font-weight: 300;display: inline-block;  }

.prg_dtl .box{margin-bottom: 60px; }
.prg_dtl .wrap{display: flex; flex-wrap: wrap; gap:44px 34px; }
.prg_dtl .wrap .item{width: calc(50% - 17px); }
.prg_dtl .fee-box{padding-top: 50px; border-top: 1px dashed #ccc; margin-top: 40px;margin-bottom: 40px;}
.prg_dtl .fee-box ol{background: #F8F8F8; border-radius: 10px; padding: 20px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px ;}
.prg_dtl .fee-box ol li{font-weight: 500; font-size: clamp(20px,1.6vw,22px); color:#222; }
.prg_dtl .fee-box ol li strong{color:#003671; }
.prg_dtl .fee-box ol li.money{}
.prg_dtl .fee-box ol li.plus{width: 34px;min-width: 34px; height: 34px; background:#DBDBDB; border-radius: 50%;position: relative;}
.prg_dtl .fee-box ol li.plus:before,
.prg_dtl .fee-box ol li.plus:after{content:''; display: block; width:15px; height: 3px; background: #003671; border-radius: 25rem;position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.prg_dtl .fee-box ol li.plus:after{transform: translate(-50%, -50%) rotate(90deg);}
.prg_dtl .fee-box ol li.sum{background: #003671; border-radius: 10px; color:#fff; font-weight: 400; font-size:clamp(20px,1.6vw,22px); padding:20px 44px;margin-left: 20px; }
.prg_dtl .fee-box ol li.sum strong{font-size: clamp(26px,2vw,30px);font-weight: 700;color:#fff; }
.prg_dtl .chks.agree-all{text-align:center;padding:30px; border-radius: 10px; background:#fff; border: 3px solid #f3f3f3; box-sizing: border-box;  }
.chks input[type="checkbox"] + label{margin-left: 26px; }

/*프로그램 신청 1.문진표*/
.aply-step1{}
.aply-step1 .tbl-type02 td:nth-of-type(1){font-family:'paperlogy'; font-weight: 500; }

/*프로그램 신청 2.환불기준표*/
.aply-step2{}
.aply-step2 .text-area{margin-top: 40px; }
.aply-step2 .tbl-type01 td:not(:last-child){border-right: 1px solid #eee; }
.imChk_box{padding-top: 50px; border-top: 1px dashed #ccc; margin-top: 40px; margin-bottom: 40px;}
.imChk_box ul{display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: center; }
.imChk_box ul li{}
.imChk_box ul li.date{}
.imChk_box ul li.date:after{content:'.';display: inline-block; margin-right: 8px; }
.imChk_box ul li.name{}
.imChk_box ul li.chks{margin-top: 0; }
.imChk_box p{text-align: center; margin: 20px 0 ;color:#666; }

/*프로그램 신청 3.강습생 서약서*/
.aply-step3{}
.oath_box{background: #fbfbfb; border-radius: 10px; padding: 40px 30px; }
.oath_box .titl{text-align: center; font-size:clamp(20px, 2vw, 26px); font-weight: 600; font-family: 'paperlogy';margin-bottom: 30px; }
.oath_box .sub-titl{font-size: 18px; font-weight: 600; font-family: 'paperlogy';margin-bottom: 12px; }
.oath_box .info-ex03{margin-bottom: 20px; }

.oath_list{counter-reset: num;margin-bottom: 32px;}
.oath_list > li{counter-increment: num;position: relative;padding-left: 28px; font-size: 18px;}
.oath_list > li:not(:last-child){margin-bottom: 10px; }
.oath_list > li:before{content:''; display: block; width: 20px; height: 20px; border-radius: 50%; background:#00A1EB; position: absolute; top:0; left:0; }
.oath_list > li:after{content: counter(num);position:absolute; color:#fff; top:2px; left: 6px; font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums;}
.oath_list2{margin-bottom: 20px;margin-top: 6px; }
.oath_list2 > li{display: flex; flex-direction: row; align-items: flex-start; font-size: 17px; }
.oath_list2 > li:before{content:'';display: block; width: 5px;min-width: 5px;  height: 1px; background: #555; margin-top: 10px; margin-right: 7px; }
.oath_list > li .oath_list2{margin-bottom:0; }
.oath_list > li .oath_list2 > li{}
.aply-step3 .imChk_box{border-top:0; margin-top:0; }

/*프로그램 신청완료*/
.prg_success{background: #f8f8f8; border-radius:10px; padding: 60px;  }
.prg_success .txt_box{text-align: center; }
.prg_success .txt_box:before{content:''; display: block; width: 90px; height: 90px; border-radius: 50%; background: #248AFF url(/kr/_Img/success_check.png);background-repeat: no-repeat; background-position: center center;  margin: 0 auto; }
.prg_success .txt_box h3{color: #248AFF; font-family:'paperlogy'; font-weight: 700; font-size: 28px; margin-bottom:8px; margin-top: 20px; }
.prg_success .txt_box p{color:#666;}

.prg_success table{margin: 40px auto 0 auto; width: 100%; max-width: 700px; background: #fff; }
.prg_success table td.fee span{font-size: 20px; font-weight: 700;}
.prg_success table ul li.day{display: inline-block;}
.prg_success table ul li.time{display: inline-block;}
.prg_success table ul li.waiting span,
.prg_success table ul li.waiting-count span{font-size: 20px; font-weight: 700; color:#248AFF}

/*수강확인서
.cert_wrap_bg{position: fixed; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }*/
.cert_wrap{padding: 30px; /* position: fixed; */ top:30px; left: 30px; width: 100%; max-width:700px; }
.cert_wrap .cert{width: 100%;aspect-ratio: 1/1.41; max-width: 700px; background: #fff;  position: relative; padding: 70px; box-sizing:border-box; }
.cert_wrap .cert:before{content:''; display: block; width: calc(100% - 20px); height: calc(100% - 20px); border: 3px solid #dbae6c; position: absolute; top:10px; left: 10px; box-sizing:border-box; pointer-events: none;}
.cert_wrap .cert .side{position: absolute; background: url(/kr/_Img/cert_border-deco.png) no-repeat; background-size: 100%;;background-position: center center; display: block; width: 140px; height: 140px; }
.cert_wrap .cert .side01{top: 20px; left:20px ;}
.cert_wrap .cert .side02{top: 20px; right: 20px;transform: rotate(90deg)}
.cert_wrap .cert .side03{bottom: 20px; left:20px ; transform: rotate(270deg)}
.cert_wrap .cert .side04{bottom: 20px; right:20px ; transform: rotate(180deg)}

.cert_wrap .winTitle{position: absolute; top:-10px;left:0; display: flex; justify-content: space-between;}
.cert_wrap .winTitle .link{}
.cert_wrap .winTitle .link strong{}
.cert_wrap .winTitle .btnClose{}

.cert_wrap .certCont{}
.cert_wrap .certCont .certNo{font-size: 14px; text-align: start;}
.cert_wrap .certCont .docTitle{font-size: 42px; font-weight: 700; color:#000; text-align: center;margin: 70px auto; }
.cert_wrap .certCont .certInfo{width: 100%; border-bottom: 1px dashed #ddd;  padding-bottom: 20px;}
.cert_wrap .certCont .certInfo dl{display:flex; flex-direction: row; align-items: flex-start;padding-left: 18px; position: relative; font-size: 18px; margin-bottom: 20px; }
.cert_wrap .certCont .certInfo dl:before{content:''; display: block; width: 7px; height: 7px; background: #003671; border-radius: 50%; position: absolute; top: 8px; left:0; }
.cert_wrap .certCont .certInfo dl{}
.cert_wrap .certCont .certInfo dt{ color:#555;min-width: 130px;}
.cert_wrap .certCont .certInfo dd{ font-weight: 500; color:#222;}
.cert_wrap .certTxt{font-size: 22px; line-height: 1.5; text-align: center; min-height: 220px; display: flex; justify-content:center; align-items: center; padding: 40px 0;position: relative;}
.cert_wrap .certTxt:after{content:''; display: block; width: 230px; height: 230px; background: url(/_Template/Header/header-default/_Img/mn_bg_logoSymbol.png) no-repeat; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); background-size: contain; }
.cert_wrap .certTxt div{}
.cert_wrap .certTxt strong{display: inline-block; margin:0 24px;  color:#000;position: relative;  }
.cert_wrap .certTxt strong:before,
.cert_wrap .certTxt strong:after{content:''; display: inline-block; width: 16px;height: 16px; background: url(/kr/_Img/ico-quot.png) no-repeat; background-size: contain; background-position: center center;  position: absolute; top:0;  }
.cert_wrap .certTxt strong:before{left:-16px;}
.cert_wrap .certTxt strong:after{right:-16px;transform: rotate(180deg)}
.cert_wrap .certDate{margin-top: 20px; text-align: center; margin-bottom: 12px; }
.cert_wrap .certFooter{text-align: center;  position: relative; z-index: 1; }
.cert_wrap .certFooter .stamp{width: 60px; height: 60px; position: absolute; top: 50%; right: 50%; transform: translate(calc(50% + 110px), -50%); background: #0f0; z-index: -1; }
.cert_wrap .certFooter .stamp img{width: 100%; height: 100%; object-fit:contain; }
.cert_wrap .print-btn-area{}
.cert_wrap .print-btn-area .btn-print{}

@page {size: A4 portrait; margin: 0;}

@media print {
  html, body {width: 210mm;height: 297mm;margin: 0;padding: 0;background: #fff;}
  body {-webkit-print-color-adjust: exact;print-color-adjust: exact;}
  .winTitle,
  .print-btn-area,
  .btn-print,
  .btnClose {display: none !important;}

  .cert_wrap {width: 210mm;max-width: 210mm; min-height: 297mm;padding: 12mm;margin: 0;box-sizing: border-box;position: relative;top: 0;left: 0;page-break-inside: avoid; break-inside: avoid;}
  .cert_wrap .cert {width: 100%;max-width: none;min-height: 273mm;aspect-ratio: auto;padding: 20mm;box-sizing: border-box;overflow: hidden;}
  .cert_wrap .cert:before {border: 2px solid #dbae6c;}
  .cert_wrap .cert .side { width: 35mm;height: 35mm;background-size: contain;print-color-adjust: exact;-webkit-print-color-adjust: exact;}
  .cert_wrap .cert .side01 { top: 5mm; left: 5mm; }
  .cert_wrap .cert .side02 { top: 5mm; right: 5mm; }
  .cert_wrap .cert .side03 { bottom: 5mm; left: 5mm; }
  .cert_wrap .cert .side04 { bottom: 5mm; right: 5mm; }

  .cert_wrap .certCont .certNo {font-size: 11pt;}
  .cert_wrap .certCont .docTitle {font-size: 24pt;margin: 22mm auto 14mm;}
  .cert_wrap .certCont .certInfo {padding-bottom: 6mm; }
  .cert_wrap .certCont .certInfo dl {font-size: 12pt; margin-bottom: 4mm;}
  .cert_wrap .certCont .certInfo dt {min-width: 32mm;}
  .cert_wrap .certTxt {font-size: 15pt;min-height: 70mm; padding: 12mm 0;}
  .cert_wrap .certTxt:after { width: 55mm; height: 55mm; opacity: 0.08;}
  .cert_wrap .certDate { font-size: 12pt;margin-top: 8mm;margin-bottom: 5mm;}
  .cert_wrap .certFooter { font-size: 13pt;}
  .cert_wrap .certFooter .stamp { width: 20mm; height: 20mm; }
}




@media screen and (max-width:1400px){
	/*수영프로그램*/
	.prg_info .slide_box{width: 42%;}
	.prg_info .txt_box{padding-left: calc(40% - 40px)}
	.prg_info .slide_box .owl-nav button{width: 32px; height: 32px; }
}

@media screen and (max-width:991px){
	/*수영프로그램*/
	.prg_info{margin-bottom: 60px; }
	.prg_info .slide_box{position: unset; width: 100%; margin: 0 auto; max-width: 600px; box-shadow: unset; }
	.prg_info .slide_box *:not(.owl-nav, .owl-dots){height: auto; }
	.prg_info .slide_box .item .img_box{aspect-ratio: 3/2; min-height: 300px; }
	.prg_info .txt_box{position: static !important;margin-top: -100px; padding: 130px 30px 30px 30px!important; width: 100%;}
	.prg_info h2{margin-bottom: 16px; }
	.prg_info .course_info li:not(:last-child){margin-bottom: 10px; }

	.prg_dtl .box{margin-bottom: 44px; }
	.prg_dtl .wrap .item{width: 100%; }
	
}

@media screen and (max-width:768px){
	/*공통*/
	.text-area{padding: 20px 10px; }
	.c-tit01{font-size: 24px; }
	.chks{margin-top: 8px; }
	.tbl-type01 th, .tbl-type01 td{padding: 20px!important; font-size: 16px;}

	/*수영프로그램*/
	.prg_info .txt_box{padding:90px 20px 30px 20px !important; margin-top: -60px; margin-left: 0; margin-right: 0; width:100%;}
	.prg_info h2{font-size: 24px; }
	.text-area .text-item{font-size: 16px; }
	.prg_dtl .fee-box ol{flex-direction: column; gap: 16px; }
	.prg_dtl .fee-box ol li{font-size: 18px}
	.prg_dtl .fee-box ol li.plus{width: 26px; min-width: 26px;height: 26px; }
	.prg_dtl .fee-box ol li.plus:before, 
	.prg_dtl .fee-box ol li.plus:after{width: 11px; height: 2px; }
	.prg_dtl .fee-box ol li.sum{margin-left: 0; font-size: 18px; }
	.prg_dtl .fee-box ol li.sum strong{font-size:22px; }
	
	/*프로그램 신청완료*/
	.prg_success table colgroup col:first-child{width: 35%}

}

@media screen and (max-width:575px){
	/*수영프로그램*/
	.prg_dtl .chks.agree-all{padding: 0; border:0; text-align: end;  }
	
	/*프로그램 신청 2.환불기준표*/
	.big_warning p{flex-direction: column; }

	/*프로그램 신청완료*/
	.prg_success table{display: flex;}
	.prg_success table tbody{display: flex; flex-direction: column; justify-content: flex-start;width: 200%;  }
	.prg_success table tr{display: flex; flex-direction: column; justify-content: flex-start; }
	.prg_success table th{text-align: center!important; }

}



/*마이페이지*/
.maPage_list{display: flex; flex-direction: column;row-gap: 22px; margin-bottom: 60px;}
.maP_item{border: 2px solid #f5f5f5; border-radius: 10px;padding: 30px ; position: relative; display: grid; grid-template-columns: 1fr 120px; column-gap: 20px; transition: all 0.3s ease;}
.maP_item .item_up{display: flex; flex-direction: row; width:calc(100% - 60px);align-items: center; justify-content:flex-start; gap: 6px; grid-row: 1; }
.maP_item .numb{display: flex;align-items: center; justify-content:center;width: 30px; height: 30px; border-radius: 6px; background:transparent;color:#415ad9; font-variant-numeric: tabular-nums; font-size: 17px;font-family:'paperlogy';font-weight: 700; border: 1px solid #ddd; }
.maP_item .type{border-radius: 8px; padding: 0 12px; font-size: 17px; color:#fff;display: flex; flex-direction: column; align-items:center; justify-content:center;height: 32px;}
.maP_item .type.type01{background:#32C0F4 ;}/*수영*/
.maP_item .type.type02{background:#EA9948 ;}/*요가*/
.maP_item .type.type03{background:#1c1c1c ;}/*헬스*/
.maP_item .type.type04{background:#7D81D0 ;}/*골프*/
.maP_item .cate{border-radius: 8px; background: #fff; border: 1px solid #eee; padding: 0 16px; font-size: 17px; display: flex; flex-direction: column; align-items:center; justify-content:center;height: 32px;}
.maP_item .cate.cate01{}/*자유*/
.maP_item .cate.cate02{}/*강습(초)*/
.maP_item .cate.cate03{}/*강습(상)*/
.maP_item .name{font-family:'paperlogy'; font-weight: 700; font-size: 30px;display: inline-block; padding: 4px 0; margin: 12px 0;color:#000; grid-row: 2; position: relative; transition: all 0.3s ease;}
.maP_item .name:before{content:''; display: inline-block; border-left: 12px solid #afafaf; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; top: 13px; left:10px;opacity: 0; visibility: hidden;transition: all 0.3s ease;}
.maP_item .item_dtl{display: flex; flex-wrap: wrap; flex-direction: row; align-items: stretch; gap: 20px; background: #fafbff; padding:20px 30px ; border-radius: 20px; grid-row:3; }
.maP_item dl{display:flex; flex-direction:column; align-items: flex-start; gap: 6px; width: calc((82% / 3) - 16px); position: relative; padding:8px 0;}
.maP_item dl:not(:last-child):after{content:''; display: block; width: 1px; height: 100%; background: #eee;position:absolute; top:0; right: -10px}
.maP_item dt{font-size: 14px; font-weight: 700; }
.maP_item dd{font-size: 15px; font-weight: 600; }
.maP_item dd .able{font-size: clamp(18px, 1.6vw,22px); font-weight: 700; color:#003671; }
.maP_item .fee{width: calc(18% - 12px);}
.maP_item .durg{}
.maP_item .time{}
.maP_item .aply dd .able{}
.maP_item .stat{position: absolute; top:30px; right:30px; width: 60px; height: 60px;border-radius: 50%; display: flex;flex-direction:column; align-items: center; justify-content:center; font-family:'paperlogy'; font-weight: 600; font-size: 16px; color:#fff;}
.maP_item .stat.stat-inng{background: #22a1ff;}/*진행*/
.maP_item .stat.stat-succ{background: #05AD66;}/*완료*/
.maP_item .stat.stat-canc{background: #888;}/*취소*/
.maP_item .stat.stat-wait{font-size: 12px; background: #ffad13; color:#000;}/*대기*/
.maP_item .stat.stat-wait:not(:has(.wait-numb)){font-size: 16px;}
.maP_item .stat.stat-wait .wait-numb{font-size: 20px;}
.maP_item .stat.stat-wait .wait-numb em{font-size: 12px; font-style:normal; display: inline-block; margin-left:2px; }
.maP_item .personal-btn{display: flex; flex-direction:column; gap: 6px; grid-row:3; justify-content:flex-end;  }
.maP_item .personal-btn li{height: 100%;max-height: 100px }
.maP_item .personal-btn li button{background: transparent; padding: 8px 20px; font-family: 'paperlogy'; border-radius: 10px;font-size: 16px;font-weight: 500;border: 1px solid; width: 120px; text-align: center; height:100%; }
.maP_item .personal-btn li .cancl{border-color: #afafaf;color:#777;transition: all 0.3s ease;}
.maP_item .personal-btn li .qr,
.maP_item .personal-btn li .certif{border-color: #003671;color:#003671;transition: all 0.3s ease;}
.maP_item:has(.name:hover){border-color:#369bd9;transition: all 0.3s ease;}
.maP_item .name:hover{padding-left: 30px;transition: all 0.3s ease;}
.maP_item .name:hover:before{opacity: 1; visibility: visible;transition: all 0.3s ease;}
.maP_item .personal-btn li .cancl:hover{background:#777; color:#fff; transition: all 0.3s ease;}
.maP_item .personal-btn li .qr:hover,
.maP_item .personal-btn li .certif:hover{background:#003671; color:#fff; transition: all 0.3s ease; }





/*서브메인*/
.sMain_sec{display: grid; grid-template-columns: calc(50% - 60px) 50%;position: relative;color:#fff; gap:40px 60px; }
.sMain_sec:after{content:''; display: block; width: 100vw; height: 70%; background:#1F3B67; position: absolute; z-index: -1; bottom:0; left: calc((-100vw + 1600px) / 2); }
.sMain_sec .top_title{grid-row: 1; color:#000; font-family: 'paperlogy'; text-align: start; }
.sMain_sec .top_title .titl{font-weight: 800; font-size: clamp(42px, 3vw, 50px)}
.sMain_sec .top_title .subs{margin-top: 12px; font-size:clamp(20px, 1.6vw, 24px); font-weight: 500;}
.sMain_sec .msPop_sec{grid-row: 1/3; position: relative; padding-right: 40px; }
.sMain_sec .msPop_sec .title_wrap{}
.sMain_sec .msPop_sec .title_wrap h3{color:#000; transform: rotate(90deg) translateY(100%) translateX(50%);position: absolute; top:30px; right:0; transform-origin: bottom right;}
.sMain_sec .msPop_sec .msPop_control{position: absolute; bottom:6px; right:0;display: flex; flex-direction:row;transform: rotate(90deg) translateY(100%); transform-origin: bottom right; gap: 4px; font-size: 16px; font-weight: 600; align-items: center; }
.sMain_sec .msPop_sec .msPop_control .pager{display: flex; flex-direction: row; gap:8px; margin-right: 10px; }
.sMain_sec .msPop_sec .msPop_control .pager .current{color:#3D97E5;}
.sMain_sec .msPop_sec .msPop_control .pager .total{color:#fff; }
.sMain_sec .msPop_sec .msPop_control .prev{width:13px; height: 13px; background:transparent;border:0;  border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(225deg) }
.sMain_sec .msPop_sec .msPop_control .ppBtn{width: 12px; height: 18px;border: 0; background: linear-gradient(to right, transparent 1px, #fff 1px, #fff 4px, transparent 4px, transparent 8px, #fff 8px, #fff 11px, transparent 11px);  transition: all 0.5s ease;}
.sMain_sec .msPop_sec .msPop_control .ppBtn.is_pause{background: transparent; border-left: 10px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; transition: all 0.5s ease;}
.sMain_sec .msPop_sec .msPop_control .next{width:13px; height: 13px; background:transparent;border:0;  border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg)}
.sMain_sec .slide_wrap{}
.sMain_sec .slide_wrap .item{}
.sMain_sec .slide_wrap .item a{display: block; width:100%; height: 100%; position: relative; }
.sMain_sec .slide_wrap .item .img_box{width: 100%; aspect-ratio: 2/1; overflow:hidden; border-radius: 20px; min-height: 340px;  }
.sMain_sec .slide_wrap .item .img_box img{width: 100%; height: 100%;object-fit: cover; }
.sMain_sec .slide_wrap .item .txt_box{position: absolute; top:30px; left:30px;  text-align: start;width: calc(100% - 60px)}
.sMain_sec .slide_wrap .item .txt_box .titl{color:#fff; font-family:'tenada';font-size: 36px;margin-bottom: 4px;word-break: keep-all; }
.sMain_sec .slide_wrap .item .txt_box .titl .color{color:#FFE760;}
.sMain_sec .slide_wrap .item .txt_box .subs{font-family:'paperlogy';font-size: 18px; display: block; color:#fff; }
.sMain_sec .slide_wrap .item .txt_box .link{background: #00C0E0; color:#fff; padding: 6px 20px 6px 20px; border-radius: 25rem; margin-top: 12px; display: inline-flex;align-items: center; ; }
.sMain_sec .slide_wrap .item .txt_box .link .arr{width: 16px; height: 16px; position: relative; margin-left:6px;  }
.sMain_sec .slide_wrap .item .txt_box .link .arr:before{content:''; display: block; width: 11px; height: 1px; background: #fff; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%);}
.sMain_sec .slide_wrap .item .txt_box .link .arr:after{content:''; display: block; width: 8px; height: 8px; background: transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); border-top: 1px solid #fff; border-right: 1px solid #fff; }
.sMain_sec .resv_wrap{grid-row: 2;display: flex; flex-direction: row; align-items: center; }
.sMain_sec .resv_wrap div{display: flex; flex-direction: row; align-items: flex-start; }
.sMain_sec .resv_wrap .title{font-family:'paperlogy'; font-size: clamp(30px,2.6vw,36px); font-weight: 700; width: 40%; text-align:start; }
.sMain_sec .resv_step{display: flex; flex-wrap: wrap; width: 60%; gap: 12px; box-sizing:border-box; }
.sMain_sec .resv_step li{width: calc(50% - 6px) }
.sMain_sec .resv_step li select{width: calc(100% - 48px); font-size: 18px; color: #4F575E; padding: 12px 24px; border-radius: 10px; background: #EEF2F9 url(/kr/_Img/keyboard_arrow_down.png) no-repeat; background-size: 12px; background-position: calc(100% - 10px) center; box-sizing: content-box; }
.sMain_sec .resv_step li button{width: calc(100% - 48px); font-size: 18px; color:#fff; background: #258FEA url(/kr/_Img/border_color.png) no-repeat; background-size:18px; background-position: calc(100% - 20px) center; padding: 12px 24px; border-radius: 10px; box-sizing: content-box; border:0; text-align: start; height: calc(100% - 24px);}
.sMain_sec .quick_wrap{display: flex; flex-direction: row; align-items: flex-start; gap:16px 80px;  grid-row: 3;grid-column: 1/ -1; font-family:'paperlogy';text-align: start; margin:60px 0; }
.sMain_sec .quick_wrap .item{width:33.3%;}
.sMain_sec .quick_wrap .item a{display: block; display:flex; flex-direction: row; align-items: flex-start;justify-content:flex-start;align-items: center;}
.sMain_sec .quick_wrap .item .img_box{width: 70px;min-width: 60px;  aspect-ratio: 1/1;margin-right: 30px}
.sMain_sec .quick_wrap .item .img_box img{object-fit: contain; width: 100%; height: 100%; }
.sMain_sec .quick_wrap .item .txt_box{color:#fff;}
.sMain_sec .quick_wrap .item .txt_box p{font-size: 24px; font-weight: 600; margin-bottom: 4px; }
.sMain_sec .quick_wrap .item .txt_box span{font-size: 18px; font-weight: 400;}



.mSProg_list_wrap{padding:100px 0; background: #f5f5f5; font-family: 'paperlogy';}
.mSProg_list_wrap .inner{margin-bottom: 60px;}
.mSProg_list_wrap .title_wrap{text-align: center; margin-bottom: 30px; }
.mSProg_list_wrap .title_wrap h3{font-size: 48px; font-weight: 800; margin-bottom: 12px; }
.mSProg_list_wrap .title_wrap p{font-size: 24px; font-weight: 500; }
.mSProg_list_wrap .list{display: flex; flex-wrap: wrap; gap:30px 20px;  box-sizing:border-box; }
.mSP_item{width: calc(33.3% - 13px);border-radius: 10px; overflow: hidden; background: #fff; }
.mSP_item a{width: 100%; height: 100%; display: block; position: relative; }
.mSP_item .state{position: absolute; top: 30px; right: 30px; color:#fff; border-radius: 25rem; padding: 8px 16px;font-size: clamp(16px, 1.6vw, 18px); font-weight: 600; }
.mSP_item .state.pos{background:#2874FF }
.mSP_item .state.impos{background:#484B4E; display: flex; flex-direction: row; align-items: center; }
.mSP_item .state.impos em{font-style: normal; display:block; font-size: 14px; font-weight: 400; }
.mSP_item .state.impos em:before{content:''; display: inline-block; width: 1px; height: 12px; background: #fff; margin: 0px 6px -1px 6px;}
.mSP_item .img_box{width:100%; aspect-ratio: 3/2; overflow: hidden; }
.mSP_item .img_box img{width: 100%; height: 100%; object-fit: cover; }
.mSP_item .txt_box{padding: 30px; padding-bottom: 60px;text-align:start; }
.mSP_item .txt_box .label{display: inline-block; color:#fff; padding: 6px 16px; font-size: 16px; font-weight: 500;border-radius: 25rem; margin-bottom: 12px; }
.mSP_item .txt_box .label.label-swim{background:#32C0F4 ;}
.mSP_item .txt_box .label.label-golf{background:#7D81D0 ;}
.mSP_item .txt_box .label.label-gym{background:#1c1c1c ;}
.mSP_item .txt_box .label.label-yoga{background:#EA9948 ;}
.mSP_item .txt_box .title{font-weight: 700; font-size: clamp(28px, 2vw, 32px); line-height: 1.25; margin-bottom: 18px;  }
.mSP_item .txt_box ul{}
.mSP_item .txt_box ul > li{}
.mSP_item .txt_box ul > li:not(:last-child){margin-bottom: 10px;}
.mSP_item .txt_box ul li dl{font-size: 18px;display: flex;align-items: flex-start; gap: 4px 22px;padding-left: 30px; }
.mSP_item .txt_box ul li dt{font-weight: 600; color:#5C5C5C; position: relative; min-width: 91px; box-sizing: border-box; }
.mSP_item .txt_box ul li dt:before{content:''; display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; top: 0; left:-30px}
.mSP_item .txt_box ul li dt:after{content:''; display: block;width: 1px; height:55%; background: #afafaf; position: absolute; top: 50%; right: -13px; transform: translateY(-50%)}
.mSP_item .txt_box ul li.time dt:before{background-image: url(/kr/_Img/list-icon01.png); }
.mSP_item .txt_box ul li.fee dt:before{background-image: url(/kr/_Img/list-icon02.png); }
.mSP_item .txt_box ul li.loca dt:before{background-image: url(/kr/_Img/list-icon03.png); }
.mSP_item .txt_box ul li dd{font-weight: 500; color:#717171;}
.mSP_item .txt_box ul li dd ol{display: flex; flex-wrap: wrap; gap: 4px 12px;}
.mSP_item .txt_box ul li dd ol li{position: relative; }
.mSP_item .txt_box ul li dd ol li:not(:first-child):before{content:''; display: block; width: 3px; height: 3px; background: #999; border-radius: 50%; position: absolute; top: 50%; left: -6px; transform: translateY(-50%)}

@media screen and (max-width: 1640px){
	.sMain_sec:after{width: calc(100% + 40px); left: -20px; }
}

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

}	
 
@media screen and (max-width: 1200px){
	.sMain_sec:after{height: 74%; }
	.sMain_sec .resv_wrap div{flex-direction: column; gap: 20px; }
	.sMain_sec .resv_step{width: 100%; }
	.sMain_sec .quick_wrap{margin: 20px 0 40px 0; }
	.sMain_sec .quick_wrap .item .txt_box p{font-size: 20px; }
	.sMain_sec .quick_wrap .item .txt_box span{font-size: 16px; opacity: 0.8}

	.mSProg_list_wrap .title_wrap h3{font-size: 40px}
	.mSProg_list_wrap .title_wrap p{font-size: 20px; }

	.mSP_item{width: calc(33.3% - 14px)}
	.maP_item dl{width: calc(50% - 10px)!important;}
	.maP_item dl:nth-last-child(n+3):before{content:''; display: block; width: 100%; height: 1px ; background:#eee; position: absolute; bottom:-10px; left:0; }
	.maP_item dl:nth-child(2n):after{display:none; }
	
}

@media (min-width :999px ) and (max-width: 1200px){
	/*테이블 상단 검색창*/
	.prog_list_top{flex-direction: column; }
	.prog_list_top p{margin-bottom: 4px; }
	.prog_list_top .search_box{width: 100%;justify-content:center;  }
	.prog_list_top .search_box input{width: 100%; max-width: calc(100% - 460px); min-width: 200px; }
}

@media screen and (max-width: 999px){
	.sMain_sec .top_title {text-align:center;}
	.sMain_sec .top_title .titl {    font-size: clamp(26px, 3vw, 50px);}
	.sMain_sec .top_title .subs {    font-size: clamp(18px, 1.6vw, 24px);}

	.sMain_sec .slide_wrap .item .txt_box .titl {font-size:28px;}
	.sMain_sec .slide_wrap .item .txt_box .subs {font-size:16px;}
	/*테이블 상단 검색창*/
	.prog_list_top{padding: 25px 30px;}
	.prog_list_top p{font-size: 15px; }
	.prog_list_top .search_box{width: calc(100% - 220px)}

	.sMain_sec{display: flex; flex-direction: column; row-gap:20px; }
	.sMain_sec:after{left: -35px;width: calc(100% + 70px) }
	.sMain_sec .resv_wrap div{width: 100%; gap: 8px; margin-top: 20px; }
	.sMain_sec .resv_wrap .title{width: 100%; }
	.sMain_sec .resv_step li{width: calc(25% - 9px)}
	.sMain_sec .quick_wrap{column-gap: 24px; }
	.sMain_sec .msPop_sec{padding-right:0; }
	.sMain_sec .msPop_sec .title_wrap h3{display: none; }
	.sMain_sec .msPop_sec .msPop_control{transform: unset; z-index: 2;bottom: -30px; right: 5px; }

	.mSProg_list_wrap{width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; padding-top: 80px; }
	.mSP_item{width: calc(50% - 10px)}
	
	.maP_item .item_dtl{grid-column: 1/span 2}
	.maP_item .personal-btn{grid-row: 4; grid-column: 1/ span 2; margin-top: 10px; align-items:flex-end; }	

}



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

	.sMain_sec .top_title .titl {    font-size: clamp(22px, 3vw, 50px);}
	.sMain_sec .top_title .subs {    font-size: clamp(17px, 1.6vw, 24px);}

	.sMain_sec .slide_wrap .item .txt_box .titl {font-size:22px;}

	/*테이블 상단 검색창*/
	.prog_list_top{flex-direction: column; }
	.prog_list_top p{margin-bottom: 4px; }
	.prog_list_top .search_box{width: 100%;justify-content:center;  }
	.prog_list_top .search_box input{width: 100%; max-width: calc(100% - 300px); min-width: 200px; }


	.sMain_sec .resv_step li select,
	.sMain_sec .resv_step li button{font-size: 16px; }
	.sMain_sec .quick_wrap{column-gap: 34px; }
	.sMain_sec .quick_wrap .item a{flex-direction: column; row-gap: 12px; }
	.sMain_sec .quick_wrap .item .img_box{margin-right: 0 ; }
	.sMain_sec .quick_wrap .item .txt_box{text-align: center; }
	.sMain_sec .quick_wrap .item .txt_box p{font-size: 18px; }
	
	.mSProg_list_wrap{padding-top: 60px; }
	.mSP_item .state{font-size: 14px; top: 12px; right: 12px; }
	.mSP_item .img_box{max-height: 300px; }
	.mSP_item .txt_box{padding: 20px 26px; }
	.mSP_item .txt_box .label{font-size: 14px; margin-bottom: 4px; }
	.mSP_item .txt_box .title{font-size: 22px; }
	.mSP_item .txt_box ul li dl{font-size: 16px; column-gap: 16px; flex-wrap: wrap; }
	.mSP_item .txt_box ul li dt{min-width: 62px; }
	.mSP_item .txt_box ul li dt:after{right: -6px; }

	.maP_item{grid-template-columns: repeat(2, 1fr)}
	.maP_item .item_up{grid-column: 1 / span 2; width: 100%; }
	.maP_item .type,
	.maP_item .cate{font-size: 15px; }
	.maP_item .name{font-size: 22px; grid-column: 1/ span 2}
	.maP_item .stat{position: unset;grid-row: 4; grid-column: 1; height: 40px; width: fit-content; padding: 0 30px; border-radius: 10px; margin-top:10px;}
	.maP_item .personal-btn{grid-column: 2;}
	
}	

@media screen and (max-width: 575px){
	/*테이블 상단 검색창*/
	.prog_list_top .search_box select{min-width: 80px; }

	.sMain_sec .resv_step li{width: calc(50% - 6px); }
	.sMain_sec .quick_wrap{column-gap: 6px; }
	.sMain_sec .quick_wrap .item .txt_box p{font-size: 16px; }
	.sMain_sec .quick_wrap .item .txt_box span{display: none; }
	.mSP_item{width: 100%; }
	.mSP_item .img_box{max-height: 240px; }

	.maP_item .item_dtl{padding: 10px 20px; border-radius: 10px;  gap: 5px; }
	.maP_item dl{width: 100%!important; gap: 1px; }
	.maP_item dl:after{display: none!important;;}
	.maP_item dl:not(:last-child):before{content:''; display: block; width: 100%; height: 1px ;background: #eee; position: absolute; bottom: 0px; left:0; }
	
}

@media screen and (max-width: 435px){
	/*테이블 상단 검색창*/
	.prog_list_top .search_box{flex-direction: unset;flex-wrap: wrap;position: relative;   }
	.prog_list_top .search_box select{width: 100%; max-width: none; }
	.prog_list_top .search_box input{width: 100%; max-width:none;margin-right: 0;padding-right: 60px; }
	.prog_list_top .search_box button{position:absolute; bottom:0; right:0; }
}











/********************************************
콘텐츠
*********************************************/
/*공통*/
.sub-inner *{box-sizing: border-box;  }

/*환불*/
.refund_comment{margin-bottom: 24px; }
.refund_comment dl{font-size: 17px; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 2px 10px;}
.refund_comment dl:not(:last-child){margin-bottom: 12px; }
.refund_comment dt{position: relative; padding-left: 12px; font-weight: 700;;}
.refund_comment dt:before{content:''; display: block; width: 4px ; height: 4px; background:#00A1EB; border-radius: 50%; position: absolute; top:8px; left: 2px; }
.refund_comment dd{}
.refund_comment2{position: relative; padding-left: 30px;font-weight: 700; color:#003671; }
.refund_comment2:before{content:''; display: block; border-left: 12px solid #003671; border-top: 8px solid transparent; border-bottom: 8px solid transparent;position: absolute; top: 2px; left:12px;  }

/*체육진흥원소개*/
.info_sports{}
.info_sports .title{font-size: 28px; font-weight: 700; font-family: 'paperlogy'; color:#000; margin-bottom: 12px; }
.info_sports .title .color{color:#4F87F9; }
.info_sports .item{color:#666; font-weight: 400; font-size: 18px; line-height: 1.6; margin-bottom: 28px; }
.info_sports .item .color{color:#003671; font-weight: 700; }
.info_sports .item_wrap{display: flex; flex-direction: row; gap: 20px 48px; margin-bottom: 54px; }
.info_sports .item_wrap .img_box{width: 40%;min-width: 400px; overflow: hidden; border-radius: 10px; }
.info_sports .item_wrap .img_box img{width: 100%; height: 100%; display: block;  object-fit: cover; }
.info_sports .item_wrap .txt_box{}
.info_sports .item_wrap .item:last-child{margin-bottom:0; }
.info_sports .keyword{display: flex; flex-direction: row; border-bottom: 1px solid #4F87F9; padding-bottom: 24px; }
.info_sports .keyword li{width: 33.3%; display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 12px; position: relative; }
.info_sports .keyword li:after{content:'';display: block; width: 11px; height: 11px; background: #4F87F9; border-radius: 50%; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);}
.info_sports .keyword .img_box{width:52px; aspect-ratio: 1/1;  }
.info_sports .keyword .img_box img{width: 100%; height: 100%; object-fit: contain; }
.info_sports .keyword p{color:#4F87F9; font-weight: 700; font-size: 18px; }
.info_sports .box{background: #54A4FF; border-radius: 20px; width: 100%; max-width: 600px; margin: 40px auto; color:#fff; font-size: 18px; font-weight: 700; text-align: center; line-height: 1.8; padding: 30px ; }
.info_sports .sign{font-size: 28px; font-weight: 700; font-family: 'paperlogy'; color:#000; text-align:end; }
.info_sports .sign strong{font-size: 34px; margin-left: 12px; }

/*구성원 업무안내*/
.co-work_sec div{margin-bottom: 80px; }
.co-work_sec div .tbl-type02 tbody td:first-child{word-break: keep-all;}

/*찾아오시는길/주차장*/
.comeload_sec{}
.comeload_sec .map_sec{overflow: hidden; border-radius: 20px; }
.comeload_sec .map_sec .cont{display: none; }
.comeload_sec .map_sec .root_daum_roughmap{width: 100%;height: 100%;   }
.comeload_sec .map_sec .root_daum_roughmap .wrap_map { height: 550px;  }
.comeload_sec .map_info{border-radius: 20px; background: linear-gradient(to right, #065EBD, #003671); overflow:hidden; padding: 40px 72px; margin-top: 20px; position: relative; margin-bottom: 80px; }
.comeload_sec .map_info:after{content:'';display: block; width: 340px; height: 340px; background: url(/kr/_Img/logoSymbol_w_opacity.png) no-repeat; background-size:contain; background-position: center center; position: absolute;top: 20px; right:20px;}
.comeload_sec .map_info dl{color:#fff; display: flex; flex-direction: row; align-items:center; }
.comeload_sec .map_info dl:not(:last-child){margin-bottom: 20px; }
.comeload_sec .map_info dt{font-size: 22px; font-family: 'paperlogy';font-weight: 700; min-width: 100px;position: relative; }
.comeload_sec .map_info dt:after{content:''; display: block; width: 1px; height: 12px; background: #fff; position: absolute; top:50%; right:0; transform: translateY(-50%)}
.comeload_sec .map_info dd{padding-left: 30px; }

	.comeload_sec .map_sec img {width:100%;}
	.comeload_sec .map_sec img.h-mo {display:none;}

.comeload_sec .parking_area{display: flex; flex-wrap: wrap; gap: 8px 30px;margin: 12px 0 80px 0;}
.comeload_sec .parking_area li{width: calc(50% - 15px); border-bottom: 1px solid #eee;padding: 20px 60px 20px 0; position: relative; box-sizing: border-box;  }
.comeload_sec .parking_area li p{font-size:20px; font-weight: 600; color:#333; font-family:'paperlogy'; display: flex; flex-wrap: wrap; gap: 4px 8px; }
.comeload_sec .parking_area li p span{display: inline-block;padding: 2px 6px; color:#fff; border-radius: 4px; font-size: 16px; }
.comeload_sec .parking_area li p span.eng_area{background: #79BC75; }
.comeload_sec .parking_area li p span.cycle_area{background:#FF7C90 }
.comeload_sec .parking_area li p span.cycle_only{background:#4F87F9}
.comeload_sec .parking_area li a{display: block; width: 40px; height: 40px; background:url(/kr/_Img/ico-loc.png) no-repeat; position: absolute; top:50%; right: 15px; transform: translateY(-50%); background-position: center center; }

.comeload_sec .traf_wrap{margin-bottom: 80px; display: flex; flex-wrap: wrap; gap: 20px 30px; }
.comeload_sec .traf_wrap dl{background: #fbfbfb; border:1px solid #eee; border-radius: 20px; padding:36px 30px; width:calc(50% - 15px); box-sizing:border-box; }
.comeload_sec .traf_wrap dt{font-family:'paperlogy'; font-weight: 600; font-size: 20px; display: flex; gap: 10px; margin-bottom: 20px; align-items: start; }
.comeload_sec .traf_wrap dt .subway{color:#fff; font-size: 16px; padding: 2px 6px; border-radius: 4px; }
.comeload_sec .traf_wrap dt .subway.subway1{background:#FF7D21}
.comeload_sec .traf_wrap dt .subway.subway2{background:#39B64A}
.comeload_sec .traf_wrap dd{}
.comeload_sec .traf_wrap dl:not(:has(dt .subway)){background: #F0FBFF;}

.comeload_sec .car_wrap{}
.comeload_sec .car_wrap dl{display: flex; flex-direction: row; align-items: baseline; gap: 8px 30px;border-bottom: 1px solid #eee; padding: 20px 0 ;}
.comeload_sec .car_wrap dt{font-family:'paperlogy'; font-weight: 600; font-size: 20px;min-width: 120px;  }
.comeload_sec .car_wrap dd{}


/*체육지도자연수-게시판*/
.cAlert_box{background: #FEFEFE; border: 1px solid #ddd; border-radius: 10px; overflow:hidden; margin-bottom: 40px;  }
.cAlert_box .wrap{display: flex; flex-direction: row; align-items: start;gap: 20px 60px;  padding: 40px; background: #fff url(/_Template/Header/header-default/_Img/mn_bg_logoSymbol.png) no-repeat; background-size: 300px; background-position: calc(100% - 20px) 30px;}
.cAlert_box .wrap .img_box{width:110px; min-width: 110px; aspect-ratio: 1/1; background:#248AFF ; padding: 10px; border-radius: 50%; box-sizing: border-box; }
.cAlert_box .wrap .img_box img{width: 100%; height: 100%; object-fit: contain;  }
.cAlert_box .subs{width: 100%; line-height: 1.3;}
.cAlert_box .subs ul{}
.cAlert_box .subs ul li{position: relative; padding-left: 20px; margin-bottom: 15px; }
.cAlert_box .subs ul li:before{content:''; display: block; width: 5px; height: 5px; background: #555; border-radius: 50%; position: absolute; left:0; top: 9px; }
.cAlert_box .subs ul li .blue{font-size:15px;color:#248AFF; font-weight: 600;  }
.cAlert_box .subs .more_info{background:#f8f8f8; padding: 4px 12px; border-radius: 4px; font-weight: 700;  display: inline-block; }
.cAlert_box .subs .duri{background: #003671; padding:12px 30px; border-radius: 12px; color:#fff;  display: inline-flex;flex-direction: row; align-items: center; gap: 18px; }
.cAlert_box .subs .duri dt{font-family:'paperlogy'; font-weight: 600; position: relative;padding-right: 26px;}
.cAlert_box .subs .duri dt:after{content:''; display: block; width: 7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; background: transparent; position: absolute; top:50%; right:0; transform:translateY(-50%) rotate(45deg);}
.cAlert_box .subs .duri dd{}

/*체육지도자연수 소개*/
.transOverV_sec{}
.overV_wrap{background: #F2F3F4; border-radius: 10px; padding: 80px 44px 30px 44px;}
.overV_wrap .item{min-height: 130px; padding: 30px 60px; background: #fff; position: relative; border-radius: 20px; padding-left: 280px; display: flex; justify-content: center; align-items: center; }
.overV_wrap .item:not(:last-child){margin-bottom: 70px;}
.overV_wrap .item .list_numb{display: flex; flex-direction: column;gap: 4px;  position: absolute; top: 20px; left:20px; }
.overV_wrap .item .list_numb li{width: 11px; height: 11px; border-radius: 50%; background: #d9d9d9; }
.overV_wrap .item .list_numb li.sel{background:#E17463;  }
.overV_wrap .item dl{width: 100%; text-align: center; }
.overV_wrap .item dt{width: 170px; height: 170px; border-radius: 50%; display: flex;justify-content:center; align-items: center; font-weight:700; font-size: clamp(22px, 1.3vw, 26px); font-family:'paperlogy'; color:#fff; border: 15px solid #fff; box-sizing: border-box;  position: absolute; top: -55px; left: 60px;}
.overV_wrap .item.item1 dt{background: #003671;}
.overV_wrap .item.item2 dt{background: #0B69CF;}
.overV_wrap .item.item3 dt{background: #6DB1FB;}
.overV_wrap .item dd{font-weight: 700;}
.overV_wrap .item dd h4{font-size: clamp(18px, 1.1vw, 20px); color:#003671; line-height: 1.5;}
.overV_wrap .item .plus{color:#003671;display: flex; justify-content: space-between;align-items: center; font-size: 20px;}
.overV_wrap .item .plus li{width: 30%; position: relative;font-size: clamp(18px, 1.1vw, 20px); }
.overV_wrap .item .plus li:not(:last-child):before,
.overV_wrap .item .plus li:not(:last-child):after{content:''; display: block; width: 19px; height: 5px; position: absolute ;top: 50%; right: -30px; background:rgba(11,105,207,0.2);transform: translateY(-50%)}
.overV_wrap .item .plus li:not(:last-child):after{transform: translateY(-50%) rotate(90deg)}
.overV_wrap .item .pile{display: flex; flex-wrap: wrap; gap: 12px 10px; }
.overV_wrap .item .pile li{background: #E9F4FF; border-radius: 10px; padding: 15px; font-size: 18px; color:#277AD4;width: calc(50% - 6px);  }

.overV_title{text-align:center; ;margin: 60px auto;}
.overV_title span{color: #003671; font-size: 32px; font-family: 'paperlogy'; font-weight: 700;  display: inline-block;position: relative }
.overV_title span:before,
.overV_title span:after{content:''; display: block; width: 26px; height: 26px; background: url(/kr/_Img/ico-quot.png) no-repeat; background-position: center center; background-size: contain; position: absolute;top: -4px;filter: brightness(0) saturate(100%) invert(64%) sepia(27%) saturate(6590%) hue-rotate(191deg) brightness(103%) contrast(101%); }
.overV_title span:before{left: -30px;}
.overV_title span:after{right: -30px; transform: rotate(180deg)}
.overV_intro{column-count:2; column-gap:80px; column-rule: 1px solid #ddd;  break-inside: avoid;}
.overV_intro p{line-height: 1.4; }
.overV_intro p:not(:last-child){margin-bottom: 24px; }
.overV_btns{display: flex; flex-direction: row; align-items:center; margin-top: 30px; gap:12px 20px; flex-wrap: wrap; }
.overV_btns a{border: 1px solid #ddd;padding: 15px;padding-right: 50px; width:calc(25% - 15px);min-width: fit-content; border-radius: 10px;font-family: 'paperlogy'; font-weight: 500; position: relative; transition: all 0.3s ease; color:#111; line-height: 1; }
.overV_btns a:before,
.overV_btns a:after{content:''; display: block; position: absolute; top: 50%; right: 30px;}
.overV_btns a:before{width: 7px; height: 7px; background: transparent; border-top: 1px solid #1bb6fe; border-right: 1px solid #1bb6fe;transform: translateY(-50%) }
.overV_btns a:after{width: 9px; height: 1px; background: #1bb6fe; transform: translateY(-50%) rotate(-45deg)}
.overV_btns a:hover{transition: all 0.3s ease; background: #E9F3FF; border-color:rgba(65,90,217,0.3); color:#415ad9}
.ifApply_btn{margin-top: 20px; display: flex; justify-content: flex-end; }
.ifApply_btn a{background:#003671; height: 70px; line-height: 70px; color:#fff; min-width: 200px;display: inline-block; text-align: center; border-radius: 10px; font-family: 'paperlogy'; font-weight: 500;}

/*시설안내*/
.info_faci{ }
.info_faci .list_wrap{display: flex; flex-direction: row;gap: 25px; margin-bottom:80px; flex-wrap: wrap; }
.info_faci .list_wrap .item{width: calc(50% - 13px); border: 1px solid #eee; border-radius: 20px; padding: 48px 60px; font-family:'paperlogy';}
.info_faci .list_wrap .item h2{ font-weight: 700; font-size: 26px;color: #003671;position: relative; border-bottom: 1px solid #ddd; padding-bottom:22px; margin-bottom: 30px; }
.info_faci .list_wrap .item h2:before,
.info_faci .list_wrap .item h2:after{display: block; position: absolute; right: 0; opacity: 0.6; color:#f6f6f6 ; font-weight: 900; font-size: clamp(26px,2.4vw,38px); z-index:-1; }
.info_faci .list_wrap .item.daeyeon h2:before,
.info_faci .list_wrap .item.yongdang h2:before{content:'PKNU';top: -25px;}
.info_faci .list_wrap .item.daeyeon h2:after{content:'Daeyeon Campus'; bottom:0; }
.info_faci .list_wrap .item.yongdang h2:after{content:'Yongdang Campus'; bottom: 0; }
.info_faci .list_wrap .item ol{display: flex; flex-wrap: wrap; gap: 12px 20px;}
.info_faci .list_wrap .item ol li{width: calc(50% - 10px); }
.info_faci .list_wrap .item ol li a{display: flex; flex-direction: row; justify-content: space-between; position: relative;}
.info_faci .list_wrap .item ol li a:after{content:''; display: block; width: 0; height: 1px; background: #4274EE; position: absolute; bottom:2px; left:0; transition: all 0.5s ease;}
.info_faci .list_wrap .item ol li a span{width: 20px; height: 20px; background:#4274EE; border-radius: 50%; min-width: 20px; position: relative; }
.info_faci .list_wrap .item ol li a span:before,
.info_faci .list_wrap .item ol li a span:after{content:''; display: block; width: 5px; height: 2px; background: #fff; position: absolute; left: 50%; }
.info_faci .list_wrap .item ol li a span:before{transform: translate(-50%, -50%) rotate(45deg);top:calc(50% - 1px)}
.info_faci .list_wrap .item ol li a span:after{transform: translate(-50%, -50%) rotate(-45deg);top:calc(50% + 1px)}
.info_faci .list_wrap .item ol li a:hover{font-weight: 700; }
.info_faci .list_wrap .item ol li a:hover:after{width: calc(100% - 10px); transition: all 0.5s ease; }

.info_faci .detail_wrap{}
.info_faci .detail_wrap .item{margin-bottom: 60px; }
.info_faci .detail_wrap .item .box{display: flex; flex-direction: row;border: 1px solid #ddd; overflow: hidden; border-radius: 20px;gap: 30px 50px; align-items: center;}
.info_faci .detail_wrap .item .box .img_box{width: 50%; overflow: hidden; border-top-right-radius: 30px; border-bottom-right-radius: 30px; aspect-ratio: 2/1; }
.info_faci .detail_wrap .item .box .img_box img{width: 100%; height: 100%; object-fit: cover;}
.info_faci .detail_wrap .item .box .txt_box{width: 50%; padding: 30px; padding-left: 0;  ; }
.info_faci .detail_wrap .item .box .txt_box dl{display: flex; flex-direction: row; gap:4px 25px; font-size: 17px; align-items:baseline;}
.info_faci .detail_wrap .item .box .txt_box dl:not(:last-child){margin-bottom: 12px; }
.info_faci .detail_wrap .item .box .txt_box dt{min-width:100px; position: relative; font-weight:400; padding-left: 14px; }
.info_faci .detail_wrap .item .box .txt_box dt:before{content:''; display: block; width: 5px; height: 5px; background:#afafaf; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 50%; }
.info_faci .detail_wrap .item .box .txt_box dt:after{content:''; display: block; width: 1px; height: 13px; background:#555; position: absolute; top: 50%; right:0; transform: translateY(-50%); }
.info_faci .detail_wrap .item .box .txt_box dd p{font-weight: 600; line-height:1.4; }
.info_faci .detail_wrap .item .box .txt_box dd p:not(:last-child){margin-bottom: 4px; }
.info_faci .detail_wrap .item .box .txt_box dd p sup{font-size: 12px; }
.info_faci .detail_wrap .item:has(+ .c-tit01){margin-bottom: 80px}

/*대관안내*/
.rentFaci-sec{}
.rentFaci-sec .step_list,
.rentFaci-sec .rent_prior,
.rentFaci-sec .rent_fee,
.rentFaci-sec .down_btn{margin-bottom: 80px; }
.rentFaci-sec .step_list ul{display: flex; flex-direction: row; gap:16px; flex-wrap: wrap;  }
.rentFaci-sec .step_list .item{padding:26px; border-radius: 10px;font-family:'paperlogy'; width: calc(25% - 12px); display: grid; grid-template-columns: 44px 1fr; position: relative; }
.rentFaci-sec .step_list .item.rent1{background:#BEDAF2; color:#333;}
.rentFaci-sec .step_list .item.rent2{background:#88AAD3; color:#333;}
.rentFaci-sec .step_list .item.rent3{background:#5880B8; color:#fff;}
.rentFaci-sec .step_list .item.rent4{background:#24529A; color:#fff;}
.rentFaci-sec .step_list .item:not(:last-child):before,
.rentFaci-sec .step_list .item:not(:last-child):after{content:''; display: block; border-left: 20px solid;  border-top: 18px solid transparent; border-bottom: 18px solid transparent; position: absolute ;top: 50%;transform: translateY(-50%);z-index: 1;}
.rentFaci-sec .step_list .item:not(:last-child):before{border-left-color: #fff; right:-32px; }
.rentFaci-sec .step_list .item:not(:last-child):after{right:-16px; }
.rentFaci-sec .step_list .item.rent1:after{border-left-color:#BEDAF2}
.rentFaci-sec .step_list .item.rent2:after{border-left-color:#88AAD3}
.rentFaci-sec .step_list .item.rent3:after{border-left-color:#5880B8}
.rentFaci-sec .step_list .item .numb{width: 44px; height: 44px; border-radius: 50%; background: #fff; font-weight: 800; font-size: 22px; display:flex; justify-content: center; align-items: center; font-variant-numeric: tabular-nums;}
.rentFaci-sec .step_list .item.rent1 .numb{color:#BEDAF2}
.rentFaci-sec .step_list .item.rent2 .numb{color:#88AAD3}
.rentFaci-sec .step_list .item.rent3 .numb{color:#5880B8}
.rentFaci-sec .step_list .item.rent4 .numb{color:#24529A}
.rentFaci-sec .step_list .item img{height: 66px;  grid-row: 1; grid-column: 2;place-self: start end;}
.rentFaci-sec .step_list .item .title{font-size: clamp(20px, 1.7vw,22px); font-weight: 600; margin-bottom: 16px; grid-column: 1/ span 2;margin-top: 30px; }
.rentFaci-sec .step_list .item .subs{font-family:'pretendard';grid-column: 1/ span 2;}
		
.down_btn{}
.down_btn a{border-radius: 10px; padding: 15px 100px 15px 24px; border: 1px solid #ddd; font-family:'paperlogy'; font-weight: 500; position: relative;display: inline-block; }
.down_btn a:after{content:''; display: block ;width:18px; height: 18px; background: url(/kr/_Img/ico-down.png) no-repeat; background-size:contain; background-position : center center; position: absolute; top:50%; right: 24px;  transform:translateY(-50%)}

/*구성원 사용 신청안내*/
.applGuide-sec{}
.applGuide-sec .mfac,
.applGuide-sec .mper,
.applGuide-sec .mway{margin-bottom: 80px;}
.applGuide-sec .mfac .item{margin-bottom: 50px;}
.applGuide-sec .mfac .item .img_wrap{display: flex;gap: 20px; }
.applGuide-sec .mfac .item.daeyeon .img_wrap{flex-wrap:wrap;  }
.applGuide-sec .mfac .item.yongdang .img_wrap{flex-direction: row; }
.applGuide-sec .mfac .item .img_wrap .img_box{position: relative; overflow: hidden; border-radius:10px;  }
.applGuide-sec .mfac .item.daeyeon .img_wrap .img_box{aspect-ratio: 3/2;width: calc(50% - 10px)}
.applGuide-sec .mfac .item.yongdang .img_wrap .img_box{aspect-ratio: 1/1; width: calc(33.3% - 16px)}
.applGuide-sec .mfac .item .img_wrap .img_box img{width : 100%; height: 100%; object-fit: cover;}
.applGuide-sec .mfac .item .img_wrap p{background: rgba(255,255,255,0.5); backdrop-filter: blur(4px); padding: 12px 20px; border-radius: 10px;font-weight: 600; font-family:'paperlogy'; position: absolute; bottom: 20px; right:20px;}

.applGuide-sec .mper{display: flex; flex-direction: row; gap: 20px; flex-wrap: wrap; }
.applGuide-sec .mper .item{width: calc(50% - 10px); padding: 48px 44px; border-radius: 20px; border:1px solid #eee;  }
.applGuide-sec .mper .item .titl_box{display:flex; flex-wrap: wrap; gap: 4px 20px;margin-bottom: 20px;align-items: flex-end; }
.applGuide-sec .mper .item .titl_box h4{font-weight: 700; font-family:'paperlogy'; font-size: 26px;  color:#003671;  }
.applGuide-sec .mper .item .titl_box span{color:#777;}
.applGuide-sec .mper .item .subs_box{display: flex; gap: 8px 20px; flex-wrap: wrap; }
.applGuide-sec .mper .item .subs_box dl{min-width:calc(50% - 10px); display: flex; flex-direction: row;  position: relative; padding-left: 16px; }
.applGuide-sec .mper .item .subs_box dl:before{content:''; display: block; width: 4px; height: 4px; background: #555; border-radius: 50%; position: absolute; top:8px; left:3px; }
.applGuide-sec .mper .item .subs_box dt{padding-right: 20px; margin-right:20px;position: relative; }
.applGuide-sec .mper .item .subs_box dt:after{content:''; display: block; width: 1px; height: 12px; background: #afafaf; position: absolute; top: 50%; right: 0; transform: translateY(-50%)}
.applGuide-sec .mper .item .subs_box dd{}

.applGuide-sec .mway{display: flex; gap:20px 40px;position: relative;align-items: flex-start;}
.applGuide-sec .mway .img_box{width: 35%; min-width: 350px; }
.applGuide-sec .mway .img_box img{width: 100%; height: 100%; object-fit: contain; }
.applGuide-sec .mway .txt_box{position: relative; }
.applGuide-sec .mway .txt_list{margin: 0; will-change: transform;counter-reset: blue-numb; padding-top: 10px; }
.applGuide-sec .mway .txt_list > li{counter-increment:blue-numb;padding-left: 50px; position: relative; margin-bottom: 30px; }
.applGuide-sec .mway .txt_list > li:before{content:counter(blue-numb);font-variant-numeric: tabular-nums;width: 34px; height: 34px;border-radius: 4px; color:#fff; background:#003671; display: inline-flex; justify-content: center; align-items: center; position: absolute; top:-7px;; left:0; }
.applGuide-sec .mway .txt_list a{padding-right: 13px; display:inline-block; position: relative; margin-right: 2px;}
.applGuide-sec .mway .txt_list a:before{content:''; display: block; width: 7px; height: 7px; background: transparent; border-top: 1px solid #54A4FF; border-right: 1px solid #54A4FF; position: absolute; top: 50%; right:1px; transform:translateY(-50%)}
.applGuide-sec .mway .txt_list a:after{content:''; display: block; width:10px; height: 1px; background: #54A4FF; position: absolute; top: 50%; right:0; transform:translateY(-50%) rotate(-45deg); }
.applGuide-sec .mway .txt_list a span{display: inline-block; position: relative;transition: all 0.3s ease; }
.applGuide-sec .mway .txt_list a span:after{content:''; display: block; width: 100%; height: 1px; background: #54a4ff; position: absolute; bottom:0; left:0; }
.applGuide-sec .mway .txt_list a:hover span{font-weight: bold; color:#54A4FF; transition: all 0.3s ease;}
.applGuide-sec .mway .txt_list > li ol{counter-reset: white-numb;margin-top: 10px; }
.applGuide-sec .mway .txt_list > li ol li{counter-increment:white-numb;position: relative; padding-left: 26px; }
.applGuide-sec .mway .txt_list > li ol li:not(:last-child){margin-bottom: 6px; }
.applGuide-sec .mway .txt_list > li ol li:before{content:counter(white-numb);font-variant-numeric: tabular-nums;width: 15px; height: 15px; border-radius: 50%; border: 1px solid #777; display: flex; align-items: center; justify-content: center;font-size: 12px; position: absolute; top:3px; left:3px; }
	

/*수상구조사 소개*/
.normal_numb{counter-reset: normal_numb;}
.normal_numb > li{counter-increment: normal_numb; }
.normal_numb > li:not(:last-child){margin-bottom: 6px; }
.normal_numb > li:before{content:counter(normal_numb) "."; margin-right: 4px; font-variant-numeric: tabular-nums;}
.circle_numb{counter-reset: circle_numb;}
.circle_numb > li{counter-increment: circle_numb; position: relative; padding-left: 26px}
.circle_numb > li:not(:last-child){margin-bottom: 6px; }
.circle_numb > li:before{content:counter(circle_numb); margin-right: 4px; font-variant-numeric: tabular-nums;width: 18px; height: 18px; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 50%; font-size: 13px; font-family:'paperlogy'; position: absolute; top: 0; left:0; border: 1px solid #afafaf;  padding-top: 1px; }
table tr td.txt_srt{text-align: start;}

.lgd_sec{}
.lgd_box,
.coa-box{margin-bottom: 60px;  }
.lgd_sec .mean_box{border-radius: 10px; border: 1px solid #ddd; padding: 30px 40px;margin-top: 12px;margin-bottom: 50px; }
.lgd_sec .mean_box h6{margin-bottom: 12px;font-size: 22px; font-family:'paperlogy'; }
.lgd_sec .mean_box ul{}
.lgd_sec .mean_box ul li{}
.lgd_sec .mean_box ul li:not(:last-child){margin-bottom: 4px; }
.lgd_sec .test_info{}
.lgd_sec .test_info .exam{}
.lgd_sec .test_info .exam > li{}
.lgd_sec .test_info .exam > li:not(:last-child){margin-bottom: 12px; }
.lgd_sec .test_info .exam > li .point_allo{display: block; padding: 30px 40px; border-radius: 10px; background: #fafafa; margin-top: 12px;  }
.lgd_sec .test_info .exam > li .point_allo h5{margin-bottom: 12px; font-size: 22px; }
.lgd_sec .test_info .exam > li .point_allo ul{}
.lgd_sec .test_info .exam > li .point_allo ul > li{}
.lgd_sec .test_info .exam > li .point_allo ul > li:not(:last-child){margin-bottom: 8px; }
.lgd_sec .test_info .exam > li .point_allo ul > li .dtl{display: flex; flex-wrap: wrap; border: 1px solid #ccc;border-radius: 4px;margin:12px 0 20px 0;}
.lgd_sec .test_info .exam > li .point_allo ul > li .dtl dl{width: calc(33.3%); padding: 12px; border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; display: flex; flex-direction: row; align-items: baseline; flex-wrap: wrap;gap: 4px 12px;}
.lgd_sec .test_info .exam > li .point_allo ul > li .dtl dl:nth-child(3n){border-right: 0; }
.lgd_sec .test_info .exam > li .point_allo ul > li .dtl dl:nth-child(n + 4){border-bottom:0; }
.lgd_sec .test_info .exam > li .point_allo ul > li .dtl dt{min-width: 120px;font-weight: 500; font-family:'paperlogy'; position: relative;}
.lgd_sec .test_info .exam > li .point_allo ul > li .dtl dt:after{content:''; display: block; width: 1px; height: 11px; background: #ccc; position: absolute; top:5px; right:0;}
.lgd_sec .test_info .exam > li .point_allo ul > li .dtl dd{ }
.lgd_sec .law_point{background: #f8f8f8; border: 1px solid #ddd; border-radius: 10px; padding: 30px 40px; margin-top: 12px; }
.lgd_sec .law_point h5{text-align:center; font-family:'paperlogy'; margin-bottom: 12px; font-size: 22px;  }
.lgd_sec .law_point dl{}
.lgd_sec .law_point dt{font-weight: 700;  margin-bottom: 8px; }
.lgd_sec .law_point dd{}
.lgd_sec .tbl_tit{display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between;color:#000; margin-bottom: 4px;flex-wrap: wrap;  row-gap: 8px; }
.lgd_sec .tbl_tit span{font-weight: 400; color:#777; margin-left: auto; }
.lgd_sec table .totl{background: #f8f8f8; font-weight: 700; }
.lgd_sec table .circle_numb{margin-top: 8px; }
.lgd_sec .tbl_dtl{margin-top: 16px; border-radius: 10px;  border: 1px solid #ddd; padding: 40px 30px; }
.lgd_sec .tbl_dtl ol{}
.lgd_sec .tbl_dtl ol li{position: relative; padding-left: 20px; }
.lgd_sec .tbl_dtl ol li:not(:last-child){margin-bottom: 12px; }
.lgd_sec .tbl_dtl ol li:before{content:''; display: block; width: 8px; height: 1px; background: #afafaf; position: absolute; top: 9px; left:5px; }


/*연안체험활동 신고개요*/
.coaOve{}
.coaOve .coa-box p{}
.coaOve .coa-target > dl{margin-bottom: 50px;display: flex ;flex-wrap: wrap; gap:8px 18px;}
.coaOve .coa-target > dl dt{font-weight: 600; font-family:'paperlogy'}
.coaOve .coa-target > dl dd{}
.coaOve .coast_mean{margin-top: -30px; display: flex; flex-wrap: wrap;gap: 12px 20px; margin-bottom: 50px; }
.coaOve .coast_mean dl{width: calc(33.3% - 16px); border:1px solid #ddd; border-radius: 10px; padding:40px 30px 30px 30px; }
.coaOve .coast_mean dt{text-align: center; font-size: 22px; font-family:'paperlogy'; font-weight: 700; margin-bottom: 16px; }
.coaOve .coast_mean dd{}
.coaOve .coast_mean dd .txt{min-height: 44px; margin-bottom: 18px; font-size: 17px; }
.coaOve .coast_mean dd .img_box{width: 100%; overflow: hidden; border-radius: 6px; aspect-ratio: 3/2;  }
.coaOve .coast_mean dd .img_box img{width: 100%; height: 100%; object-fit: cover; }
.coaOve .coa_non-target .circle_numb{margin-top: 8px; margin-bottom: 20px; margin-left: 8px; }
.coaOve .coa-kind{}
.coaOve .coa-kind .kind_box{margin-bottom: 40px;}
.coaOve .coa-kind .law_box{border: 1px solid #ddd; border-radius: 10px; padding: 30px 40px; background: #f8f8f8;margin-bottom: 30px;  }
.coaOve .coa-kind .law_box strong{font-family:'paperlogy'; font-size: 22px;margin-bottom: 8px;  display: block; }
.coaOve .coa-kind .kind_type{display: flex ; flex-wrap: wrap; gap: 12px 20px; }
.coaOve .coa-kind .kind{width: calc(50% - 10px); border: 1px solid #ddd; border-radius: 10px; padding: 20px; }
.coaOve .coa-kind .kind h5{font-size: 20px; font-family:'paperlogy' ;font-weight: 600; margin-bottom: 12px; }
.coaOve .coa-kind .kind h5 span{display: inline-block; position: relative;padding-left: 12px;margin-left: 8px; font-size: 16px; }
.coaOve .coa-kind .kind h5 span:before{content:''; display: block; width: 7px; height: 1px ; background:#afafaf; position: absolute; top: 9px; left:0; }
.coaOve .coa-kind .kind p{}
.coaOve .coa-kind .kind dl{display: flex; flex-direction: row ; flex-wrap:wrap; padding: 16px 8px 0 8px;border-top: 1px solid #ddd;margin-top: 12px;font-size: 16px; }
.coaOve .coa-kind .kind dt{font-weight: 700; min-width: 80px; }
.coaOve .coa-kind .kind dd{}

.coaPro .coa-box{margin-bottom: 40px; }
.coaPro .coa-box .circle_numb{margin-left: 20px;}
.coaPro .coast_porcess{}
.coaPro .coast_porcess .auth_wrap{display: flex; flex-direction: row; gap: 12px; margin-bottom: 10px}
.coaPro .coast_porcess .auth_wrap h6{flex: 1 1 0; text-align: center; border: 1px solid #eee; padding: 8px; border-radius: 10px; font-family:'paperlogy'; font-size: 20px; font-weight: 600; color:#fff; display: flex; align-items: center; flex-direction: row; justify-content:center;  }
.coaPro .coast_porcess .auth_wrap h6.appl{background:#3b82f6}
.coaPro .coast_porcess .auth_wrap h6.proc{background:#22c55e}
.coaPro .coast_porcess .auth_wrap h6.chief{background:#1e3a8a}
.coaPro .coast_porcess .auth_pro{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;}
.coaPro .coast_porcess .auth_pro .step{border-radius: 4px; border: 1px solid #eee; display: flex; justify-content: center; align-items: center; flex-direction: column;padding: 8px;  position: relative; min-height: 60px; }
.coaPro .coast_porcess .auth_pro .step1{grid-row: 1; grid-column:1; }
.coaPro .coast_porcess .auth_pro .step2{grid-row: 1; grid-column:2; }
.coaPro .coast_porcess .auth_pro .step3{grid-row: 2; grid-column:2; }
.coaPro .coast_porcess .auth_pro .step4{grid-row: 3; grid-column:2; }
.coaPro .coast_porcess .auth_pro .step5{grid-row: 4; grid-column:2; }
.coaPro .coast_porcess .auth_pro .step6{grid-row: 3; grid-column:1; }
.coaPro .coast_porcess .auth_pro .step7{grid-row: 4; grid-column:1; }
.coaPro .coast_porcess .auth_pro .step8{grid-row: 3; grid-column:3; }
.coaPro .coast_porcess .auth_pro .step span{color:#fff; position: absolute;top:8px; left:8px; visibility: hidden;}
.coaPro .coast_porcess .auth_pro .step span.appl{background:#3b82f6}
.coaPro .coast_porcess .auth_pro .step span.proc{background:#22c55e}
.coaPro .coast_porcess .auth_pro .step span.chief{background:#1e3a8a}
.coaPro .coast_porcess .auth_pro .step em{ font-style:normal; font-size: 16px; display: block; text-align: center; color:#777;}
.coaPro .coast_porcess .auth_pro .step .arr{width:12px; height: 16px; background:#ef4444;position: absolute;z-index: 1; }
.coaPro .coast_porcess .auth_pro .step .arr:after{content:''; display: block; border-left: 10px solid #ef4444; border-top:12px solid transparent;  border-bottom:12px solid transparent;position: absolute; top:50%; right:-8px; transform:translateY(-50%); }
.coaPro .coast_porcess .auth_pro .step .arr.toB{bottom: -10px; left: 50%; transform: translateX(-50%) rotate(90deg)}
.coaPro .coast_porcess .auth_pro .step .arr.toR{top: 50%; right: -10px; transform: translateY(-50%);}
.coaPro .coast_porcess .auth_pro .step .arr.toL{top: 50% ; left: -10px; transform: translateY(-50%) rotate(180deg)}
.coaPro .coast_porcess .auth_pro .step.step5 .arr.toB,
.coaPro .coast_porcess .auth_pro .step.step8 .arr.toB{display: none; }

.coaEdu .law_wrap{display: flex; flex-wrap:wrap; gap: 12px 20px; }
.coaEdu .law_wrap dl{width: calc(33.3% - 16px); border: 1px solid #ddd; border-radius: 10px; padding: 30px; }
.coaEdu .law_wrap dt{font-weight: 700; font-family:'paperlogy'; font-size: 20px; margin-bottom: 20px; line-height: 1.3; }
.coaEdu .law_wrap dd{}
.coaEdu .law_wrap dd ol{}
.coaEdu .law_wrap dd ol li{line-height: 1.3;position: relative; padding-left: 30px}
.coaEdu .law_wrap dd ol li span{width: 20px; height: 20px; border-radius: 50%; border:1px solid #ddd; display: flex; align-items: center; justify-content: center; font-size: 14px; position: absolute; top:2px; left:0; }
.coaEdu .deco_txt{text-align: end; margin-bottom: 8px; }
.coaEdu .deco_txt .red{color:red; }

.coaRev{}
.coaRev .purp_sec{margin-bottom: 80px; }
.coaRev .purp_sec h4{font-family:'paperlogy'; font-size: 22px; margin-bottom: 18px; position: relative; padding-left: 24px}
.coaRev .purp_sec h4:before{content:''; display: block; border-left: 8px solid #004591; border-top: 5px solid transparent; border-bottom: 5px solid transparent;position: absolute; top:9px; left:6px; }
.coaRev .purp_sec dl{}
.coaRev .purp_sec dt{}
.coaRev .purp_sec dd{}
.coaRev .purp_sec ul{display: flex; flex-direction: row; align-items: flex-start; gap:8px 20px; flex-wrap: wrap; }
.coaRev .purp_sec ul li{width: calc(25% - 15px); border:1px solid #ddd; border-radius: 10px; padding: 24px;display: flex; flex-direction: column;justify-content:flex-start; gap: 14px; background: #f8f8f8; min-width: 220px; }
.coaRev .purp_sec ul span{font-size: 15px; font-weight: 700;}

.coaRev .time_sec{display: flex; flex-direction:row; gap: 15px; margin-bottom: 80px;flex-wrap: wrap;  }
.coaRev .time_sec .step{width: calc(20% - 12px); padding:20px;border-radius: 10px; color:#fff; position: relative; }
.coaRev .time_sec .step:not(:last-child):after{content:''; display: block; border-left: 12px solid; border-top:10px solid transparent; border-bottom:10px solid transparent; position: absolute; top:50%; right: -12px; transform: translateY(-50%);}
.coaRev .time_sec .step.step1{background: #3488D2}
.coaRev .time_sec .step.step2{background: #307BC4}
.coaRev .time_sec .step.step3{background: #2D6FB8}
.coaRev .time_sec .step.step4{background: #2963AC}
.coaRev .time_sec .step.step5{background: #25559D}
.coaRev .time_sec .step.step1:after{border-left-color: #3488D2}
.coaRev .time_sec .step.step2:after{border-left-color: #307BC4}
.coaRev .time_sec .step.step3:after{border-left-color: #2D6FB8}
.coaRev .time_sec .step.step4:after{border-left-color: #2963AC}
.coaRev .time_sec .step h5{text-align: center; font-weight: 600; line-height: 1.5;}

.coaRev .strc_sec{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px 20px; padding-bottom:30px; }
.coaRev .strc_sec li{padding: 20px; border-radius: 10px; border: 1px solid #ddd; }
.coaRev .strc_sec li dl{}
.coaRev .strc_sec li dt{margin-bottom: 12px; font-weight: 700;color:#004591; font-size: 19px;  }
.coaRev .strc_sec li dd{font-size: 17px; color:#777;}
.coaRev .strc_sec li.first{background: #004591;}
.coaRev .strc_sec li.first dt,
.coaRev .strc_sec li.first dd{color:#fff; }
.coaRev .strc_sec li:has(.layerBtn){position: relative; }
.coaRev .strc_sec .layerBtn{width: 30px; height: 30px; border:0; background: #004591; position: absolute;bottom: 20px; right: 20px;  border-radius: 50%;}
.coaRev .strc_sec .layerBtn:after{content:'';display: block; width:15px; height: 15px; background: url(/_Template/Gnavi/gnavi-default/_Img/search_ico_w.png); position: absolute;top: 50%; left:50%; transform: translate(-50%, -50%); background-size: contain; background-repeat: no-repeat; }
.coaRev .layerBtn_c{margin: 12px 0 0 auto;display: block; border:0; background: #004591; color:#fff; padding: 10px 20px; border-radius: 8px;}
.coaRev .layer_penalty{display: none;}
.coaRev .layer_penalty table td{text-align: start; }
.coaRev .layer_penalty table td span{display: inline-flex; justify-content:center; align-items: center; width: 22px; height: 22px; border-radius: 50%;font-variant-numeric: tabular-nums; border: 1px solid #eee; margin-right: 6px;}

.coaRev .term_box{margin-top: 50px}
.coaRev .term_box > p{position: relative;padding-left: 16px; margin-bottom: 15px; }
.coaRev .term_box > p:before{content:''; display: block; width: 8px; height: 1px;background: #afafaf; position: absolute; top: 9px; left:1px; }
.coaRev .term_box .tri-list{}
.coaRev .term_box .tri-list li{padding-left: 16px; position: relative; }
.coaRev .term_box .tri-list li:before{content:''; display: block; width: 4px; height: 4px; background: #004591; border-radius: 50%; position: absolute; top: 7px; left:4px; }
.coaRev .term_box .tri-list li:not(:last-child){margin-bottom: 12px; }
.coaRev .term_box .tri-list li strong{}
.coaRev .term_box .tri-list li span{display: block; margin-top: 4px; }
.coaRev.coaOve .coast_mean{margin-top:10px; }
.coaRev.coaOve .coast_mean dd .txt{border-bottom: 1px dashed #ddd; padding-bottom: 14px; margin-bottom: 14px;}
.coaRev.coaOve .coast_mean .examp{font-size: 15px; color:#777; display: block;}

/*팝업-비밀번호키사용방법*/
body.locker_pop_open{overflow: hidden;}
.locker_pop{
	display: none;
	position: fixed;
	inset: 0;
	z-index: 10050;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
	background: rgba(0,0,0,0.5);
}
.locker_pop.is-open{display: flex;}
.locker_pop .popup_inner{
	background: #fff;
	width: 100%;
	max-width: 800px;
	max-height: 90vh;
	overflow: auto;
	box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
	border-radius: 10px;
	border:1px solid #ddd;
}
.locker_pop .top{display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 12px 24px; border-bottom: 1px solid #ddd; }
.locker_pop .top h2{font-family:'paperlogy'; font-weight: 600; font-size: 17px; }
.locker_pop .top button.close{border:0; background: #003671; width: 20px; height: 20px;position: relative; border-radius: 4px;  }
.locker_pop .top button.close:before,
.locker_pop .top button.close:after{content:''; display: block; width: 10px; height: 2px; background: #fff; position: absolute; top:50%; left:50%; pointer-events: none;}
.locker_pop .top button.close:before{transform: translate(-50%, -50%) rotate(45deg)}
.locker_pop .top button.close:after{transform: translate(-50%, -50%) rotate(-45deg)}
.locker_pop .img_box{width: 100%;padding: 24px; box-sizing:border-box; }
.locker_pop .img_box img{width: 100%; height: 100%; object-fit: contain; }
.locker_pop .img_box .p_img{display:block; }
.locker_pop .img_box .m_img{display:none;}


	#container.smain-cont{max-width: unset; width: 100%; margin-right: auto; padding-bottom: 0; }
	.lecture-skin-view.m-div-wrap .inner{max-width: 1600px; width: calc(100% - 40px); margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
	/* 강좌 상세 전용: common.css 미수정, 이 페이지 블록만 보강 */
	.lecture-skin-view .prg_info{overflow: visible; }
	.lecture-skin-view .prg_info .slide_box{min-height: 260px; z-index: 2; }
	.lecture-skin-view .prg_info .slide_box > .owl-carousel,
	.lecture-skin-view .prg_info .slide_box > .owl-carousel .owl-stage-outer{min-height: 100%; }
	.lecture-skin-view .prg_info .slide_box .item .img_box{min-height: 200px; }
	.lecture-skin-view .prg_info .slide_box .item .img_box img{display: block; }
	.lecture-skin-view .prg_info .txt_box{position: relative; z-index: 1; }
	@media screen and (max-width: 991px) {
		.lecture-skin-view .prg_info .slide_box{min-height: 0; }
		.lecture-skin-view .prg_info .slide_box > .owl-carousel,
		.lecture-skin-view .prg_info .slide_box > .owl-carousel .owl-stage-outer{min-height: 0; }
	}
	/* 사물함 행: flex ol 안에서 display 복원이 안 될 때 대비 */
	.lecture-skin-view #lec_fee_ol #lec_li_plus_locker,
	.lecture-skin-view #lec_fee_ol #lec_li_locker{display: none !important; }
	.lecture-skin-view #lec_fee_ol.lec-fee-locker-on #lec_li_plus_locker,
	.lecture-skin-view #lec_fee_ol.lec-fee-locker-on #lec_li_locker{display: flex !important; align-items: center; }

@media screen and (max-width: 1440px){
	/*체육지도자연수 소개*/
	.overV_wrap .item{padding-left: 210px;}
	.overV_wrap .item dt{width: 140px; height: 140px; }


}

@media (min-width: 991px) and (max-width: 1200px){
	/*구성원 업무안내*/
	.co-work_sec table colgroup,
	.co-work_sec table caption,
	.co-work_sec table thead{display: none;}
	
	.co-work_sec div .tbl-type02{border-top:0; }
	.co-work_sec div .tbl-type02 tbody{display: flex; flex-wrap: wrap; gap: 12px 18px;}
	.co-work_sec div .tbl-type02 tbody tr{display: grid;grid-template-columns:104px 1fr;border: 1px solid #eee; overflow:hidden;border-radius: 10px;   width: calc(50% - 11px); padding: 28px 24px; box-sizing: border-box; }
	.co-work_sec div .tbl-type02 tbody td{padding: 0; border:0!important; }
	.co-work_sec div .tbl-type02 tbody td.team{width: 100%; text-align: start; margin-bottom: 14px; grid-column: 1/ span 2;}
	.co-work_sec div .tbl-type02 tbody td.team span{display: inline-block; padding: 4px 8px; border-radius: 4px; background: #003671; color:#fff; font-size: 16px; }
	.co-work_sec div .tbl-type02 tbody td.spot{font-weight: bold; font-size: 18px; grid-row: 2/ span 3;text-align: start;}
	.co-work_sec div .tbl-type02 tbody td.call{text-align: start;margin-bottom: 4px; padding-left: 24px; position: relative;}
	.co-work_sec div .tbl-type02 tbody td.mail{text-align: start;padding-left: 24px; position: relative; }
	.co-work_sec div .tbl-type02 tbody td.call:before,
	.co-work_sec div .tbl-type02 tbody td.mail:before{content:'';display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; top:1px; left:0; }
	.co-work_sec div .tbl-type02 tbody td.call:before{background-image:url(/kr/_Img/co-work-call.png);}
	.co-work_sec div .tbl-type02 tbody td.mail:before{background-image:url(/kr/_Img/co-work-mail.png);}
	.co-work_sec div .tbl-type02 tbody td.work{width: 100%; background: #fafafa; padding: 16px; border-radius: 10px; margin-top: 16px; grid-column: 1/ span 2;}

	/*체육지도자연수-게시판*/
	.cAlert_box .wrap{column-gap: 32px; }
	.cAlert_box .wrap .img_box{width: 80px; min-width: 80px; padding: 6px; }

	/*연안체험활동 신고개요*/
	.coaRev .strc_sec{grid-template-columns: repeat(2, 1fr)}


	
	
}

@media screen and (max-width: 1200px){
	/*체육진흥원소개*/
	.info_sports .item_wrap{flex-direction: column; }
	.info_sports .item_wrap .img_box{width: 100%; min-width: unset; }

	/*체육지도자연수 소개*/
	.overV_wrap .item{padding-left: 60px; padding-top: 50px;}
	.overV_wrap .item dt{height: 90px; top: -45px; }

	/*연안체험활동 신고개요*/
	.coaOve .coast_mean dl{width: calc(50% - 10px); padding: 20px; }
	.coaEdu .law_wrap dl{width: calc(50% - 10px)}

	/*시설안내*/
	.info_faci .list_wrap .item{padding: 30px; }
	.info_faci .list_wrap .item ol li{width: 100%; }

	/*대관안내*/
	.rentFaci-sec .step_list .item{width: calc(50% - 8px)}
}

@media screen and (max-width: 991px){
	/*공통*/
	.sub-inner{width:calc(100% - 40px); padding-left: 20px; padding-right: 20px;  }

	/*체육지도자연수 소개*/
	.overV_wrap .item:not(:last-child){margin-bottom: 60px; }

	/**연안체험활동 신고개요*/
	.coaRev .purp_sec ul li{min-width: unset; width: calc(33.3% - 14px); }
	.coaRev .time_sec .step{width: calc(33.3% - 10px)}

	/* 강좌 상세 전용*/
	.lecture-skin-view.m-div-wrap .inner {width: 100%;padding:0;margin: 0;}
}

@media screen and (max-width: 768px){
	/*공통*/
	.sub-inner{width:calc(100% - 16px); padding-left: 8px; padding-right: 8px; }

	/*체육진흥원소개*/
	.info_sports .title{font-size: 24px; }
	.info_sports .item,
	.info_sports .box{font-size: 16px; }
	.info_sports .sign{font-size: 20px; }
	.info_sports .sign strong{font-size: 30px; }

	/*구성원 업무안내*/
	.co-work_sec table colgroup,
	.co-work_sec table caption,
	.co-work_sec table thead{display: none;}
	
	.co-work_sec div .tbl-type02{border-top:0; }
	.co-work_sec div .tbl-type02 tbody{display: flex; flex-wrap: wrap; gap: 12px 18px;}
	.co-work_sec div .tbl-type02 tbody tr{display: grid;grid-template-columns:96px 1fr;border: 1px solid #eee; overflow:hidden;border-radius: 10px;   width: calc(50% - 11px); padding: 28px 24px; box-sizing: border-box; }
	.co-work_sec div .tbl-type02 tbody td{padding: 0; border:0!important; }
	.co-work_sec div .tbl-type02 tbody td.team{width: 100%; text-align: start; margin-bottom: 14px; grid-column: 1/ span 2;}
	.co-work_sec div .tbl-type02 tbody td.team span{display: inline-block; padding: 4px 8px; border-radius: 4px; background: #003671; color:#fff; font-size: 16px; }
	.co-work_sec div .tbl-type02 tbody td.spot{font-weight: bold; font-size: 16px; grid-row: 2/ span 3;text-align: start;}
	.co-work_sec div .tbl-type02 tbody td.call{text-align: start;margin-bottom: 4px; padding-left: 24px; position: relative;}
	.co-work_sec div .tbl-type02 tbody td.mail{text-align: start;padding-left: 24px; position: relative; }
	.co-work_sec div .tbl-type02 tbody td.call:before,
	.co-work_sec div .tbl-type02 tbody td.mail:before{content:'';display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; top:1px; left:0; }
	.co-work_sec div .tbl-type02 tbody td.call:before{background-image:url(/kr/_Img/co-work-call.png);}
	.co-work_sec div .tbl-type02 tbody td.mail:before{background-image:url(/kr/_Img/co-work-mail.png);}
	.co-work_sec div .tbl-type02 tbody td.work{width: 100%; background: #fafafa; padding: 16px; border-radius: 10px; margin-top: 16px; grid-column: 1/ span 2;}

	/*찾아오시는길/주차장*/
	.comeload_sec .map_info,
	.comeload_sec .parking_area,
	.comeload_sec .traf_wrap{margin-bottom:50px; }
	.comeload_sec .map_sec .root_daum_roughmap .wrap_map { height: 360px;  }
	.comeload_sec .map_info{padding:30px 56px }
	.comeload_sec .map_info dt{font-size: 18px; min-width: 70px; }
	.comeload_sec .map_info:after{width: 230px; height: 230px; }
	


	.comeload_sec .parking_area li p,
	.comeload_sec .traf_wrap dt,
	.comeload_sec .car_wrap dt{font-size: 18px; }
	.comeload_sec .parking_area li p span,
	.comeload_sec .traf_wrap dt .subway{font-size: 14px; }

	.comeload_sec .traf_wrap{column-gap: 20px; }
	.comeload_sec .parking_area li{width: 100%; padding: 12px 60px 12px 0; }

	/*체육지도자연수-게시판*/
	.cAlert_box .wrap{column-gap: 32px; background-size: 180px;background-position: calc(100% - 20px) calc(100% + 60px); }
	.cAlert_box .wrap .img_box{width: 80px; min-width: 80px; padding: 6px; }

	/*체육지도자연수 소개*/
	.overV_wrap{padding-left: 22px; padding-right: 22px; }
	.overV_wrap .item {padding: 30px 20px;padding-top: 50px;}
	.overV_wrap .item dd h4,
	.overV_wrap .item .plus li,
	.overV_wrap .item .pile li{font-size: 16px; }
	.overV_title span{font-size: 28px; }
	.overV_intro{column-count: 1; }
	.overV_btns{gap: 8px;  }

	/*수상구조사 소개*/
	.lgd_sec .mean_box h6,
	.lgd_sec .test_info .exam > li .point_allo h5,
	.lgd_sec .law_point h5{font-size: 18px; }
	.lgd_sec .test_info .exam > li .point_allo ul > li .dtl dl{width: 50%; }
	.lgd_sec .test_info .exam > li .point_allo ul > li .dtl dl:nth-child(2n){border-right: 0; }
	.lgd_sec .test_info .exam > li .point_allo ul > li .dtl dl:nth-child(3){border-right: 1px solid #ccc;}
	.lgd_sec .test_info .exam > li .point_allo ul > li .dtl dl:nth-child(4){border-bottom: 1px solid #ccc;}

	/**연안체험활동 신고개요*/
	.coaOve .coa-kind .law_box strong{font-size: 18px; }
	.coaPro .coast_porcess .auth_wrap h6{font-size: 16px; }
	.coaRev .purp_sec ul li{width: calc(50% - 10px)}
	.coaRev .strc_sec{grid-template-columns: repeat(2, 1fr); gap: 8px 16px}
	.coaRev .strc_sec li dt{font-size: 16px;}
	.coaRev .layer_penalty > div{padding: 20px; background: #fafafa;}
	.coaRev .layer_penalty table{border-top: 0;}
	.coaRev .layer_penalty table thead,
	.coaRev .layer_penalty table colgroup,
	.coaRev .layer_penalty table caption{display: none; }
	.coaRev .layer_penalty table tbody tr{display: flex; flex-direction: column;}
	.coaRev .layer_penalty table tbody tr th{text-align: start;padding: 12px 0; border:0!important; }
	.coaRev .layer_penalty table tbody tr:not(:first-child) th{border-top: 1px solid #ddd!important; margin-top: 18px; padding-top: 20px; ;}
	.coaRev .layer_penalty table tbody tr td{padding: 4px 0;border:0; }
	.coaRev .layer_penalty table td span{border-color:#ddd;}
	
	.coaEdu .law_wrap dl{padding:24px 20px}
	.coaEdu .law_wrap dt{font-size: 18px; }

	/*시설안내*/
	.info_faci .list_wrap .item{ width: 100%;  }
	.info_faci .list_wrap .item ol li{width: calc(50% - 10px); }
	.info_faci .detail_wrap .item{margin-bottom: 30px}
	.info_faci .detail_wrap .item .box{flex-direction: column; }
	.info_faci .detail_wrap .item .box .img_box{width: 100%; border-top-right-radius:0; border-bottom-left-radius: 30px;max-height: 300px; }
	.info_faci .detail_wrap .item .box .txt_box{width: 100%; padding: 0 30px 30px 30px; }

	/*대관안내*/
	.rentFaci-sec .step_list .item .title{font-size: 18px; }

	/*구성원 사용 신청안내*/
	.applGuide-sec .mfac .item .img_wrap p{font-size: 16px; padding:6px 12px; border-radius: 4px; bottom: 10px; right: 10px; font-size: 15px; }
	.applGuide-sec .mper .item{padding:28px 30px }
	.applGuide-sec .mper .item .titl_box{column-gap: 10px; }
	.applGuide-sec .mper .item .titl_box h4{font-size: 22px; }
	.applGuide-sec .mway{flex-direction: column-reverse}
	.applGuide-sec .mway .img_box{width: 100%; min-width: unset; max-width: 400px;margin: 0 auto;  }
	.applGuide-sec .mway .txt_list{transform: none !important;}
}

@media (min-width: 575px) and (max-width: 624px){
	.co-work_sec div .tbl-type02 tbody td.spot{grid-row: 2;grid-column: 1/ span 2; margin-bottom: 10px;}
	.co-work_sec div .tbl-type02 tbody td.call,
	.co-work_sec div .tbl-type02 tbody td.mail{grid-column: 1/ span 2;}

}


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

	/*팝업-비밀번호키사용방법*/
	.locker_pop .top{padding: 12px 10px; }
	.locker_pop .img_box{padding: 10px;}
	.locker_pop .img_box .p_img{display:none;}
	.locker_pop .img_box .m_img{display:block; height: 70vh;}
	


	/*체육진흥원소개*/
	.info_sports .item{margin-bottom: 20px; }
	.info_sports .keyword p,
	.info_sports .sign{font-size: 16px; }
	.info_sports .sign strong{font-size: 26px; }

	/*구성원 업무안내*/
	.co-work_sec div .tbl-type02 tbody tr{width: 100%; }

	/*찾아오시는길/주차장*/
	.comeload_sec .map_info{padding: 30px 36px; }
	.comeload_sec .map_info:after{bottom: -50px; }
	.comeload_sec .map_info dl{flex-direction: column; align-items: flex-start; row-gap: 4px; }
	.comeload_sec .map_info dt:after{display: none; }
	.comeload_sec .map_info dd{padding-left: 0; }
	.comeload_sec .traf_wrap{row-gap: 12px; }
	.comeload_sec .traf_wrap dl{width: 100%; padding: 24px; }

	.comeload_sec .map_sec img.h-mo {display:block;}
	.comeload_sec .map_sec img.h-pc {display:none;}

	/*체육지도자연수-게시판*/
	.cAlert_box .wrap{flex-direction: column; }
	.cAlert_box .wrap .img_box{display: none; }

	/*수상구조사 소개*/
	.lgd_sec .test_info .exam > li .point_allo ul > li .dtl dt{min-width: unset; width: 100%; }
	.lgd_sec .test_info .exam > li .point_allo ul > li .dtl dt:after{display: none; }

	/*연안체험활동 신고개요*/
	.coaOve .coast_mean dl{width: 100%; }
	.coaOve .coast_mean dd .txt{min-height: unset; }
	.coaOve .coast_mean dd .img_box{height: 220px; }
	.coaOve .coa-kind .kind{width: 100%; }
	
	.coaPro .coast_porcess .auth_wrap h6{display: none; }
	.coaPro .coast_porcess .auth_pro{display: grid; }
	.coaPro .coast_porcess .auth_pro .step{grid-row: unset; }
	.coaPro .coast_porcess .auth_pro .step:not(.step5, .step6, .step8){grid-column: 1 / span 3;}
	.coaPro .coast_porcess .auth_pro .step.step5{grid-row: 5; grid-column: 2; align-items: flex-start}
	.coaPro .coast_porcess .auth_pro .step.step6{grid-row: 5; grid-column: 1; align-items: flex-start}
	.coaPro .coast_porcess .auth_pro .step.step8{grid-row: 5; grid-column: 3; align-items: flex-start}
	.coaPro .coast_porcess .auth_pro .step.step5 span,
	.coaPro .coast_porcess .auth_pro .step.step6 span,
	.coaPro .coast_porcess .auth_pro .step.step8 span{position: unset;margin-bottom: 10px;}
	.coaPro .coast_porcess .auth_pro .step span{visibility: visible;  height: calc(100% - 16px); width: 60px; display: flex; flex-direction: row; align-items: center; justify-content: center;text-align: center;border-radius: 4px;  }
	.coaPro .coast_porcess .auth_pro .step .arr.toR,
	.coaPro .coast_porcess .auth_pro .step .arr.toL{top: unset; bottom: -10px; transform: translateX(-50%) rotate(90deg); right: unset; left: 50%;}
	.coaPro .coast_porcess .auth_pro .step.step5 .arr.toB,
	.coaPro .coast_porcess .auth_pro .step.step8 .arr.toB{display: block; }
	
	.coaRev .time_sec .step{width: 100%; }
	.coaRev .time_sec .step:not(:last-child):after{top: unset; bottom: -15px; right: 50%; transform: translateX(50%) rotate(90deg)}

	.coaEdu .law_wrap dl{width: 100%;}

	/*대관안내*/
	.rentFaci-sec .step_list .item .numb{width: 34px; height: 34px; font-size: 17px; }
	.rentFaci-sec .step_list .item img{height: 44px; }
	.rentFaci-sec .step_list .item .title{margin: 10px 0; }

	/*구성원 사용 신청안내*/
	.applGuide-sec .mfac .item .img_wrap,
	.applGuide-sec .mfac .item.yongdang .img_wrap{flex-direction: column; }
	.applGuide-sec .mfac .item.daeyeon .img_wrap .img_box,
	.applGuide-sec .mfac .item.yongdang .img_wrap .img_box{width: 100%; aspect-ratio: 2/1;}
	.applGuide-sec .mper .item{width: 100%; }
}



@media screen and (max-width: 425px){
	/*수상구조사 소개*/
	.lgd_sec .test_info .exam > li .point_allo ul > li .dtl{margin-left: -26px; }

	/*연안체험활동 신고개요*/
	.coaRev .purp_sec ul li{width:100%}
	.coaRev .strc_sec{grid-template-columns: 1fr}

	/*시설안내*/
	.info_faci .list_wrap .item ol li{width: 100%; }
	.info_faci .detail_wrap .item .box .txt_box{padding: 0 20px 30px 20px}
	.info_faci .detail_wrap .item .box .txt_box dl{flex-direction: column;font-size: 16px;  }
	.info_faci .detail_wrap .item .box .txt_box dl:not(:last-child){margin-bottom: 18px; }
	.info_faci .detail_wrap .item .box .txt_box dt:after{display: none; }
	.info_faci .detail_wrap .item .box .txt_box dd{padding-left: 14px; }
	.info_faci .detail_wrap .item .box .txt_box dd p:not(:last-child){margin-bottom:0; }
	
	/*대관안내*/
	.rentFaci-sec .step_list .item{width: 100%; }
	.rentFaci-sec .step_list .item:not(:last-child):after,
	.rentFaci-sec .step_list .item:not(:last-child):before{right: 50%; top: unset; bottom: -20px; transform: translateX(50%) rotate(90deg)}
	.rentFaci-sec .step_list .item:not(:last-child):before{bottom: -40px}
}

/* 회원가입: 학내구성원 인증 후 아이디·이름 읽기 전용 */
.m-join input.campus-readonly,
.m-join input[readonly].campus-readonly{
	background-color: #f4f6f8;
	cursor: default;
	color: #222;
}






































/*FROM SITE CODE :  
*/