/* ===== BOARD COMMON ===== */

.board_list_01 {width:100%;}
.board_list_01 > ul {display:inline-block; width:100%; border-top:2px solid #333;}
.board_list_01.blue > ul {border-top:2px solid #0170c9;}
.board_list_01 > ul > li {display:block; width:100%; background:#fff; border-bottom:1px solid #ddd; box-sizing:border-box; word-break:break-all;}
.board_list_01 > ul > li > a {display:block; padding:15px 15px 15px 15px; box-sizing:border-box; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.board_list_01 > ul > li > a:hover {background:#f1f4f7;}
.board_list_01 > ul > li > a > p {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:break-all; font-size:13px;}

.board_list_01 > ul > li.notice {background:#fafafa;}
.board_list_01 > ul > li.notice > a {color:#333; font-weight:bold;}

.board_list_01 > ul > li > a.detail_tit, .board_list_01 > ul > li > a.detail_tit:hover {background:#fff;}

.board_list_01 > ul > li .list_info {color:#888; margin:0 0 8px 0;}
.board_list_01 > ul > li .list_info .divider {display:inline-block; width:1px; height:11px; background:#ddd; vertical-align:middle; margin:0 4px 0 4px;}
.board_list_01 > ul > li .list_info .list_tag {display:inline-block; padding:0 4px 0 4px; font-size:11px; height:18px; line-height:18px; text-align:center;}
.board_list_01 > ul > li .list_info .list_tag.tag01 {color:#5a6069; background:#fff; border:1px solid #5a6069;}
.board_list_01 > ul > li .list_info .list_tag.tag02 {color:#0170c9; background:#fff; border:1px solid #0170c9;}
.board_list_01 > ul > li .list_info .list_tag.tag03 {color:#fff; background:#0170c9; border:1px solid #0170c9;}

.board_list_01 > ul > li .list_info.info_movie {margin:18px 0 3px 0; padding:15px 0 0 0; border-top:1px solid #eee;}

.board_list_01 > ul > li .list_title {color:#333;}

.board_list_01 > ul > li.list_none {text-align:center; color:#555; font-size:14px; padding:50px 0 50px 0;}
.board_list_01 > ul > li.list_contents {color:#555; padding:15px 15px 15px 15px; font-size:13px; line-height:22px;}
.board_list_01 > ul > li.list_contents .con_tit {color:#333; font-weight:bold; margin:0 0 5px 0;}
.board_list_01 > ul > li.list_contents .con_divider {display:block; width:100%; height:1px; background:#eee; margin:10px 0 10px 0;}
.board_list_01 > ul > li.list_contents img {display:block; max-width:100%; margin:5px 0 5px 0;}

.board_list_01 > ul > li.list_contents .review_photo {display:block; width:100px; height:100px; margin:0 auto; border-radius:300px; background-size:100% auto !important;}
.board_list_01 > ul > li.list_contents .review_box {border:5px solid #eee; padding:15px 15px 15px 15px; margin:15px 0 0 0;}
.board_list_01 > ul > li.list_contents .review_box .review_tit {color:#333; border-bottom:1px dotted #ddd; padding-bottom:10px; margin-bottom:10px;}

.board_list_01.list_thumb img {display:block; width:100%; margin-bottom:15px;}


/* ===== COURSE REGISTRATION ===== */

.reg_date_select {background:#fff; border-top:3px solid #0170c9;}

.reg_date_select select {color:#0170c9; font-size:16px; letter-spacing:-0.6px; height:45px; line-height:45px; padding:0 15px 0 10px; font-weight:normal; border:1px solid #fff; margin:0 0 0 0; border-bottom:1px solid #eee; width:100%;
						 text-align:center !important; text-align-last:center !important; background:#fff url(/Mobile/images/member/reg_input_iCon03.png) no-repeat right; background-size:22px auto;
						 -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; font-weight:bold;}
.reg_date_select select::-ms-expand {display:none;}
.reg_date_select select:hover {color:#0170c9;}

.reg_date_select select option,
.reg_date_select select option:hover {color:#555; font-weight:normal; cursor:pointer;}

.reg_date_select .reg_date_info {color:#555; background:#fafafa; text-align:center; border-bottom:1px solid #ddd; font-size:12px; padding:10px 0 10px 0;}

/* reg_tab_menu */

.reg_tab_menu {padding:15px 15px 15px 15px;}
.reg_tab_menu > ul {display:inline-block; width:100%; background:#fff; border-left:1px solid #ddd; border-top:1px solid #ddd;}
.reg_tab_menu > ul > li {float:left; width:33.3%; box-sizing:border-box; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.reg_tab_menu > ul > li > a {display:block; padding:10px 0 10px 0; font-size:13px; line-height:24px; color:#333; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.reg_tab_menu > ul > li > a.active, .reg_tab_menu > ul > li > a:hover {color:#fff; background:#0170c9;}

.reg_tab_menu > ul > li > a.font_12 {font-size:12px; letter-spacing:-0.8px;}

/* reg_course_list */

.reg_course_list {}
.reg_course_list > ul {display:inline-block; width:100%; /*border-top:1px solid #ddd;*/}
.reg_course_list > ul > li {display:block; background:#fff; border-bottom:1px solid #ddd; position:relative; padding:15px 15px 15px 15px; font-size:15px; box-sizing:border-box;}
.reg_course_list > ul > li.list_info {text-align:center; background:#fafafa; color:#666; border-top:1px solid #ddd; font-size:14px; padding:13px 15px 10px 15px; letter-spacing:-0.5px;}
.reg_course_list > ul > li.list_info a {color:#666;}
.reg_course_list > ul > li.list_info.class_info {background:#5a9dd2; color:#fff; font-weight:bold; font-size:15px; padding:12px 15px 10px 15px; border:none; letter-spacing:0;}

.reg_course_list > ul > li.b_none {border-bottom:none !important;}

.reg_course_list > ul > li .course_tit {color:#111; font-weight:bold; margin-bottom:6px; font-size:14px; display:inline-block;}
.reg_course_list > ul > li .course_offline {color:#0170c9; font-size:13px; display:inline-block; letter-spacing:-0.5px;}

.reg_course_list > ul > li .offline_info_wrap {color:#0170c9; font-size:13px; letter-spacing:-0.5px; line-height:14px; margin-top:8px;}
.reg_course_list > ul > li .offline_info_wrap .select_date {display:inline-block; font-size:11px; background:#3d444e; color:#fff; padding:2px 4px 2px 3px; margin-left:2px; vertical-align:middle;}

.reg_course_list > ul > li .course_price {color:#666;}
.reg_course_list > ul > li .course_price .cost {display:inline-block; text-decoration:line-through; margin-right:4px;}
.reg_course_list > ul > li .course_price .sale, .reg_course_list > ul > li .course_price .sale2 {color:#cc0000; font-weight:bold;}

.reg_course_list > ul > li .course_price .pack_sale {display:inline-block; color:#fff; background:#cc0000; letter-spacing:-0.5px; font-size:12px; line-height:13px; border-radius:3px; padding:3px 4px 3px 4px; font-weight:bold; margin-top:6px;}
/* .reg_course_list > ul > li .course_price .pack_sale:hover {background:#990000;} a > span 2019.10.14 사복 패키지 제거 OMR */
.reg_course_list > ul > li .course_price .pack_sale .sale_cost {letter-spacing:0; color:#fff200;}

.reg_course_list > ul > li .add_cart {position:absolute; right:15px; top:30px; display:block; padding:0 15px 0 15px; height:40px; line-height:40px; font-size:14px; background:#fff; color:#0170c9; border:1px solid #0170c9;}
.reg_course_list > ul > li .add_cart.active {background:#0170c9; color:#fff;}
.reg_course_list > ul > li .add_cart.disabled {background:#fff; color:#999; border:1px solid #999;}

.reg_course_list > ul > li .cart_edit {position:absolute; right:15px; top:22px;}
.reg_course_list > ul > li .cart_edit.row_03 {top:15px;}
.reg_course_list > ul > li .cart_edit > a {display:block;}

.reg_course_list > ul > li .offline_info {font-size:13px; color:#0170c9; margin-top:5px;}

.reg_course_list > ul > li.cart_none {text-align:center; color:#555; font-size:14px; padding:50px 0 50px 0;}


/* com_course_iCon */

.com_course_iCon {}
.com_course_iCon.b_box {border:4px solid #eee; padding:15px 0 15px 0; margin:20px 0 0 0; text-align:center; font-size:13px; letter-spacing:-0.5px; color:#555;}
.com_course_iCon .divider {display:inline-block; *zoom:1; *display:inline; margin:0 5px 0 5px; color:#d6d6d6;}
.com_course_iCon > a {display:inline-block; *zoom:1; *display:inline; font-size:11px; letter-spacing:-0.5px; height:16px; line-height:17px !important; padding:1px 3px 0 3px; text-align:center; font-weight:normal;}

.com_course_iCon > .mobile {background:#fff url(/Mobile/images/board/reg_list_iCon01.png) no-repeat 3px; background-size:auto 11px; color:#7e838f !important; border:1px solid #7e838f; padding:1px 3px 0 12px;}
.com_course_iCon > .cert {background:#fff; color:#0170c9 !important; border:1px solid #0170c9;}
.com_course_iCon > .next {background:#7e838f; color:#fff !important; border:1px solid #7e838f; border-radius:3px;}
.com_course_iCon > .bg_blue {background:#0170c9; color:#fff !important; border:1px solid #0170c9;}
.com_course_iCon > .bo_off {background:#fff; color:#eb5f01 !important; border:1px solid #eb5f01; font-weight: bold;}
.com_course_iCon > .sa_off {background:#fff; color:#783ba6 !important; border:1px solid #783ba6;}

.com_course_iCon > .major {color:#fff !important; border-radius:3px; width:10px; font-weight:bold; padding:1px 4px 0 3px;}
.com_course_iCon > .major2 {color:#fff !important; border-radius:3px; width:35px; font-weight:bold; padding:1px 4px 0 3px;}

.com_course_iCon > .major.m_01 {background:#0170c9; border:1px solid #0170c9;} /* BLUE */
.com_course_iCon > .major.m_02 {background:#783ba6; border:1px solid #783ba6;} /* PURPLE */
.com_course_iCon > .major.m_03 {background:#ed7000; border:1px solid #ed7000;} /* ORANGE */
.com_course_iCon > .major.m_04 {background:#00286b; border:1px solid #00286b;} /* NAVY */
.com_course_iCon > .major.m_05 {background:#3da200; border:1px solid #3da200;} /* GREEN */
.com_course_iCon > .major.m_06 {background:#7e838f; border:1px solid #7e838f;} /* GRAY */

/*.com_course_iCon > .major.m_07 {background:#36adad; border:1px solid #36adad;} */ /* MINT */

.com_course_iCon > .major.m_07 {width:35px !important; background:#36adad; border:1px solid #36adad;} /* MINT */
.com_course_iCon > .major2.m_07 {background:#36adad; border:1px solid #36adad;} /* 수강신청_청소년_MINT */

.com_course_iCon > .major.m_08 {background:#00adcc; border:1px solid #00adcc;} /* MINT 208.11.18 cafri add */
.com_course_iCon > .major.m_09 {background:#0066ba; border:1px solid #36adad;} /* MINT */
.com_course_iCon > .major2.m_09 {background:#0066ba; border:1px solid #0066ba;} /* 한국어 2020.12.25 cafri add */
.com_course_iCon > .major.m_111 {width:90px; background:#ffc015; border:1px solid #ffc015; color: #222 !important;}
.com_course_iCon > .major.m_112 {width:90px; background:#0170c9; border:1px solid #ffc015; color: #fff !important;}
.com_course_iCon > .major.m_12 {background:#41a398; border:1px solid #41a398; color: #fff !important;}
.com_course_iCon > .major.m_13 {background:#1f36e7; border:1px solid #1f36e7;} /* 정보통신 */
.com_course_iCon > .major.m_14 {background:#9952f0; border:1px solid #9952f0;} /* 멀티미디어 */
.com_course_iCon > .major.m_15 {background:#f600ff; border:1px solid #f600ff;} /* 미용학 */

.com_course_iCon > .off_line {color:#fff !important; border-radius:3px; width:auto; font-weight:bold; padding:1px 4px 0 4px;}
.com_course_iCon > .off_line.off_01 {background:#cc0000; border:1px solid #cc0000;}

.com_course_iCon > .state {width:45px;}
.com_course_iCon > .state.stat_01 {background:#fff; border:1px solid #0170c9; color:#0170c9;}
.com_course_iCon > .state.stat_02 {background:#fff; border:1px solid #cc0000; color:#cc0000;}
.com_course_iCon > .state.stat_02.blink {animation:statchangeColor 0.5s  ease 0.5s infinite alternate;}

@keyframes statchangeColor {
    0% {color:#cc0000; background:#fff;}
    50% {color:#cc0000; background:#fff;}
    51% {color:#ffff00; background:#cc0000;}
    100% {color:#ffff00; background:#cc0000;}
}

.com_course_iCon > .state.stat_03 {background:#fff; border:1px solid #999; color:#999;}
.com_course_iCon > .state.stat_04 {background:#fff; border:1px solid #999; color:#999;}
.com_course_iCon > .state.stat_05 {background:#fff; border:1px solid #777; color:#777;}
.com_course_iCon > .state.stat_06 {background:#fff; border:1px solid #999; color:#999;}
.com_course_iCon > .state.stat_07 {background:#fff; border:1px solid #777; color:#777;}
.com_course_iCon > .state.stat_08 {background:#fff; border:1px solid #0170c9; color:#0170c9;}
.com_course_iCon > .state.stat_09 {background:#0170c9; border:1px solid #0170c9; color:#fff;}
.com_course_iCon > .state.stat_10 {background:#fff; border:1px solid #0170c9; color:#0170c9;}
.com_course_iCon > .state.stat_11 {background:#fff; border:1px solid #0170c9; color:#0170c9;}


/* reg_course_history */

.reg_course_history {}
.reg_course_history > ul {display:inline-block; width:100%; /*border-top:1px solid #ddd;*/}
.reg_course_history > ul > li {display:block; background:#fff; position:relative; box-sizing:border-box; border-bottom:1px solid #ddd;}

.reg_course_history > ul > li.list_tit {background:#fafafa; color:#333; border-top:1px solid #ddd; font-size:14px; padding:14px 15px 12px 15px; letter-spacing:-0.5px;}
.reg_course_history > ul > li.list_tit .delete {position:absolute; top:11px; right:10px; background:#fff; color:#999; border:1px solid #999; font-size:13px; height:20px; line-height:20px; padding:0 6px 0 6px;}

.reg_course_history > ul > li.list_con {font-size:13px; color:#666; padding:15px 15px 15px 15px;}
.reg_course_history > ul > li.list_con a {color:#666;}
.reg_course_history > ul > li.list_con .b_bottom {border-bottom:1px dotted #ddd; padding-bottom:10px; margin-bottom:10px;}

.reg_course_history > ul > li.list_con .bank_info {color:#333;}
.reg_course_history > ul > li.list_con .bank_info .number, .reg_course_history > ul > li.list_con .bank_info a {color:#eb5f01 !important;}


.reg_apply_info {background:#fff; text-align:center; padding:20px 15px 18px 15px; color:#555; font-size:13px; letter-spacing:-0.5px; line-height:20px; border-bottom:1px solid #eee; border-top:1px solid #eee; box-sizing:border-box;}
.reg_apply_info > h3 {color:#333; font-size:16px; margin:0 0 8px 0;}
.reg_apply_info > h3 > strong {color:#0170c9;}

.reg_payment_info {color:#555; font-size:13px; box-sizing:border-box; padding:15px 15px 15px 15px;}
.reg_payment_info .reg_caution {height:155px; overflow-y:scroll; overflow-scrolling:touch; -webkit-overflow-scrolling:touch; border:2px solid #0170c9; border-bottom:none; background:#fff; padding:10px 10px 10px 10px; box-sizing:border-box;}

.reg_payment_info .pay_info {background:#1163b3 url(/Mobile/images/board/course_reg/reg_step02_bg01.jpg) no-repeat; background-size:100% auto; padding:20px 15px 15px 15px; font-size:13px;}

.reg_payment_info .pay_info .m_checkbox01 > label {color:#fff; font-size:13px;}

.reg_payment_info .pay_info .pay_con {background:#fff; height:37px; line-height:37px; text-align:right; padding-right:10px; margin-bottom:10px;}
.reg_payment_info .pay_info .pay_con > h4 {float:left; display:block; height:37px; line-height:37px; border-right:1px solid #eee; color:#333; width:100px; text-align:center;}

.reg_payment_info .pay_info .pay_con .cost {color:#cc0000; font-weight:bold; font-size:15px; line-height:38px; letter-spacing:0;}

.reg_recommend {background:#1163b3 url(/Mobile/images/board/course_Reg/reg_step02_bg02.jpg) repeat; background-size:100px; padding:15px 15px 15px 15px; font-size:16px; color:#333;}
.reg_recommend > h3 {font-weight:normal; letter-spacing:-0.5px; text-align:center; margin-bottom:10px; line-height:25px;}
.reg_recommend > h3 > img {width:32px; vertical-align:middle; margin-right:5px;}
.reg_recommend input {width:100%; text-align:center;}

.reg_event_box {padding:0 15px 0 15px;}
.reg_event_box .inner {padding:10px 10px 10px 10px; background:#fff; border:1px solid #0170c9; font-size:13px; text-align:center; color:#555; line-height:20px;}
.reg_event_box .inner .cost {background:#0170c9; color:#fff; padding:2px 2px 2px 2px; line-height:none; letter-spacing:0;}


/* ===== BOARD POPUP ===== */

.pop_wrap_90p {padding:10px 10px 10px 10px;}
.pop_wrap_96p {padding:10px 10px 10px 10px;}
.pop_wrap_100p {width:100%; height:100%;}

.layer_pop_wrap_92p {padding:10px 0 30px 0; width:92%; margin:0 0 0 10px;}

.pop_tit01 {background:#0170c9; color:#fff; font-size:15px; line-height:24px; text-align:center; font-weight:normal; letter-spacing:-0.5px; padding:8px 8px 8px 8px;}
.pop_tit01.pd12 {padding:12px 12px 12px 12px;}

.pop_tit02 {background:#0170c9 url(/Mobile/images/sub/com_popup_tit_bg01.jpg) no-repeat top right; color:#fff; font-size:15px; padding:23px 25px 22px 25px; line-height:24px; letter-spacing:-0.5px; height:56px;}
.pop_tit02 > h3 {font-size:23px; font-family:'NanumSquareEB', 'Malgun Gothic'; margin:0 0 8px 0;}
.pop_tit02 > h3 > span {color:#c0e4ff;}

.pop_sub_tit01 {text-align:center; font-size:15px; color:#555;}
.pop_sub_tit01 > h3 {color:#333; font-size:23px; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal; margin-bottom:5px;}
.pop_sub_tit01 > p {letter-spacing:-0.5px;}

.loading_iCon01 {text-align:center; color:#0170c9;}


/* ===== PAGINATION STYLE ===== */

.pagin_wrap {width:100%; position:relative;}
.pagin_wrap:after {content:""; display:block; clear:both;}

.pagination {width:100%; text-align:center;}
.pagination a {display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin-right:2px; padding:0; width:26px; height:26px; line-height:26px; font-size:12px; color:#555; border:1px solid #ddd; background:#FFF;
			   -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 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 {color:#333; background:#fff; font-weight:bold; border:1px solid #111;}

.pagination a.active {color:#fff; background:#333; font-weight:bold; border:1px solid #111;}

.pagination a.arrow {background-size:contain !important;}
.pagination a.arrow.arrow_left {background:#fff url(/Mobile/images/board/board_arrow_iCon01_01.png) center;}
.pagination a.arrow.arrow_right {background:#fff url(/Mobile/images/board/board_arrow_iCon01_02.png) center;}
.pagination a.arrow.arrow_left_db {background:#fff url(/Mobile/images/board/board_arrow_iCon01_03.png) center;}
.pagination a.arrow.arrow_right_db {background:#fff url(/Mobile/images/board/board_arrow_iCon01_04.png) center;}


/* NOTICE CONTENTS OMR ADD 2018.08.01 */

.vSchool_100p {width:100%; font-family: 'NanumBarunGothic', '나눔바른고딕', 'Helvetica Neue', Arial,sans-serif; letter-spacing:-0.3px; font-size:13px; line-height:20px; color:#555;}

.vSchool_100p,
.vSchool_100p .clear_table {width:100%;}

.vSchool_100p,
.vSchool_100p .clear_table img {max-width:100%;}

.vSchool_100p .clear_table .noti_con01 {padding:22px 20px 22px 20px;}
.vSchool_100p .clear_table .noti_con01.pdt_0 {padding:0 20px 22px 20px;}
.vSchool_100p .clear_table .noti_con01.pdt_10 {padding:10px 20px 22px 20px;}

.vSchool_100p .clear_table .noti_tit01 {border:4px solid #EEE; color:#333; padding:15px; font-size:18px; line-height:28px; letter-spacing:-0.3px;}

.vSchool_100p .clear_table .noti_mid_tit01 {color:#111; font-weight:bold; font-size:14px; border-bottom:1px solid #ddd; padding-bottom:8px;}
.vSchool_100p .clear_table .noti_mid_tit01 img {vertical-align:middle; margin-bottom:5px;}
.vSchool_100p .clear_table .noti_mid_tit01 span {font-weight:normal;}

.vSchool_100p .clear_table .noti_tit_iCon01 {display:inline-block; width:7px; height:7px; vertical-align:middle !important; border:4px solid #ddd; margin-right:7px;}

.vSchool_100p .clear_table .noti_table01 {letter-spacing:-0.5px; font-size:13px; line-height:20px; border-top:2px solid #111;}
.vSchool_100p .clear_table .noti_table01 th, .vSchool_100p .noti_table01 td {padding:8px; font-size:12px; border-bottom:1px solid #ddd; vertical-align:middle;}

.vSchool_100p .clear_table .noti_table01 .tit_gray {background:#f7f7f7; color:#111;}

.vSchool_100p .clear_table .noti_table01 th {color:#111; border-right:1px solid #DDD;}
.vSchool_100p .clear_table .noti_table01 th:last-child {border-right:none;}

.vSchool_100p .clear_table .noti_table01 td {text-align:center; border-right:1px solid #DDD;}
.vSchool_100p .clear_table .noti_table01 td:last-child {border-right:none;}
.vSchool_100p .clear_table .noti_table01 td.col {border-top:1px solid #DDD;}
.vSchool_100p .clear_table .noti_table01 td.a_left {text-align:left;}

.vSchool_100p .clear_table .noti_table01 th.r_border, .vSchool_100p .clear_table .noti_table01 td.r_border {border-right:1px solid #ddd;}

/* .vSchool_100p .clear_table th, .vSchool_100p .clear_table td {border:none;} */