@charset "UTF-8";

/*상단 제목 위의 네비게이션 정확히 게시판용은 아니므로, 따로 분리해야함 현재는 분리만 해서 적용중 */
.page_nav {
    display: none;
    padding: 30px 0; 

}

/*글씨*/

.tbl_type1 a {
    text-decoration: none;
    color: #000000;
    font-weight: 100;
}

/*상단 제목설정*/
.content_header{
    /* border-top: 1px solid #244371; */
    border-bottom: 2px solid #244371;
    position: relative;
    height: 47px;
}
/*
.content_header > h2 {
    margin: 0;
    font-size: 21pt;
    font-weight: 300;
    color: #244371;  

    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 95px;
    background:none;
}*/

/*강의목록*/
.content_header  > img{margin-bottom: 5px;}
.content_header  > h2{position: absolute; color: #244371; font-size: 21px;    font-weight: 600; top: 9px; left: 70px; background:none;}
.content_header .box_tab_top{position: absolute;left: 70px; height: 1px; width: -webkit-fill-available; background: #244371; top: 5px;}
.content_header .tab_list{float: right; padding-top: 10px;}
.content_header .tab_list .tab{float: left; width: 120px; height: 37px; background:#D1D8E1; border-radius: 15px 15px 0 0; color: #244371; text-align: center; font-size: 15px; line-height: 42px; margin-left: 5px;}
.content_header .tab_list .tab:hover{float: left; width: 120px; height: 33px; background: #00A7FF; border-bottom: 4px solid #0069FF; border-radius: 15px 15px 0 0; color: white; text-align: center; font-size: 15px; line-height: 42px; font-weight: 600;}
.content_header .tab_list> div.on{float: left; width: 120px; height: 33px; background: #00A7FF; border-bottom: 4px solid #0069FF; border-radius: 15px 15px 0 0; color: white; text-align: center; font-size: 15px; line-height: 42px; font-weight: 600;}


/* 검색설정 */   
.search_sel{ border-radius: 10px;padding: 10px;border: 0px solid #ccc;background-color:rgba(36, 67, 113, 0.1);margin: 50px 0;text-align: center;}
.search_sel input[type=text] {width: 88%;border: 1px solid #ccc; border-radius: 10px!important; height : 35px;margin-right:10px;}
.search_sel select{width: 100px;border: 1px solid #ccc; border-radius: 10px!important; height : 35px;margin-right:10px;}
.search_sel th{text-align: right;padding-right: 15px;}
.search_sel td{font-size: 15px;line-height: 1.3;color: #444;padding: 5px 0;}
.search_sel td strong{color: #3d3d3d;display: inline-block;margin-right: 10px;}
.search_sel .datepicker{font-size: 0;}
.search_sel .datepicker input[type=text]{width: 47%; }
.search_sel .space{display: inline-block;text-align: center;width: 6%;font-size: 12px;}
.search_sel .btn_cell{text-align: right;}
.search_sel .btn_search{width: 76px;height: 70px;color: #244371;text-align: center;background: url('../images/common/btn_search.png') center no-repeat;border: none;}
.search_sel .btn_reset{width: 76px;height: 70px;color: #244371;text-align: center;background: url('../images/common/btn_reset.png') center no-repeat;border: none;}


/*검색창 조절모음 (불명확함 조금더 진행사항을 보고 사이트이펙트 확인해야함)*/

.w100px {width: 100px !important;}
.w300px {width: 500px !important;}



/*버튼색상모음*/
.btn.darkblue{ border-radius: 14px; color: #fff; background-color: #244371;float: right;height : 35px;}

.btn.blue {
    background-color: #244371;
    color: #fff;
}

/*테이블 타입*/


/* 테이블 스타일1 : blue */
.tbl_type {position: relative;border-top: 0.5pt solid #4A8FF5;border-bottom: 1.5px solid #4A8FF5;}
.tbl_type:before, .tbl_type:after{content: '';display: block;width: 0px;height: 100%;background-color: #fff;position: absolute;top: -2px;z-index: 1;padding-top: 2px;}
.tbl_type:before{left: 0;}
.tbl_type:after{right: 0;}
.tbl_type.bd:before, .tbl_type.bd:after{display: none;}
.tbl_type table{background-color: #fff;}
.tbl_type th, .tbl_type td{font-size: 17px;line-height: 41px;border: 1px solid #4A8FF5;}
.tbl_type th{color: #000000;font-weight: bold;padding: 10px;background-color: #DBE9FD; border-top: 1px solid #4A8FF5; border-bottom: 1px solid #4A8FF5;}
.tbl_type td{color: #000000;padding: 5px 10px;height: 30px; border: 1px solid #4A8FF5; background-color: #F6F9FE;} 
.tbl_type table.bdn tr{border-bottom: 0.5pt solid #4A8FF5;}
.tbl_type th:nth-child(1), .tbl_type td:nth-child(1) {border-left: none;}
.tbl_type th:nth-last-child(1),.tbl_type td:nth-last-child(1) {border-right: none;}

.tbl_type tbody th{height: 41px;box-sizing: border-box;}
.tbl_type textarea{height: 28px;}
.tbl_type textarea:focus{height: 60px;transition: 0.2s ease-in;}

/* 테이블 스타일2: blue . th,td height 및 폰트사이즈 1버전보다 작음 */
.tbl_type2 {position: relative;border-top: 0.5pt solid #4A8FF5;border-bottom: 1.5px solid #4A8FF5;}
.tbl_type2:before, .tbl_type2:after{content: '';display: block;width: 0px;height: 100%;background-color: #fff;position: absolute;top: -2px;z-index: 1;padding-top: 2px;}
.tbl_type2:before{left: 0;}
.tbl_type2:after{right: 0;}
.tbl_type2.bd:before, .tbl_type2.bd:after{display: none;}
.tbl_type2 table{background-color: #fff;}
.tbl_type2 th, .tbl_type2 td{font-size: 15px;border: 1px solid #4A8FF5;}
.tbl_type2 th{color: #000000;font-weight: bold;padding: 5px;background-color: #DBE9FD; border-top: 1px solid #4A8FF5; border-bottom: 1px solid #4A8FF5;}
.tbl_type2 td{color: #000000;padding: 5px 10px;height: 30px; border: 1px solid #4A8FF5; background-color: #F6F9FE;} 
.tbl_type2 table.bdn tr{border-bottom: 0.5pt solid #4A8FF5;}
.tbl_type2 th:nth-child(1), .tbl_type2 td:nth-child(1) {border-left: none;}
.tbl_type2 th:nth-last-child(1),.tbl_type2 td:nth-last-child(1) {border-right: none;}

.tbl_type2 tbody th{height: 41px;box-sizing: border-box;}
.tbl_type2 textarea{height: 28px;}
.tbl_type2 textarea:focus{height: 60px;transition: 0.2s ease-in;}


/* 테이블 스타일3 : blue - 중간선 있는버전 */
.tbl_type3 {position: relative;border-top: 0.5pt solid #244371;border-bottom: 1.5px solid #244371;}
.tbl_type3:before, .tbl_type3:after{content: '';display: block;width: 0px;height: 100%;background-color: #fff;position: absolute;top: -2px;z-index: 1;padding-top: 2px;}
.tbl_type3:before{left: 0;}
.tbl_type3:after{right: 0;}
.tbl_type3.bd:before, .tbl_type3.bd:after{display: none;}
.tbl_type3 table{background-color: #fff;}
.tbl_type3 th, .tbl_type3 td{font-size: 12px;line-height: 1.3;border: 1px solid #ccc;}
.tbl_type3 th{color: #000000;padding: 10px;background-color: #fff; border: 1px solid #244371;}
.tbl_type3 td{color: #000000;padding: 5px 10px;height: 30px; border: 1px solid #244371; }
.tbl_type3 table.bdn tr{border-bottom: 0.5pt solid #244371;}
.tbl_type3 th:nth-child(1), td:nth-child(1) {border-left: none;}
.tbl_type3 th:nth-last-child(1),td:nth-last-child(1) {border-right: none;}

.tbl_type3 tbody th{height: 41px;box-sizing: border-box;}
.tbl_type3 textarea{height: 28px;}
.tbl_type3 textarea:focus{height: 60px;transition: 0.2s ease-in;}

/* 테이블 스타일5 : blue - th 색 있는버전 */
.tbl_type5 {position: relative;border-top: 0.5pt solid #244371;border-bottom: 1.5px solid #244371;}
.tbl_type5:before, .tbl_type5:after{content: '';display: block;width: 0px;height: 100%;background-color: #fff;position: absolute;top: -2px;z-index: 1;padding-top: 2px;}
.tbl_type5:before{left: 0;}
.tbl_type5:after{right: 0;}
.tbl_type5.bd:before, .tbl_type5.bd:after{display: none;}
.tbl_type5 table{background-color: #fff;}
.tbl_type5 th, .tbl_type5 td{font-size: 12px;line-height: 1.3;border: 1px solid #4F92F5;}
.tbl_type5 th{color: #000000;font-weight: bold;padding: 10px;background-color: #DBE9FD; border-top: 1px solid #4A8FF5; border-bottom: 1px solid #4A8FF5;}
.tbl_type5 td{color: #000000;padding: 5px 10px;height: 30px; border: 1px solid #4F92F5; background-color: #F6F9FE;} 
.tbl_type5 table.bdn tr{border-bottom: 0.5pt solid #244371;}
.tbl_type5 th:nth-child(1), td:nth-child(1) {border-left: none;}
.tbl_type5 th:nth-last-child(1),td:nth-last-child(1) {border-right: none;}

.tbl_type5 tbody th{height: 41px;box-sizing: border-box;}
.tbl_type5 textarea{height: 28px;}
.tbl_type5 textarea:focus{height: 60px;transition: 0.2s ease-in;}

/* 테이블 스타일6 : blue, td:white - th 색 있는버전 */
.tbl_type6 {position: relative;border-top: 0.5pt solid #244371;border-bottom: 1.5px solid #244371;}
.tbl_type6:before, .tbl_type6:after{content: '';display: block;width: 0px;height: 100%;background-color: #fff;position: absolute;top: -2px;z-index: 1;padding-top: 2px;}
.tbl_type6:before{left: 0;}
.tbl_type6:after{right: 0;}
.tbl_type6.bd:before, .tbl_type6.bd:after{display: none;}
.tbl_type6 table{background-color: #fff;}
.tbl_type6 th, .tbl_type6 td{font-size: 12px;line-height: 1.3;border: 1px solid #4F92F5;}
.tbl_type6 th{color: #000000;font-weight: bold;padding: 10px;background-color: #DBE9FD; border-top: 1px solid #4A8FF5; border-bottom: 1px solid #4A8FF5;}
.tbl_type6 td{color: #000000;padding: 5px 10px;height: 30px; border: 1px solid #4F92F5; background-color: #fff;} 
.tbl_type6 table.bdn tr{border-bottom: 0.5pt solid #244371;}
.tbl_type6 th:nth-child(1), td:nth-child(1) {border-left: none;}
.tbl_type6 th:nth-last-child(1),td:nth-last-child(1) {border-right: none;}

.tbl_type6 tbody th{height: 41px;box-sizing: border-box;}
.tbl_type6 textarea{height: 28px;}
.tbl_type6 textarea:focus{height: 60px;transition: 0.2s ease-in;}

/* 테이블 스타일7 : blue, td:white - th 색 있는버전 */
.tbl_type7 {position: relative;}
.tbl_type7:before, .tbl_type7:after{content: '';display: block;width: 0px;height: 100%;background-color: #fff;position: absolute;top: -2px;z-index: 1;padding-top: 2px;}
.tbl_type7:before{left: 0;}
.tbl_type7:after{right: 0;}
.tbl_type7.bd:before, .tbl_type7.bd:after{display: none;}
.tbl_type7 table{background-color: #fff;}
.tbl_type7 th, .tbl_type7 td{font-size: 12px;line-height: 1.3;border: 1px solid #4F92F5;}
.tbl_type7 th{color: #fff;font-weight: bold; font-size:22px; padding: 10px;background-color: #4A8FF5; border-top: 1px solid #4A8FF5; border-bottom: 1px solid #4A8FF5;}
.tbl_type7 td{color: #000000;padding: 5px 10px;height: 30px; border: 1px solid #4F92F5; background-color: #F6F9FE;} 
.tbl_type7 table.bdn tr{border-bottom: 0.5pt solid #244371;}
.tbl_type7 th:nth-child(1), td:nth-child(1) {border-left: none;}
.tbl_type7 th:nth-last-child(1),td:nth-last-child(1) {border-right: none;}

.tbl_type7 tbody th{height: 41px;box-sizing: border-box;}
.tbl_type7 textarea{height: 28px;}
.tbl_type7 textarea:focus{height: 60px;transition: 0.2s ease-in;}


/* 테이블 스타일orange : th color O, th border side X, td border O, td side border X */
.tbl_type.orange {position: relative;border-top: 0.5pt solid #EA771F;border-bottom: 1.5px solid #EA771F;}
.tbl_type.orange:before, .tbl_type.orange:after{content: '';display: block;width: 0px;height: 100%;background-color: #fff;position: absolute;top: -2px;z-index: 1;padding-top: 2px;}
.tbl_type.orange:before{left: 0;}
.tbl_type.orange:after{right: 0;}
.tbl_type.orange.bd:before, .tbl_type.orange.bd:after{display: none;}
.tbl_type.orange table{background-color: #fff;}
.tbl_type.orange th, .tbl_type.orange td{font-size: 17px;line-height: 41px;border: 1px solid #EA771F;}
.tbl_type.orange th{color: #000000;font-weight: bold;padding: 10px;background-color: #FCE7D2; border-top: 1px solid #EA771F; border-bottom: 1px solid #EA771F;}
.tbl_type.orange td{color: #000000;padding: 5px 10px;height: 30px; border: 1px solid #EA771F; background-color: #FEFAF5;} 
.tbl_type.orange table.bdn tr{border-bottom: 0.5pt solid #EA771F;}
.tbl_type.orange th:nth-child(1), .tbl_type.orange td:nth-child(1) {border-left: none;}
.tbl_type.orange th:nth-last-child(1),.tbl_type.orange td:nth-last-child(1) {border-right: none;}

.tbl_type.orange tbody th{height: 41px;box-sizing: border-box;}
.tbl_type.orange textarea{height: 28px;}
.tbl_type.orange textarea:focus{height: 60px;transition: 0.2s ease-in;}


/* 테이블 스타일orange1 : th color O, th border side X, td side border X */
.tbl_type1.orange {position: relative;border-top: 0.5pt solid #EA771F;border-bottom: 1.5px solid #EA771F;}
.tbl_type1.orange:before, .tbl_type1.orange:after{content: '';display: block;width: 0px;height: 100%;background-color: #fff;position: absolute;top: -2px;z-index: 1;padding-top: 2px;}
.tbl_type1.orange:before{left: 0;}
.tbl_type1.orange:after{right: 0;}
.tbl_type1.orange.bd:before, .tbl_type1.orange.bd:after{display: none;}
.tbl_type1.orange table{background-color: #fff;}
.tbl_type1.orange th, .tbl_type1.orange td{font-size: 12px;line-height: 1.3;border: 1px solid #EA771F;}
.tbl_type1.orange th{color: #000000;font-weight: bold;padding: 10px;background-color: #FCE7D2; border-top: 1px solid #EA771F; border-bottom: 1px solid #EA771F;}
.tbl_type1.orange td{color: #000000;padding: 5px 10px;height: 30px; border: 1px solid #EA771F; background-color: #fff;} 
.tbl_type1.orange table.bdn tr{border-bottom: 0.5pt solid #EA771F;}
.tbl_type1.orange th:nth-child(1), .tbl_type.orange td:nth-child(1) {border-left: none;}
.tbl_type1.orange th:nth-last-child(1),.tbl_type.orange td:nth-last-child(1) {border-right: none;}

.tbl_type1.orange tbody th{height: 41px;box-sizing: border-box;}
.tbl_type1.orange textarea{height: 28px;}
.tbl_type1.orange textarea:focus{height: 60px;transition: 0.2s ease-in;


/* 게시판 상세 */
.view{position: relative;border-top: 0px solid #244371;border-bottom: 0px solid #244371;}
.view .title{font-size: 22px;text-align: left;padding: 15px 0px;color:#244371;}
.view .post_info{padding: 7px 0px;font-size: 15px;}
.view .post_info li{display: inline-block;vertical-align: top;margin-left: 0px;padding-left: 0px;padding-right: 35px;background-repeat: no-repeat;background-position: 0 center;}
.view .post_info li:first-child{margin-left: 0;}
.view .post_info .writer{background-image: none;}
.view .post_info .date{background-image: none;}
.view .post_info .view{background-image: none; background-image: none;float: right; padding: 0;} /* url('../images/common/ico_post_view.png') */
.view .post_info .reply{float: right;margin-top: -4px;}
.view table{background-color: #fff;}
.view th, .tbl_type1 td{font-size: 12px;line-height: 1.3;border:none;border-bottom: 1px solid #244371;}
.view th, .tbl_type1 th{font-size: 12px;line-height: 1.3;border:none;border-bottom: 1px solid #244371;}
.view th{color: #444;padding: 10px;background-color: #fff;}
.view td{color: #666;padding: 5px 0px;height: 30px;}
.view .text{padding: 20px 0; font-size: 15px;color: #000000;font-weight: 510;}
table .bg2 {background-color: #fff !important;color: #444 !important;font-weight: 600 !important;}


/* 테이블 스타일4 : light blue - 테이블 위아래,중간선 있는버전 */
.tbl_type4 {position: relative;border-top: 0.5pt solid #00a7ff78;border-bottom: 1.5px solid #00A7FF;}
.tbl_type4:before, .tbl_type4:after{content: '';display: block;width: 0px;height: 100%;background-color: #fff;position: absolute;top: -2px;z-index: 1;padding-top: 2px;}
.tbl_type4:before{left: 0;}
.tbl_type4:after{right: 0;}
.tbl_type4.bd:before, .tbl_type4.bd:after{display: none;}
.tbl_type4 table{background-color: #fff;}
.tbl_type4 th, .tbl_type4 td{font-size: 12px;line-height: 1.3;border: 1px solid #ccc;}
.tbl_type4 th{color: #000000;padding: 10px;background-color: #fff; border: 1px solid  #00A7FF;}
.tbl_type4 td{color: #000000;padding: 5px 10px;height: 30px; border: 1px solid #00A7FF; }
.tbl_type4 table.bdn tr{border-bottom: 0.5pt solid #00A7FF;}
.tbl_type4 th:nth-child(1), td:nth-child(1) {border-left: none;}
.tbl_type4 th:nth-last-child(1),td:nth-last-child(1) {border-right: none;}

.tbl_type4 tbody th{height: 41px;box-sizing: border-box;}
.tbl_type4 textarea{height: 28px;}
.tbl_type4 textarea:focus{height: 60px;transition: 0.2s ease-in;}

/*이전글, 다음글*/
.pnList:after{content: '';display: block;clear: both;}
.pnList{    border-top: 1px solid #244371;
    margin-top: 30px;
    background-color: #fff;
    font-size: 14px;
    color: #000;}
.pnList dt{clear: both;
    float: left;
    width: 4.5%;
    padding: 12px 20px;
    background: url(../images/common/ico_bbs_up.png) right center no-repeat;
    border-bottom: 1px solid #244371;}
.pnList dt.next{background-image: url('../images/common/ico_bbs_down.png');}
.pnList dd{float: left;
    width: 86%;
    padding: 12px 20px;
    border-bottom: 1px solid #244371;}
.pnList dd a{display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#000;}

/*하단부 목록 여백*/
.tar {
    text-align: right !important;
    height: 50px;
}

/*다운로드 디자인 수정 우선순위가 역전되지않음..*/
[data-ax5uploader-uploaded-box] {
     background: #fff;
     border: none; 
    /* border-radius: 5px; */
    margin:  0;
    padding: 0px;
    min-height: 0px;
}
/*서브메뉴 상단 타이틀*/
.box_tab{position: relative; border-bottom: 2px solid #244371; height: 46px;}
.box_tab .box_tab_title{position: absolute; color: #244371; font-size: 21px;    font-weight: 600; top: 10.5px; left: 70px;}
.box_tab .box_tab_top{position: absolute;left: 50px; height: 1px; width: -webkit-fill-available; background: #244371; top: 5px;}

@media (max-width: 500px) {

	.box_tab .box_tab_top{width: 282px;}}
@media (max-width: 375px) {
	.search_sel select{width: 100%;}
	.pnList dt{width: 12%;}
	.pnList dd{width: 63.4%;}

}

 .certTitle{
	color: #244371;
    font-size: 21px;
    font-weight: 600;
    padding-bottom: 10px;
 }
.certInfo{
	color: #244371;
    font-size: 17px;
    font-weight: 600;
    padding-top: 10px;
 }