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


.sub_contents {padding:50px 0 0 0;}



/* con_title_01 */

.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:40px 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;}

/* text_box */

.text_box {position:relative; letter-spacing:-0.5px; color:#333; font-weight:400; border:1px solid transparent; box-sizing:border-box;}
.text_box img {display:block; max-width:100%;}
.text_box strong {font-weight:500;}
.text_box .divider {display:inline-block; width:1px; height:12px; background:#ccc; vertical-align:middle; margin:0 8px 0 8px; transform:translateY(-1px);}

.text_box.bg_box {background:#fafafa; border:1px solid #ddd; padding:15px 20px 15px 20px;}
.text_box.bg_box.pd_10 {padding:10px 12px 10px 12px !important;}
.text_box.bg_box.pd_12 {padding:12px 12px 12px 12px !important;}
.text_box.bg_box.pd_20 {padding:20px 25px 20px 25px !important;}
.text_box.bg_box.b_blue {background:#fff; border:1px solid #00388c;}
.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:#f4f5f7; border:1px solid #ddd; padding:15px 20px 15px 20px;}
.text_box.bg_box05 {background:#fafafa; border:1px solid #eee; padding:15px 20px 15px 20px;}
.text_box.bg_box_blue {background:#00388c; border:1px solid #00388c; padding:15px 20px 15px 20px; color:#fff;}

.text_box.text_p12 {font-size:12px; line-height:22px;}
.text_box.text_p13 {font-size:13px; line-height:24px;}
.text_box.text_p14 {font-size:14px; line-height:22px;}
.text_box.text_p15 {font-size:15px; line-height:22px;}
.text_box.text_p16 {font-size:16px; line-height:30px;}
.text_box .b_bottom {border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px;}
.text_box .b_bottom_06 {border-bottom:1px dotted #ccc; padding-bottom:6px; margin-bottom:6px;}
.text_box .b_bottom_10 {border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px;}
.text_box .b_bottom_15 {border-bottom:1px dotted #ccc; padding-bottom:15px; margin-bottom:15px;}

.text_box .sub_text_p12 {font-size:12px; line-height:22px;}

.text_box .bull_blue:before {content:""; clear:both; display:inline-block; width:3px; height:3px; margin:0 4px 3px 0; background:#00388c;}
.text_box .bull_gray:before {content:""; clear:both; display:inline-block; width:3px; height:3px; margin:0 4px 3px 0; background:#aaa;}
.text_box .bull_black:before {content:""; clear:both; display:inline-block; width:3px; height:3px; margin:0 4px 3px 0; background:#555;}

.text_box.center {margin: 0 auto;}

/* ===== 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:35px; 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;}
}

/* NOTICE DETAIL */

.table_style01 > table .board_info {background:#fff;}
.table_style01 > table .board_info .info_tit {color:#333; display:inline-block; margin-right:4px; font-weight:500;}
.table_style01 > table .board_info .divider {display:inline-block; width:1px; height:12px; background:#ccc; vertical-align:middle; margin:0 10px 0 10px;}

.table_style01 > table .board_contents {padding:30px 30px 30px 30px; text-align:left; vertical-align:top;}
.table_style01 > table .board_contents > p {margin:0 0 5px 0;}

.table_style01 > table .board_contents .editor_key_info {width:100%; font-size:12px; margin-top:5px; border:1px solid #ddd; box-sizing:border-box; padding:10px 20px;}
.table_style01 > table .board_contents .editor_key_info > dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}

.table_style01 > table .board_contents .editor_key_info > dl > dt,
.table_style01 > table .board_contents .editor_key_info > dl > dd {float:left; box-sizing:border-box;}

.table_style01 > table .board_contents .editor_key_info > dl > dt {width:10%; font-weight:500; color:#333; padding-left:10px;}
.table_style01 > table .board_contents .editor_key_info > dl > dd {width:10%; color:#555; border-right:1px solid #eee;}

.table_style01 > table .board_contents .editor_key_info > dl > dd:last-child {border-right:none;}


.table_style01 > table .apply_price {text-align:right; letter-spacing:0;}
.table_style01 > table .apply_price > s {color:#888; font-size:13px;}
.table_style01 > table .apply_price .price {color:#333 !important;}

.table_style01.payment_iCon_area > table > thead > tr > th, .table_style01.payment_iCon_area > table > thead > tr > td,
.table_style01.payment_iCon_area > table > tbody > tr > th, .table_style01.payment_iCon_area > table > tbody > tr > td {position:relative;}

.table_style01.payment_iCon_area .iCon_payment {position:absolute; top:-13px; right:-14px;}


.table_style01 > table .list_noti {background:#f4f5f7;}
.table_style01 > table .list_noti .board_view {font-weight:500; color:#00388c;}

/* CONTENTS CONTAINER */

.cont_container {width:100%;}
.cont_container > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-5px; margin-right:-5px;}
.cont_container > ul > li {position:relative; float:left; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px; padding:0 5px;}

.cont_container.col_02 > ul > li {width:50%;}


/* ===== SUB_01 ===== */

.sub0101_apply_step {width:100%;}
.sub0101_apply_step > ul {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.sub0101_apply_step > ul > li {position:relative; float:left; width:100%; box-sizing:border-box; font-weight:400; letter-spacing:-0.5px;}
.sub0101_apply_step > ul > li.arrow {padding:0 0 0 0; height:30px;}
.sub0101_apply_step > ul > li.arrow:after {content:""; clear:both; position:absolute; left:50%; top:0; display:inline-block; width:30px; height:15px; transform:translateX(-15px);
										   background:url(/images/sub/sub01/sub01_sub0102_arrow01.png) no-repeat;}

.sub0101_apply_step > ul > li > dl {width:100%; height:100%;}
.sub0101_apply_step > ul > li > dl > dt,
.sub0101_apply_step > ul > li > dl > dd {position:relative; float:left; box-sizing:border-box; padding:15px 15px 15px 15px; font-size:14px; height:100%;}

.sub0101_apply_step > ul > li > dl > dt {width:25%; text-align:center; background:#00388c; color:#fff; line-height:24px; border-bottom:1px solid #fff;}
.sub0101_apply_step > ul > li > dl > dt.mix {border-top: 1px solid #ccc;}
.sub0101_apply_step > ul > li > dl > dt > p {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; font-size:15px;}
.sub0101_apply_step > ul > li > dl > dt > p > strong {font-weight:500;}
.sub0101_apply_step > ul > li > dl > dt > p > span {color:rgba(255,255,255,0.7);}

.sub0101_apply_step > ul > li > dl > dd {width:75%; border:1px solid #ccc;}
.sub0101_apply_step .text_box {display: flex; flex-flow: column; flex-wrap: wrap; align-items: flex-start; justify-content: center; height: 100%; }