@charset "utf-8";

/*flex 정렬방식*/
.flex_right{ justify-content: flex-end!important;}


/* 에디터에 사용되는 텍스트 */
.coss_editor01{font-size: 15px;}
.coss_editor01 ul,
.coss_editor01 li,
.coss_editor01 ol{list-style:revert!important;}
.coss_editor01 em, 
.coss_editor01 i{font-style:italic;}
@media all and (max-width :1024px) {
.coss_editor01{font-size: 14px;}
}
@media all and (max-width :767px) {
.coss_editor01{font-size: 13px; }
}



/* 팁 풍선*/
.all_tip01{background:#f9f9f9 url("../../images/com/tip_icon02.png") center no-repeat; display: inline-block; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden;border-radius: 50%;}
.all_tip02{background:#f9f9f9 url("../../images/com/tip_icon02.png") center no-repeat; display: inline-block; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden;border-radius: 50%;}
.all_tip01_list{ display: none; position: absolute; border: 1px solid #000; background: #ffffea; border-radius: 10px; box-shadow: -1px -0px 10px rgba(0,0,0,0.3); padding: 20px 15px 15px 15px; font-size: 12px; z-index: 2; white-space: normal!important; width: 300px; font-weight: normal;} 
.all_tip01_list .all_tip01_close{background: url("../../images/com/icon_close02.png") center no-repeat; display: inline-block; width: 16px; height: 16px; background-size: 10px;top:5px; right:5px; position: absolute; text-indent: -9999px;}

.all_tip01_list .all_tip_txt01{border-radius:  10px;background: #fff; border: 1px dashed #e3e3b0; overflow: hidden;}
.all_tip01_list .all_tip_txt01 ul li{ display: flex; flex-wrap: wrap;border-bottom: 1px dashed #e3e3b0; }
.all_tip01_list .all_tip_txt01 ul li:last-child{ border-bottom:0; }
.all_tip01_list .all_tip_txt01 ul li strong{ padding: 10px 15px; font-size: 12px; width: 100px;display: flex; align-items: center; background: #ffffc5;border-right: 1px dashed #e3e3b0;justify-content: center;}
.all_tip01_list .all_tip_txt01  ul li span{padding: 10px; font-size: 11px; width: calc(100% - 105px);}

.all_tip01_list.w200{width: 200px;} 
@media all and (max-width :767px) {
.all_tip01_list{width: 90%;left:5%;}
}





/* 일반 텍스트 처리방식 */
.call_text_guide01{background:#f9f9f9 url(../../images/com/text_icon01.png) 30px center no-repeat; border-radius: 10px; padding: 20px 20px 20px 80px;background-size: 40px; margin-bottom:15px;}

.call_text01{ font-size: 14px; margin-bottom: 15px; }
.call_text01 li{ background: url(../../images/com/title_icon07.png) left 3px no-repeat; background-size: 10px; padding-left: 15px; margin-bottom:5px;}
.call_text02{ font-size: 15px; line-height: 22px;}

.call_text03{ font-size: 14px;}
.call_text03 li{ background: url(../../images/com/point01.png) left 6px no-repeat;; padding-left: 10px; margin-bottom:5px;}
.call_text03 li:last-child{margin-bottom: 0;}

@media all and (max-width :1024px) {
.call_text01{ font-size: 13px}
.call_text01 li{  padding-left: 13px;}
.call_text02{ font-size: 14px;line-height: 20px;}
}

@media all and (max-width :767px) {
.call_text01{ font-size: 12px; margin-bottom: 10px;}
.call_text_guide01{background:#f9f9f9 url(../../images/com/text_icon01.png) 10px center no-repeat; border-radius: 10px; padding: 15px 15px 15px 50px;background-size: 30px; margin-bottom:10px;}
.call_text03{ font-size: 12px;}
}




/* 공통 데이터 없음 표시 */
.coss_nodata01 { font-size: 14px; text-align: center; padding-top: 60px; height: 260px; border-radius: 20px; position: relative; margin-bottom: 50px; border: 1px dashed #ddd;}  
.coss_nodata01 span{ color: #999; background: url(../../images/com/logo.png) center top no-repeat; padding-top: 40px; display: block; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 100%; font-weight: 500;}

.coss_nodata02 { font-size: 13px; text-align: center;  position: relative;   padding: 30px 0;}  
.coss_nodata02 span{ color: #999; background: url(../../images/com/logo.png) center top no-repeat; padding-top: 30px; display: block; width: 100%; font-weight: 500; background-size: 130px;}

@media all and (max-width :1520px) {
.coss_nodata01 {  margin-bottom: 30px;}
}
@media all and (max-width :767px) {
.coss_nodata01 {margin-bottom: 20px; height: 150px; border-radius: 15px;}  
.coss_nodata01 span{background-size: 130px; font-size: 13px; padding-top: 30px;}
.coss_nodata02 { padding: 20px 0;}  
}




/* 탭 */
.coss_tab01{border-bottom: 1px solid #0b6ac1; margin-bottom: 30px;}
.coss_tab01 ul{ display: flex; gap:2px;}
.coss_tab01 ul li a{text-align: center; display: block; padding: 12px 40px;border-top: 1px solid #d8e1f8; border-left: 1px solid #d8e1f8; border-right: 1px solid #d8e1f8; border-radius: 10px 10px 0 0; background: #f3f6fc; min-width: 150px; color: #9fb1d6;}


.coss_tab01 ul li a:hover,
.coss_tab01 ul li a:focus,
.coss_tab01 ul li a.active{border-top: 1px solid #0b6ac1; border-bottom: 2px solid #fff;border-left: 1px solid #0b6ac1; border-right: 1px solid #0b6ac1; border-radius: 10px 10px 0 0; background-color: #fff; margin-bottom: -2px; box-shadow: -1px -5px 5px rgba(0,0,0,0.05);color: #1a1e54;}
.coss_tab01 ul li a strong{ font-size: 16px; font-weight: 600; display: inline-block;}
.coss_tab01 ul li a .tool_num{border-radius: 50px; background: #fff; font-size: 11px; font-weight: 700;padding:3px 8px; display: inline-block; margin-left: 5px; color: #ff0000; min-width: 30px; border: 1px solid #0b6ac1; }

@media all and (max-width :1280px) {
.coss_tab01{ margin-bottom: 15px;}
}

@media all and (max-width :767px) {
.coss_tab01{margin-bottom: 15px;}
.coss_tab01 .c_w02 li{ width: 50%;}
.coss_tab01 .c_w03 li{ flex: 1;}
.coss_tab01 ul li a{ padding: 5px 15px; min-width:60px;border-radius:4px 4px 0 0;}
.coss_tab01 ul li a:hover,
.coss_tab01 ul li a:focus,
.coss_tab01 ul li a.active{border-radius:4px 4px 0 0;}
.coss_tab01 ul li a strong{ font-size: 13px;}
}



/* lms 학습 인기순 탭 */
.coss_tab01_in{display: flex; gap:5px; margin-bottom: 20px;}
.coss_tab01_in li a{ border-radius: 50px; background: #fff; font-size: 14px; font-weight: 600; padding: 8px 20px; border: 1px  dashed #9fb1d9; min-width: 80px; text-align: center; box-shadow: 1px 5px 5px rgba(0,0,0,0.05);}
.coss_tab01_in li a.active,
.coss_tab01_in li a:hover,
.coss_tab01_in li a:focus{background: #3669ff; color: #fff; border: 1px solid #3669ff;}

@media all and (max-width :767px) {
.coss_tab01_in {flex-wrap: wrap; width: 100%; gap:3px;}
.coss_tab01_in li{width: calc(33.333% - 3px);}
.coss_tab01_in li a{ border-radius: 4px; font-size: 11px; font-weight: 600; padding: 6px 5px;  min-width:inherit;border: 1px  solid #d8e1f8;}

}









/* 검색창이 너무 긴것들에 사용해주세요.*/

.bbs_all_top07 select{min-width:100px;max-width:180px; height: 38px;border: 1px solid #d6deeb;font-size: 14px;}
.bbs_all_top07 ul{display: inline-flex; justify-content: space-between; align-items:flex-end; position: relative; padding: 0 10px 15px 10px; flex-wrap: wrap; width: 100%;}
.bbs_all_top07 .bbs_total{background:url("../../images/com/tit_01.png") left 5px no-repeat; padding-left:22px;line-height:30px;font-size: 16px; height: 30px; font-weight: 600;}
.bbs_all_top07 strong{ font-weight: 700; color: #ff0000;}
.bbs_all_top07_01{display:inline-flex; flex-wrap: wrap; width: 100%; gap:5px;}

@media all and (max-width :1024px) {
.bbs_all_top07 .bbs_total{ background-position:left 3px; background-size:15px; padding-left:20px; height: 25px;line-height:25px;font-size: 14px;}
}



@media all and (max-width :767px) {
.bbs_all_top07 select{min-width:50px;max-width:150px; height: 25px;font-size: 12px; padding-left:7px 
!important; padding-right: 16px !important;background-position:right center;background-size: 20px;}

.bbs_all_top07 input[type=text]{ height: 25px;font-size: 12px;}
.bbs_all_top07 ul{padding:0  0  5px 5px;}
}









/* 게시판 검색 가이드 */
.bbs_all_top04 ul{display: flex; justify-content: space-between; align-items:flex-end; position: relative; padding: 0 10px 15px 10px;}
.bbs_all_top04 .bbs_total{background:url("../../images/com/tit_01.png") left 5px no-repeat; padding-left:22px;line-height:30px;font-size: 16px; height: 30px; font-weight: 600;}
.bbs_all_top04 strong{ font-weight: 700; color: #ff0000;}

@media all and (max-width :1024px) {
.bbs_all_top04 .bbs_total{ background-position:left 3px; background-size:15px; padding-left:20px; height: 25px;line-height:25px;font-size: 14px;}
}
@media all and (max-width :767px) {
.bbs_all_top04 ul{padding:0  0  5px 5px;}
.bbs_all_top04 .cl_btn_guide{ position: relative; bottom: inherit;}
}













.bbs_all_top05 li.flex01,
.bbs_all_top05 li.flex02,
.bbs_all_top05 li.flex03{ display: flex; gap:5px; align-items: center;}
.bbs_all_top05 select{min-width:100px;max-width:180px; height: 38px;border: 1px solid #d6deeb;font-size: 14px;}
.bbs_all_top05 ul{display: flex; justify-content: space-between; align-items:flex-end; position: relative; padding: 0 10px 15px 10px;}
.bbs_all_top05 .bbs_total{background:url("../../images/com/tit_01.png") left 5px no-repeat; padding-left:22px;line-height:30px;font-size: 16px; height: 30px; font-weight: 600;}
.bbs_all_top05 strong{ font-weight: 700; color: #ff0000;}


@media all and (max-width :1024px) {
.bbs_all_top05 .bbs_total{ background-position:left 3px; background-size:15px; padding-left:20px; height: 25px;line-height:25px;font-size: 14px;}
}



@media all and (max-width :767px) {
.bbs_all_top05{white-space: nowrap;}
.bbs_all_top05 select{min-width:50px;max-width:150px; height: 25px;font-size: 12px; padding-left:7px 
!important; padding-right: 16px !important;background-position:right center;background-size: 20px;}

.bbs_all_top05 input[type=text]{ height: 25px;font-size: 12px;}
.bbs_all_top05 ul{padding:0  0  5px 5px; flex-wrap: wrap;}
.bbs_all_top05 .cl_btn_guide01{ position: relative; bottom: inherit;}

.bbs_all_top05 li.flex01 .bbs_search01 .search_input01{ width:calc(100% - 100px);}
.bbs_all_top05 li.flex02 .bbs_search01 .search_input01{ width:calc(100% - 35px);}
.bbs_all_top05 li.flex01 .bbs_search01 .search_btn01 i,
.bbs_all_top05 li.flex02 .bbs_search01 .search_btn01 i{width: 30px;line-height: 25px; height: 25px;background-size: 15px; }

.bbs_all_top05 li.flex03{width: 100%; margin-bottom: 10px;}
.bbs_all_top05 li.flex03 .bbs_search01 input[type=text]{ height: 38px;font-size: 12px;}
.bbs_all_top05 li.flex03 .bbs_search01{width: 100%; display: flex; justify-content: space-between;}
.bbs_all_top05 li.flex03 .bbs_search01 .search_input01{ width:calc(100% - 45px);}
.bbs_all_top05 li.flex03 .bbs_search01 .search_btn01 i{width: 40px;line-height: 38px; height: 25px;background-size: 15px; }


}








.bbs_all_top02{ border-radius: 6px; background: #f0f5ff; padding: 20px; margin-bottom: 15px; display: flex; justify-content: center;}
.bbs_all_top02 .bbs_search01 select{min-width:100px;max-width:180px; height: 38px;border: 1px solid #d6deeb;}
.bbs_all_top02 .bbs_search01 {font-size: 14px;}
.bbs_all_top02 .bbs_search01,
.bbs_all_top02 .bbs_search01_01,
.bbs_all_top02 .bbs_search01 form{ display: flex; justify-content:space-between;gap:5px;  align-items: center;}


.bbs_all_top03{margin-top: -40px; color: #ff0000; margin-bottom: 20px; text-align: center;}


.bbs_all_top01 {justify-content: space-between; display: flex; margin:0 10px 15px 10px; align-items: flex-end;}
.bbs_all_top01 .bbs_total{background:url("../../images/com/tit_01.png") left 5px no-repeat; padding-left:22px;line-height:30px;font-size: 16px; height: 30px; font-weight: 600;}


.bbs_all_top .bat_txt01{color: #ff0000; font-size: 13px;}
.bbs_all_top ul{ padding:0 10px 15px 10px;display: flex; justify-content: space-between; align-items:flex-end; width: 100%; gap:5px;}/* 3개 기본 */
.bbs_all_top .bbs_total{background:url("../../images/com/tit_01.png") left 5px no-repeat; padding-left:22px;line-height:30px;font-size: 16px; height: 30px; font-weight: 600;}
.bbs_total strong{ font-weight: 700; color: #ff0000;}


.bbs_all_top .bat_li02,
.bbs_all_top .bat_li03,
.bbs_all_top .bbs_search01,
.bbs_all_top .bbs_search01_01,
.bbs_all_top .bbs_search01 form{ display: flex; justify-content:space-between;gap:5px;  align-items: center;}
.bbs_all_top .bbs_search01 select{min-width:100px;max-width:180px; height: 38px;border: 1px solid #d6deeb;}
.bbs_all_top .bbs_search01 {font-size: 14px;}

.bbs_all_top .day_date01,
.bbs_all_top .day_date02{ display: flex; align-items: center;}
.bbs_all_top .day_date01 > em{ display: inline-block; text-align: center;width: 15px;}

.bbs_search01 .search_input01{line-height: 38px; height: 38px;vertical-align: top; border-radius: 4px; min-width: 110px; padding-left: 8px;border: 1px solid #d6deeb;}
.bbs_search01 .search_btn01{background:#9998b3; border-radius: 4px; display: inline-block; padding: 0; overflow: hidden; text-align: center;}
.bbs_search01 .search_btn01 i{width:40px; background:#9998b3 url("../../images/com/icon_search01.png") center no-repeat; color:#fff; line-height: 38px; height: 38px;background-size: 20px; text-indent: -9999px; text-align: center;  display: inline-block;}

.bbs_search01 .search_btn02{background:#818b9f; border-radius: 4px; display: inline-block; padding: 0; overflow: hidden; text-align: center;min-width: 40px;}
.bbs_search01 .search_btn02 i{width:40px; background:#818b9f url("../../images/com/icon_reflash01.png") center no-repeat; color:#fff; line-height: 38px; height: 38px;background-size: 18px; text-indent: -9999px; text-align: center;  display: inline-block;}




/* 상단에 새글등록  & 전체선택  & 엑셀다운로드 버튼 */
.cs_btn01{ height: 38px; line-height: 38px; padding: 0 20px; border-radius: 4px; font-weight: 600; font-size: 12px; color: #fff; border: 0; display: inline-block;white-space: nowrap;}
.cs_rbtn01{ height: 38px; line-height: 34px; padding: 0 20px; border-radius: 4px; font-weight: 600; font-size: 12px; color: #fff; display: inline-block;white-space: nowrap; background: #fff;}



.cs_ibtn01{ height: 38px; line-height: 36px; padding: 0 15px 0 35px; border-radius: 4px; background: #f5f5fb url("../../images/com/check03.png") 13px center no-repeat;font-weight: 600; font-size: 12px; display: inline-block;white-space: nowrap; background-size: 15px; border: 1px solid #c1c1df!important; color: #3b4483;}
.cs_ibtn01.active{ background-color: #1a1e54;background-image: url("../../images/com/check02.png"); color: #fff; border: 1px solid #1a1e54!important;}

.cl_btn_guide{white-space: nowrap; display: flex;align-items: center;gap:5px;}
.cl_btn_guide select{min-width:100px;max-width:180px; height: 38px;border: 1px solid #d6deeb;font-size: 14px;}


@media all and (max-width :767px) {
.cl_btn_guide{ position: absolute; right:5%; bottom:-40px; z-index: 4; display: inline-block;}
.cl_btn_guide select{ line-height: 23px; height: 25px; font-size: 12px; min-width: 75px;}

.cs_btn01,
.cs_ibtn01{ padding: 0 10px!important;  height: 25px!important; line-height: 25px!important; font-size: 11px!important; background-image: none!important;}

.cs_rbtn01{ padding: 0 10px!important;  height: 25px!important; line-height: 21px!important; font-size: 11px!important; background-image: none!important;}
.cs_ibtn01.active{ background-image:none;}


}




@media all and (max-width :1720px) {
.bbs_all_top ul.bat_w04{flex-wrap: wrap;} /* 8개 짜리 */
.bbs_all_top ul.bat_w04 li{ width: 100%;}
.bbs_all_top ul.bat_w04 .bbs_search01,
.bbs_all_top ul.bat_w04 .bbs_search01 form,
.bbs_all_top ul.bat_w04 .bbs_search01_01{ width: 100%;}
.bbs_all_top ul.bat_w04 .bbs_search01 select{min-width:inherit;max-width:inherit;  width: 100%;}
.bbs_all_top ul.bat_w04 .bbs_search01 .search_input01{width: 100%;}


.bbs_all_top02 .bbs_search01,
.bbs_all_top02 .bbs_search01 form,
.bbs_all_top02 .bbs_search01_01{ width: 100%;}
.bbs_all_top02 .bbs_search01 select{min-width:inherit;max-width:inherit;  width: 100%;}
.bbs_all_top02 .bbs_search01 .search_input01{width: 100%;}
}


@media all and (max-width :1450px) {
.bbs_all_top ul.bat_w01{flex-wrap: wrap;} /* 6개 짜리 */
.bbs_all_top ul.bat_w01 li{ width: 100%;}
.bbs_all_top ul.bat_w01 .bbs_search01,
.bbs_all_top ul.bat_w01 .bbs_search01 form,
.bbs_all_top ul.bat_w01 .bbs_search01_01{ width: 100%;}
.bbs_all_top ul.bat_w01 .bbs_search01 select{min-width:inherit;max-width:inherit;  width: 100%;}
.bbs_all_top ul.bat_w01 .bbs_search01 .search_input01{width: 100%;}

.bbs_all_top ul.bat_w02{flex-wrap: wrap;} /* 4개 짜리 */
.bbs_all_top ul.bat_w02 li{ width: 100%;}
.bbs_all_top ul.bat_w02 .bbs_search01,
.bbs_all_top ul.bat_w02 .bbs_search01 form,
.bbs_all_top ul.bat_w02 .bbs_search01_01{ width: 100%;}
.bbs_all_top ul.bat_w02 .bbs_search01 select{min-width:inherit;max-width:inherit;  width: 100%;}
.bbs_all_top ul.bat_w02 .bbs_search01 .search_input01{width: 100%;}

.bbs_all_top ul.bat_w03{flex-wrap: wrap;} /* 5개 짜리 마지막껀 100%*/
.bbs_all_top ul.bat_w03 li{ width: 100%;}
.bbs_all_top ul.bat_w03 .bbs_search01,
.bbs_all_top ul.bat_w03 .bbs_search01 form,
.bbs_all_top ul.bat_w03 .bbs_search01_01{ width: 100%;}
.bbs_all_top ul.bat_w03 .bbs_search01 select{min-width:inherit;max-width:inherit;  width: 100%;}
.bbs_all_top ul.bat_w03 .bbs_search01 .search_input01{width: 100%;}
}



@media all and (max-width :1280px) {
.bbs_all_top ul.bat_w04 .bbs_search01,
.bbs_all_top ul.bat_w04 .bbs_search01 form,
.bbs_all_top ul.bat_w04 .bbs_search01_01{ flex-wrap: wrap;}
.bbs_all_top ul.bat_w04 .bbs_search01_01{ width: calc(100% - 45px);}

.bbs_all_top ul.bat_w04 select:nth-of-type(1),
.bbs_all_top ul.bat_w04 select:nth-of-type(2),
.bbs_all_top ul.bat_w04 select:nth-of-type(3),
.bbs_all_top ul.bat_w04 select:nth-of-type(4){ width: calc(25% - 5px);}
.bbs_all_top ul.bat_w04 select:nth-of-type(5),
.bbs_all_top ul.bat_w04 select:nth-of-type(6){ width:calc(25% - 5px);}
.bbs_all_top ul.bat_w04 .day_date01{  width:calc(50% - 8px);}
.bbs_all_top ul.bat_w04 .day_date01 input[type=text].datepicker { width: calc(100% - 130px) !important;}

.bbs_all_top ul.bat_w04 .day_date02{  width:calc(50% - 5px);}
.bbs_all_top ul.bat_w04 .day_date02 input[type=text].datepicker { width: 100% !important;}

}

@media all and (max-width :1280px) {
.bbs_all_top03.su01{ padding-left: 21px;}
.bbs_all_top03{margin-top:-10px; margin-bottom: 10px; text-align: left; padding-left: 3px; font-size: 14px;}
}

@media all and (max-width :1024px) {
.bbs_all_top01 { margin:0 5px 5px 5px;}
.bbs_all_top01 .bbs_total{ background-position:left 3px; background-size:15px; padding-left:20px; height: 25px;line-height:25px;font-size: 14px;}


.bbs_all_top .bbs_total{ background-position:left 3px; background-size:15px; padding-left:20px; height: 25px;line-height:25px;font-size: 14px;}
.bbs_all_top .bbs_search01 select{min-width:100px;max-width:100px;}
.bbs_all_top .bbs_search01_01 { font-size: 13px;}



}


@media all and (max-width :767px) {

.bbs_all_top ul{ padding:0  0  5px 0; flex-wrap: wrap;}
.bbs_all_top ul li{ width: 100%;}
.bbs_all_top .bat_txt01{ margin-top: -8px; margin-bottom: 8px}
.bbs_all_top ul li.bat_li01{ order:5; padding-left: 5px;}
.bbs_all_top ul li.bat_li02{ order:1;}


.bbs_all_top .bbs_total{ width: 100%;}
.bbs_all_top .bat_li02,
.bbs_all_top .bbs_search01,
.bbs_all_top .bbs_search01 form{ width: 100%;flex-wrap:wrap; background: #d8e5ff;gap:0;}

.bbs_all_top .bat_li02{ width: 110% !important;margin: 0 -5% 15px -5%!important;padding:15px 5%!important; position: relative;}

.bbs_all_top .bbs_search01_01{display: flex;width: 100%;justify-content: space-between; margin-bottom: 5px; gap:5px;}


.bbs_all_top02{ width: 110% !important;margin: 0 -5% 15px -5%!important;padding:15px 5%!important; position: relative; border-radius: 0;}

.bbs_all_top02 .bbs_search01,
.bbs_all_top02 .bbs_search01 form{ flex-wrap: wrap;}
.bbs_all_top02 .bbs_search01_01 { display: inline-flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.bbs_all_top02 .bbs_search01 select,
.bbs_all_top02 .bbs_search01 input[type=text]{ width: calc(33.333% - 5px);}
.bbs_all_top02 .bbs_search01 input[type=text]:last-child{ width:100%;}
.bbs_all_top02 button{ width: calc(50% - 2.5px) !important;}
.bbs_search01 .search_btn02 > i{text-indent:inherit; width: auto;padding-left: 20px; background-size: 12px;font-size: 12px; font-weight: 500;  background-position:left center;}





.bbs_all_top .bbs_search01 .search_btn01{ width: 100%;}
.bbs_all_top .bbs_search01 .search_btn01 > i{text-indent:inherit; width: auto;padding-left: 20px; background-size: 13px;font-size: 12px; font-weight: 500;  background-position:left center;}
.bbs_all_top .bbs_search01 select{width: 50%;border: 1px solid #d8e5ff;min-width:inherit;max-width:inherit;}


.bbs_search01 .search_input01{border: 1px solid #d8e5ff;max-width:inherit; min-width: inherit; width: 100%;}





.bbs_all_top ul.bat_w01 li.bat_li02 .bbs_search01_01 {flex-wrap: wrap;}
.bbs_all_top ul.bat_w01 .bbs_search01_01 select,
.bbs_all_top ul.bat_w01 .bbs_search01_01 .search_input01{ width: calc(33.333% - 5px);}

.bbs_all_top ul.bat_w02 li.bat_li02 .bbs_search01_01 { flex-wrap: wrap;}
.bbs_all_top ul.bat_w02 .bbs_search01_01 select,
.bbs_all_top ul.bat_w02 .bbs_search01_01 .search_input01{ width: calc(50% - 3px);}

.bbs_all_top ul.bat_w03 li.bat_li02 .bbs_search01_01 { flex-wrap: wrap;}
.bbs_all_top ul.bat_w03 .bbs_search01_01 select,
.bbs_all_top ul.bat_w03 .bbs_search01_01 .search_input01{ width: calc(50% - 3px);}
.bbs_all_top ul.bat_w03 .bbs_search01_01 select:last-child,
.bbs_all_top ul.bat_w03 .bbs_search01_01 .search_input01:last-child{ width: 100%;}

.bbs_all_top ul.bat_w04 .bbs_search01_01{ width:100%;}
.bbs_all_top .day_date01,
.bbs_all_top .day_date02{ display: none;}

.bbs_all_top ul.bat_w04 select{ width:calc(33.333% - 5px) !important;}

.bbs_all_top .bat_txt01{width: calc(100% - 100px);display: block; padding-top: 5px;}
}














/* 포토카드형식 & 리스트형식에 보는 아이콘 : 목록 & 포토 */
.coss_list_type{ display: flex; justify-content:flex-end; gap:5px;}
.coss_list_type .coss_photo{ background:#ddd url("../../images/com/type_photo.png") center no-repeat; width: 38px; height: 38px; text-indent: -9999px; display: inline-block;}
.coss_list_type .coss_list{ background:#ddd url("../../images/com/type_list.png") center no-repeat; width: 38px; height: 38px; text-indent: -9999px;}
.coss_list_type .coss_photo.active,
.coss_list_type .coss_list.active{background-color:#4a4883;}

@media all and (max-width :767px) {
.coss_list_type{ display: none;}
}




/* 포토 & 테이블 & 리스트 형식에 들어가는 배찌 & 버튼 */
.c_badge00{padding: 0 6px; font-size: 11px; background: #fff; font-weight: 600; text-align: center; border-radius: 4px; white-space: nowrap;height: 23px; line-height: 23px;display: inline-block;}
.c_badge00.cb_bi01{border: 1px solid #00aaff;  color: #00aaff;} /* 디노베이션 */
.c_badge00.cb_bi02{border: 1px solid #3669ff;  color: #3669ff;} /* 데이터 */
.c_badge00.cb_bi03{border: 1px solid #fa69df;  color: #fa69df;} /* 첨단바이오테크 */
.c_badge00.cb_bi04{border: 1px solid #00c348;  color: #00c348;} /* 디바이스 */
.c_badge00.cb_bi05{border: 1px solid #f0c000;  color: #f0a400;} /* 디자인 */



.c_badge01{ height: 23px; line-height: 23px; display: inline-block; color: #fff; text-align: center; font-size: 11px; font-weight: 500; border-radius: 4px; padding: 0 6px; min-width: 36px; white-space: nowrap;}

.c_badge02{height: 18px; line-height: 18px; display: inline-block; color: #fff; text-align: center; font-size: 10px; font-weight: 600; border-radius: 4px; padding: 0 6px;}/* yes & no */
.c_badge04{ height: 36px; line-height: 10px; display:inline-flex; color: #fff; text-align: center; font-size: 10px; font-weight: 700; border-radius: 50%; width: 36px;background-image: url("../../images/com/badge_icon02.png"); background-position:  center; background-repeat:  no-repeat; align-items: center; justify-content: center;}

.c_badge03{ height: 40px; height: 38px; display:inline-flex; text-align: center; font-size: 12px; font-weight: 700; border-radius: 4px; align-items: center; justify-content: center; padding: 0 14px; min-width: 70px;white-space: nowrap; border: 1px solid #b0d7f4; background: #f3f9fc}

.c_badge05{ height: 40px; display:inline-flex; color: #fff; text-align: center; font-size: 12px; font-weight: 700; border-radius: 4px; align-items: center; justify-content: center; padding: 0 14px; min-width: 70px;white-space: nowrap;}

.c_badge06{ height: 30px; display:inline-flex; color: #fff; text-align: center; font-size: 12px; font-weight: 600; border-radius: 4px; align-items: center; justify-content: center; padding: 0 14px; min-width: 70px;white-space: nowrap;}

.c_badge06_01{ height: 30px; display:inline-flex; color: #999; text-align: center; font-size: 12px; font-weight: 600; border-radius: 4px; align-items: center; justify-content: center; padding: 0 14px;width: 70px;white-space: nowrap; background: #f1f1f1;}


.c_badge07{display: inline-block; width: 90px; color: #1141d0; font-weight: 600; font-size: 12px; background: #fff; border-radius: 6px; padding: 10px; border: 1px solid #577cff; }

.c_badge08{ height: 40px; height: 38px; display:inline-flex; text-align: center; font-size: 12px; font-weight: 700; border-radius: 4px; align-items: center; justify-content: center; padding: 0 14px; min-width: 70px;white-space: nowrap; border: 1px solid #b0d7f4; background: #f3f9fc; }


.c_badge10{height: 30px; line-height: 30px; display:inline-flex; color: #fff; text-align: center; font-size: 12px; font-weight: 600; border-radius: 4px; align-items: center; justify-content: center; padding: 0 15px; min-width: 70px;white-space: nowrap;}


@media all and (max-width: 1280px) {
.c_badge03{height: 26px;line-height: 24px; padding: 0 6px; font-size: 11px;font-weight:500; min-width: 50px;} 
.c_badge05,
.c_badge06,
.c_badge06_01{height: 26px; padding: 0 6px; font-size: 11px;font-weight:500; min-width: 50px;} 
.c_badge10{height: 23px;line-height: 23px;padding: 0 6px; font-size: 11px;font-weight:500; min-width: 50px;} 

.c_badge07{height: 26px;border-radius: 4px; line-height: 24px; padding: 0 6px; font-size: 11px;font-weight:500;width: 60px;}


}



/*다운아이콘*/
.down_file01{background: url("../../images/com/file01.png") left center no-repeat; width: 20px; height: 21px;  text-indent: -99999px; display: inline-block; background-size: 20px;}


.c_blue{ background-color:#3669ff;}       /* 완료 & Y : 파랑*/
.c_blue01{ background-color:#3669ff; color: #fff;} 
.c_blue02{ background-color:#4e69a4; color: #fff;border: 1px solid #4e69a4;}  
.c_blue03{ background-color:#fff; color: #1141d0;border: 1px solid #3669ff;}  

.c_red{ background-color:#ff0000;}        /* 신규 & N : 빨강*/
.c_red01{ background-color:#ff0000; color: #fff; border: 1px solid #ff0000;}    
.c_red02{ background-color:#fff; color: #ff0000; border: 1px solid #ff0000;}    
.c_pink{ background-color:#fc2b75;}       /* 승인 : 핑크*/
.c_pink01{ background-color:#fc92ea;}       
.c_pink02{ background-color:#f96bd9;}      
.c_gray{ background-color:#545a80;}       /* 제출완료 : 회색*/
.c_gray01{ background-color:#999;}       /* 제출완료 : 회색*/
.c_gray02{ background-color:#999;color: #fff; border: 1px solid #999;} 
.c_sky{ background-color:#00a3ef;}        /*  승인여부 : 하늘색*/
.c_sky01{background-color:#00c0ff;}        /* 학교배찌 : 하늘색*/
.c_sky02{background-color:#00c0ff; color: #fff; border: 1px solid #00c0ff;} 

.c_mint{ background-color:#00d395;}       /* 검수완료 : 민트*/
.c_green{ background-color:#4ab900;}      /* 초록*/
.c_green01{ background-color:#00df73;}      /* 초록*/
.c_green02{ background-color:#006032;}      /* 초록*/
.c_green03{background-color:#00df73; color: #fff; border: 1px solid #00df73;} 

.c_navy{ background-color:#1a1e55;}      /* 남색*/
.c_yellow{ background-color:#f5d500;}      /*노랑*/
.c_yellow01{ background-color:#f5d500; color: #fff; border: 1px solid #f5d500;} 



.c_rblue{ border: 2px solid #3669ff!important; color: #3669ff;} 


.s_purple{ background-color:#8a6ef4;}  /* 시험준비 */
.s_sky{ background-color:#00a3ef;}    /* 시험시작 */
.s_navy{ background-color:#454251;}    /* 시험종료 */





/* 주제 아이콘 사용 */
.c_rbadge01{padding: 0 6px; font-size: 11px; background: #1a1e54; color: #fff; font-weight: 500; text-align: center; border-radius: 4px; white-space: nowrap;height: 23px; line-height: 23px;display: inline-block;}

.c_rbadge02{padding: 0 8px; font-size: 12px;  font-weight: 500; text-align: center; border-radius: 4px; white-space: nowrap;height: 27px; line-height: 27px;display: inline-block;}
.c_rbadge02.cr_gray01{background: #fff;border: 1px solid #8a8a8a; color: #8a8a8a;}
.c_rbadge02.cr_red01{background: #fff;border: 1px solid #ff5e5e; color: #ff1d1c;}
.c_rbadge02.cr_blue01{background: #fff;border: 1px solid #0038ff; color: #2f3dde;}
.c_rbadge02.cr_blue02{background: #3669ff;border: 1px solid #3669ff; color: #fff;}






.c_rblue01{background-color:#eef6ff;font-weight: 500; color: #0f1467;}
.c_rblue02{background-color:#fff; border: 1px solid #0038ff; color: #1921dd;}
.c_rgreen01{background-color:#fff; border: 1px solid #4fbd4f; color: #008a00;}
.c_rgreen02{background-color:#fff; border: 1px solid #00bc32; color: #00bc32;}
.c_rgreen03{background-color:#fff; border: 1px solid #006032; color: #006032;}
.c_rred01{background-color:#fff; border: 1px solid #ff5e5e; color: #ff1d1c;}
.c_rgray01{background-color:#fff; border: 1px solid #8a8a8a; color: #8a8a8a;}
.c_rgray02{background-color:#fff; border: 1px solid #545a80; color: #545a80;}

.c_rsky01{ background-color:#fff; border: 1px solid #00a3ef; color: #00a3ef;}
.c_rsky02{ background-color:#fff; border: 1px solid #75a2f8; color: #75a2f8;}
.c_rpink02{background-color:#fff; border: 1px solid #fc92ea; color: #f93ed3;}

.c_rnavy01{background-color:#f3f9fc; border: 1px solid #b0d7f4; color: #092182;}





/* 블루 라운드박스*/
.coss_ptl_com .ct_rbadge01_guide{ position: absolute; right:20px; top:15px;}
.coss_ptl_com .ct_rbadge02{background: #3669ff; border: 0; border-radius: 4px; padding: 0 6px; color: #fff !important; height: 23px;line-height: 23px; font-size: 11px; font-weight: 500;min-width:36px; display: inline-block;}

.coss_ptl_com .ct_rbadge01{ border: 1px solid #b0d7f4;background-color:#f3f9fc; height: 25px; line-height: 23px; display: inline-block;color: #092182;text-align: center; font-size: 13px; font-weight: 600; border-radius: 50px; padding: 0 12px; min-width: 40px;}
@media all and (max-width: 767px) {
.coss_ptl_com .ct_rbadge01_guide{ right:10px; top:10px;}
}




/* 영문국문 파일다운로드 버튼*/
.coss_ptl_com .ct_down01{ border-radius: 100px; background: #f0f5ff; flex:1; text-align:center;width: 110px;display: inline-block;}
.coss_ptl_com a.ct_down01:hover,
.coss_ptl_com a.ct_down01:focus{ background: #a6c0f3; color: #fff;}
.coss_ptl_com .ct_down01 i{ display: inline-block; padding-left:30px; background:url("../../images/com/icon_donw02.png") left center no-repeat;font-size: 11px;height: 38px; line-height: 38px;}



/* 포토& 리스트 보기버튼 */
.coss_ptl_com .ct_btn01{ display: inline-block;   padding: 0 6px; font-weight: 500; font-size: 11px; text-align: center; border-radius: 4px; color: #fff; height: 23px; line-height: 23px; min-width: 36px; white-space: nowrap; background: #75a2f8;}


/* 포토& 리스트 출석관리버튼 */
.coss_ptl_com .ct_btn02{ display: block;  border: 1px solid #b0d7f4;  padding: 0 6px; font-weight: 500; font-size: 14px; text-align: center; border-radius: 4px; color: #092182; background: #f3f9fc; height: 38px; line-height: 36px; width: 100%;}

.coss_ptl_com .ct_btn03{ display: block; padding: 0 6px; font-weight: 500; font-size: 14px; text-align: center; border-radius: 4px; color: #fff; height: 38px; line-height: 38px; width: 100%;}


@media all and (max-width: 767px) {
.coss_ptl_com .ct_btn02,
.coss_ptl_com .ct_btn03{  font-size: 12px; height: 30px; line-height: 28px;}
}




/* 포토카드형식 : 웹정보> 교과목관리 > 교과목 운영계획서 */
.coss_photo01 { display: flex; flex-wrap: wrap;width: calc(100% + 30px); margin-bottom: 20px}
.coss_photo01 .coss_photo_box {display: flex; flex-direction: column; border-radius:20px; background: #fff;box-shadow: 5px 10px 10px rgba(39,96,152,0.1); border: 1px solid #f2f2f2;overflow: hidden; width: calc(25% - 30px); margin-right:30px; margin-bottom: 30px;}


.coss_photo01 .coss_photo_box li{ position: relative;}
.coss_photo01 .coss_photo_box .c_img01{ height:220px;overflow:hidden; display: block;}
.coss_photo01 .coss_photo_box .c_img01 img{width: 100%; height: 100%;}
.coss_photo01 .coss_photo_box .c_img01:hover img,
.coss_photo01 .coss_photo_box .c_img01:focus img{transform:scale(1.1, 1.1);transition: all 0.4s;}

.coss_photo01 .coss_photo_box .c_check{ position: absolute; top:10px; left:10px;  display: inline-block;  z-index: 4; width: 30px;}
.coss_photo01 .coss_photo_box .c_check .form_guide .checkmark{ border: 1px solid #96b1ff;}




.coss_photo01 .coss_photo_box .c_txt01 {padding: 35px;margin-top:-20px; display:block; z-index: 3; border-radius:20px 20px 0 0; background: #fff;box-shadow: -1px -10px 10px rgba(0,0,0,0.03);position: relative;}

.coss_photo01 .coss_photo_box .c_txt01 .tit_s{ font-size: 14px;display: block; margin-top: 7px;}
.coss_photo01 .coss_photo_box .c_txt01 .tit_b{font-size: 18px; margin: 5px 0 12px 0;/* white-space: nowrap; overflow: hidden;text-overflow: ellipsis; */display: block;}

.coss_photo01.coss_photo_tit01 .coss_photo_box .c_txt01 .tit_b{ white-space:inherit; overflow:inherit;text-overflow:inherit;}



.coss_photo01 .coss_photo_box .c_txt01 dt a:hover,
.coss_photo01 .coss_photo_box .c_txt01 dt a:focus{ color: #0035d1; font-weight: 600!important;}


.coss_photo01 .coss_photo_box .c_txt01_01{padding: 0 3px;font-size: 14px;}
.coss_photo01 .coss_photo_box .c_txt01_01 > ul > li{display: flex; align-items: flex-start;margin: 10px 5px 10px 0; }
.coss_photo01 .coss_photo_box .c_txt01_01 ul li em{ display: inline-flex; align-items: center; position: relative;}
.coss_photo01 .coss_photo_box .c_txt01_01 ul li em:before{ content:''; display: inline-block; width: 20px;background:url("../../images/com/line01.png") center no-repeat; height: 9px;}

.coss_photo01 .coss_photo_box .c_txt01_01 ul li em:first-child:before{display: none;}
.coss_photo01 .coss_photo_box .c_txt01_01 ul li em > i{ display: inline-block; margin: 0 5px 0 0;}

.coss_photo01 .coss_photo_box .c_txt01_01 ul li > i{ background:url("../../images/com/point02.png") left center no-repeat; padding-left: 10px; display: inline-block; margin-right: 5px;}
.coss_photo01 .coss_photo_box .c_txt01_01 .c_txt01_01_01 > em:first-child > i{ background:url("../../images/com/point02.png") left center no-repeat; padding-left: 10px;}

.coss_photo01 .coss_photo_box .c_txt01_01 ul li span{  display: inline-flex; vertical-align: middle;}
/*
.coss_photo01 .coss_photo_box .c_txt01_01 .ct_btn01{ display: inline-block;font-size: 9px; height: 20px; line-height: 18px; min-width: 36px;}
*/
.coss_photo01 .coss_photo_box .c_txt01_01 ul li span > a{margin-top: -2px;}

.coss_photo01 .coss_photo_box .c_txt01_02{ display: flex; justify-content: space-between; gap:5px; margin-top: 20px;}

.coss_photo01 .coss_photo_box .c_txt01_03{ margin-top: 10px;}
.coss_photo01 .coss_photo_box .c_txt01_03 ul{ display: flex; justify-content: space-between; }
.coss_photo01 .coss_photo_box .c_txt01_03 ul li{text-align: center; background: #f3f9fc; border-radius:4px; width: 100%; height: 100%; padding: 10px 0; margin: 0 1px;flex: 1;}
.coss_photo01 .coss_photo_box .c_txt01_03 ul li i{ width: 100%; display: block; font-weight: 600;font-size: 14px;}
.coss_photo01 .coss_photo_box .c_txt01_03 ul li span{font-size: 12px;}


.coss_photo01 .coss_photo_box .c_txt01_04{ margin-top: 10px; background: #f3f9fc; border-radius: 8px; padding: 10px 15px; border: 1px dashed #b0d7f4}
.coss_photo01 .coss_photo_box .c_txt01_04 ul{ display: inline-flex; justify-content: space-between; flex-wrap: wrap;}
.coss_photo01 .coss_photo_box .c_txt01_04 ul li{ width: calc(50% - 10px);display: flex; align-items: center; margin: 5px 0;}
.coss_photo01 .coss_photo_box .c_txt01_04 ul li i{ font-size: 11px;background:#fff; padding:3px 5px;  border-radius: 10px;min-width:50px; text-align: center;}
.coss_photo01 .coss_photo_box .c_txt01_04 ul li span{font-weight: 600;font-size: 13px; color: #0033ca;width: 100%; display: block;text-align: right;}




.coss_photo01 .coss_photo_box .c_txt01_05{ margin-top: 10px; background: #f3f9fc; border-radius: 8px; border: 1px dashed #b0d7f4;}
.coss_photo01 .coss_photo_box .c_txt01_05 div ul{ display: inline-flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.coss_photo01 .coss_photo_box .c_txt01_05 div ul li{ width:50%;display: flex; align-items: center;  padding: 12px 15px;border-bottom: 1px dashed #b0d7f4;}

.coss_photo01 .coss_photo_box .c_txt01_05 ul:last-child li{border-bottom:0; }
.coss_photo01 .coss_photo_box .c_txt01_05 ul li i{ font-size: 11px;background:#fff; padding:3px 0; white-space: nowrap; border-radius: 10px;width:54px; text-align: center;}
.coss_photo01 .coss_photo_box .c_txt01_05 ul li span{font-weight: 600;font-size: 13px; color: #0033ca;width: calc(100% - 54px); display: block;text-align: right;}






@media all and (max-width: 1720px) {
.coss_photo01 {width: calc(100% + 20px);}
.coss_photo01 .coss_photo_box {width: calc(25% - 20px); margin-right:20px;border-radius:15px; }
.coss_photo01 .coss_photo_box .c_img01{ height:180px;}
.coss_photo01 .coss_photo_box .c_txt01 {padding: 30px 25px; border-radius:15px 15px 0 0;margin-top:-15px;} 
.coss_photo01 .coss_photo_box .c_txt01 .tit_b{ margin: 8px 0 10px 0;}
.coss_photo01 .coss_photo_box .c_txt01_02{ margin-top: 15px;}
}
@media all and (max-width: 1520px) {
.coss_photo01 .coss_photo_box {width: calc(33.333% - 20px);}
.coss_photo01 .coss_photo_box .c_txt01 .tit_s{ font-size: 13px; }
.coss_photo01 .coss_photo_box .c_txt01 .tit_b{font-size: 16px;}
}
@media all and (max-width: 1280px) {
.coss_photo01 .coss_photo_box {width: calc(50% - 20px);}
.coss_photo01 .coss_photo_box .c_img01{ height:225px;}
}
@media all and (max-width: 1024px) {
.coss_photo01 .coss_photo_box .c_img01{ height:200px;}
}
@media all and (max-width: 767px) {
.coss_photo01 {width:100%; margin-bottom: 0;}
.coss_photo01 .coss_photo_box {width:100%;margin-right:0;box-shadow: 5px 10px 10px rgba(39,96,152,0.05); border: 1px solid #dbe1ee; margin-bottom: 20px;}

.coss_photo01 .coss_photo_box .ab_guide01{ position: absolute; top:10px;right:10px;}
.coss_photo01 .coss_photo_box .c_check{right:10px; left: inherit;top:38px;}


.coss_photo01 .coss_photo_box .c_img01{ display: none;}
.coss_photo01 .coss_photo_box .c_txt01 {padding: 20px; border-radius:15px 15px 0 0;margin-top:0;} 
.coss_photo01 .coss_photo_box .c_txt01 .tit_s{  font-size: 14px; margin-top: 0;}
.coss_photo01 .coss_photo_box .c_txt01 .tit_b{ margin: 5px 0 10px 0; font-size: 16px;}
.coss_photo01 .coss_photo_box .c_txt01_01{ display: block; width: 100%; padding:0; font-size: 13px;}
.coss_photo01 .coss_photo_box .c_txt01_01 ul li{display:inline-flex;  margin:4px 10px 4px 0; font-size: 14px;}
.coss_photo01 .coss_photo_box .c_txt01_01 ul li > i{ margin: 0 3px 0 0; }
.coss_photo01 .coss_photo_box .c_txt01_01 ul li em:before{ display: none;}
.coss_photo01 .coss_photo_box .c_txt01_01 .c_txt01_01_01 em{ margin-right: 10px;}
.coss_photo01 .coss_photo_box .c_txt01_01 .c_txt01_01_01 > em > i{ background:url("../../images/com/point02.png") left center no-repeat; padding-left: 10px; margin: 3px 3px 3px 0; }
.coss_photo01 .coss_photo_box .c_txt01_02{margin-top: 15px;}

}






/* 테이블형식 : 웹정보> 교과목관리 > 교과목 운영계획서 */
.coss_table01 {margin-bottom:20px;}
.coss_table01 table{width:100%; text-align: center; }
.coss_table01 table tr{position: relative;}

.coss_table01 table thead th{ padding:12px 5px;  font-weight: 600; font-size: 13px; white-space: nowrap; background: #ebf2ff; color: #1a1e54;border-bottom:1px solid #d5e5fd;}
.coss_table01 table thead th:first-child{border-radius: 4px 0 0 0;}
.coss_table01 table thead th:last-child{border-radius:  0 4px 0 0;}

.coss_table01 table td {padding:25px 10px;text-align:center; border-bottom:1px solid #e0e8f7;}
.coss_table01 table td > span{vertical-align:middle;}
.coss_table01 table .tit_b{text-align:left;font-size: 15px; font-weight: 500;/*white-space: nowrap; overflow: hidden;text-overflow: ellipsis; */min-width: 100px; max-width: 250px; display: block;}

.coss_table01 table a.tit_b:hover,
.coss_table01 table a.tit_b:focus{ color: #0035d1; font-weight: 600!important;}


.coss_table01 .c_check{ display: inline-block;}
.coss_table01 .c_check .form_guide .checkmark{ border: 1px solid #96b1ff;}

@media all and (max-width :1280px) {
.coss_table01 table{ width: 180%;}
}

@media all and (max-width :1024px) {
.coss_table01 table{ width: 220%;}
.coss_table01 table td {padding:10px 5px; font-size: 14px;}
.coss_table01 table .tit_b{ font-size: 14px;}
.coss_table01 table thead th{ padding:10px 5px;  font-weight: 500; font-size: 12px;}
}

@media all and (max-width :767px) {
.coss_table01 table{ width: 320%;}
}




/*게시판 상단 상태 표시 */
.state_style01  {display: flex; gap:5px;}
.state_style01  span{display: flex; align-items: center; border: 1px dashed #ddd; border-radius: 6px; padding: 5px 10px 5px 5px; font-size: 12px; font-weight: 600;}
.state_style01 .sta_bg01:before{ background: #fff7f9;border: 1px solid #ffb6c2;}
.state_style01 span:before{width: 40px; height: 18px; border-radius: 4px; background: #f2f9ff; content: ''; display: inline-block; margin-right: 5px;border: 1px solid #b9d0ff;}

@media all and (max-width :767px) {
.state_style01  span{ padding: 3px 10px 3px 3px; font-size: 11px;}
.state_style01 span:before{width: 20px;}
}



/* 일반게시판 */
.bbs_icon{width: 19px; margin-right: 5px;} /* lms 공지사항 :긴급 고정아이콘 */

.coss_list01{ margin-bottom:20px;}
.coss_list01 .coss_list_box.state_bg01{background: #f2f9ff; border: 1px solid #b9d0ff;}
.coss_list01 .coss_list_box.state_bg02{background: #fff7f9; border: 1px solid #ffb6c2;}

.coss_list01 .coss_list_box { padding:15px 20px;  border-radius: 15px; box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05); border: 1px solid #f2f2f2; margin-bottom: 10px;}
.coss_list01 .coss_list_box li{ display: flex;  align-items:flex-start;position: relative; margin-right: 20px;}
.coss_list01 .coss_list_box dl{ overflow: hidden;}
.coss_list01 .coss_list_box dd{ display: flex; align-items: center; gap:5px;}
.coss_list01 .coss_list_box .s_tit{ font-size: 15px; display: inline-block; font-weight: 500; }
.coss_list01 .coss_list_box .b_tit{/*white-space: nowrap; overflow: hidden;text-overflow: ellipsis;*/ font-size: 20px; margin: 7px 0 5px 0; font-weight: 600; margin-right: 80px; display: flex; align-items: center;}

.coss_list01 .coss_list_box a.b_tit:hover,
.coss_list01 .coss_list_box a.b_tit:focus{color: #0035d1; font-weight: 600!important;}

.coss_list01 .coss_list_box .c_txt01{ display: flex; align-items: center; justify-content: flex-start; padding:0 3px; flex-wrap: wrap; margin-left: -3px;}   

.coss_list01 .coss_list_box .c_txt01 li{display: flex; align-items:center;}
.coss_list01 .coss_list_box .c_txt01 li > i{background: url(../../images/com/point02.png) left center no-repeat;padding-left: 10px;display: inline-block;margin: 5px 5px 5px 0; white-space: nowrap;}
.coss_list01 .coss_list_box .c_txt01 li  > span{margin: 5px 0;}
.coss_list01 .coss_list_box .c_txt01 li  > span > i{ }
.coss_list01 .coss_list_box .c_txt01 .ct_nowrap01{white-space: nowrap; overflow: hidden;text-overflow: ellipsis;  max-width: 300px; display: inline-block; vertical-align: middle;}


.coss_list01 .coss_list_box .c_check{ margin-right: 20px;}
.coss_list01 .coss_list_box .c_check .form_guide .checkmark{ border: 1px solid #96b1ff;}

.coss_list01 .coss_list_box .ab_guide01{ position: absolute; top:50%; transform: translateY(-50%);right:-20px;}

.coss_list01 .coss_list_box .comment_icon{ display: inline-flex;background:  url(../../images/com/comnent_bg01.png) left top no-repeat; white-space: nowrap; font-size: 10px; font-weight: 700; margin-left: 5px; color: #fff; position: relative; line-height: 20px; height: 20px;  min-width: 15px; padding-left: 10px;}
.coss_list01 .coss_list_box .comment_icon:before{position: absolute;top:0; right:-9px; height: 21px; width:9px; background:url(../../images/com/comnent_bg02.png) right top no-repeat; content:'';}



@media all and (max-width: 1280px) {
.bbs_icon{width: 16px}

.coss_list01 .coss_list_box .b_tit{ font-size: 18px;}
.coss_list01 .coss_list_box .c_txt01{ font-size: 14px;}
.coss_list01 .coss_list_box .c_txt01 li{margin-right: 10px;;}
.coss_list01 .coss_list_box .c_txt01 li > i{margin: 3px 5px 3px 0;}
.coss_list01 .coss_list_box .c_txt01 li  > span{margin: 3px 0;}

}

@media all and (max-width: 767px) {
.bbs_icon{width: 14px}

.coss_list01 .coss_list_box { padding:15px 13px;}
.coss_list01 .coss_list_box li{margin-right: 0;}

.coss_list01 .coss_list_box .s_tit{ font-size: 14px; }
.coss_list01 .coss_list_box .b_tit{width:100%;margin: 5px 0 3px 0; font-size: 15px;}
.coss_list01 .coss_list_box .c_check{ top:-10px; right:-10px; position: absolute; margin-right: 0;}
.coss_list01 .coss_list_box .c_check.check_bot{ top:30px;}
.coss_list01 .coss_list_box .c_txt01{ gap:0; font-size: 13px;padding: 1px 3px;}
.coss_list01 .coss_list_box .c_txt01 .ct_nowrap01{max-width: 170px;}
.coss_list01 .coss_list_box .c_txt01 li.ct_flex01{align-items:flex-start;}


.coss_list01 .coss_list_box .ab_guide01{  top:-10px; transform:none;right:-8px;}

}





/* 비밀프로그램 운영 */
.coss_list05{ margin-bottom:20px;}
.coss_list05 .coss_list_box { border-radius: 15px; box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05); border: 1px solid #d5e4ff; margin-bottom: 10px; position: relative; overflow: hidden;}
.coss_list05 .coss_list_box dl{ overflow: hidden; padding:15px 20px;}
.coss_list05 .coss_list_box dd{ display: flex; align-items: center; gap:5px;}
.coss_list05 .coss_list_box .s_tit{ font-size: 15px; display: inline-block; font-weight: 500; }
.coss_list05 .coss_list_box .b_tit{/*white-space: nowrap; overflow: hidden;text-overflow: ellipsis;*/ font-size: 20px; margin: 7px 0 5px 0; font-weight: 600; margin-right: 80px; display: block;display: flex; align-items: center;}

.coss_list05 .coss_list_box a.b_tit:hover,
.coss_list05 .coss_list_box a.b_tit:focus{color: #0035d1; font-weight: 600!important;}


.coss_list05 .coss_list_box .c_txt01{ display: flex; align-items: center; justify-content: flex-start; padding:0 3px; flex-wrap: wrap; margin-left: -3px;}   
.coss_list05 .coss_list_box .c_txt01 li{display: flex; align-items: center; margin-right: 20px;}
.coss_list05 .coss_list_box .c_txt01 li > i{background: url(../../images/com/point02.png) left center no-repeat;padding-left: 10px;display: inline-block;margin: 5px 5px 5px 0; white-space: nowrap;}

.coss_list05 .coss_list_box .c_txt02{ padding:20px 30px; background: #e5eeff; display: flex; justify-content: space-between;}
.coss_list05 .coss_list_box .c_txt02 li {text-align: center; flex: 1;}
.coss_list05 .coss_list_box .c_txt02 li a{box-shadow: 1px 5px 5px rgba(0,0,0,0.08);}
.coss_list05 .coss_list_box .c_txt02 li strong{display: block; margin-bottom: 5px;}

.coss_list05 .coss_list_box .ab_guide01{ position: absolute; top:20px; right:20px;}

.coss_list05 .coss_list_box .c_txt03{ padding:20px 40px; background: #e5eeff; display: flex; justify-content: space-between;}
.coss_list05 .coss_list_box .c_txt03 li {text-align: center;flex: 1;}
.coss_list05 .coss_list_box .c_txt03 li > span{ display: flex; width: auto;gap:5px; justify-content: center; align-items: center; white-space: nowrap;}
.coss_list05 .coss_list_box .c_txt03 li a{box-shadow: 1px 5px 5px rgba(0,0,0,0.08);}
.coss_list05 .coss_list_box .c_txt03 li strong{display: block; margin-bottom: 5px;}



@media all and (max-width: 1280px) {
.coss_list05 .coss_list_box .b_tit{ font-size: 18px;}
.coss_list05 .coss_list_box .c_txt01{ font-size: 14px;}
.coss_list05 .coss_list_box .c_txt01 li{margin-right: 10px;}
.coss_list05 .coss_list_box .c_txt01 li > i{margin: 3px 5px 3px 0;}

.coss_list05 .coss_list_box .c_txt02{ padding:25px 30px; }
.coss_list05 .coss_list_box .c_txt03{ padding:25px 30px; }
}

@media all and (max-width: 1024px) {
.coss_list05 .coss_list_box .c_txt02{ padding:25px; }
.coss_list05 .coss_list_box .c_txt02 li strong{font-size: 13px;}

.coss_list05 .coss_list_box .c_txt03{ padding:25px; }
.coss_list05 .coss_list_box .c_txt03 li strong{font-size: 13px;}
}


@media all and (max-width: 767px) {
.coss_list05 .coss_list_box {   border-radius: 15px; box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.03); border: 1px solid #ddd; margin-bottom: 20px;}

.coss_list05 .coss_list_box dl{ padding:20px;}
.coss_list05 .coss_list_box .s_tit{ font-size: 14px; }
.coss_list05 .coss_list_box .b_tit{width:100%;margin: 5px 0 3px 0; font-size: 15px;}
.coss_list05 .coss_list_box .c_txt01{ gap:0; font-size: 13px;}
.coss_list05 .coss_list_box .c_txt01 li{ align-items:flex-start; margin: 3px 10px 3px 0;}
.coss_list05 .coss_list_box .c_txt01 li > i{margin: 0 5px 0 0;}

.coss_list05 .coss_list_box .c_txt02{flex-wrap: wrap; padding:5px 20px;}
.coss_list05 .coss_list_box .c_txt02 li {width: 30.333%; margin: 7px 0; flex: none;}

.coss_list05 .coss_list_box .c_txt03{flex-wrap: wrap; padding:5px 20px; }
.coss_list05 .coss_list_box .c_txt03 li {width: 30.333%; margin: 7px 0;flex: none;}
.coss_list05 .coss_list_box .c_txt03 li > span{  font-size: 13px;}


.coss_list05 .coss_list_box .ab_guide01{  top:10px;right:10px;}

}









/* 출강관리 상세페이지  */
.coss_list02{ padding: 30px; border-bottom:4px solid #eaeffb;}
.coss_list02:last-child{ border-bottom:0; }


.coss_list02 .coss_list_box li{ display: flex;  align-items:flex-start;position: relative; margin-right: 20px; }
.coss_list02 .coss_list_box li .cv_photo01 {min-width: 60px;height: 60px;line-height: 60px;overflow: hidden; border-radius: 50%; margin-right: 30px;margin-top: -5px; display: inline-block;}
.coss_list02 .coss_list_box li .cv_photo01 img {width: 60px; display:flex; height: auto;}

.coss_list02 .coss_list_box dl{ overflow: hidden;}
.coss_list02 .coss_list_box dt{ display: flex; align-items:flex-start; gap:5px; margin-bottom: 5px;}
.coss_list02 .coss_list_box dd{ display: flex; align-items: center; gap:5px;}
.coss_list02 .coss_list_box .s_tit{ font-size: 15px; display: inline-block; font-weight: 500; }
.coss_list02 .coss_list_box .b_tit{ font-size: 20px; font-weight: 600; margin-right: 80px;}

.coss_list02 .coss_list_box .c_txt01{ display: flex; align-items: center; justify-content: flex-start; padding:0 3px; flex-wrap: wrap; margin-left: -3px;}   

.coss_list02 .coss_list_box .c_txt01 li{display: flex; align-items: center;}
.coss_list02 .coss_list_box .c_txt01 li > i{background: url(../../images/com/point02.png) left center no-repeat;padding-left: 10px;display: inline-block;margin: 5px 5px 5px 0; white-space: nowrap;}

.coss_list02 .coss_list_box .c_txt01 .ct_nowrap01{white-space: nowrap; overflow: hidden;text-overflow: ellipsis;  max-width: 300px; display: inline-block; vertical-align: middle;}


.coss_list02 .coss_list_box .c_check{ margin-right: 20px;}
.coss_list02 .coss_list_box .c_check .form_guide .checkmark{ border: 1px solid #96b1ff;}

.coss_list02 .coss_list_box .ab_guide01{ position: absolute; top:35%; transform: translateY(-35%);right:-20px;}
.coss_list02 .coss_list_box .ab_guide01 .day_time01{ display: block; font-size: 13px; font-weight: 600; position: absolute;right:0; width: 140px; padding-top: 3px; text-align: right; color: #009237;}


@media all and (max-width: 1280px) {
.coss_list02 { padding:20px;}
.coss_list02 .coss_list_box li{margin-right: 15px;}
.coss_list02 .coss_list_box .b_tit{ font-size: 18px;}
.coss_list02 .coss_list_box .c_txt01{ font-size: 14px;}
.coss_list02 .coss_list_box .c_txt01 li{margin-right: 10px;}
.coss_list02 .coss_list_box .c_txt01 li > i{margin: 3px 5px 3px 0;}
.coss_list02 .coss_list_box .ab_guide01{  top:-5px; transform:none;right:-15px;}
.coss_list02 .coss_list_box .ab_guide01 .day_time01{ width: 80px; word-break: keep-all; font-size: 12px;}

}


@media all and (max-width: 767px) {
.coss_list02 { padding:15px;}
.coss_list02 .coss_list_box li{margin-right: 10px;}
.coss_list02 .coss_list_box li .cv_photo01 { margin-right: 10px; min-width: 40px; height: 40px;margin-top: -2px; }
.coss_list02 .coss_list_box li .cv_photo01 img {width: 40px;}

.coss_list02 .coss_list_box .s_tit{ font-size: 14px;}
.coss_list02 .coss_list_box .b_tit{width:100%;font-size: 15px;margin-right: 50px;}
.coss_list02 .coss_list_box dl{ padding-right: 0;}
.coss_list02 .coss_list_box dl dt{ flex-wrap: wrap;}

.coss_list02 .coss_list_box .c_check{ top:-10px; right:-12px; position: absolute; margin-right: 0;}
.coss_list02 .coss_list_box .c_check.check_bot{  top:35px; }
.coss_list02 .coss_list_box .c_txt01{ gap:0; font-size: 13px;}
.coss_list02 .coss_list_box .c_txt01 .ct_nowrap01{max-width: 170px;}
}










/* 주제별&학생별 버튼 */
.cl_btn_guide01 { display: flex; gap:5px; justify-content: space-between;}
.cl_btn_guide01 .cs_ibtn01{ height: 38px; line-height: 38px; padding: 0 15px; border-radius: 4px 0 0 4px; background: #ceced8;font-weight: 600; font-size: 12px; display: inline-block;white-space: nowrap; background-size: 15px; color: #fff;}
.cl_btn_guide01 .cs_ibtn01.cs_r{ border-radius: 0 4px 4px 0; margin-left: -5px;}
.cl_btn_guide01 .cs_ibtn01.active{ background-color: #1a1e54;color: #fff; border: 1px solid #1a1e54!important;}



.coss_list03{ padding: 30px; border-bottom:4px solid #eaeffb;}
.coss_list03:last-child{ border-bottom:0; }

.coss_list03 .coss_list_box {display: flex; justify-content: space-between; gap:30px;}
.coss_list03 .coss_list_box li{ display: flex;  align-items:flex-start;position: relative;overflow: hidden; }
.coss_list03 .coss_list_box dl{ overflow: hidden;}
.coss_list03 .coss_list_box dt{ display: flex; align-items:flex-start; gap:5px; margin-bottom: 5px;}
.coss_list03 .coss_list_box dd{ display: flex; align-items: center; gap:5px;}
.coss_list03 .coss_list_box .b_tit{ font-size: 20px; font-weight: 600;}

.coss_list03 .coss_list_box .c_txt01{ display: flex; align-items: center; justify-content: flex-start; padding:0 3px; flex-wrap: wrap; margin-left: -3px;}   

.coss_list03 .coss_list_box .c_txt01 li{display: flex; align-items: center;  margin-right: 10px;}
.coss_list03 .coss_list_box .c_txt01 li > i{background: url(../../images/com/point02.png) left center no-repeat;padding-left: 10px;display: inline-block;margin: 5px 5px 5px 0; white-space: nowrap;}
.coss_list03  .c_badge_box_guide01{ min-width:400px; justify-content: flex-end;}
.coss_list03  .c_badge_box_guide02{ display: flex; gap:5px; width: 100%;}
.coss_list03  .c_badge_box_guide02 .c_badge_box01{ border: 1px solid #dbe1ee; border-radius: 4px; padding: 10px;text-align: center;display:block; width: 20%; }

.coss_list03  .c_badge_box_guide02 .c_badge_box01 > em{ display:block; font-size: 11px; margin-bottom: 5px;white-space: nowrap;}
.coss_list03  .c_badge_box_guide02 .c_badge_box01 > strong{ display:block; font-size: 16px; font-weight: 700;}



@media all and (max-width: 1280px) {
.coss_list03 { padding:20px;}
.coss_list03 .coss_list_box .b_tit{ font-size: 18px;}
.coss_list03 .coss_list_box .c_txt01{ font-size: 14px;}
.coss_list03 .coss_list_box .c_txt01 li{margin-right: 10px;}
.coss_list03 .coss_list_box .c_txt01 li > i{margin: 3px 3px 3px 0;}
.coss_list03  .c_badge_box_guide01{ min-width:300px; }
.coss_list03  .c_badge_box_guide02 .c_badge_box01{ padding: 8px;}
.coss_list03  .c_badge_box_guide02 .c_badge_box01 > em{ margin-bottom:3px;}
.coss_list03  .c_badge_box_guide02 .c_badge_box01 > strong{font-size: 14px;}
}
@media all and (max-width: 1024px) {
.coss_list03  .c_badge_box_guide02 .c_badge_box01{ border:0; background: #f3f5fb;}

}

@media all and (max-width: 767px) {
.coss_list03 { padding:15px;}
.coss_list03 .coss_list_box { flex-wrap: wrap; gap:0;}
.coss_list03 .coss_list_box dt{ flex-wrap: wrap;}
.coss_list03 .coss_list_box .b_tit{width:100%;font-size: 15px;}
.coss_list03 .coss_list_box li{width: 100%; }
.coss_list03 .c_badge_box_guide01{ min-width:inherit; width: 100%; margin-top: 5px;}
.coss_list03 .coss_list_box .c_txt01{ gap:0; font-size: 13px;}
.coss_list03 .c_badge_box_guide02 .c_badge_box01 > em{font-size: 10px;}
}





/*전공신청*/
.cl_btn_guide02 {margin-bottom: 40px; margin-top: -75px; }

.coss_list04 { display: inline-flex; flex-wrap: wrap; width: 100%; overflow: hidden;}
.coss_list04 select{width: 100%; height: 38px; line-height: 38px; border: 1px solid #d6deeb;font-size: 14px;}
.coss_list04 dl{ border:1px solid #dbe1ee; padding: 20px; border-radius: 15px; width: 23%;box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.1); margin:0 1% 40px 1%;}
.coss_list04 dl dt{margin: 5px 0; display: flex; align-items: center; gap:5px;}
.coss_list04 dl dd{ margin: 10px 0; display: flex; justify-content: space-between; gap:5px;}
.coss_list04 dl dd a,
.coss_list04 dl dd i{ width: 100%;text-align: center; margin-top: 10px;}

@media all and (max-width: 1280px) {
.cl_btn_guide02 {margin-bottom: 10px; margin-top: 0;}

.coss_list04 dl{ padding: 15px; border-radius: 10px; width: 31.333%;margin:0 1% 30px 1%;}
.coss_list04 dl dt{margin: 0; font-size: 14px;}
.coss_list04 dl dd{ margin: 5px 0; gap:3px;}
.coss_list04 dl dd a,
.coss_list04 dl dd i{  margin-top: 5px;}
}

@media all and (max-width: 767px) {
.coss_list04 {justify-content: space-between;}
.coss_list04 dl{ width: 48%;margin:0 0 20px 0;}
}















/* //////////////////////////////// 01_수업개요 상세페이지 시작 */
/* 상세페이지 탭 스타일 */

.coss_vtab01.covt_w01 ul{ justify-content: space-between;}
.coss_vtab01.covt_w01 ul li{width: 33.333%}
.coss_vtab01.covt_w01 ul li a{ padding: 10px 10px 7px 10px; display: flex; justify-content: center; word-break: keep-all;}



.coss_vtab01 ul{ display: flex; justify-content: flex-end; gap:2px; }
.coss_vtab01 ul li{border-top: 1px solid #e5eeff; border-left: 1px solid #e5eeff; border-right: 1px solid #e5eeff; border-radius: 10px 10px 0 0;overflow: hidden;}
.coss_vtab01 ul li a{ padding: 15px 30px 10px 30px;  font-size: 15px; font-weight: 600; color: #777;  background: #fff; text-align: center; display:inline-flex; align-items: center; height: 100%; word-break: keep-all;}

.coss_vtab01 ul li a em{ background: #c3c7d3; border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 10px; font-weight: 800; display: inline-block; color: #fff; margin-right: 5px;}
.coss_vtab01 ul li a:hover,
.coss_vtab01 ul li a:focus,
.coss_vtab01 ul li a.active{color: #000;background: #e5eeff;}

.coss_vtab01 ul li a:hover > em,
.coss_vtab01 ul li a:focus > em,
.coss_vtab01 ul li a.active > em{ background: #1779ff; }


@media all and (max-width: 1520px) {

/*
.coss_vtab01.cov_w01 ul{ flex-wrap: wrap;gap:0; }
.coss_vtab01.cov_w01 ul li{width:33.333%;}
.coss_vtab01.cov_w01 ul{gap:0; border-radius: 4px; overflow: hidden;justify-content:center;border-bottom: 1px solid #e5eeff; border-left: 1px solid #e5eeff;}
.coss_vtab01.cov_w01 ul li{ border-radius:0; border-left: 0;}
.coss_vtab01.cov_w01 ul li a{ line-height: 14px;font-weight: 500; height: 100%;}
*/

.coss_vtab01 ul li { width: 20%; }
.coss_vtab01 ul li a{ padding: 10px 5px 9px 5px; font-size: 14px; width: 100%; justify-content: center;}
.coss_vtab01 ul li a em{display: none;}

}

@media all and (max-width: 1024px) {
.coss_vtab01{margin-bottom: 20px;}
.coss_vtab01 ul{gap:0; border-radius: 4px; overflow: hidden;justify-content:center;border-bottom: 1px solid #e5eeff; border-left: 1px solid #e5eeff;}
.coss_vtab01 ul li{ border-radius:0; border-left: 0;}
.coss_vtab01 ul li a{ line-height: 14px;font-weight: 500; height: 100%;font-size: 13px;}

}
@media all and (max-width: 767px) {
.coss_vtab01 ul{ flex-wrap: wrap;}
.coss_vtab01 ul li{width:33.333%;}
}





.coss_vtab02 {position: relative;}
.coss_vtab02 ul{ display: flex;  gap:2px;}
.coss_vtab02 ul li{border-top: 1px solid #e5eeff; border-left: 1px solid #e5eeff; border-right: 1px solid #e5eeff; border-radius: 15px 15px 0 0;overflow: hidden; width: 25%;}
.coss_vtab02 ul li a{ padding: 15px 30px 10px 30px; font-size: 15px; font-weight: 600; color: #777;  background: #fff; text-align: center; display:flex; align-items: center; justify-content: center; word-break: keep-all;}

.coss_vtab02 ul li a:hover,
.coss_vtab02 ul li a:focus,
.coss_vtab02 ul li a.active{color: #000;background: #e5eeff;}

.tab-pane{ display: none;}
.tab-pane.active { display: block;}


.coss_vtab02_v {position: relative;}
.coss_vtab02_v ul{ display: flex;  gap:2px;}
.coss_vtab02_v ul li{ border-radius: 15px 15px 0 0;overflow: hidden; width: 33.333%;}
.coss_vtab02_v ul li a{ padding: 15px 30px 10px 30px; font-size: 15px; font-weight: 600; color: #777;  background: #d4dff6; text-align: center; display:flex; align-items: center; justify-content: center; word-break: keep-all;}

.coss_vtab02_v ul li a:hover,
.coss_vtab02_v ul li a:focus,
.coss_vtab02_v ul li a.active{color: #1a1e54;background: #fff;}

@media all and (max-width: 1520px) {
.coss_vtab02 ul li {border-radius: 10px 10px 0 0; }
.coss_vtab02 ul li a{ padding: 10px 5px 9px 5px; font-size: 14px; width: 100%; justify-content: center; }

.coss_vtab02_v ul li {border-radius: 10px 10px 0 0; }
.coss_vtab02_v ul li a{ padding: 10px 5px 9px 5px; font-size: 14px; width: 100%; justify-content: center; }
}

@media all and (max-width: 1024px) {
.coss_vtab02{margin-bottom: 20px;}
.coss_vtab02 ul{gap:0; border-radius: 4px; overflow: hidden;justify-content:center;border-bottom: 1px solid #e5eeff; border-left: 1px solid #e5eeff;}
.coss_vtab02 ul li{ border-radius:0; border-left: 0;}
.coss_vtab02 ul li a{ line-height: 14px;font-weight: 500; height: 100%;}

.coss_vtab02_v{margin-bottom: 20px;}
.coss_vtab02_v ul{gap:0; border-radius: 4px; overflow: hidden;justify-content:center;border-bottom: 1px solid #e5eeff; border-left: 1px solid #e5eeff;}
.coss_vtab02_v ul li{ border-radius:0;width: 33.333%;border-top: 1px solid #e5eeff;  border-right: 1px solid #e5eeff;}
.coss_vtab02_v ul li a{ line-height: 14px;font-weight: 500; height: 100%; background: #fff;}

.coss_vtab02_v ul li a:hover,
.coss_vtab02_v ul li a:focus,
.coss_vtab02_v ul li a.active{color: #000;background: #e5eeff;}
}


@media all and (max-width: 767px) {
.coss_vtab02 ul li a{font-size: 13px;}
.coss_vtab02_v ul li a{font-size: 13px;}
}





.coss_vtab03 {position: relative; margin-top: 20px;}
.coss_vtab03 ul{ display: flex; border-bottom: 1px solid #5379ff; border-radius: 6px; overflow: hidden;border-right: 1px solid #5379ff; box-shadow:1px 10px 10px rgba(39,96,152,0.1);}
.coss_vtab03 ul li{border-top: 1px solid #5379ff; border-left: 1px solid #5379ff;  border-radius:  0;overflow: hidden; flex: 1;}
.coss_vtab03 ul li a{ padding: 15px 30px; font-size: 15px; font-weight: 600;  background: #fff; text-align: center; display:flex; align-items: center; justify-content: center; word-break: keep-all; color: #1141ce;}

.coss_vtab03 ul li a:hover,
.coss_vtab03 ul li a:focus,
.coss_vtab03 ul li a.active{color: #fff;background: #5379ff;}

@media all and (max-width: 1520px) {
.coss_vtab03 { margin-top: 10px;}
.coss_vtab03 ul li a{ padding: 10px 5px 9px 5px; font-size: 14px; width: 100%; justify-content: center; }
}

@media all and (max-width: 1024px) {
.coss_vtab03 ul li a{ line-height: 14px;font-weight: 500; height: 100%;}
}
@media all and (max-width: 767px) {
.coss_vtab03 ul li a{font-size: 13px;}
}







/* 상세페이지 기본 리스트 테이블형식    */
.coss_vtable_guide01{ display: inline-flex; flex-wrap: wrap; gap:50px; justify-content: space-between; width: 100%;}
.coss_vtable_guide01 .coss_vtable_left01,
.coss_vtable_guide01 .coss_vtable_right01{ margin-top: 50px;}


.coss_vtable_guide01 .coss_vtable_left02,
.coss_vtable_guide01 .coss_vtable_right02{ margin-bottom: 50px;}
.coss_vtable_guide01 > div{ width: calc(50% - 25px);}
.coss_vtable_guide01 .cv_tit01{ display: flex; justify-content: space-between; align-items:flex-end; margin:0 5px 15px 5px;}
.coss_vtable_guide01 .cv_tit01 > strong{background: url(../../images/com/tit_02.png) left center no-repeat; background-size: 20px; display: inline-block; padding-left: 25px; font-size: 18px; font-weight: 600; white-space: nowrap;}




@media all and (max-width: 1280px) {
.coss_vtable_guide01{  gap:0; margin-top: 0;}
.coss_vtable_guide01 > div{ width: 100%;}
.coss_vtable_guide01 .coss_vtable_left01,
.coss_vtable_guide01 .coss_vtable_right01{ margin-top: 30px;}
.coss_vtable_guide01 .coss_vtable_left02,
.coss_vtable_guide01 .coss_vtable_right02{ margin-bottom: 30px;}
}

@media all and (max-width: 1024px) {
.coss_vtable_guide01 .cv_tit01{ margin:0 0 15px 5px; align-items: center;}
.coss_vtable_guide01 .cv_tit01 > strong{ background-size: 18px; padding-left: 23px; font-size: 16px; }
}


@media all and (max-width: 767px) {
.coss_vtable_guide01 .cv_tit01{ margin:0 0 10px 5px;}
.coss_vtable_guide01 .cv_tit01 > strong{ font-size: 15px;}
}






/* 스크롤높이설정*//* 헤드 고정값 */
.cvt_head01 table thead {position: sticky; top: 0;  z-index: 2;}
.cvt_head01 {max-height:350px; position: relative;}




.coss_vtable00{ overflow-y:overlay;}
.coss_vtable00::-webkit-scrollbar { width:10px; }
.coss_vtable00::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.25); border-radius: 100px;}

.coss_vtable00{padding: 0; margin: 0; width: 100%;}
.coss_vtable00 table{width:100%; text-align: center;}
.coss_vtable00 table tr{position: relative;}

.coss_vtable00 select,
.coss_vtable00 input{ width: 100%; height: 38px; line-height: 38px; border: 1px solid #d6deeb;font-size: 14px;}
.coss_vtable00 select{min-width: 70px;}
.coss_vtable00 input{ padding: 0 10px;}
.coss_vtable00 input[type="file"]{ border: 0;  background: #eff2f7;}

.coss_vtable00 table{width:100%; text-align: center; }
.coss_vtable00 table tr{position: relative;}

.coss_vtable00 table thead th{ padding:10px 10px;  font-weight: 600; font-size: 13px; white-space: nowrap; background: #ebf2ff; color: #1a1e54; border-left:1px solid #f5f9ff;border-bottom:1px solid #f5f9ff;}
.coss_vtable00 table thead th:first-child{border-radius: 4px 0 0 4px;}
.coss_vtable00 table thead th:last-child{border-radius:  0 4px 4px 0;}

.coss_vtable00 table td {padding:15px 10px; text-align:center; border-bottom:1px solid #e0e8f7;}
.coss_vtable00 table .tit_b{font-size: 16px; font-weight: 500;/*white-space: nowrap; overflow: hidden;text-overflow: ellipsis;*/ }
.coss_vtable00.al{ text-align: left!important;}


.coss_vtable00.vt_focus01 table tbody tr:hover,
.coss_vtable00.vt_focus01 table tbody tr:focus{cursor: pointer;background: #f8f8f8!important;position: relative;}
.coss_vtable00.vt_focus01 table tbody tr.active td{background: #5275da!important; color: #fff!important; border: 0;}


.coss_vtable00 .vt_bg01{background: #eff2f7;}
.coss_vtable00 .vt_bg02{background: #dbe3f3;}
.coss_vtable00 .vt_bg03{background: #eff6fb;}
.coss_vtable00 .vt_bg04{ border: 2px solid #fff; background: #f5f5f5; }
.coss_vtable00 .vt_bg04 .fwb{font-size: 17px; font-weight: 700;}
.coss_vtable00 .vt_bg05{background: #f7faff;}
.coss_vtable00 .vt_bg06{background: #f8f8f8;}

.coss_vtable00 .vt_line01{border-right: 1px solid #e0e8f7;}
.coss_vtable00 .vt_line02{border-left: 1px solid #e0e8f7;}


@media all and (max-width :1280px) {
.coss_vtable00 { overflow:auto; }
.coss_vtable00 table thead th{ padding:5px 5px;  font-size: 12px;}
.coss_vtable00 table td {padding:10px 5px;font-size: 13px;}
.coss_vtable00 table .tit_b{font-size: 13px;}
}
@media all and (max-width :1024px) {
.coss_vtable00.swt_01 table{ width: 180%;}
}

@media all and (max-width :767px) {
}








/* 상세페이지 기본 리스트 테이블형식    */
.coss_view_box01 .coss_vtable01{font-size: 13px;padding: 0; margin: 0; width: 100%;}
.coss_view_box01 .coss_vtable01 select,
.coss_view_box01 .coss_vtable01 input{ width: 100%; height: 38px; line-height: 38px; border: 1px solid #d6deeb;font-size: 14px;}
.coss_view_box01 .coss_vtable01 select{min-width: 70px;}
.coss_view_box01 .coss_vtable01 input{ padding: 0 10px;}
.coss_view_box01 .coss_vtable01 input[type="file"]{ border: 0;  background: #eff2f7;}

.coss_vtable01.coss_vtable_w02 table{ width: 100%!important;}
.coss_vtable01 table{width:100%; text-align: center; }
.coss_vtable01 table tr{position: relative;}

.coss_vtable01 table thead th{ padding:10px 1%;  font-weight: 600; font-size: 13px; white-space: nowrap; background: #ebf2ff; color: #1a1e54; border-left:1px solid #f5f9ff;border-bottom:1px solid #f5f9ff;}
.coss_vtable01 table thead th:first-child{border-radius: 4px 0 0 4px;}
.coss_vtable01 table thead th:last-child{border-radius:  0 4px 4px 0;}

.coss_vtable01 table td {padding:15px 1%; text-align:center; border-bottom:1px solid #e0e8f7;}
.coss_vtable01 table .tit_b{font-size: 15px; font-weight: 500;/*white-space: nowrap; overflow: hidden;text-overflow: ellipsis;*/ }
.coss_vtable01.al{ text-align: left!important;}

@media all and (max-width :1280px) {
.coss_vtable01 { overflow:auto; }
.coss_vtable01 table{ width: 150%;}
.coss_vtable01.coss_vtable_w01 table{ width: 180%;}


.coss_vtable01 table thead th{ padding:5px 1%;  font-size: 12px;}
.coss_vtable01 table td {padding:10px 1%;font-size: 13px;}
.coss_vtable01 table .tit_b{font-size: 13px;}
}


@media all and (max-width :767px) {
.coss_vtable01.coss_vtable_w01 table{ width: 300%;}

}









/* 상세페이지 가이드 타이틀 */
.coss_view_box01.cvb_radius01{ border-radius: 20px;}
.coss_view_box01.cvb_radius02{ border-radius: 0 0 20px 20px;}
.coss_view_box01{background-image: linear-gradient(0deg, rgb(237,241,249)10%,rgb(229,238,255)); border-radius: 20px 0 20px 20px; padding: 30px; margin-bottom: 20px;}

.coss_view_box01 .cv_tit01{ display: flex; justify-content: space-between; align-items:flex-end; margin:0 15px 15px 15px;}
.coss_view_box01 .cv_tit01 > strong{background: url(../../images/com/tit_02.png) left center no-repeat; background-size: 20px; display: inline-block; padding-left: 25px; font-size: 18px; font-weight: 600; white-space: nowrap;}

.coss_view_box01 .cv_tit01_01{ display: flex; justify-content: space-between; align-items:center; background: #ceddf5;border-radius: 15px 15px 0 0; padding: 7px 20px;}
.coss_view_box01 .cv_tit01_01 > strong{background: url(../../images/com/title_icon03.png) left center no-repeat; background-size: 16px; display: inline-block; padding-left: 24px; font-size: 15px; font-weight: 600; white-space: nowrap;}


.coss_view_box01 .cv_tit01_02{margin-top: -5px; font-size: 13px; padding-left:15px;}
.coss_view_box01 .cv_tit01_02_01{margin: 10px 0; font-size: 13px; padding-left:5px;}
.coss_view_box01 .cv_tit01_02_02{margin: 10px 0; font-size: 13px; padding-left:15px;}

.coss_view_box01 .cv_tit03{margin:0 10px 15px 10px; display: flex; align-items: flex-start;}
.coss_view_box01 .cv_tit03 > span{ display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: #1a1e54; color: #fff; font-size: 10px; font-weight: 800; text-align: center; margin-right: 5px;}
.coss_view_box01 .cv_tit03 > strong{display: inline-block; font-size: 17px; font-weight: 600;}
.coss_view_box01 .cv_tit03 > strong > i{color: #0035d1; font-weight: 600; margin-right: 5px;}


.cv_tit04{ display: flex; justify-content: space-between; align-items:flex-end; margin:0 10px 15px 10px;}
.cv_tit04 > strong{background: url(../../images/com/tit_02.png) left center no-repeat; background-size: 20px; display: inline-block; padding-left: 25px; font-size: 18px; font-weight: 600; white-space: nowrap;}



.cv_tit01.cv_tit_flex01 .cv_tit_right01,
.cv_tit01.cv_tit_flex01 .cv_tit_right02 { display: flex;  gap:5px; align-items: center;}
.cv_tit01.cv_tit_flex01 .cv_tit_right01 .attend_list{ display: flex;  gap:5px; margin-right: 5px;}
.cv_tit01.cv_tit_flex01 .cv_tit_right01 .attend_list li{display: flex; align-items: center;}
.cv_tit01.cv_tit_flex01 .cv_tit_right01 .attend_list li strong{font-size: 15px; margin:0 2px; font-weight: 700;}
.cv_tit01.cv_tit_flex01 .cv_tit_right01 .attend_list li span{font-size: 13px; font-weight: 400; padding-left: 5px;}
.cv_tit01.cv_tit_flex01 .cv_tit_right01 .search_input01{ width: 150px;}

.cv_tit01.cv_tit_flex01 .cv_tit_right02.cv_tit_flex02 .attend_list.attend_01 li{ background: #fff; border-radius: 40px; padding: 5px 10px;}

.cv_tit01.cv_tit_flex03 {display: flex; justify-content: space-between;}
.cv_tit01.cv_tit_flex03 .cv_tit_flex03_01{display: flex;justify-content: space-between; gap:10px; align-items: center;}
.cv_tit01.cv_tit_flex03 .cv_tit_flex03_01 em{padding: 4px 12px; border-radius:  30px; background: #fff; font-size: 13px; display: flex; align-items: center; border: 2px solid #ff0000;}
.cv_tit01.cv_tit_flex03 .cv_tit_flex03_01 em > i{font-size: 15px; margin-right: 2px;}


@media all and (max-width: 1280px) {

.cv_tit01.cv_tit_flex01 .cv_tit_right01 .attend_list li > strong{font-size: 14px;}
.cv_tit01.cv_tit_flex01 .cv_tit_right01 .attend_list li > span{font-size: 10px}

.cv_tit01.cv_tit_flex01 .cv_tit_right01 .search_input01{ width: 100px;}
.cv_tit01.cv_tit_flex01 .cv_tit_right01 .attend_list.attend_01 li{ flex-wrap: wrap; }
.cv_tit01.cv_tit_flex01 .cv_tit_right01 .attend_list.attend_01 li > span{width: 100%; text-align: center; padding-left: 0;}
.cv_tit01.cv_tit_flex01 .cv_tit_right01 .attend_list.attend_01 li > strong{  margin: 0;font-size: 13px; width: 100%; text-align: center;}
}
@media all and (max-width: 1024px) {
.cv_tit01.cv_tit_flex01 .cv_tit_right02.cv_tit_flex02 .attend_list.attend_01 li{ background: #f3f5fb; border-radius: 4px; padding: 5px 10px;width: 25%;}
}

@media all and (max-width: 767px) {
.cv_tit01.cv_tit_flex01{align-items: flex-end;flex-wrap: wrap;}
.cv_tit01.cv_tit_flex01 strong{ }
.cv_tit01.cv_tit_flex01 .cv_tit_right01 { width: 100%;}


.cv_tit01.cv_tit_flex01 .cv_tit_right01{flex-wrap:wrap; justify-content: flex-end; margin-top: -20px;}
.cv_tit01.cv_tit_flex01 .cv_tit_right02 {order: 2; width: 100%; justify-content: flex-end;}


.cv_tit01.cv_tit_flex01 .cl_btn_guide01 {order: 1; justify-content: flex-end;}
.cv_tit01.cv_tit_flex01 .cv_tit_right01 .attend_list.attend_01{ width: 100%;}

.cv_tit01.cv_tit_flex01 .cv_tit_right02.cv_tit_flex02{flex-wrap: wrap;}
.cv_tit01.cv_tit_flex01 .cv_tit_right02.cv_tit_flex02 .attend_list.attend_01{width: 100%; justify-content:space-between; margin-right: 0;}
.cv_tit01.cv_tit_flex01 .cv_tit_right02.cv_tit_flex02 .bbs_search01{width: 100%;justify-content: flex-end}
.cv_tit01.cv_tit_flex01 .cv_tit_right02.cv_tit_flex02 .search_input01{width: calc(100% - 45px);}

.cv_tit01.cv_tit_flex03 { flex-wrap: wrap;}
.cv_tit01.cv_tit_flex03 .cv_tit_flex03_01{width: 100%; margin-top: 10px;}
}




.coss_view_box01 .cv_t_btn {display: flex; align-items: center;gap:5px;}
.coss_view_box01 .cv_t_btn button,
.coss_view_box01 .cv_t_btn a{background-color:#fff;background-position:  left center; background-repeat: no-repeat; border: 1px solid #cedbff; border-radius: 6px; box-shadow: -1px -5px 5px rgba(53,88,243,0.05); font-size: 13px; height: 35px; line-height: 33px; padding: 0 10px; font-weight: 500; color: #001274;}
.coss_view_box01 .cv_t_btn i{background-color:#fff;background-position:  left center; background-repeat: no-repeat; padding-left: 18px; background-size: 15px;}
.coss_view_box01 .cv_t_btn button .cvt_i01,
.coss_view_box01 .cv_t_btn a .cvt_i01{ background-image: url(../../images/com/icon_copy01.png) }

.coss_view_box01 .cv_t_btn button .cvt_i02,
.coss_view_box01 .cv_t_btn a .cvt_i02{ background-image: url(../../images/com/icon_copy02.png) }

.coss_view_box02,
.coss_view_box05,
.coss_view_box08,
.coss_view_box06{border-radius: 20px; padding: 30px; background: #fff;margin-bottom: 40px; position: relative;}
.coss_view_box07{border-radius:0 0 20px 20px; padding: 30px; background: #fff;margin-bottom: 40px; position: relative;}

.coss_view_box10{border-radius: 20px; padding: 30px; background: #fff; position: relative;}
.coss_view_box11{border-radius: 20px; padding: 30px; background: #fff; margin-bottom: 40px;}


.coss_view_box03{border-radius: 0 0 20px 20px; background: #fff;margin-bottom: 40px;}
.coss_view_box04{border-radius: 20px; background: #fff;margin-bottom: 40px;}


@media all and (max-width: 1520px) {
.coss_view_box01.cvb_radius01{ border-radius: 15px;}
.coss_view_box01.cvb_radius02{ border-radius: 0 0 15px 15px;}
.coss_view_box01{border-radius: 0 0 15px 15px; padding: 20px; margin-bottom: 30px;}
.coss_view_box02,
.coss_view_box05,
.coss_view_box08,
.coss_view_box06{border-radius: 15px; padding: 20px;margin-bottom: 30px;}
.coss_view_box07{border-radius:0 0 15px 15px; padding: 20px;margin-bottom: 30px;}
.coss_view_box03{border-radius:0 0 15px 15px; margin-bottom: 30px;}
.coss_view_box04{border-radius:15px; margin-bottom: 30px;}
.coss_view_box01 .cv_tit01_01{ border-radius: 10px 10px 0 0;}
.coss_view_box01 .cv_tit03 > strong{font-size: 16px;}

.coss_view_box10 {border-radius: 15px; padding: 20px;}
.coss_view_box11 {border-radius: 15px; padding: 20px;margin-bottom: 30px;}
}
@media all and (max-width: 1420px) {
.coss_view_box02,
.coss_view_box05,
.coss_view_box08,
.coss_view_box06{border-radius: 10px;margin-bottom: 20px;}
.coss_view_box07{border-radius:0 0 10px 10px;margin-bottom: 20px;}
.coss_view_box03{border-radius: 0 0 10px 10px;margin-bottom: 20px;}
.coss_view_box04{border-radius: 10px;margin-bottom: 20px;}

.coss_view_box10{border-radius: 10px;}
.coss_view_box11{border-radius: 10px;}
}

@media all and (max-width: 1024px) {
.coss_view_box01.cvb_radius01,
.coss_view_box01.cvb_radius02{ border-radius: 0;}
.coss_view_box01{background-image:none; padding: 0;border-radius: none; margin-bottom: 20px;}
.coss_view_box01 .cv_tit01{ margin:0 0 15px 5px; align-items: center;}
.coss_view_box01 .cv_tit01 > strong{ background-size: 18px; padding-left: 23px; font-size: 16px; }
.coss_view_box01 .cv_tit01_01{ padding: 7px 10px 12px 15px;margin-bottom: -6px;}
.coss_view_box01 .cv_tit01_01 > strong{ font-size: 14px;}

.cv_tit04 > strong{ background-size: 18px; padding-left: 23px; font-size: 16px; }

.coss_view_box02,
.coss_view_box03,
.coss_view_box04,
.coss_view_box07{ border: 1px solid #dbe1ee;}
.coss_view_box08{ background: #edf1f9;}

.coss_view_box05{ padding: 0;margin-bottom: 0;}
.coss_view_box06{ padding: 0;margin-bottom: 0;box-shadow:none; border:0;}

.coss_view_box10{ padding: 0;}
.coss_view_box11{ padding: 0;margin-bottom: 20px;}

}

@media all and (max-width: 767px) {
.coss_view_box01 .cv_tit01_02{ padding-left:5px; margin-bottom: 10px;}
.coss_view_box01 .cv_tit01_02_01{ padding-left:0; margin: 15px 0 30px 0;}
.coss_view_box01 .cv_tit01_02_02{ padding-left:5px; margin-bottom: 10px;}


.coss_view_box01{margin-bottom: 10px;}
.coss_view_box01 .cv_tit01{ margin:0 0 10px 5px;}
.coss_view_box01 .cv_tit01 > strong{ font-size: 15px;}
.coss_view_box01 .cv_tit01 > strong > b{ display: block; width: 100%;}
.coss_view_box01 .cv_t_btn button,
.coss_view_box01 .cv_t_btn a{ font-size: 11px; height: 32px; line-height: 30px; font-weight: 500; box-shadow: none;}


.coss_view_box01 .cv_tit03{margin:0 0 10px 5px;}
.coss_view_box01 .cv_tit03 > span{  width: 18px; height: 18px; line-height: 18px; font-size: 9px;}
.coss_view_box01 .cv_tit03 > strong{font-size: 14px; font-weight: 500; width: calc(100% - 24px);}
.cv_tit04 > strong{ font-size: 15px;}


.coss_view_box02,
.coss_view_box07,
.coss_view_box08{ padding:15px; margin-bottom: 25px;box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05);}
.coss_view_box03{ box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05);}
.coss_view_box05{ padding:15px; margin-bottom: 25px;box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05); border: 1px solid #dbe1ee;}

.coss_view_box10,
.coss_view_box11{box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05); border: 1px solid #dbe1ee;}

}
@media all and (max-width: 410px) {
.coss_view_box01 .cv_tit01{ align-items:flex-end;}
.coss_view_box01 .cv_t_btn{justify-content: flex-end;margin-top: 3px;}
.coss_view_box01 .cv_t_btn button,
.coss_view_box01 .cv_t_btn a{padding: 0 6px;}
.coss_view_box01 .cv_t_btn i{padding-left: 14px; background-size: 12px;}
}









.coss_view_box01_01{ display: flex; justify-content: space-between; gap:25px; margin-bottom: 40px;}
.coss_view_box01_01 .cvb_left01{ border-radius: 20px; background: #fff; width: 60%;}
.coss_view_box01_01 .cvb_right01{ border-radius: 20px; padding: 30px; background: #fff; width: 40%; display: flex; justify-content: space-between; gap:20px;}


.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01{position: relative; border-bottom: 1px dashed #e5eaf5; padding: 35px 30px 15px 30px;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt{display: flex; gap:10px; margin-bottom: 12px; align-items: center;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt > strong{ border: 1px solid #6b9bff; border-radius: 0 20px 20px 20px; background: #fff; box-shadow: 1px 5px 5px rgba(53,88,243,0.08); display: inline-block; font-size: 13px; padding: 8px 0; min-width: 120px; text-align: center;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt > span{ font-size: 20px; font-weight: 700; width: calc(100% - 250px);}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt:first-child > span{  color: #3669ff; font-size: 22px; font-weight: 800;}

.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dd{position:absolute; top:25px; right:30px; width: 90px; height: 90px; display: inline-block; border-radius: 50%; text-align: center; background: #eaf2ff; padding-top: 15px;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dd > i{ font-size: 14px; font-weight: 500;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dd > span{font-size: 35px; font-weight: 900; color: #1779ff; display: block; line-height: 40px;}



.coss_view_box01_01 .cvb_txt01 .cvb_txt01_02{ padding:25px 30px 30px 30px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_02 li{ display: flex; align-items: center; width: calc(50% - 25px);}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_02 li > i{ background: url(../../images/com/point01.png) left center no-repeat; padding-left: 10px; display: inline-block; margin: 6px 0; font-size: 13px; font-weight: 500; min-width: 85px;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_02 li > span{ display: inline-block;  vertical-align: middle; font-weight: 500;}
.coss_view_box01_01 .cvb_txt01 li.cvc_w01{width:100%; align-items: flex-start; margin-top: 5px;}
.coss_view_box01_01 .cvb_txt01 li.cvc_w01 > span{width:calc(100% - 85px);} 


.coss_view_box01_01 .cvb_txt02{ width:50%;}
.coss_view_box01_01 .cvb_txt02 .cv_tit02 > strong{background: url(../../images/com/tit_03.png) left center no-repeat; padding-left: 18px; background-size: 15px;}
.coss_view_box01_01 .cvb_txt02 .cv_img01{border-radius: 10px; overflow: hidden; margin: 12px 0 10px 0; height: 150px;}
.coss_view_box01_01 .cvb_txt02 .cv_img01 a {border-radius: 10px; overflow: hidden; height: 150px;}
.coss_view_box01_01 .cvb_txt02 .cv_img01 img{width: 100%; height: 100%;}

.coss_view_box01_01 .cv_fs01 {font-size: 14px; padding: 0 5px;}


/* 첨부파일 */
.coss_view_box01_01 .cv_btn01 { display: flex;gap:5px; justify-content: space-between;}
.coss_view_box01_01 .cv_btn01 form{ display: flex; gap:5px; justify-content: space-between; width: 100%;}
.coss_view_box01_01 .cv_btn01 .cv_btn_file{ position:relative; width:50%; height:40px; line-height:40px;}
.coss_view_box01_01 .cv_btn01 .cv_btn_file > input[type="file"] { position:absolute; left:0; top:0; width:100%; height:40px; line-height:40px;border:0; display: inline-block;font-size: 0; z-index: 0;}
.coss_view_box01_01 .cv_btn01  .cv_btn_file > input[type="file"]:after{ position: absolute; top:0;left: 0; content: '파일선택'; display: inline-block;  height: 40px; background: #e8ebf2; z-index: 55; text-align: center; -webkit-border-radius:3px;border-radius:3px;font-size: 12px; width:100%; cursor:pointer;}

.coss_view_box01_01 .cv_btn01 .cv_btn_delete{ background: #e8ebf2; border-radius: 4px; height: 40px; line-height: 40px; font-size: 12px; text-align: center; width: 50%; display: inline-block; border: 0;} 



@media all and (max-width: 1520px) {
.coss_view_box01_01 .cvb_left01{ border-radius: 15px; }
.coss_view_box01_01 .cvb_right01{ border-radius: 15px;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt > span{ font-size: 18px; }
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt:first-child > span{  font-size: 20px;}

.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dd{ top:30px; width: 70px; height: 70px; padding-top: 10px;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dd > i{ font-size: 12px; }
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dd > span{font-size: 28px; line-height: 28px;}

.coss_view_box01_01 .cvb_txt02 .cv_img01,
.coss_view_box01_01 .cvb_txt02 .cv_img01 a{  height: 130px;}

}
@media all and (max-width: 1420px) {
.coss_view_box01_01{ gap:0; flex-wrap: wrap;}
.coss_view_box01_01 .cvb_left01{ border-radius: 10px;  width: 100%; margin-bottom: 20px; }
.coss_view_box01_01 .cvb_right01{ border-radius: 10px; padding: 20px; width: 100%;}
.coss_view_box01_01 .cvb_txt02 .cv_img01,
.coss_view_box01_01 .cvb_txt02 .cv_img01 a{  height: 190px;}
}


@media all and (max-width: 1024px) {
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01{border-bottom:none; padding: 0;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt{ margin-bottom: 8px;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt > strong{ border-radius: 4px;font-size: 12px; padding: 5px 0; min-width: 90px;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt > span{ font-size: 16px; font-weight: 600; width: calc(100% - 180px);}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt:first-child > span{ font-size: 18px; font-weight: 700;}

.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dd{ top:0; right:0; width: 60px; height: 60px; padding-top: 7px;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dd > span{font-size: 25px; line-height: 25px;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_02{ padding:10px 15px; background: #f7faff; border-radius: 10px; margin-top: 15px;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_02 li{ font-size: 14px;}

.coss_view_box01_01 .cvb_right01{  padding: 0;}
.coss_view_box01_01 .cvb_txt02 .cv_tit02 > strong{ padding-left: 18px; background-size: 12px; font-size: 13px;  font-weight: 500;}
}




@media all and (max-width: 767px) {

.coss_view_box01_01{  padding:18px 15px 15px 15px; border: 1px solid #dbe1ee; border-radius: 10px; margin-bottom: 25px;box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05);}
.coss_view_box01_01 .cvb_left01{  padding: 0; border-radius: none; margin-bottom: 10px;}

.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt{flex-wrap: wrap;gap:0; margin-bottom: 8px;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt > strong{font-size: 11px; padding: 3px 0;box-shadow: none; min-width: 80px; margin-right: 10px;}

.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt > span{ font-size: 14px; font-weight: 500; width: calc(100% - 120px);}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt:first-child > span{ font-size: 15px; font-weight: 700;}

.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dd{ width: 40px; height: 40px; padding-top: 1px; top:-5px; right:-5px;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dd > i{ font-size: 8px;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dd > span{font-size: 16px; line-height: 12px;}

.coss_view_box01_01 .cvb_txt01 .cvb_txt01_02{ flex-wrap: wrap; background: none;border-radius: 0;padding:5px; margin-top: 0;}
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_02 li{width:100%; font-size: 13px;}

.coss_view_box01_01 .cvb_txt01 .cvb_txt01_02 li > i{margin: 5px 0; font-size: 12px; min-width: 70px;}

.coss_view_box01_01 .cvb_right01{gap:10px;}
.coss_view_box01_01 .cvb_txt02 .cv_img01{  margin:5px 0; height: 115px;}
.coss_view_box01_01 .cvb_txt02 .cv_img01 a{  height: 115px;}

.coss_view_box01_01 .cv_btn01 .cv_btn_file,
.coss_view_box01_01 .cv_btn01 .cv_btn_file,
.coss_view_box01_01 .cv_btn01 .cv_btn_file > input[type="file"],
.coss_view_box01_01 .cv_btn01 .cv_btn_delete{ height: 30px; line-height: 30px;}

.coss_view_box01_01 .cvb_txt01 li.cvc_w01 > span{width: 100%;}
}


@media all and (max-width: 410px) {
.coss_view_box01_01 .cvb_txt01 .cvb_txt01_01 dt > span{ width: 100%; margin-top: 5px;}
.coss_view_box01_01 .cvb_txt02 .cv_img01,
.coss_view_box01_01 .cvb_txt02 .cv_img01 a{ height: 100px;}
}







/* 교강사 구분 */
.coss_view_box01_02{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.coss_view_box01_02 .cvb_even01{border-radius: 20px; background: #fff; width: calc(50% - 10px); display: flex; justify-content: space-between; padding: 25px 30px; margin-bottom: 10px;}

.coss_view_box01_02 .cv_info01{display: flex; justify-content: space-between; gap:30px;}
.coss_view_box01_02 .cv_info01 .cv_photo01{ width: 80px; height: 80px; line-height: 80px; display: inline-block; border-radius: 50%;overflow: hidden; background: #e7e7e7;}
.coss_view_box01_02 .cv_info01 .cv_photo01 img{ width: 100%;}

.coss_view_box01_02 .cv_info01 .cv_prf_guid{ display: flex; justify-content: space-between; gap:25px; align-items: flex-end;  width: calc(100% - 100px);}
.coss_view_box01_02 .cv_info01 .cv_prf01 li {margin: 5px 0; font-size: 14px;}
.coss_view_box01_02 .cv_info01 .cv_prf01 li > span{ display: inline-block; padding: 0 10px; background: #1779ff; font-size: 11px; font-weight: 600; height: 21px; line-height: 21px; border-radius: 30px; color: #fff; margin-bottom: 3px;}
.coss_view_box01_02 .cv_info01 .cv_prf01 li > strong{ font-size: 15px; font-weight: 600;}

.coss_view_box01_02 .cv_info01 .cv_prf01 .cv_prf01_bg01 { background: #00c5dc;}

.coss_view_box01_02 .cv_info01 .cv_prf02{ font-size: 14px;font-weight: 500;}
.coss_view_box01_02 .cv_info01 .cv_prf02 li > i{background: url(../../images/com/icon_call01.png) left center no-repeat; background-size: 20px;padding: 5px 0 5px 25px; display: inline-block;}
.coss_view_box01_02 .cv_info01 .cv_prf02 li > em{background: url(../../images/com/icon_mail01.png) left center no-repeat;  background-size: 20px;padding: 5px 0 5px 25px; display: inline-block;}


@media all and (max-width: 1520px) {

.coss_view_box01_02 .cvb_even01{border-radius: 15px;padding: 20px;}
.coss_view_box01_02 .cv_info01{ gap:0; }
.coss_view_box01_02 .cv_info01 .cv_prf_guid{  width: calc(100% - 75px); }
.coss_view_box01_02 .cv_info01 .cv_photo01{ width: 60px; height: 60px; line-height: 60px;}
.coss_view_box01_02 .cv_info01 .cv_photo01{ order: 2;}
.coss_view_box01_02 .cv_info01 .cv_prf_guid{  order: 1;}

}

@media all and (max-width: 1420px) {
.coss_view_box01_02 .cv_info01 .cv_prf_guid{ flex-wrap: wrap;gap:0;}
.coss_view_box01_02 .cv_info01 .cv_prf_guid .cv_prf01,
.coss_view_box01_02 .cv_info01 .cv_prf_guid .cv_prf02{ width:100%;}
.coss_view_box01_02 .cvb_even01{border-radius: 10px; padding:15px;}

}

@media all and (max-width: 1024px) {
.coss_view_box01_02 .cvb_even01{ border: 1px solid #dbe1ee;}
.coss_view_box01_02 .cv_info01 .cv_prf01 li {font-size: 13px;}
.coss_view_box01_02 .cv_info01 .cv_prf01 li > strong{ font-size: 13px;}
.coss_view_box01_02 .cv_info01 .cv_prf02{ font-size: 13px;}

}

@media all and (max-width: 767px) {

.coss_view_box01_02 { border: 1px solid #dbe1ee; border-radius: 10px; overflow: hidden;box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05);margin-bottom: 20px;}
.coss_view_box01_02{ flex-wrap: wrap;gap:0;}
.coss_view_box01_02 .cvb_even01{ width: 100%; border: 0;padding:15px; border-top: 1px solid #dbe1ee; border-radius: 0;}
.coss_view_box01_02 .cv_info01 .cv_prf01 li {margin: 0 0 5px 0;}
.coss_view_box01_02 .cvb_even01:first-child{ border: 0;}
.coss_view_box01_02 .cv_info01{ width: 100%;}
}


/* 01_수업개요 상세페이지 끝 //////////////////////////////// */


















/* //////////////////////////////// 02_수업유형 상세페이지 시작 */

.coss_view_box01 .cv_table01{font-size: 13px;padding: 0; margin: 0; width: 100%;}
.coss_view_box01 .cv_table01 select,
.coss_view_box01 .cv_table01 input{ width: 100%; height: 38px; line-height: 38px; border: 1px solid #d6deeb;font-size: 14px;}

.coss_view_box01 .cv_table01 input{ padding: 0 10px;}
.coss_view_box01 .cv_table01 input[type="file"]{ border: 0;  background: #eff2f7;}



.coss_view_box01_03 .cv_table01 td >  i{ font-size: 13px; padding-left: 8px;background: url(../../images/com/point01.png) left center no-repeat; width: 95px; height: 38px; display:inline-block; line-height: 38px; position: relative; font-weight: 500;}
.coss_view_box01_03 .cv_table01 td .point00{ position: absolute; top:14px; left:-2px; width: 8px; height: 10px; display: inline-block;background:#fff  url(../../images/com/point.png) left center no-repeat; text-indent: -9999px;}

.coss_view_box01_03 .cv_table01 td{padding: 5px 0;}
.coss_view_box01_03 .cv_table01 td.cv_td_w01{ width: 100px; }
.coss_view_box01_03 .cv_table01 td.cv_td_w02{padding-right: 40px; width:calc(33.333% - 100px); }
.coss_view_box01_03 .cv_table01 td.cv_td_w02.wa_01{ width:60%;}
.coss_view_box01_03 .cv_table01 tr td:last-child{padding-right: 0;}

.coss_view_box01_03 .cv_table01 .cv_wb01{ display: flex; justify-content: space-between; align-items: center; gap:10px;}



/* 선택버튼 클릭후*/
.coss_view_box01_03 .cv_table01 .cv_sbt01{height: 28px; line-height: 28px;font-size: 12px;text-align: center; width: 42px; background: #1779ff; color: #fff; font-weight: 600!important; border-radius: 3px;}
.coss_view_box01_03 .cv_table01 .cv_wb02{  min-height: 38px; padding: 3px 5px 3px 7px; border-radius: 4px; position: relative; display: flex; justify-content:flex-end; align-items: center; background: #eff2f7;width:100%;}

.coss_view_box01_03 .cv_table01 .cv_wb02 .cv_wb02_01{width:100%; overflow: hidden; min-height: 30px;}
.coss_view_box01_03 .cv_table01 .cv_wb02 .cv_wb02_01 > span{ background: #fff; border-radius: 30px; text-align: center; padding: 0 5px 0 10px; display:inline-flex; align-items: center; font-size: 12px; height: 26px; white-space: nowrap; line-height: 26px;margin:2px 1px;}
.coss_view_box01_03 .cv_table01 .cv_wb02 .cv_wb02_01 > span > a{ text-isitemap_listndent: -9999px;background: url(../../images/com/icon_close01.png) center no-repeat; background-size: 16px; width: 16px; height: 16px; display: inline-block; margin-left: 5px; font-size: 0;}
.coss_view_box01_03 .cv_table01 .cv_wb02 .cv_wb02_02{ position: relative; }
.coss_view_box01_03 .cv_table01 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01{ position: absolute; top:30px; right: 0; z-index: 5; border: 1px solid #d6deeb; background: #fff; border-radius: 10px; box-shadow: 1px 5px 5px rgba(53,88,243,0.08); padding-bottom: 10px; display: none;}
.coss_view_box01_03 .cv_table01 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01 dt{ border-bottom: 1px solid #ddd;padding:10px 15px; margin-bottom: 5px; position: relative; display: flex;justify-content:space-between;align-items: center;}
.coss_view_box01_03 .cv_table01 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01 dt .dv_close01{ text-indent: -9999px;background:  url(../../images/com/icon_close01.png) center no-repeat; background-size: 20px; width: 20px; height: 20px; display: inline-block;  border: 0; font-size: 0;}
.coss_view_box01_03 .cv_table01 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01 dd{ padding:5px 15px; white-space: nowrap;}
.coss_view_box01_03 .cv_table01 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01 label{ margin-right: 10px;}
.coss_view_box01_03 .cv_table01 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01 em,
.coss_view_box01_03 .cv_table01 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01 a{display: inline-block;}

@media all and (max-width: 1520px) {
.coss_view_box01_03 .cv_table01 td.cv_td_w02{padding-right: 20px;}
}
@media all and (max-width: 767px) {
.coss_view_box01_03 .cv_table01 td .point00{ top:3px; left:-1px;}


.coss_view_box01_03 .cv_table01 tr { width: 100%;}
.coss_view_box01_03 .cv_table01 tr td{display: block; width: 100%!important; padding: 2px 0!important;}
.coss_view_box01_03 .cv_table01 tr td.cv_td_w02{ padding-bottom: 10px!important;}
.coss_view_box01_03 .cv_table01 tr td > i{font-size: 13px; height: auto;line-height:inherit; }



.coss_view_box01_03 .cv_table01.ct_w01 tr { width: 100%;}
.coss_view_box01_03 .cv_table01.ct_w01 tr td{display: block; width: 100%!important; padding: 2px 0!important;}
.coss_view_box01_03 .cv_table01.ct_w01 tr td.cv_td_w02{ padding-bottom: 10px!important;}
.coss_view_box01_03 .cv_table01.ct_w01 tr td > i{font-size: 13px;}
.coss_view_box01_03 .cv_table01.ct_w01 tr td > i{font-size: 13px; height: auto;line-height:inherit; }

.coss_view_box01_03 .cv_table01.ct_w01 tr td.cv_td_c01{ width: 100px !important;display: inline-block!important;}
.coss_view_box01_03 .cv_table01.ct_w01 tr td.cv_td_c02{ width: calc(100% - 100px) !important;display: inline-block!important; padding-bottom: 0!important;}
.coss_view_box01_03 .cv_table01.ct_w01 tr td.cv_td_c01 > i{  height: 30px!important;line-height:30px!important;}
.coss_view_box01_03 .cv_table01 td.cv_td_c01 .point00{  top:9px;}
}






/*설문등록하기 안에 문항 리스트 */
.coss_view_box01 .cv_table02{font-size: 13px;padding: 0; margin: 0 0 20px 0; width: 100%;}
.coss_view_box01 .cv_table02 select,
.coss_view_box01 .cv_table02 input{ width: 100%; height: 38px; line-height: 38px; border: 1px solid #d6deeb;font-size: 14px;}

.coss_view_box01 .cv_table02 input{ padding: 0 10px;}
.coss_view_box01 .cv_table02 input[type="file"]{ border: 0;  background: #eff2f7;}


.coss_view_box01_03 .cv_table02 td >  i{ font-size: 14px; padding-left: 10px;background:#eff2f7; width: 95px; height: 38px; display:flex; line-height: 38px; border-radius:4px;position: relative; align-items: center;}
.coss_view_box01_03 .cv_table02 td > i .point00{ width: 8px; height: 10px; display: inline-block;background:#fff  url(../../images/com/point.png) left center no-repeat; text-indent: -9999px; margin-right: 5px;}

.coss_view_box01_03 .cv_table02 td{padding: 5px 0;}
.coss_view_box01_03 .cv_table02 td.cv_td_w01{ width: 105px;}
.coss_view_box01_03 .cv_table02 td.cv_td_w02{padding-right: 40px;}
.coss_view_box01_03 .cv_table02 tr td:last-child{padding-right: 0;}

.coss_view_box01_03 .cv_table02 .cv_td_w02_01 {width: 130px; display: inline-block;}

@media all and (max-width: 767px) {
.coss_view_box01_03 .cv_table02{margin-bottom: 0;}
.coss_view_box01_03 .cv_table02 td >  i{ font-size: 12px; padding-:0 6px; width: auto; height:26px; line-height: 26px; border-radius:2px 2px 0 0;}

.coss_view_box01_03 .cv_table02 tr{ width: 100%;}
.coss_view_box01_03 .cv_table02 td{ width: 100%;display: block; padding: 0;}
.coss_view_box01_03 .cv_table02 td.cv_td_w01{ width: 100%;}

.coss_view_box01_03 .cv_table02 td.cv_td_w02{margin-bottom: 15px;}
.coss_view_box01_03 .cv_table02 .cv_td_w02_01 {width: 49%; margin-top: 8px;}
}






.coss_view_box01 .cv_table03{font-size: 13px;padding: 0; margin: 0; width: 100%;}
.coss_view_box01 .cv_table03 select,
.coss_view_box01 .cv_table03 input{ width: 100%; height: 38px; line-height: 38px; border: 1px solid #d6deeb;font-size: 14px;}

.coss_view_box01 .cv_table03 input{ padding: 0 10px;}
.coss_view_box01 .cv_table03 input[type="file"]{ border: 0;  background: #eff2f7;}

.coss_view_box01_03 .cv_table03 .cv_wb01{ display: flex; justify-content: space-between; align-items: center; gap:10px;}

.coss_view_box01_03 .cv_table03 td >  i{ font-size: 14px; padding-left: 8px;background: url(../../images/com/point01.png) left center no-repeat; height: 38px; display:inline-block; line-height: 38px; position: relative; margin-right: 10px; white-space: nowrap;}
.coss_view_box01_03 .cv_table03 td .point00{ position: absolute; top:14px; left:-2px; width: 8px; height: 10px; display: inline-block;background:#fff  url(../../images/com/point.png) left center no-repeat; text-indent: -9999px;}

.coss_view_box01_03 .cv_table03 td{padding: 5px 0;}
.coss_view_box01_03 .cv_table03 td.cv_td_w01{}
.coss_view_box01_03 .cv_table03 td.cv_td_w02{padding-right: 40px;}
.coss_view_box01_03 .cv_table03 tr td:last-child{padding-right: 0;}


.coss_view_box01_03 .cv_table03 td .day_date_guide01{ display: flex;position: relative; align-items: center; width: 100%; justify-content: space-between;}
.coss_view_box01_03 .cv_table03 td .day_date_guide01 .day_date01{width: 100%;}
.coss_view_box01_03 .cv_table03 td .day_date_guide01 .day_date01 input[type=text].datepicker {min-width: inherit; width: 100%;}


.cv_search_guide{display: flex; align-items: center; gap:5px;}
.cv_search_guide .cv_search02{ padding: 0px 10px;border-radius: 3px; border: 0;display: inline-block;  height: 28px;width: 28px;text-indent: -9999px;background: #3669ff url(../../images/com/icon_search01.png) center no-repeat; background-size: 15px;}

@media all and (max-width: 1280px) {
.coss_view_box01_03 .cv_table03 td .day_date01 > input{min-width:inherit;}
.coss_view_box01_03 .cv_table03 td.cv_td_w02{padding-right: 15px;}
}

@media all and (max-width: 767px) {
.coss_view_box01_03 .cv_table03 td .point00{ top:3px; left:-1px;}
.coss_view_box01_03 .cv_table03 tr { width: 100%;}
.coss_view_box01_03 .cv_table03 tr td{display: block; width: 100%!important; padding: 2px 0!important;}
.coss_view_box01_03 .cv_table03 tr td.cv_td_w02{ padding-bottom: 10px!important;}
.coss_view_box01_03 .cv_table03 tr td > i{font-size: 13px; height: auto;line-height:inherit; }

.coss_view_box01_03 .cv_table03.ct_w01 tr td.cv_td_c01{ width: 100px !important;display: inline-block!important;}
.coss_view_box01_03 .cv_table03.ct_w01 tr td.cv_td_c02{ width: calc(100% - 100px) !important;display: inline-block!important; padding-bottom: 0!important;}
.coss_view_box01_03 .cv_table03.ct_w01 tr td.cv_td_c01 > i{  height: 30px!important;line-height:30px!important;}
.coss_view_box01_03 .cv_table03 td.cv_td_c01 .point00{  top:9px;}

.coss_view_box01_03 .cv_table03 td .day_date01{ display: flex; align-items: center;}
}













.coss_view_box01_04{border-top: 4px solid #eaeffb; padding: 30px;}
.coss_view_box01_04:first-child{border-top: 0;}

.coss_view_box01_04 .point00{font-size: 0; background: url(../../images/com/point.png) left center no-repeat;width: 8px; display:inline-flex; text-indent: -9999px; height: 8px; line-height: 8px; margin-right: 3px; align-items: center;}


.coss_view_box01_04 .cv_num{display: flex; justify-content: space-between;}
.coss_view_box01_04 .cv_num span{display: flex; align-content: center; font-weight: 600; font-variant-alternates: 15px; color: #1a1e54;}
.coss_view_box01_04 .cv_num strong{ display: inline-block; background: #1a1e54; color: #fff; border-radius: 4px; min-width: 20px; font-size: 10px; font-weight: 800; text-align: center; line-height: 18px;height: 19px; margin-right: 5px;}

.coss_view_box01_04 .cv_table01 td > p{padding: 0 0 5px 0; font-weight: 500;}
.coss_view_box01_04 .cv_table01 td{padding: 5px 20px 5px 0; vertical-align:top; width: 16.666%;}
.coss_view_box01_04 .cv_table01 td:last-child{padding: 5px 0;}


/* 선택버튼 클릭후 _높이가 늘어나지 않는경우 */
.coss_view_box01_04 .cv_table01 .cv_sbt02{height: 28px; line-height: 28px;font-size: 12px;text-align: center; width: 42px; background: #1779ff; color: #fff; font-weight: 600;}
.coss_view_box01_04 .cv_table01 .cv_wb02{ height: 38px; padding: 0 5px 0 7px; border-radius: 4px; position: relative; display: flex; justify-content:flex-end; align-items: center; background: #eff2f7; width: 100%;}

.coss_view_box01_04 .cv_table01 .cv_wb02 .cv_wb02_01{width: 100%; overflow: hidden; height: 38px; line-height: 38px;}
.coss_view_box01_04 .cv_table01 .cv_wb02 .cv_wb02_01 > span{ background: #fff; border-radius: 30px; text-align: center; padding: 0 5px 0 10px; display:inline-flex; align-items: center; font-size: 12px; height: 26px; white-space: nowrap; line-height: 26px;margin: 0 1px;}
.coss_view_box01_04 .cv_table01 .cv_wb02 .cv_wb02_01 > span > a{ text-isitemap_listndent: -9999px;background: url(../../images/com/icon_close01.png) center no-repeat; background-size: 16px; width: 16px; height: 16px; display: inline-block; margin-left: 5px; font-size: 0;}
.coss_view_box01_04 .cv_table01 .cv_wb02 .cv_wb02_02{ position: relative;}

.coss_view_box01_04 .cv_table01 .cv_wb02 .cv_wb02_02 .cv_sbt01_list02{ position: absolute; top:30px; right: 0; z-index: 5; border: 1px solid #d6deeb; background: #fff; border-radius: 10px; box-shadow: 1px 5px 5px rgba(53,88,243,0.08); padding: 15px 0 10px 0; display: none;}
.coss_view_box01_04 .cv_table01 .cv_wb02 .cv_wb02_02 .cv_sbt01_list02 li .dv_close01{ text-indent: -9999px;background:  url(../../images/com/icon_close01.png) center no-repeat; background-size: 20px; width: 20px; height: 20px; display: inline-block;  border: 0; font-size: 0; position: absolute;top:-8px; right:10px;}
.coss_view_box01_04 .cv_table01 .cv_wb02 .cv_wb02_02 .cv_sbt01_list02 li{ padding:5px 20px 5px 15px; white-space: nowrap; position: relative;}

.coss_view_box01_04 .cv_table01 .cv_wb02 .cv_wb02_02 .cv_sbt01_list02 label{ margin-right: 10px;}
.coss_view_box01_04 .cv_table01 .cv_wb02 .cv_wb02_02 .cv_sbt01_list02 em,
.coss_view_box01_04 .cv_table01 .cv_wb02 .cv_wb02_02 .cv_sbt01_list02 a{ display: inline-block;}









/* 선택버튼 클릭후_높이가 늘어나는 경우*/
.coss_view_box01_04 .cv_table01 .cv_wb03{ min-height: 38px; padding: 3px 5px 3px 7px; border-radius: 4px; position: relative; display: flex; justify-content:flex-end; align-items: center; background: #eff2f7; width: 100%;}
.coss_view_box01_04 .cv_table01 .cv_wb03 .cv_wb02_01{width: 100%; overflow: hidden; min-height: 30px;}
.coss_view_box01_04 .cv_table01 .cv_wb03 .cv_wb02_01 > span{ background: #fff; border-radius: 30px; text-align: center; padding: 0 5px 0 10px; display:inline-flex; align-items: center; font-size: 12px; height: 26px; white-space: nowrap; line-height: 26px;margin:2px 1px;}
.coss_view_box01_04 .cv_table01 .cv_wb03 .cv_wb02_01 > span > a{ text-isitemap_listndent: -9999px;background: url(../../images/com/icon_close01.png) center no-repeat; background-size: 16px; width: 16px; height: 16px; display: inline-block; margin-left: 5px; font-size: 0;}
.coss_view_box01_04 .cv_table01 .cv_wb03 .cv_wb02_02{ position: relative;}

.coss_view_box01_04 .cv_table01 .cv_wb03 .cv_wb02_02 .cv_sbt01_list02{ position: absolute; top:30px; right: 0; z-index: 2; border: 1px solid #d6deeb; background: #fff; border-radius: 10px; box-shadow: 1px 5px 5px rgba(53,88,243,0.08); padding: 15px 0 10px 0; display: none;}
.coss_view_box01_04 .cv_table01 .cv_wb03 .cv_wb02_02 .cv_sbt01_list02 li .dv_close01{ text-indent: -9999px;background:  url(../../images/com/icon_close01.png) center no-repeat; background-size: 20px; width: 20px; height: 20px; display: inline-block;  border: 0; font-size: 0; position: absolute;top:8px; right:10px;}
.coss_view_box01_04 .cv_table01 .cv_wb03 .cv_wb02_02 .cv_sbt01_list02 li{ padding:5px 20px 5px 15px; white-space: nowrap;}
.coss_view_box01_04 .cv_table01 .cv_wb03 .cv_wb02_02 .cv_sbt01_list02 em,
.coss_view_box01_04 .cv_table01 .cv_wb03 .cv_wb02_02 .cv_sbt01_list02 a{ margin-left: 10px;display: inline-block;}






/* 선택버튼 클릭후_높이가 늘어나는 경우*/
.coss_view_box01_01 .cv_sbt02{height: 28px; line-height: 28px;font-size: 12px;text-align: center; width: 42px; background: #1779ff; color: #fff; font-weight: 600;}

.coss_view_box01_01 .cv_wb03{ min-height: 38px; padding: 3px 5px 3px 7px; border-radius: 4px; position: relative; display: flex; justify-content:flex-end; align-items: center; background: #eff2f7; width: 100%;}
.coss_view_box01_01 .cv_wb03 .cv_wb02_01{width: 100%; overflow: hidden; min-height: 30px;}
.coss_view_box01_01 .cv_wb03 .cv_wb02_01 > span{ background: #fff; border-radius: 30px; text-align: center; padding: 0 5px 0 10px; display:inline-flex; align-items: center; font-size: 12px; height: 26px; white-space: nowrap; line-height: 26px;margin:2px 1px;}
.coss_view_box01_01 .cv_wb03 .cv_wb02_01 > span > a{ text-isitemap_listndent: -9999px;background: url(../../images/com/icon_close01.png) center no-repeat; background-size: 16px; width: 16px; height: 16px; display: inline-block; margin-left: 5px; font-size: 0;}
.coss_view_box01_01 .cv_wb03 .cv_wb02_02{ position: relative;}

.coss_view_box01_01 .cv_wb03 .cv_wb02_02 .cv_sbt01_list02{ position: absolute; top:30px; right: 0; z-index: 2; border: 1px solid #d6deeb; background: #fff; border-radius: 10px; box-shadow: 1px 5px 5px rgba(53,88,243,0.08); padding: 15px 0 10px 0; display: none;}
.coss_view_box01_01 .cv_wb03 .cv_wb02_02 .cv_sbt01_list02 li .dv_close01{ text-indent: -9999px;background:  url(../../images/com/icon_close01.png) center no-repeat; background-size: 20px; width: 20px; height: 20px; display: inline-block;  border: 0; font-size: 0; position: absolute;top:5px; right:10px;}
.coss_view_box01_01 .cv_wb03 .cv_wb02_02 .cv_sbt01_list02 li{ padding:5px 20px 5px 15px; white-space: nowrap;}
.coss_view_box01_01.cv_wb03 .cv_wb02_02 .cv_sbt01_list02 em,
.coss_view_box01_01 .cv_wb03 .cv_wb02_02 .cv_sbt01_list02 a{ margin-left: 10px;display: inline-block; font-weight: 400!important;}









.coss_view_box01_04 .cv_search01{ display: flex; gap:5px; margin-bottom: 5px;}
.coss_view_box01_04 .cv_search01 .cv_search01_input{ position: relative; width: calc(100% - 55px);}
.coss_view_box01_04 .cv_search01 .cv_search01_btn01{ position: absolute; top:7px; right:10px;background: url(../../images/com/icon_search02.png) center no-repeat;width: 24px; height: 24px;background-size: 24px; display: inline-block; text-indent: -99999px; border: 0;}

.coss_view_box01_04 .cv_search01 .cv_search01_btn02{ border: 0;display: inline-block; height: 38px; line-height: 38px;  width: 38px; text-align: center;background:#3669ff url(../../images/com/icon_plus01.png) center no-repeat;text-indent: -9999px; border-radius: 4px; }
.coss_view_box01_04 .cv_search01 .cv_search01_btn03{border: 0;display: inline-block; height: 38px; line-height: 38px;  width: 38px; text-align: center;background:#ff0000 url(../../images/com/icon_close04.png) center no-repeat;text-indent: -9999px;border-radius: 4px; }



@media all and (max-width: 1520px) {
.coss_view_box01_04{ padding: 20px;}
.coss_view_box01_04 .cv_table01 td{padding: 5px 10px 5px 0;}

}

@media all and (max-width: 767px) {
.coss_view_box01_04{ padding: 15px;}
.coss_view_box01_04 .cv_table01 tr { width: 100%}
.coss_view_box01_04 .cv_table01 tr td {display: block; width: 100%!important;padding: 2px 0 10px 0!important;}
.coss_view_box01_04 .cv_table01 tr td.ctable_w01{ width: calc(50% - 5px) !important; display: inline-block !important; }
.coss_view_box01_04 .cv_table01 tr td.ctable_w02{ width: calc(50% - 5px) !important; display: inline-block !important; margin-left: 10px;}

}





.coss_text_info01 dl{ padding: 30px; border-bottom:4px solid #eaeffb; }
.coss_text_info01 dl:last-child{ border-bottom:0; }

.coss_text_info01 dl dt{ margin-bottom: 10px;}
.coss_text_info01 dl dt > i{background:  url(../../images/com/title_icon01.png) left center no-repeat; padding-left: 20px; font-weight: 500;}
.coss_text_info01 ul li {margin-bottom: 10px; display: flex; gap:10px; align-items: center}
.coss_text_info01 ul li:last-child{margin-bottom:0;}
.coss_text_info01 ul li > strong{font-size: 12px; font-weight: 500; min-width: 80px; display: flex; align-items: center; background: #f0f5ff; border-radius: 4px; padding: 0 10px; white-space: nowrap; min-height: 40px; justify-content: center;}
.coss_text_info01 ul li > strong > em{font-size: 0;background:  url(../../images/com/point.png) left center no-repeat; width: 8px; display: inline-block; text-indent: -9999px; height: 8px; line-height: 8px; margin-right: 3px;}
.coss_text_info01 ul li > span{ width: 100%; font-size: 14px;display: flex;align-items: center;}
.coss_text_info01 ul li > span input{ width: 100%; padding: 0 10px;}


@media all and (max-width: 1520px) {
.coss_text_info01 dl{ padding: 20px;}
}

@media all and (max-width: 767px) {
.coss_text_info01{ box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05);}
.coss_text_info01 dl{ padding: 15px;}
.coss_text_info01 dl dt > i{background-size: 12px; padding-left: 17px;  font-size: 14px;}


.coss_text_info01 ul li {flex-wrap: wrap;gap:0; }
.coss_text_info01 ul li > span{ width: 100%;margin-top: -4px;}
.coss_text_info01 ul li > strong{border-radius: 4px 4px 0 0; padding: 2px 10px 6px 10px; white-space: nowrap; min-height: 24px;min-width: 52px;}
.coss_text_info01 ul li > span > i{ padding: 10px 0 20px 0; display: block; background: #fff; font-size: 13px;}
.coss_text_info01 ul li:last-child > span > i{ padding: 10px 0 0 0;}
}







.coss_text_info02 ul{ display: flex; justify-content: space-between; gap:50px; padding: 30px; border-bottom:4px solid #eaeffb; }
.coss_text_info02 ul:last-child{ border-bottom:0; }
.coss_text_info02 ul li{display: flex;align-items: center;}
.coss_text_info02 dl{ padding:6px 0 6px 75px; background-repeat: no-repeat; background-position: left center;  background-size: 60px;}
.coss_text_info02.ct_info_img dl { background-size: 50px;padding:6px 0 6px 60px;}
.coss_text_info02 dl dt{ font-size: 17px; color: #1a1e54; margin-bottom: 5px;}
.coss_text_info02 dl dd{ margin-top: 5px;}

.coss_text_info02 .ct_info_icon01{background-image:url(../../images/com/cur_v_icon01.png);}
.coss_text_info02 .ct_info_icon02{background-image:url(../../images/com/cur_v_icon02.png);}
.coss_text_info02 .ct_info_icon03{background-image:url(../../images/com/cur_v_icon03.png);}
.coss_text_info02 .ct_info_icon04{background-image:url(../../images/com/cur_v_icon04.png);}
.coss_text_info02 .ct_info_icon05{background-image:url(../../images/com/cur_v_icon05.png);}

.coss_text_info02 .ct_info_per{ font-size: 20px; font-weight: 800; color: #ff0000;}


.coss_text_info03 ul{ display: flex; justify-content: space-between; gap:30px;}
.coss_text_info03 ul li{display: flex;align-items: center; width: 100%;}
.coss_text_info03 button{border: 2px solid #dbe3f3;; background: #fff; text-align: center; border-radius: 8px; width: 100%; line-height: 34px; box-shadow: 1px 10px 10px rgba(0,0,0,0.05); font-weight: 500; padding: 0 10px;}
.coss_text_info03 button:hover,
.coss_text_info03 button:focus,
.coss_text_info03 button.active{background: #3669ff; color: #fff; border: 2px solid #3669ff;}
@media all and (max-width: 1520px) {
.coss_text_info02 ul{padding: 20px; gap:30px; }
.coss_text_info02 dl{margin-bottom: 10px;}
.coss_text_info02 dl dt{ font-size: 16px; }

.coss_text_info03 ul{ gap:15px; }
.coss_text_info03 button{font-size: 13px;}
}
@media all and (max-width: 1280px) {
.coss_text_info03 ul{ gap:3px; }
.coss_text_info03 button{line-height: 28px; font-size: 12px; border-radius: 4px; }

.coss_text_info02.ct_info_img dl{ background-position: left top;}
.coss_text_info02 dl{ padding-left: 70px; background-size: 55px; background-position: left 5px;}

}
@media all and (max-width: 767px) {
.coss_text_info02 ul{padding: 15px; gap:0; flex-wrap: wrap; }
.coss_text_info02 ul li{ width: 100%;}
.coss_text_info02 ul li:last-child{ justify-content: flex-end;}

.coss_text_info02 dl{ padding-left:2px; background-size: 34px; background-position: left 5px;}
.coss_text_info02.ct_info_img dl{padding: 0 0 0 2px;background-size: 34px; background-position: left 0;}
.coss_text_info02.ct_info_img dl dt{margin-bottom: 0;}
.coss_text_info02.ct_info_img dl dd{ padding-left: 42px;}
.coss_text_info02 dl dt{ font-size: 14px; padding-left: 42px; margin-bottom: 10px;}
.coss_text_info02 dl dt > i{ display: block; font-size: 12px;}
.coss_text_info02 dl dd{font-size: 14px;}

.coss_text_info02 .ct_info_per{ font-size: 15px; font-weight: 700;}

.coss_text_info03 ul{flex-wrap: wrap; justify-content:center;gap:2px;}
.coss_text_info03 ul li{ display: inline-flex; width: auto;}
.coss_text_info03 button{ font-size: 11px;}
}




/* 비율 증가 감소 */

.count_guide00 .count_guide00_total{position: absolute; top:-15px;right:20px;}
.count_guide00 .count_guide00_total > strong{border: 2px solid #1779ff; border-radius: 30px; padding: 8px 20px; background: #fff;box-shadow: 5px 5px 10px rgba(39, 96, 152, 0.1);}
.count_guide00 .count_guide00_total > strong > span{ color: #ff0000; font-size: 18px; font-weight: 800; margin-left: 10px;}

.count_guide00 ul{ display: flex; gap:30px; }
.count_guide00 ul li{ width: 25%; background: #eef3fc; margin-bottom: 10px; border-radius: 6px; }
.count_guide00 ul:last-child li{ margin-bottom: 0; }
.count_guide00 .count_guide01.cg_w100 strong{ width: 50%; font-size: 16px; padding-left: 30px;}
.count_guide00 .count_guide01.cg_w100 .count_box01{ width: 50%; }


.count_guide01.cg_w100 { width: 100% !important; }
.count_guide01 { display: flex; width: 150px;align-items: center;}
.count_guide01 strong{font-size: 14px; margin-right: 10px; white-space: nowrap; }
.count_guide01 .count_box01{ display: flex; align-items: center; border: 1px solid #6cb0fb; border-radius: 6px; overflow: hidden; background: #fff;}
.count_guide01 .count_box01 input{ border: 0;text-align: center; font-weight: 800;width: 100%;}
.count_guide01 .count_box02{ display: flex;flex-wrap: wrap;min-width: 40px;}
.count_guide01 .btn_minus,
.count_guide01 .btn_plus{ width: 100%; border: 0;  height: 26px; border-radius: 0; }
.count_guide01 .btn_plus{ background:#3669ff; border-bottom: 1px solid #5680fe;}
.count_guide01 .btn_minus{background:#3669ff;}

.count_guide01 .btn_minus > i,
.count_guide01 .btn_plus > i{ display: inline-block; width: 20px; height: 20px;text-indent: -9999px;margin-top: 3px;}
.count_guide01 .btn_plus > i{ background: url(../../images/com/arrow_top01.png) center no-repeat;}
.count_guide01 .btn_minus > i{ background: url(../../images/com/arrow_down01.png) center no-repeat;}

@media all and (max-width: 1520px) {
.coss_text_info02 ul{padding: 20px; gap:30px; }
.coss_text_info02 dl{margin-bottom: 10px;}
.coss_text_info02 dl dt{ font-size: 16px; }
.count_guide00 .count_guide00_total{right:10px;}
.count_guide00 .count_guide00_total > strong{padding: 8px 15px; font-size: 14px;}
.count_guide00 .count_guide00_total > strong > span{ font-size: 16px;}

.count_guide00 ul{ gap:15px;}
.count_guide00 .count_guide01.cg_w100 strong{ font-size: 14px; padding-left: 15px; width: 40%;}
.count_guide00 .count_guide01.cg_w100 .count_box01{ width: 60%; }
}


@media all and (max-width: 1280px) {
.count_guide01 .count_box02{ min-width:inherit; width: 30px;}
.count_guide00 ul{ gap:10px;}
.count_guide00 .count_guide01.cg_w100 strong{ padding-left: 10px; font-size: 13px;}
.count_guide00 .count_guide01.cg_w100 .count_box01 input{width: 100%;}

.coss_text_info02 dl{ padding-left: 70px; background-size: 55px; background-position: left top;}

}

@media all and (max-width: 1024px) {
.count_guide00 .count_guide00_total > strong{border: 1px solid #dbe1ee;}
}


@media all and (max-width: 767px) {
.coss_text_info02 ul{padding: 15px; gap:0; flex-wrap: wrap; }
.coss_text_info02 ul li{ width: 100%;}
.coss_text_info02 ul li:last-child{ justify-content: flex-end;}

.coss_text_info02 dl{ padding-left: 0; background-size: 36px; background-position: left 0;}
.coss_text_info02 dl dt{ font-size: 16px; padding-left: 42px;}
.coss_text_info02 dl dt > i{ display: block; font-size: 12px;}
.coss_text_info02 dl dd{font-size: 14px;}




.count_guide01 { width: 120px;}
.count_guide01 strong{font-size: 12px; margin-right: 5px;}
.count_guide01 .count_box01 input{  font-size: 12px; width: 100%;}

.count_guide01 .btn_minus,
.count_guide01 .btn_plus{  height: 20px; }
.count_guide01 .btn_minus > i,
.count_guide01 .btn_plus > i{ width: 20px; height: 20px;margin-top: 0; background-size:6px;}



.count_guide00 ul {flex-wrap: wrap; gap:5px; margin-bottom: 5px; justify-content: space-between;}
.count_guide00 ul li{ width: calc(50% - 5px); margin-bottom: 0!important; border-radius: 4px; }
.count_guide00 ul:last-child li:nth-of-type(3),
.count_guide00 ul:last-child li:nth-of-type(4){margin-bottom: 0 !important;}
.count_guide00 .count_guide00_total{ top:-26px;right:5px;}
.count_guide00 .count_guide00_total > strong{box-shadow: none; border-radius: 10px 10px 0 0;}
.count_guide00 .count_guide00_total > strong > span{ font-size: 15px;}


.count_guide00 .count_guide01.cg_w100 strong{ font-size: 12px;width: 50%;}
.count_guide00 .count_guide01.cg_w100 .count_box01{ width: 50%; }



}









.coss_num_guide01.cng_r{ border-radius: 10px; margin-bottom: 20px;}
.coss_num_guide01{ background: #ceddf5; border-radius: 10px 10px 0 0; padding: 15px 20px;display: flex; gap:20px; align-items: flex-start; position: relative;}
.coss_num_guide01 .coss_guide01{ display: flex; justify-content: flex-end; align-items: center; gap:5px;}

.coss_num_guide01 .coss_guide01 > a{ padding: 0px 10px;border-radius: 3px; border: 0;display: inline-block;  height: 28px;width: 28px; background-size: 28px; text-indent: -9999px;background: #3669ff url(../../images/com/icon_plus01.png) center no-repeat}

.coss_num_guide01 .coss_guide01 > a:last-child{ padding: 0px 10px;border-radius: 3px; border: 0;display: inline-block;  height: 28px;width: 28px; background-size: 28px; text-indent: -9999px;background: #ff0000 url(../../images/com/icon_close04.png) center no-repeat}   

.coss_num_guide01 ul{ gap:5px; display: flex; flex-wrap: wrap; width: 100%; }
.coss_num_guide01 ul li{ background: #fff; color: #1a1e54;  text-align: center;font-weight: 600; font-size: 13px; border-radius: 4px; width: calc(6.25% - 5px);box-shadow: 1px 5px 5px rgba(53, 88, 243, 0.08); position: relative;}
.coss_num_guide01 ul li a{ color: #1a1e54;padding:6px 0; height: 100%; overflow: hidden;}
.coss_num_guide01 ul li a:hover,
.coss_num_guide01 ul li a:focus,
.coss_num_guide01 ul li a.active{ color: #fff;border-radius: 4px; background: #1a1e54;}

.coss_num_guide01 ul.coss_num_w01 li{ width: calc(6.66% - 5px);}

.coss_num_guide01 ul li button{ width: 14px; height: 14px; display: inline-block; position: absolute; top:1px; right:1px; background: url(../../images/com/icon_close04.png) center no-repeat; background-size: 18px; text-indent: -9999px; overflow: hidden; border-radius: 50%;}

@media all and (max-width: 1280px) {
.coss_num_guide01 ul.coss_num_w01 li{ width: calc(10% - 5px);}
}


@media all and (max-width: 767px) {
.coss_num_guide01.cng_r{ border-radius: 6px; }
.coss_num_guide01{ padding: 10px 15px;gap:2px; flex-wrap: wrap; border-radius: 6px 6px 0 0;}
.coss_num_guide01 .coss_guide01{width: 100%; margin-top: 10px; margin-bottom: 0;}
.coss_num_guide01 ul li{font-weight: 600; font-size: 12px;width: calc(10% - 5px);}
.coss_num_guide01 ul li a{ padding:5px 0;}
.coss_num_guide01 ul.coss_num_w01 li{ width: calc(20% - 4px);}

}












/* 교과목관리 > 신규신청 관리 > 수업개요 : 썸네일 */

.coss_view_box01_03 .cvb_txt02{ max-width: 250px; justify-content: space-between; gap:5px; display: flex;}
.coss_view_box01_03 .cvb_txt02 .cv_img01{border-radius: 10px; overflow: hidden; height: 110px; min-width: 160px;}
.coss_view_box01_03 .cvb_txt02 .cv_img01 a {border-radius: 10px; overflow: hidden; height: 110px;}
.coss_view_box01_03 .cvb_txt02 .cv_img01 img{width: 100%; height: 100%;}


/* 첨부파일 */
.coss_view_box01_03 .cv_btn01 { display: flex;gap:5px; width: 100%; flex-wrap: wrap; align-items: flex-end;min-width: 50px;}
.coss_view_box01_03 .cv_btn01 form{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-end}
.coss_view_box01_03 .cv_btn01 .cv_btn_file{ position:relative; width:100%; height:30px; line-height:30px; margin-bottom: 5px;}
.coss_view_box01_03 .cv_btn01 .cv_btn_file > input[type="file"] { position:absolute; left:0; top:0; width:100%; height:30px; line-height:30px;border:0; display: inline-block;font-size: 0; z-index: 0;}
.coss_view_box01_03 .cv_btn01  .cv_btn_file > input[type="file"]:after{ position: absolute; top:0;left: 0; content: '파일선택'; display: inline-block;  height: 30px; background: #e8ebf2; z-index: 55; text-align: center; -webkit-border-radius:3px;border-radius:3px;font-size: 12px; width:100%; cursor:pointer;}

.coss_view_box01_03 .cv_btn01 .cv_btn_delete{ background: #e8ebf2; border-radius: 4px; height: 30px; line-height: 30px; font-size: 12px; text-align: center; width: 100%; display: inline-block; border: 0; margin-bottom: 2px;} 

@media all and (max-width: 1280px) {
.coss_view_box01_03 .cvb_txt02 .cv_img01{ height: 80px; min-width: 100px;}
.coss_view_box01_03 .cvb_txt02 .cv_img01 a {height: 80px;}
}




/* 교과목관리 > 교과목 풀질검수 결과 : 상세페이지*/
.cv_text_gudie01{ border: 2px solid #cbdcff; border-radius: 20px; padding: 20px 30px; background: #fff; margin-bottom: 40px; box-shadow: 1px 10px 10px rgba(0,61,180,0.08); }

.cv_text_gudie01.wct_g05 ul{ justify-content: space-between;}
.cv_text_gudie01.wct_g05 ul li{ width:auto;}

.cv_text_gudie01 ul{ display: flex; flex-wrap: wrap; }
.cv_text_gudie01 ul li{  margin: 5px 0; width: 33.333%}
.cv_text_gudie01 ul li > strong{font-size: 14px; padding-left: 8px; background: url(../../images/com/point04.png) left center no-repeat;  margin-right: 10px;}

@media all and (max-width: 1720px) {
.cv_text_gudie01{ padding:15px 30px;}
}
@media all and (max-width: 1520px) {
.cv_text_gudie01{ border-radius: 15px; padding:10px 25px;}
}
@media all and (max-width: 1280px) {
.cv_text_gudie01 ul li{  width: auto; padding-right: 20px;}
}
@media all and (max-width: 1024px) {
.cv_text_gudie01{ margin-bottom: 30px;}
}
@media all and (max-width: 767px) {
.cv_text_gudie01{ border-radius: 10px;padding:10px 15px;margin-bottom: 20px;}
.cv_text_gudie01 ul li{  margin: 2px 0; }
.cv_text_gudie01 ul li > strong{font-size: 12px;}
.cv_text_gudie01 ul li > span{font-size: 13px;}
}


 /* 교과목관리 > 교과목 풀질검수 결과 :탭 에듀테크 전문가 */

.cv_text_gudie02 .cv_text_box01 { padding: 30px;border-bottom: 4px solid #eaeffb; position: relative;}
.cv_text_gudie02 .cv_text_box01:last-child{ border-bottom:0;}
.cv_text_gudie02 .cv_text_box01 .cv_badge_guide{ position: absolute;top:25px; right:20px;} 
.cv_text_gudie02 .cv_text_box01 dt{ font-size: 18px; margin-bottom: 15px;width: calc(100% - 40px);}
.cv_text_gudie02 .cv_text_box01 .cv_text_box01_01{ display: flex; gap:30px; align-items: center;}
.cv_text_gudie02 .cv_text_box01 .cv_text_box01_01 li{ display: flex; align-items: center;}
.cv_text_gudie02 .cv_text_box01 .cv_text_box01_01 i{border-radius:  30px; background: #eef3ff; display: inline-block; padding:3px 0; font-size: 11px; font-weight: 500; margin-right: 5px; min-width: 50px;white-space: nowrap; text-align: center;}

.cv_text_gudie02 .cv_badge_guide select{width:100%; height: 34px; line-height: 34px; border: 2px solid #6a90ff;font-size: 13px;padding: 0 10px;}


@media all and (max-width: 1520px) {
.cv_text_gudie02 .cv_text_box01 { padding: 20px;}
.cv_text_gudie02 .cv_text_box01 dt{ font-size: 16px;}
.cv_text_gudie02 .cv_text_box01 .cv_text_box01_01 span{font-size: 13px;}

}
@media all and (max-width: 1280px) {
.cv_text_gudie02 .cv_text_box01 .cv_text_box01_01{ gap:15px;}
}

@media all and (max-width: 1024px) {
.cv_text_gudie02 .cv_text_box01 .cv_badge_guide{ top:15px; right:10px;} 

.cv_text_gudie02 .cv_badge_guide select{width:58px; height: 26px; line-height: 26px; border: 2px solid #6a90ff;font-size: 11px;}

}
@media all and (max-width: 767px) {
.cv_text_gudie02 .cv_text_box01 { padding: 15px;}
.cv_text_gudie02 .cv_text_box01 .cv_badge_guide{  right:10px; }
.cv_text_gudie02 .cv_text_box01 dt{ font-size: 14px;width: calc(100% - 60px);}
.cv_text_gudie02 .cv_text_box01 .cv_text_box01_01{ display: block;}
.cv_text_gudie02 .cv_text_box01 .cv_text_box01_01 li{  margin: 5px 0;}
}







/* 수업운영 주요성과 분석*/
.cv_text_gudie03 .point00{font-size: 0; background: url(../../images/com/point.png) left center no-repeat;width: 8px; display: inline-block; text-indent: -9999px; height: 8px; line-height: 8px; margin-right: 3px;}

.cv_text_gudie03 dl{display: flex; align-items: center;gap:30px; justify-content: space-between; margin-bottom: 10px;}
.cv_text_gudie03 dl:last-child{margin-bottom: 0;}
.cv_text_gudie03 dl dt{display: flex; align-items: center;font-size: 13px; min-width: 120px; font-weight: 500;}
.cv_text_gudie03 dl dd { display: flex; align-items: center; gap:20px; width: 100%;}
.cv_text_gudie03 dl dd em{ margin-left: 5px;  display: inline-block;}


.cv_text_gudie03 select,
.cv_text_gudie03 input[type="text"]{ width: 100%; height: 38px; line-height: 38px; border: 1px solid #d6deeb;font-size: 14px;font-size: 13px;padding: 0 10px;}
.cv_text_gudie03 .cv_table01 input[type="file"]{ border: 0;  background: #eff2f7; width: 100%;}


@media all and (max-width: 767px) {
.cv_text_gudie03 dl{flex-wrap: wrap; gap:0;}
.cv_text_gudie03 dl dt,
.cv_text_gudie03 dl dd{width: 100%;}
.cv_text_gudie03 dl dd{ margin-top: 10px;gap:10px; flex-wrap: wrap;}
.cv_text_gudie03 dl dd em{font-size: 13px;}

}



.cv_text_gudie04{ display: flex; justify-content: space-between; gap:30px;}
.cv_text_gudie04 > div{ width: 100%;}
.cv_text_gudie04 dl{border-radius: 8px; background: #fff; margin-top:15px; overflow: hidden;}
.cv_text_gudie04 dl dt{ display: flex; justify-content: space-between; padding: 10px 25px; align-items: center; }
.cv_text_gudie04 dl dt > strong{  padding: 5px 14px;font-size: 13px; background: #00c5dc; color: #fff; font-weight: 800; text-align: center; border-radius: 30px;}
.cv_text_gudie04 dl dd{ border-top: 2px solid #e6eeff; padding: 10px 0;}

.cv_text_gudie04 dl dd ul li{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed #ddd;padding: 0 30px;}
.cv_text_gudie04 dl dd ul li:last-child{ border-bottom: 0;}
.cv_text_gudie04 dl dd ul li .cv_down01{background: url(../../images/com/file01.png) left center no-repeat; display: inline-block; background-size: 18px; padding: 14px 0 14px 28px; font-size: 14px;}


.cv_text_gudie04 dl dd ul li .cv_delete01{background: url(../../images/com/icon_close01.png) center no-repeat; display: inline-block; background-size: 22px; width: 24px; height: 24px; text-indent: -9999px; min-width: 30px;}


/* 첨부파일 */
.cv_text_gudie04 .cv_btn_file{ position:relative; width:60px; height:30px; line-height:30px;}
.cv_text_gudie04 .cv_btn_file > input[type="file"] { position:absolute; left:0; top:0; width:100%; height:30px; line-height:30px;border:0; display: inline-block;font-size: 0; z-index: 0;}
.cv_text_gudie04  .cv_btn_file > input[type="file"]:after{ position: absolute; top:0;left: 0; content: '파일선택'; display: inline-block;  height: 30px; background: #e8ebf2; z-index: 55; text-align: center; -webkit-border-radius:3px;border-radius:3px;font-size: 12px; width:100%; cursor:pointer;}

.cv_text_gudie04 .cv_btn_delete{ background: #e8ebf2; border-radius: 4px; height: 30px; line-height: 30px; font-size: 12px; text-align: center; width: 100%; display: inline-block; border: 0; margin-bottom: 2px;} 

@media all and (max-width: 1280px) {
.cv_text_gudie04{ gap:15px;}
.cv_text_gudie04 dl dd ul li .cv_down01{font-size: 13px;}
.cv_text_gudie04 .cv_img01{ height: 80px; min-width: 100px;}
.cv_text_gudie04 .cv_img01 a {height: 80px;}
}



@media all and (max-width: 1024px) {
.cv_text_gudie04 dl{background: #f1f4fb; }
.cv_text_gudie04 dl dt{padding: 6px 10px;border-radius: 8px ; border: 1px solid #dbe1ee; overflow: hidden;}
.cv_text_gudie04 dl dt > strong{  padding: 3px 10px 5px 10px;font-size: 12px;}
.cv_text_gudie04 dl dd {background: #fff;border-bottom: 1px solid #dbe1ee;border-left: 1px solid #dbe1ee;border-right: 1px solid #dbe1ee; border-radius: 0 0 10px 10px; padding: 5px 0; border-top:0; margin-top: -4px;}

.cv_text_gudie04 dl dd ul li{padding: 0 20px;}
}


@media all and (max-width: 767px) {
.cv_text_gudie04{ flex-wrap: wrap;}
.cv_text_gudie04 dl{box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05)}
.cv_text_gudie04 dl dd ul li{padding: 0 15px;}
}











.cv_text_gudie05{  display: flex; justify-content: space-between;padding:0 20px 25px 20px; align-items: center; margin-bottom: 20px; border-bottom: 1px dashed #fff;gap:30px;}
.cv_text_gudie05 .cv_text_gudie05_01 dt {padding-left: 5px;}
.cv_text_gudie05 .cv_text_gudie05_01 dt p{ font-size: 14px;}
.cv_text_gudie05 .cv_text_gudie05_01 dt strong{ font-size: 20px; margin: 8px 0 12px 0; display: block; }
.cv_text_gudie05 .cv_text_gudie05_01 ul { display: flex; align-items: center; gap:10px;}
.cv_text_gudie05 .cv_text_gudie05_01 ul li { border-radius: 30px;background: #f2f7ff;display: inline-block;    padding: 5px 15px; font-size: 14px; white-space: nowrap;}

.cv_text_gudie05 .cv_text_gudie05_01 ul li > i{font-weight: 500; margin-right: 5px;white-space: nowrap;text-align: center;}
.cv_text_gudie05 ul{display: flex; gap:20px;}
.cv_text_gudie05 .cv_text_gudie05_02 {display: flex; gap:10px;}
.cv_text_gudie05 .cv_text_gudie05_02 li{ border-radius: 50%; background: #fff;  height: 80px; width: 80px;  display: flex; justify-content: center; align-items: center; flex-direction: column; box-shadow: 1px 10px 10px rgba(0, 61, 180, 0.08);}
.cv_text_gudie05 .cv_text_gudie05_02 em{ font-size: 12px; font-weight: 500; padding-top: 5px;}
.cv_text_gudie05 .cv_text_gudie05_02 strong{ font-size: 28px; font-weight: 700; }

@media all and (max-width: 1720px) {
.cv_text_gudie05{gap:15px;}
.cv_text_gudie05 .cv_text_gudie05_01 ul { flex-wrap: wrap; gap:5px;}
}

@media all and (max-width: 1280px) {
.cv_text_gudie05 .cv_text_gudie05_01 ul li { font-size: 13px; }
.cv_text_gudie05 .cv_text_gudie05_01 dt p{ font-size: 13px;}
.cv_text_gudie05 .cv_text_gudie05_01 dt strong{ font-size: 18px;margin: 5px 0 8px 0;}

.cv_text_gudie05 .cv_text_gudie05_02 { gap:5px;}
.cv_text_gudie05 .cv_text_gudie05_02 li{ height: 68px; width:68px; border-radius: 4px;}
.cv_text_gudie05 .cv_text_gudie05_02 em{ font-size: 11px;padding-top: 3px;}
.cv_text_gudie05 .cv_text_gudie05_02 strong{ font-size: 23px; }
}

@media all and (max-width: 1280px) {
.cv_text_gudie05{  background: #e7effd;border: 0; border-radius: 10px; padding: 15px;}
}

@media all and (max-width: 767px) {
.cv_text_gudie05{ flex-wrap: wrap;}
.cv_text_gudie05 .cv_text_gudie05_01 ul li { padding: 3px 10px; }
.cv_text_gudie05 .cv_text_gudie05_01 dt p{ font-size: 13px;}
.cv_text_gudie05 .cv_text_gudie05_01 dt strong{ font-size: 15px;}

.cv_text_gudie05 .cv_text_gudie05_02 {width: 100%;}
.cv_text_gudie05 .cv_text_gudie05_02 li{ height: 50px; border-radius: 4px; width: 100%; }
.cv_text_gudie05 .cv_text_gudie05_02 em{ font-size: 10px;padding-top: 3px;}
.cv_text_gudie05 .cv_text_gudie05_02 strong{ font-size: 20px; }
}











/*품질검수 문항*/
.cv_text_gudie06{  display: flex; justify-content: space-between;padding:0 20px 25px 20px; align-items:flex-end; margin-bottom: 20px; gap:30px;}
.cv_text_gudie06 .cv_text_gudie06_01 dt {padding-left: 5px;}
.cv_text_gudie06 .cv_text_gudie06_01 dt p{ font-size: 14px;}
.cv_text_gudie06 .cv_text_gudie06_01 dt strong{ font-size: 20px; margin: 8px 0 12px 0; display: block; }
.cv_text_gudie06 .cv_text_gudie06_01 ul { display: flex; align-items: center; gap:10px;}
.cv_text_gudie06 .cv_text_gudie06_01 ul li { border-radius: 30px;background: #f2f7ff;display: inline-block;    padding: 5px 15px; font-size: 14px; white-space: nowrap;}

.cv_text_gudie06 .cv_text_gudie06_01 ul li > i{font-weight: 500; margin-right: 5px;text-align: center;}
.cv_text_gudie06 ul{display: flex; gap:20px;}
.cv_text_gudie06 .cv_text_gudie06_02 {min-width: 80px;}
.cv_text_gudie06 .cv_text_gudie06_02 a{width: 100%; margin: 2px 0;}


@media all and (max-width: 1720px) {
.cv_text_gudie06{gap:15px;}
.cv_text_gudie06 .cv_text_gudie06_01 ul { flex-wrap: wrap; gap:5px;}
}

@media all and (max-width: 1280px) {
.cv_text_gudie06{  background: #e7effd;border: 0; border-radius: 10px; padding: 15px;}
.cv_text_gudie06 .cv_text_gudie06_01 ul li { font-size: 13px; }
.cv_text_gudie06 .cv_text_gudie06_01 dt p{ font-size: 13px;}
.cv_text_gudie06 .cv_text_gudie06_01 dt strong{ font-size: 18px;margin: 5px 0 8px 0;}

.cv_text_gudie06 .cv_text_gudie06_02 { gap:5px;}
}

@media all and (max-width: 767px) {
.cv_text_gudie06{ flex-wrap: wrap;}
.cv_text_gudie06 .cv_text_gudie06_01 ul li { padding: 3px 10px; }
.cv_text_gudie06 .cv_text_gudie06_01 dt p{ font-size: 13px;}
.cv_text_gudie06 .cv_text_gudie06_01 dt strong{ font-size: 15px;}
.cv_text_gudie06 .cv_text_gudie06_01 ul li {  white-space:inherit; }
.cv_text_gudie06 .cv_text_gudie06_02 {width: 100%; display: flex; gap:5px;}
.cv_text_gudie06 .cv_text_gudie06_02 a{height: 30px;}
}



/* 누적성적 */
.cv_text_gudie07 ul{display: flex!important; gap:10px; align-items: center; padding: 0;}
.cv_text_gudie07 ul li{ border: 1px dashed #3669ff; border-radius:  50px; padding: 8px 10px 8px 15px;display: flex; justify-content: space-between; align-items: center;}
.cv_text_gudie07 ul li span{font-size: 14px;}
.cv_text_gudie07 ul li strong{font-size: 13px; font-weight: 600; background: #3669ff; padding: 3px 6px; display: inline-block; border-radius: 50px; text-align: center; color: #fff; margin-left: 5px;}

@media all and (max-width: 1280px) {
.cv_text_gudie07 ul li{  padding: 4px 5px 4px 12px;}
.cv_text_gudie07 ul li span{font-size: 13px;}
.cv_text_gudie07 ul li strong{font-size: 12px;  padding: 2px 6px; }
}


@media all and (max-width: 767px) {
.cv_text_gudie07 ul {flex-wrap: nowrap;gap:5px;  margin-bottom: 10px;}
.cv_text_gudie07 ul li{ flex-wrap: wrap;border: 0; border-radius:4px; background: #f3f5fb; justify-content: center; padding: 8px 0;}
.cv_text_gudie07 ul li span{font-size: 12px; display: block; width: 100%;white-space: nowrap; margin-bottom: 3px; text-align: center}
.cv_text_gudie07 ul li strong{font-size: 11px;  padding: 2px 6px; margin-left: 0;}
}





















/* bbs_view01 ************************************************************************************/
.bbs_view01 {border-bottom:2px solid #dbe1ee; clear:both; margin-bottom:20px;}

/* bbs_view01 // 타이틀 */
.bbs_view01 .bv_title { border-bottom:1px dashed #dbe1ee; display: flex; padding-bottom: 15px; align-items: center;}
.bbs_view01 .bv_title .c_badge04{height: 30px; min-width: 30px;background-size: 30px; font-size: 9px; margin-right: 5px; width: 26px;}

.bbs_view01 .bv_title .bv_title_guide01 { display: flex; justify-content: space-between; width: 100%;}
/*.bbs_view02 .bv_title .bv_title_guide01 strong{ margin-right: 10px;}*/
.bbs_view01 .bv_title strong{font-size:20px; padding:0 5px;  line-height:22px;font-weight: 600; display: block;}

.bbs_view01 .bv_title01 { border-bottom:1px dashed #dbe1ee; padding-bottom: 15px; }
.bbs_view01 .bv_title01 > div{display: flex; align-items: center; gap:5px;}
.bbs_view01 .bv_title01 strong{font-size:16px; padding:0 5px;  line-height:22px;font-weight: 600; display: block;}
.bbs_view01 .bv_title01 .bv_title01_n02{ margin-top:12px;}
.bbs_view01 .bv_title01 .bv_title01_n02 strong{font-size: 14px;}

.bbs_view01 .bv_title02{margin-top: 12px;}
.bbs_view01 .bv_title02 .bv_title01_n02 strong{font-size: 18px;}

.bbs_view01 .bv_title03{border-bottom:1px dashed #dbe1ee; padding-bottom: 15px;}
.bbs_view01 .bv_title03 .bv_title03_01{display: flex; gap:5px; align-items: center;}
.bbs_view01 .bv_title03 span{font-size:15px;  line-height:18px;font-weight: 500; display: block;}
.bbs_view01 .bv_title03 strong{font-size:20px; padding:8px 0 0 0;  line-height:22px;font-weight: 600; display: block;}
.bbs_view01 .bv_title03 .c_badge04{height: 30px; min-width: 30px;background-size: 30px; font-size: 9px; margin-right: 5px; width: 26px;}

.bbs_view01 .lms_badge01{display: inline-flex; border: 2px solid #3669ff; border-radius: 4px; padding: 0 6px; height: 24px;line-height: 23px; font-size: 11px;background: #fff; align-items: center; white-space: nowrap; font-weight: 500;}


.bbs_view01 .bv_info.pm{padding:15px 0;}
.bbs_view01 .bv_info{  font-size:13px;padding:15px 0; border-bottom:1px dashed #dbe1ee; display: flex; align-items: center; gap:25px; }
.bbs_view01 .bv_info strong {background: #f3f5fb url("../../images/com/bbs_write.png") 10px center no-repeat; margin-right:10px; font-size:12px; border-radius: 40px; padding: 8px 15px 8px 30px; display: inline-block; background-size: 15px;white-space: nowrap;}
.bbs_view01 .bv_info .bt_count{background-image: url(../../images/com/bbs_count.png); }
.bbs_view01 .bv_info .bt_date{background-image: url(../../images/com/bbs_date.png); }
.bbs_view01 .bv_info .bt_file{background-image: url(../../images/com/lnb_prf_icon05.png); }




/* bbs_view01 // 컨텐츠 */
.bv_content {padding:20px; clear:both; line-height:1.8em; font-size:16px; width:100%; }
.bv_content div{}
.bv_content img{ text-align:center; max-width:80%;}
.bv_content_img{ text-align:center; margin: 10px 0;}
.bv_content_img img{ text-align:center; max-width:80%;}
.bv_content_img p, 
.bv_content_img figure figcaption{ text-align:center;}
.bv_content .bv_content_img iframe, 
.bv_content .bv_content_img video{ width:100% !important; margin:0 auto;}
.bv_content .bv_content_img iframe{height: 520px;}
.bv_content_img figure{ text-align: center;}



.bv_content .bv_content_text *{ word-break:keep-all; box-sizing:border-box;}
.bv_content .bv_content_text p{}
.bv_content .bv_content_text div{}
.bv_content .bv_content_text table{ margin:10px 0; font-size:15px;width:100% !important;}
.bv_content .bv_content_text table td{ padding:5px;}
.bv_content .bv_content_text table, .bv_content .bv_content_text table th, .bv_content .bv_content_text table td{ border:1px solid #ccc;}
.bv_content .bv_content_text table th{background:#f9f9f9;}




/* bbs_view01 // 첨부파일 */
.bbs_view01 .bv_file01 {display: flex; align-items:center; padding: 15px 0;  border-top:1px dashed #dbe1ee; }
.bbs_view01 .bv_file01 dt strong {background: #f3f5fb url("../../images/com/file03.png") 10px center no-repeat; margin-right:10px; font-size:12px; border-radius: 40px; padding: 8px 15px 8px 30px; display: inline-block; background-size: 15px;white-space: nowrap;}
.bbs_view01 .bv_file01 li{ display:inline-block;}
.bbs_view01 .bv_file01 span { display:inline-block; font-size: 14px; margin-right: 15px; }
.bbs_view01 .bv_file01 span a{ background:url('../../images/com/file01.png') left 2px no-repeat; background-size: 16px;color: #000; padding:3px 10px 3px 20px;}


.bbs_view01 .bv_file02 {display: flex; align-items:center; padding: 15px 0;  border-top:1px dashed #dbe1ee; }
.bbs_view01 .bv_file02 dt strong {background: #f3f5fb url("../../images/com/file03.png") 10px center no-repeat; margin-right:10px; font-size:12px; border-radius: 40px; padding: 8px 15px 8px 30px; display: inline-block; background-size: 15px;white-space: nowrap;}
.bbs_view01 .bv_file02 li{ display:inline-block;}
.bbs_view01 .bv_file02 span { display:inline-block; font-size: 14px; margin-right: 15px; }
.bbs_view01 .bv_file02 span a{ background:url('../../images/com/file01.png') left 2px no-repeat; background-size: 16px;color: #000; padding:3px 10px 3px 20px;}


.bbs_view01 .bv_file02 .bv_file01_img{display: inline-flex; flex-wrap: wrap; width: 100%; gap:5px; justify-content: flex-start; align-items: flex-start;}

.bbs_view01 .bv_file02 .bv_file01_img a img{ border: 1px solid #ddd; border-radius: 6px; width: 120px; height: 100px;}


@media all and (max-width :1280px) {
.bv_content{font-size: 14px;}
.bbs_view01 { margin-bottom:30px;}
.bbs_view01 .bv_title{padding-bottom: 10px;}
.bbs_view01 .bv_title strong{font-size:16px; line-height:20px;}
.bbs_view01 .bv_title_guide01 .c_badge01{ min-width:50px; }

.bbs_view01 .bv_title02 .bv_title01_n02 strong{font-size: 16px;}
}
@media all and (max-width :1024px) {
.bv_content{padding:30px 0;}
.bv_content .bv_content_img iframe{height: 380px;}
.bbs_view01 .bv_info { padding:7px 0;  display:block;}
.bbs_view01 .bv_info li { font-size:12px; display: inline-block; margin: 5px 0;}
.bbs_view01 .bv_info strong {margin-right:4px; font-size:10px;  border-radius: 40px; padding: 6px 10px 6px 20px;background-size: 12px; background-position: 5px center;}
.bbs_view01 .bv_info span{ margin-right: 4px;}

.bbs_view01 .bv_file01 {padding:7px 0; align-items: flex-start;}
.bbs_view01 .bv_file01 dt strong{margin-right:4px; font-size:10px;  border-radius: 40px; padding: 6px 10px 6px 20px;background-size: 12px; background-position: 5px center;}
.bbs_view01 .bv_file01 span{padding:4px 10px 0 0;font-size:13px;}
}


@media all and (max-width :767px) {

/* bbs_view01 */
.bbs_view01 { margin-bottom:20px;}
.bbs_view01 .bv_title{ flex-wrap: wrap; width: 100%;}
.bbs_view01 .bv_title.lms_niotce{flex-wrap: nowrap;}
.bbs_view01 .bv_title strong{font-size:13px; padding:3px 0 0 0; line-height:17px; width: 100%;}
.bbs_view01 .bv_title01 strong{font-size:13px; padding:3px 0 0 0; line-height:17px; width: 100%;}
.bbs_view01 .bv_title01 .bv_title01_n02 strong{font-size: 13px;padding:3px 0 0 0; line-height:17px; width: 100%;}

.bbs_view01 .bv_title02 .bv_title01_n02 strong{font-size: 15px;}

.bbs_view01 .bv_title03 span{font-size:12px; line-height:14px;}
.bbs_view01 .bv_title03 strong{font-size:13px; line-height:17px;} 


.bbs_view01 .lms_badge01{  height: 20px;line-height: 17px;}


.bv_content .bv_content_img iframe{height:200px;}

.bv_content_img img{max-width:100%; height: auto !important;}

.bv_content{padding:0 0 15px 0; font-size:13px;}
.bv_content img{max-width:100%; height: auto !important;}
.bv_content .bv_content_text{ overflow:hidden; padding-top: 10px;}
.bv_content .bv_content_text a{ word-break:break-all !important;}
.bv_content .bv_content_text iframe{ width:100% !important;}
.bv_content .bv_content_text table{font-size:14px;}
.bv_content .bv_content_text table th, .bv_content .bv_content_text table td{ word-break:break-all !important;}


.bbs_view01 .bv_file02{flex-wrap: wrap;}
.bbs_view01 .bv_file02 dd{width: 100%;}
.bbs_view01 .bv_file02 .bv_file01_img{ margin-top: 5px;}

.bbs_view01 .bv_file02 .bv_file01_img a img{ border-radius: 4px; width: 80px; height: 60px;}

}
















/* 댓글*/
.comment_btn_guide{display: flex; justify-content: flex-end; gap:3px; margin-top:5px; align-items: center;}
.comment_btn_guide .comment_btn{ border-radius: 4px;  color: #fff; font-size: 12px; font-weight: 500; min-width: 60px; text-align: center;height: 26px; line-height: 26px; display: inline-block;}

.comment_view_guide01 .comment_btn,
.comment_view_guide01 .cbtn_style{ border-radius: 4px;  color: #fff; font-size: 10px; font-weight: 500; min-width: 40px; text-align: center;height: 22px; line-height: 21px; display: inline-block; }




.comment_guide_tit{ padding:10px 0 10px 15px; background: #ceddf5; border-radius: 10px 10px 0 0; display: flex;}
.comment_guide_tit strong{ background-position: left center; background-repeat: no-repeat; background-size: 20px; padding-left:22px; font-size: 15px; font-weight: 600; display: flex; align-items: center;}
.comment_guide_tit .ct_01{ background-image:url('../../images/com/icon_inquiry.png');}
.comment_guide_tit .ct_02{ background-image:url('../../images/com/tit_03.png'); background-size: 18px;}

.comment_guide_tit strong em{ font-size: 11px; color: #ff0000; background: #fff; border-radius: 30px; padding: 0 6px; margin-left: 5px; line-height: 19px; height: 18px;}
@media all and (max-width :1024px) {
.comment_guide_tit{ margin-top: 20px;}
}

@media all and (max-width :767px) {
.comment_guide_tit{ padding:8px 0 8px 15px;}
.comment_guide_tit strong{ background-size: 16px; padding-left:20px; font-size: 13px;}
.comment_guide_tit strong em{ font-size: 10px; line-height: 17px; height: 16px;}
.comment_guide_tit .ct_02{  background-size: 14px;}
}






.comment_view_guide01.reply_style{padding-left: 35px; background:url('../../images/com/replay01.png') 10px 5px no-repeat; background-size: 20px;}
.comment_view_guide01.reply01{margin-left: 10px;}
.comment_view_guide01.reply02{margin-left: 30px;}
.comment_view_guide01.reply03{margin-left: 50px;}
.comment_view_guide01.reply04{margin-left: 70px;}
.comment_view_guide01.reply05{margin-left: 90px;}
.comment_view_guide01.reply06{margin-left: 110px;}
.comment_view_guide01.reply07{margin-left: 130px;}
.comment_view_guide01.reply08{margin-left: 130px;}
.comment_view_guide01.reply09{margin-left: 150px;}
.comment_view_guide01.reply10{margin-left: 170px;}

.comment_view_guide01{margin-bottom: 25px;}
.comment_view_guide01 input[type=file]{ width:100%; line-height:30px; height:30px; padding:0 1%; border:none; padding-left: 0; font-size: 12px;}

.reply_style .comment_view01{padding:0 0 0 10px;}
.comment_view01.com_me dd ul{border: 1px dashed #384fe9;}

.comment_view01{ display: flex; align-items: flex-start;}

.comment_view01 .cw_pw{ background:url('../../images/com/pw01.png') left top no-repeat; background-size: 10px; padding-left: 15px; color: #ff0000; font-size: 13px;font-weight: 500; }

.comment_view01 dt {font-size: 11px; text-align: center; margin-right: 10px; width: 40px; font-weight: 500;}
.comment_view01 dt span{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden; display:inline-block; border: 1px solid #e1f0fd;}
.comment_view01 dt em{ display:block;}
.comment_view01 dt span img{ width: 100%;}

.comment_view01 dd {width: calc(100% - 50px);}
.comment_view01 dd ul{border: 1px dashed #ddd;  border-radius: 6px; padding: 6px 10px; position: relative;}
.comment_view01 dd ul li{ margin: 5px 0;font-size: 14px; }
.comment_view01 dd ul li .cyn_com{ padding: 2px 8px 2px 18px; font-size:10px;background-size:10px!important; background-position: 6px 3px; box-shadow: none; margin: 0;}
.comment_view01 dd ul li .cyn_no{ background-position: 6px 4px;}

.comment_view01 dd ul li .comment_name {font-size: 14px;}
.comment_view01 dd ul li .comment_name > em{font-weight: 600;}


.comment_view01 dd ul li.comment_date_chu{  display: inline-flex;  align-items: center;flex-wrap: wrap;  gap:5px;}
.comment_view01 dd ul li.comment_date_chu .comment_date{ font-size: 11px;background:url('../../images/com/bbs_date.png') left 2px no-repeat; padding-left: 13px; background-size: 10px; height: 15px; display: inline-block; line-height: 15px; margin-right: 10px;}
.comment_view01 dd ul li.comment_date_chu .chu{background: url(../../images/com/tit_01_01.png) left top no-repeat;padding-left: 18px; background-size: 15px; font-size: 13px; color: #ff0000; font-weight: 700; display: inline-block; margin-top: -4px;  height: 16px;}


.comment_view01 dd ul li.comment_date_chu01{ display: inline-flex;  align-items: center; flex-wrap: wrap;  gap:5px;}
.comment_view01 dd ul li.comment_date_chu01 .comment_ctxt{ font-size: 11px; margin-right: 10px;}

.comment_view01 dd ul li.comment_date_chu01 .comment_date{ font-size: 11px;background:url('../../images/com/bbs_date.png') left 2px no-repeat; padding-left: 13px; background-size: 10px; height: 15px; display: inline-block; line-height: 15px;  margin-right: 10px;}
.comment_view01 dd ul li.comment_date_chu01 .chu{background: url(../../images/com/tit_01_01.png) left top no-repeat;padding-left: 18px; background-size: 15px; font-size: 13px; color: #ff0000; font-weight: 700; display: inline-block; margin-top: -2px;  height: 16px;}


.comment_view01 dd .bbs_txt01{font-size: 13px; margin: 10px 0;}

.comment_view01 dd .file_guide01 p{ display: flex; align-items: center; }
.comment_view01 dd .file_guide01 a{ background: url(../../images/com/file01.png) left center no-repeat;background-size: 13px; font-size: 13px;padding: 0 10px 0 16px; color: #0415b2;font-weight: 500;}
.comment_view01 dd .file_guide01 button{ background: url(../../images/com/icon_close01.png) center no-repeat;  display: inline-block;text-indent: -9999px; background-size: 17px; width: 17px; height: 17px;}

/* 본문에 찬성 반대 표시 */
.cyn_guide{ margin-top: 20px; line-height: normal;}
.cyn_guide .cyn_com{border-radius: 4px !important;}
.cyn_guide em{margin-left: 5px;display: inline-block; min-width: 20px; background: #fff; border-radius: 50px; padding: 2px 8px; font-weight: 700;}
.cyn_guide .cyn_yes em{color: #3669ff }
.cyn_guide .cyn_no em{color: #fc0000 }



@media all and (max-width :1280px) {
.comment_view01 dd ul li .comment_name {font-size: 13px;}
.comment_view01 dd ul li .comment_name > em{font-weight: 500;}
.comment_view01 dd ul li{font-size: 13px;}
}

@media all and (max-width :767px) {
.comment_view01 dt {margin-right: 5px; width: 40px;}
.comment_view01 dd {width: calc(100% - 45px);}
.comment_view01 dd ul li{font-size: 12px;}
.comment_view01 dd ul li.comment_date_chu{ display: inline-flex; justify-content: space-between; width: 100%; flex-wrap: wrap;}
.comment_view01 dd ul li.comment_date_chu i{display: inline-flex;}
.comment_view01 dd ul li.comment_date_chu .chu{ margin-top: -3px;}

.comment_view01 dd ul li.comment_txt{ margin-right: 0;}
.comment_view01 dd .file_guide01 a{  font-size: 12px;}

.comment_view_guide01{margin-bottom: 10px;}
.comment_view_guide01.reply_style{padding-left:16px; background-size: 12px; background-position: left 16px;}
.comment_view_guide01.reply01{margin-left: 5px;}
.comment_view_guide01.reply02{margin-left: 10px;}
.comment_view_guide01.reply03{margin-left: 15px;}
.comment_view_guide01.reply04{margin-left: 20px;}
.comment_view_guide01.reply05{margin-left: 25px;}
.comment_view_guide01.reply06{margin-left: 30px;}
.comment_view_guide01.reply07{margin-left: 35px;}
.comment_view_guide01.reply08{margin-left: 40px;}
.comment_view_guide01.reply09{margin-left: 45px;}
.comment_view_guide01.reply10{margin-left: 50px;}

.cyn_guide{ text-align: center; margin-bottom: 10px;}
}








.comment_guide01 .comment_write_guide01{ background: #f9f9f9; border: 1px solid #3669ff; border-radius: 0 15px 15px 15px; padding:10px 15px;}
.comment_write_guide01{margin-bottom: 30px;}
.comment_write_guide01 input[type=file]{ width:100%; line-height:30px; height:30px; padding:0 1%; border:none; padding-left: 0; font-size: 12px;}
.comment_write_guide01 textarea{border: 1px dashed #ddd;}
.comment_write_guide01 .cw_pw{font-size: 14px; font-weight: 500; display: flex; align-items: center;}

.comment_write01{ display: flex; align-items: flex-start;}
.comment_write01 dt {font-size: 12px; text-align: center; margin-right: 10px; padding-top: 15px;font-weight: 500;}
.comment_write01 dt span{ width: 40px; height: 40px; border-radius: 50%; overflow: hidden; display:inline-block; border: 1px solid #e1f0fd;}
.comment_write01 dt em{ display:block;}
.comment_write01 dt span img{ width: 100%;}

.comment_write01 dd {width: 100%;}
.comment_write01 dd ul li{ margin: 5px 0;}
.comment_write01 dd p{text-align: right; font-size: 12px; margin-bottom: 5px;}


.comment_write01 dd .comment_yesno{ display: flex; justify-content: space-between; align-items: flex-end;}
.coss_view_box01 .cyn_com{ border-radius: 50px; padding: 8px 15px 8px 35px; font-size:13px; font-weight:600; background-size:16px!important; background-position: 15px 8px; background-repeat: no-repeat; background-color: #fff; border: 1px solid #ddd; box-shadow: -1px -5px 5px rgba(0,0,0,0.05); margin: 5px 0;}
.coss_view_box01 .cyn_yes{background-image: url(../../images/com/tit_06_02.png);}
.coss_view_box01 .cyn_no{background-image: url(../../images/com/tit_07_02.png);background-position: 15px 9px;}
.coss_view_box01 .cyn_yes:hover,
.coss_view_box01 .cyn_yes:focus,
.coss_view_box01 .cyn_yes.active{background-color:#3669ff; color: #fff; border: 1px solid #3669ff;background-image: url(../../images/com/tit_06_01.png);}

.coss_view_box01 .cyn_no:hover,
.coss_view_box01 .cyn_no:focus,
.coss_view_box01 .cyn_no.active{background-color:#fc0000; color: #fff;border: 1px solid #fc0000;background-image: url(../../images/com/tit_07_01.png);}




.comment_write01 dd .bbs_txt01{font-size: 13px; margin: 10px 0;}
.comment_write01 dd .file_guide01{ border: 1px dashed #ddd;  border-radius: 6px; padding: 5px; background: #fff;}
.comment_write01 dd .file_guide01 p{ display: flex; align-items: center;  margin: 5px 0;}
.comment_write01 dd .file_guide01 a{ background: url(../../images/com/file01.png) 10px center no-repeat;background-size: 13px; font-size: 13px;padding: 0 10px 0 26px;}
.comment_write01 dd .file_guide01 button{ background: url(../../images/com/icon_close01.png) center no-repeat;  display: inline-block;text-indent: -9999px; background-size: 17px; width: 17px; height: 17px;}

@media all and (max-width :1280px) {
.comment_guide01 .comment_write_guide01{ border-radius: 0 10px 10px 10px; padding: 10px;}
}
@media all and (max-width :767px) {
.comment_write01{ flex-wrap: wrap;}
.comment_write01 dt {padding-top: 0; font-size: 11px;}
.comment_write01 textarea { font-size: 13px;}
.comment_write01 dd .bbs_txt01{font-size: 12px; margin: 5px 0;}

}


























/* bbs_vlist// 이전다음글게시판**************************************************/
.bbs_vlist{ margin:40px 0; border:1px dashed #dbe1ee; border-radius: 10px;overflow: hidden;}
.bbs_vlist ul li{ display: flex; gap:20px;padding:10px; border-bottom:1px dashed #dbe1ee;color:#000; align-items: center;background: #f7f8fc;}
.bbs_vlist ul li:first-child{ border-bottom:0; }
.bbs_vlist ul li > span{ background:#fff url("../../images/com/arrow_next01.png") calc(100% - 10px) center no-repeat; text-align: center; padding:5px 20px 5px 10px; font-size:11px; border-radius: 5px; background-size: 3px; border: 1px solid #ddd; font-weight: 500;}
.bbs_vlist ul li a{width: calc(100% - 100px);overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bbs_vlist a:hover,
.bbs_vlist a:focus{ text-decoration:underline;}
.bbs_vlist ul li:first-child > span{background:#fff url("../../images/com/arrow_back01.png") 10px center no-repeat;padding:5px 10px 5px 20px; background-size: 3px;}

@media all and (max-width :1024px) {
.bbs_vlist{ margin:20px 0 0 0;border:0;  }
.bbs_vlist ul li{gap:10px;padding:10px 0; background: none; font-size: 13px;}
.bbs_vlist ul li > span{ padding:5px 15px 5px 10px;  background-position: calc(100% - 5px) center;}
.bbs_vlist ul li:first-child > span{padding:5px 10px 5px 15px;background-size: 3px;background-position: 5px center; }
.bbs_vlist ul li a{width: calc(100% - 70px); font-size: 13px;}
}









/* bbs_view02 ************************************************************************************/

.bbs_view02 .bv_info03{padding:15px 20px; display: inline-flex; align-items: center;border-radius: 6px; width: 100%; justify-content: space-between; background: #f3f5fb;}
.bbs_view02 .bv_info03 strong {background: #fff;  font-size:12px; border-radius: 40px; padding: 8px 15px; display: inline-block; white-space: nowrap; margin-right: 10px;}
.bbs_view02 .bv_info03 .fc_blue{ font-size: 16px; font-weight: 500;}

@media all and (max-width :1520px) {
.bbs_view02 .bv_info03{padding:10px 20px; flex-wrap: wrap;justify-content: flex-start;}
.bbs_view02 .bv_info03 li{margin: 5px 20px 5px 0; font-size: 14px;}
.bbs_view02 .bv_info03 strong { padding: 5px 12px;}
.bbs_view02 .bv_info03 .fc_blue{ font-size: 14px;}
}
@media all and (max-width :767px) {
.bbs_view02 .bv_info03{padding:8px 12px; flex-wrap: wrap;justify-content: flex-start;}
.bbs_view02 .bv_info03 li{margin: 3px 15px 3px 0; font-size: 13px;}
.bbs_view02 .bv_info03 strong { padding: 3px 10px; font-size: 10px; border-radius: 4px;}
.bbs_view02 .bv_info03 .fc_blue{ font-size: 13px;}
}


.bbs_view02_tit { background: #fff; border:2px solid #5379ff; padding: 30px 30px 0 30px;position: fixed; bottom: -2px; width:76%; border-radius: 20px 20px 0 0; box-shadow: -1px -10px 10px rgba(0,0,0,0.1); left:16.5%; display: flex; justify-content: space-between; align-items: flex-start; gap:30px; z-index: 5;}
.bbs_view02_tit_guide01{ width: 100%; }
.bbs_view02_tit_guide02{ display: flex; gap:10px;}
.bbs_view02_tit_guide02 .c_badge01{ width: 100px; height: 50px; line-height: 50px;}
.bbs_view02_tit_guide02 .vbtn_style{background:#fff; border: 2px solid #1779ff; color: #1779ff; height: 44px; line-height: 40px; border-radius: 6px;font-size: 14px; font-weight: 600; display: inline-block; min-width: 60px; padding:0 20px; text-align: center;white-space: nowrap;}   

.bbs_view02_tit_guide02 .vbtn_save{background:#1a1e54;color: #fff; height: 44px; line-height: 44px; border-radius: 6px;font-size: 14px; font-weight: 600; min-width: 100px; text-align: center; display: inline-block;}


@media all and (max-width :1720px) {
.bbs_view02_tit{left:18%;}
}
@media all and (max-width :1520px) {
.bbs_view02_tit{width:77%;}
}
@media all and (max-width :1280px) {
.bbs_view02_tit{width:100%; left:0;border-radius: 10px 10px 0 0;}
.bbs_view02 .bbs_view02_tit .bv_title strong{font-size: 18px;}
}
@media all and (max-width :1024px) {
.bbs_view02_tit{width:100%; left:0; padding: 15px 15px 0 15px}
.bbs_view02 .bbs_view02_tit .bv_title strong{font-size: 16px;}
.bbs_view02 .bbs_view02_tit .bv_info{ gap:10px; }
.bbs_view02_tit_guide02 .c_badge01{ width: 80px; height: 40px; line-height: 40px;}
.bbs_view02_tit_guide02 .vbtn_style{width: 80px; height: 40px; line-height: 40px;}
}
@media all and (max-width :767px) {
.bbs_view02_tit{display: none;}
}





.bbs_view02 {clear:both; margin-bottom:20px; position: relative;}


/* bbs_view02 // 타이틀 */
.bbs_view02 .bv_title { border-bottom:1px dashed #dbe1ee; display: flex; padding-bottom: 15px;}
.bbs_view02 .bv_title .bv_title_guide01 { display: flex; justify-content: space-between; width: 100%;}
.bbs_view02 .bv_title .bv_title_guide01 strong{ width:100%;}
.bbs_view02 .bv_title strong{font-size:20px; padding:0 5px;  line-height:22px;font-weight: 600; }


.bbs_view02 .bv_info{ font-size:14px;padding:15px 0; border-bottom:1px dashed #dbe1ee; display: flex; align-items: center; gap:25px; }
.bbs_view02 .bv_info strong {background: #f3f5fb url("../../images/com/bbs_write.png") 10px center no-repeat; margin-right:10px; font-size:12px; border-radius: 40px; padding: 8px 15px 8px 30px; display: inline-block; background-size: 15px;white-space: nowrap;}
.bbs_view02 .bv_info span{font-weight: 600; font-size: 16px;color: #1141ce;}
.bbs_view02 .bv_info .bt_count{background-image: url(../../images/com/bbs_count.png); }
.bbs_view02 .bv_info .bt_date{background-image: url(../../images/com/bbs_date.png); }
.bbs_view02 .bv_info .bt_file{background-image: url(../../images/com/lnb_prf_icon05.png); }
.bbs_view02 .bv_info .bt_place{background-image: url(../../images/com/file03.png); }
.bbs_view01 .bv_info .bt_state{background-image: url(../../images/com/file02.png); }


.bbs_view02 .bv_info01{ font-size:13px;padding:15px 0; display: flex; align-items: center;}
.bbs_view02 .bv_info01 strong {background: #f3f5fb url("../../images/com/bbs_write.png") 10px center no-repeat; margin-right:10px; font-size:12px; border-radius: 40px; padding: 8px 15px 8px 30px; display: inline-block; background-size: 15px;white-space: nowrap;}
.bbs_view02 .bv_info01 .bt_count{background-image: url(../../images/com/bbs_count.png); }
.bbs_view02 .bv_info01 .bt_date{background-image: url(../../images/com/bbs_date.png); }
.bbs_view02 .bv_info01 .bt_file{background-image: url(../../images/com/lnb_prf_icon05.png); }
.bbs_view02 .bv_info01 .bt_place{background-image: url(../../images/com/file03.png); }
.bbs_view02 .bv_info01 span {display:block; align-items: center; width: 100%;}
.bbs_view02 .bv_info01 span em{ background: #f6f9ff;font-size:14px; border-radius: 40px; padding: 8px 15px; display: inline-block; white-space: nowrap; margin:2px 5px 2px 0; border: 1px dashed #5379ff; color: #1141ce; font-weight: 500;}
.bbs_view02 .bv_info01 span em b{color: #ff0000; margin-left:5px;}

@media all and (max-width :1520px) {
.bbs_view02 .bv_info01 span em{font-size:13px; padding: 5px 12px; }
.bbs_view02 .bv_info span{ font-size: 14px;}

}
@media all and (max-width :1280px) {
.bbs_view02 .bv_title strong{font-size:18px; line-height:22px;}
}
@media all and (max-width :1024px) {
.bbs_view02 .bv_info { padding:7px 0;  display:block;}
.bbs_view02 .bv_info li { font-size:12px; display: inline-block; margin: 3px 0;}
.bbs_view02 .bv_info strong { font-size:10px;  border-radius: 40px; padding: 6px 10px 6px 20px;background-size: 12px; background-position: 5px center;}
.bbs_view02 .bv_info01 span em{font-size:11px; padding: 3px 10px; }
.bbs_view02 .bv_info span{ font-size: 13px;}

.bbs_view02 .bv_info01 strong { font-size:10px;  border-radius: 40px; padding: 6px 10px 6px 20px;background-size: 12px; background-position: 5px center;}

}

@media all and (max-width :767px) {
.bbs_view02 { margin-bottom:20px;}
.bbs_view02 .bv_title{ flex-wrap: wrap; width: 100%;}
.bbs_view02 .bv_title strong{font-size:15px; padding:3px 0 0 0; line-height:20px; width: 100%;}
}







/* 본문 타이틀 */
.bbs_view_tit01{ display: flex; justify-content: space-between; align-items:flex-end; margin:0 5px 10px 5px;}
.bbs_view_tit01 > strong{background: url(../../images/com/tit_02.png) left center no-repeat; background-size: 20px; display: inline-block; padding-left: 25px; font-size: 18px; font-weight: 600; white-space: nowrap;}

.view_list_table01_guide01{ margin-top: 30px;}
.view_list_table01{  overflow-y:overlay; }
.view_list_table01::-webkit-scrollbar { width:10px; }
.view_list_table01::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.25); border-radius: 100px;}

.view_list_table01.swt_02  table{width:250%; }
.view_list_table01.swt_03  table{width:180%; }
.view_list_table01{overflow-x: auto;}
.view_list_table01 table{width:100%; text-align: center; }
.view_list_table01 table tr{position: relative;}



.view_list_table01 table{border-top: 2px solid #e0e8f7;border-bottom: 2px solid #e0e8f7;}
.view_list_table01 table th{ padding:10px;  font-weight: 600; font-size: 13px; white-space: nowrap; background: #ebf2ff; color: #1a1e54; border-left: 1px solid #f5f9ff;border-bottom: 1px solid #f5f9ff;}
.view_list_table01 table th:first-child{border-radius: 4px 0 0 4px;}
.view_list_table01 table th:last-child{border-radius:  0 4px 4px 0;}

.view_list_table01 table td {padding:12px 10px; text-align:center; border-bottom:1px solid #e0e8f7;font-size: 14px;}
.view_list_table01 table .tit_b{font-size: 14px; font-weight: 500;/*white-space: nowrap; overflow: hidden;text-overflow: ellipsis;*/ }
.view_list_table01.al td{ text-align: left!important;}
.view_list_table01 .bv_bg01{background: #eff2f7;}
.view_list_table01 .bv_bg02{background: #dbe3f3;}
.view_list_table01 .bv_bg03{background: #eff6fb;}
.view_list_table01 .bv_bg04{ border: 2px solid #fff; background: #f5f5f5; }
.view_list_table01 .bv_bg04 .fwb{font-size: 17px; font-weight: 700;}
.view_list_table01 .bv_bg05{background: #f7faff;color: #1a1e54; }
.view_list_table01 .bv_bg06{background: #f9f9f9;}


.view_list_table01 .bv_line01{border-right: 1px solid #e0e8f7;}
.view_list_table01 .bv_line02{border-left: 1px solid #e0e8f7;}
.view_list_table01 .bv_line03 th,
.view_list_table01 .bv_line03 td{border-top: 2px solid #e0e8f7;}


.view_list_table01.bv_focus01 table tr:hover,
.view_list_table01.bv_focus01 table tr:focus,
.view_list_table01.bv_focus01 table tr.active td{cursor: pointer;background: #f8f8f8!important;}

.view_list_table01 .tit_icon01{background: url(../../images/com/title_icon09.png) left center no-repeat; padding-left: 20px; background-size: 15px;font-weight: 500;}


@media all and (max-width :1024px) {
.view_list_table01.swt_01  table{width:150%;}
.view_list_table01.swt_02  table{width:320%;}
.view_list_table01.swt_03  table{width:220%;}
.view_list_table01.swt_04  table{width:220%;}

.bbs_view_tit01 > strong{ background-size: 18px; padding-left: 23px; font-size: 16px; }

.view_list_table01 table{ width: 220%;}
.view_list_table01 table td {padding:10px 5px; font-size: 13px;}
.view_list_table01 table .tit_b{ font-size: 13px;}
.view_list_table01 table th{ padding:10px 5px; font-size: 12px;}

}

@media all and (max-width :767px) {
.bbs_view_tit01 > strong{ font-size: 15px;}
}



.view_list_table02 table{width:100%; text-align: center; }
.view_list_table02 table tr{position: relative;}

.view_list_table02 table{border-top: 2px solid #e0e8f7;border-bottom: 2px solid #e0e8f7;}
.view_list_table02 table th{ padding:10px;  font-weight: 600; font-size: 13px; white-space: nowrap; background: #ebf2ff; color: #1a1e54; border-left: 1px solid #f5f9ff;border-bottom: 1px solid #f5f9ff;}

.view_list_table02 table th:first-child{border-radius: 4px 0 0 4px;}
.view_list_table02 table th:last-child{border-radius:  0 4px 4px 0;}

.view_list_table02 table td {padding:12px 10px; text-align:center; border-bottom:1px solid #e0e8f7;font-size: 14px;}
.view_list_table02 table .tit_b{font-size: 14px; font-weight: 500;/*white-space: nowrap; overflow: hidden;text-overflow: ellipsis;*/ }
.view_list_table02.al td{ text-align: left!important;}
@media all and (max-width :767px) {
.view_list_table02 table { display: flex;border-top: 1px solid #e0e8f7;border-right: 1px solid #e0e8f7;border-left: 1px solid #e0e8f7; border-radius: 4px;overflow: hidden;border-bottom:0;}
.view_list_table02 table tr{ width: 100%; display: inline-flex; flex-wrap: wrap; }
.view_list_table02 table th{ width: 25%;font-size: 12px; padding:7px 10px; border-radius: 0!important;}
.view_list_table02 table td{ width: 75%;font-size: 13px; padding:7px 10px;}
}













/*달력*/
.bbs_calendar_guide01{ height: 230px; overflow-y:overlay; background: #f1f6ff; border-radius: 10px; padding: 20px; margin-bottom: 40px;}
.bbs_calendar_guide01::-webkit-scrollbar { width:10px; }
.bbs_calendar_guide01::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.25); border-radius: 100px;}
.bbs_calendar_guide01 .coss_list01 .coss_list_box { padding:12px 30px;  border-radius: 10px;  margin-bottom: 15px; background:#fff; border: 0;}
.bbs_calendar_guide01 .coss_list01 .coss_list_box .b_tit{ font-size: 18px; display: flex;align-items: center; gap:5px;}


.bbs_calendar_guide02{display: flex; justify-content: space-between;}

.bbs_calendar_guide02 .bg_red{background: #ff0000;}
.bbs_calendar_guide02 .bg_blue{background: #0051ff;}
.bbs_calendar_guide02 .t_none{background: #f8f8f8;}
.bbs_calendar_guide02 .today{ background: #b2ffea;font-weight: 700!important;}
.bbs_calendar .active {background: #dfe3f0!important;}
.bbs_calendar .active i{ background: #ffff; font-weight: 700!important; }

.bbs_calendar_guide02 .bg_c01{background: #e9efff;}
.bbs_calendar_guide02 .bg_c02{background: #f8eeff;}
.bbs_calendar_guide02 .bg_c03{background: #c8fffc;}
.bbs_calendar_guide02 .bg_c04{background: #faffbf;}
.bbs_calendar_guide02 .bg_c05{background: #d9ffe1;}
.bbs_calendar_guide02 .bg_c06{background: #ffede9;}

.bbs_calendar_guide02 .bg_fc01{background: #00c0ff; color: #fff;}/* 단국대학교*/
.bbs_calendar_guide02 .bg_fc02{background: #f96bd9; color: #fff;}/* coss */

.bbs_calendar_text01 .bg_fc01,
.bbs_calendar_text01 .bg_fc02{ color: #000!important;}


.calendar_month { margin-bottom: 5px;display: flex; justify-content:space-between;align-items: flex-end; gap:30px; }
.calendar_month > div{  width: 100%; margin-bottom:10px;}
.calendar_month > div > p{  display: inline-block; position: relative;}
.calendar_month strong{ font-size: 23px; font-weight: 800; margin:0 40px;}
.calendar_month .cal_btn_prev{background: url("../../images/com/btn_prev01.png") center no-repeat; background-size: 30px; width: 30px; height: 30px; display: inline-block; text-indent: -9999px; position: absolute; top:0; left:0;}
.calendar_month .cal_btn_next{background: url("../../images/com/btn_next01.png") center no-repeat; background-size: 30px; width: 30px; height: 30px; display: inline-block; text-indent: -9999px; position: absolute; top:0; right:0;}

.calendar_state {  display: flex; width: 100%; justify-content: flex-end; align-items: center; margin-bottom: 5px;}
.calendar_state span{ background-color: #fff!important; font-size: 12px; color: #000!important; padding-left: 16px; margin-left:20px; display: inline-block;position: relative;}
.calendar_state span:before{width: 12px; height: 12px; border-radius: 50%; display: inline-block; left:0; content: ''; position: absolute; top:1px;}

.calendar_state span.bg_fc01:before{ background-color: #00c0ff!important;}
.calendar_state span.bg_fc02:before{ background-color: #f96bd9!important;}


.calendar_state01 {  display: flex; width: 100%; justify-content: flex-end; align-items: center; margin-bottom: 5px;}
.calendar_state01 span{ background-color: #fff!important; font-size: 14px; color: #000; margin-left:20px; display: inline-flex;position: relative; align-items: center; font-weight: 500;}

.calendar_state01 span:before{  border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px;  font-size: 10px; font-weight: 600;margin-right: 5px; color: #fff;}
.calendar_state01 span.bg_tc01:before{content: 'N'; background: #00aef6;}
.calendar_state01 span.bg_tc02:before{content: '×'; font-size: 16px;background: #aeaeae;}




.bbs_calendar{width: 100%; margin-right: 30px;}
.bbs_calendar table{width: 100%; }
.bbs_calendar table th{ border-left: 1px solid #636990;}
.bbs_calendar table th{background: #545a80; color: #fff;font-size: 11px; padding: 10px 0;}
.bbs_calendar table tr td{text-align: right;border: 1px solid #dbe1ee; height: 80px; vertical-align: top; position: relative;}
.bbs_calendar table tr td .td_box i{font-size: 12px; margin-bottom: 5px; font-weight: 500; border-radius: 50%; width: 24px; height: 24px; line-height: 24px; display: inline-block; text-align: center;}

.bbs_calendar .date_text01{display: block;}
.bbs_calendar .date_text01 em{ font-size: 12px;display: block; margin-bottom: 5px; padding:4px 5px 5px 0; border-radius: 3px; width: 100%; height: 22px; overflow: hidden; line-height: 17px;}
.bbs_calendar.td_bgcolor01 td a{ background-color: #f0f8ff; height: 100%;}



.bbs_calendar td .td_box{padding: 5px 5px 15px 15px; display: block; height: 100%;width: 100%;}
.bbs_calendar td a:hover,
.bbs_calendar td a:focus{ font-weight: 500;}



.bbs_calendar .date_text02{display: block; text-align: center; min-height: 30px;}
.bbs_calendar .date_text02 em{ border-radius: 50%;text-indent: -9999px; font-size: 0; width: 10px; height: 10px; display: inline-block;}

.bbs_calendar .date_text03{display: block;text-align: center;}
.bbs_calendar .date_text03 em{ font-size: 0;  position: absolute; bottom:10px; left:7px;  border-radius: 50%; width: 24px; height: 24px;display: inline-block;text-align: center; line-height: 24px; font-weight: 600; color: #fff;}
.bbs_calendar .date_text03 em.bg_tc01{font-size: 10px!important;background: #00aef6; font-weight: 700!important;}
.bbs_calendar .date_text03 em.bg_tc02{ font-size: 16px!important; background: #aeaeae;padding-left: 1px;}







.bbs_calendar_text01{min-width: 400px; border-radius: 15px; padding: 20px 0;margin-top: 40px; background: #f0f5ff; }

.bbs_calendar_text01_01{overflow-y:overlay; max-height: 490px; padding: 0 20px;}
.bbs_calendar_text01_01::-webkit-scrollbar { width:10px; }
.bbs_calendar_text01_01::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.25); border-radius: 100px;}

.bbs_calendar_text01 h6{ margin-bottom: 10px;  display: block; text-align: center;}
.bbs_calendar_text01 h6 strong{ font-size: 16px; font-weight: 600;  background: url(../../images/com/tit_02.png) left center no-repeat;  background-size: 20px; padding: 5px 0 5px 25px;
    display: inline-block;}
.bbs_calendar_text01 .coss_nodata02{ margin: 50px 0;}

.bbs_calendar_text01 dl{margin-bottom: 15px; border-radius: 8px; padding: 15px;background: #fff;box-shadow: 1px 10px 10px rgba(0,61,180,0.08);}
.bbs_calendar_text01 dl:last-child{margin-bottom: 0;}
.bbs_calendar_text01 dl dt{font-size: 14px; margin:0 0 10px 0;background: url("../../images/com/title_icon01.png")left center no-repeat;  background-size: 13px; padding-left: 20px;}
.bbs_calendar_text01 dl dd > p {padding:1px 1px 1px 14px; margin: 5px 0; border-radius: 2px;}
.bbs_calendar_text01 dl dd > p > span{  display: block; background: #fff; padding: 7px 10px;font-size: 13px;}


.bbs_calendar_text02{max-width: 500px; border-radius: 15px; padding: 20px;margin-top: 10px; background: #f0f5ff; min-width: 500px;}

.bbs_calendar_text02 h6{ margin-bottom: 10px;  display: block; text-align: center;}
.bbs_calendar_text02 h6 strong{ font-size: 16px; font-weight: 600;  background: url(../../images/com/tit_02.png) left center no-repeat;  background-size: 20px; padding: 5px 0 5px 25px;
    display: inline-block;}



.bbs_calendar_text02_01{border-radius: 8px; padding: 20px 0;background: #fff;box-shadow: 1px 10px 10px rgba(0,61,180,0.08);}
.bbs_calendar_text02_02{  overflow-y:overlay;max-height: 410px;  width: 100%; display: block; }
.bbs_calendar_text02_02::-webkit-scrollbar { width:10px; }
.bbs_calendar_text02_02::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.25); border-radius: 100px;}

.bbs_calendar_text02 dl{ margin-bottom: 15px; border-bottom: 1px dashed #dbe1ee; padding: 0 15px 15px 15px;  display: flex; align-items: flex-start;flex-wrap: wrap;}
.bbs_calendar_text02 dl:last-child{border-bottom:0;}

.bbs_calendar_text02 dl dt{font-size: 14px; background: url("../../images/com/title_icon01.png")left center no-repeat;  background-size: 13px; padding-left: 20px; width: 100%; margin-bottom: 8px;}
.bbs_calendar_text02 dl dd{width: 100%;}
.bbs_calendar_text02 dl dd > p {padding-left:15px; border-radius: 2px;}
.bbs_calendar_text02 dl dd > p > span{  display: block; background: #fff; font-size: 15px; color: #000!important; padding-left: 5px;line-height: 22px;}





.bbs_calendar_text03{min-width: 400px; border-radius: 15px; padding: 20px 0;margin-top: 10px; background: 
#f0f5ff;}


.bbs_calendar_text03 h6 {  margin-bottom: 12px; display: block;text-align: center; }
.bbs_calendar_text03 h6 strong{  font-size: 18px; font-weight: 600; background: url("../../images/com/tit_02.png")left center no-repeat;  background-size: 25px; padding:5px 0 5px 30px; display: inline-block;}
.bbs_calendar_text03 .bbs_calendar_text03_01 ul{ overflow-y:overlay; max-height: 400px; padding: 0 20px 10px 20px;}
.bbs_calendar_text03 .bbs_calendar_text03_01 ul::-webkit-scrollbar { width:10px; }
.bbs_calendar_text03 .bbs_calendar_text03_01 ul::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.25); border-radius: 100px;}



.bbs_calendar_text03 .bbs_calendar_text03_01 ul li{margin-bottom: 10px; border-radius: 8px; background: #fff;box-shadow: 1px 10px 10px rgba(0,61,180,0.08); display: flex; justify-content: space-between; align-items: center;overflow: hidden;}
.bbs_calendar_text03 .bbs_calendar_text03_01 ul li a{display: flex; justify-content: space-between; width: 100%; align-items: center; background: #fff;}
.bbs_calendar_text03 .bbs_calendar_text03_01 ul li a.active{border: 2px solid #3669ff; border-radius: 8px; background: #edffff!important;}
.bbs_calendar_text03 .bbs_calendar_text03_01 ul li strong{color: #1041ce; font-size: 16px; font-weight: 600;padding: 13px;}
.bbs_calendar_text03 .bbs_calendar_text03_01 ul li span{padding-right: 13px;}
.bbs_calendar_text03 .coss_nodata02{ margin: 50px 0;}
.bbs_calendar_text03 .bbs_calendar_text03_btn{background: #3669ff; color: #fff; font-weight: 600; font-size: 15px; text-align: center; line-height: 50px; height: 50px; border-radius: 6px; margin: 0 20px; }



@media all and (max-width :1520px) {
.bbs_calendar_text01{max-width: 350px; padding: 15px 0;}
.bbs_calendar_text01_01{padding: 0 15px;}
.bbs_calendar_text02{max-width: 350px; padding: 15px; min-width: 350px;}
.bbs_calendar_text03{min-width: 350px;}


.bbs_calendar_text02 dl dd > p > span{ font-size: 13px; line-height: 18px;}
.bbs_calendar_text03 h6 {  margin-bottom: 10px;}
.bbs_calendar_text03 h6 strong{  font-size: 16px;background-size: 20px; padding:3px 0 3px 25px;}
.bbs_calendar_text03 .bbs_calendar_text03_01 ul li strong{ font-size: 14px; padding: 10px;}
.bbs_calendar_text03 .bbs_calendar_text03_btn{ font-size: 14px; line-height: 40px; height: 40px;}
.bbs_calendar_text03 .bbs_calendar_text03_01 ul li span{padding-right: 10px;}

}


@media all and (max-width :1280px) {
.bbs_calendar{margin-right: 0}
.bbs_calendar_guide02{ flex-wrap: wrap;}
.bbs_calendar_text01,
.bbs_calendar_text02,
.bbs_calendar_text03{width: 100%; max-height:inherit;max-width:inherit;min-width:inherit; margin-top: 20px;border-radius: 10px;}
.bbs_calendar_text01_01,
.bbs_calendar_text02_02,
.bbs_calendar_text03 .bbs_calendar_text03_01 ul {max-height:inherit;}
}



@media all and (max-width :767px) {
.bbs_calendar_guide01{ height: 250px; padding:0; margin-bottom: 10px; background: none;}
.bbs_calendar_guide01 .coss_list01 .coss_list_box { padding:12px 30px;  border-radius: 10px;  margin-bottom: 15px; background:#fff; border: 1px solid #dbe1ee;}


.bbs_calendar_guide01 .coss_list01 .coss_list_box .b_tit{ font-size: 15px;}
.bbs_calendar td .td_box{padding:5px;}
.bbs_calendar table th{padding: 5px 0; font-size: 10px;}
.bbs_calendar table tr td{ height: 40px;}
.bbs_calendar table tr td .td_box i{font-size: 10px;width: 18px; height: 18px; line-height: 18px;}
.bbs_calendar .date_text01 em{ font-size: 11px; height: 20px;line-height: 16px; padding:3px 5px 5px 0; }

.bbs_calendar .date_text02{ min-height: 20px;}

.bbs_calendar .date_text03 em{bottom:5px; right:inherit; left:5px;width:18px; height: 18px; line-height: 18px; }
.bbs_calendar .date_text03 em.bg_tc01{font-size: 8px!important;}
.bbs_calendar .date_text03 em.bg_tc02{ font-size: 13px!important;}


.bbs_calendar_text01{margin-top: 20px;border-radius: 10px;}
.bbs_calendar_text01 h6 strong{  font-size: 14px;}

.bbs_calendar_guide01 .coss_list01 .coss_list_box { padding:10px 15px;  border-radius: 10px;  margin-bottom: 10px;}




.calendar_state {margin-bottom: 0;}
.calendar_state span{margin-left: 5px; white-space: nowrap;font-size: 11px;}
.calendar_state01 {margin-bottom: 0;}
.calendar_state01 span{margin-left: 5px; white-space: nowrap;font-size: 11px;}

.calendar_month { margin-bottom: 10px; gap:0;}
.calendar_month strong{ font-size: 16px; margin:0 20px;}
.calendar_month > div{ margin-bottom:0; text-align: left;}
.calendar_month .cal_btn_prev,
.calendar_month .cal_btn_next{ background-size: 17px; width: 17px; height: 17px;}

}














/*bbs_faq // 자주하는질문*/
.bbs_faq01{margin-bottom:50px;}
.bbs_faq01 .faq_box li{  border:1px solid #f2f2f2; border-radius:20px; padding:20px 20px 30px 20px; overflow:hidden;box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05); margin-bottom: 30px;}
.bbs_faq01 .faq_box li > a{ display:block; background:url(../../images/com/faq_q.png) left 5px no-repeat; padding:5px 0 5px 40px; position: relative;}
.bbs_faq01 .faq_box li > a > strong{ display:block; width: calc(100% - 30px); margin-top:8px;font-weight: 500; font-size:18px;}
.bbs_faq01 ul li a.faq_fix::after { content: ""; top: 50%; transform: translateY(-50%);position: absolute; right: 0; background: url("../../images/com/down_arrow04.png") center no-repeat; width: 30px; height: 20px; display:  inline-block;}
.bbs_faq01 ul li a.faq_fix.active::after{ background:url("../../images/com/down_arrow05.png")center no-repeat;}


.bbs_faq01 .faq_box .s_view{ display:none;background:url(../../images/com/faq_a.png) 20px 5px no-repeat; padding:10px 0 10px 60px; transition: 0.2s ease-out;font-size:15px;  background-size: 25px; line-height: 22px;}
.bbs_faq01 .faq_box .s_view > .bv_content_text table td, 
.bbs_faq01 .faq_box .s_view > .bv_content_text table th{border:1px solid #ccc !important;}
.bbs_faq01 .faq_box .s_view > .bv_content_text img{ width:auto; max-width:100%;}
.bbs_faq01 .faq_box .s_view > .btn_guide{ text-align:right;}
.bbs_faq01 .faq_box .s_view > .btn_guide button{ display:inline-block; margin:0 2px;}
.bbs_faq01 .faq_box .s_view > .btn_guide .btn_style{height:40px; line-height:40px;padding:0px 20px;}

@media all and (max-width :1720px) {
.bbs_faq01 .faq_box li{border-radius:15px; padding:15px 15px 25px 15px; }

}

@media all and (max-width :1024px) {
.bbs_faq01 .faq_box li{padding:10px;margin-bottom: 20px; border: 1px solid #ddd;}
.bbs_faq01 .faq_box li > a{ background-size: 25px;padding:5px 0 5px 30px;}
.bbs_faq01 .faq_box li > a > strong{font-size:15px;}
.bbs_faq01 .faq_box .s_view{font-size:14px;line-height: 20px;background-size: 20px;padding:5px 0 10px 30px; background-position: 5px 5px;}
}













/*bbs_qna01 / 질문답변 */
.bbs_qna01{margin-bottom:50px;}
.bbs_qna01 *{ box-sizing:border-box;}

/*bbs_list01************************************************************************************/
.bbs_qna01 {margin-bottom:40px;border-bottom:1px solid #000;border-top:2px solid #000;}
.bbs_qna01 *{box-sizing: border-box;}
.bbs_qna01 a:hover{ text-decoration:underline;}
.bbs_qna01 table{width:100%; text-align: center;}
.bbs_qna01 table tr{position: relative;}
.bbs_qna01 table tr:hover{background: #f8f8f8;}
.bbs_qna01 th {color:#000; padding:15px 1% 15px 1%;  border-bottom:1px solid #000; background:#fff; line-height:1.8em; word-break:keep-all;}
.bbs_qna01 td {padding:15px 1%; text-align:center; border-bottom:1px solid #e7e7e7; line-height:1.5em;word-break:keep-all; color: #666;}
.bbs_qna01 td > span{vertical-align:middle;}
.bbs_qna01 .tit{text-align:left; margin-left:15px;}
.bbs_qna01 .tit i{ font-style:normal; display:inline-block; padding:0px 10px; border:1px dotted #a5b3cf; background:#eaecef; color:#4a5a79; border-radius:3px; font-size:14px;line-height:22px;}
.bbs_qna01 .tit .photo{ display: inline-block; width: 150px; margin-right: 20px;}
.bbs_qna01 .tit .photo img{ width: 100%;}
.bbs_qna01 .t_check{ position: absolute; left: 0; top:0px; padding: 0; border: none; background: none;}

/*
.bbs_qna01 tbody tr:nth-child(odd) {background:#fff;}
.bbs_qna01 tbody tr:nth-child(even) {background: #f7f7f7;}
*/

@media all and (max-width :767px) {
.bbs_qna01 {margin-bottom:20px;}
.bbs_qna01 table{ text-align: left; }
.bbs_qna01 table thead{ display:none;}
.bbs_qna01 table colgroup{ display:none;}
.bbs_qna01 table tr{ display:block; border-bottom:1px solid #e7e7e7;}
.bbs_qna01 table td{ display:inline-block;border-left:none; border-bottom:none; text-align:left; padding:7px 2%; color:#666; font-size:14px;}
.bbs_qna01 table .tit{display:block; border-bottom:none; margin-left:0; padding-bottom: 0;}
.bbs_qna01 table .tit a{ font-size:15px; vertical-align:middle;}
	
.bbs_qna01 table .date{position: absolute; top: 5px; right: 0;}
.bbs_qna01 table .writer{position: absolute; bottom: 0px; right: 0;}
.bbs_qna01 table .notice_bg{background: #f5f4f9;}
.bbs_qna01 .t_check{ left: inherit; right: 0; top:0px; }

}



















/* 게시판 페이지링 ************************************************************************************/
.bbs_page{text-align:center; margin-bottom:30px;}
.bbs_page *{ box-sizing:border-box;}
.bbs_page ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.bbs_page ul li{ border:1px solid #ccc; width:45px; height:45px;line-height:45px; border-radius: 4px; overflow: hidden; font-size:16px; margin:0 3px;}
.bbs_page a{display:block; height: 100%; text-align:center; border-radius: 4px;}
.bbs_page a:hover, 
.bbs_page a:focus{background:#ddd;}
.bbs_page a img{margin-top:-4px; vertical-align:middle;}
.bbs_page .active{font-weight:bold; color:#fff; background:#1a1e54 !important; border:none;}


 @media all and (max-width :767px) {
.bbs_page ul li{width:34px; height:35px;line-height:35px; font-size:14px; margin:0.5px;}
.bbs_page a img{ margin-top:-1px; height: 13px;}
}









/*버튼 스타일************************************************************************************/


.bbs_btn_view.btn_val01{margin: 15px 0 30px 0;}
.bbs_btn_view.btn_val{ display: block;}
.bbs_btn_view.btn_val_top{ margin: 0 5px 20px 5px; align-items: flex-end;}
.bbs_btn_view {text-align:center; display: flex; justify-content: space-between; margin: 0 5px;}
.bbs_btn_view  .vbtn_style{background:#fff; border: 2px solid #1779ff; color: #1779ff; height: 44px; line-height: 40px; border-radius: 6px;font-size: 14px; font-weight: 600; display: inline-block; min-width: 60px; padding:0 20px;}  

.bbs_btn_view .vbtn_save{background:#1a1e54;color: #fff; height: 44px; line-height: 44px; border-radius: 6px;font-size: 14px; font-weight: 600; min-width: 100px; text-align: center; display: inline-block;}

.bbs_btn_view .vbtn_yes{background:#386aff;color: #fff; height: 44px; line-height: 44px; border-radius: 6px;font-size: 14px; font-weight: 600; min-width: 100px; text-align: center; display: inline-block;}


.bbs_btn_view .vbtn_modify{background:#fff; border: 2px solid #1779ff; color: #1779ff; height: 44px; line-height: 40px; border-radius: 6px;font-size: 14px; font-weight: 600; display: inline-block; min-width: 60px; padding:0 20px;}  

.bbs_btn_view .vbtn_delete{background:#ff0000; color: #fff; height: 44px; line-height: 44px; border-radius: 6px;font-size: 14px; font-weight: 600; display: inline-block; min-width: 60px; padding:0 20px;}  


.bbs_btn_view .vbtn_next{background:#1779ff url("../../images/com/arrow_right01.png") calc(100% - 15px) center no-repeat;color: #fff; height: 44px; line-height: 44px; border-radius: 6px;font-size: 14px; font-weight: 600; min-width: 110px; padding-left: 30px; text-align: left;display: inline-block;}

.bbs_btn_view .vbtn_prev{background:#1779ff url("../../images/com/arrow_left01.png") 10px center no-repeat;color: #fff; height: 44px; line-height: 44px; border-radius: 6px;font-size: 14px; font-weight: 600; min-width: 110px; padding-right: 30px; text-align: right; display: inline-block;}

@media all and (max-width :1024px) {
.bbs_btn_view .vbtn_modify,
.bbs_btn_view .vbtn_style{ height: 34px; line-height: 30px; min-width: 40px; font-size: 12px;border-radius: 4px;padding:0 10px;} 

.bbs_btn_view .vbtn_delete,
.bbs_btn_view .vbtn_save,
.bbs_btn_view .vbtn_yes{height: 34px; line-height: 34px;font-size: 12px;min-width: 40px;border-radius: 4px;padding:0 10px;}


.bbs_btn_view .vbtn_next{ height: 34px; line-height: 34px;  min-width: 60px; padding-left: 15px;font-size: 12px; background-size: 5px;border-radius: 4px;}
.bbs_btn_view .vbtn_prev{height: 34px; line-height: 34px; min-width: 60px; padding-right: 15px;font-size: 12px;background-size: 5px;border-radius: 4px;}

.bbs_btn_view.btn_val_top{ margin: 0 5px 10px 5px;}
}

@media all and (max-width :767px) {
.bbs_btn_view.btn_val_top{ flex-wrap: wrap; justify-content:flex-end;}
.bbs_btn_view.btn_val01{margin: 10px 0 20px 0;}
}






.bbs_btn_guide{ margin-bottom:50px; vertical-align:top;text-align: right;}

.cbtn_style{font-size:12px; padding:0px 10px; border-radius:3px; border:0;display:inline-block; height: 28px; line-height: 28px; font-weight: 600;white-space: nowrap;} 

.crbtn_style{font-size:11px; padding:0px 10px; border-radius:30px; display:inline-block; height: 24px; line-height: 24px; font-weight: 600; background-color: #fff; color: #ff0000;border:1px solid #ff0000 !important;} 


.sbtn_style{font-size:11px; padding:0 7px;height: 24px; line-height: 22px;font-weight: 500;border-radius:3px; border: 1px solid #ff0000;text-align: center;}



.btn_red {color: #fff;background:#ea2c00;}
.btn_red_r {color: #ff0000;}
.btn_blue {color: #fff!important;background:#3669ff!important;}
.btn_blue01 {background:#e7f1ff!important;}
.btn_purple {color: #fff;background:#4e00de;}
.btn_navy {color: #fff;background:#1e2459;}
.btn_orange{color: #fff;background:#ff6000;}
.btn_green {color: #fff;background:#539801;}
.btn_green01{color: #fff;background:#4ab900;}
.btn_sky {color: #fff;background:#00c5dc;}
.btn_black {color: #fff;background:#000;}
.btn_gray {color: #fff;background:#555;}

.btn_white {color:#000;background:#f5f5f5; border:1px solid #ccc !important;}
.btn_white:hover, .btn_white:focus{ border:1px solid #ccc !important;}




/* bbs_w setting */
.bbs_w10{ width:10%;}
.bbs_w15{ width:15%;}
.bbs_w20{ width:20%;}
.bbs_w25{ width:25%;}
.bbs_w30{ width:30%;}
.bbs_w35{ width:35%;}
.bbs_w40{ width:40%;}
.bbs_w45{ width:45%;}
.bbs_w50{ width:50%;}
.bbs_w55{ width:55%;}
.bbs_w60{ width:60%;}
.bbs_w65{ width:65%;}
.bbs_w70{ width:70%;}
.bbs_w75{ width:75%;}
.bbs_w80{ width:80%;}
.bbs_w85{ width:85%;}
.bbs_w90{ width:90%;}
.bbs_w95{ width:95%;}
.bbs_w100{ width:100%;}


.bbs_w50px{ width:50px!important;}
.bbs_w70px{ width:70px;}
.bbs_w80px{ width:80px;}
.bbs_w100px{ width:100px;}
.bbs_w150px{ width:150px;}
.bbs_w200px{ width:200px;}
.bbs_w250px{ width:250px;}
.bbs_w300px{ width:300px;}







/*문샷 상단 배너 */
.mshot_banner01{ position:relative; text-align:center; overflow: hidden;box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05); border-radius: 20px;}
.mshot_banner01 .slideWrap{position:relative;}
.mshot_banner01 .slideWrap .slick-list{ overflow:visible; }
.mshot_banner01 .slideWrap .slide .mv_guide{ width:100%;}
.mshot_banner01 .slideWrap .slide .mv_guide a{display: block; height: 100%; width: 100%;}
.mshot_banner01 .slideWrap .slide .mv_guide img{ width:100%;}


/* 이전&다음 아이콘 설정 */
.mshot_banner01 .slick-arrow{ position:absolute; z-index:11; top:50%;transform:translateY(-50%); display:block; width:30px; height:30px;/*box-shadow: 0 0 8px rgba(0,0,0,0.1);  border-radius: 50%; */ background-color:rgba(255,255,255,0.0); background-position:center; background-repeat:no-repeat; font:0/0 a; opacity: 0.2; background-size: 10px;}
.mshot_banner01 .slick-arrow.slick-prev{left:10px;background-image:url(../../images/com/visual_btn_prev.png);}
.mshot_banner01 .slick-arrow.slick-next{ right:10px;background-image:url(../../images/com/visual_btn_next.png);}



/* 돌아가는 이미지갯수 표시 아이콘 설정*/
.mshot_banner01 .slideWrap .slide .slick-slide{overflow:hidden; position:relative;}
.mshot_banner01 .slideWrap .slick-navi{ position:absolute; z-index:56; bottom:20px;left:50%; transform: translateX(-50%);width: 1000px;  text-align: center;}
.mshot_banner01 .slideWrap .slick-dots{ display:inline-block; vertical-align:top;}
.mshot_banner01 .slideWrap .slick-dots li{ display:inline-block;margin:0 3px; overflow:hidden; font:0/0 a; vertical-align:top; border-radius:10px; box-shadow: 0 0 2px rgba(0,0,0,0.7);}
.mshot_banner01 .slideWrap .slick-dots li button[type="button"]{ width:10px; height:10px;  border:none; font:0/0 a; }
.mshot_banner01 .slideWrap .slick-dots .slick-active button[type="button"]{width:50px; height:10px; background:#f55542;}

/* 시작&멈춤 아이콘 설정*/
.mshot_banner01 .slideWrap .slick-play{display:inline-block; width:10px; height:10px; border-radius: 3px; margin:0 3px; border:none; background:transparent url('../../images/com/visual_nav_stop.png') center no-repeat; font:0/0 a;  vertical-align:top;}
.mshot_banner01 .slideWrap .slick-play.pause{background:url('../../images/com/visual_nav_play.png') center  no-repeat;}

@media all and (max-width :1520px) {
.mshot_banner01{border-radius: 15px}
}
@media all and (max-width :1280px) {
.mshot_banner01{border-radius: 10px}
.mshot_banner01 .slick-arrow{ width:20px; height:20px;background-size: 6px;}
.mshot_banner01 .slideWrap .slick-navi{display: none;}
}





/* 문샵 역량 탭 */

.mshot_tab01 { margin: 40px 0 20px 0;}
.mshot_tab01 ul{ display: flex; justify-content: center; gap:80px;}
.mshot_tab01 li{position: relative;}
.mshot_tab01 li strong{ display: block; font-size: 18px; text-align: center; padding: 70px 0 3px 0;}
.mshot_tab01 li a:before{content: ''; width: 62px; height: 62px; display: inline-block; background-position: center top; background-repeat: no-repeat; margin-bottom: 5px; position: absolute;left: 50%; transform: translateX(-50%); opacity: 0.2;filter: grayscale(60%); background-size: 100%;}
.mshot_tab01 li a.active,
.mshot_tab01 li a:hover,
.mshot_tab01 li a:focus{border-bottom: 2px solid #5379ff; color: #0b3ccc;}

.mshot_tab01 li a.active:before,
.mshot_tab01 li a:hover:before,
.mshot_tab01 li a:focus:before{opacity: 1!important;filter:none;}

.mshot_tab01 li:nth-of-type(1) a:before{ background-image:url('../../images/com/cur_v_icon00.png') }
.mshot_tab01 li:nth-of-type(2) a:before{ background-image:url('../../images/com/cur_v_icon01.png') }
.mshot_tab01 li:nth-of-type(3) a:before{ background-image:url('../../images/com/cur_v_icon02.png') }
.mshot_tab01 li:nth-of-type(4) a:before{ background-image:url('../../images/com/cur_v_icon03.png') }
.mshot_tab01 li:nth-of-type(5) a:before{ background-image:url('../../images/com/cur_v_icon04.png') }
.mshot_tab01 li:nth-of-type(6) a:before{ background-image:url('../../images/com/cur_v_icon05.png') }


.mshot_tab01.tab_icon01 li:nth-of-type(1) a:before{ background-image:url('../../images/com/cur_v_icon00.png') }
.mshot_tab01.tab_icon01 li:nth-of-type(2) a:before{ background-image:url('../../images/com/cur_t_icon01.png') }
.mshot_tab01.tab_icon01 li:nth-of-type(3) a:before{ background-image:url('../../images/com/cur_t_icon02.png') }
.mshot_tab01.tab_icon01 li:nth-of-type(4) a:before{ background-image:url('../../images/com/cur_t_icon03.png') }
.mshot_tab01.tab_icon01 li:nth-of-type(5) a:before{ background-image:url('../../images/com/cur_t_icon04.png') }




.mshot_tab02 {margin: 20px 30px 0 30px; display: flex; justify-content: center; width: 100%; overflow: scroll; overflow-y: hidden;}
.mshot_tab02::-webkit-scrollbar { height: 10px;}
.mshot_tab02::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.10); border-radius: 100px;}

.mshot_tab02 ul{ text-align: center; height: 50px; display: flex; align-items: center;}
.mshot_tab02 ul li{ margin: 0 5px; padding-bottom: 10px; white-space: nowrap;}
.mshot_tab02 ul li a,
.mshot_tab02 ul li button{ border: 1px dashed #dbecfb; border-radius: 30px; padding: 8px 15px;font-size: 15px;box-shadow: 5px 5px 5px rgba(39, 96, 152, 0.1);font-weight: 500; background: #fff;}

.mshot_tab02 ul li a.active,
.mshot_tab02 ul li a:hover,
.mshot_tab02 ul li a:focus{background: #5379ff; color: #fff; border: 1px solid #5379ff;}


@media all and (max-width :1720px) {
.mshot_tab02{ justify-content: flex-start;}
}

@media all and (max-width :1520px) {
.mshot_tab01 ul{gap:50px;}
.mshot_tab01 li strong{  font-size: 16px; padding: 60px 0 3px 0;}
.mshot_tab01 li a:before{width: 55px; height: 55px; }

.mshot_tab02 { margin: 20px 0;}
.mshot_tab02 ul li a{  padding: 8px 15px;font-size: 14px;}
}
@media all and (max-width :1280px) {
.mshot_tab01 ul{gap:30px;}
.mshot_tab01 li strong{  font-size: 15px;padding:50px 0 3px 0;}
.mshot_tab01 li a:before{width: 45px; height: 45px;}
}

@media all and (max-width :1024px) {
.mshot_tab01 ul{gap:20px;}
.mshot_tab02 { margin: 20px 0 0 0;}
}

@media all and (max-width :767px) {
.mshot_tab01 { margin: 20px 0 10px 0;}
.mshot_tab01 ul{gap:0; flex-wrap: wrap; justify-content:flex-start;background: #f3f6fc;border-radius: 4px; overflow: hidden;border: 1px solid #d8e1f8;}
.mshot_tab01 li {width: 33.333%; border: 1px solid #fff!important;}
.mshot_tab01 li strong{ font-size: 12px;padding:0; font-weight: 500; display: block; line-height: 30px;}
.mshot_tab01 li a:before{display: none;}


.mshot_tab01 li a.active,
.mshot_tab01 li a:hover,
.mshot_tab01 li a:focus{border-bottom:0;background: #3669ff; color: #fff;}

.mshot_tab02 { margin: 20px 0 10px 0;}
.mshot_tab02 ul li a{padding: 5px 12px;font-size: 12px;}
.mshot_tab02 ul{ height: 40px;}
}









/*bbs_photo01********************************************************/
.bbs_photo01 {margin-bottom:40px;}
.bbs_photo01 ul {display: flex; flex-wrap: wrap;width: calc(100% + 30px); margin-bottom: 20px}

.bbs_photo01 .photo_box{width: calc(25% - 30px); margin-right:30px; margin-bottom: 30px; vertical-align: top;  position: relative; overflow:hidden;border-radius: 10px; box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.1);}
.bbs_photo01 .photo_box .bph_link{ display:block; font-size:16px; }

.bbs_photo01 .photo_box .bph_link .bph_img01{ height:460px;display:block; }
.bbs_photo01 .photo_box .bph_link .bph_img01 img {display:block; width:100%; height:100%;}
.bbs_photo01 .photo_box .bph_link:hover .bph_img01 img,
.bbs_photo01 .photo_box .bph_link:focus .bph_img01 img{transform:scale(1.1, 1.1); transition: all 0.4s;}

.bbs_photo01 .photo_box .bph_badge01{ position: absolute;top:10px; right:10px;font-size: 11px;z-index: 1; background: #fff; border-radius: 30px; padding: 6px 8px; border:1px dashed #3669ff; font-weight: 600; color: #0033ca;}

.bbs_photo01 .photo_box .bph_btn01{ position: absolute;bottom:0; left:0;font-size: 13px;z-index: 5;  font-weight: 600; display: block; width: 100%; line-height: 40px; text-align: center; cursor: pointer; color: #fff;}


.bbs_photo01 .photo_box .bph_link .overlay{position:absolute; bottom:0; background:rgba(0,0,0,0); overflow:hidden; width:100%; height:00%; vertical-align:middle; z-index: 4;}

.bbs_photo01 .photo_box .bph_link:hover .overlay,
.bbs_photo01 .photo_box .bph_link:focus .overlay{height:100%; background:rgba(53,56,72,0.8); transition:.3s ease; transform:translate(00%, 0%); color: #fff;}

.bbs_photo01 .photo_box .bph_link .active{height:100%; background:rgba(0,0,0,0.8); transition:.3s ease; transform:translate(00%, 0%); color: #fff;}


.bbs_photo01 .photo_box .bph_link .txt_box{ position: relative; padding:50px 30px 0 30px; display:block;}
.bbs_photo01 .photo_box .bph_link .txt_box .txt_t01 {display: block; padding: 0 5px}
.bbs_photo01 .photo_box .bph_link .txt_box .txt_t01 strong{font-size: 16px;display: block;margin: 5px 0;} 

.bbs_photo01 .photo_box .bph_link .txt_box .txt_t02{margin: 30px 0; display: block; border: 1px dashed #000; border-radius: 10px; padding: 5px 15px; background: #fff;}
.bbs_photo01 .photo_box .bph_link .txt_box .txt_t02 em{ display: flex; justify-content: space-between;  margin: 8px 0;font-weight: 600;}
.bbs_photo01 .photo_box .bph_link .txt_box .txt_t02 em i{ color: #000;font-size: 13px;}
.bbs_photo01 .photo_box .bph_link .txt_box .txt_t02 em b{color: #3669ff;font-size: 15px;}

.bbs_photo01 .photo_box .bph_link .txt_box .txt_t03 {display: block; padding: 0 5px;}
.bbs_photo01 .photo_box .bph_link .txt_box .txt_t03 em{ display: flex; justify-content: space-between; font-size: 13px; margin: 8px 0;}
.bbs_photo01 .photo_box .bph_link .txt_box .txt_t03 em i{background:url('../../images/com/point05.png') left 5px  no-repeat; padding-left: 10px; white-space: nowrap;}

@media all and (max-width :1720px) {
.bbs_photo01 ul{width: calc(100% + 20px);}
.bbs_photo01 .photo_box{width: calc(25% - 20px); margin-right:20px;}
.bbs_photo01 .photo_box .bph_link .bph_img01{ height:420px;}
.bbs_photo01 .photo_box .bph_link .txt_box .txt_t02{margin: 20px 0;}
}
@media all and (max-width :1520px) {
.bbs_photo01 .photo_box{width: calc(33.333% - 20px);}
}
@media all and (max-width :1280px) {
.bbs_photo01 .photo_box{width: calc(50% - 20px);}
}

@media all and (max-width :767px) {
.bbs_photo01 .photo_box .bph_link .txt_box{  padding:10px 10px 0 10px;}
.bbs_photo01 .photo_box .bph_link .txt_box .txt_t01 strong{font-size: 13px; height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.bbs_photo01 .photo_box .bph_link .txt_box .txt_t02{margin: 10px 0; padding: 2px 10px; border-radius: 6px;}
.bbs_photo01 .photo_box .bph_link .txt_box .txt_t02 em{flex-wrap: wrap;margin: 3px 0;}
.bbs_photo01 .photo_box .bph_link .txt_box .txt_t02 em i{ font-size: 11px;}
.bbs_photo01 .photo_box .bph_link .txt_box .txt_t02 em b{font-size: 12px; width: 100%;}

.bbs_photo01 .photo_box .bph_link .txt_box .txt_t03 em{ font-size: 11px;margin: 3px 0;}
.bbs_photo01 .photo_box .bph_link .txt_box .txt_t03 em b{width: calc(100% - 55px); font-weight: 400;}



.bbs_photo01 ul {width:100%; margin-bottom: 0; justify-content: space-between;}
.bbs_photo01 .photo_box{margin-bottom: 20px; margin-right: 0;width: calc(50% - 5px);}
.bbs_photo01 .photo_box .bph_link .bph_img01{ height:265px;}

.bbs_photo01 .photo_box .bph_btn01{font-size: 12px; line-height: 30px; }

}






/*비교과 프로그램 > 프로그램 운영*/
.cv_text_gudie08{ overflow-y:overlay; height: 120px; overflow-x: hidden;}
.cv_text_gudie08::-webkit-scrollbar { width:10px; }
.cv_text_gudie08::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.25); border-radius: 100px;}

.cv_text_gudie08 table {width: 100%; text-align: left;}
.cv_text_gudie08 table td {padding: 7px 30px 7px 0; border-bottom: 1px dashed #ddd;}
.cv_text_gudie08 table td strong{font-size: 16px; font-weight: 500;background:url('../../images/com/title_icon06.png') left center  no-repeat; padding-left: 22px; background-size: 18px;}
.cv_text_gudie08 table td i{font-size: 10px; font-weight: 500; background: #e6efff;border-radius: 30px; padding: 5px 10px; margin-right: 10px; white-space: nowrap;}
.cv_text_gudie08 table td > span{display: flex; align-items: center; font-size: 13px;}
.cv_text_gudie08 .form_guide{line-height: 24px;}
.cv_text_gudie08 .form_guide.radio{width: 30px;}

@media all and (max-width :1520px) {
.cv_text_gudie08 table td {padding: 7px 10px 7px 0;}
}

@media all and (max-width :1280px) {
.cv_text_gudie08 table td {padding: 7px 10px 7px 0;}
.cv_text_gudie08 table td strong{font-size: 14px; background-size: 16px; padding-left: 20px;}
.cv_text_gudie08 table tr{width: 100%; display:flex; flex-wrap: wrap;  border-bottom: 1px dashed #ddd; padding: 10px 0;}
.cv_text_gudie08 table tr:first-child { padding-top: 0;}
.cv_text_gudie08 table tr:last-child { border-bottom: 0;}
.cv_text_gudie08 table tr td{width: 50%; border-bottom: 0;padding: 1px 10px 1px 0;}
.cv_text_gudie08 table td i{width: 58px;text-align: center;}
}
@media all and (max-width :767px) {
.cv_text_gudie08{ height: 270px;}
.cv_text_gudie08 table tr td{width: 100%;padding: 3px 10px 3px 0;}
}









.cv_text_gudie09 input{width: 100%; padding: 0 10px;}
.cv_text_gudie09 li{display: flex; gap:5px; width: 100%; justify-content: space-between; align-items: center;}
.cv_text_gudie09 .cv_search01_btn03{border: 0; display: inline-block;height: 38px;line-height: 38px; width: 38px; text-align: center; background: #ff0000 url(../../images/com/icon_close04.png) center no-repeat; text-indent: -9999px; border-radius: 4px; margin: 5px 0;}
.cv_text_gudie09 li strong{ background: #1a1e54; font-size: 11px;  font-weight: 700; text-align: center;line-height: 38px; width: 40px; border-radius: 4px; color: #fff;}




.cv_text_gudie10 input[type="file"] { border: 0;  background: #eff2f7; font-size: 13px; width: 100%;}
.cv_text_gudie10 {display: flex; justify-content: space-between; gap:50px;}
.cv_text_gudie10 .cv_text_gudie10_01{width: 100%;}
.cv_text_gudie10 ul li{display: flex; gap:10px; align-items: center; font-size: 13px; }
.cv_text_gudie10 ul li > strong{white-space: nowrap;}
.cv_text_gudie10 ul li > span{ width: 100%;}
.cv_text_gudie10 ul li > p{ margin: 10px 0;}
.cv_text_gudie10 .cv_text_gudie10_file{border: 1px dashed #ddd; border-radius: 10px; padding:5px 20px; width: 100%;}
.cv_text_gudie10 .cv_text_gudie10_file > p{ background: url(../../images/com/file01.png) left center no-repeat; background-size: 12px; padding-left: 18px;}
.cv_text_gudie10 .cv_text_gudie10_file p > a{background: url(../../images/com/icon_close01.png) right center no-repeat; background-size: 17px; padding:8px 25px 8px 0; display: inline-block; }

@media all and (max-width :1024px) {
.cv_text_gudie10 { gap:0; flex-wrap: wrap;}
.cv_text_gudie10 ul li > p{ margin: 5px 0;}
.cv_text_gudie10 .cv_text_gudie10_01{ margin-bottom: 20px;}
.cv_text_gudie10 .cv_text_gudie10_01:last-child{ margin-bottom: 0;}
.cv_text_gudie10 .cv_text_gudie10_file {padding:5px 10px; border-radius: 4px;background: #f9f9f9;}
.cv_text_gudie10 .cv_text_gudie10_file p > a{ font-size: 12px; padding:6px 25px 6px 0;}
}












.cv_text_gudie11 input{width: 100%;}
.cv_text_gudie11 input[type="file"] { border: 0;  background: #eff2f7; font-size: 13px; width: auto;}

.cv_text_gudie11 .cv_tg11_01{display: flex;  align-items: center; gap:50px;margin-bottom: 15px}
.cv_text_gudie11 .cv_tg11_01 li{ display: flex; align-items: center; font-size: 13px;}
.cv_text_gudie11 .cv_tg11_01 li:nth-of-type(1),
.cv_text_gudie11 .cv_tg11_01 li:nth-of-type(2){width: calc(50% - 130px);}
.cv_text_gudie11 .cv_tg11_01 li:nth-of-type(3){width: 160px;}
.cv_text_gudie11 .cv_tg11_01 li:nth-of-type(4){width: 100px;}

.cv_text_gudie11 .cv_tg11_01 b{font-size: 14px; padding-left: 8px;background: url(../../images/com/point01.png) left center no-repeat; height: 38px; display: inline-block; line-height: 38px;  font-weight: 500; white-space: nowrap;  width:100px;}

.cv_text_gudie11 .cv_tg11_01 li:nth-of-type(2) b,
.cv_text_gudie11 .cv_tg11_01 li:nth-of-type(3) b{ width:auto; margin-right: 15px;}
.cv_text_gudie11 .cv_tg11_01 li > span{ width: calc(100% - 70px); }


.cv_text_gudie11  .cv_tg11_02{display: flex;  align-items:flex-start; margin-bottom: 15px}
.cv_text_gudie11  .cv_tg11_02 dt{font-size: 14px; padding-left: 8px;background: url(../../images/com/point01.png) left center no-repeat; height: 38px; display: inline-block; line-height: 38px;  font-weight: 500; white-space: nowrap; width:100px;}
.cv_text_gudie11  .cv_tg11_02 dd{width: 100%;}
.cv_text_gudie11  .cv_tg11_02 dd > ul > li{display: flex; align-items: flex-start;margin: 5px 0;}
.cv_text_gudie11  .cv_tg11_02 dd > ul > li > b{font-size: 11px; background:#e6eeff; height: 38px; display: inline-block; line-height: 38px;  font-weight: 500; white-space: nowrap; margin-right: 10px; border-radius: 4px; width: 85px; text-align: center;}
.cv_text_gudie11  .cv_tg11_02 dd > ul > li > span{display: inline-flex; align-items: center;  width: 100%; flex-wrap: wrap; }
.cv_text_gudie11  .cv_tg11_02 dd > ul > li > span > .check_guide01{font-size: 14px; margin: 0 25px 5px 0;}



.cv_text_gudie11 .cv_tg11_03 li {display: flex; align-items: center;}
.cv_text_gudie11 .cv_tg11_03 b{font-size: 14px; padding-left: 8px;background: url(../../images/com/point01.png) left center no-repeat; height: 38px; display: inline-block; line-height: 38px;  font-weight: 500; white-space: nowrap;  width:100px; }

.cv_tg11_03_file{display: flex; align-items: center; gap:10px;}
.cv_tg11_03_file p{background: url(../../images/com/file01.png) 10px center no-repeat; background-size: 12px; padding-left: 18px; font-size: 13px; display: flex; align-items: center; border: 1px dashed #ddd; border-radius: 6px; padding: 3px 10px 3px 25px;}
.cv_tg11_03_file p button{background: url(../../images/com/icon_close01.png) right center no-repeat; background-size: 17px; padding: 8px 25px 8px 0; display: inline-block;}



@media all and (max-width :1720px) {
.cv_text_gudie11 .cv_tg11_01{ gap:20px;}
.cv_text_gudie11  .cv_tg11_02 dd > ul > li > b{ margin-right: 10px}
.cv_text_gudie11  .cv_tg11_02 dd > ul > li > span > .check_guide01{font-size: 13px; margin: 0 15px 5px 0;}
}

@media all and (max-width :1280px) {
.cv_text_gudie11 .cv_tg11_01 b,
.cv_text_gudie11 .cv_tg11_02 dt,
.cv_text_gudie11 .cv_tg11_03 b{font-size: 13px;}

.cv_text_gudie11 .cv_tg11_01{flex-wrap: wrap; gap:10px;}
.cv_text_gudie11 .cv_tg11_01 li{width: auto!important;}
.cv_text_gudie11 .cv_tg11_01 li:nth-of-type(1),
.cv_text_gudie11 .cv_tg11_01 li:nth-of-type(2){width: 100% !important;}
.cv_text_gudie11 .cv_tg11_01 li:nth-of-type(1) b,
.cv_text_gudie11 .cv_tg11_01 li:nth-of-type(2) b{ width:80px!important; margin-right: 0!important;}
.cv_text_gudie11 .cv_tg11_01 li:nth-of-type(3) b{ width:85px!important; margin-right: 0!important;}

.cv_text_gudie11 .cv_tg11_02{ display: block;}
.cv_text_gudie11 .cv_tg11_02 dt{height: 30px; line-height: 30px;}

.cv_text_gudie11 .cv_tg11_03 b{height: 20px; line-height: 20px; margin-bottom: 10px;}
.cv_text_gudie11 .cv_tg11_03 li{ align-items: flex-start;}
.cv_text_gudie11 .cv_tg11_03 .cv_td_guide01{flex-wrap: wrap; gap:5px;}
.cv_tg11_03_file{ width: 100%;}


}

@media all and (max-width :767px) {
.cv_text_gudie11 .cv_tg11_02 {display: block;}

.cv_text_gudie11 .cv_tg11_02 dd > ul li{display: block;}
.cv_text_gudie11 .cv_tg11_02 dd > ul > li > b{ height: 24px; line-height: 24px; margin-bottom: 5px; width: 78px;}


.cv_text_gudie11 .cv_tg11_03 li{display: block;}
.cv_tg11_03_file{ flex-wrap: wrap;}
.cv_tg11_03_file p{ width: 100%; }
.cv_text_gudie11 input[type="file"] {width: 100%;}
}





/* 선택버튼 클릭후_높이가 늘어나는 경우*/
.cv_text_gudie11 .cv_sbt02{height: 28px; line-height: 28px;font-size: 12px;text-align: center; width: 42px; background: #1779ff; color: #fff; font-weight: 600;}

.cv_text_gudie11 .cv_wb03{ min-height: 38px; padding: 3px 5px 3px 7px; border-radius: 4px; position: relative; display: flex; justify-content:flex-end; align-items: center; background: #eff2f7; width: 100%;}
.cv_text_gudie11 .cv_wb03 .cv_wb02_01{width: 100%; overflow: hidden; min-height: 30px;}
.cv_text_gudie11 .cv_wb03 .cv_wb02_01 > span{ background: #fff; border-radius: 30px; text-align: center; padding: 0 5px 0 10px; display:inline-flex; align-items: center; font-size: 12px; height: 26px; white-space: nowrap; line-height: 26px;margin:2px 1px;}
.cv_text_gudie11 .cv_wb03 .cv_wb02_01 > span > a{ text-isitemap_listndent: -9999px;background: url(../../images/com/icon_close01.png) center no-repeat; background-size: 16px; width: 16px; height: 16px; display: inline-block; margin-left: 5px; font-size: 0;}
.cv_text_gudie11 .cv_wb03 .cv_wb02_02{ position: relative;}

.cv_text_gudie11 .cv_wb03 .cv_wb02_02 .cv_sbt01_list02{ position: absolute; top:30px; right: 0; z-index: 2; border: 1px solid #d6deeb; background: #fff; border-radius: 10px; box-shadow: 1px 5px 5px rgba(53,88,243,0.08); padding: 15px 0 10px 0; display: none;}
.cv_text_gudie11 .cv_wb03 .cv_wb02_02 .cv_sbt01_list02 li .dv_close01{ text-indent: -9999px;background:  url(../../images/com/icon_close01.png) center no-repeat; background-size: 20px; width: 20px; height: 20px; display: inline-block;  border: 0; font-size: 0; position: absolute;top:5px; right:10px;}
.cv_text_gudie11 .cv_wb03 .cv_wb02_02 .cv_sbt01_list02 li{ padding:5px 20px 5px 15px; white-space: nowrap;}
.cv_text_gudie11 .cv_wb03 .cv_wb02_02 .cv_sbt01_list02 em,
.cv_text_gudie11 .cv_wb03 .cv_wb02_02 .cv_sbt01_list02 a{ margin-left: 10px;display: inline-block; font-weight: 400!important;}











.cv_text_gudie12 input[type="file"] { border: 0;  background: #fff; font-size: 13px; width: 100%;}
.cv_text_gudie12 .cv_text_gudie10_01{width: 100%;}
.cv_text_gudie12 ul li{display: flex; gap:10px; align-items: center; font-size: 13px;}
.cv_text_gudie12 ul li > strong{white-space: nowrap;}
.cv_text_gudie12 ul li > span{ width: 100%;}
.cv_text_gudie12 ul li > p{ margin: 10px 0;}
.cv_text_gudie12 .cv_text_gudie10_file{border: 1px dashed #ddd; border-radius: 10px; padding:5px 20px; width: 100%;}
.cv_text_gudie12 .cv_text_gudie10_file > p{ background: url(../../images/com/file01.png) left center no-repeat; background-size: 12px; padding-left: 18px;}
.cv_text_gudie12 .cv_text_gudie10_file p > a{background: url(../../images/com/icon_close01.png) right center no-repeat; background-size: 17px; padding:8px 25px 8px 0; display: inline-block; }

@media all and (max-width :1024px) {
.cv_text_gudie12 ul li{ flex-wrap: wrap;}
.cv_text_gudie12 ul li > p{ margin: 5px 0;}
.cv_text_gudie12 .cv_text_gudie10_01{ margin-bottom: 20px;}
.cv_text_gudie12 .cv_text_gudie10_01:last-child{ margin-bottom: 0;}
.cv_text_gudie12 .cv_text_gudie10_file {padding:5px 10px; border-radius: 4px;background: #f9f9f9;}
.cv_text_gudie12 .cv_text_gudie10_file p > a{ font-size: 12px; padding:6px 25px 6px 0;}
}






.cv_text_gudie13 .bph_badge01{ font-size: 11px; background: #fff; border-radius: 30px; padding: 6px 8px; border:1px dashed #3669ff; font-weight: 600; color: #0033ca;}

.cv_text_gudie13{ padding: 30px; border:2px solid #cbdcff; border-radius: 20px; margin-bottom: 40px; box-shadow: 1px 10px 10px rgba(0,61,180,0.08);}


.cv_text_gudie13 .coss_list_box li{ display: flex;  align-items:flex-start;position: relative; margin-right: 20px; }
.cv_text_gudie13 .coss_list_box li .cv_photo01 {min-width: 60px;height: 60px;line-height: 60px;overflow: hidden; border-radius: 50%; margin-right: 30px;margin-top: -5px; display: inline-block;}
.cv_text_gudie13 .coss_list_box li .cv_photo01 img {width: 60px; display:flex; height: auto;}

.cv_text_gudie13 .coss_list_box dl{ overflow: hidden;}
.cv_text_gudie13 .coss_list_box dt{ display: flex; align-items:flex-start; gap:5px; margin-bottom: 5px;}
.cv_text_gudie13 .coss_list_box dd{ display: flex; align-items: center; gap:5px;}
.cv_text_gudie13 .coss_list_box .s_tit{ font-size: 15px; display: inline-block; font-weight: 500; }
.cv_text_gudie13 .coss_list_box .b_tit{ font-size: 20px; font-weight: 600; margin-right: 80px;}

.cv_text_gudie13 .coss_list_box .c_txt01{ display: flex; align-items: center; justify-content: flex-start; padding:0 3px; flex-wrap: wrap; margin-left: -3px;}   

.cv_text_gudie13 .coss_list_box .c_txt01 li{display: flex; align-items: center;}
.cv_text_gudie13 .coss_list_box .c_txt01 li > i{background: url(../../images/com/point02.png) left center no-repeat;padding-left: 10px;display: inline-block;margin: 5px 5px 5px 0; white-space: nowrap;}



@media all and (max-width: 1520px) {
.cv_text_gudie13{ padding: 20px; border-radius: 15px; margin-bottom: 30px;}
}

@media all and (max-width: 1280px) {
.cv_text_gudie13{ padding: 15px;  border-radius: 10px; margin-bottom: 20px;}
.cv_text_gudie13 .coss_list_box li{margin-right: 15px;}
.cv_text_gudie13 .coss_list_box .b_tit{ font-size: 18px;}
.cv_text_gudie13 .coss_list_box .c_txt01{ font-size: 14px;}
.cv_text_gudie13 .coss_list_box .c_txt01 li{margin-right: 10px;}
.cv_text_gudie13 .coss_list_box .c_txt01 li > i{margin: 3px 5px 3px 0;}
}


@media all and (max-width: 767px) {
.cv_text_gudie13{ padding:15px;}
.cv_text_gudie13 .coss_list_box li{margin-right: 10px;}
.cv_text_gudie13 .coss_list_box li .cv_photo01 { margin-right: 10px; min-width: 40px; height: 40px;margin-top: -2px; }
.cv_text_gudie13 .coss_list_box li .cv_photo01 img {width: 40px;}
.cv_text_gudie13 .coss_list_box .s_tit{ font-size: 14px;}
.cv_text_gudie13 .coss_list_box .b_tit{width:100%;font-size: 15px;margin-right: 50px;}
.cv_text_gudie13 .coss_list_box dl{ padding-right: 0;}
.cv_text_gudie13 .coss_list_box dl dt{ flex-wrap: wrap;}
.cv_text_gudie13 .coss_list_box .c_txt01{ gap:0; font-size: 13px;}
.cv_text_gudie13 .coss_list_box .c_txt01 .ct_nowrap01{max-width: 170px;}
}



.cv_text_gudie14 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.cv_text_gudie14 li{width: 48%; margin: 5px 0; font-size: 13px; display: flex; align-items: center;}
.cv_text_gudie14 li > em{width: 130px; display: inline-flex;align-items: center;font-weight: 500;font-size: 14px; } 
.cv_text_gudie14 li > span{width: calc(100% - 130px);}

@media all and (max-width: 767px) {
.cv_text_gudie14 li{width: 100%; }
.cv_text_gudie14 li > em{font-size: 12px;width: 120px; } 
.cv_text_gudie14 li > span{width: calc(100% - 120px);}
}













/* 문샷소개 */
.mshot_intro_guide01{ background: #e1f0fd url(../../images/com/mshot_intro01.png) right top no-repeat; border-radius: 30px; overflow: hidden; padding: 150px 110px 20px 110px; background-size: 1300px; word-break: keep-all;}

.mshot_intro_txt01{margin-bottom: 100px;}
.mshot_intro_txt01 strong i{display: block; margin-bottom: 5px;font-size: 50px;font-weight:900;}
.mshot_intro_txt01 strong{display: block; color: #3443e4; font-size: 45px; font-weight:800; margin-bottom: 10px;}
.mshot_intro_txt01 span{ font-size: 28px; font-weight: 700;}
.mshot_intro_txt01 span i{ display: block;}


.mshot_intro_txt02{ margin-bottom: 90px}
.mshot_intro_txt02 dl dt{color: #3669ff;font-size: 45px; font-weight:900; margin-bottom: 25px;}
.mshot_intro_txt02 dl dd strong{margin-bottom: 20px; font-size: 24px; font-weight: 700; display: block; color: #3443e4; }
.mshot_intro_txt02 dl dd strong > em{ display: block; font-size: 26px; font-weight: 800; margin-bottom: 5px;}
.mshot_intro_txt02 dl dd ul { width: 800px;}
.mshot_intro_txt02 dl dd ul li{margin-bottom: 20px; line-height: 24px; font-size: 18px; font-weight: 700;}


.mshot_intro_txt03{margin-bottom: 60px;}
.mshot_intro_txt03 dl dt strong{ background: #3da6ff; border-radius: 0 50px 50px 50px;text-align: center; line-height: 54px; color: #fff; font-size: 20px; font-weight: 700; display: inline-block; width: 230px;}
.mshot_intro_txt03 dl dd{background: #fff url(../../images/com/mshot_intro02.png) 40px 55px no-repeat; border-radius: 30px; box-shadow: 1px 10px 10px rgba(0,0,0,0.05); padding: 60px 60px 60px 250px; margin-top: -30px; background-size:170px; }
.mshot_intro_txt03 dl dd strong{display: block; font-size: 20px; font-weight: 700; margin-bottom: 30px; line-height: 27px;}
.mshot_intro_txt03 dl dd ul li{ font-size: 17px; font-weight: 500; margin-bottom: 10px; line-height: 25px;}

.mshot_intro_txt03.mi_color01 dl dt strong{background: #5b5fde;}
.mshot_intro_txt03.mi_color01 dl dd{background-image: url(../../images/com/mshot_intro03.png);}


@media all and (max-width: 1720px) {
.mshot_intro_guide01{  background-size: 990px; padding: 110px 90px 20px 90px;}
.mshot_intro_txt01{margin-bottom: 100px;}
.mshot_intro_txt01 strong i{font-size: 46px;}
.mshot_intro_txt01 strong{font-size: 43px;}
.mshot_intro_txt01 span{ font-size: 24px;}

.mshot_intro_txt02 dl dt{font-size: 36px; margin-bottom: 20px;}
.mshot_intro_txt02 dl dd  { width:670px;}
.mshot_intro_txt02 dl dd strong{  font-size: 18px; line-height: 26px;}
.mshot_intro_txt02 dl dd strong > em{font-size: 23px;}
.mshot_intro_txt02 dl dd ul { width: 100%;}
.mshot_intro_txt02 dl dd ul li{margin-bottom: 10px; line-height: 24px; font-size: 16px; }

.mshot_intro_txt03 dl dt strong{ line-height: 46px;  font-size: 18px; width: 200px;}
.mshot_intro_txt03 dl dd{background-position:30px 40px; border-radius: 25px; padding: 50px 50px 40px 210px;background-size: 150px;}
.mshot_intro_txt03 dl dd strong{font-size: 18px;margin-bottom:20px; line-height: 26px;}
.mshot_intro_txt03 dl dd ul li{ font-size: 16px; margin-bottom: 10px; line-height: 24px;}
}
@media all and (max-width: 1520px) {
.mshot_intro_guide01{  background-size: 810px; padding: 80px 60px 20px 60px; border-radius: 25px;}
.mshot_intro_txt01{margin-bottom: 70px;}
.mshot_intro_txt01 strong i{font-size: 38px; margin-bottom: 0;}
.mshot_intro_txt01 strong{font-size: 36px;margin-bottom: 5px;}
.mshot_intro_txt01 span{ font-size: 22px;}

.mshot_intro_txt02{ margin-bottom: 70px}
.mshot_intro_txt02 dl dt{font-size: 30px; margin-bottom: 10px;}
.mshot_intro_txt02 dl dd  { width:600px;}
.mshot_intro_txt02 dl dd strong{  font-size: 17px; line-height: 25px; margin-bottom: 10px;}
.mshot_intro_txt02 dl dd strong > em{font-size: 19px; display: inline; margin-bottom: 0;}
.mshot_intro_txt02 dl dd ul li{margin-bottom: 5px; line-height: 20px; font-size: 15px; font-weight:500; }

.mshot_intro_txt03{margin-bottom: 40px;}
.mshot_intro_txt03 dl dt strong{ line-height: 38px;  font-size: 16px; width: 170px;}
.mshot_intro_txt03 dl dd{background-position:20px 35px; border-radius: 20px; padding: 40px 40px 30px 150px;background-size: 100px; margin-top: -20px;}
.mshot_intro_txt03 dl dd strong{font-size: 16px;margin-bottom:10px; line-height: 22px; font-weight: 600;}
.mshot_intro_txt03 dl dd ul li{ font-size: 14px; margin-bottom: 5px; line-height: 18px;}
}
@media all and (max-width: 1280px) {
.mshot_intro_guide01{  background-size: 500px; padding: 40px 40px 20px 40px; border-radius: 15px;}
.mshot_intro_txt01{margin-bottom: 40px;}
.mshot_intro_txt01 strong i{font-size: 28px;}
.mshot_intro_txt01 strong{font-size: 26px;}
.mshot_intro_txt01 span{ font-size: 18px; font-weight: 600;}

.mshot_intro_txt02{ margin-bottom: 50px}
.mshot_intro_txt02 dl dt{font-size: 24px; margin-bottom: 5px; font-weight: 800;}
.mshot_intro_txt02 dl dd  { width:500px;}
.mshot_intro_txt02 dl dd strong{  font-size: 16px; line-height: 20px; margin-bottom: 5px; font-weight: 600;}
.mshot_intro_txt02 dl dd strong > em{font-size: 16px; font-weight: 600;}

.mshot_intro_txt02 dl dd ul li{line-height: 18px; font-size: 14px;  }

.mshot_intro_txt03{margin-bottom: 30px;}
.mshot_intro_txt03 dl dt strong{ line-height: 30px;  font-size: 14px; width: 150px;}
.mshot_intro_txt03 dl dd{background-position:20px 25px; border-radius: 15px; padding: 30px 30px 20px 120px;background-size: 80px; margin-top: -10px;}
.mshot_intro_txt03 dl dd strong{font-size: 14px;line-height: 20px; }
.mshot_intro_txt03 dl dd ul li{ font-size: 13px; line-height: 15px; font-weight: 400;}
}

@media all and (max-width: 767px) {
.mshot_intro_guide01{  background-size: 200px; padding: 20px 20px 0 20px; border-radius: 10px;}
.mshot_intro_txt01{margin-bottom: 20px;}
.mshot_intro_txt01 strong i{font-size: 17px;font-weight: 700;}
.mshot_intro_txt01 strong{font-size: 16px; font-weight: 700;}
.mshot_intro_txt01 span{ font-size: 13px; font-weight: 500;}

.mshot_intro_txt02{ margin-bottom: 30px}
.mshot_intro_txt02 dl dt{font-size: 18px; margin-bottom: 5px; font-weight: 700;}
.mshot_intro_txt02 dl dd  { width:100%;}
.mshot_intro_txt02 dl dd strong{ font-size: 14px; line-height: 18px; font-weight: 600;}
.mshot_intro_txt02 dl dd strong > em{font-size: 15px; }
.mshot_intro_txt02 dl dd ul li{line-height: 16px; font-size: 13px;}

.mshot_intro_txt03{margin-bottom: 20px;}
.mshot_intro_txt03 dl dt strong{ line-height: 28px;  font-size: 12px; width: 130px;}
.mshot_intro_txt03 dl dd{background-image:none!important; border-radius: 10px; padding: 30px 15px 15px 15px;margin-top: -15px;}
.mshot_intro_txt03 dl dd strong{font-size: 13px;line-height: 16px; font-weight: 500;background: url(../../images/com/mshot_intro02.png) left top  no-repeat; background-size: 50px; padding-left: 60px;}
.mshot_intro_txt03 dl dd ul li{ font-size: 12px; line-height: 13px;}

.mshot_intro_txt03.mi_color01 dl dd strong{background-image: url(../../images/com/mshot_intro03.png);}
}





/* 내정보관리 */
.coss_my_guide01{ display: flex; justify-content: space-between; border-radius: 60px 10px;padding: 60px;background: #e6f1fb url(../../images/com/all_bg01.png) center repeat; width: 100%; margin-bottom: 20px;}
.coss_my_guide01 select,
.coss_my_guide01 input{ padding: 0 10px;}

.coss_my_guide01 .coss_my_box01{min-width: 450px; text-align: center; margin-top: 40px}
.coss_my_guide01 .coss_my_box01 .my_photo01{ display: inline-block;width: 240px;  position: relative;margin-bottom: 30px;}
.coss_my_guide01 .coss_my_box01 .my_photo01 span{ border-radius: 20px; overflow: hidden;width: 100%; display: block;box-shadow: 1px 10px 10px rgba(0,61,180,0.1);border: 1px solid #c0def9; background: #fff;}
.coss_my_guide01 .coss_my_box01 .my_photo01 span img{ width: 100%;}

.coss_my_guide01 .coss_my_box01 .cv_btn_file{ position:relative;}
.coss_my_guide01 .coss_my_box01 .cv_btn_file label{position:absolute; right:-8px; top:-50px; display: inline-block;  height: 60px; background:#00c0ff url(../../images/com/photo_icon01.png) center no-repeat; z-index: 55; text-align: center; -webkit-border-radius:50%; width:60px; cursor:pointer; border-radius: 50%; background-size: 30px; font-size: 0;}
.coss_my_guide01 .coss_my_box01 .cv_btn_file input[type="file"]{display: none;}

.coss_my_guide01 .coss_my_box01 p{font-size: 14px; line-height: 20px;}



.coss_my_guide01 .coss_my_box02 .coss_my_text01 { text-align: right;}
.coss_my_guide01 .coss_my_box02 .coss_my_text01 strong{ background: #1a1e54 url(../../images/com/title_icon03.png) 10px center no-repeat; border-radius: 15px 10px 0 0; padding: 10px 20px 10px 40px; display: inline-block; font-size:13px; color: #fff; font-weight: 800;}



.coss_my_guide01 .coss_my_box02_01{background: #fff; padding: 40px; border-radius: 20px 0 20px 20px; margin-bottom: 30px;box-shadow: 1px 10px 10px rgba(0,61,180,0.1);border: 1px solid #c0def9;}
.coss_my_guide01 ul > li{display: inline-flex; flex-wrap: wrap; width: 100%; align-items: center; margin: 10px 0;}
.coss_my_guide01 ul > li > strong{ width: 110px;}
.coss_my_guide01 ul > li > span{ width: calc(100% - 110px); display: flex; align-items: center; gap:5px; justify-content: space-between;}


.coss_my_guide01 .coss_my_box02_02{width: 100%; background: #edf6ff; border-radius: 10px; border: 1px dashed #386aff; display: block; margin-top: 10px; padding: 10px 20px;}

.coss_my_guide01  ul > li > p{width: 100%; margin-top: 10px;color: #ff0000; font-size: 13px; font-weight: 500; padding-left: 110px;}


@media all and (max-width: 1720px) {
.coss_my_guide01{padding: 30px 40px;}
.coss_my_guide01 .coss_my_box01{ min-width: 360px;}
.coss_my_guide01 .coss_my_box01 p{font-size: 12px; line-height: 18px;}
}

@media all and (max-width: 1520px) {
.coss_my_guide01{padding: 20px 30px;}
.coss_my_guide01 .coss_my_box01{ min-width: 220px; margin-top: 30px;}
.coss_my_guide01 .coss_my_box01 .my_photo01{ width: 180px; margin-bottom: 20px;}
.coss_my_guide01 .coss_my_box01 p{text-align: left; padding: 0 20px;}
.coss_my_guide01 .coss_my_box02 .coss_my_text01 strong{  border-radius: 10px 5px 0 0; padding: 7px 20px 7px 30px;  font-size:12px; font-weight: 700; background-size: 16px;}
.coss_my_guide01 .coss_my_box02_01 > li > strong{ font-size: 13px;}
.coss_my_guide01 .coss_my_box02_02 > li > strong{ font-size: 13px;}
}

@media all and (max-width: 1280px) {
.coss_my_guide01{ border-radius: 15px; padding: 15px 20px;}
.coss_my_guide01 .coss_my_box01{ min-width: 160px; margin-top: 30px;}
.coss_my_guide01 .coss_my_box01 .my_photo01{ width: 140px; margin-right: 20px;}
.coss_my_guide01 .coss_my_box01 .my_photo01 span{ border-radius: 10px;}
.coss_my_guide01 .coss_my_box01 p{text-align: left; padding: 0 20px;}

.coss_my_guide01 .coss_my_box02 .coss_my_text01 strong{ padding: 7px 20px 7px 30px;  font-size:12px; font-weight: 700; background-size: 16px;}
.coss_my_guide01 .coss_my_box02_01{padding: 20px 30px; border-radius: 10px 0 10px 10px; margin-bottom: 20px}

.coss_my_guide01 ul > li > span{ width: calc(100% - 90px);}
.coss_my_guide01 ul > li > strong{ font-size: 13px;width: 90px;}
.coss_my_guide01 ul > li{ margin: 5px 0;}
.coss_my_guide01  ul > li > p{ font-size: 12px; font-weight: 500; padding-left: 90px;}
}

@media all and (max-width: 767px) {
.coss_my_guide01{flex-wrap: wrap; padding: 20px 0 0 0;border-radius: 10px;}
.coss_my_guide01 ul > li{font-size: 13px;}
.coss_my_guide01 .coss_my_box01 { width: 100%; margin:0 20px 10px 20px;}
.coss_my_guide01 .coss_my_box01{ min-width:inherit; margin-top: 0;}
.coss_my_guide01 .coss_my_box01 .my_photo01{ margin-right: 0;}
.coss_my_guide01 .coss_my_box01 p br{display: none;}
.coss_my_guide01 .coss_my_box01 p{padding: 0;}
.coss_my_guide01 .coss_my_box02 .coss_my_text01 strong{ width: 100%; text-align: left; border-radius:0; }
.coss_my_guide01 .coss_my_box02_01{padding: 15px 20px; border-radius: 0 0 10px 10px; margin-bottom:0; box-shadow: none; border: 1px solid #dbe1ee;}

.coss_my_guide01 .coss_my_box02_02{width: calc(100% + 20px); margin-left: -10px;margin-right: -10px; padding: 5px 10px; border-radius: 4px;}

.coss_my_guide01 ul > li > span{ width: calc(100% - 80px);}
.coss_my_guide01 ul > li > strong{ font-size: 12px!important;width: 80px;}
.coss_my_guide01 ul > li{ margin: 5px 0;}
.coss_my_guide01  ul > li > p{  padding-left: 0;}
}










/* bbs_write01 */
.bbs_write01{clear:both; font-size: 14px;}
.bbs_write01 input[type=text], .bbs_write01 input[type=file]{  padding:0 1%; }
.bbs_write01 select{min-width: 100px;max-width: 180px; height: 38px; border: 1px solid #d6deeb;}
.bbs_write01 table{ width:100%;border-top:1px solid #555; }
.bbs_write01 th {border-bottom:1px solid #e7e7e7; background:#f8f8f8; font-size:14px; color:#555; padding:10px 0.5%; word-break:keep-all !important; width:15%;}
.bbs_write01 td {border-bottom:1px solid #e7e7e7; padding:10px 2%;text-align:left;}
.bbs_write01 .bw_text01{ margin:10px 20px;  border:1px solid #e5e5e5;}
.bbs_write01 .bw_text01 > textarea{ width:100%; height:250px; border:0;}
.bbs_write01 .bw_bg01{background:#f8f8f8;}
.bbs_write01 td > span{ padding-right:20px; display:inline-block;}
.bbs_write01 td > textarea{width:100%; height:200px; border:1px solid #ddd; padding:10px;}
.bbs_write01 td input{ margin:1px 0;}
.bbs_write01 table td .bbs_txt01{ color: #888;}
.bbs_write01 table td input[type=file]{ width:100%; line-height:30px; height:30px; padding:0 1%; border:none; padding-left: 0;}
.bbs_write01 table td .uploadFile > textarea{ width:100%; padding:0 1%; border:1px solid #ddd;}
.bbs_write01 td .invalid{color:#ff0000;}
.bbs_write01 td .message{color:#0000ff;}

@media all and (max-width :767px) {

/*bbs_write01*/
.bbs_write01{margin-bottom:20px;}
.bbs_write01 input[type=text], .bbs_write01 input[type=file]{ width:100%;}
.bbs_write01 table{ line-height:1em;}
.bbs_write01 table td{ display:block;border-left:none; text-align:left; padding:7px 2%;}
.bbs_write01 table th{display:block; font-size:13px; border-left:none; border-bottom:none; text-align:left; padding:7px 2%; width:100%;}
.bbs_write01 table td > span{font-size:14px;}
.bbs_write01 .bbs_w30, .bbs_write01 .bbs_w40{width:45% !important;}
.bbs_write01 .bbs_w20{width:40% !important;}
.bbs_write01 table td > .bbs_txt{ display:block; font-size:13px;}
}







/* bbs_write02 lms 공지사항 등록 &강의계획서(수업유형,교과목 기본정보) &강의콘텐츠 등록 & 과제등록 &  퀴즈등록( 문항등록)~~*/
.bbs_write02{font-size:14px;}
.bbs_write02 .ct_flex01{display: flex; align-items: center; gap:5px; white-space: nowrap;}
.bbs_write02 .ct_flex01_01{display: block; width: 100%;}
.bbs_write02 .ct_flex02{display: flex; align-items: center; gap:5px; width: 100%;}
.bbs_write02 .ct_flex03{display: flex; gap:20px; align-items: center; white-space: nowrap; font-size: 13px;}

.bbs_write02 .ct_flex04{display: flex; gap:5px; align-items: center;}
.bbs_write02 .ct_flex04 .form_guide{line-height: 26px;}
.bbs_write02 .ct_flex04 .fg_txt{ margin-right: 5px; white-space: nowrap; display: inline-block;}

.bbs_write02 .ct_flex05{display: flex; gap:20px; align-items: center; white-space: nowrap; font-size: 13px;}
.bbs_write02 .ct_flex05_01{display: flex; align-items: center; gap:5px;}
.bbs_write02 .ct_flex05_02{display: flex; align-items: center; gap:5px; }

.bbs_write02 .tit_b{font-size: 16px; font-weight: 600;}
.bbs_write02 .tit_s{font-size: 14px; font-weight: 600;}

.bbs_write02 select{height: 38px; border: 1px solid #d6deeb;font-size: 13px;}
.bbs_write02 input[type=text]{padding: 0 10px;}
.bbs_write02 textarea{width:100%; border:1px solid #d6deeb; padding:10px;}
.bbs_write02 input[type=file]{ line-height:30px; height:30px; padding:0 1%; border:none; padding-left: 0; font-size: 12px; width: auto; cursor: pointer;}
.bbs_write02 .point00{width: 8px;height: 100%; display: inline-block; background: url(../../images/com/point.png) left center no-repeat;  text-indent: -9999px; margin-left: 5px;}

.bbs_write02 .ct_flex01_m01{font-size: 12px; color: #ff0000; }


/* 뷰페이지 사용 */
.bbs_write02.bw_view ul > li > strong{padding:10px 5px; }

.bbs_write02.bw_flex01 ul{ display: flex;flex-wrap: wrap;}
.bbs_write02.bw_flex01 ul li{ width: 50%;}
.bbs_write02.bw_flex01 ul li.bw_flex01_cancel{ width: 100%;}

.bbs_write02.bw_flex02 ul{ display: flex;flex-wrap: wrap;}
.bbs_write02.bw_flex02 ul li{ width: 100%;}
.bbs_write02.bw_flex02 ul li.bw_flex01_cancel{ width: 50%;}


.bbs_write02 ul > li{ padding:5px 0; display: flex; justify-content: space-between;}
.bbs_write02 ul > li > strong{ font-weight:500; padding:12px 5px;font-size: 13px; min-width: 115px; display: flex; align-items: center; background:#f0f5ff; border-radius: 4px; justify-content: center; margin-right: 15px; word-break: keep-all;text-align: center;}

.bbs_write02 ul > li > span{width: 100%; display: flex; align-items: center;}
.bbs_write02 .bbs_txt01{font-size: 13px; margin: 10px 0;}


/* 첨부파일 */
.bbs_write02 .cv_btn_file{ position:relative;width:84px; height:38px; line-height:38px;}
.bbs_write02 .cv_btn_file > input[type="file"] { position:absolute; left:0; top:0; width:100%; height:38px; line-height:38px;border:0; display: inline-block;font-size: 0; z-index: 0; }
.bbs_write02 .cv_btn_file > input[type="file"]:after{ position: absolute; top:0;left: 0; content: '직접업로드'; display: inline-block;  height: 38px; background: #3669ff; z-index: 55; text-align: center; -webkit-border-radius:3px;border-radius:3px;font-size: 12px; width:100%; cursor:pointer;color: #fff; font-weight: 500;}

.bbs_write02 .cv_btn_file01{ position:relative;width:84px; height:38px; line-height:38px;}
.bbs_write02 .cv_btn_file01 > input[type="file"] { position:absolute; left:0; top:0; width:100%; height:38px; line-height:38px;border:0; display: inline-block;font-size: 0; z-index: 0; }
.bbs_write02 .cv_btn_file01 > input[type="file"]:after{ position: absolute; top:0;left: 0; content: '자막업로드'; display: inline-block;  height: 38px; background: #8933f1; z-index: 55; text-align: center; -webkit-border-radius:3px;border-radius:3px;font-size: 12px; width:100%; cursor:pointer;color: #fff; font-weight: 500;}


.bbs_write02 .file_guide01{ border: 1px dashed #ddd;  border-radius: 6px; padding: 5px 10px; width: 100%;}
.bbs_write02 .file_guide01 p{ display: flex; align-items: center;  margin: 10px 0;}
.bbs_write02 .file_guide01 a{ background: url(../../images/com/file01.png) 10px center no-repeat;background-size: 12px; font-size: 13px;padding: 0 10px 0 25px;}
.bbs_write02 .file_guide01 button{ background: url(../../images/com/icon_close01.png) center no-repeat;  display: inline-block;text-indent: -9999px; background-size: 17px; width: 17px; height: 17px;}

.bbs_write02 .file_guide02{ margin-bottom: 10px;}
.bbs_write02 .file_guide02 p{ display: flex; align-items: center;  margin: 10px 0;}
.bbs_write02 .file_guide02 a{ background: url(../../images/com/file01.png) left center no-repeat;background-size: 12px; font-size: 13px;padding: 0 10px 0 15px;}




/* 선택버튼 인풋에 등록됨 */
.bbs_write02 .cv_sbt01{height: 28px; line-height: 28px;font-size: 12px;text-align: center; width: 42px; background: #1779ff; color: #fff; font-weight: 600!important; border-radius: 3px;}

.bbs_write02 .cv_wb02{ /*height: 38px;*/ width: 100%; padding: 0 5px 0 7px; border-radius: 4px; position: relative; display: flex; justify-content:flex-end; align-items: center; background: #eff2f7;}

.bbs_write02 .cv_wb02 .cv_wb02_01{width: 100%; /*overflow: hidden; height: 38px;*/ line-height: 38px;}
.bbs_write02 .cv_wb02 .cv_wb02_01 > span{ background: #fff; border-radius: 30px; text-align: center; padding: 0 5px 0 10px; display:inline-flex; align-items: center; font-size: 12px; height: 26px; white-space: nowrap; line-height: 26px;margin: 0 1px;}
.bbs_write02 .cv_wb02 .cv_wb02_01 > span > a{ text-isitemap_listndent: -9999px;background: url(../../images/com/icon_close01.png) center no-repeat; background-size: 16px; width: 16px; height: 16px; display: inline-block; margin-left: 5px; font-size: 0;}
.bbs_write02 .cv_wb02 .cv_wb02_02{ position: relative; }
.bbs_write02 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01{ position: absolute; top:30px; right: 0; z-index: 5; border: 1px solid #d6deeb; background: #fff; border-radius: 10px; box-shadow: 1px 5px 5px rgba(53,88,243,0.08); padding-bottom: 10px; display: none; min-width: 120px;}
.bbs_write02 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01 dt{ border-bottom: 1px solid #ddd;padding:10px 15px; margin-bottom: 5px; position: relative; display: flex;justify-content:space-between;align-items: center;}
.bbs_write02 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01 dt > span{ display: flex; align-items: center;}
.bbs_write02 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01 dt .dv_close01{ text-indent: -9999px;background:  url(../../images/com/icon_close01.png) center no-repeat; background-size: 20px; width: 20px; height: 20px; display: inline-block;  border: 0; font-size: 0;}
.bbs_write02 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01 dd{ padding:5px 15px; white-space: nowrap;}
.bbs_write02 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01 label{ margin-right: 10px;}
.bbs_write02 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01 em,
.bbs_write02 .cv_wb02 .cv_wb02_02 .cv_sbt01_list01 a{display: inline-block;}

@media all and (max-width :767px) {
.bbs_write02 .tit_b{font-size: 13px; font-weight: 500;}
.bbs_write02 .tit_s{font-size: 13px; font-weight: 400;}

.bbs_write02.bw_flex01 ul li{ width:100%;}

.bbs_write02{font-size:13px;}
.bbs_write02 ul > li{flex-wrap: wrap;padding:15px; border-bottom: 1px dashed #ddd;}
.bbs_write02 ul > li:last-child{border-bottom: 0;}

.bbs_write02 .ct_flex05{ flex-wrap: wrap;}
.bbs_write02 .ct_flex05_01{flex-wrap: wrap;}
.bbs_write02 .ct_flex05_02{width: 100%;  flex-wrap: wrap;}
.bbs_write02 .ct_flex05_02 .ct_flex01{width: 100%;}
.bbs_write02 .ct_flex01_m01{ width: 100%; margin-top: 5px;}

.bbs_write02 ul > li > strong{font-size: 12px; min-width:inherit; margin-right: 0; justify-content: flex-start; padding:0 0 0 8px!important; border-radius: 0; margin-bottom: 7px; background: none; ; background: url(../../images/com/line03.png) left center no-repeat;}
.bbs_write02 ul > li > span{ display: block;}
.bbs_write02 .bbs_txt01{font-size: 12px;}
.bbs_write02 .file_guide01{ border-radius: 4px; padding: 5px;background: #f0f5ff;border: 0;}
.bbs_write02 .file_guide01 p{ font-size: 12px;}
.bbs_write02 .ct_flex02{flex-wrap: wrap;}

.bbs_write02 .bbs_w30,
.bbs_write02 .bbs_w50,
.bbs_write02 .bbs_w100px{ width: 100%;}
.bbs_write02 .bbs_txt01{font-size: 12px;}
.bbs_write02.bw_flex02 ul li.bw_flex01_cancel{ width: 100%;}
}






/* 첨부파일만 사용시*/
.all_file_style {display: block; width: 100%;}
.all_file_style input[type=file]{ line-height:30px; height:30px; padding:0 1%; border:none; padding-left: 0; font-size: 12px; width: auto; cursor: pointer;}
.all_file_style .bbs_txt01{font-size: 13px; margin: 10px 0;}

.all_file_style .file_guide01{ border: 1px dashed #ddd;  border-radius: 6px; padding: 5px 10px; width: 100%;}
.all_file_style .file_guide01 p{ display: flex; align-items: center;  margin: 10px 0;}
.all_file_style .file_guide01 a{ background: url(../../images/com/file01.png) 10px center no-repeat;background-size: 12px; font-size: 13px;padding: 0 10px 0 25px;}
.all_file_style .file_guide01 button{ background: url(../../images/com/icon_close01.png) center no-repeat;  display: inline-block;text-indent: -9999px; background-size: 17px; width: 17px; height: 17px;}


@media all and (max-width :767px) {
.all_file_style .file_guide01{ border-radius: 4px; padding: 5px;background: #f0f5ff;border: 0;}
.all_file_style .file_guide01 p{ font-size: 12px;}
.all_file_style .bbs_txt01{font-size: 12px;}
}