@charset "utf-8";

/* 교육강좌 */
* {box-sizing: border-box;}
.board_list ul.eduList{display: flex; flex-wrap: wrap; gap:10px 1%; overflow:hidden; padding-top:1px;}
.board_list ul.eduList>li{flex:0 0 49%; width: 49%; position:relative; box-sizing:border-box;}
/* .board_list ul.eduList>li:nth-child(1):after{display:block; content:''; position:absolute; top:-1px; left:0px; width:100%; height:2px;background:#333} */
.board_list ul.eduList>li.close {background-color: #f5f5f5; border-radius: 12px;}
.board_list ul.eduList>li.close a{border:1px solid #f5f5f5;}
.board_list ul.eduList>li>div{padding:30px 30px 27px; border-bottom:1px solid #ddd; }
.board_list ul.eduList>li>a{/* display:flex; */ display: block; padding:30px 30px 27px; height: 100%; border:1px solid #ddd; border-radius:12px;}
.board_list ul.eduList>li>a>div{position:relative;}
.board_list ul.eduList>li p.tit{margin-top:16px; color:#111; font-size:1.4em; font-weight:bold; }
.board_list ul.eduList>li p.tit a{color:#333; font-size:1.4em; font-weight:bold;}
.board_list ul.eduList>li .tag_state{font-size:0.9em;}
.board_list ul.eduList>li ul{overflow:hidden; margin-top:15px; }
.board_list ul.eduList>li ul>li{position:relative; padding-left:8px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board_list ul.eduList>li ul>li:after{display:block; content:''; position:absolute; left:0px; top:10px; width:3px; height:3px; background:#ccc;}
.board_list ul.eduList>li ul>li.long{clear:both; float:none; width:100%; }
.board_list ul.eduList>li ul>li .q{display:inline-block; /* width:61px; */ padding-right:1px; text-align:justify; text-align-last:justify;}
.board_list ul.eduList>li .btn_receive {display:inline-block; background-color:var(--main); border-radius:4px; color:#fff; font-weight:500; }

.btn_edusearch{width:110px; height:46px; line-height:42px; background:#333; border:0px; border-radius:5px; color:#fff; font-size:1.0625em}
.edu_search{position:relative; height:136px}
.edu_search form{position:absolute;width:100%;background:#f5f5f5; border:2px solid #f5f5f5; border-radius:4px; z-index:1; transition:all ease .2s;}
.edu_search.open form{background:#fff; border-color:#333; box-shadow:0px 1px 8px rgba(0,0,0,.3)}

.edu_search .search_word2{text-align:center; margin-top:-1px; padding:3.5%;}
.edu_search .search_word2>p{display:inline-block; position:relative; width:100%; max-width:640px}
.edu_search .search_word2 input[type=text]{padding:10px 15px; padding-right:120px; width:100%; height:46px; background:#fff; border:1px solid #ccc; font-size:1.125em}
.edu_search.open .search_word2 input[type=text]{background:#f5f5f5}

.edu_search .search_word2 input.btn_edusearch{position:absolute; right:0px; border-radius:0;}
.edu_search .search_detail{display:none; padding:0px 5%; background:#fff}
.edu_search .search_detail dl{padding:30px 0px; border-top:1px dashed #bbb}
.edu_search .search_detail dl dt{display:none}
.edu_search .search_detail dl dd{padding:0}
.edu_search .search_detail ul.chkboxList{display:flex; flex-wrap:wrap; font-size:0px; overflow:hidden; justify-content: center;}
.edu_search .search_detail ul.chkboxList>li{padding:2px; width:20%;}
.edu_search .search_detail ul.chkboxList>li input[type=checkbox]{ opacity:0; position:absolute; }
.edu_search .search_detail ul.chkboxList>li label{display:flex; align-items:center; justify-content:center; position:relative; padding:8px 5px; height:100%; text-align:center; font-size:1em; border:1px solid rgba(0,0,0,.2); background:#fff; border-radius:3px; cursor:pointer; }
.edu_search .search_detail ul.chkboxList>li input:checked+label{background:#e43d3d; color:#fff}
.edu_search .search_detail ul.chkboxList>li input:focus-visible+label{border:2px solid #e43d3d}
.edu_search .search_detail .search_btnBox{text-align:center; padding:40px 0px; border-top:1px solid #ddd}
.edu_search .search_detail input.btn_edusearch{width:180px; height:50px; line-height:46px; background-color:#447CFC; background-position:35px 15px; font-size:1.125em}
.edu_search .tgl{text-align: center;}
.edu_search .tgl a{display:block; padding:5px 0; height:36px; background:#ddd; ; color:#333; transition:all ease .2s}
.edu_search .tgl a:After{display:inline; content:' ▼'; position:relative; margin-left:5px; top:-1px; font-size:11px}
.edu_search.open .tgl a{background:#333; color:#fff}
.edu_search.open .tgl a:After{content:' ▲'}
.edu_search .tgl_close{display: none;}
.edu_search.open .tgl_open{display: none;}
.edu_search.open .tgl_close{display: block;}


.edu_array{margin:50px 0px 15px}
.edu_array:After{display:block; content:''; clear:both}
.edu_array .edu_state{float:left;  }
.edu_array .edu_state a{display:inline-block; position:relative; padding:0px 57px 3px 15px; border:1px solid #aaa; border-radius:100px; text-decoration:none; transition:all ease .2s}
.edu_array .edu_state.on a{padding:0px 15px 3px 57px; border-color:#e43d3d; color:#e43d3d; font-weight:500}
.edu_array .edu_state a:after{position:absolute; margin:auto; top:2px; bottom:2px; text-align:center; padding:0px 10px; line-height:23px; width:45px; border-radius:100px; font-size:.875em; box-sizing:border-box; transition:all ease .2s}
.edu_array .edu_state.off a:after{right:2px; background:#ddd; content:'OFF'}
.edu_array .edu_state.on a:after{left:2px; background:#e43d3d; color:#fff; content:'ON'}
.edu_array .edu_order{float:left; margin-left:10px}
.edu_array .edu_order>li{position:relative; float:left; padding:0px 13px}
.edu_array .edu_order>li+li:before{display:block; content:''; position:absolute; left:0px; top:6px; width:1px; height:14px; background:#ddd;}
.edu_array .edu_order>li a{position:relative;}
.edu_array .edu_order>li.select a{padding-right:14px; font-weight:500; color:#222}
.edu_array .edu_order>li.select a:After{display:block; content:''; position:absolute; right:0px; top:5px; width:6px; height:6px; border:0px solid #333; border-width:0px 1px 1px 0px; transform:rotate(45deg)}
.edu_array .num{margin-left:20px; float:right}
.edu_array .num:before{display:inline; content:'* '; position:relative; top:3px}

.edu_list ul.list{display:flex; flex-wrap:wrap; border-top:2px solid}
.edu_list ul.list>li{flex-basis:50%; padding:35px 3px 40px; padding-right:5%; border-bottom:1px solid #ddd}
.edu_list ul.list>li p.cate{margin-bottom:5px; color:#666; font-size:.875em}
.edu_list ul.list>li p.cate span{display:inline-block; position:relative; }
/* .edu_list ul.list>li p.cate span+span{padding-left:10px; margin-left:10px} */
.edu_list ul.list>li p.cate span:after{display:inline-block; content:''; margin:0px 5px; width:1px; height:12px; background:#ddd;}
.edu_list ul.list>li p.cate span:last-child:after{display:none;}
.edu_list ul.list>li p.cate span.dong:before{content:'# ';}
.edu_list ul.list>li p.cate span.dong1{color:red}
.edu_list ul.list>li p.cate span.dong2{color:orange}
.edu_list ul.list>li p.cate span.dong3{color:yellow}
.edu_list ul.list>li p.cate span.dong4{color:green}
.edu_list ul.list>li p.cate span.dong5{color:blue}
.edu_list ul.list>li p.cate span.dong6{color:navy}
.edu_list ul.list>li p.cate span.dong7{color:purple}
.edu_list ul.list>li p.cate span.dong8{color:violet}
.edu_list ul.list>li p.cate span.dong9{color:brown}
.edu_list ul.list>li dl dt{color:#222; font-size:1.25em; font-weight:600}
.edu_list ul.list>li dl dd{position:relative; margin-top:20px; padding-bottom:55px; padding-left:42%; min-height:150px}
.edu_list ul.list>li dl dd p.img{position:absolute; left:0px; width:36%; max-width:250px; max-height:150px; border-radius:7px; overflow:hidden}
.edu_list ul.list>li dl dd p.img a img{transition:all ease .4s}
.edu_list ul.list>li dl dd p.img a:hover img{transform:scale(1.1)}
.edu_list ul.list>li dl dd ul.edu_info{}
.edu_list ul.list>li dl dd ul.edu_info li{position:relative; padding-left:13px; font-size:.95em}
.edu_list ul.list>li dl dd ul.edu_info li:before{display:block; content:''; position:absolute; top:11px; left:0px; width:6px; height:1px; background:#aaa;}
.edu_list ul.list>li dl dd ul.edu_info li.term{font-weight:500}
.edu_list ul.list>li dl dd p.edu_btn{position:absolute; left:42%; width:58%; ;bottom:0px}
.myBtn{position:relative; margin:10px 0px; text-align:right;}
.myBtn>p{position:absolute; right:0px; top:-50px;}
.myBtn a.btn_ok{background:#e43d3d; border-color:rgba(0,0,0,.2); border-radius:4px;}

/* 교육신청 환불규정 */
.edu_refund{display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:9001}
.edu_refund .close{position:absolute; right:20px; top:20px; }
.edu_refund .close a{display:block; width:50px; height:50px; text-indent:-50000px; }
.edu_refund .close a:before,
.edu_refund .close a:after{display:block; content:''; position:absolute; left:10%; top:50%; width:80%; height:2px; background:#222; transform:rotate(45deg)}
.edu_refund .close a:after{transform:rotate(-45deg)}
.edu_refund>div{position:relative; margin:4% auto; padding:2%; max-width:1400px; height:85%; overflow-y:auto; background:#fff; border:2px solid #222; border-radius:20px}
.edu_refund>div>h4:first-child{margin-top:0}

.tag_state {padding: 1px 8px 0px !important;}

.add_file dl{display:table; width:100%}
.add_file dl>dt,
.add_file dl>dd{display:table-cell; padding:5px 0; padding-left:20px}
.add_file dl>dt{width:90px; font-weight:bold; color:#333}
.add_file{position:relative; padding:5px 80px 6px 0; background:#f9f9f9; border-bottom:1px solid #ddd}
.add_file dl>dd ul li{position:relative; padding-left:15px}
.add_file dl>dd ul li img{vertical-align:middle}
.add_file dl>dd ul li span.byte{padding-left:50px; color:#666; font-weight:bold; font-size:14px; letter-spacing:0}
.add_file .alldown{position:absolute; right:30px; top:15px}


@media screen and (max-width:1024px){
    .board_list ul.eduList>li {
        flex-basis: 100%;
    }
}

@media screen and (max-width:480px){
    .edu_search .search_detail ul.chkboxList>li{width:32%;}
}