@charset "utf-8";

/* 교육강좌 */
.board_list ul.eduList{overflow:hidden; padding-top:1px;}
.board_list ul.eduList>li{position:relative; box-sizing:border-box;}
.board_list ul.eduList>li:nth-child(1):after{display:block; content:''; position:absolute; top:-1px; left:0; width:100%; height:0.2rem;background:#333}
.board_list ul.eduList>li.close *{color:#888; font-weight:300}
.board_list ul.eduList>li.close span[class*=bg]{color:#fff}
.board_list ul.eduList>li.close p.tit{color:#333}
.board_list ul.eduList>li>div{padding:3rem 3rem 2.7rem; border-bottom:1px solid #ddd; }
.board_list ul.eduList>li>a{display:flex; flex-wrap: wrap; padding:3rem 1.5% 2.7rem; border-bottom:1px solid #ddd;}
.board_list ul.eduList>li p.img{display: flex; margin-right:2rem; width: 20%; max-width: 22rem; background:#f5f5f5 url(/share/images/program/noimg-small.png) no-repeat center center; overflow: hidden;}
.board_list ul.eduList>li p.img img{width:100%; height: 100%; object-fit:cover}
.board_list ul.eduList>li>a>div{position:relative; flex-grow:1}
.board_list ul.eduList>li p.tit{margin-top:1rem; color:#111; font-size:1.4em}
.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:1.5rem; }
.board_list ul.eduList>li ul>li{position:relative; padding-left:0.8rem; font-size: 1.4rem; box-sizing:border-box; font-weight: 300;}
.board_list ul.eduList>li ul>li:after{display:block; content:''; position:absolute; left:0; top:1rem; width:0.3rem; height:0.3rem; 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:0.4rem; color:#fff; font-weight:500; }
.board_list ul.eduList>li .cate{display: flex; gap:5px}
.board_list ul.eduList>li .cate :where(.tag_cate, .tag_state){padding:4px 1em 1px; line-height: 1.2;}

.edu_list ul.list{display:flex; flex-wrap:wrap; border-top:0.2rem solid}
.edu_list ul.list>li{flex-basis:50%; padding:3.5rem 0.3rem 4rem; padding-right:5%; border-bottom:1px solid #ddd}
.edu_list ul.list>li p.cate{margin-bottom:0.5rem; 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:0 0.5rem; width:1px; height:1.2rem; 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:2rem; padding-bottom:5.5rem; padding-left:42%; min-height:15rem}
.edu_list ul.list>li dl dd p.img{position:absolute; left:0; width:36%; max-width:25rem; max-height:15rem; border-radius:0.7rem; 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:1.3rem; font-size:.95em}
.edu_list ul.list>li dl dd ul.edu_info li:before{display:block; content:''; position:absolute; top:1.1rem; left:0; width:0.6rem; 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:0}
.myBtn{position:relative; margin:1rem 0; text-align:right;}
.myBtn>p{position:absolute; right:0; top:-5rem;}
.myBtn a.btn_ok{background:#e43d3d;  font-weight: 300;}

.btn_edusearch{padding-left:3rem; width:11rem; height:4.6rem; line-height:4.6rem; background:#333 url(/share/images/program/ic_search_edu.png) no-repeat 2.5rem 1.2rem/2.6rem; border:0; border-radius:0.5rem; color:#fff; font-size:1.55rem; font-weight: 300;}
.edu_search{position:relative; margin: 5rem 0 1.5rem;}
.edu_search form{width:100%;background:#f5f5f5; border:0.2rem solid #f5f5f5; border-radius:0.4rem 0.4rem 0 0.4rem; z-index:1; transition:all ease .2s;}
.edu_search .search_word{text-align:center; margin-top:-1px; padding:3.5%;}
.edu_search .search_word>p{display:inline-block; position:relative; width:100%; max-width:64rem}
.edu_search .search_word input[type=text]{padding:1.2rem 1.5rem; padding-right:12rem; width:100%; height:4.6rem; background:#fff; border:1px solid #ccc}
.edu_search.open .search_word input[type=text]{background:#f5f5f5}

.edu_search .search_word input.btn_edusearch{position:absolute; right:0; border-radius:0;}
.edu_search .search_detail{display:none; padding:0 5%; background:#fff; }
.edu_search .search_detail dl{padding:3rem 0; border-top:1px dashed #bbb}
.edu_search .search_detail dl dt{display:none}
.edu_search .search_detail ul.chkboxList{display:flex; flex-wrap:wrap; font-size:0; overflow:hidden}
.edu_search .search_detail ul.chkboxList>li{padding:0.2rem; 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:0.8rem 0.5rem; height:100%; text-align:center; font-size:1em; border:1px solid rgba(0,0,0,.2); background:#fff; border-radius:0.3rem; cursor:pointer; }
/* .edu_search .search_detail ul.chkboxList>li:first-child label{padding:31px 0px} */
.edu_search .search_detail ul.chkboxList>li input:checked+label{background:#e43d3d; color:#fff}
.edu_search .search_detail ul.chkboxList.tabKeydown>li {position:relative;}
.edu_search .search_detail ul.chkboxList.tabKeydown>li input {opacity:1; top:50%; left:1rem; transform:translateY(-50%); z-index:2;}
.edu_search .search_detail ul.chkboxList.tabKeydown>li label {padding-left:1.5rem;}
.edu_search .search_detail ul.chkboxList.tabKeydown>li input:focus+label {border-color:#e43d3d;}
.edu_search .search_detail .search_btnBox{text-align:center; padding:4rem 0; border-top:1px solid #ddd}
.edu_search .search_detail input.btn_edusearch{width:18rem; height:5rem; line-height:4.6rem; background-color:#447CFC; background-position:3.5rem 1.5rem; font-size:1.125em}
.edu_search .tgl{position:absolute; bottom:-3.8rem; left:-0.2rem}
.edu_search .tgl a{display:block; padding:0.5rem 1.6rem 0.7rem 2.2rem; height:3.6rem; background:#e5e5e5; border-radius:0 0 0.5rem 1.2rem; color:#333; transition:all ease .2s}
.edu_search .tgl a:After{display:inline; content:' ▼'; position:relative; margin-left:0.5rem; top:-0.3rem; font-size:1.1rem}
.edu_search.open .tgl a{background:#333; color:#fff}
.edu_search.open .tgl a:After{content:' ▲'}

.edu_array{margin:5rem 0px 1.5rem}
.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:3px 6rem 3px 1.5rem; font-size:1.4rem; border:1px solid #aaa; border-radius:100px; text-decoration:none; transition:all ease .2s}
.edu_array .edu_state.on a{padding-left:6rem; padding-right:1.5rem; border-color:#e43d3d; color:#e43d3d; font-weight:500}
.edu_array .edu_state a:after{position:absolute; margin:auto; top:2px; bottom:2px; right:2px; text-align:center; padding:0px 10px; line-height:2.5rem; width:50px; border-radius:100px; font-size:.9em; box-sizing:border-box; transition:all ease .2s}
.edu_array .edu_state.off a:after{background:#ddd; content:'OFF'}
.edu_array .edu_state.on a:after{right:calc(100% - 52px); background:#e43d3d; color:#fff; content:'ON'; letter-spacing: .5px;}
.edu_array .edu_order{float:left; margin-top:.2rem; margin-left:10px}
.edu_array .edu_order>li{position:relative; float:left; padding:0px 13px; color: #888;}
.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; padding-right:14px; }
.edu_array .edu_order>li a:After{display:block; content:' ▼'; position:absolute; right:0px; top:-.0rem; font-size: 1rem; color: #aaa; font-family: dotum;/* width:.8rem; height:.8rem; border:0px solid #aaa; border-width:0px 2px 2px 0px; transform:rotate(45deg) */}
.edu_array .edu_order>li.select a{font-weight:500; color:#222}
.edu_array .edu_order>li.select a:After{border-color:#333; color: #666;}
.edu_array .num{margin-left:20px; float:right; font-size: 1.4rem;}
.edu_array .num:before{display:inline; content:'* '; position:relative; top:0px}

.edu_view .title{padding: 3rem 1%; margin: 1rem 0px; font-size: 2.4rem; color: #333; border-bottom:2px solid #333}
.edu_view .edu_data{display: flex; flex-wrap: wrap;}
.edu_view .edu_data li{position: relative; font-size: 1.4rem}
.edu_view .edu_data li ul{padding: .5rem 0px;}
.edu_view .edu_data>li{flex:0 0 50%; padding: 7px 1rem; min-width: 450px; border-bottom:1px dotted #ddd}
.edu_view .edu_data>li>dl{display: flex; gap:10px}
.edu_view .edu_data>li>dl>dt{width: 15% ;min-width: 7rem; font-size:1.4rem}
.edu_view .edu_data>li>dl>dd{font-weight: 300; font-size:1.4rem}
.edu_view .con{padding: 3rem;}

.btn_dctarget{display: inline-block; position: relative; padding-left: 1.8rem; font-size: 1.35rem; margin-left: 1rem; font-weight: 300;; color: var(--color);}
.btn_dctarget:before {display: block; content: url('/img/sub/ic_info.svg'); position: absolute; left: 0px; top: 50%; margin-top: -.8rem;  width: 1.5rem; height: 1.5rem; filter:invert(50%) sepia(100%) saturate(6884%) hue-rotate(355deg) brightness(100%) contrast(100%)}
.dcTarget{display: none; position: absolute; width: 100%; padding:2.5rem 3rem; right: 0px; z-index: 1; border:1px solid #333; background: #fff;}


/* 교육신청 환불규정 */
.edu_refund{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:9001; overflow: hidden;}
.edu_refund .close{position:absolute; right:2rem; top:2rem; }
.edu_refund .close a{display:block; width:5rem; height:5rem; 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:0.2rem; background:#222; transform:rotate(45deg)}
.edu_refund .close a:after{transform:rotate(-45deg)}
.edu_refund>div{position:relative; margin:4% auto; padding:max(2.5rem, 2%); max-width:140rem; max-height:85%; overflow-y:auto; background:#fff; border-radius:2rem}
.edu_refund>div>h4:first-child{margin-top:0}
.refund_view{position: absolute; text-align: right; top: 0rem; right: 0px;}


@media screen and (max-width:800px){
	.edu_array .edu_state a{padding-top: 4px; padding-bottom: 2px;}
	.edu_array .edu_order{float:right}
	.edu_array .num{display: none; clear: both; text-align: right; width: 100%; }
	.edu_array .edu_order>li a:After{top:.3rem;}
	.edu_refund>div{position:relative; margin:0%; height:100%; border-radius:0rem; overflow-y: scroll;}
	.board_list ul.eduList>li p.tit{font-size:1.2em}
	.board_list ul.eduList>li p.img{display: none;}
	.refund_view{position: relative;}
	/* .edu_refund{max-height: calc(100vh - 15%); overflow-y:auto} */
	.edu_view .tit{font-size: 1.8rem;}
	.edu_view .edu_data>li{flex:1 0 100%; min-width: unset}
}