.con{width:1600px;margin:0 auto;padding:0 2.5rem;}

.inn{width:1600px;margin:0 auto;}

/*공통*/
@media (max-width: 1600px){
	.con{width:100%;padding:0 4rem;}
	.con2{width:100%;padding:0 4rem;}
	.inn{width:100%;padding:0 4rem;}
}
@media (max-width: 1030px){
	.con{width:100%;padding:0 1rem;}
	.con2{width:100%;padding:0 1rem;}
	.inn{width:100%;padding:0 1rem;}
}

/********************************************************
■ 프로그램 리스트
********************************************************/
/*프로그램 탭*/
.pro_tab{ margin:-3rem auto 3.5rem; width:1600px;  position:relative; z-index:0; letter-spacing:-0.07em;}
.pro_tab ul{text-align:center; display:flex;background:#2C67D5; border-radius:8px 8px 0 0;}
.pro_tab ul li{flex:1;  text-align: center; position: relative;}
.pro_tab ul li a{display: flex; align-items: center; justify-content: center; font-size: 0.9rem; color: #fff;  height: 3rem;  cursor:pointer}
.pro_tab ul li.on a{background:#fff; color:#2C67D5; border-radius:8px 8px 0 0; font-weight: 500;}

@media (max-width: 1600px){
	.pro_tab{width: 100%;}	
}
@media (max-width: 767px){
	.pro_tab ul {flex-wrap:wrap;}
	.pro_tab ul li {flex:auto; width: calc(100% / 3);}
}

/*프로그램 소개*/
.pro_info{display:flex; align-items: center; flex-wrap:wrap; margin-bottom:3.5rem; }
.pro_info .infoImg{flex:0 0 45%; width:45%; border-radius:10px; overflow:hidden;}
.pro_info .infoImg div{padding-top:56%;}
.pro_info .infoTxt{flex:0 0 55%; width:55%; padding-left:9%;} 
.pro_info .infoTxt h3{color:#191919; font-size:2.25rem; font-weight:600; line-height:1.3; margin-bottom:1.5rem;}
.pro_info .infoTxt h3 span{display:block; color:#555; font-size:1.15rem; font-weight:400;}
.pro_info .infoTxt em{color:#2C67D5; font-weight:500;}
.pro_info .infoTxt li{font-size:1rem; }
.pro_info .infoTxt li i{display:inline-block; width:1.7rem; height:1.7rem; border-radius:50%; margin-right:.5rem; background:#F4F4F4 url('/images/default/content/pro_info01.svg')no-repeat 50% 50%; background-size:100%;}
.pro_info .infoTxt li:last-child{margin-top:.5rem;}
.pro_info .infoTxt li:last-child i{background:#F4F4F4 url('/images/default/content/pro_info02.svg')no-repeat 50% 50%; background-size:100%;}
.pro_info .infoTxt p{margin-top:1.5rem;}


.pointDiv{text-align:center; padding:3rem 1rem 0; font-size:1.2rem; }
.pointDiv span{display:inline-block; background:#229EED; color:#fff; width:45rem; padding:1rem 0; text-align:center; border-radius:2.5rem 2.5rem 0 0}
.pointDiv span strong{font-weight:700;}
.pointDiv.p02  span{background:#933DDC; border-radius:2.5rem;}

.pro_item{padding:4rem 0; position:relative;}
.pro_item .title{align-items: center; font-size:1.5rem; color:#333; font-weight:600; margin-bottom:1.35rem; display:flex; border-bottom:1px solid #ddd; padding-bottom:.5rem; }
.pro_item .title b{background:#fff; font-weight:600; display:flex;align-items: center; justify-content: center; width:6rem; height:2.5rem; text-align:center; font-size:1rem; border-radius:2.5rem; border:2px solid #2c67d5; color:#2c67d5; margin-right:10px; margin-top:-6px; vertical-align:top;}
.pro_item .title em{display:inline-block; color:#666; font-size:.9rem; font-weight:400;}
.pro_item .title em i{color:#2C67D5;}

.item_wrap{display:flex;  flex-wrap: wrap; margin:-1rem;}
.item{position: relative; background:#fff; flex-basis: calc(25% - 2rem);  margin:1rem; border-radius: 10px ; border: 1px solid #ddd; background: #F6F8FA;  transition: all 0.2s ease-out 0s;}
.thumbImg{position: relative; border-radius: 10px 10px 0 0;  overflow: hidden;}
.thumbImg span{position: relative; display: block; width:100%; padding-top:56%;}
.thumbImg .badge{position: absolute; right: 0; top: 0; bottom: 0; left: 0; width: 100%; height: 100%;  display: flex; align-items: center;justify-content: center;}
.thumbImg .impending{position: absolute; left: 12%; top: 1rem;}
.thumbImg .impending img{width:2rem;}
.thumbImg em{ position:absolute; left:0; bottom:-40px; width:100%; background:rgba(0,0,0,0.7); color:#fff; padding:0 10px; height:2rem; line-height:2rem; text-align:right;transition: all 0.2s ease-out 0s;}

.item_txt{color: #333; padding:.75rem;}
.item_txt .subject{font-weight: 500;  padding:10px 0; position:relative; }
.item_txt .subject a{display:flex; gap:5px;}
.item_txt .subject span{display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.5em;height:3.0em;}
.item_txt .subject b{}
.item_txt .sub span{display:inline-block; height:1.5rem; line-height:1.5rem; width:3.5rem; font-size:.75rem; color:#fff; text-align:center; border-radius:1rem; background:#2C67D5;}
.item_txt .name{font-size:0.8rem; color:#666666; }
.item_txt .name b{position: relative; color:#191919; font-weight:500; padding-right:.5rem; margin-right:.5rem}
.item_txt .name b:after{content:''; position:absolute; right:0px; top:5%; width:1px; height:90%; background:#bdbdbd;}
.item_txt ul{display:flex; justify-content: space-between; margin-top:.75rem;}
.item_txt ul li{flex:0 0 48%; }
.item_txt ul li a{display:flex; justify-content: space-between; align-items: center; background:#fff; border:1px solid #fff; color:#333; height:2rem; line-height:2rem; padding:0 .5rem; font-size:.65rem; text-align:center; border-radius:1rem; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.item_txt ul li:first-child{display:none;}
.item_txt ul li a.preview{display:none;}
.item_txt ul li a [class*="icon"]{display:inline-block; width:.9rem; height:.9rem; vertical-align:middle; background-position:50%;background-repeat:no-repeat; background-size:100%;  }
.item_txt ul li a .icon_play{background-image:url('/images/default/main/icon_play.svg');}
.item_txt ul li a .icon_down{background-image:url('/images/default/main/icon_down.svg');}
.item_txt ul li a:hover{border:1px solid #2c67d5;}
.item_txt .ready{background:#1381cf; color:#fff; height:2rem; line-height:2rem; text-align:center; margin-bottom:10px; text-transform:uppercase;}

.item .new_icon{position:absolute; right:.5rem; top:-0.35rem; background:url('/images/default/main/new_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem;font-size:0; z-index:1;}
.item .up_icon{position:absolute; right:3rem; top:-0.35rem; background:url('/images/default/main/up_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem;font-size:0; z-index:1;}
.item .ing_icon{position:absolute; left:.5rem; top:-0.35rem; background:url('/images/default/main/ing_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem;font-size:0; z-index:1;}
.item .end_icon{position:absolute; left:.5rem; top:-0.35rem; background:url('/images/default/main/end_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem;font-size:0; z-index:1;}

.item_row{display: flex; flex-basis: calc(50% - 2rem);}
.item_row .thumbImg{width:45%; border-radius:10px 0 0 10px;}
.item_row .thumbImg span{padding-top:0; height:100%;}
.item_row .item_txt{width:55%;}
.item_row .item_txt ul{padding-right:1rem;}

.noData{ display: flex; justify-content: center;  align-items: center;  flex-direction: column; border-radius:10px; border:1px solid #ddd; background:#F6F8FA; padding:3rem 1rem; }
.noData p{color:#666; font-size:1rem; margin-top:1rem;}

.item:hover { box-shadow: 0 0 30px rgba(44, 87, 173,0.2);}
.item:hover .thumbImg em{bottom:0;}


/* 강좌 배경 기본설정 */
.bg01:after, .bg03:after, .bg05:after {content : ""; display : block; position : absolute; left : -50%; top:0;  width :200%; height : 100%;  z-index:-1;}

/* 강좌별 배경 컬러 */
/* #p01 .bg01:after {background:#f1f6ff;} */
#p01 .bg01:after {background:#f0faff;}
#p02 .pro_item {background:#EDFCFF;}
#p03 .pro_item {background:#EFFCF3;}
#p04 .bg01:after {background:#f8f5fb;}
#p04 .bg03:after {background:#f4f3fb;}
#p04 .bg05:after {background:#faf8fe;}
#p05 .pro_item {background:#F7FAFF;}


@media (max-width: 1200px){
	.pro_info .infoTxt{padding-left:2rem; }

	.item_wrap{margin:-0.5rem;}
	.item{flex-basis: calc(33.3% - 1rem); margin:0.5rem;}
	.item_row{flex-basis: calc(50% - 1rem);}
	.item_row .item_txt ul{padding-right:0;}
}

@media (max-width: 1030px){
	.pro_item{padding:3rem 0;}
	.pro_item .title{font-size:1.3rem;}
	.pro_item .title span{display:block; margin-left:0; margin-top:10px;}
}
@media (max-width: 767px){
	.pro_info .infoImg{flex:0 0 100%; width:100%;}
	.pro_info .infoTxt{flex:0 0 100%; width:100%; padding-left:0rem; margin-top:1.5rem;}
	.item_wrap{margin:-0.5rem -0.25rem;}
	.item{flex-basis: calc(50% - 0.5rem); margin:0.5rem 0.25rem;}
	.subject{font-size:0.8rem; letter-spacing:-0.05em; padding-right:0; padding-left:15px;}
	.subject b{left:0;}
	.item_txt ul{flex-wrap:wrap;}
	.item_txt ul li{flex:0 0 100%;}
	.item_txt ul li:nth-of-type(2){margin-top:.5rem;}

	.item_row{flex-direction: column;}
	.item_row .thumbImg{width:100%; border-radius:10px 10px 0 0;}
	.item_row .thumbImg span{padding-top:56%; height:AUTO;}
	.item_row .item_txt{width:100%;}

	.pointDiv span{width:90%;}
	.pointDiv span strong{display:block;}
	
}


/*-----인공지능 (소주제 있는 프로그램) 리스트-----*/

/* 소주제 구분 */
.s_cate_line {display: flex;  align-items: center;  gap: 0.7rem; padding: 0.75rem 1.05rem; margin-bottom:1.15rem; background:#fff; border:2px solid #dadee3; border-radius:0.5rem 0.5rem 0 0; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.06)}
.s_cate_line:before {content:''; display:block; flex-shrink:0; width:1.65rem; height:1.35rem; background:url('/images/default/content/s_cate_bullet.svg') no-repeat center center; background-size:100% auto; }
.s_cate_line h4 {font-size:1.15rem; font-weight:700; color: #191919; font-family:'SUIT';}
.s_cate_item {margin-top:2.5rem;}
.s_cate_item.first {margin-top:0;}
.s_cate_item.col2 {display:flex; gap:2.5rem 2rem}
.s_cate_item.col2 > .col_item {flex:1;}
.s_cate_item .item_wrap {gap:2rem; margin:0;}
.s_cate_item .item_wrap .item {flex-basis:unset; margin:0; width:calc((100% - 2rem * 3)/4)}
.s_cate_item.col2 > .col_item .item {width:calc((100% - 2rem * 1)/2)}

@media (max-width: 1200px){
	.s_cate_item .item_wrap {gap:1rem 1rem;}
	.s_cate_item .item_wrap .item,
	.s_cate_item.col2 > .col_item .item {width:calc((100% - 1rem * 2)/3)}
	.s_cate_item.col2 {flex-direction:column;}
}
@media (max-width: 768px){
	.s_cate_line h4 {font-size:1.11rem;}
	.s_cate_item .item_wrap {gap:0.5rem;}
	.s_cate_item .item_wrap .item,
	.s_cate_item.col2 > .col_item .item{width:calc((100% - 0.5rem * 1)/2)}
}


/********************************************************
■ 프로그램 신청
********************************************************/

/* 프로그램 신청 */
.search_wrap{background: #eff4f8; padding: 1rem 0; margin-top:2rem;}
.search_wrap form{display: flex; width: 50%; margin: 0 auto;}
.search_wrap form input,
.search_wrap form select{border: none;}
.search_wrap form select{margin-right: 10px; border-radius: 5px;}
.search_wrap .btn_search{width: 2.5rem; padding: 0 10px; text-indent: -9999px; background: #00aeff url('/images/default/content/search_ico.png') no-repeat center center; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.search_wrap .search_input{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.search_wrap button[name*="btn_list_"]{font-size:0; background: url('/images/admin/btn_backList.gif') no-repeat 0 0; width:150px; height:30px; vertical-align: top; margin-left:10px; margin-top:8px;}


.badge{display: inline-block; width: 3.5rem; height: 3.5rem; line-height: 3.5rem; text-align: center;  color: #fff;}
.badge.wait{ background: rgba(248, 151, 14, .5);}
.badge.fin{background: rgba(149, 149, 149, .5);}
.badge.accept{background: rgba(0, 174, 255, .5);}
.badge.choose{background: rgba(0, 174, 255, .5);}
.badge.cancel{background: rgba(0, 174, 255, .5);}
.badge.impending{background: rgba(146, 208, 80, .5);}

.pro_header{display: flex;  align-items: center; justify-content: space-between;  margin: 0 0 10px; width:100%;}
.pro_header select{height: 30px; line-height: 30px; font-size:0.8rem;  box-shadow:none; }
.pro_header em{color: #ff0000;}
.proh{display:flex;  align-items: flex-end;}
.proh p{margin-right:20px;}

.alretBox{margin-bottom:2rem; background:rgba(45,103,213,0.1); border:2px solid rgba(45,103,213,0.3); padding:1rem; border-radius:5px;}
.alretBox h4{ margin-bottom: 0.5rem !important;}
.alretBox h4 i{color:#2d67d5;}
.alretBox ol{ padding:1rem; background:rgba(255,255,255,0.7); box-shadow:0 0 7px rgba(0,0,0,0.1); border-radius:5px;}
.alretBox ol li{display:flex; gap:0 0.5rem;}
.alretBox ol li em{display:inline-block; color:#2d67d5; background:rgba(45,103,213,0.2); font-weight:600; font-weight:0.75rem; width:25px; height:25px; line-height:25px; border-radius:50%; text-align:center;     flex-shrink: 0;}
.alretBox ol li+li{margin-top:0.75rem;}

@media (max-width: 767px){	
	.search_wrap form{width: 90%;}
	.proh2{flex-direction:column-reverse;}
	.proh2 select{height: 25px; line-height: 25px;}
}




/* 신청버튼 */
.item_btns{box-shadow: 0 0 .5rem rgba(0, 0, 0, .2);}
.item_btns > div{width: 100%; height: 100%;}
.item_btns a{display: flex; justify-content: center; font-size:0.8rem; align-items: center; width: 6.5rem; height: 50%; line-height: 3rem; text-align: center; color: #fff;}
.item_btns a.view{background: #fff; color: #053044;}
.item_btns a.apply{background: #053044;}
.item_btns a.non_apply{background: #F2F2F2; color: #9C9C9C; cursor: default;}
.item_btns a.fin_apply{background: #92959C;}
.item_btns a.my_apply{background: #ab464d;}

.isu-on,
.isu-off{display:inline-block; font-size:0.8rem; width:4.5rem; height:36px; line-height:36px; border-radius:36px; text-align:center;}
.isu-on{color:#3abd3c; background:#ddfbde; border:1px solid #9fd7a0;}
.isu-off{color:#e96171; background:#ffe8eb; border:1px solid #efb3ba;}

@media (max-width: 767px){
	.isu-on,
	.isu-off{position:absolute; right:1rem; top:10px;}
}


/* 프로그램 신청 뷰*/
.item_view .item_view_top{}
.item_view .btit{font-size:1.6rem; color:#000; margin-bottom:1rem; font-weight:600;}
.item_view .item_view_top .tb_wrap{padding:15px 0; border-top:3px solid #2c9146; border-bottom:1px solid #ddd;}

.item_view .lbar{text-align:left;color:#333;font-size:1.5rem;font-weight:600;position:relative;padding-left:1rem;line-height: 1; margin-top:3.5rem;}
.item_view .lbar:after{content:'';display:block;position:absolute;width:6px;height:26px;background:url('/images/default/content/dot_bg.png')no-repeat center center;left:0;top:50%;transform:translateY(-50%);}


.item_view_body {background:#f6f8fa; padding:2rem 1.5rem; border-top:2px solid #333; }
.item_view_body_con{display:flex;border:1px solid #dddddd;background:#ffffff;border-radius:5px;padding:2rem;}
.item_view_body_con .img{ flex-basis: 28%; margin-right:2rem;}
.item_view_body_con .img div{position:relative;}
.item_view_body_con .img div .new_icon{position:absolute; right:.5rem; top:-0.35rem; background:url('/images/default/main/new_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem;font-size:0; z-index:1;}
.item_view_body_con .img div .up_icon{position:absolute; right:3rem; top:-0.35rem; background:url('/images/default/main/up_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem;font-size:0; z-index:1;}
.item_view_body_con .img div .ing_icon{position:absolute; left:.5rem; top:-0.35rem; background:url('/images/default/main/ing_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem;font-size:0; z-index:1;}
.item_view_body_con .img div .end_icon{position:absolute; left:.5rem; top:-0.35rem; background:url('/images/default/main/end_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem;font-size:0; z-index:1;}
.item_view_body_con .img img{border-radius:10px;}
.item_view_body_con .txt{flex:1;}
.item_view_body_con .txt dl{display:flex; margin-bottom:1rem;}
.item_view_body_con .txt dl:last-child{margin-bottom:0;}
.item_view_body_con .txt dt{flex-basis: 4.5rem;margin-right:1.5rem;color:#fff; font-weight:500;background:#333333;height:1.5rem;text-align:center;line-height:1.5rem;font-size:0.8rem;border-radius:5px;}
.item_view_body_con .txt dd{flex-basis: calc(100% - 6rem); }
.item_view_body_con .txt dd img{vertical-align:middle; margin-right:5px;}

.item_view_body_con .txt dd .lec li{display:flex; margin-bottom:15px;}
.item_view_body_con .txt dd .lec .tit{flex-basis: 5rem;}
.item_view_body_con .txt dd .lec .txt{position:relative; flex:1;}
.item_view_body_con .txt dd .boardViewFile{border:1px solid #ccd6e9;padding:1rem;border-radius:8px;box-shadow: 5px 1px 7px rgb(44 87 173 / 10%);}
.item_view_body_con .txt dd .boardViewFile p{display:flex;    justify-content: space-between;    align-items: center;}
.item_view_body_con .txt dd .boardViewFile .file_down{box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);padding:0.25rem 2rem 0.25rem 1rem;border-radius:1rem;color:#555;font-weight:500;position:relative;}

.item_view_body_con .txt dd .boardViewFile .file_down:after{content:'';display:block;position:absolute;width:0.8rem;height:0.8rem;right:1rem;background:url(/images/default/content/file_down.png)no-repeat center center;background-size:cover;top:50%;transform: translateY(-50%);}

@media (max-width: 1030px){	
	.item_view_body_con{font-size:1rem; display:block;}
	.item_view_body_con .img{width:100%; margin:0; margin-bottom:2rem;}
	.item_view_body_con .txt dl{display:block;}
	.item_view_body_con .txt dt{width:100%; margin-bottom:1rem; font-size:1rem; padding:5px 0; height:auto;}
	.item_view_body_con .txt dd .boardViewFile p{display:block; font-size:0.9rem;}
	.item_view_body_con .txt dd .boardViewFile p a{width:100%; display:block;}
	.item_view_body_con .txt dd .boardViewFile p a.file_down{margin-top:10px; text-align:center;}
}
@media (max-width: 767px){	
	.item_view .title{font-size:1.3rem;}
	.item_view_body{padding:0; background:#fff; border:none;}
	.item_view_body_con{padding:0; border:none;}
}

.fixNum span{padding:0 10px; display:inline-block; background:#D5F2FF; font-size:0.75rem; border:1px solid #7ED7FF; padding:0.05rem 0.3rem; margin:0 5px; border-radius:3px;}
.fixNum b{font-weight:700; color:#333;}
.fixNum i{color: #00AEFF; margin-left:0.5rem;}
.fixNum i:first-child{margin-left:0;}



a.btnRi{position:relative;display: inline-block; padding: 0 4rem 0 2rem; height: 3rem; line-height: 3rem; text-align: center; background: #2C67D5; color: #fff; font-size: 0.9rem; border-radius: 1.4rem; position: relative;}
a.btnRi i{display:block; position: absolute; right: 0; top: 0; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; background: rgba(0, 0, 0, .2); border-top-right-radius: 0.23em; border-bottom-right-radius: 0.23em; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
a.btnRi i:after{display:inline-block; height:100%; content:""; vertical-align:middle;}
a.btnRi i img{vertical-align:middle;}
a.btnRi:hover{ box-shadow: 0px 10px 15px rgba(0,0,0,0.15); background: #1f53b5;}
a.btnRi:after{content:'';position:absolute;width:0.85rem;height:0.85rem;background:url(/images/default/content/btnRi_icon.png)no-repeat center center;background-size:cover;right:1.5rem;top:50%;transform: translateY(-50%);}
a.btnRi.my_apply{background: #2c67d5;}

.item_txt a.btnRi{height:2rem; line-height:2rem; position:absolute; right:0; top:0;}
.item_txt a.btnRi i{width:2rem; height:2rem; line-height:2rem;}


.mid_btns{text-align: center; margin-top:2rem;}
.mid_btns a{margin: 5px;}
.mid_btns a.program{background: #00aeff;}
.mid_btns a.apply{background: #053044;}
.mid_btns a i{margin-left: 10px;}
.mid_btns img{vertical-align:middle; }

.bottom_btns {text-align: right; margin-top: 1.25rem; margin-bottom: -20px;}
.bottom_btns a{display: inline-block; width: 135px; height: 45px; line-height: 45px; color: #2c67d5; border: 1px solid #97a7c5;  border-radius: 5px; font-weight: 500; text-align: center;}
.bottom_btns a i{color: #053044; vertical-align: middle; display: inline-block; margin-right: 5px;}
.isu-print{display: inline-block; height:100%; flex-shrink: 0; border-radius: 5px; font-weight: 500; text-align: center; padding:8px 1rem; background:#1d437e; color:#fff !important; line-height:1;}
.isu-print div{display:flex;  flex-wrap: wrap; align-items: center; justify-content: center; gap:0.5rem;}

@media (max-width: 1600px){

}

@media (max-width: 767px){
	.item_view .const{padding: 1rem;}
	.mid_btns{width:100%; }
	.mid_btns a{margin:0; width:100%; font-size:1rem;}
}


/* 프로그램 신청 글쓰기 */
.formStyle .item{border: 1px solid #EBEBEB; border-radius: 10px; box-shadow: 5px 5px 8px rgba(0,0,0,0.05); padding: 1.5rem 1rem;}
.formStyle h4{font-size: 1.1rem; font-weight: 500; color: #333; margin-top: 3rem; margin-bottom: 10px; letter-spacing: -0.05em; position:relative; padding-left:15px;}
.formStyle h4:before{content: ''; position: absolute; display: block; width: 4px; height: 17px; background: url(/images/default/content/s_tit_point.png)no-repeat center center; left: 0; top: 50%; transform: translateY(-50%);}
.formStyle h4:nth-of-type(1){margin-top: 0;}
.formStyle h5{font-size: 0.9rem; color: #555; margin-bottom: 10px; letter-spacing: -0.05em; position: relative;}
.formStyle h5.ico{padding-left: 1.5rem; margin-top: 3rem; color: #333;}
.formStyle h5.ico:before{content: "\eccf";  font-family: "remixicon"; display : block; position : absolute; left: 0; top: 0;  background: #D5F2FF; color: #14B6FF; font-size: 0.7rem; font-weight: normal; display: inline-block; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; text-align: center; border-radius: 50%;}
.formStyle h5:first-child{margin-top: 0;}
.formStyle h4 span{font-weight: normal; font-size: 0.75rem; margin-left: 10px; letter-spacing: 0; color: #999;}
.formStyle h4.red{margin-top:2rem; }
.formStyle h4.red:before{background: url(/images/default/content/s_tit_point2.png)no-repeat center center;}

input[type="password"].disable, input[type="text"].disabled{background: #e9ecef; color: #212529; border-color: #ced4da;}

.required:after { content: "*"; position: relative; font-size: inherit; color: #f1416c; padding-left: 0.25rem; font-weight: 700; font-size:0.9rem;}
.indent{padding-left: 1.5rem;}

.required2{position:relative; display:inline-block; padding-right: 0.7rem;}
.required2:after { content: "*"; position: absolute; right:0; top:0; font-size: inherit; color: #f1416c;  font-weight: 700; font-size:0.9rem;}



.formStyle .radio{margin-right: 2rem; display: block; margin-top: 1rem;}
.formStyle table .radio{display:inline-block; margin-top:0;}
.formStyle table .arBtn a{}
.formStyle table .compNum input{width:calc((100% / 3) - 6px);}

.fileUpload a{font-size:0.7rem; margin:5px 0; color:#009ef7;}
.fileUpload a:hover{color:#006DAB;}

@media (max-width: 767px){
	.formStyle h5.ico{font-size: 1.05rem;}
	.formStyle h5.ico:before{top: 3px;}
}

.info_list{background: #fff; color: #3F4654;  border: 1px solid #44465D; font-size: 0.8rem; letter-spacing: 0; padding: 12px 1rem; border-radius: 0.25rem; margin-bottom: 20px;}
.info_list li{position: relative; padding-left: 20px; margin-top: 5px;}
.info_list li:before{ content : "※"; display : block; position : absolute; left : 0; top: 0;}
.info_list li:first-child{margin-top: 0;}

#memoZone{margin-top: 1rem;}
.textLength{text-align: right; font-size: 0.75rem; color: #666;}

.sbtn{text-align: right;}
.sbtn a{display: inline-block; color: #555; padding: 7px 10px; border-radius: 5px; margin: 0 5px; font-size: 14px;}
.sbtn a i{display: inline-block; width: 22px; height: 22px; border-radius: 5px; line-height: 22px; text-align: center; background: #fff; color: #D1D1D1; margin-left: 10px;}
.sbtn a.add i{color: #454778;}
.sbtn a.add{background: #454778; color: #fff;}
.sbtn a.delete{background: #DADEEA;}

.joinTb{width: 100%;}
.joinTb th{background: #ECEFF3; border: 1px solid #E2E5ED; color: #444; font-weight: 500; padding: 8px 10px;}
.joinTb td{border: 1px solid #E2E5ED;  padding: 15px 10px; position: relative;}
.joinTb th em{color: #ff0000; margin-right: 5px;}
.repres{font-size: 0.7rem; color: #454778; position: absolute; left: 15px; top: 5px;}
.repres span{background: #fff; padding: 0 3px;}


.left_tb{border-top: 2px solid #333;}
.left_tb th{background-color: #F4F4F9; border-bottom: 1px solid #e9e9e9; vertical-align: middle; text-align: center;}
.left_tb td{color: #666;  padding: 20px 1.5rem; vertical-align: middle; border-bottom: 1px solid #e9e9e9;}
.left_tb td div{min-height:1rem;}
.left_tb td select{width: 100%;}
.left_tb td .radio{margin-right:2rem;}
.left_tb td .perNum input:nth-of-type(1){width:40%;}
.left_tb td .perNum input:nth-of-type(2){width:55%;}

.normalTb {border-top: 1px solid #053044; border-bottom: 1px solid #053044; width: 100%; border-collapse: collapse; text-align: center;}
.normalTb td{padding: 0.5rem 1rem; border: 1px solid #e3e3e3;}
.normalTb th{background: #F5F5F5; padding: 0.5rem 1rem; border: 1px solid #e3e3e3;}
.normalTb th:first-child{border-left: none;}
.normalTb th:last-child{border-right: none;}
.normalTb td:first-child{border-left: none;}
.normalTb td:last-child{border-right: none;}
.normalTb .al{font-weight:500; color:#333;}


@media (max-width: 767px){	
	.joinTb, 
	.joinTb thead, 
	.joinTb tbody, 
	.joinTb th, 
	.joinTb td, 
	.joinTb tr {display: block; font-size:1rem; }	

	.left_tb{}
	.left_tb, 
	.left_tb thead, 
	.left_tb tbody, 
	.left_tb th, 
	.left_tb td, 
	.left_tb tr{display: block; font-size:1rem;}	
	.left_tb tr{display:flex; flex-wrap: wrap;}
	.left_tb th{flex-basis:30%; color:#333; padding:10px 0;}
	.left_tb td{padding: 0;  flex-basis:70%; padding:10px;}
	.left_high td{height: 2rem; line-height: 2rem;}
	.left_tb td .radio{margin-right:0; display:block; margin:10px 0;}
	.left_tb .web{display:none;}
	.left_tb .fileUpload th{flex-basis:100%;}

	.normalTb th,
	.normalTb td{padding: 0.5rem 5px; word-break: keep-all;}	
}


/* 신청완료 */
.compl_top{text-align: center; background: #E2E8F0; padding: 1.5rem 1rem;}
.compl_top h3{font-size: 1.3rem; color: #333; font-weight: 500; margin-bottom: 1rem;}
.compl_top .al{display: table; margin-left: auto; margin-right: auto; margin-top: 0.5rem;}
.compl_top .account{display: table; margin-left: auto; margin-right: auto;}
.compl_top .account div{color: #3F51B5; margin: 1rem 0 0; padding: 0.75rem 2rem; border: 2px dashed #9FA8DA; text-align: left; border-radius: 10px;}

.compl_top h3 .color{color: #C62828;}
.compl_top .wait{display: table; margin-left: auto; margin-right: auto;}
.compl_top .wait div{color: #C62828; padding: 0.75rem 2rem; border: 2px dashed #c45964; text-align: left; border-radius: 10px;}


.oneBtn{text-align: center; margin-top: 3rem;}


@media (max-width: 767px){
.compl_top .account div,
.compl_top .wait div{padding: 0.75rem 1rem;}
}



/*테이블*/
.thtopTb{width: 100%; border-collapse: collapse; text-align: center; border-top: 1px solid #229eed;}
.thtopTb th{background: #f2f8ff; padding: 0.5rem; color: #333333; border-left:1px solid #ddd;  border-bottom:1px solid #ddd; letter-spacing: -0.5px;}
.thtopTb th:first-child{border-left:none;}
.thtopTb th:last-child{}
.thtopTb td{padding: 15px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; color:#333}
.thtopTb td:first-child{border-left:none;}
.thtopTb .al{font-weight: 500; color: #333; font-size:0.9rem;}
.thtopTb .dateLong{font-size:0.8rem;}
.thtopTb td.noData{border-bottom:1px solid #ddd;}
.thtopTb .fixNum {font-size:0.7rem; color:#666;}
.thtopTb .fixNum:nth-of-type(2){margin-top:5px;}
.thtopTb .fixNum b{color:#09BBC2;}
.thtopTb .fixNum img{width:1rem;}
.thtopTb img{vertical-align:middle;}
.thtopTb .title{color:#333; font-size:1rem; font-weight:normal; margin-bottom:0;}
.thtopTb .subtitle{margin-bottom:5px; color:#666;}
.thtopTb .subtitle span{padding:0 10px; color:#09BBC2;}
.num-check input[type=checkbox]{-ms-transform: scale(1.5); /* IE */  -moz-transform: scale(1.5); /* FF */  -webkit-transform: scale(1.5); /* Safari and Chrome */  -o-transform: scale(1.5); /* Opera */  padding:5px;}

.class_tb_list .class_img{position:relative;}
.class_tb_list .new_icon{position:absolute; right:.5rem; top:-0.35rem; background:url('/images/default/main/new_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem;font-size:0; z-index:1;}
.class_tb_list .up_icon{position:absolute; right:3rem; top:-0.35rem; background:url('/images/default/main/up_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem;font-size:0; z-index:1;}
.class_tb_list .ing_icon{position:absolute; left:.5rem; top:-0.35rem; background:url('/images/default/main/ing_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem;font-size:0; z-index:1;}
.class_tb_list .end_icon{position:absolute; left:.5rem; top:-0.35rem; background:url('/images/default/main/end_icon.svg')no-repeat 0 0; background-size:100%; width:2.5rem; height:2.15rem;font-size:0; z-index:1;}

@media (max-width: 767px){	
	.tbwrap{background:#EDF0F5; position:relative; padding:10px 0;}
	.tbwrap:before{content: ''; display: block; position: absolute; width: 150%; height: 100%; background: #EDF0F5; top: 0; left: -20%;}
	.thtopTb, 
	.thtopTb thead, 
	.thtopTb tbody, 
	.thtopTb th, 
	.thtopTb td, 
	.thtopTb tr {display: block; font-size: 1rem; text-align: left; border:none;}	
	.thtopTb th{display:none;}
	.thtopTb tbody tr {padding:1rem; position:relative; background: #fff; border-radius:0.25rem; margin:15px 0; -webkit-box-shadow: 0px 2px 4px rgb(31 30 47 / 10%);}
	.thtopTb tbody tr:nth-child(2n) {background: #fff;}
	.thtopTb td{ padding:0;}
	.thtopTb td.al{padding:10px 0;}
	.thtopTb td .mob{display:inline-block;}
	.thtopTb td.name span{background:#EDF0F5; padding:5px 10px;}
	.thtopTb .title{font-size: 1.3rem; margin:1rem 0;}
	.thtopTb .arial{display:none;}
	.thtopTb .num-check{margin-bottom:10px; padding-left:3px;}

	.chartWrap{margin-bottom:10px;}
	.thtopTb td.status{position:absolute; left:0; top:0;  }
	.thtopTb td.status .undo{background:#09BBC2; color:#fff; display:block; padding:15px 10px; border-top-left-radius:0.3rem; font-size:0.8rem;}
	.thtopTb td.cbtn{display:flex; flex-direction: row;}
	.thtopTb td.bor{border-top:1px solid #ddd; margin-top:1rem;}
	.thtopTb .fixNum {display:inline-block; font-size:0.9rem;}
	.thtopTb td.mobBtn{display:inline-block;display: flex; align-items: center; justify-content: center;}
	.thtopTb td.mobBtn .tbBtns{width:100%;}
	.thtopTb td.mobBtn .tbBtns a{display:block; width:100%; padding:0;}
	.thtopTb td.mobBtn .tbBtns a i{width:40px;}
	.thtopTb .file-down{position:absolute; right:1rem; bottom:1rem;}
	.thtopTb .chapter{margin-bottom:10px; font-size:1.1rem; font-weight:600; color:#333;}
	.thtopTb .al{font-size:1.1rem;}



	
	/* 학습실 학습중인영상목록 */
	.class_tb_list td:before{margin-right:10px;}
	.class_tb_list td:nth-of-type(4):before { content: "수강시간"; }
	.class_tb_list td:nth-of-type(5):before { content: "교육시간"; }	

}




/********************************************************
■ 세금계산서 신청
********************************************************/
.bor_button{margin-bottom:1rem;}
.bor_button a{display:inline-block;border:1px solid #333;padding:0.5rem 3rem 0.5rem 1rem;color:#333;position:relative;transition-duration: 0.5s;}
.bor_button a:after{content:'';display:block;position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:url("/images/default/content/btn_icon.png")no-repeat;width:1.3rem;height:1.3rem;background-size:cover;
}
.bor_button a:hover{background:#333;color:#fff;}
.bor_button a:hover:after{content:'';display:block;position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:url("/images/default/content/btn_icon_on.png")no-repeat;width:1.3rem;height:1.3rem;
}

.bor_top{background:#EEF1F2; font-size:0.8rem; padding:1rem; border:1px dashed #c6cbdf; border-radius: 0.475rem; margin-bottom:1rem;}
.bor_top ul li{position:relative; padding-left:1.2rem;}
.bor_top ul li:before{content: "\ee96";  font-family: "remixicon"; display : block; position : absolute; left:0; top:0; color:#434e8d;}

.tbsBtn{display:flex; justify-content: center;}
.tbsBtn a{color: #009ef7; background-color: #f1faff;display: inline-block; 	padding: 0.5em 0.85em; font-size: .75rem; font-weight: 600; line-height: 1; 
text-align: center; white-space: nowrap; vertical-align: baseline; margin:3px;} /* 보기 */
.tbsBtn a.cancel {color: #f1416c;   background-color: #fff5f8;} /* 취소 */
.tbsBtn a.edit { color: #7e8299;  background-color: #f5f8fa;} /* 수정 */

.tax_con{margin-top:1rem;}
.tax_con table th{font-size:0.8rem;}

.sum{background:#E8EFF5; padding:0.5rem 1rem; display:flex; justify-content: flex-end; font-size:0.85rem; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:2px solid #053044;}
.sum p{position:relative;}
.sum p b{color:#333; font-weight:600;}
.sum p span{color:#00AEFF; padding:0 10px;}

@media (max-width: 767px){	
	.bor_top{font-size:0.9rem;}
	.sum{font-size:1rem; padding:15px;}
	.sum p b{font-size:1.1rem;}
	.tax_con .normalTb{border-top:none;}
	.tax_con .normalTb, 
	.tax_con .normalTb thead, 
	.tax_con .normalTb tbody, 
	.tax_con .normalTb th, 
	.tax_con .normalTb td, 
	.tax_con .normalTb tr {display: block; font-size:0.95rem;  }
	.tax_con .normalTb thead tr {position: absolute;top: -9999px;left: -9999px;}
	.tax_con .normalTb tr {padding:10px; border:1px solid #ddd; background: #f4f4f9;}	  	
	.tax_con .normalTb td {border: none;	position: relative; padding:5px 0px;	padding-left: 30%; text-align:left; line-height:1.5; }
	.tax_con .normalTb td:before {position: absolute;	top: 50%;	left: 0;transform:translateY(-50%);  width: 25%;	 font-weight:bold; color:#333; line-height:1.3; word-break:keep-all;}

	.tax_con .normalTb td:nth-of-type(1):before { content: "구분"; }
	.tax_con .normalTb td:nth-of-type(2):before { content: "프로그램명"; }
	.tax_con .normalTb td:nth-of-type(3):before { content: "연수기간"; }
	.tax_con .normalTb td:nth-of-type(4):before { content: "참여자수"; }
	.tax_con .normalTb td:nth-of-type(5):before { content: "금액"; }	
	.tax_con .normalTb td:nth-of-type(6):before { content: "세금계산서 발행요청일";}	


	.tax_con .payment{border-bottom:none;}
	.tax_con .payment td:nth-of-type(1):before { content: "강사비"; }
	.tax_con .payment td:nth-of-type(2):before { content: "교통비"; }
	.tax_con .payment td:nth-of-type(3):before { content: "지급액 계"; }
	.tax_con .payment td:nth-of-type(4):before { content: "소득세"; }
	.tax_con .payment td:nth-of-type(5):before { content: "지방소득세"; }	
	.tax_con .payment td:nth-of-type(6):before { content: "공제액계";}	
	.tax_con .payment td:nth-of-type(7):before { content: "실지급계";}	
	.tax_con .payment td:nth-of-type(8):before { content: "서명";}	
	.tax_con .payment td.ac{text-align:left !important;}
	.tax_con .payment td .chks input[type="checkbox"] + label:before{background:#fff;}
	.tax_con .payment td .chks input[type="checkbox"]:checked + label:before{background:#00aeff;}

	.tax_con .normalTb tr.noData td{padding-left:0; text-align:center;}
	.tax_con .normalTb tr.noData td:before{display:none;}
}




/********************************************************
■ 나의 강의실
********************************************************/
.con h4{font-size:1.1rem; color:#333; margin-bottom:1rem;}
.bigtitle{ font-size:1.7rem; text-align:center; font-weight:600; color:#333; }

/* 도넛차트 */
.chartWrap{ position: relative; text-align:center;}
.pie-chart { position: relative; display:inline-block; width: 100px; height: 100px; border-radius: 50%; transition: 0.3s; background:#eee;}
span.center{ background: #fff; display : block; position: absolute; top:50%; left:50%; width:50px; height:50px; border-radius: 50%; text-align:center; line-height: 50px; font-size:0.75rem; font-weight:600; transform: translate(-50%, -50%); }
.my_movie{display:flex; justify-content: space-between;}
.my_movie .my_info{flex-basis: 20%; padding:1rem; background:#fff;  display: flex; align-items: center; justify-content: center; flex-direction: column; text-align:center;}
.my_movie .my_info p{margin:0.5rem 0;}
.my_movie .my_info li{display:inline-block; position:relative; font-size:0.75rem; color:#999;}
.my_movie .my_info li:not(:first-child){padding-left:10px; margin-left:10px;}
.my_movie .my_info li:not(:first-child):before{content:'';display : block; position : absolute; left :0; top:15%; width :1px; height : 70%; background:rgba(0,0,0,0.2);}
.my_movie .class_info{flex-basis: 100%; display:flex; justify-content: space-between; gap:1rem; background:#f6f8fa;padding:1.5rem 3rem;}
.my_movie .class_info .cla{width:calc((100% - 1rem * 3) / 4); display:flex; align-items: center; justify-content: space-between; padding:0.75rem 10px; border-radius:10px; text-align:center; box-shadow: 7px 1px 18px rgba(44, 87, 173, 0.1);background:#fff;}
.my_movie .class_info .cla p{font-weight:500; }
.my_movie .class_info .won{width:100px; height:100px; display: flex; align-items: center; justify-content: center; background:#eee; border-radius:50%; margin:0 auto; color:#333;}
.my_movie .class_info .cla.user{flex-direction: column;}
.my_movie .class_info .cla.user .user_name{display:flex; align-items: center; justify-content: space-between; width: 100%;}
.my_movie .class_info .cla.user .user_date{background:#f2f9ff; padding:0.5rem; font-size:0.75rem; color:#888; width: 100%; margin-top:5px;}
.my_movie .class_info .cla.user .user_date p{display:flex;  justify-content: space-between; }
.my_movie .class_info .cla.user .user_date p + p{margin-top:5px;}
.my_movie .class_info .cla.user .user_date p b{text-align:right; color:#333;}
@media (max-width: 1500px){

	.my_movie .class_info{padding:1rem;}
	
}
@media (max-width: 1300px){
	.my_movie .class_info .cla.user .user_date p{flex-wrap:wrap;}
	
}
@media (max-width: 767px){
	.con h4{font-size:1.3rem;}
	.my_movie{display:block;}
	.my_movie .my_info{margin-bottom:1rem;}
	.my_movie .class_info{flex-wrap: wrap; width:calc(100% + 2rem); margin-left:-1rem; gap:0.5rem;}
	.my_movie .class_info .cla{width:calc((100% - 0.5rem * 1) / 2); font-size:0.8rem; display:block; text-align:center;}
	.pie-chart{width:80px; height:80px;}
	.isu,
	.misu{margin-top:25px;}
	.thtopTb .subtitle{font-size:0.9rem !important;}
}




/* 프로그램 신청내역 */
.tbBtns{ }
.tbBtns a{display: inline-block; padding:0px 1rem;  height:40px; line-height:40px;  border-radius:40px;font-size: .8rem;  font-weight:500; color: #fff; text-align: center; white-space: nowrap; margin:3px;  background:#2c67d5; transition: all 0.3s ease-in-out 0s;}
.tbBtns a i{font-weight:400; margin-left:5px;}
.tbBtns a.view{color: rgb(255, 255, 255); background-color: #6C757D;}
.tbBtns a.edit{background: #3CB9BF; color: #fff;}
.tbBtns a.cancel{background: #c45964; color: #fff;}
.tbBtns a.all{background: #c45964; color: #fff;}
.tbBtns a.ask{background-color: #4a81d4; color: #fff;}
.tbBtns a.file{background-color: #6658dd; color: #fff;}
.tbBtns a.estimate{display:block;background: #4C6AEF; color: #fff;}
.tbBtns a.done{background: #da3150; color: #fff; cursor:default;}
.tbBtns a.print{background: #0976BC; color: #fff;}
.tbBtns a.attend{color:#fff; background-color: #2c67d5;}
.tbBtns a.attend:hover{background-color: #2559ba;}
.tbBtns a.ready{background-color: #FFC700; color: #fff;}
.tbBtns .parted{border-radius:5px; background:#e96171; width:6rem; cursor:default; }
.tbBtns .part{border-radius:5px; width:6rem;}
.tbBtns .parted img,
.tbBtns .part img{margin-left:5px;}

.myProg .item_btns a{height:100%;}

/* 특별/일반 이수/미이수 */
.sp{display:inline-block; text-align:center; width:4.5rem; line-height:1; font-size:0.85rem; color:#2d67d5; border:1px solid #2d67d5; border-radius:5px; padding:9px 0 8px;}
.nor{display:inline-block;text-align:center; width:4.5rem; line-height:1; font-size:0.85rem; color:#229eed; border:1px solid #229eed; border-radius:5px; padding:9px 0 8px;}
.isu{display:inline-block;text-align:center; width:4.5rem; line-height:1; font-size:0.85rem; color:#fff; background:#74d876; border:1px solid #74d876; border-radius:5px; padding:9px 0 8px;}
.misu{display:inline-block;text-align:center; width:4.5rem; line-height:1; font-size:0.85rem; color:#fff; background:#e96171; border:1px solid #e96171; border-radius:5px; padding:9px 0 8px;}


@media (max-width: 767px){
.tbBtns{margin-top:10px; justify-content: flex-end; }
.tbBtns a{font-size:1rem;}
.myProg .item_btns a{width:100%;}

}


/* 상태처리 */
.status{font-weight:500;}
.status span{ font-weight: 700; line-height: 1; }
.status .do{color:#AF3025; } /* 이수 */
.status .undo{color:#09BBC2;} /* 미이수 */
.status .refund{color: #6658dd; background-color: rgba(102,88,221,.18);} /* 환불처리 */
.status .accept , .status .reqIng{color:#181c32;} /* 접수 */
.status .wait{color: #323a46;  background-color: rgba(50,58,70,.18);} /* 대기 */
.status .cancel{color:#f7b84b; background:#FDEDD2;} /* 취소 */
.status .choose ,  .status .eduIng{color:#FB55C1; background-color: #FCE4F5;} /* 선정 , 교육중 */
.status .fin , .status .eduEnd , .status .reqEnd{color:#F1416C; background-color: #FFF5F8;}
.status .status_0{color:#181c32;}
.status .status_1{color:#06A8F9; background:#F1FAFF;}
.status .status_2{color:#f7b84b; background:#FDEDD2;}
.status .status_3{color:#1abc9c; background-color: rgba(26,188,156,.25);}


/*출석체크 테이블*/
.trainingTb{width: 100%; border-collapse: collapse; text-align: center;}
.trainingTb th{background: rgba(59,68,129,0.1); border-bottom: 1px solid #e3e3e3; padding: .5rem .2rem; color: #333;}
.trainingTb td{padding: .5rem; border-bottom:1px solid rgba(59,68,129,0.1);}
.trainingTb thead th{border-radius: .5rem .5rem 0 0; background: #053044; color: #fff;}

.attend_txt .txt_bx h4.tit{margin-bottom:.5rem;}
.attend_txt .txt_bx ul li{margin-top:.25rem;}
.attend_txt .txt_bx ul li:after{background: #053044;}
.attend_txt .txt_bx ul li span{width:5rem; display: inline-block; font-weight:500; color: #053044;}

.attend_wrap{display: flex; justify-content: space-between; align-items: flex-start;}
.attend_wrap .attendanceTb{width: calc(100% - 23rem);}
.attend_wrap .attendanceTb td{position:relative; height:4.75rem; font-weight:600; font-size:0.85rem; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:0.5rem; vertical-align:top;}
.attend_wrap .attendanceTb td:first-child{border-left:1px solid #e3e3e3;}
.attend_wrap .attendanceTb td > p{margin-bottom: .25rem; color:#333;}
.attend_wrap .attendanceTb td > img{position:relative; display: block; width: 75%; max-width: 5rem!important; margin: 0 auto;}
.attend_wrap .attendNowTb{width: 20rem;}
.attend_wrap .attendNowTb col:nth-of-type(1){width: 6.5rem;}
.attend_wrap .attendNowTb td{text-align: left;}
.attend_wrap .attendNowTb td em{display: block; font-weight: 500; color: #053044;}
.attend_wrap .attendNowTb td.attend_yet em{opacity: .5;}

.btn_style{padding:5px 20px; color:#fff; background-color:#156bb3;}

.count_p{color:#888; font-size:0.8rem;}
.count_p b{color:#009ef7; margin-right:10px;}

@media (max-width: 1030px){
	.attend_wrap{display: block;}
	.attend_wrap .attendanceTb{width: 100%; margin-bottom: 2rem;}
	.attend_wrap .attendNowTb{width: 100%;}

	.count_p{font-size:0.95rem; margin-bottom:5px;}
}