@charset "utf-8";

.rnContent {float:left; width:850px; margin-left:30px;}
.rnContent.full {float:left; width:1100px; margin-left:0;}
.bodyCont {position:relative; float:left; /*width:850px;*/ padding:30px 30px 80px 30px; }
.titWrap {position:relative; padding:40px 0 30px 0; letter-spacing:-0.5px;}
.titWrap > h2 {position:relative; font-size:28px; line-height:30px; font-weight:600; color:#222; border-bottom:1px solid #ccc; padding:0 0 15px 0; font-family: Nanum Gothic,'나눔고딕', sans-serif;}
.titWrap ul.rout {position:absolute; top:56px; right:1px;}
.titWrap ul.rout li {float:left; padding:0 10px 0 17px; height:20px; font-size:1.08em; color:#3d3d3d; line-height:20px; background:url(https://www.bbedu.co.kr/images/sub/rout_arrow.png) no-repeat left 6px; font-family: Nanum Gothic,'나눔고딕', sans-serif;}
.titWrap ul.rout li.home {padding-left:27px; background:url(https://www.bbedu.co.kr/images/sub/rout_home.png) no-repeat left 0px;}
.titWrap ul.rout li.on {color:#cb004f; text-decoration:underline; padding-right:0;}


/*==========================================================================
sub contents
==========================================================================*/
.title-03 {position:relative; margin-bottom:10px; font-size:20px; font-weight:bold; color:#333;}
.title-03::before {content:""; display:inline-block; width:4px; height:20px; margin-right:9px; vertical-align: -3px; background:#2860b4;}

.title-04 {position:relative; margin-bottom:10px; font-size:16px;font-weight:normal; color:#333;}
.title-04::before {content:""; display:inline-block; width:4px; height:17px; margin-right:9px; vertical-align: -3px; background:#aaa;}

.title-ref {position:relative; margin-bottom:5px; font-weight: bold; color:#2860b4;}

.titleBtn {position:relative;}
.titleBtn .btnBox {position:absolute; top:0; right:0;}


/* com_tab_menu */
.com_tab_menu {position:relative; width:100%; border-bottom:1px solid #0082ff; height: 40px; margin-bottom:20px; }
.com_tab_menu > ul {width:100%; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box;}
.com_tab_menu > ul:after {content:""; display:block; height:0; clear:both;}

.com_tab_menu > ul > li:first-child {border-left:1px solid #ddd; box-sizing:border-box;}
.com_tab_menu > ul > li {float:left;}
.com_tab_menu > ul > li a {display:block; height:40px; text-align:center; font-size:14px; color:#333; border:solid #ccc; border-width:1px 1px 0 0; background:#fff; border-bottom:1px solid #0082ff; box-sizing:border-box;}
.com_tab_menu > ul > li.active {}
.com_tab_menu > ul > li a:hover,
.com_tab_menu > ul > li.active a {background:#fff; color:#0082ff; font-weight:600; border:solid #0082ff; border-width:1px 1px 0 1px; border-bottom:1px solid #fff;}

.com_tab_menu.ty02 {width:100%; margin-bottom:30px;}
.com_tab_menu.ty02.mgb20 {margin-bottom:20px;}
.com_tab_menu.ty02 > ul {width:100%; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box;}
.com_tab_menu.ty02 > ul > li {float:left; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; text-align:center; border-top:1px solid #c8bebe; border-right:1px solid #c8bebe; border-bottom:1px solid #c8bebe;}
.com_tab_menu.ty02 > ul > li:first-child {border-left:none;}
.com_tab_menu.ty02 > ul > li a {width:100%; display:block; color:#555; line-height:17px; font-size:16px; position:relative; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;border:none; background:#fff;}
.com_tab_menu.ty02 > ul > li a:hover,
.com_tab_menu.ty02 > ul > li.active a {background:#374055; color:#fff; font-weight:normal; border:none;}


/* tab col */
.com_tab_menu[class^="col_0"] h3,.com_tab_menu[class*=" col_0"] h3{ font-weight:normal; }
.com_tab_menu.col_02 {height:auto;border-bottom:none;}/* 2022.03.25 수정 : TAB 3개 이상 시 노출 가능 */
.com_tab_menu.col_02 > ul > li {width:50%;}
.com_tab_menu.col_02 > ul > li.bdLeft {border-left:1px solid #c8bebe}
.com_tab_menu[class^="col_"] > ul > li  a,
.com_tab_menu[class*=" col_"] > ul > li  a {height:40px; line-height:37px;}

.com_tab_menu.col_03 > ul > li {width:33%;}
.com_tab_menu.col_03 > ul > li:nth-child(2) {width:34%;}

.com_tab_menu.col_04 > ul > li {width:25%;}
.com_tab_menu.col_05 > ul > li {width:20%;}

.com_tab_menu.col_06 > ul > li {width:17%;}
.com_tab_menu.col_06 > ul > li:nth-child(1),
.com_tab_menu.col_06 > ul > li:nth-child(6) {width:16%;}

.com_tab_menu.col_08 > ul > li {width:12%;}
.com_tab_menu.col_08 > ul > li:nth-child(3),
.com_tab_menu.col_08 > ul > li:nth-child(4),
.com_tab_menu.col_08 > ul > li:nth-child(5),
.com_tab_menu.col_08 > ul > li:nth-child(6) {width:13%;}
.com_tab_menu.col_08.font_s14 > ul > li  a {font-size:14px; letter-spacing:-0.8px;}

.com_tab_menu.col_09 > ul > li {width:11%;}
.com_tab_menu.col_09 > ul > li:nth-child(3),
.com_tab_menu.col_09 > ul > li:nth-child(4),
.com_tab_menu.col_09 > ul > li:nth-child(5),
.com_tab_menu.col_09 > ul > li:nth-child(6) {width:calc(11% + 2px)}

.com_tab_menu.col_10 > ul > li {width:10%;}


/*==========================================================================
table
==========================================================================*/
.table-wrap table {width:100%; table-layout: fixed; border-spacing: 0; font-size:14px; line-height:1.7; font-family:Nanum Gothic,'나눔고딕','돋움',Dotum,AppleGothic,sans-serif;}
.table-wrap table th {padding:10px; font-size:15px; color:#fff; background-color: #598edc;border-bottom:1px solid #78a0d2;}
.table-wrap table thead th {border-left:1px solid #78a0d2}
.table-wrap table thead th:first-child  {border-left:0;}
.table-wrap.sub table th {padding:10px; font-size:15px; color:#333; background-color: #e9e9e9;border-top:1px solid #ddd; border-bottom:none;}
.table-wrap.sub table thead th {border-left:1px solid #ddd}
.table-wrap.sub table thead th:first-child  {border-left:0;}
.table-wrap.sub table th.bdleft {border-left:1px solid #ddd !important}
.table-wrap table th.gray_bg {color:#333; background-color: #e9e9e9;border-bottom:1px solid #ddd;}
.table-wrap table th.bdleft {border-left:1px solid #78a0d2 !important}

.table-wrap table tbody td {padding:10px 10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.table-wrap table tbody tr:first-child td {border-top:1px solid #ddd;}
.table-wrap table tbody tr td:first-of-type {border-left:0}

.table-wrap table tbody td[rowspan] {border-right:1px solid #ddd}
.table-wrap table tbody td[rowspan] + td {border-left:0}

.table-wrap table tfoot th {padding:11px 10px 9px;color:#555; background-color: 
#fafafa !important;border-bottom:1px solid #ddd;}
.table-wrap table tfoot td {padding:11px 10px 9px;color:#555; background-color: 
#fafafa !important;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.table-wrap table tfoot td:first-child  {border-left:0;}


/* col table */
.table-wrap.type-col table {text-align:center}

/* row table */
.table-wrap.type-row td {text-align:left; padding-left:30px}



/*==========================================================================
board-table
==========================================================================*/
.board-table-wrap table {width:100%; table-layout: fixed; border-spacing: 0; line-height:1.5; font-family:Nanum Gothic,'나눔고딕','돋움',Dotum,AppleGothic,sans-serif;}
.board-table-wrap table th {padding:11px 10px 9px; font-size:14px; color:#fff; background-color: 
#598edc; border-bottom: 1px solid #78a0d2;}
.board-table-wrap.manyVer table th {padding:9px 3px 7px; font-size:12px; font-weight:normal; color:#fff; background-color: #598edc; border-bottom: 1px solid #78a0d2;}

.board-table-wrap table tfoot th {padding:11px 10px 9px;color:#555; background-color: 
#fafafa !important;border-bottom:1px solid #ddd;}
.board-table-wrap table tfoot td {padding:11px 10px 9px;color:#555; background-color: 
#fafafa !important;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.board-table-wrap table tfoot td:first-child  {border-left:0;}

.board-table-wrap table thead th {border-left:1px solid #78a0d2; line-height:1.4;}
.board-table-wrap table thead th:first-child  {border-left:0;}
.board-table-wrap table thead th.wh_bg {color:#666; background-color: #fff; border-color: #ddd;border-bottom:1px solid #ddd;}

.board-table-wrap.sub table th {padding:7px 10px 5px; font-size:14px; color:#333; background-color: #e9e9e9; border-top:none !important; border-bottom:1px solid #ddd;}
.board-table-wrap.sub table thead th {border-left:1px solid #ddd; line-height:1.4;}
.board-table-wrap.sub table thead th:first-child  {border-left:0;}
.board-table-wrap.sub table thead tr th.brdl { border-left:1px solid #ddd; }
.board-table-wrap.sub table thead tr th.brdr { border-right:1px solid #ddd; }
.board-table-wrap.sub table tbody th {border-bottom:1px solid #ddd; background-color:#f7f7f7;}
.board-table-wrap.sub.type-row table tbody td {border-bottom:none; border-top: 1px solid #ddd;}
.board-table-wrap.sub.type-row table { border-bottom: 1px solid #ddd;}

.board-table-wrap table tbody td {padding:7px 5px; height:26px; font-size:13px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fff;}
.board-table-wrap table tbody td.gray_bg {background:#ddd; }
.board-table-wrap.type-row table tbody td {padding:5px 10px;}
.board-table-wrap.manyVer table tbody td {padding:7px 3px; font-size:12px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.board-table-wrap.manyVer table tbody tr:nth-child(even) {background:#edf3f6;}
.board-table-wrap table tbody tr:first-child td {border-top:1px solid #ddd;}
.board-table-wrap table tbody tr td:last-of-type {border-right:0}
.board-table-wrap table tbody tr td.brdr { border-right:1px solid #ddd; }
.board-table-wrap table .borderB {border-bottom:1px solid #78a0d2;}

.board-table-wrap table.quiz tbody td {padding:7px 0px;}

.board-table-wrap > table .board_contents {padding:30px 30px 30px 30px !important; font-size:14px; text-align:left; vertical-align:top;}
.board-table-wrap > table .board_contents > p {margin:0 0 20px 0;}

/* col table */
.board-table-wrap.type-col table {text-align:center}
.board-table-wrap.type-col table tbody tr:first-child td {border-top:none;}
.board-table-wrap.type-col table tbody tr:hover {background:#f5f5f5;}
.board-table-wrap.type-col tbody tr.board_notice {font-weight:bold; background-color:#f7f7f7;}
.board-table-wrap.type-col td a:hover {color:#0082ff}

.board-table-wrap.type-col table .list_tag {display:inline-block; background:#0082ff; border:1px solid #0082ff; color:#fff; padding:0 5px 2px 4px; text-align:center;
								  line-height:initial; border-radius:2px; font-size:13px; font-weight:400; letter-spacing:-0.5px; box-sizing:border-box;}
.board-table-wrap.type-col table .list_tag.gray_bg {background:#aaa; border:1px solid #aaa; color:#fff;}
.board-table-wrap.type-col table .list_tag.tag_noti {background:#fff; border:1px solid #bbb; color:#555;}


/* row table */
.board-table-wrap.type-row td {text-align:left;}
.board-table-wrap.type-row table tbody tr:first-child td {border-top:1px solid #ddd;}

/* list iCon */
.board-table-wrap > table i > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.board-table-wrap > table .iCon_down {position:relative; display:inline-block; padding:0 22px 0 0; font-size:13px;}
.board-table-wrap > table .iCon_down:after {content:""; clear:both; position:absolute; right:0; top:0; display:block; width:18px; height:18px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.board-table-wrap > table .a_center .iCon_down:after {top:0px;}

.board-table-wrap > table .iCon_down:after {background:url(https://www.bbedu.co.kr/images/board/com_board_iCon01.png) no-repeat;}
.board-table-wrap > table .iCon_down:hover:after {background:url(https://www.bbedu.co.kr/images/board/com_board_iCon01_02.png) no-repeat;}

.board-table-wrap > table .iCon_down.iCon_left {padding:0 0 0 20px;}
.board-table-wrap > table .iCon_down.iCon_left:after {left:0;}

.board-table-wrap > table .iCon_down.iCon_nonetxt { display:inline-block; width:18px; height:18px; padding:0; overflow:hidden; text-indent:-99px; }

.board-table-wrap > table .iCon_new {display:inline-block; width:13px; height:13px; border-radius:2px; vertical-align:middle; margin:0 0 1px 4px;}
.board-table-wrap > table .iCon_new {background:#4664e6 url(https://www.bbedu.co.kr/images/inc/com_new_iCon01.png) no-repeat;}

.board-table-wrap > table .iCon_hot {display:inline-block; width:13px; height:13px; border-radius:2px; vertical-align:middle; margin:0 0 1px 4px;}
.board-table-wrap > table .iCon_hot {background:#ff8a00 url(https://www.bbedu.co.kr/images/inc/com_hot_iCon01.png) no-repeat; animation:blink_hot 0.6s ease 0.6s infinite alternate;}

.board-table-wrap > table i.board_arrow {display:inline-block; width:11px; height:11px; margin:0 4px 0 0;}
.board-table-wrap > table i.board_arrow.prev {background:url(https://www.bbedu.co.kr/images/inc/com_arrow_iCon01_04.png) no-repeat;}
.board-table-wrap > table i.board_arrow.next {background:url(https://www.bbedu.co.kr/images/inc/com_arrow_iCon01_03.png) no-repeat;}


/* ===== BOARD EDIT BUTTON ===== */
.board_edit_btn {position:relative; width:100%; padding:0; box-sizing:border-box; margin-top:30px;}
.board_edit_btn > ul {display:inline-block; width:100%;}
.board_edit_btn > ul > li {position:relative; float:left; width:50%; box-sizing:border-box;}

.board_edit_btn > ul > li.btn_left {text-align:left;}
.board_edit_btn > ul > li.btn_left .btn_style01 {margin-right:4px;}

.board_edit_btn > ul > li.btn_right {text-align:right;}
.board_edit_btn > ul > li.btn_right .btn_style01 {margin-left:4px;}


.board_edit_btn .btn_left {text-align:left;}
.board_edit_btn .btn_left a.btn_style01 {margin-right:4px;}

.board_edit_btn .btn_right {text-align:right;}
.board_edit_btn .btn_right a.btn_style01 {margin-left:4px;}


/* board_edit_box */
.board_edit_btn .board_edit_box {display:none; position:absolute; left:-1px; bottom:70px; z-index:12; background:#fff; border:1px solid #ccc; box-sizing:border-box; padding:20px 20px 20px 20px; width:320px; letter-spacing:-0.5px; font-weight:400; -webkit-box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.15); box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.15);}

.board_edit_btn .board_edit_box .edit_box_tit {width:100%; position:relative;}
.board_edit_btn .board_edit_box .edit_box_tit > h4 {font-size:15px; font-weight:500; border-bottom:1px solid #ccc; color:#333; padding:0 0 12px 0; margin:0 0 12px 0;}

.board_edit_btn .board_edit_box .edit_box_tit .btn_close {position:absolute; top:5px; right:2px; display:inline-block; width:11px; height:11px;}
.board_edit_btn .board_edit_box .edit_box_tit .btn_close {background:url(https://www.bbedu.co.kr/images/inc/com_btn_close01.png) no-repeat center top;}
.board_edit_btn .board_edit_box .edit_box_tit .btn_close > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}


/* edit_input */
.board_edit_btn .board_edit_box .edit_input {width:100%; background:#fafafa; border:1px solid #ddd; box-sizing:border-box; padding:8px 8px 8px 8px;}
.board_edit_btn .board_edit_box .edit_input > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.board_edit_btn .board_edit_box .edit_input > dl > dt {float:left; width:30%; box-sizing:border-box; font-size:13px;}
.board_edit_btn .board_edit_box .edit_input > dl > dd:first-child {padding:0 0 0 4px;}
.board_edit_btn .board_edit_box .edit_input > dl > dd:last-child {width:70%;}

.board_edit_btn .board_edit_box .edit_input > dl > dt label {width:100%; height:35px; line-height:35px; color:#333;}
.board_edit_btn .board_edit_box .edit_input > dl > dd select {width:100%; height:35px;}

.board_edit_btn .board_edit_box .edit_info {border:1px solid #eee; border-top:none; box-sizing:border-box; padding:12px 10px 12px 10px; text-align:center;}
.board_edit_btn .board_edit_box .edit_info > p {font-size:12px; color:#555;}


/* edit_btn */
.board_edit_btn .board_edit_box .edit_btn {width:100%; box-sizing:border-box; text-align:center; margin:15px 0 0 0;}
.board_edit_btn .board_edit_box .edit_btn > ul {display:inline-block;}
.board_edit_btn .board_edit_box .edit_btn > ul > li {float:left; box-sizing:border-box; font-size:13px; margin:0 3px 0 3px;}
.board_edit_btn .board_edit_box .edit_btn > ul > li .btn_style01 {font-size:12.5px;}

.board_edit_btn .board_edit_box .edit_box_close {border-top:1px solid #ccc; text-align:center; padding-top:15px; margin:13px 0 0 0;}
.board_edit_btn .board_edit_box .edit_box_close .btn_style01 {font-size:12.5px; width:100%;}


/* ===== PAGINATION STYLE ===== */
.pagination {width:100%; text-align:center;}
.pagination .pagin_text {font-size:14px; margin:0 8px 0 8px; vertical-align:middle; color:#555;}

.pagination a,
.pagination button {display:inline-block; vertical-align:top; margin-right:2px; padding:3px 0 0 0; box-sizing:border-box; width:28px; height:28px; border:1px solid #ddd; background:#fff; font-size:14px; color:#555; font-weight:500; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.pagination a:hover,
.pagination button:hover {color:#111923; background:#fff; border:1px solid #111923;}
.pagination a.active,
.pagination button.active {color:#fff; background:#111923; border:1px solid #111923;}

.pagination .arrow {background-position:center center !important;}
.pagination .arrow > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.pagination .arrow.arrow_left {background:#fff url(https://www.bbedu.co.kr/images/console/inc/com_pagin_icon01_01.png) no-repeat;}
.pagination .arrow.arrow_left_db {background:#fff url(https://www.bbedu.co.kr/images/console/inc/com_pagin_icon01_02.png) no-repeat;}
.pagination .arrow.arrow_right {background:#fff url(https://www.bbedu.co.kr/images/console/inc/com_pagin_icon02_01.png) no-repeat;}
.pagination .arrow.arrow_right_db {background:#fff url(https://www.bbedu.co.kr/images/console/inc/com_pagin_icon02_02.png) no-repeat;}


/* ===== BOARD SEARCH FORM ===== */
.board_search_form {width:100%; padding:13px 13px 10px 15px; box-sizing:border-box; background:#fafafa; border:1px solid #ccc; margin-bottom:20px;}
.board_search_form.mgb20 {margin-bottom:20px;}
.board_search_form.mgb25 {margin-bottom:25px;}
.board_search_form > ul {display:inline-block; width:100%; box-sizing:border-box;}
.board_search_form > ul > li {position:relative; float:left; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; font-size:14px; height:35px; line-height:35px;}


/* board_count */
.board_search_form > ul > li.board_count {width:30%; color:#555;}
.board_search_form > ul > li.board_count select {height:35px; width:150px;}

.board_search_form > ul > li.board_count .count_all {color:#333; font-weight:500;}
.board_search_form > ul > li.board_count .count_all .numb_all {letter-spacing:0; color:#4664e6;}

.board_search_form > ul > li.board_count .count_page .numb_page {letter-spacing:0;}

.board_search_form > ul > li.board_count .divider {display:inline-block; width:1px; height:12px; background:#bbb; vertical-align:middle; margin:0 5px 0 5px;}
.board_search_form div.board_count {width:29% !important; color:#555; vertical-align: text-bottom;}
.board_search_form div.board_count select {height:35px; width:150px;}

/* board_search */
.board_search_form > ul > li.board_search {width:70%; text-align:right;}

.board_search_form > ul > li.board_search > dl {display:inline-block;}
.board_search_form > ul > li.board_search > dl > dd {float:left; box-sizing:border-box; margin:0 0 0 8px;}

.board_search_form > ul > li.board_search select {height:35px; width:100px;}
.board_search_form > ul > li.board_search input[type="text"] {height:35px;}

.board_search_form > ul > li.board_search .btn_style01 {height:35px; line-height:32px;}


.board_search_form div.board_search {width:100% !important; text-align:right;}
.board_search_form div.board_search.wid70 {width:70% !important;}
.board_search_form div.board_search > dl {display:inline-block;}
.board_search_form div.board_search > dl > dd {float:left; box-sizing:border-box; margin:0 0 0 8px;}

.board_search_form div.board_search select {height:35px; width:100px;}
.board_search_form div.board_search input[type="text"] {height:35px;}

.board_search_form div.board_search .btn_style01 {height:35px; line-height:32px;}


/* ===== FORM ===== */
.com-form {position:relative}

.com-form input[type="text"],
.com-form input[type="email"],
.com-form input[type="number"],
.com-form input[type="search"],
.com-form input[type="url"],
.com-form input[type="tel"],
.com-form input[type="date"],
.com-form input[type="password"]{display:inline-block; height:30px; color:#555; font-size:14px; letter-spacing:-0.5px; padding:0 0 0 8px; border:1px solid #ccc; box-sizing:border-box;font-family:Nanum Gothic,'나눔고딕','돋움',Dotum,AppleGothic,sans-serif;}

.com-form input[type="text"]:focus,
.com-form input[type="email"]:focus,
.com-form input[type="number"]:focus,
.com-form input[type="search"]:focus,
.com-form input[type="url"]:focus,
.com-form input[type="tel"]:focus,
.com-form input[type="date"]:focus,
.com-form input[type="password"]:focus {border-color:#2860b4}

.com-form select {display:inline-block; height:30px; color:#888; font-size:14px; letter-spacing:-0.5px; padding-left:8px; border:1px solid #bbb;  vertical-align: middle; box-sizing:border-box; font-family:Nanum Gothic,'나눔고딕','돋움',Dotum,AppleGothic,sans-serif; background:#fff url(https://www.bbedu.co.kr/images/inc/com_select_iCon01_01.png) no-repeat right center; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

.com-form textarea {display:block; width:100%; color:#888; font-size:14px; letter-spacing:-0.5px; padding-left:8px; border:1px solid #bbb;  vertical-align: middle; box-sizing:border-box; resize: none; font-family:Nanum Gothic,'나눔고딕','돋움',Dotum,AppleGothic,sans-serif;}
.com-form textarea:focus {border-color:#2860b4}
.com-form .i-ref {display:inline-block; vertical-align: middle;}
.com-form .i-ref::before {content:"*";}

/* 주소 */
.com-form .fm-addr .r-zipcode > input {width:80px}
.com-form .fm-addr .r-input {margin-top:5px}
.com-form .fm-addr .r-input > input {width:45%}


/*==========================================================================
button
==========================================================================*/
.btn_style01 {display:inline-block; text-align:center; letter-spacing:-0.5px; box-sizing:border-box; padding:0.375rem 0.75rem; border-radius:0;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; vertical-align: middle;}
.btn_style01:hover {text-decoration:none;}

.btn_style01.btn_xxs {font-size:11px; height:22px; line-height:20px; padding:0 5px 0 5px;}
.btn_style01.btn_xs {font-size:12px; height:26px; line-height:23px; padding:0 5px 0 5px;}
.btn_style01.btn_sm {font-size:13px; height:30px; line-height:26px; padding:0 10px 0 10px;}
.btn_style01.btn_md {font-size:14px; height:36px; line-height:34px; padding:0 15px 0 15px;}
.btn_style01.btn_lg {font-size:15px; height:44px; line-height:40px; min-width:120px; padding:0 20px 0 20px;}

.btn_style01.dgray_bg {background:#333; color:#fff; border:1px solid #333;}
.btn_style01.dgray_bg:hover {background:#111; color:#fff !important; border:1px solid #111;}

.btn_style01.dgray_line {background:#fff; color:#333; border:1px solid #333;}
.btn_style01.dgray_line:hover {background:#111; color:#fff !important; border:1px solid #111;}

.btn_style01.gray_bg {background:#5a6069; color:#fff; border:1px solid #5a6069;}
.btn_style01.gray_bg:hover {background:#3d444e; color:#fff !important; border:1px solid #3d444e;}

.btn_style01.gray_line {background:#fff; color:#555; border:1px solid #bbb;}
.btn_style01.gray_line:hover {background:#f0f0f0; color:#555 !important; border:1px solid #bbb;}

.btn_style01.blue_bg {background:#2860b4; color:#fff; border:1px solid #2860b4;}
.btn_style01.blue_bg:hover {background:#1e64d2; color:#fff !important; border:1px solid #1e64d2;}

.btn_style01.blue_bg2 {background:#598edc; color:#fff; border:1px solid #598edc;}
.btn_style01.blue_bg2:hover {background:#598edc; color:#fff !important; border:1px solid #598edc;}

.btn_style01.blue_line {background:#fff; color:#2860b4; border:1px solid #2860b4;}
.btn_style01.blue_line:hover {background:#2860b4; color:#fff !important; border:1px solid #2860b4;}

.btn_style01.blue_line2 {background:#fff; color:#598edc; border:1px solid #598edc;}
.btn_style01.blue_line2:hover {background:#598edc; color:#fff !important; border:1px solid #598edc;}

.btn_style01.disabled {background:#fff; color:#a8a8a8; border:1px solid #a8a8a8; cursor:not-allowed;}

.btn_style02{box-shadow:1px 7px 5px 2px rgb(0, 0, 0, 0.1);font-size:24px;color:#222222;letter-spacing:-1px;background:#cccccc;text-align:center; height:72px;line-height:70px;display:inline-block; letter-spacing:-0.5px; box-sizing:border-box; min-width:160px;padding:0 50px; border-radius:10px;}
.btn_style02.og{color:#fff;background:#fa6446;}
.btn_style02.v2{height:52px;line-height:50px;}

.text_box .btn_style01.btn_xxs {line-height:18px;}

.link_btn_style01{text-decoration:underline;font-size:11px;color:#777;}
.link_btn_style01 img{top:3px;position:relative;margin-right:2px}


/* text_box */
.text_box {position:relative; letter-spacing:-0.5px; color:#555; font-weFight:400; border:1px solid transparent; box-sizing:border-box;}
.text_box img {display:block; max-width:100%;}
.text_box strong {font-weight:600;}

.text_box.bg_box {background:#fafafa; border:1px solid #ddd; padding:15px 20px 15px 20px;}
.text_box.bg_box.b_blue {background:#fff; border:1px solid #0082ff;}
.text_box.bg_box.b_blue2 {border:1px solid #0082ff;}
.text_box.bg_box.b_gray {background:#fff; border:1px solid #ddd;}
.text_box.bg_box.b_lgray {background:#fff; border:1px solid #eee;}
.text_box.bg_box.b_lgray02 {background:#fff; border:1px solid #eee; border-top:none;}
.text_box.bg_box.b_lgray03 {background:#fff; border:1px solid #eee; border-top:none; border-bottom:none;}
.text_box.bg_box02 {background:#f4f5f7; border:1px solid #ddd; padding:20px 25px 20px 25px;}
.text_box.bg_box03 {background:#fff; border:4px solid #eee; padding:10px 15px 10px 15px;}
.text_box.bg_box04 {background:#fff; border:1px solid #ddd; padding:15px 20px 15px 20px;}
.text_box.bg_box05 {background:#fafafa; border:1px solid #78a0d2; padding:15px 20px 15px 20px;}
.text_box.bg_box07 {background:#fff; border:2px solid #eee; padding:10px 15px 10px 15px;}

.text_box.bg_box06 { background:#fafafa url(https://www.bbedu.co.kr/images/bbedu/design/2022/0826_mypage/img_file.png) no-repeat 160px 32px; border:1px solid #0082ff; padding:35px 20px 35px 250px; }
.text_box.bg_box06 h4 { font-size:18px; color:#0082ff; }
.text_box.bg_box06 .btn_upload { position:absolute; top:39px; right:220px; display:block; width:124px; height:40px; padding:0 15px; border-radius:6px; background:#2860b4; border:1px solid #2860b4; font-size:14px; color:#fff; line-height:36px; text-align:center; box-sizing:border-box; cursor:pointer; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.text_box.bg_box06 .btn_upload:hover { background:#1e64d2; color:#fff !important; border:1px solid #1e64d2; }
.text_box.bg_box06 .btn_modify { display:inline-block; width:120px; height:30px; padding:0 10px; border:1px solid #2860b4; box-sizing:border-box; background:#fff; font-size:13px; color:#2860b4; line-height:28px; letter-spacing:-0.5px; text-align:center; cursor:pointer; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.text_box.bg_box06 .btn_modify:hover { color:#fff !important; background:#2860b4; border:1px solid #2860b4; }
.text_box.bg_box06 .st-list { padding-left:0; margin-bottom:10px; }
.text_box.bg_box06 .btn_sm { width:120px; line-height:28px; }
.text_box.bg_box06 #file, .text_box.bg_box06 #mod_file { display:none; }

.text_box .inInfo {background:url(https://www.bbedu.co.kr/images/cm/ico_noti.png) no-repeat 0 center; min-height:45px; padding-left:60px; line-height:43px;}
.text_box .inInfo.ty02 {background:url(https://www.bbedu.co.kr/images/cm/ico_info.png) no-repeat 0 center; min-height:34px; padding-left:45px; line-height:38px;}

.text_box .b_bottom_15 {border-bottom:1px dotted #ccc; padding-bottom:15px; margin-bottom:15px;}

/* 수강중인 강의 텍스트 박스 */
.text_box.h75 {height:75px;}
.text_box.h75 .tit {line-height:50px;}
.inBtn {display:inline-block; float:right;}
.inBtn img {display:inline-block; vertical-align:middle;}

/* 수강중인 강의 */
.myinfo_list {width:850px;}
.myinfo_list .list_top {width:852px; height:477px; background:url(https://www.bbedu.co.kr/images/sub/class_top_back.jpg) no-repeat;}


.myinfo_list .list_top .clsTit {height:80px;}
.myinfo_list .list_top .txt {float:left; width:657px; height:80px;}
.myinfo_list .list_top .txt > .title {font-size:22px;color:#FFF;font-weight:bold;text-align:center;line-height:75px;letter-spacing:-2.8px;padding-left:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.myinfo_list .list_top .date {font-size:20px;color:#FFF;font-weight:normal;text-align:center;}

.myinfo_list .list_top .txt1 {width:400px; position:relative; margin-left:95px; margin-top:55px; margin-bottom:40px}
.myinfo_list .list_top .txt1 dl dt {display:inline-block;}
.myinfo_list .list_top .txt1 dl dd {display:inline-block;}
.myinfo_list .list_top .txt1 .small {font-size:14px;color:#FFF;font-weight:bold;}
.myinfo_list .list_top .txt1 .big {font-size:18px;color:#FFF;font-weight:bold;}

.myinfo_list .list_top .teacherInfo {}	
.myinfo_list .list_top .pic {float:left;width:185px; height:220px; background:url(https://www.bbedu.co.kr/images/sub/frame.png) no-repeat; margin-left:57px; margin-top:4px; position:relative;}
.myinfo_list .list_top .pic .img {width:185px;height:218px;}
.myinfo_list .list_top .pic .btn_info {margin-top:-43px;}

.myinfo_list .list_top .check {float:right; width:608px; height:155px;}
.myinfo_list .list_top .check ul {margin-left:200px; margin-top:10px; width:350px; min-height:140px;}
.myinfo_list .list_top .check ul li {height:23px; color:#FFF; font-size:12px; letter-spacing:0.2px; font-weight:bold;}

.myinfo_list .list_top .btn_list {float:right; margin:20px 25px 0 0}
.myinfo_list .list_top .btn_kang {margin:25px 45px 0 40px; text-align:right;}

/* 강의실 공지사항 : 2022.11.17 */
.rnContent > section > .cont_notice{position:relative;margin:0 auto 40px;background:#ffffff;}
.rnContent > section > .cont_notice > .notice_wrap{width:850px;overflow:hidden;}
.rnContent > section > .cont_notice > .notice_wrap ul:after {content:""; display:block; clear:both; height:0;}
.rnContent > section > .cont_notice > .notice_wrap > .notice_inner { float:left; position:relative; overflow:hidden; }
.rnContent > section > .cont_notice > .notice_wrap > .notice_inner:last-child { float:right; }
.rnContent > section > .cont_notice > .notice_wrap > .notice_inner .tit {display:block;margin-bottom:6px;color:#2b2b2b;font-weight:600;font-size:16px;}
.rnContent > section > .cont_notice > .notice_wrap > .notice_inner .board_more_btn {position:absolute; right:0; top:0px; width:22px; height:22px; background:url(https://www.bbedu.co.kr/images/bbedu/common/main_common.png) -59px -108px no-repeat; text-indent:-9999px;}
.rnContent > section > .cont_notice > .notice_wrap > .notice_inner .board_more_btn:hover {background:url(https://www.bbedu.co.kr/images/bbedu/common/main_common.png) -88px -108px no-repeat;}
.rnContent > section > .cont_notice > .notice_wrap > .notice_inner .notice_con_box{float:left;padding:10px 20px;width:418px;border:1px solid #eaedf2;}
.rnContent > section > .cont_notice > .notice_wrap > .notice_inner .notice_con_box .notice_list{ overflow:hidden; }
.rnContent > section > .cont_notice > .notice_wrap > .notice_inner .notice_con_box .notice_list ul { overflow:hidden; height:150px; }
.rnContent > section > .cont_notice > .notice_wrap > .notice_inner .notice_con_box .notice_list ul li { width:100%; height:30px; line-height:26px; }
.rnContent > section > .cont_notice > .notice_wrap > .notice_inner .notice_con_box .notice_list ul a { position:relative; overflow:hidden; display:inline-block; width:92%; padding-left:10px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; }
.rnContent > section > .cont_notice > .notice_wrap > .notice_inner .notice_con_box .notice_list ul a:after { content:""; display:block; width:3px; height:3px; position:absolute; top:12px; left:0; background:#2448a3; }
.rnContent > section > .cont_notice > .notice_wrap > .notice_inner .notice_con_box .notice_list ul a:hover { color:#2448A3; text-decoration:underline; }

.rating-view{overflow:hidden;display:inline-block;width:120px;height:10px;text-align:left;}
.rating-view .rating-default {display:inline-block;background:#ddd; height:10px; width:100px;vertical-align:top; border-radius:5px; overflow:hidden;}
.rating-view .rating-score {display:inline-block;vertical-align:top; height:100%; background:#ff9838;}


.myinfo_list .list_middle {width:850px; margin-top:40px;}
.discu dl {margin:0 auto; display:inline-block;}
.discu dl dt, .discu dl dd {display:inline-block;}
.discu .text_box.dotLineT {margin-top:20px; padding-top:20px; border-top: dotted 1px #666}
.discu .text_box.dotLineB {margin-bottom:20px; padding-bottom:20px; border-bottom: dotted 1px #666}

/* BTN CONTAINER */
.sub-btn-wrap {overflow:hidden; margin-top:50px; text-align: center;}
.sub-btn-wrap > * {margin:0 5px}


/* 회원정보 table */
.join_write_wrap .table-wrap.type-row table td {padding:10px 20px}
.join_write_wrap .table-wrap.type-row {margin-bottom:40px}

.st-txt-01 {padding-left:20px; font-size:14px; line-height:1.8}
.st-box-01 {padding:20px; border:1px solid #ddd; font-size:14px; line-height:26px; word-break: keep-all; background-color: #fafafa;}

.st-list {font-size:14px; line-height:1.8;}
.st-list > li {position: relative; padding-left:10px; line-height:1.8;}
.st-list > li.txt_blue {color:#0082ff !important;}
.st-list > li::before {display:block; position:absolute; left:0;}
.st-list.dot > li::before {content:"\00B7";font-weight:800;}
.st-list.dash > li::before {content:"-";}
.st-list.ast > li::before {content:"*"; top:0;}
.st-list.ref > li {padding-left:18px}
.st-list.ref > li::before {content:"\203B";}

.st-list {position: relative; padding-left:10px; line-height:1.8; font-size:14px;}
.st-list .txt_blue {color:#0082ff !important;}
.st-list::before {display:block; position:absolute; left:0;}
/* .st-list.dot::before {content:"\00B7";font-weight:800;} */
/* .st-list.dash::before {content:"-";} */
/* .st-list.ast::before {content:"*"; top:0;} */
.st-list.ref {padding-left:0 !important;}
.st-list.ref::before {content:"" !important;}


.st-txt-01 + .title-04,
.st-box-01 + .title-04 {margin-top:30px;}

.sec-txt-cont > .table-wrap,
.sec-txt-cont > .st-list {margin-bottom:30px}
.sec-txt-cont + .sec-txt-cont {margin-top:50px}

/* 번호 영역 여백 */
.num_list {}
.num_list>li {display:block; font-size:13px; color:#666; margin-bottom:5px;  letter-spacing: -.03em; line-height:1.5; padding-left:17px; text-indent:-1.1em;}

p.num_list {display:block; font-size:13px; color:#666; margin-bottom:5px;  letter-spacing: -.03em; line-height:1.5; padding-left:17px; text-indent:-1.1em;}

/* 서클 번호 */
.st-list.num > li {padding-left:28px; text-indent:-29px;}
.st-list.num > li span.num {display:inline-block; background:#0082ff; text-align:center; width:25px; font-size:12px; border-radius:13px; color:#fff; line-height:24px; margin-right:5px; text-indent:0}

.st-list.num {padding-left:28px; text-indent:-29px;}/* 2022.05.16 */
.st-list.num span.num {display:inline-block; background:#0082ff; text-align:center; width:25px; font-size:12px; border-radius:13px; color:#fff; line-height:24px; margin-right:5px; text-indent:0}/* 2022.05.16 */

/* 로그인 */
.login {overflow:hidden;width:850px;padding-top:320px;background:URL('/images/sub/my01_background.jpg') no-repeat; box-sizing:border-box;text-align:center;}
.login .loginbox { display:inline-block; width:450px; vertical-align:top; }
.login .loginbox input { width:200px;height:30px;ime-mode:disabled;border:1px solid #5f85c9; }
.login .loginbox .logbox, .login .loginbox .btnbox {display:inline-block; vertical-align:top;}
.login .loginbox .btnbox { padding-left:10px; }
.login .loginbox .logbox + .inBtn {float:none; display:inline-block; padding:68px 0 0 15px;}
.login .loginbox .logbox label {display:inline-block; font-size:13px; font-weight:bold; width:55px; text-align:left;}
.login .etcbtn a { display:inline-block; width:130px; }									   

/* 아이디 찾기 */
.idpwFind {width:850px;height:600px;padding-top:350px;background:URL('/images/sub/my02_background.jpg') no-repeat; box-sizing:border-box;}
.idpwFind .id_1 {display:inline-block; width:360px; vertical-align:top;}
.idpwFind .pw_1 {display:inline-block; width:360px; margin-left:30px; vertical-align:top;}
.idpwFind .contTit {display:block; font-size:24px; margin-bottom:30px;}
.idpwFind .box_idpw {display:block; margin:0 50px; width:750px;}
.idpwFind .idShow,
.idpwFind .pwShow {display:inline-block; vertical-align:top;}
.idpwFind .idShow + .inBtn {float:none; display:inline-block; padding:68px 0 0 15px;}
.idpwFind .pwShow + .inBtn {float:none; display:inline-block; padding:68px 0 0 15px;}
.idpwFind .box_idpw label {display:inline-block; font-size:13px; font-weight:bold; width:55px;}						
.idpwFind .input {height:30px; border:1px solid #cf185f;}
.idpwFind .input.name {width:200px;}
.idpwFind .input.hp {width:60px;}

/* 회원가입 */
.terms_all {border:1px solid #ddd; background:#fafafa; color:#707070;font-size:12px;padding:16px;margin:22px 0;}
.terms_all label {margin-left:5px; font-size:15px; display:inline-block;}
.terms_list_box > li {margin-bottom:20px;}
.terms_list_box li .tit{display:table;width:100%;}
.terms_list_box li .tit p {display:table-cell;width:20%;text-align:right;font-size:13px}
.terms_list_box li .tit p:first-child {width:80%;text-align:left;font-size:14px;}
.terms_list_box li .tit p:first-child label {margin-left:5px;} 
.terms_list_box li .em{color:#d62b3f;}
.terms_txt {display:none; margin-top:10px; padding:10px; height:150px; overflow-y:auto; border:1px solid #b3b3b3;}
.terms_txt .policyWrap {width:auto;line-height:1.8}
.terms_txt .policyWrap .plicyList .mTitle {font-size:15px; margin-bottom:5px;}
.terms_list_box .policyBox {margin-bottom:20px;}
.terms_list_box .depth2 > li {margin-bottom:20px;}
.terms_list_box .depth2 {margin-bottom:20px;}
.terms_list_box .depth2 h5 {margin-bottom:5px;}
.terms_list_box .dash > li {line-height:18px}
.terms_list_box .dash {margin-bottom:20px; line-height:18px;}
.terms_list_box .dash ol {margin-left:15px;} 
.terms_txt.on{display:block}
.terms_txt table {width:100%; border:1px solid #ddd; border-right:none;}
.terms_txt table th {background-color:#ebf6ff; color:#4577b7; text-align:center;}
								.terms_txt table th.borderB {border-bottom:1px solid #ddd;}
.terms_txt table th {font-weight:600;}
.terms_txt table th {border-right:1px solid #ddd; padding:10px 5px; height:20px; text-align:center;}
.terms_txt table td {border:1px solid #ddd; border-bottom:none; border-left:none; padding:10px 5px; height:20px; text-align:center;}
.terms_btn:after{content:"▼";display:inline-block; margin-left:5px;}
.terms_btn.on:after{content:"▲";}


.intro08_ifrBox {padding-top:20px; width:850px;}

/* 이미지 게시판 */
.visualBoard {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; border-bottom:1px solid #ddd;}
.visualBoard li {margin-left:16px; margin-bottom:40px; width:200px; min-height:150px;}
.visualBoard li:first-child {margin-left:0;}
.visualBoard li:nth-child(4n+1){margin-left:0;}
.visualBoard li .boardInfo a:hover {text-decoration:none}
.visualBoard li .boardInfo .boardThumb {display:block; height:150px; width:200px; border:1px solid #dbdbdb; box-sizing:border-box;}
.visualBoard li .boardInfo .boardTit {display:block; font-weight:bold; margin-top:10px; font-size:13px; color:#ef526f; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.visualBoard li .boardInfo .boardWriter {display:block; font-weight:bold; font-size:13px; color:#333; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}  
.visualBoard li .boardInfo .boardDate {display:block; font-size:13px; color:#666; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}  
ul.no-data li {height:250px; padding-top:125px; border-bottom:1px solid #ddd;}
p.no-data {height:250px; padding-top:125px; border-bottom:1px solid #ddd;}


/* 댓글 */
.rwWrap {border-top:1px solid #ddd;}
.rwWrap li {border-bottom:1px solid #ddd;padding-top:20px;}
.rwInfo>.name {margin-left:20px; font-weight:bold; color:#333;}
.rwInfo>.date {margin-left:20px;}
.rwWrap .rwCont {padding:20px;}


/* 수강신청 내 장바구니 담기 레이어 */
.cart_layer{position:fixed; width:1100px; height:100px; bottom:0; z-index:556;}
.cart_layer .step_cont {position:absolute; height:100px; box-sizing:border-box; background:#fff; border:5px solid #3c50a0; z-index:2;}
.cart_layer .step_cont ul{width:920px; height:100%; display:table; float:left;}
.cart_layer .step_cont ul li{position:relative; display:table-cell; padding-left:72px; vertical-align:middle; line-height:24px; width:230px; height:100%; font-size:18px; color:#3c50a0;}
.cart_layer .step_cont ul li.active{background:#3c50a0; color:#fff;}
.cart_layer .step_cont ul li:before{position:absolute; content:''; left:32px; top:32px; width:26px; height:30px; background:url(https://www.bbedu.co.kr/images/bbedu/design/2020/0504_bnr/icon_num.png) no-repeat;}
.cart_layer .step_cont ul li.active:before{background-position-y:-30px;}
.cart_layer .step_cont ul li:nth-child(2):before{background-position-x:-26px;}
.cart_layer .step_cont ul li:nth-child(3):before{background-position-x:-52px;}
.cart_layer .step_cont ul li:nth-child(4):before{background-position-x:-78px;}
.cart_layer .step_cont ul li:nth-child(3){width:260px;}
.cart_layer .step_cont ul li:nth-child(4){width:200px;}
.cart_layer .step_cont ul li + li:after{position:absolute; content:''; left:0; width:11px; height:22px; background:url(https://www.bbedu.co.kr/images/bbedu/design/2020/0504_bnr/icon_arrow.png) no-repeat; top:34px;}
.cart_layer .btn_apply{width:160px; float:right; margin:10px 10px 0 0; height:70px; color:#fff; font-size:22px; font-weight:bold; line-height:70px; text-align:center; background:#f03c5a; border-radius:5px; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);}

.cart_layer .cart_cont{position:absolute; width:580px; bottom:100px; right:0; box-sizing:border-box; z-index:556; z-index:1;}
.cart_layer .cart_cont .btn_cart{text-align:right;}
.cart_layer .cart_cont .btn_cart a{position:relative; display:inline-block; width:190px; height:36px; font-size:16px; line-height:36px; font-weight:bold; text-align:center; background:#1e326e; color:#fff;}
.cart_layer .cart_cont .btn_cart span{position:relative;}
.cart_layer .cart_cont .btn_cart span:after{position:absolute; width:10px; height:6px; top:50%; margin-top:-3px; right:-26px; content:''; background:url(https://www.bbedu.co.kr/images/bbedu/design/2020/0504_bnr/icon_arrow02.png) no-repeat;}
.cart_layer .cart_cont .btn_cart .active span:after{transform:rotate(180deg);}
.cart_layer .cart_cont .inner_wrap{height:0; overflow:hidden;}
.cart_layer .cart_cont .inner{background:#fff; border:5px solid #1e326e; padding:18px 20px; border-bottom:0; height:265px; box-sizing:border-box;}
.cart_layer .cart_cont .inner .txt{color:#f03c5a; margin-bottom:6px; line-height:23px;}
.cart_layer .cart_cont .btn_all{float:right; display:inline-block; text-align:center; width:80px; height:23px; line-height:23px; background:#282832; font-size:11px; color:#fff;}

.cart_layer .cart_cont .table_wrap{height:159px; overflow-y:auto;}
.cart_layer .cart_cont table{border-spacing:0; width:100%;}
.cart_layer .cart_cont table th{background:#dddddd; height:29px; text-align:center;}
.cart_layer .cart_cont table td{text-align:center; height:31px; padding:0 10px; border-bottom:1px solid #ddd;}
.cart_layer .cart_cont table td + td{border-left:1px solid #ddd;}
.cart_layer .cart_cont table td.t_left{text-align:left;}
.cart_layer .cart_cont table td.t_right{text-align:right;}
.cart_layer .cart_cont table td .btn_delete{color:#f03c5a;}

.cart_layer .cart_cont .price{font-size:16px; font-weight:normal; color:#111; margin-top:18px; text-align:center;}
.cart_layer .cart_cont .price strong{color:#f03c5a;}


/* 수강신청 결제 */
.order_bill li {display:inline-block; margin-right:50px;}
.order_bill li label {margin-left:5px;}

.order_bank {border:solid 1px #e0e0e0; background:#fff; padding:20px 50px; margin-top:10px;}


/*************************  pak 패키지신청 페이지  ***************************/
table { border-collapse:collapse; }
.pkgUl { display:inline-block; width:100%; list-style:none; vertical-align:baseline; background:transparent; }
.pkgLi { margin-top:10px; float:left; width:1038px; border:1px solid #ccc; background:#fafafa; cursor:pointer; }
.pkgLi > dl { width:100%; display:inline-block; margin-bottom:-4px; }
.pkgLi > dl > dd { float:left; color:#555; padding:14px 15px 15px 15px; letter-spacing:-0.5px;}
.pkgLi > dl > dd.check { width:60px; border-right:1px solid #ddd; text-align:center; z-index:1; }

.pack_checkbox {color:#555; letter-spacing:-0.5px; line-height:26px;}
.pack_checkbox label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; }
.pack_checkbox input[type="checkbox"] { width:20px; height:20px; margin:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.pack_checkbox input[type="checkbox"] { position:relative; display:inline-block; *zoom:1; *display:inline; cursor:pointer; vertical-align:middle; }
.pack_checkbox input[type="checkbox"]::-ms-check { display:none; }

.pack_checkbox input[type="checkbox"] { background:#fff url(/image/pack_check_iCon_all.png) no-repeat 0 0; outline:0; }
.pack_checkbox.check_jido input[type="checkbox"]:checked { background-position:0 -100px; }
.ddTxt { float:left; height:55px; padding:14px 15px 15px 15px; padding: 0 20px; font-size: 20px;font-weight: 600;line-height: 30px; color:#555; letter-spacing:-0.5px;}
	
/*pkg_warn*/
.con_wrap .tab_con .box1 {z-index:100;}
.con_wrap .tab_con .warn_inner { position:relative; padding: 20px 20px 0 23px; }
.con_wrap .tab_con .warn_inner ul li{ display:block; height:30px; text-align:left; line-height:30px;}
.con_wrap .tab_con .warn_inner ul li.tex_r{ color:#dd393b; font-size:14px; }
.con_wrap .tab_con .warn_inner ul li.tex_g{ color:#16a89e; }
.con_wrap .tab_con .warn_inner li.tex_r .w_icon { margin-right:5px; display:inline-block; width:20px; height:21px; background:url(/image/pay_common.png) no-repeat -21px -140px; text-indent:-99999px; line-height:23px; }
.con_wrap .tab_con .warn_inner li.tex_g .w_icon { margin-right:5px; display:inline-block; width:20px; height:21px; background:url(/image/pay_common.png) no-repeat  -0px -140px; text-indent:-99999px; line-height:23px; }


/*************************  pak 패키지신청 페이지  ***************************/
.main.pak {margin-left:30px;}
.main.pak .map_wrap {width:1030px; height:80px; border:5px solid #00a99d;}
.main.pak .map {margin-left:12px;}
.main.pak .map>div {float:left; width:220px; height:65px; margin:7px 3px 0 3px;}
.main.pak .map>div p {font-size:18px; margin:10px 0 0 60px;} 
.main.pak .map>div p.line {margin-top:20px;}
.main.pak .map>img {float:left; margin-top:20px; padding:0 5px;}

.main.pak .con_wrap { text-align:center; }

.main.pak .con_wrap .con {width:1040px; height:83px; background:#eff6f6; }
.main.pak .con_wrap .con>p {float:left; width:1040px; font-size:18px; margin-top:30px; overflow:hidden;}
.main.pak .con_wrap .con>p span {color:#d00101; font-size:18px;}

.main.pak .con_wrap .tab>a {float:left; width:347px; height:56px; background:#eff6f6; font-size:18px; line-height:56px; margin-top:10px; text-align:center;}
.main.pak .con_wrap .tab>a.on {background:#01a89e; color:#fff; text-align:center;} 
.main.pak .con_wrap .tab>.btn2 {width:346px; text-align:center;} 

.main.pak .con_wrap .tab_con { clear:both; position:relative; overflow:hidden; width:1040px; /*height:1400px;*/ }
.main.pak .con_wrap .tab_con>div { width:1038px; border:1px solid #01a89e; /*position:absolute; left:0; top:0;*/ }

/*패키지 table*/
.main.pak .con_wrap .tab_con>div {overflow:hidden;}
.main.pak .con_wrap .tab_con>div table {float:left; width:489px; margin:20px 0 20px 20px; background:#fbfbf8; border:1px solid #01a89e;}
.main.pak .con_wrap .tab_con>div .right_T {border:1px solid #7b8cc3;}
.main.pak .con_wrap .tab_con>div table .date th {background:#01a89e; color:#FFF; font-size:16px; height:50px;}
.main.pak .con_wrap .tab_con>div .right_T .date th {background:#7b8cc3;}
.main.pak .con_wrap .tab_con>div table .tit th {background:#eff6f6; font-weight:bold; height:40px; color:#333;} 
.main.pak .con_wrap .tab_con>div .right_T .tit th {background:#eceef5;}
.main.pak .con_wrap .tab_con>div table tr {border-top:1px solid #dbe8e8;}
.main.pak .con_wrap .tab_con>div table td {height:50px; text-align:center; vertical-align:middle;}

.main.pak .con_wrap .tab_con>div table .lec_tit {text-align:left; text-indent:10px; font-weight:bold; color:#000; font-size:13px; background:#eff6f6;}
.main.pak .con_wrap .tab_con>div .right_T .lec_tit {background:#eceef5;}
.main.pak .con_wrap .tab_con>div table .price {color:#580e97; font-size:14px; letter-spacing:0; font-weight:bold;}
.main.pak .con_wrap .tab_con>div table .price span {text-decoration:line-through; color:#454545; font-size:12px; letter-spacing:-0.05em; font-weight:200;}

.main.pak .con_wrap .tab_con>div table .btn1 {padding:5px 15px; text-decoration:underline; font-weight:bold; background:#ede8f1; color:#793fa8;}
.main.pak .con_wrap .tab_con>div table .btn2 {padding:5px 15px; text-decoration:underline; font-weight:bold; background:#dbe0ee; color:#3b4d80;}

/*안내 및 유의사항*/
.main.pak .con_wrap .info_wrap {clear:both; float:left; width:1040px; overflow:hidden; margin-top:35px; padding-bottom:20px;}
.main.pak .con_wrap .info_wrap h4 {font-size:18px; color:#00a99d; text-align:left; margin-left:20px; font-weight:bold;}
.main.pak .con_wrap .info_wrap h4 span {font-size:16px; color:#d00101;}
.main.pak .con_wrap .info_wrap .info {width:1000px; overflow:hidden; border-top:1px solid #dbe8e8; margin:10px 0 0 10px;text-align:left; padding:5px 0 0 20px; font-size:13px;}
.main.pak .con_wrap .info_wrap .info li {float:left}
.main.pak .con_wrap .info_wrap .info h5 {font-size:13px; text-align:left; font-weight:bold; margin-top:20px;}
.main.pak .con_wrap .info_wrap .info p {text-align:left; font-size:13px; display:block; padding:10px;}
.main.pak .con_wrap .info_wrap .info .numList {overflow:auto; padding:0 10px 0 20px;}
.main.pak .con_wrap .info_wrap .info .numList li {width:100%; display:block;} 

/*버튼*/
.main.pak .con_wrap .btn {margin:120px 0 50px 242px;  float:left;}
.main.pak .con_wrap .btn a {display:inline-block; float:left; width:265px; height:78px;}
.main.pak .con_wrap .btn .btn_pre {margin-right:12px; background:url(IMG/btn_pre.png);}
.main.pak .con_wrap .btn .btn_next {margin-left:12px; background:url(IMG/btn_next.png);}

.main.pak .con_wrap .btn .btn_pre:hover {background:url(IMG/btn_pre_on.png);}
.main.pak .con_wrap .btn .btn_next:hover {background:url(IMG/btn_next_on.png);}


/* 장바구니 */
.cart_wrapper{position:relative;}
.cart_wrapper .step_cont {height:100px; box-sizing:border-box; background:#fff; border:5px solid #3c50a0; margin-bottom:40px;}
.cart_wrapper .step_cont ul{width:100%; height:100%; display:table;}
.cart_wrapper .step_cont ul li{position:relative; display:table-cell; padding-left:68px; vertical-align:middle; line-height:20px; width:210px; height:100%; font-size:16px; color:#3c50a0;}
.cart_wrapper .step_cont ul li.active{background:#3c50a0; color:#fff;}
.cart_wrapper .step_cont ul li:before{position:absolute; content:''; left:30px; top:32px; width:26px; height:30px; background:url(https://www.bbedu.co.kr/images/bbedu/design/2020/0504_bnr/icon_num.png) no-repeat;}
.cart_wrapper .step_cont ul li.active:before{background-position-y:-30px;}
.cart_wrapper .step_cont ul li:nth-child(2):before{background-position-x:-26px;}
.cart_wrapper .step_cont ul li:nth-child(3):before{background-position-x:-52px;}
.cart_wrapper .step_cont ul li:nth-child(4):before{background-position-x:-78px;}
.cart_wrapper .step_cont ul li:nth-child(3){width:230px;}
.cart_wrapper .step_cont ul li:nth-child(4){width:190px;}
.cart_wrapper .step_cont ul li + li:after{position:absolute; content:''; left:0; width:11px; height:22px; background:url(https://www.bbedu.co.kr/images/bbedu/design/2020/0504_bnr/icon_arrow.png) no-repeat; top:34px;}
.cart_wrapper .inner{font-size:14px;}


/* 실습과목운영기관 */
.training_con .map_box{position:relative;}
.training_map{position:relative;z-index:0}
.training_map_on{display:none;position:absolute;z-index:1}

.training_con {margin-bottom:30px;}					
.training_con .tab_content04 {overflow:hidden;}

.training_con .tab_content04 .map_box {width:320px;float:left;}
.training_con .tab_content04 .training_txt {height:350px;margin-top:20px;width:530px;float:right;position:relative;}
.searchWrap{font-size:14px;}
.searchWrap label{display:inline-block;margin-left:15px;}

.training_btn{position:absolute;left:0;bottom:0;width:100%;overflow:hidden;}

.step_radius.ty2 {text-align:center;}
.step_radius.ty2 .step_list {margin-bottom:20px;}
.step_radius.ty2 .step_list li {position:relative; border-radius:77px; border:1px solid #aaa; margin-left:30px; display:inline-block; width:154px; height:154px; box-sizing:border-box;}
.step_radius.ty2 .step_list li .txtBox {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size:14px; color:#555; width:120px; letter-spacing: -.08em;}
.step_radius.ty2 .step_list li .txtBox strong {display:block; color:#333; font-size:17px; margin-bottom:10px;} 
.step_radius.ty2 .step_list li .txtBox span {display:inline; color:#0082ff; font-size:14px;}  
.step_radius.ty2 .step_list li:first-child {margin-left:0;}
.step_radius.ty2 .step_list li:first-child:before {display:none;}
.step_radius.ty2 .step_list li:before {content:""; position:absolute; left:-35px; top:60px; display:inline-block; width:35px; height:35px; background:url(https://www.bbedu.co.kr/images/cm/arrow_gray02.png) no-repeat 0 0;} 
.training_con .training_txt .step_noti {width:530px; margin:0 auto;}

/* intro */
.intro1003_img {position: absolute; top:80px; right:120px;}

/* 프로그램 아이콘 */
.ico {display:inline-block; width:30px; height:30px; margin-right:10px; vertical-align: middle;}
.ico.exp {background:url(https://www.bbedu.co.kr/images/cm/ico_exp.png) no-repeat 0 0;}
.ico.ppt {background:url(https://www.bbedu.co.kr/images/cm/ico_ppt.png) no-repeat 0 0;}
.ico.pdf {background:url(https://www.bbedu.co.kr/images/cm/ico_pdf.png) no-repeat 0 0;}
.ico.hwp {background:url(https://www.bbedu.co.kr/images/cm/ico_hwp.png) no-repeat 0 0;}
.ico.doc {background:url(https://www.bbedu.co.kr/images/cm/ico_doc.png) no-repeat 0 0;}		 


/* 나의 강의실 학사일정표 */
.class_daily {width:850px;background:url(https://www.bbedu.co.kr/images/sub/daily_back.jpg) no-repeat;height:753px;margin-left:-1px;}
.class_daily .month {font-size:25px;color:#3b3632;font-weight:bold; padding-top:60px;padding-left:340px;}
.class_daily .jump {float:right;padding-right:45px;}
.class_daily .calendar {width:778px;height:625px;margin-top:28px;margin-left:37px;}
.class_daily .calendar table {width:778px;height:503px;border:1px solid #baad9d;}
.class_daily .calendar table th {height:30px;color:#655744;font-size:13px;letter-spacing:0px;background-color:#c1b4a3;text-align:center;}
.class_daily .calendar table tbody tr {vertical-align:top;}
.class_daily .calendar table td {background-color:#fff;height:50px;border-right:1px solid #efefef;border-bottom:1px solid #efefef;width:111px;color:#555;font-size:12px;letter-spacing:0px;padding-left:10px;padding-top:5px;}
.class_daily .calendar table td.today {border:5px solid #de9677;height:50px;font-weight:bold;color:#B01800;font-size:15px;}
.class_daily .calendar table td.gray {background-color:#fbfbfb;color:#555;}
.class_daily .calendar table td.sun {color:#B01800;}
.cal_event {position: relative; font-size:12px;overflow:hidden;letter-spacing:-0.5px;background-color:#f0ff88;color:#5c5c5c;padding-bottom:2px;}

/* 학습가이드 */
#courseGuide {background:#b0b3b4;}
#courseGuide a:link {color:#fff;}
#courseGuide a:visited {color:#fff;}
#courseGuide a {text-decoration:none;}
#courseGuide h2 {width:234px;height:111px;overflow:hidden;}
#courseGuide .guideContMenuBx {width:234px;height:784px;float:left;background:#363636;}
#courseGuide .guideContMenuBx .menuFoot {background-color:#363636;}
#courseGuide .menu1 {background:#363636;}
#courseGuide .menu1 li {height:30px;}
#courseGuide .menu1 li:hover {background-color:#89a960;}
#courseGuide .Sub_left {height:574px;}
#courseGuide .Sub_left ul > li a:hover {color:#fff;}
#courseGuide .Sub_left ul > li p {height:30px;padding-left:45px;color:#fff;font-size:13px;line-height:25px;}
#courseGuide .contentsList {width:772px;height:784px;float:left;background:#b0b3b4;}
#courseGuide .topHeader {width:748px;height:29px;margin:12px auto 0;height:29px;background:#2882d2;}
#courseGuide .bottomHeader {width:748px;height:29px;margin:0 auto; background:#c8145a;}
#courseGuide #topSubject {padding-left:18px;color:#fff;font-weight:bold;font-size:13px; line-height:28px;}
#courseGuide .topDiv {width:748px;height:530px;margin:0 auto 20px;background:#fff;}
#courseGuide #bottomSubject {padding-left:18px;font-size:13px;color:#fff;font-weight:bold; line-height:28px;}
#courseGuide .bottomDiv {width:748px;height:140px;background:#fff;margin:0 auto;}
#courseGuide #bottomContent {font-size:15px;}
#courseGuide #topContent {margin:15px 0 0 10px;}
#contsGuide {width:720px; margin:10px 0 0 20px; overflow-y:auto;}
#contsGuide.top {max-height:500px} 
#contsGuide.bot {max-height:130px;} 
#contsGuide.bot h4 {margin-top:10px;} 
#contsGuide.bot h4:first-child {margin-top:0;}

/* 레이어팝업 공통 */
.layerPop {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; text-align: center;}
.layerPop .ly_dim { position: fixed; left: 0; top: 0; z-index: 990; width: 100%; height: 100%; background: rgba(0,0,0,.5); }

/* 레이어팝업 - 회원탈퇴 레이어 */
.rnlayer {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); min-width:460px; min-height:250px; border:1px solid #222; background:#fff; padding:20px 30px; z-index:10000; display:none;}					
.rnlayer .pop-btn-wrap {overflow: hidden; margin-top: 20px;text-align: center;position: relative;}
.rnlayer .pop-btn-wrap > * {margin:0 5px}
.rnlayer .pop-btn-close {position:absolute; top:0; right:-40px;}
.rnlayer .pop-btn-close a.btn_close {display:block; width:32px; height:32px; background:url(http://www.bbedu.co.kr/images/common/button_close1.png) no-repeat 0 0; background-size:32px 32px; font-size:0; text-indent: -1000000em;}
.popMemEnd {width:460px; min-height:250px; }
/*.popMemEnd>*/.pop-con-wrap>.tit {position:relative; margin-bottom:10px;font-size:16px; color:#444; font-weight:bold;border-bottom: 1px solid #ddd;padding-bottom: 10px;} 
.pop-con-wrap>.tit::before {content:""; display:inline-block; width:4px; height:17px; margin-right:9px; vertical-align: -3px; background:#aaa;}
.pop-con-wrap .msgBox {text-align:center; margin-bottom:10px; }

.pop-tit {font-size:28px; color:#222; border-bottom:1px solid #ccc; font-weight:bold; padding-bottom:10px;}		
.pop-tit.ty02 {border:6px solid #eee; text-align:center; font-size:28px; color:#2860b4; padding-top:10px;}
.pop-conInnr {margin-bottom:30px; position:relative;}
.i-ref {display:inline-block; color:#cc0000; font-size:15px;position:relative; height:15px;}
.i-ref::before {content:"*"; position:absolute; top:-7px;}
.sec-txt-cont .lawBox {margin:0 auto; display:table;}
.subMsg {position:absolute; top:5px; right:10px; font-size:13px; color:#666;}
.bg_box07 {padding:25px;}

.lawSBox {border:2px solid #eee; padding:20px 30px; overflow-y: auto; height:250px;}
.lawSBox .lawBtit {font-size:16px; color:#333; font-weight:bold; margin-bottom:10px}


/* 실습신청서 레이어 */
.popAppForm {width:1000px;height: 100%; padding:70px; overflow-y:auto; overflow-x:hidden; box-sizing:border-box;}	
.popAppForm .pop-btn-close {position:absolute; top:20px; right:20px;}
.popAppForm .pop-btn-close a.btn_close {display:block; width:34px; height:34px; background:url(../images/cm/popClose.png) no-repeat 0 0; background-size:34px 34px; font-size:0; text-indent: -1000000em;}
.pop-btn-closeLaw {position:absolute; top:10px; right:25px;}
.pop-btn-closeLaw a.btn_closeLaw {display:block; width:34px; height:34px; background:url(../images/cm/popClose.png) no-repeat 0 0; background-size:34px 34px; font-size:0; text-indent: -1000000em;}
.sec-txt-cont .signBox {width:400px; margin:20px 0 30px 430px}
.sec-txt-cont .signBox dt {display:inline-block; font-size:16px; width:200px; vertical-align: top;}
.sec-txt-cont .signBox dd {display:inline-block; font-size:16px; width:195px;}
.profileBox {padding:10px;}
.profileBox .profileImg {display:inline-block; border:1px solid #bbb; width:142px; height:162px; box-sizing:border-box; vertical-align:top;}
.profileBox .imgUpload {display:inline-block; width:calc(100% - 170px); margin-left:20px; min-height:162px; box-sizing:border-box;}
.profileBox .profileImg img{width: 100%;height: 100%;object-fit: cover;}

.popViewLaw {display:none; position:absolute; right:0; top:40px; min-height:250px; border:1px solid #222; background:#fff; padding:20px 30px; z-index:10000;}
.popViewLaw .lawBtit {font-size:13px; font-weight:bold; margin-bottom:10px}
.calImg {width:25px; height:25px; vertical-align:middle; margin-left:3px;}


/* IP예외 신청서 */
.exceptionBox {margin-top:20px;}
.exceptionBox dt {display:inline-block; width:145px; vertical-align:top;} 
.exceptionBox dt .Btit {font-size:18px;}
.exceptionBox dd {display:inline-block; font-size:16px; color:#555; width:calc(100% - 170px); margin:0 0 10px 20px; vertical-align:top;}
.exceptionBox dd .innrForm {min-height:35px}

/* 결제내역 레이어 */
.popPayView {width:900px; min-height:250px;}	

/* 오리엔테이션 레이어 */
.popOrientation { width:1020px; height:786px; }

/* 공인인증 레이어 */
.popMemCerti {width:900px; height:700px;}	
.pop-con-wrap .pop-tit {position: relative; font-size: 24px; line-height: 30px; font-weight: 600; color: #222; border-bottom: 1px solid #ccc; margin-bottom:30px; padding: 0 0 15px 0; }
.pop-con-wrap .Btit {position:relative; margin-bottom:10px; font-size:18px; font-weight:bold; color:#333;}
.pop-con-wrap .Btit::before {content:""; display:inline-block; width:4px; height:20px; margin-right:9px; vertical-align: -3px; background:#2860b4;}
.pop-con-wrap .tit {position:relative; margin-bottom:10px;font-size:16px; color:#444; font-weight:bold;border-bottom: 1px solid #ddd;padding-bottom: 10px;} 
.pop-con-wrap .tit::before {content:""; display:inline-block; width:4px; height:17px; margin-right:9px; vertical-align: -3px; background:#aaa;}
.popMemCerti .pop-con-cont {width:840px; height:550px; overflow-y:auto;}

/* 인사말 */
.intro_box { padding:40px 0; font-size:15px; color:#333; line-height:28px; }
.intro_box .txtbox { padding:0 40px; margin-bottom:60px; }
.intro_box .txtbox p { font-size:21px; font-weight:bold; color:#0082ff; text-align:right; }
.intro_box .imgbox { position:relative; background:url(https://www.bbedu.co.kr/images/inc/introduce.jpg) no-repeat bottom; padding:0 70px 200px 350px; margin-bottom:40px; }
.intro_box .imgbox strong { display:block; position:absolute; top:0; left:80px; font-size:28px; line-height:42px; color:#222;  }

/* 강의소개 */
.curriWrap { width:840px; background-color:#f2f2f2; }
.curriWrap .btn_box { text-align:center; padding-bottom:20px; margin-top:-10px; }
.curriWrap .cont .com_tab_menu { width:800px; margin-bottom:25px; margin-left:10px; }
.curriWrap .scrbox { overflow-y:scroll; width:820px; height:580px; margin:0 auto; padding-bottom:20px; }
.curriWrap.w1060 { width:1060px !important; padding:0; font-size:13px; }
.curriWrap.w1060 .cont { margin-left:220px; }

.curriWrap.w1060 .nav_left { position:absolute; left:0; top:0; bottom:0; overflow:hidden; width:219px; height:100%; border-right:1px solid #dddddd; background:#fff; }
.curriWrap.w1060 .nav_left h3 { overflow:hidden; height:140px; padding:0 0 0 20px; font-size:20px; line-height:230px; }
.curriWrap.w1060 .nav_left .list_wrap { overflow-y:auto; height:calc(100% - 140px); height:-webkit-calc(100% - 140px); height:moz-calc(100% - 140px); background:#f2f2f2; }
.curriWrap.w1060 .nav_left ul li { background:#f2f2f2; height:43px; line-height:43px; font-size:14px; }
.curriWrap.w1060 .nav_left ul li a { display:block; padding-left:20px; color:#222; }
.curriWrap.w1060 .nav_left ul li.active { background:#d23c31; }
.curriWrap.w1060 .nav_left ul li.active a { color:#fff; }

.curriWrap .top { margin-bottom:20px; background:url(https://www.bbedu.co.kr/images/sub/teach_top_back.gif) no-repeat; }
.curriWrap .top ul { float:left; overflow:hidden; }
.curriWrap .top h4.title { font-size:35px; color:#505050; padding-top:74px; margin:0 0 20px 90px; }
.curriWrap .top p.txt { font-size:15px; color:#5d5d5d; font-weight:bold; margin-left:95px; }
.curriWrap .top ul.tv { float:right; padding-top:54px; padding-right:30px; }

#ctabmenu { position:relative; height:31px;width:256px;margin-left:34px;}
#ctabmenu ul {height:31px;overflow:hidden;float:left;}
#ctabmenu ul li {font-size:15px;color:#fff;height:31px;width:127px;background:url(https://www.bbedu.co.kr/images/sub/teach_tab.png) no-repeat;line-height:31px;text-align:center;padding-right:1px;}
#ctabmenu ul li a {display:block;color:#fff;cursor:pointer !important}
#ctabmenu ul li.on {color:#fff;font-weight:bold;font-size:15px;background:url(https://www.bbedu.co.kr/images/sub/teach_tab_on.png) no-repeat;line-height:31px;text-align:center;width:127px;}
#ctabmenu ul li.on a {color:#fff;font-weight:bold;font-size:15px;background:url(https://www.bbedu.co.kr/images/sub/teach_tab_on.png) no-repeat;line-height:31px;text-align:center;width:127px;}

#ctabcontent0 { position:relative; width:850px; min-height:560px; padding:30px; border:solid 1px #d5d5d5; background:#fff; }
#ctabcontent0 .page { position:absolute; top:-1px; right:0px; }
#ctabcontent0 dt.title { margin-bottom:10px; padding-left:16px; font-size:15px; font-weight:bold; color:#000; background:url(https://www.bbedu.co.kr/images/sub/dot_green.png) no-repeat 0 6px; }
#ctabcontent0 dd { margin-bottom:30px; padding-bottom:20px; background:url(https://www.bbedu.co.kr/images/sub/line_dot.gif) repeat-x bottom; }


#ctabcontent0 .txt {padding-left:5px;color:#747474;letter-spacing:-0.5px;width:100% !important;}
#ctabcontent0 .line {margin-left:7px;width:auto !important;background:url(https://www.bbedu.co.kr/images/sub/line_dot.gif) repeat; margin-top:30px;margin-bottom:30px;height:1px;}

#ctabcontent0 .title1 {font-size:15px; padding-bottom:12px;font-weight:bold;color:#000;}




#ctabcontent0 .page {right:0px;top:-1px;position:absolute;}
#ctabcontent0 .title {font-size:15px; padding-bottom:12px;font-weight:bold;color:#000;background:url(https://www.bbedu.co.kr/images/sub/dot_green.png) no-repeat 2px 4px;padding-left:20px;}
#ctabcontent0 .line {margin-left:7px;width:728px;background:url(https://www.bbedu.co.kr/images/sub/line_dot.gif) repeat; margin-top:30px;margin-bottom:30px;height:1px;}

#ctabcontent0 .title1 {font-size:15px; padding-bottom:12px;font-weight:bold;color:#000;}

.curri_list table {width:100%;border-top:1px solid #a9cdb2;border-left:1px solid #e0e0e0;}
.curri_list table th {height:30px;text-align:center;vertical-align:middle;font-weight:bold;background:#9dc4a4;border-bottom:1px solid #ccc; color:#fff;font-size:12px;}
.curri_list table td {height:30px;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;text-align:center;}
.curri_list table .tleft {padding-left:10px; font-size:12px;}
.curri_list table td a:hover {color:#00802d;}
.curri_list table td a:focus {color:#00802d;}

#ctabcontent1 {padding-top:40px;padding-left:44px;background-color:#fff;background:url(https://www.bbedu.co.kr/images/sub/teach_backline.gif) repeat-y;border-top:solid 1px #d5d5d5;position:relative;border-bottom:1px solid #d5d5d5;margin-left:11px;width:774px;margin-left:11px;}
#ctabcontent1 .page {right:0px;top:-1px;position:absolute;}
#ctabcontent1 .title {font-size:15px; padding-bottom:12px;font-weight:bold;color:#000;background:url(https://www.bbedu.co.kr/images/sub/dot_green.png) no-repeat 2px 4px;padding-left:20px;}
#ctabcontent1 .txt {padding-left:5px;width:730px;color:#747474;letter-spacing:-0.5px;}
#ctabcontent1 .line {margin-left:7px;width:728px;background:url(https://www.bbedu.co.kr/images/sub/line_dot.gif) repeat; margin-top:30px;margin-bottom:30px;height:1px;}


/* 2022.07.27 : 이하 추가 ------------------------------------------------------------------------------------------------------------------------------- */

/* Button Object */
.btn_pack,
.btn_pack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(https://www.bbedu.co.kr/images/common/btn_pack.gif) no-repeat;font-size:12px;color:#666;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack code {cursor:default !important;}
.btn_pack {float:right;}
.btn_pack *{left:5px;cursor:pointer;_cursor:hand}
.btn_pack *:hover,
.btn_pack *:active,
.btn_pack *:focus{}

/* Button Object */
.btn_pack1,
.btn_pack1 *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(https://www.bbedu.co.kr/images/common/btn_pack.gif) no-repeat;font-size:12px;color:#666;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack1 code {cursor:default !important;}
.btn_pack1 {float:left;}
.btn_pack1 *{left:5px;cursor:pointer;_cursor:hand}
.btn_pack1 *:hover,
.btn_pack1 *:active,
.btn_pack1 *:focus{}

.btn_pack1.gray04,.btn_pack1.gray04 *{height:26px;line-height:26px;color:#fff !important;}
.btn_pack1.gray04{background-position:left -227px;}
.btn_pack1.gray04 *{padding:0 9px 0 2px;background-position:right -227px;font-size:12px;*padding:0 6px 0 1px;}

/* Button Object */
.btn_pack2,
.btn_pack2 *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(https://www.bbedu.co.kr/images/common/btn_pack.gif) no-repeat;font-size:12px;color:#666;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack2 code {cursor:default !important;}
.btn_pack2 *{left:5px;cursor:pointer;_cursor:hand}
.btn_pack2 *:hover,
.btn_pack2 *:active,
.btn_pack2 *:focus{}

/* 흰색 */
.btn_pack.white,.btn_pack.white *{height:26px;line-height:26px}
.btn_pack.white{background-position:left -49px;}
.btn_pack.white *{padding:0 11px 0 4px;background-position:right -49px;font-size:12px}

.btn_pack.white02,.btn_pack.white02 *{height:36px;line-height:36px}
.btn_pack.white02{background-position:left -292px;}
.btn_pack.white02 *{padding:0 12px 0 6px;background-position:right -292px;font-size:12px}

/* 오렌지 */
.btn_pack.orange,.btn_pack.orange *{height:36px;line-height:34px;color:#fff }
.btn_pack.orange{background-position:left -81px;}
.btn_pack.orange *{padding:0 10px 0 6px;background-position:right -81px;font-size:12px}

.btn_pack.orange02,.btn_pack.orange02 *{height:25px;line-height:22px;color:#fff !important;}
.btn_pack.orange02{background-position:left -334px;}
.btn_pack.orange02 *{padding:0 12px 0 6px;background-position:right -334px;font-size:12px}

.btn_pack.orange03,.btn_pack.orange03 *{height:36px;line-height:34px;color:#fff }
.btn_pack.orange03{background-position:left -81px;}
.btn_pack.orange03 *{padding:0 60px 0 56px;background-position:right -81px;font-size:12px}

.btn_pack.orange04,.btn_pack.orange04 *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack.orange04{background-position:left -81px;}
.btn_pack.orange04 *{padding:0 20px 0 16px;background-position:right -81px;font-size:12px}

.btn_pack2.orange04,.btn_pack2.orange04 *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack2.orange04{background-position:left -81px;}
.btn_pack2.orange04 *{padding:0 20px 0 16px;background-position:right -81px;font-size:12px}

/* 회색 */
.btn_pack.gray,.btn_pack.gray *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack.gray{background-position:left -149px;}
.btn_pack.gray *{padding:0 12px 0 6px;background-position:right -149px;font-size:12px}

.btn_pack.gray02,.btn_pack.gray02 *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack.gray02{background-position:left -149px;}
.btn_pack.gray02 *{padding:0 60px 0 56px;background-position:right -149px;font-size:14px}

.btn_pack.gray03,.btn_pack.gray03 *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack.gray03{background-position:left -149px;}
.btn_pack.gray03 *{padding:0 20px 0 16px;background-position:right -149px;font-size:12px}

.btn_pack2.gray03,.btn_pack2.gray03 *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack2.gray03{background-position:left -149px;}
.btn_pack2.gray03 *{padding:0 20px 0 16px;background-position:right -149px;font-size:12px}

.btn_pack.gray04,.btn_pack.gray04 *{height:26px;line-height:26px;color:#fff !important;}
.btn_pack.gray04{background-position:left -227px;}
.btn_pack.gray04 *{padding:0 9px 0 2px;background-position:right -227px;font-size:12px;*padding:0 6px 0 1px;}

.btn_pack1.gray05,.btn_pack1.gray05 *{height:26px;line-height:26px;color:#fff !important;}
.btn_pack1.gray05{background-position:left -227px;}
.btn_pack1.gray05 *{padding:0 9px 0 2px;background-position:right -227px;font-size:12px;*padding:0 6px 0 1px;}

/* 녹색 */
.btn_pack.green,.btn_pack.green *{height:36px;line-height:34px; color:#fff !important;}
.btn_pack.green{background-position:left -189px;}
.btn_pack.green *{padding:0 20px 0 16px;background-position:right -189px;font-size:12px;}

/* 보라 */
.btn_bt  {display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;font-size:12px;color:#666;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_bt.violet  *{height:36px;line-height:36px; color:#fff !important;padding:0 20px 0 16px;margin-bottom:10px;font-size:14px;}

/* 노랑 */
.btn_pack.yellow,.btn_pack.yellow *{height:26px;line-height:26px;color:#fff !important;}
.btn_pack.yellow{background-position:left -121px;}
.btn_pack.yellow *{padding:0 5px 0 2px;background-position:right -121px;font-size:12px;*padding:0 6px 0 1px;}

.btn_pack.strong *{font-weight:bold !important}
.btn_pack.icon *{padding-left:20px}

.bg_yel {background:#ffefa1;color:#000;padding-left:3px;padding-right:3px;}



/* 레이어팝업 */
.popWrap {background:#fff;border-radius:10px;width:750px;height:380px;box-shadow: 2px 2px 2px 3px rgba(0,0,0,0.08);}
.popWrap .close {margin-top:-140px;margin-left:756px;position:absolute;}

/* 강의평가 */
#pollWrap {width:900px;margin:0 auto;}
#pollWrap .close {margin-top:0px;margin-left:908px;position:relative;}
#pollWrap #poll_content {background:#fff;}
#pollWrap #poll_content table {width:95%;border-top:1px solid #3b3b3b;}
#pollWrap #poll_content table th {height:45px;background:#fbfbfb;font-weight:normal;color:#000;border-bottom:1px solid #e8e8e8;}
#pollWrap #poll_content table td {height:60px;border-bottom:1px dashed #e4e4e4;}

.khaki_list {width:100%;}
.khaki_list table {border-top:1px solid #9da291;}
.khaki_list table th {border-bottom:1px solid #9da291;background:#b3b6ab;height:35px;color:#000;font-weight:normal;}
.khaki_list table td {border-bottom:1px solid #e5e5e5;height:35px;text-align:center;border-right:1px solid #e5e5e5;}

.khaki1_list {width:100%;letter-spacing:-0.3px;}
.khaki1_list table {border-top:1px solid #b3c3b4;}
.khaki1_list table th {border-bottom:1px solid #b3c3b4;background:#c9d4cb;height:33px;color:#000;font-weight:normal;}
.khaki1_list table td {border-bottom:1px solid #e5e5e5;height:40px;text-align:center;}
.khaki1_list table tr.gr {background:#f7faf4;}

.khaki1_view {width:100%;letter-spacing:-0.3px;overflow:hidden;}
.khaki1_view table {border-top:1px solid #b3c3b4;border-bottom:1px solid #b3c3b4;}
.khaki1_view table th {border-bottom:1px solid #b3c3b4;background:#c9d4cb;height:30px;color:#000;font-weight:normal;}
.khaki1_view table td {border-bottom:1px solid #e5e5e5;padding:7px 15px;}


.khaki2_list {width:100%;letter-spacing:-0.3px;}
.khaki2_list table {border-top:1px solid #b3c3b4;}
.khaki2_list table th {border-bottom:1px solid #b3c3b4;background:#c9d4cb;height:33px;color:#000;font-weight:normal;border-right:1px solid #b3c3b4;}
.khaki2_list table td {border-bottom:1px solid #e5e5e5;height:40px;text-align:center;border-right:1px solid #e5e5e5;}
.khaki2_list table tr.gr {background:#f7faf4;}

.beige_list {width:100%;letter-spacing:-0.3px;}
.beige_list table {border-top:1px solid #ccc8bb;}
.beige_list table th {border-bottom:1px solid #ccc8bb;background:#dcd8cb;height:35px;color:#000;font-weight:normal;}
.beige_list table td {border-bottom:1px solid #e5e5e5;height:35px;text-align:center;border-right:1px solid #e5e5e5;}


.beige1_list {width:100%;letter-spacing:-0.3px;}
.beige1_list table {border-top:1px solid #ccc8bb;}
.beige1_list table th {border-bottom:1px solid #ccc8bb;background:#dcd8cb;height:35px;color:#000;font-weight:normal;}
.beige1_list table td {border-bottom:1px solid #e5e5e5;height:70px;text-align:center;}

.beige1_view {width:100%;letter-spacing:-0.3px;}
.beige1_view table {border-top:1px solid #ccc8bb;border-bottom:1px solid #ccc8bb;}
.beige1_view table th {border-bottom:1px solid #ccc8bb;background:#dcd8cb;height:30px;color:#000;font-weight:normal;}
.beige1_view table td {border-bottom:1px solid #e5e5e5;padding:7px 15px;}


.beige2_list {width:100%;letter-spacing:-0.8px;}
.beige2_list table {border-top:1px solid #ccc8bb;}
.beige2_list table th {border-bottom:1px solid #ccc8bb;background:#dcd8cb;height:45px;color:#000;font-weight:normal;border-right:1px solid #ccc8bb;}
.beige2_list table td {border-bottom:1px solid #e5e5e5;height:55px;text-align:center;line-height:14px;border-right:1px solid #e5e5e5; }
.beige2_list table tr.be {background:#fbfbf8;}


.beige3_list {width:100%;letter-spacing:-0.3px;}
.beige3_list table {border-top:1px solid #ccc8bb;}
.beige3_list table th {border-bottom:1px solid #ccc8bb;background:#dcd8cb;height:35px;color:#000;font-weight:normal;}
.beige3_list table td {border-bottom:1px solid #e5e5e5;padding:10px;text-align:center;}

.green_list {width:100%;}
.green_list table {border-top:1px solid #8e9d7c;}
.green_list table th {border-bottom:1px solid #8e9d7c;background:#a8b595;height:35px;color:#000;font-weight:normal;}
.green_list table td {border-bottom:1px solid #e5e5e5;height:35px;text-align:center;}
.green_list table tbody tr:hover {background:#fafaef;}

.evaluationDetail_list2 {width:100%;}
.evaluationDetail_list2 table {border-top:1px solid #8e9d7c;}
.evaluationDetail_list2 table th {border-bottom:1px solid #8e9d7c;background:#a8b595;height:35px;color:#000;font-weight:normal;}
.evaluationDetail_list2 table td {border-bottom:1px solid #e5e5e5;height:35px;text-align:center;}
.evaluationDetail_list2 table tbody tr:hover {background:#fafaef;}

.green_view {width:100%;letter-spacing:-0.3px;}
.green_view table {border-top:1px solid #8e9d7c;border-bottom:1px solid #8e9d7c;}
.green_view table th {border-bottom:1px solid #8e9d7c;background:#a8b595;height:30px;color:#000;font-weight:normal;}
.green_view table td {border-bottom:1px solid #e5e5e5;padding:7px 15px;}
.green_view table .tright {float:right; padding-right:15px;color:#444;font-size:12px;}
.green_view table .tright .name {padding-left:20px; color:#999; background:url('/images/sub/bar.gif') no-repeat 10px 4px;}
.green_view table .tright .date {padding-left:20px; color:#999; background:url('/images/sub/bar.gif') no-repeat 10px 4px;letter-spacing:0px;}
.green_view table .tright span:first-child {background:none;}
.green_view table td .text {width:95%; padding:20px; word-break:break-all;overflow:hidden;font-size:13px;letter-spacing:-0.5;}
.green_view table td a:hover {color:#966a27;}
.green_view table td a:focus {color:#966a27;}

.join_write_wrap {width:100%; padding:10px 0 40px 0;}
.join_write_wrap p.stit {font-size:15px; padding-bottom:12px;font-weight:bold;color:#000;background:url(https://www.bbedu.co.kr/images/sub/dot_beige.png) no-repeat 2px 4px;padding-left:20px;margin-left:5px;}
.join_write_wrap p.stit1 {font-size:15px; padding-bottom:12px;font-weight:bold;color:#000;background:url(https://www.bbedu.co.kr/images/sub/dot_beige.png) no-repeat 2px 4px;padding-left:20px;margin-left:5px;margin-top:10px;}
.join_write table {width:850px; border-top:1px solid #d5d1be;margin-left:8px;}
.join_write table * {text-align:left;}
.join_write table th {height:35px;vertical-align:middle;font-weight:normal;background:URL('https://www.bbedu.co.kr/images/sub/online_write_background.jpg') 100% 100%;border-bottom:1px solid #d5d1be;text-align:center;font-size:13px; color:#FFF;}
.join_write table th .point {color:#f00; margin-right:3px;}
.join_write table td {padding:7px 0 7px 0;padding-left:10px;border-bottom:1px solid #e5e5e5;line-height:26px;}
.join_write table .selectbox_title {margin:0 !important;}
.join_write .btn {margin-top:20px;}

.font_o {color:#0082ff;font-weight:bold;letter-spacing:0px;}
.font_x {color:#cc0000;font-weight:bold;letter-spacing:0px;}
.font_l {color:orange;font-weight:bold;letter-spacing:0px;}


/* 시험 재응시 아이콘 */
.btn_test{display: inline-block;vertical-align: middle;color: #fff;font-size: 12px;font-weight: 600;}
.btn_test:hover{color: #fff !important;}
.btn_test{background: #d61e52;height: 35px;line-height: 35px;padding: 0 10px;}
.btn_test span::after{content: 'GO';display: inline-block;width: 20px;height: 20px;background: #fbf25e;border-radius: 50%;vertical-align: middle;margin-left: 5px;font-size: 10px;color: #d61e52;line-height: 20px;text-indent: -1px;}
.btn_test.type2{position: absolute;right: 90px;top: 50%;transform: translateY(-50%);}

/* 출석상세정보 레이어 */
.attend_btn_wrap{position: absolute;top: 12px;right: 30px;}
.attend_btn_wrap a{display: inline-block;}

/* 추가시험신청현황 레이어 팝업 */
.retake.layerPop {display: none; position: fixed; left: 0; top: 10%; width: 100%; height: 100%; z-index: 1000; text-align: center;}
.retake.layerPop .popInner { width: 1000px; padding:50px; background: #fff; z-index: 999; margin: 0 auto;  position: relative; text-align: left;}
.retake.layerPop .bt_popClose {  right: 25px; top: 25px; position: absolute; display: block; z-index: 1; text-align: left;}
.retake.layerPop .bt_popClose2{background: #333;color: #fff;display: block;width: 90px;height: 30px;line-height: 30px;text-align: center;margin: 0 auto;margin-top: 20px;}
.retake.layerPop .ly_dim { position: fixed; left: 0; top: 0; z-index: 990; width: 100%; height: 100%; background: rgba(0,0,0,.5); }
.retake.layerPop .pop_wrap p{background: #fff;border: 1px solid #000;margin-top: 5px;padding: 5px 10px;}

/* 일정표 작성하기 테이블 */
.schedule_table{height: 220px;overflow-y: auto;}