/*layout*/
.container > .inner{display: flex;justify-content: space-between; padding: 40px 20px}
.snb-area{width: 310px;}
.snb-area .snb-title{position: relative;display: flex;align-items: center;justify-content: center; width: 100%;height: 160px;background: url(../images/sub/bg_snb_title.png) center no-repeat;border-radius: 12px;z-index: 1;}
.snb-area .snb-title h2{font-family: 'SBAggro';font-size: 30px;color: #fffefe;font-weight: 800;}
.snb-list{border:1px solid #bdbdbd;border-top:0;margin-top: -15px;border-radius: 0 0 0 45px;padding: 30px 20px  15px 20px;}
.snb-list > li{border-bottom:1px solid #e5e5e5}
.snb-list > li:last-child{border: 0;}
.snb-list .snb-depth1{position: relative; display: flex;align-items: center;width: 100%;height: 70px;font-size: 22px;color:#222;padding: 0 25px 0 10px;}
.snb-list .snb-depth1::after{content: '';position: absolute;TOP:50%; right: 10px; width: 9px;height: 14px;transform: translateY(-50%);background: url('../images/sub/arr_snb_depth1.png')center no-repeat ;}
.snb-list .snb-depth2{display: none; background-color: #f7f7f7;border-radius: 8px;padding: 0 15px;}
.snb-list .snb-depth2 > li{border-bottom: 1px dashed #dddddd;}
.snb-list .snb-depth2 > li > a{position: relative; display: flex;align-items: center;width: 100%;height: 67px;font-size: 18px;color:#666;padding: 0 10px;}
.snb-list .snb-depth2 > li > a::before{content: '';position: absolute;top:50%;transform: translateY(-50%); left: 0; width: 4px;height: 4px;background-color: #666;border-radius: 100%;}
.snb-list .snb-depth2 > li > a::after{content: '';position: absolute;top:50%;transform: translateY(-50%); right: 0; width: 8px;height:12px;background: url('../images/sub/arr_snb_depth2.png') center no-repeat;}
.snb-list .snb-depth2 > li > a:hover{color: #0064de;}
.snb-list .snb-depth2 > li > a:hover::before{background-color: #0064de;}
.snb-list .snb-depth2 > li > a:hover::after{background: url('../images/sub/arr_snb_depth2_on.png') center no-repeat;}
.snb-list .snb-depth2 > li:last-child{border-bottom: 0;}
.snb-list > li.on{border-bottom: 0;}
.snb-list > li.on .snb-depth1,
.snb-list > li .snb-depth1:hover{color:#0064de;font-weight: 800;}
.snb-list > li.on .snb-depth1::after,
.snb-list > li .snb-depth1:hover:after {width:15px;height: 8px; background: url('../images/sub/arr_snb_depth1_on.png')center no-repeat ;}

.contents{width: calc(100% - 390px); }
.contents .sub-top{display: flex; align-items: center;justify-content: space-between; position: relative;height:145px;padding: 55px 0 0 0; border-bottom: 1px solid #bdbdbd;}
.contents .sub-top .page-title{font-size: 40px;color: #000;font-weight: 800;}
.contents .sub-top .location{display: flex;position: absolute;top:40px;left:0}
.contents .sub-top .location > li{position: relative; padding-left: 28px;margin-left: 20px;}
.contents .sub-top .location > li::before{content: ">";display: block;position: absolute;left:0;color:#807e7e;font-size: 17px;}
.contents .sub-top .location > li a{font-size: 17px;color:#807e7e;}
.contents .sub-top .location > li.home{margin-left: 0;padding-left: 0;}
.contents .sub-top .location > li.home::before{display: none;}
.contents .sub-top .location > li strong{font-size: 17px;color:#0064de;font-weight: 800}
.contents .sub-top .sub-top-btn{display: flex}
.contents .sub-top .sub-top-btn .btn-share{display: block; width:37px;height: 37px;border-radius: 8px;border:1px solid #e5e5e5;background: #fff url('../images/sub/icon_share.png') center no-repeat;margin-right: 10px;}
.contents .sub-top .sub-top-btn .btn-print{display: block; width:37px;height: 37px;border-radius: 8px;border:1px solid #e5e5e5;background: #fff url('../images/sub/icon_print.png') center no-repeat;}
.contents .sub-top .sub-top-btn .btn-share:hover{background: #0064de url('../images/sub/icon_share_ov.png') center no-repeat;border-color: #0064de;}
.contents .sub-top .sub-top-btn .btn-print:hover{background: #0064de url('../images/sub/icon_print_ov.png') center no-repeat;border-color: #0064de;}

.article{min-height: 450px;padding: 50px 0;font-size: 17px;color:#222;font-weight: 500;}

/*검색영역*/
.bd-sch-box{ display: flex;padding: 15px 100px;margin: 0 0 20px 0; background-color: #f0f5fc;border-radius: 5px;}
.bd-sch-box2{display: flex;flex-wrap: wrap; padding: 15px 20px;margin: 0 0 20px 0; background-color: #f0f5fc;border-radius: 5px;}
.bd-sch-box3{position: relative; display: flex;flex-wrap: wrap;align-items: center; padding: 15px 50px;margin: 0 0 20px 0; background-color: #f0f5fc;border-radius: 5px;}
.sch-wd1{width:40%;display: flex;}
.sch-wd2{width:60%;display: flex;}
.sch-wd3{width:50%;display: flex;}
.sch-wd4{width:160px;display: flex;}
.sch-wd5{width: calc(100% - 160px);display: flex;}

.btn2 .iptbox{width: calc(100% - 200px);}
.btn2 button {margin-right: 5px;}
.wd30{width: 30%;}
.wd50{width: 50%;}
.wd70{width: 70%;}
.wd100{width: 100%;}

.selbox{display: block;padding-right: 5px;}
.select2{display: block;width: 100%;height: 44px;padding: 0 30px 0 15px; border:1px solid #dddddd;background: url('../images/sub/icon_select02.png') no-repeat top 50% right 15px #fff;border-radius: 5px;font-size: 17px;color: #444;}
.iptbox{display: block;padding-right: 5px;}
.iptxt{display: block;height: 44px;width: 100%;border:1px solid #dddddd;padding: 0 15px;border-radius: 5px;color:#444;}
.iptxt::placeholder{color:#999;}
.exclusion{position: absolute; display: block;right:40px}

/*달력*/
.cal-period{display: flex;flex-wrap: wrap;}
.cal-period .calbox{width: 48%;}
.cal-period em{width: 4%;font-size: 13px;line-height: 44px;}
.calbox{height: 44px;border:1px solid #dfe0e0;padding:  0 45px 0 0;background: #fff url('../images/sub/icon_calendar01.png') right 16px top 50% no-repeat;border-radius: 5px;}
.calbox > input[type=text]{width: 100%;height: 100%;border:0;padding: 0 5px 0 15px;border-radius: 5px;}
.calbox > input::placeholder{color:#222}

/*button*/
.btnbox1{display: flex;justify-content: center;align-items: center;gap: 0 5px;}
.btnbox2{display: flex;justify-content: flex-start;align-items: center;gap: 0 5px;}
.btnbox3{display: flex;justify-content: flex-end;align-items: center;gap: 0 5px;}
.btn-search{display: flex;justify-content: center;align-items: center;height: 44px;width: 100px;background-color: #0c3f7a;border-radius: 5px;}
.btn-search span{display: inline-block;position: relative;padding-right:24px ;color:#fff;font-weight: 600; }
.btn-search span::after{content: '';position: absolute;top:50%;transform: translateY(-50%); right: 0; width: 16px;height: 16px;background: url('../images/sub/icon_search01.png') no-repeat center}
.btn-search:hover{background-color: #0e335f;}
.btn-link{display: flex;justify-content: center;align-items: center;height: 44px;width: 110px;background-color: #0c3f7a;border-radius: 5px;}
.btn-link span{display: inline-block;position: relative;padding-right:24px ;color:#fff;font-weight: 600; }
.btn-link span::after{content: '';position: absolute;top:50%;transform: translateY(-50%); right: 0; width: 16px;height: 16px;background: url('../images/sub/icon_search01.png') no-repeat center}
.btn-link:hover{background-color: #0e335f;}
.btn-reset{display: flex;justify-content: center;align-items: center;height: 44px;width: 100px;background-color: #cee0f2;border-radius: 5px;}
.btn-reset span{display: inline-block;position: relative;padding-right:22px ;color:#0c3f7a; }
.btn-reset span::after{content: '';position: absolute;top:50%;transform: translateY(-50%); right: 0; width: 16px;height: 16px;background: url('../images/sub/icon_reset01.png') no-repeat center}
.btn-reset:hover{background-color: #fff;border:1px solid #0c3f7a}
.btn-apply{display: flex;justify-content: center;align-items: center;height: 44px;width: 100px;background-color: #cee0f2;border-radius: 5px;}
.btn-apply span{display: inline-block;position: relative;padding-right:22px ;color:#0c3f7a; }
.btn-apply span::after{content: '';position: absolute;top:50%;transform: translateY(-50%); right: 0; width: 13px;height: 10px;background: url('../images/sub/icon_apply01.png') no-repeat center}
.btn-apply:hover{background-color: #fff;border:1px solid #0c3f7a}
.btn-apply2{display: flex;justify-content: center;align-items: center;height: 44px;width: 150px ; background-color: #0064de;border:1px solid #0064de;border-radius: 5px;}
.btn-apply2 span{display: inline-block;position: relative;padding-right:24px ;color:#fff;}
.btn-apply2 span::after{content: '';position: absolute;top:50%;transform: translateY(-50%); right: 0; width: 18px;height: 16px;background: url('../images/sub/icon_apply02.png') no-repeat center}
.btn-apply2:hover{background-color:  #0256bc;}
.btn-down{display: flex;justify-content: center;align-items: center;height: 30px;width: 90px ; background-color: #fff;border:1px solid #7aa5d3;border-radius: 5px;}
.btn-down span{display: inline-block;position: relative;padding-left:22px ;color:#3f78b9; font-size: 14px;}
.btn-down span::after{content: '';position: absolute;top:50%;transform: translateY(-50%); left: 0; width: 18px;height: 16px;background: url('../images/sub/icon_down01.png') no-repeat center}
.btn-down:hover{border:1px solid #0c3f7a;}
.btn-down2{display: flex;justify-content: center;align-items: center;height: 44px;width: 110px ; background-color: #cee0f2;border:1px solid #cee0f2;border-radius: 5px;}
.btn-down2 span{display: inline-block;position: relative;padding-left:22px ;color:#0c3f7a;}
.btn-down2 span::after{content: '';position: absolute;top:50%;transform: translateY(-50%); left: 0; width: 18px;height: 16px;background: url('../images/sub/icon_down02.png') no-repeat center}
.btn-down2:hover{border:1px solid #0c3f7a;}
.btn-view{display: flex;justify-content: center;align-items: center;height: 30px;width: 90px ; background-color: #e8f3ff;border:1px solid #7aa5d3;border-radius: 5px;}
.btn-view span{display: inline-block;position: relative;padding-left:22px ;color:#3f78b9; font-size: 14px;}
.btn-view span::after{content: '';position: absolute;top:50%;transform: translateY(-50%); left: 0; width: 18px;height: 10px;background: url('../images/sub/icon_view01.png') no-repeat center}
.btn-view:hover{border:1px solid #0c3f7a;}
.btn-closed{display: flex;justify-content: center;align-items: center;height: 44px;width: 150px ; background-color: #777777;border:1px solid #777777;border-radius: 5px;}
.btn-closed span{display: inline-block;position: relative;padding-right:24px ;color:#fff;}
.btn-closed span::after{content: '';position: absolute;top:50%;transform: translateY(-50%); right: 0; width: 16px;height: 16px;background: url('../images/sub/icon_closed01.png') no-repeat center}
.btn-closed:hover{background-color:  #656565;}
.btn-list{display: flex;justify-content: center;align-items: center;height: 44px;width: 110px;background-color: #f7f7f7;border:1px solid #555555;border-radius: 5px;}
.btn-list span{display: inline-block;position: relative;padding-left:22px ;color:#555555;}
.btn-list span::after{content: '';position: absolute;top:50%;transform: translateY(-50%); left: 0; width: 15px;height: 16px;background: url('../images/sub/icon_list01.png') no-repeat center}
.btn-list:hover{background-color:  #555;}
.btn-list:hover span{color: #fff;}
.btn-list:hover span::after{background: url('../images/sub/icon_list01_ov.png') no-repeat center}
.btn-ok{display: flex;justify-content: center;align-items: center;height: 44px;width: 150px ;background-color: #0064de;border-radius: 5px;}
.btn-ok span{display: inline-block;position: relative;padding-right:24px ;color:#fff;}
.btn-ok span::after{content: '';position: absolute;top:50%;transform: translateY(-50%); right: 0; width: 16px;height: 16px;background: url('../images/sub/icon_closed01.png') no-repeat center}
.btn-ok:hover{background-color: #0e335f;}

/**/
.ag-l{text-align: left !important;}
.ag-c{text-align: center !important;}
.ag-r{text-align: right !important;}

/*font color*/
.fc-red{color: #f51313;}

/*list type*/
.list1 li{position: relative; margin-bottom: 5px;padding-left: 13px;}
.list1 li::after{content: "";display: block;width: 5px;height:5px;position: absolute;left:0px;top:8px ;background-color: #222;border-radius: 100%;}

/**/
.mt50{margin-top: 50px;}

/*title*/
.title1{font-size: 26px;color: #000;font-weight: 600;margin-bottom: 18px;}

/*box*/
.bg-box1{background-color:#f0f5fc ;border: 1px solid #e5e5e5;padding: 37px;border-radius: 8px;line-height: 1.6;word-break: keep-all;}

/**/
.board-info{display: flex;justify-content: space-between;align-items: center;color:#444;margin-bottom: 20px;}
.board-info-left {display: flex; align-items: center;}
.board-info-left strong{color:#0064de;font-weight: 600;}
.board-info-left > span{position: relative; display: block; padding: 0 0 0 23px;margin:  0 0 0 20px;}
.board-info-left > span::before{content: "";display: block;width: 1px;height: 16px;position: absolute;left:0;top:3px;background-color: #444; }
.board-info-left > span:first-child{margin-left: 0;padding-left: 0;}
.board-info-left > span:first-child::before{display: none;}
.board-info-right {display: flex; align-items: center;}
.board-info-right strong{display: inline-block;margin-right: 5px;}
.board-info-right .selbox{width:100px;}

/*table*/
.board-box1{border-top:2px solid #222222}
.board-table1 {width: 100%;border-collapse: collapse;table-layout: fixed;}
.board-table1 th{height: 60px; border-bottom: 1px solid #222;padding: 10px;text-align: center;word-break: keep-all;font-weight: 600;}
.board-table1 td {border-bottom: 1px solid #222;padding: 17px 10px;text-align: center;word-break: keep-all;}
.board-table2 {width: 100%;border-collapse: collapse;table-layout: fixed;}
.board-table2 tr:hover{background-color: #deebfc;}
.board-table2 th{height: 60px; border-bottom: 1px solid #e5e5e5;padding: 10px;text-align: center;word-break: keep-all;font-weight: 600;}
.board-table2 td {border-bottom: 1px solid #e5e5e5;padding: 17px 10px;text-align: center;word-break: keep-all;}
.tb-wd1{width: 8%;}
.tb-wd2{width: 10%;}
.tb-wd3{width: 12%;}
.tb-wd4{width: 15%;}
.tb-wd5{width: 18%;}
.tb-auto{width: auto;}

.badge-new {display: inline-block; background: #4681da;color: #fff;font-size: 10px;padding: 0;width:30px;height: 16px;line-height: 16px; border-radius: 3px;margin-left: 5px;text-align: center;vertical-align: top;margin-top: 2px;}
.badge-notice {display: inline-block;background: #b7472a;color: #fff;font-size: 10px;padding: 0;width:30px;height: 16px;line-height: 16px; border-radius: 3px;margin-left: 5px;text-align: center;vertical-align: top;margin-top: 2px;}
.thead-fix .board-table1 th{height: 44px;font-size: 15px;}
.thead-fix .board-table2 td{ padding: 10px 7px; font-size: 15px;}

/*게시판 상세*/
.board-view-box {}
.board-title {font-size: 20px;font-weight: 600;margin-bottom: 40px;}
.post-meta{display: flex;gap: 16px;padding-bottom: 20px;justify-content: space-between;border-bottom: 2px solid #222222;}
.post-meta .author{line-height: 19px;padding: 0 0 0 20px;background: url('../images/sub/icon_author01.png') left center no-repeat;}
.post-meta .hit{line-height: 19px;padding: 0 0 0 23px;background: url('../images/sub/icon_hit01.png') left center no-repeat;}
.post-meta .date{margin-left: 30px; line-height: 19px;padding: 0 0 0 25px;background: url('../images/sub/icon_date01.png') left center no-repeat;}
.board-attach strong{display: block;padding: 18px 30px;}
.board-attach strong span{display: inline-block;padding: 0 20px 0 0;background: url('../images/sub/icon_file01.png') right center no-repeat;}
.board-attach ul{border-top:1px dashed  #e5e5e5;border-bottom:1px solid  #e5e5e5;padding-top: 15px;}
.board-attach ul li{display: flex;column-gap: 10px;margin-bottom: 15px;padding:0 30px;align-items: center;}
.board-attach ul li .btns{display: flex;column-gap: 5px;}
.board-content {min-height: 250px; padding: 25px;line-height: 1.6;border-bottom: 1px solid #e5e5e5;}
.board-nav {border-bottom: 1px solid #222;margin-bottom: 50px;}
.board-nav .nav-item{display: flex;}
.board-nav .nav-item.next{border-top:1px solid #e5e5e5}
.board-nav .nav-item strong{display: flex;flex-wrap: wrap;align-items: center;justify-content: center; height: 60px; width: 250px;text-align: center;background-color: #f4f7fe;}
.board-nav .nav-item strong img{margin-right: 20px;}
.board-nav .nav-item p{display: flex;flex-wrap: wrap;align-items: center;width: calc(100% - 250px);padding: 0 30px;}
.board-nav .nav-item p a{display: block;width: 100%;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*FAQ*/
.faq-box{border-top:2px solid #222 }
.faq-list .faq-item {border-bottom: 1px solid #ccc;}
.faq-list .faq-item .qna-icon {display: block;width: 38px;height: 38px;position: absolute;left:30px;top:15px;line-height: 38px;text-align: center;border-radius: 100%;font-size: 20px;color: #555555;font-weight: 600;}
.faq-list .faq-item .faq-question {position: relative; display: flex;align-items: center;  width: 100%;height: 70px;background: #fff;padding: 0 57px 0 78px;font-weight: 600;text-align: left;}
.faq-list .faq-item .faq-question::after{content: "";display: block;width: 21px;height: 12px;position: absolute;right:34px;top:50% ;transform: translateY(-50%); background-position: center;background-repeat: no-repeat; background-image: url('../images/sub/arr_faq01.png'); }
.faq-list .faq-item .faq-question .qna-icon {border:1px solid #e5e5e5;}
.faq-list .faq-item .faq-answer {display: none; position: relative;background: #f4f7fe;padding: 15px 30px 20px 30px;border-top:1px solid #222 }
.faq-list .faq-item .faq-answer .qna-icon{ border: 1px solid #0064de;background-color: #e7eef6;color:#0064de}
.faq-list .faq-item .faq-answer .a-text {padding:7px 0 0 48px;line-height: 1.6;font-weight: 500;}
.faq-list .faq-item.active {border-bottom: 1px solid #222;}
.faq-list .faq-item.active .faq-question {color:#0064de}
.faq-list .faq-item.active .faq-question .qna-icon{background-color: #0064de;color:#fff}
.faq-list .faq-item.active .faq-question::after{background-image: url('../images/sub/arr_faq01_on.png'); }

/*수강신청 상세*/
.course-box{border-top:2px solid #222;border-bottom: 1px solid #222;margin-bottom: 45px;}
.course-info{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.course-info .course-logo{ width: 280px;text-align: center;}
.course-info .course-text{width: calc(100% - 290px);}
.course-list > li{display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px solid #e5e5e5;}
.course-list > li > dl{display: flex;flex-wrap: wrap;align-items: center;width: 50%;height: 60px;}
.course-list > li > dl dt{width:110px;padding:  0 0 0 20px ;font-weight: 600;}
.course-list > li > dl dd{width: calc(100% - 110px);}
.course-list > li > dl dd strong{font-weight: 600;}
.course-list > li.full dl{width: 100%;}
.course-btns{width: 100%; display: flex;justify-content: flex-end;gap: 0 10px;padding:10px 10px;}

/*수강신청 로그인*/
.login-box{width: 98%;max-width: 500px;margin: 50px auto;border-radius: 12px;border: 1px solid #a4adbe;padding:  97px;}
.login-box .logo{display: block;text-align: center;margin-bottom: 30px;}
.login-box h4{font-size: 26px;font-weight: 600;text-align: center;margin-bottom: 30px;}
.login-box .login-inpt{padding-bottom: 8px;}
.login-box .login-inpt .iptbox{display: block;margin-bottom:12px ;}
.login-box .login-inpt .iptbox .iptxt{height: 48px;}

/*페이징*/
.pagination {display: flex;justify-content: center;align-items: center;gap: 5px;margin:50px 0 0 0;flex-wrap: wrap;}
.page-num,
.btn-first,
.btn-prev,
.btn-next,
.btn-last {display: flex;justify-content: center;align-items: center; width: 34px;height: 34px;font-size: 17px;text-align: center;}
.pagination .btn-first{background: url('../images/sub/btn_paging_first.png') center no-repeat;}
.pagination .btn-prev{background: url('../images/sub/btn_paging_prev.png') center no-repeat;}
.pagination .btn-next{background: url('../images/sub/btn_paging_next.png') center no-repeat;}
.pagination .btn-last{background: url('../images/sub/btn_paging_last.png') center no-repeat;}
.pagination .page-num.active {background: #0066d9;color: #fff;border-color: #0066d9;border-radius: 100%;}

/* 만족도*/
.info-eval-wrap {margin-top: 50px;}
.info-bar { display: flex;align-items: center;flex-wrap: wrap;gap: 10px;justify-content: space-between;background: #7c91b3;color: #fff;padding: 15px 30px;height: auto;margin-bottom: 5px;border-radius: 8px;}
.info-bar .info-division{display: block;height: 30px;line-height: 30px; padding: 0 0 0 37px;background: url('../images/sub/icon_eval01.png') left center no-repeat; }
.info-bar .info-tel{display: block;height: 30px;line-height: 30px; padding: 0 0 0 37px;background: url('../images/sub/icon_eval02.png') left center no-repeat; }
.info-bar .last-modified {margin-left: auto;}
.eval-box {padding: 15px 30px;background: #fff;display: flex;flex-direction: column;gap: 12px; border:1px solid #e5e5e5;border-radius: 8px;color: #444;}
.eval-box .eval-question{display: flex;align-items: center;padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.eval-box .eval-question strong{display: block;height: 30px;line-height: 30px; padding: 0 0 0 41px;margin: 0 40px 0 0; background: url('../images/sub/icon_eval03.png') left center no-repeat;font-weight: 600;}
.eval-box .eval-question label {margin: 2px 8px;display: inline-block}
.eval-box .eval-opinion {display: flex;gap: 8px;align-items: center;flex-wrap: wrap;}
.eval-box .opinion-label{display: block;height: 30px;line-height: 30px; padding: 0 0 0 41px;margin: 0 40px 0 0;background: url('../images/sub/icon_eval04.png') left center no-repeat;font-weight: 600;}
.eval-box .opinion-input {flex: 1;height: 40px; padding:0 10px;border: 1px solid #ccc;border-radius: 4px;background-color: #f8f8f8;}
.eval-box .btn-submit {background: #475474;color: #fff;width: 100px;height: 40px; border: none;border-radius: 4px;cursor: pointer;}

/*팝업*/
.popwrap {display: none;position: fixed;inset: 0;z-index: 9999;background-color: ;}
.popwrap.active { display: block;}
.pop-box {position: absolute;z-index: 10001;width: 440px;max-width: 90%;margin: 0 auto;background: #fff;border-radius: 6px;overflow: hidden;top:50%;left: 50%;transform: translateX(-50%) translateY(-50%) ;background-color: #faf7eb;border:1px solid #c2b491;border-radius: 8px;padding: 20px;}
.pop-head {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.pop-head strong {font-size: 18px;font-weight: 600;}
.pop-body {display: flex;align-items: center;flex-wrap: wrap;width: 100%;min-height: 170px;background-color: #fff;border:1px solid #c2b491;border-radius: 8px;text-align: center;margin-bottom: 20px;}
.pop-body p{width: 100%;}
.pop-foot {display: flex;justify-content: center;}
.popwrap .btn-check{display: flex;justify-content: center;align-items: center;height: 36px;width: auto ;padding: 0 16px; background-color: #fff;border:1px solid #9d7f54;border-radius: 5px;}
.popwrap .btn-check span{display: inline-block;position: relative;padding-left:18px ;color:#9d7f54;}
.popwrap .btn-check span::after{content: '';position: absolute;top:50%;transform: translateY(-50%); left: 0; width: 16px;height: 16px;background: url('../images/sub/icon_popclose02.png') no-repeat center}
.popwrap .btn-close-pop {display: block;width: 30px;height: 30px;background: #fff url('../images/sub/icon_popclose01.png') center no-repeat;border:1px solid #c2b491;border-radius: 100%;}
.popwrap .dimmed {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.4);z-index: 10000;}

.form-table-wrap {
  max-width: 1100px;
  margin: 0 auto;
  font-family: 'Noto Sans KR', sans-serif;
}

.form-table table {
  width: 100%;
  border-top: 2px solid #111;
  border-collapse: collapse;
}

.form-table th,
.form-table td {
  padding: 12px 10px;
  border: 1px solid #ddd;
  vertical-align: middle;
}

.form-table th {
  background-color: #f8f9fc;
  text-align: right;
  font-weight: 500;
  white-space: nowrap;
}

.form-table td input[type="text"],
.form-table td select {
  width: 100%;
  padding: 7px 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.required {
  color: #007bff;
  margin-left: 4px;
}

.email-group,
.addr-group {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}

.btn-post,
.btn-search {
  padding: 6px 12px;
  border: 1px solid #007bff;
  background-color: #fff;
  color: #007bff;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
}

.btn-group {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  gap: 10px;
}

.btn-primary {
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 10px 25px;
  font-size: 15px;
  border-radius: 4px;
  cursor: pointer;
}

.btn-cancel {
  background-color: #666;
  color: #fff;
  border: none;
  padding: 10px 25px;
  font-size: 15px;
  border-radius: 4px;
  cursor: pointer;
}

/* 반응형 처리 */
@media (max-width: 1024px) {
  .form-table table,
  .form-table tbody,
  .form-table tr,
  .form-table th,
  .form-table td {
    display: block;
    width: 100%;
  }

  .form-table th {
    text-align: left;
    background: #f8f9fc;
  }

  .form-table td {
    border-top: none;
    padding-top: 0;
  }

  .btn-group {
    flex-direction: column;
    align-items: stretch;
  }
}

@media screen and (min-width: 481px) {
	.table-scroll{max-height: 574px;overflow-x: auto;overflow-y: scroll;border-bottom: 1px solid #c5c5c5;margin-bottom: 10px;}
}

@media screen and (max-width: 1500px) {
	.sch-wd3{width: 100%;margin: 5px 0;}
}

@media screen and (max-width: 1200px) {
	.snb-area{width: 250px;}
	.contents{width: calc(100% - 290px);}
	.eval-box .eval-question{display: block;}
	.eval-box .eval-question strong{margin-bottom: 10px;}
}

@media screen and (max-width: 1024px) {
	
	.article{font-size: 14px;}
	.container > .inner{display: block;}
	.contents .sub-top{display: block;padding-top: 0;height: auto;}
	.contents .sub-top .sub-top-btn{display: none;}
	.contents .sub-top .location{position: relative;align-items: center;top:inherit;bottom: 0;right:0;height:55px;}
	.snb-area{display: none;}
	.contents{width: 100%;}

	.mt50{margin-top: 25px;}

	.title1{font-size: 20px;}

	.select2{font-size: 14px;padding: 0 15px 0 5px;background-position: top 50% right 5px;}
	.bd-sch-box{padding-left:20px;padding-right: 20px;}
	.btn-down{height: 22px;}
	.btn-view{height: 22px;}
	
	.md-no{display: none;}
	.tb-wd1{width: 18%;}
	.tb-wd2{width: 20%;}
	.tb-wd3{width: 20%;}
	.tb-wd4{width: 22%;}
	
	.info-bar{padding: 15px;}

	.bg-box1{padding: 10px;}
	.board-attach strong{padding: 10px;}
	.board-title{margin-bottom: 25px;}
	.board-attach ul li{padding: 0 10px;}
	.board-content{padding:15px 10px;min-height: inherit;}
	.board-nav .nav-item strong{width: 120px;height: 44px;}
	.board-nav .nav-item strong img{margin-right: 10px;}
	.board-nav .nav-item p{width: calc(100% - 120px);padding: 0 10px;}
	
	.board-info-left > span{margin-left: 10px;padding: 0;}
	.board-info-left > span::before{display: none;}
	.board-table1 {font-size: 14px;}
	.table-scroll{max-height: 450px;}
	.board-table2 td{padding: 7px;}
	.board-table1 th{padding: 5px;}

	.faq-list .faq-item .qna-icon{ width: 28px;height: 28px;line-height: 24px;left:15px}
	.faq-list .faq-item .faq-question{height: 60px; padding: 0 40px  0 50px;}
	.faq-list .faq-item .faq-question .qna-icon{font-size: 16px;}
	.faq-list .faq-item .faq-question::after{right: 18px;width: 15px;height: 8px;background-size: 100%;}
	.faq-list .faq-item .faq-answer .a-text{padding-left: 20px;}
	
	.course-box{margin-bottom: 30px;}
	.course-info .course-logo{ width: 200px}
	.course-info .course-text{width: calc(100% - 210px);}
	.course-list > li > dl{height: 52px;}
	.course-list > li > dl dt{padding-left: 10px;width: 85px;}
	.course-list > li > dl dd{width: calc(100% - 85px);}

	.login-box h4{font-size: 20px;margin-bottom: 15px;}

	.pop-head strong{font-size: 16px;}
	.pop-box{padding: 10px;}


}
@media screen and (max-width: 768px) {
	.course-info{display: block;}
	.course-info .course-logo{width: 100%;padding: 20px 10px;}
	.course-info .course-text{width: 100%;border-top: 1px solid #222;}
	.course-list > li > dl dt{position: relative;}
	.course-list > li > dl:nth-child(even) dt::before{content: "";display: block;position: absolute;left:0;top:50%;transform: translateY(-50%); width:1px;height: 12px;background-color: #e5e5e5;}
}

@media screen and (max-width: 640px) {
	
	.bd-sch-box{display: block;padding: 10px 20px;}
	.bd-sch-box2{display: block;padding: 10px 20px;}
	.bd-sch-box3{display: block;padding: 10px 20px;}
	.sch-wd1{width:100%;margin: 5px 0;}
	.sch-wd2{width:100%;margin: 5px 0;}
	.sch-wd3{width:100%;margin: 5px 0;}
	.sch-wd4{width:100%;margin: 5px 0;}
	.sch-wd5{width:100%;margin: 5px 0;}
	.exclusion{position: relative;right: inherit;}

	.pagination{gap:2px;margin-top: 30px;}
	.page-num{font-size: 14px;width: 19px;height: 24px;}
	.pagination .btn-first,
	.pagination .btn-prev,
	.pagination .btn-next,
	.pagination .btn-last{width: 19px;}
	.pagination .page-num.active{width: 24px;}

	.info-eval-wrap{margin-top: 30px;}
	.eval-box .opinion-label{margin-right: 10px;}
	.cal-period .calbox{background-size: 15px;}
	.calbox{padding-right:24px;background: #fff url(../images/sub/icon_calendar01.png) right 7px top 50% no-repeat;}
	.cal-period em{line-height: 34px;}

	.thead-fix .board-table1 th{height: auto;padding: 5px; font-size: 13px;}
	.thead-fix .board-table2 td{ padding:5px; font-size: 13px;}
	
	.login-box{padding: 50px 30px;}
	
}

@media screen and (max-width: 480px) {
	.container > .inner{padding: 30px 10px;}
	.contents .sub-top .page-title{font-size: 28px;}
	.contents .sub-top .location > li a{font-size: 14px;}
	.contents .sub-top .location > li strong{font-size: 14px;}
	.contents .sub-top .location > li{padding-left: 15px;margin-left: 10px;}

	.article{padding: 25px 0;}

	.bd-sch-box{display: block;padding: 10px;}
	.bd-sch-box2{display: block;padding: 10px;}
	.bd-sch-box3{display: block;padding: 10px;}
	.btn2 .iptbox{width: 100%;margin-bottom: 5px;}
	
	.sch-wd1{display: block;margin: 5px 0;}
	.sch-wd2{flex-wrap: wrap;justify-content: space-between;margin-top: 0;}
	.sch-wd3{flex-wrap: wrap;justify-content: space-between;margin: 0;}
	.sch-wd4{flex-wrap: wrap;justify-content: space-between;margin: 0;}
	.sch-wd5{flex-wrap: wrap;justify-content: space-between;margin: 0;}

	.btn2 button{width: calc(50% - 2px);margin: 0;gap: 0 4px;}
	.sch-wd3 .selbox {width: 100%;margin: 0 0 5px 0;}
	.sch-wd4 .selbox {width: 100%;margin: 0 0 5px 0;}
	.exclusion{margin-top: 10px;text-align: center;}

	.wd50{width: 100%;}
	
	.selbox{margin: 5px 0;}
	.select2{height: 34px;}
	.iptxt{height: 34px;}

	.calbox{height: 34px;}

	.btn-search{height: 34px;}
	.btn-reset{height: 34px;}
	.btn-apply{height: 34px;}
	.btn-link{height: 34px;}
	.btn-down2{height: 34px;}
	.btn-apply2{height: 34px;}
	.btn-closed{height: 34px;}
	.btn-list{height: 34px;}
	.btn-ok{height: 34px;}


	.board-info{display: block;}
	.board-info-left{margin-bottom: 10px;}
	.board-info-right{justify-content: flex-end;}

	.board-table1 th{height: auto;padding: 7px;}
	.board-table1 td{padding: 7px;}

	.eval-box{padding: 10px;}
	.eval-box .opinion-input{height: 34px;}
	.eval-box .eval-question strong{background-size: 21px;padding-left: 25px;margin-right: 0;}
	.eval-box .btn-submit{height: 34px;width:100%}
	.eval-box .opinion-label{background-size: 23px;padding-left: 27px;margin-right: 0;}

	.board-attach ul li{display: block;}
	.board-attach ul li .btns{padding-top: 5px;}

	.board-table2 td{padding: 7px;}
	.board-table1 th{padding: 10px 5px;}

	.board-box1.thead-fix{overflow-x: scroll;font-size: 12px}
	.board-box1.thead-fix table{width: 500px;}

	.course-list > li{display: block;border:0}
	.course-list > li > dl{width: 100%;height: auto;border-bottom: 1px solid #e5e5e5;padding: 10px;}
	.course-list > li > dl dt{padding-left: 0;}
	.course-list > li > dl:nth-child(even) dt::before{display: none;}

	.login-box{padding: 30px 15px;margin-top: 30px;}	
}