/* CONTENT */
#content_wrap { width:100%; text-align:center; overflow:hidden }


/* ===== SUB COMMON ===== */

.sub_contents {padding:50px 0 0;}


.sub_contents .sub_contents_title {letter-spacing:-0.5px;}
.sub_contents .sub_contents_title > h2 {position:relative; font-size:28px; font-weight:500; color:#111; border-bottom:1px solid #ccc; padding:0 0 15px 0; margin:0 0 30px 0;}


.con_title_01 {width:100%; letter-spacing:-0.5px;}
.con_title_01 > h3 {position:relative; font-size:21px; font-weight:500; color:#333; border-bottom:1px solid #ddd; padding:0 0 15px 12px; margin:0 0 25px 0;}
.con_title_01 > h3:after {content:""; display:inline-block; width:4px; height:21px; position:absolute; left:0; top:4px; background:#00388c;}

/* con_title_02 */

.con_title_02 {width:100%; letter-spacing:-0.5px; text-align:center;}
.con_title_02 > h3 {position:relative; font-size:20px; font-weight:500; color:#333; border:4px solid #eee; padding:11px 0 12px 12px; margin:0 0 25px 0;}

.con_title_02 .btn_arrow {position:absolute; top:8px;}

.con_title_02 .btn_arrow > span {position:relative; font-size:13px; color:#555;}

.con_title_02 .btn_arrow.btn_left {left:10px;}
.con_title_02 .btn_arrow.btn_left > span {padding:0 0 0 20px;}
.con_title_02 .btn_arrow.btn_left > span:before {content:""; position:absolute; left:0; top:1px; display:inline-block; height:19px; width:19px;}
.con_title_02 .btn_arrow.btn_left > span:before {background:url(/images/inc/com_arrow_iCon04_01.png) no-repeat center; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.con_title_02 .btn_arrow.btn_left:hover > span:before {left:-3px;}

.con_title_02 .btn_arrow.btn_right {right:10px;}
.con_title_02 .btn_arrow.btn_right > span {padding:0 20px 0 0;}
.con_title_02 .btn_arrow.btn_right span:after {content:""; position:absolute; right:0; top:1px; display:inline-block; height:19px; width:19px;}
.con_title_02 .btn_arrow.btn_right span:after {background:url(/images/inc/com_arrow_iCon04_02.png) no-repeat center; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.con_title_02 .btn_arrow.btn_right:hover > span:after {right:-3px;}

/* mid_title_01 */
.mid_title_01 {width:100%; letter-spacing:-0.5px;}
.mid_title_01 > h4,
.mid_title_01 > h3 {position:relative; font-size:17px; font-weight:500; color:#333; padding:0 0 0 12px; margin:0 0 15px 0;}
.mid_title_01 > h4:before {content:""; display:inline-block; width:4px; height:17px; position:absolute; left:0; top:4px; background:#aaa;}
.mid_title_01.bull_blue > h4:before {background:#00388c;}
.mid_title_01.bull_lblue > h4:before {background:#80ace3;}

.mid_title_01 > h4 .btn_style01 {vertical-align:middle; transform:translateY(-1px);}
.mid_title_01 > h4 .btn_style01.btn_xxs {line-height:18px;}

.mid_title_01.tit_class .course_count {font-weight:400; color:#666;}

.mid_title_01.tit_16 > h4 {font-size:16px;} /* font-size 15px > 16px �섏젙 2022.02.08 OMR */
.mid_title_01.tit_16 > h4:before {width:4px; height:16px; position:absolute; left:0; top:2px;}

  /*異뷂옙?*/
.con {padding: 60px 0; border-bottom: 1px dashed #b7b7b7;}
.mid_title_01 > h3 {padding: 0; font-size: 18px; margin-bottom: 27px;}
.mid_title_01 > h3 > .title_num {padding: 7px 10px; color:#fff ;background: #00388c;}
.text_box.bg_box.blue_bg {background: #00388c; border: 1px solid #00388c;}


/* ===== TABLE STYLE 01 ===== */

.table_style01 {width:100%; position:relative; font-weight:400;}
.table_style01 caption { display:none; }
.table_style01.max_width {overflow-x:scroll;}
.table_style01.max_width > table {width:100%; min-width:700px;}
.table_style01 > table { margin-bottom:15px; border-collapse:collapse;border-spacing:0; border-top:1px solid #ddd; border-left:1px solid #ddd; background:#fff; width:100%; letter-spacing:-0.5px; font-size:15px; line-height:20px;}
.table_style01 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;}

.table_style01 > table strong {font-weight:500;}

.table_style01 > table a:hover {text-decoration:underline;}
.table_style01 > table .btn_style01:hover {text-decoration:none;}

.table_style01 > table.hover tr:hover {background:#f4f5f7; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.table_style01 > table .tit_fff {color:#333; background:#fff;}
.table_style01 > table .tit_gray,
.table_style01 > table .tit_gray a {color:#333; background:#f4f5f7;}
.table_style01 > table .tit_lgray,
.table_style01 > table .tit_lgray a {color:#333; background:#fafafa;}
.table_style01 > table .tit_blue {color:#fff !important; background:#00388c;}
.table_style01 > table .tit_lblue {color:#fff !important; background:#74a4e0;}

.table_style01.b_black > table {border-top:2px solid #333;}

.table_style01 > table .line_bg {background:#f1f4f7;}

.table_style01 > table .row_divider {background:#fafafa; padding:0 0 0 0; font-size:5px; line-height:5px;}

.table_style01 > table > thead > tr > th, .table_style01 > table > thead > tr > td,
.table_style01 > table > tbody > tr > th, .table_style01 > table > tbody > tr > td {padding:8px 10px 10px 10px; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;}

.table_style01 > table > thead > tr > th, .table_style01 > table > tbody > tr > th {color:#333; font-weight:500;}

.table_style01 > table > thead > tr > td, .table_style01 > table > tbody > tr > td {color:#555; font-size: 14px;}
.table_style01 > table > thead > tr > td.a_left, .table_style01 > table > tbody > tr > td.a_left,
.table_style01 > table > thead > tr > th.a_left, .table_style01 > table > tbody > tr > th.a_left {text-align:left; padding-left:12px;}
.table_style01 > table > thead > tr > th.a_right, .table_style01 > table > tbody > tr > th.a_right,
.table_style01 > table > thead > tr > td.a_right, .table_style01 > table > tbody > tr > td.a_right {text-align:right; padding-left:12px;}

.table_style01 > table > thead > tr > td.a_top, .table_style01 > table > tbody > tr > td.a_top {vertical-align:top;}

.table_style01 > table .none_data1 {height:100px; font-size:15px; color:#999; background:#fff;}
.table_style01 > table .none_data2 {height:200px; font-size:15px; color:#999; background:#fff;}
.table_style01 > table .none_data {height:300px; font-size:15px; color:#999; background:#fff;}
.table_style01.rows_bg > table > tbody > tr:nth-child(5n) {background:#fafafa;}

.table_style01.txt_md > table {font-size:13px; line-height:24px;}
.table_style01.txt_md > table > thead > tr > th, .table_style01.txt_md > table > thead > tr > td,
.table_style01.txt_md > table > tbody > tr > th, .table_style01.txt_md > table > tbody > tr > td {padding:6px 8px 8px 8px;}

.table_style01.txt_md > table .comForm input[type="text"],
.table_style01.txt_md > table .comForm input[type="password"],
.table_style01.txt_md > table .comForm input[type="email"],
.table_style01.txt_md > table .comForm input[type="tel"],
.table_style01.txt_md > table .comForm input[type="number"] {font-size:13px;}

.table_style01 .pos_container {position:relative;}

.table_style01 .file_down_count {position:absolute; top:10px; right:10px; font-size:13px; color:#666;}

/* req_tit */

.req_tit span {position:relative;}
.req_tit span:after {content:''; clear:both; position:absolute; top:4px; right:-8px; width:4px; height:4px; border-radius:50px; background:#00388c;}

/* list_tit_hover */

.table_style01 .list_tit_hover {position:relative;}
.table_style01 .list_tit_hover .tit_hover {position:absolute; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.table_style01 .list_tit_hover .tit_hover.player_01 {left:8px; top:7px; width:145px;}
.table_style01 .list_tit_hover .tit_hover.player_01:hover {width:300px;}
.table_style01 .list_tit_hover .tit_hover.player_01:hover .title {background:rgba(244,245,247,0.85);}

/* list iCon */

.table_style01 > table i > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.table_style01 > table .iCon_down:after { content:""; clear:both; display:block; width:18px; height:18px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) ; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ;
}

.table_style01 > table .iCon_down:after {background:url(/images/board/com_board_iCon01.png) no-repeat;}
.table_style01 > table .iCon_down:hover:after {background:url(/images/board/com_board_iCon01_02.png) no-repeat;}

.table_style01 > table .iCon_down.iCon_left {padding:0 0 0 24px;}
.table_style01 > table .iCon_down.iCon_left:after {left:0;}

ul > li .iCon_new,
.table_style01 > table .iCon_new {display:inline-block; width:13px; height:13px; border-radius:2px; vertical-align:middle; margin:0 0 2px 4px; background:#00388c url(/images/inc/com_new_iCon01.png) no-repeat center;}
.iCon_new > span {display:none}

ul > li .iCon_hot,
.table_style01 > table .iCon_hot {display:inline-block; width:13px; height:13px; border-radius:2px; vertical-align:middle; margin:0 0 2px 4px; background:#ff8a00 url(/images/inc/com_hot_iCon01.png) no-repeat center; animation:blink_hot 0.6s ease 0.6s infinite alternate;}
.iCon_hot > span {display:none}

.table_style01 > table .iCon_answer {display:inline-block; width:14px; height:14px; border-radius:14px; vertical-align:middle; margin:0 0 3px 4px;}
.table_style01 > table .iCon_answer {background:#fff url(/images/inc/com_answer_iCon01.png) no-repeat center -1px; border:1px solid #aaa; box-sizing:border-box;}

/* 2022.02.01. �섏젙�꾩슂 */
.table_style01 > table .iCon_sec {display:inline-block; width:13px; height:13px; border-radius:2px; vertical-align:middle; margin:0 0 1px 4px;}
.table_style01 > table .iCon_sec {background:#ff8a00 url(/images/inc/com_sec_iCon01.png) no-repeat; animation:blink_hot 0.6s ease 0.6s infinite alternate;}

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

@keyframes blink_hot {
    0% {background-color:#ff8a00; color:#fff;}
    50% {background-color:#ff8a00; color:#fff;}
    51% {background-color:#eb5f01; color:#fff200;}
    100% {background-color:#eb5f01; color:#fff200;}
}

/* title_tag */

.table_style01 > table .title_tag {width:100%;}
.table_style01 > table .title_tag > span {display:inline-block; background:#aaa; border:1px solid #aaa; color:#fff; padding:2px 3px 3px 2px;
										  line-height:12px; border-radius:2px; font-size:12.5px; font-weight:400; letter-spacing:-0.5px; margin-right:2px;}

/*cafri 2022-01-19*/
.table_style01 > table .title_tag.timetable > span {display:inline-block; background:#aaa; border:1px solid #aaa; color:#00388c; padding:2px 3px 3px 2px;
										  line-height:12px; border-radius:2px; font-size:12.5px; font-weight:400; letter-spacing:-0.5px; margin-right:2px;}
.table_style01 > table .class_timetable {color:#00388c; font-weight:700; font-size:13.5px; margin-left:3px;}									  

/* list_tag */

.table_style01 > table .list_tag {display:inline-block; background:#00388c; border:1px solid #00388c; color:#fff; padding:0 0 2px 0; text-align:center; box-sizing:border-box;
								  line-height:22px; height:26px; border-radius:2px; font-size:12.5px; font-weight:400; letter-spacing:-0.5px; width:50px;}

.table_style01 > table .list_tag.gray_bg {background:#aaa; border:1px solid #aaa; color:#fff;}
.table_style01 > table .list_tag.tag_noti {background:#fff; border:1px solid #bbb; color:#555; width:64px; font-size:12px; padding:0 4px 2px 4px;}

.table_style01 > table .list_tag.tag_74 {width:74px;}
.table_style01 > table .list_tag.tag_100 {width:100px;}

.table_style01 > table .list_tag.apply_item {font-size:12px; margin-left:5px; background:#aaa; border:1px solid #aaa; color:#fff;}

.table_style01 > table .list_tag.comp_stat {background:#fff; border:1px solid #bbb; color:#999;}
.table_style01 > table .list_tag.comp_stat_ok {background:#ff2400; border:1px solid #ff2400; color:#fff;}

.table_style01 > table .list_tag.tag_01 {background:#fff; border:1px solid #00388c; color:#00388c;} /* 媛쒓컯�덉젙 */
.table_style01 > table .list_tag.tag_02 {background:#00388c; border:1px solid #00388c; color:#fff;} /* 紐⑥쭛以� */
.table_style01 > table .list_tag.tag_03 {background:#fff; border:1px solid #ff2400; color:#ff2400; animation:blink_deadline 0.6s ease 0.6s infinite alternate;} /* 留덇컧�꾨컯 */
.table_style01 > table .list_tag.tag_04 {background:#fff; border:1px solid #5a6069; color:#5a6069;} /* �먭컯 */
.table_style01 > table .list_tag.tag_05 {background:#333; border:1px solid #333; color:#fff;} /* �뺤썝珥덇낵 */
.table_style01 > table .list_tag.tag_06 {background:#5a6069; border:1px solid #5a6069; color:#fff;} /* 留덇컧 */

@keyframes blink_deadline {
    0% {background-color:#fff; color:#ff2400;}
    50% {background-color:#fff; color:#ff2400;}
    51% {background-color:#ff2400; color:#ffff00;}
    100% {background-color:#ff2400; color:#ffff00;}
}