@charset "utf-8";

@import "default.css";



/*  신규  나의강의실*/

.lectureroom_bar { width:100%; border-top:13px solid #5cbdf5; }

.lectureroom_wrap { width:1000px; margin:auto; position:relative}

.lectureroom_top { width:1000px; height:50px; margin:auto; position:relative}
.lectureroom_top .logoimg { float:left; padding-right:10px; padding-top:10px;}
.lectureroom_top img {  padding-right:15px; vertical-align:middle}
.my_login_box { float:left;  width:230px; background:#3c4552; border-radius:50px; padding:5px 20px; height:20px; color:#fff; margin-top:23px; font-size:12px;}


.lectur_title_wrap { width:100%; height:57px; display:table; margin:auto;font-size:12px;  position:relative;  }
.lectur_title_wrap_1 { display:table-cell; height:57px; vertical-align:middle;position:relative;}

.lectur_title_wrap2 { border-bottom:#e8e8e8 solid 2px; border-top:#e8e8e8 solid 0px; width:100%; height:57px; display:table;  margin:auto; margin-bottom:7px; 
                      font-size:12px;  position:relative;}
.lectur_title_wrap2_1 { display:table-cell; height:57px; vertical-align:middle;position:relative;}


.contentslist_t {font-family:'NanumSquareB'; font-size:13px; color:#09F; display:inline-block;}

.h4title  {font-family:'NanumSquareB'; font-size:19px; color:#000; display:block; padding:20px 0 5px 0;}

.mytitle_bg {font-size:12px; background:#e60000; height:22px;border-radius:50px; padding:0 10px; line-height:25px; color:#fff ; float:left; margin-left:10px; margin-top:4px; margin-right:10px;  font-family:'dotum'; }
.mytitle_bg a{ color:#fff}

.lectur_title {font-family:'NanumSquareEB'; font-size:20px; color:#000; float:left;   line-height:22px;  padding-top:4px; }
.mainhomego { padding-left:20px; width:300px;  float:left;  }

.mainhomego a{font-size:12px; background:#F4F4F4; height:22px;border-radius:50px; padding:0 10px; line-height:25px; color:#000 ; float:left; margin-left:10px; margin-top:4px; margin-right:10px;  font-family:'dotum'; border:1px solid #CCC }

.btn_go { padding-left:0px;  float:right;  }

.btn_go a{font-size:12px; background:#C8C8C8; height:23px;border-radius:1px; padding:2px 10px; line-height:23px; color:#333 ; float:left; margin-left:2px; margin-top:2px;  font-family:'dotum';  }



.lectur_date {font-size:14px;  font-family:'notokr-bold'; color:#FF0; display:block; padding-bottom:10px; }
.lectur_name {font-size:12px;  font-family:'dotum';  }
.lectur_name strong { color:#06C; background:#FF6}

.lectur_select { float:left; right:0; top:13px; position:absolute}
.lectur_select  select { padding:3px; margin-top:2px}


.OT_down a {font-size:14px; width:170px; margin:auto; text-align:center;  background:#C33;  height:28px;line-height:27px;border-left:1px solid #F00; border-top:1px solid #F00; border-bottom:1px solid #900; border-right:1px solid #900;   padding:0 0px;  color:#fff ; display:block}
.OT_down a:hover {  background:#900; text-decoration:none; border-left:1px solid #900; border-top:1px solid #900; border-bottom:1px solid #F00; border-right:1px solid #F00;}
.OT_down  a:focus {outline: 2px  dashed #fff;}

.btn_lectur_main a {font-family:'NanumSquareB'; font-size:14px; width:100px; text-align:center;  background:#2453a0;  height:25px;line-height:25px;border-left:1px solid #4a76be; border-top:1px solid #4a76be; border-bottom:1px solid #006; border-right:1px solid #006;   padding:0 0px;  color:#fff ; float:right; margin-top:0px; margin-right:20px }
.btn_lectur_main a:hover {  background:#0a3377; text-decoration:none}


.section01 { margin-top:30px;position:relative; overflow:hidden; clear:both    }
.section02 { border:1px solid #e1e2e6; width:998px; height:52px; padding:20px 0px 0px 0px; font-family:'NanumSquareB'; text-align:center; margin-top:20px;}
.box_percent2 { background:#29324b; padding:15px; width:170px;  height:185px; color:#fff; font-size:12px; float:left}

.username_box {padding:0px 0px 5px 0px; margin:auto}
.username_box img { margin-right:5px;}

.box_percent { background:#29324b; padding:15px; width:170px;  height:186px; color:#fff; font-size:12px; float:left}
.box_percent2 .percent01 { position:relative; background:#1b2235;  text-align:center; border:1px solid #3a4253; padding:0px 0 0px 0; margin-bottom:7px; overflow:hidden} 
.box_percent2 .percent01_01 {position:relative;  text-align:center; border-right:1px solid #3a4253; padding:0 2px; float:left; width:83px; height:90px}
.box_percent2 .percent01_02 {position:relative;  text-align:center; padding:0 0px; float:left ; width:80px;}
.box_percent2  .myper {font-family:'NanumSquareB'; font-size:11px !important; color:#FFF  !important; background:#121726; height:26px; line-height:24px; margin-bottom:5px; }
.percent02_t {color:#fff600; font-size:55px; font-family:"Arial Black", Gadget, sans-serif; letter-spacing:-0.5px;}
.percent02_t2 {color:#5cbdf5;font-size:30px; font-family:"Arial Black", Gadget, sans-serif; letter-spacing:-0.5px;}
.percent02_t3 {color:#fff600;font-size:15px;line-height:15px; font-family:"Arial Black", Gadget, sans-serif; letter-spacing:-0.5px;}
.percent02_t4 {color:#5cbdf5;font-size:15px;line-height:15px; font-family:"Arial Black", Gadget, sans-serif; letter-spacing:-0.5px;}

.box_percent .percent02 { color:#8ad4ff; font-size:23px; letter-spacing:-1px} 
.box_exam  { border:2px solid #999; width:790px; height:211px;font-size:14px; margin-left:6px ; float:left;}
.box_exam li {border-right:1px solid #999; float:left; height:211px; text-align:center; width:112px;}
.box_exam li:last-child {border-right:0px solid #999; float:left;  width:112px;}
.box_exam .exam_last {width:112px; border:0px}
.box_exam .exam_last2 {width:225px; border:0px}
.box_exam .examtitle{font-family:'notokr-regular'; font-size:15px; background:#3779c3 ; padding:4px 0; margin-bottom:0px; color:#fff}
.examtitle span { font-family:'dotum'; color:#fff; font-size:12px; display:block}

.date_wrap { padding-top:10px}
.date_on { background:#fff; color:#000; font-weight:bold; border:2px solid #F00; height:89px }
.date_off { background:#fff; color:#000;}


.result_wrap { height:28px;  padding:10px 0 5px 0; border-bottom:1px solid #999; margin-bottom:5px; }
.icon_result { color:#fff; background:#00864c; width:60px; line-height:23px; height:20px; font-family:'dotum'; margin:auto; font-size:12px;}

.icon_before { background:#ea2d31 ;color:#fff;  width:60px; line-height:23px; height:20px; font-family:'dotum'; margin:auto; font-size:12px;}
.icon_after { background:#00864C ;color:#fff;  width:60px; line-height:23px; height:20px; font-family:'dotum'; margin:auto;  font-size:12px;}
.exam_wrap  { padding:10px 0 5px 0; min-height:48px }

.exam_wrap a {color:#2371b4; }
a:link.btn_lectureroom { font-family:"dotum"; margin:auto; display:block; color:#2371b4; width:102px; height:33px; line-height:33px; background:url(../images/lectureroom/btn_bg01.gif) no-repeat;  font-weight:bold; font-size: 13px; letter-spacing: -1px; }
a:hover.btn_lectureroom{ margin:auto; color:#2371b4;text-decoration:none; line-height:35px; background:url(../images/lectureroom/btn_bg01_ov.gif) no-repeat;}
a:visited.btn_lectureroom { margin:auto; display:block; color:#1170a7; width:102px; height:33px; line-height:33px; background:url(../images/lectureroom/btn_bg01.gif) no-repeat;  font-weight:bold; }

.section02 img{ vertical-align:middle; padding-right:7px;}
.quickicon_img{ display:inline-block ;border-right:1px solid #e2e3e6;text-align:center;width:145px; margin-right:5px; padding-right:5px;}
.quickicon_img a, .quickicon_img_last a { color:#000;  font-family:'NanumSquareB'; font-size:17px; }
.quickicon_img a:hover, .quickicon_img_last a:hover{ color:#666; text-decoration:none}
.quickicon_img_last {display:inline-block ;border-right:0px;text-align:center;width:145px; margin-right:5px; padding-right:5px;}


.learning_page_on { background:url(../images/lectureroom/page_icon_on.png) no-repeat; width:19px; height:19px; line-height:19px; color:#fff; display:inline-block; text-align:center}
.learning_page_off { background:url(../images/lectureroom/page_icon_off.png) no-repeat; width:19px; height:19px; line-height:19px; color:#fff; display:inline-block; text-align:center}

.guide_box { background:#f7f7f7; border:1px  solid #e5e5e5; padding:30px;font-family:"dotum"; font-size:12px; line-height:20px; }
.guide_box02 { background:#fff4eb; padding:10px 20px; position:relative; height:37px;}
.guide_box03 { background:#fff; border:1px  solid #e5e5e5; padding:10px 30px;font-family:"dotum"; font-size:12px; line-height:20px; }

.guide_wrap { position:relative}
.guide_title_left { float:left !important; display:block;  height:26px !important; line-height:26px; position:relative; }
.guide_title {display:block; float:right; color:#F30 ; padding-bottom:5px; height:26px; position:relative  }
.guide_title  span { font-weight:bold}

.guide_title img { vertical-align: middle}

a.btn_examination { display:inline-block; background:#5a676e; border:#455660 solid 1px; padding:5px; color:#FFF; width:170px;  text-align:center; float:right}
a:link.btn_examination { text-decoration:none}
a:hover.btn_examination {text-decoration:none}

a.btn_bbs { display:block; background:#1c2334; border-right:#000 solid 1px;border-bottom:#000 solid 1px;border-top:#2e374e solid 1px; border-left:#2e374e solid 1px;padding:7px 3px 3px 3px; color:#FFF; width:160px; font-weight:bold; text-align:center; line-height:15px}
a:link.btn_bbs { text-decoration:none}
a:hover.btn_bbs {text-decoration:none; background:#48577c;}

a.btn_bbs2 { display:block; background:#8ad4ff; border-right:#000 solid 1px;border-bottom:#000 solid 1px;border-top:#2e374e solid 1px; border-left:#2e374e solid 1px;padding:7px 3px 3px 3px; color:#000; width:160px; font-weight:bold; text-align:center; line-height:15px;	}
a:link.btn_bbs2 { text-decoration:none}
a:hover.btn_bbs2 {text-decoration:none; background:#48577c; color:fff;
	}

.qicon_box img{ display:block; margin:0; padding:0; float:left }



.btn-right { 
        font-family: AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif; 
        position: relative; 
        font-weight: 300; 
        font-size: 20px; 
        letter-spacing: -0.02em; 
       display: inline-block; 
        color: #fff; 
        background-color: rgba(0, 0, 0, 0.7); 
        border-radius: 28px; 
        padding: 0.85em 2.25em 0.9em 1.25em; 
} 

.btn_bbs2 span {         /* 화살표 아이콘 */  
        position: absolute; 
        top: 23px; 
        width: 11px;     /* 화살표 아이콘 가로길이 */  
        height: 17px;     /* 화살표 아이콘 세로길이 */  
        display: inline-block; 
        margin-left: 9px; 
        background-image: url('arrows.png');     /* 하위 브라우저용 img */ 
        background-image: url('arrows.svg');     /* svg 파일 적용 */ 
} 




/*폰트스타일*/

.FS_yellow { color:#fcff00}
.FS_orange {color:#ffc600}
.FS_red {color:#e80700}
.FS_O { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#3583b8}
.FS_X { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#d14f4e}
.text_Bold { font-weight:bold}
.FS_red_Bold { font-weight:bold; color:#ff0000}

.FS_blue01{ color:#3f65cf}

/*.notice_box { border:1px #e7e7e7 solid; padding:20px; clear:both}*/

.notice_1 { float:left; margin-right:20px}
.titleimg { margin-bottom:10px}

.title_bullet{position:relative; margin-top:20px; clear:both; overflow:hidden}
.text_title {float:left; font-size:17px; font-family:'Malgun Gothic'; font-weight:bold; background:url(../lectureroom/images/text_titleimg.gif) no-repeat left center ; padding-left:15px; color:#000; }


.text_title2 {float:left; font-size:17px;  font-family:'Malgun Gothic'; font-weight:bold; background:url(../lectureroom/images/text_titleimg.gif) no-repeat left center ; padding-left:15px; padding-bottom:3px; color:#000; }

.icon_click {float:right;  }
.icon_click img { float:left; padding-left:2px }


.title_bullet h4 { vertical-align:middle; font-size:16px; font-family:'Malgun Gothic'; font-weight:bold; float:left }
.title_bullet img  { vertical-align:middle}

/*강의실 메인에 사용된 기본 표스타일*/
.table_styleMA { width:100% ;position:relative;}
.table_styleMA th{ background:#516ba6; border-bottom:#9da6bc 1px solid; border-left:#6e83b2 1px solid; border-right:#6e83b2 1px solid; color:#fff; padding:3px 0; line-height:15px;}
.table_styleMA td{ background:#fbfbfb; border:#e3e3e3 1px solid; line-height:11px; padding:7px 5px}

.table_styleMA .sfont { font-size:11px; letter-spacing:-1px }
.table_styleMA .titleStyle { color:#2b488a; font-weight:bold; table-layout:fixed}

.table_styleMA thead {border-bottom:#e3e3e3 solid 1px; margin-bottom:1px}

.table_styleMA_1 { width:100% ;position:relative;}
.table_styleMA_1 th{ background:#516ba6; border-bottom:#9da6bc 1px solid; border-left:#6e83b2 1px solid; border-right:#6e83b2 1px solid; color:#fff; padding:3px 0; line-height:15px; height:40px}
.table_styleMA_1 td{ background:#fbfbfb; border:#e3e3e3 1px solid; padding:7px 5px; text-align:center}

.table_styleMA_1 .sfont { font-size:11px; letter-spacing:-1px }
.table_styleMA_1 .titleStyle { color:#2b488a; font-weight:bold; table-layout:fixed}
.table_styleMA_1 .textLeft { text-align:left}



.table_styleMB { width:100%; position:relative;}
.table_styleMB th{ background:#608398; border-bottom:#a2afb7 1px solid; border-left:#7a96a7 1px solid; border-right:#7a96a7 1px solid; color:#fff; padding:5px 0 0px 0; height:40px; line-height:15px}
.table_styleMB td{ background:#fbfbfb; border:#e3e3e3 1px solid; line-height:11px; padding:7px 5px; text-align:center}
.table_styleMB .titleStyle { color:#245979; font-weight:bold; table-layout:fixed;line-height:15px;}

/*커뮤니티게시판*/
.table_styleMC { width:100%; position:relative;}
.table_styleMC th{ background:#f5f5f5;  padding:5px 3px ; height:33px;}
.table_styleMC td{ background:#fff; border-bottom:#e3e3e3 1px solid; line-height:11px; padding:10px 5px; line-height:18px; text-align:center}
.table_styleMC .textLeft { text-align:left}
.table_styleMC .textLeft_view { text-align:left; padding:10px 0; min-height:100px;}
.table_styleMC thead { border-left:#cdcdcd solid 1px ;border-right:#cdcdcd solid 1px; border-bottom:#cdcdcd solid 1px ;border-top:#5a5a5a solid 2px;}
.table_styleMC td img { vertical-align:middle; margin-left:5px;}
.table_styleMC_v { width:99%; position:relative;border-top:#5a5a5a solid 2px;}
.table_styleMC_v th{ background:#F1F1F1;  padding:3px; border-top:#e3e3e3  1px solid; border-bottom:#e3e3e3  1px solid}
.table_styleMC_v td{ background:#fff; border-bottom:#e3e3e3 1px solid; line-height:11px; padding:10px; line-height:18px; text-align:left}

.t_view_left { float:left}
.t_view_right { display:block; float:right}

.report_style { width:99%; position:relative;border-top:#5a5a5a solid 2px;}
.report_style thead {}
.report_style th{ background:#F1F1F1;  padding:3px; border:#e3e3e3  1px solid;}
.report_style td{ background:#fff; border:#e3e3e3 1px solid; line-height:11px; padding:10px; line-height:18px; text-align:center}
.report_style .radiobtn { text-align:center}

/*게시판 검색 박스*/
.searchMY_wrap { border:1px solid #e7e7e7; padding:10px; overflow:hidden; text-align:center; background:#fcfcfc}
.searchMY_wrap input { vertical-align:middle}


/*과목안내 표스타일*/
.table_styleMD { width:100% ;position:relative;}
.table_styleMD th{ background:#95a4c9; border-bottom:#a5b1ce 2px solid; border-left:#a5b1ce 1px solid; border-right:#a5b1ce 1px solid; color:#fff; padding:5px 0 0px 0; height:30px; line-height:15px}
.table_styleMD td{ background:#fbfbfb; border:#e3e3e3 1px solid; line-height:13px; padding:7px 5px; text-align:center}
.table_styleMD thead {border-bottom:#e3e3e3 solid 1px; margin-bottom:1px}

.table_styleMD .sfont { font-size:11px; letter-spacing:-1px }
.table_styleMD .titleStyle { color:#2b488a; font-weight:bold; table-layout:fixed}

/*과목목차 표스타일*/
.N_table_styleA { width:100%; margin:auto; line-height:25px; text-align:center; font-size:14px;}
.N_table_styleA thead {;}
.N_table_styleA th { background:#E8E8E8; color:#000; border-top:#000 solid 2px;  border-bottom:#000 solid 1px;  border-left:#dedede solid 1px; height:38px; line-height:38px;    }
.N_table_styleA td { border-left:#dedede solid 1px; border-bottom:#dedede solid 1px; padding:10px 3px; text-align:center}



.N_table_styleA .tdS {border-left:0px;}
.N_table_styleA .tdleft  { text-align:left; font-size: 15px; font-family: var(--mainB-font-style) }
.N_table_styleA img { vertical-align:middle}
.table_bg_color { background:#FF6;  color:#000 ; line-height:15px; font-weight:bold }


.table_styleME { width:100% ;position:relative;}
.table_styleME th{ background:#a7bee7; border-bottom:#c4d0e5 2px solid; border-left:#c4d0e5 1px solid; border-right:#c4d0e5 1px solid; color:#fff; padding:5px 0 0px 0; height:30px; line-height:15px}
.table_styleME td{ background:#fff; border:#e3e3e3 1px solid; line-height:15px; padding:7px 5px; text-align:center}
.table_styleME thead {border-bottom:#e3e3e3 solid 1px; margin-bottom:1px}
.table_styleME .textLeft { text-align:left}

.N_table_styleB { width:100%; margin:auto; line-height:25px;}
.N_table_styleB thead { border-top:#000 solid 2px;  }
.N_table_styleB th { background:#E8E8E8 ; color:#000;  border-top:#000 solid 2px; border-bottom:#000 solid 1px;  border-left:#dedede solid 1px; height:38px; line-height:38px;    }

.N_table_styleB td { background:#FF6; border-left:#dedede solid 1px; border-bottom:#000 solid 1px; padding:10px 10px; text-align:left; font-weight:bold}




/*유의사항 표스타일*/
.table_styleMF { width:100% ;position:relative;}
.table_styleMF th{ background:#dbe4f7; color:#24438a; border:#ededed 1px solid; padding:5px; line-height:15px}
.table_styleMF td{ background:#fff; border:#ededed 1px solid; line-height:20px; padding:7px;}
.table_styleMF .textLeft { text-align:left}

.textLeft { text-align:left}
.table_styleMF input { vertical-align:middle; line-height:25px; margin-right:3px}
.FS_big { font-size:14px; line-height:16px; background:#F7F7F7}

/*결제내역 등 표스타일*/
.table_styleMD_1 { width:100% ;position:relative;}
.table_styleMD_1 th{ background:#95a4c9; border-bottom:#a5b1ce 2px solid; border-left:#a5b1ce 1px solid; border-right:#a5b1ce 1px solid; color:#fff; padding:5px 0 0px 0; height:30px; line-height:15px}
.table_styleMD_1 td{ background:#fff; border:#e3e3e3 1px solid; line-height:13px; padding:7px 5px; text-align:center}
.table_styleMD_1 thead {border-bottom:#e3e3e3 solid 1px; margin-bottom:1px}

/*탭스타일*/
.tabStyle { width:100%; border-bottom:#e3e3e3 solid 3px; position:relative; clear:both; margin:10px 0;height:29px; font-weight:bold; text-align:center;}
.tabStyle .tab01 a{ border:#e3e3e3 solid 1px; padding:0px 10px; min-width:100px; height:29px;line-height:29px;  margin:0; color:#7F7F7F;position:relative; display:block; float:left}
.tabStyle .tab01_on a{border:#5a5a5a solid 1px; background:#5a5a5a; padding:0px 10px;min-width:100px;height:29px; line-height:29px;   margin:0; color:#fff;position:relative;display:block; float:left}
.tabStyle .tab01 a:hover{border:#5a5a5a solid 1px; background:#5a5a5a; padding:0px 10px;min-width:100px;height:29px; line-height:29px;   margin:0; color:#fff;position:relative;display:block; float:left;text-decoration: none}

/*내강의실 학습하기 탭 body에 3번있음*/

.lec_tab4 {clear:both; height:45px; margin-top:20px;  }
.lec_tab4 li { float:left; text-align:center}
.lec_tab4 a:hover {border:#00a2ff solid 1px;  background:#fff; display:inline-block ;height:32px; line-height:35px; width:160px; color:#00a2ff;  text-decoration: none}
.lec_tab4 a {border:#c3c3c3 solid 1px; display:inline-block;height:32px; color:#7e7e7e; width:160px; line-height:35px; font-weight:bold } 

.lec_tab4 .lec_tab_on:first-child { width:160px;} 
.lec_tab4 .lec_tab_on { border:#00a2ff solid 1px;  background:#fff; display:inline-block ;height:32px; line-height:35px; width:160px; color:#00a2ff;  text-decoration: none}
.lec_tab4 .lec_tab_on a:hover{ border:#00a2ff solid 1px;  background:#fff; display:inline-block ;height:32px; line-height:35px; width:160px; color:#00a2ff;  text-decoration: none}

/**/
.selectBox { background:#f6f6f6; border:1px #e7e7e7 solid; padding:7px 20px 0px 20px; height:35px; position:relative; overflow:hidden;vertical-align:middle; clear:both}
.selectBox span { float:left}
.titlename1 { line-height:30px; padding-right:10px}
.titlename { font-size:14px; padding:4px 5px 3px 5px; font-weight:bold; background:#FFF; width:400px; overflow:hidden;float:left;vertical-align:middle }
.reportimg { float:left; vertical-align:middle;padding:1px 3px 1px 3px;  }
.titleSelect {display:block; float:right }
.titleSelect select { padding:3px}

/*박스스타일*/
.box_st01 { background:#f6f6f6; border:1px solid #e7e7e7; padding:20px; overflow:hidden; clear:both }
.box_st02 { background:#f7f7f7; border:2px solid #e7e7e7; padding:20px; overflow:hidden; clear:both }

/*학습현황표*/
.table_A {width:340px}
.table_A th { background:#edf2fa; color:#666; border:#e6e6e6 solid 1px}
.table_A td { background:#FFF; padding:6px; line-height:20px; border:#e6e6e6 solid 1px}
.per_box01 { width:175px; height:18px; background:#f8f8f8  }


.table_B {width:340px}
.table_B th { background:#6fc1d8; color:#fff; border:#e6e6e6 solid 1px; padding-top:3px}
.table_B td { background:#FFF; padding:3px; line-height:20px; border:#e6e6e6 solid 1px; text-align:center}
.table_B .st_b {background:#4d83aa}

.textguide { clear:both}

.text_c01 { color:#ff8d8d; font-weight:bold}
.text_c02 { color:#75c896; font-weight:bold}
.text_c03 { color:#6f94d8; font-weight:bold}
.text_c04 { color:#F00; font-weight:bold;}

.table_left { float:left}
.table_right { float:right}



.study_end { background:#c1c1c1; height:17px; line-height:20px; color:#FFF; font-size:11px }
.study_ing { background:#5c7ab1; height:17px; line-height:20px; color:#FFF; font-size:11px }

/*출석관련안내표*/
.table_C {width:100%}
.table_C th { background:#6c6c6c; color:#fff; border:#e6e6e6 solid 1px; line-height:25px; text-align: center;}
.table_C td { background:#FFF; line-height:20px; border:#e6e6e6 solid 1px; text-align:center; padding:3px 20px}
.table_C .chasi {background:#f5f9fd }
.table_C .throw { background:#F0F0F0; font-weight:normal; color:#333}
.table_C .tdleft  { text-align:left }



.examName {color:#2b488a; padding:3px 5px; height:18px;  font-weight:bold; margin-bottom:3px; font-size:13px}
.comment_line {border-bottom:#e6e6e6 solid 1px; padding:5px 0}
.comment_line img { vertical-align:middle}



.mac_guide{ background:#f7f7f7; padding:10px 15px}
.btn_mac { padding:5px 15px; background:#81bbff; font-weight:bold; color:#fff; height:25px; border:0px }
.btn_mac_1 { padding:5px 10px; background:#f5f5f5; font-weight:bold; color:#666; height:23px; border:0px; vertical-align:middle }

.MAC_table {width:100%}
.MAC_table th { background:#f5f5f5; border:#e6e6e6 solid 1px; padding:10px; font-weight:normal; line-height:30px}
.MAC_table td { background:#FFF;  line-height:20px; border:#e6e6e6 solid 1px; text-align:left; padding:5px 10px;}
.MAC_table .input_st {height:22px; vertical-align:middle; margin-right:3px}
.MAC_table .tit { width:100px; font-weight:bold}

/*성적보기 팝업스타일*/

.pop_table  {width:100%}
.pop_table th { background:#f6f6f6; border:#ebebeb solid 1px; padding:3px 0px 0px 0px ; font-weight:normal; line-height:16px}
.pop_table  td { background:#fff; border:#ebebeb solid 1px; padding:3px 0px 0px 0px; font-weight:normal; line-height:16px; text-align:center}
.pop_table .left_t { text-align:left}

.pop_table2  {width:100%}
.pop_table2 th { background:#e3f1fe; border:#ebebeb solid 1px; padding-top:5px; line-height:19px; color:#155697}
.pop_table2  td { background:#fff; border:#ebebeb solid 1px; padding-top:5px; font-weight:normal; line-height:19px; text-align:center}
.pop_table2 .left_B {background:#f6f6f6; font-weight:bold}

.pop_id_bar { width:100%; background:#F6F6F6; text-align:right; padding-top:5px}
.pop_id { font-weight:bold; padding-right:40px;}


.table_styleMD_pop { width:100% ;position:relative;}
.table_styleMD_pop th{ background:#95a4c9; border-bottom:#a5b1ce 2px solid; border-left:#a5b1ce 1px solid; border-right:#a5b1ce 1px solid; color:#fff; padding:0px 0 0px 0; height:30px; line-height:15px}
.table_styleMD_pop td{ background:#fbfbfb; border:#e3e3e3 1px solid; line-height:13px; padding:0px; text-align:center}
.table_styleMD_pop thead {border-bottom:#e3e3e3 solid 1px; margin-bottom:1px}



.stPass { background:url(../lectureroom/images/attend_o.gif) repeat !important; }
.stFail { background:url(../lectureroom/images/attend_x.gif) repeat !important; }


/*시험창*/
.exam_maintitle {font-family:'notokr-bold'; color:#000; font-size:26px;}
.exampaper { padding:10px 20px; width: 860px; margin: auto; border: 1px solid #ddd; overflow: hidden;}
.exampaper_bar { display:block; margin-bottom:10px; margin-top:0px;}
.table_wrap { position:relative; clear:both; overflow:hidden	}
.exam_table_left   {position:relative; width:602px; float:left; margin-right:20px; margin-bottom:10px;}
.exam_table_right  {position:relative; width:217px;  float:left; height:55px; margin-bottom:10px; padding:13px 0 0 20px; box-sizing:border-box; border:#000 solid 1px; background:#FF6}
.exam_table_right img { margin:auto; text-align:center;} 
.exampaper_left  {width:560px; height:650px; padding:30px 20px; border:1px solid #CCC; float:left; margin-right:20px; overflow-y:scroll}
.exampaper_right {width:179px; height:650px;padding:30px 18px;  border:1px solid #CCC; background:#f3f3f3; position:relative;  float:left}
.exampaper_right p{ margin-bottom:10px;}

.exampaper_little { width:600px}

.exampaper_table { width:100%; font-size:12px !important; }
.exampaper_table th{ background:#f3f3f3; border:1px #CCCCCC solid; padding:5px 0; font-size:12px}
.exampaper_table td{ background:#fff; border:1px #CCCCCC solid; padding:2px 7px; text-align:left; font-size:12px}
.exampaper_table2 { width:100%; font-size:12px !important}
.exampaper_table2 th{ background:#f3f3f3; border:1px #CCCCCC solid; padding:11px 4px;font-size:12px}
.exampaper_table2 td{ background:#fff; border:1px #CCCCCC solid; padding:11px 7px; text-align:left; font-size:12px}
.time_count{ font-family:'notokr-regular'; color:#F00; font-size:16px; }
.ex_box { border:1px solid #CCC; padding:10px; background:#f7f3ef }


.ex_skinLayer {display:block;position:absolute;width:900px;left:50%;top:0px; z-index:10; background:#CCC; margin:0px 0 0 -450px; padding-top: 34px;}

.quiz_font_box img{ display:inline-block; vertical-align:middle}
.quiz_font_box input {display:inline-block;}

.question { background:#c5d8e9; font-family:'맑은 고딕'; font-size:12px;border:#c6c6c6 solid 1px; display: flex ;  align-items: center;} 
.question_01 { width:74px; text-align:center; vertical-align:middle; display:inline-block; font-weight:bold} 
.question_02 { background:#467bb7; width:439px;  vertical-align:middle;display:inline-block;color:#fff;  padding:10px 20px 10px 10px;font-weight:bold}
.question_03 { background:#fff; color:#000; width:362px; vertical-align:middle;display:inline-block; padding:10px 20px 10px 10px;}
.question_04 { background:#467bb7; width:439px;  vertical-align:middle;display:inline-block;color:#fff;  padding:10px 20px 10px 10px;font-weight:bold}


.question_num {font-family:'맑은 고딕'; font-size:12px; position:relative; border:#F00 solid 1px; padding:10px; margin-top:2px; margin-bottom:20px; color:#000} 
.question_num td{font-size:12px;} 
.question_num li { padding:7px;}
.question_num .numchek { float:left; position:relative; height:35px; vertical-align:middle; display:block}
.question_num input[type="radio"]{vertical-align:middle; margin-bottom:2px; margin-left:5px}

.MiNiquestion_num  {font-family:'맑은 고딕'; font-size:12px; position:relative; border:#F00 solid 1px; padding:10px; margin-top:2px; margin-bottom:20px; color:#000} 
.MiNiquestion_num input[type="radio"]{vertical-align:middle; margin-bottom:2px; margin-left:35px}

.quiz_list input[type="checkbox"]{vertical-align:middle; margin-right:5px;  padding:2px; }
.quiz_list  .intput {vertical-align:middle; margin-right:5px; height:16px;  padding:3px; display:inline-block !important; clear:both}


.quiz_list td { padding:5px 0px; vertical-align:top; font-family:'맑은 고딕'}

.card_table  { margin:0px; float:left;margin-left:5px; width:36px;}
.card_table th { background:#666; color:#fff; line-height:35px ; border:1px solid #505050;  width:36px}
.card_table td { text-align:center; border:1px solid #c9c9c9; line-height:30px; font-weight:bold }

.card_table_A  { margin:0;float:left;  width:48px}
.card_table_A th { background:#f85757; color:#fff; line-height:35px ; border:1px solid #d64444;  width:36px}
.card_table_A td { text-align:center; border:1px solid #c9c9c9; line-height:30px; color:#f30000; background:#ffe3e3; font-size:15px; font-family:'notokr-bold';  }

.card_table_A input { font-weight: bold; color: #ff0000;}

.card_table_B  { margin:0;float:left; margin-right:5px;  width:36px}
.card_table_B th { background:#ea7900; color:#fff; line-height:35px ; border:1px solid #c96800;  width:36px}
.card_table_B td { text-align:center; border:1px solid #c9c9c9; line-height:30px; color:#e44d00 ;font-size:15px; font-family:'notokr-bold';}

.exam_submit {position:relative; padding:17px 0; height:83px; margin-top:0px; text-align:center ; border:1px solid #d4d4d4; box-sizing:border-box}
.exam_submit img { cursor:pointer}

.btn_exam { position:relative; padding-top:20px; text-align:center ; border:1px solid #376190; height:50px;}
.btn_exam img { margin-bottom:5px}

.btn_exam2 { position:absolute; bottom:80px; left:23px}

.btn_juSave  { display:inline-block;color:#fff;  background:#F33; height:24px; width:40px; border:0; }
a:link.btn_juSave  { display:block;color:#fff;  background:#F33; height:24px;width:40px;border:0; }
a:hover.btn_juSave  {text-decoration:none}

.miniexampaper {padding:30px 20px; border:1px solid #CCC;}

.correct { background:#fff; width:531px; font-family:'굴림'; font-size:12px;border:#e7e7e7 solid 1px; clear:both ; min-height:33px; position:relative; overflow:hidden; padding:5px} 
.correct_01 { background:#fff; width:75px; text-align:center; vertical-align:middle; display:inline-block; font-weight:bold ;padding:5px 0px 0px 0px; height:25px; float:left;} 
.correct_02 { background:#fff;width:254px;  vertical-align:middle;display:inline-block;padding:10px 20px 0px 10px; font-weight:bold;float:left; line-height:15px; position:relative}
.correct_03 { position:absolute; right:10px; top:7px;}

.exam_comment { display:block; clear:both; font-size:11px; color:#F00; padding-top:10px;}
.exam_comment img { cursor:pointer}


/* 쪽지시험 */
.miniexampaper_wrap { padding:10px 20px; width: 560px; margin: auto;  overflow: hidden;}

/*과제*/
.taskpaper { width:760px; padding:10px 20px}
.task_wrap {  padding:20px 20px; border:1px solid #CCC; margin-top:20px; }
.task_table { width:98%; font-size:14px}
.task_table thead {border-top:2px #4e81bb solid;}
.task_table th{ background:#f3f3f3; border:1px #CCCCCC solid;  padding:5px 4px; line-height:20px;}
.task_table td{ background:#fff; border:1px #CCCCCC solid; padding:5px 7px;line-height:20px; text-align:left}
.task_table .task_table_h { width:98%; height:70px; vertical-align:top; overflow-y:scroll}

.task_question { background:#467bb7; color:#fff; border-bottom:#396190 solid 1px; padding:10px 20px; width:94%;font-weight:bold}
.task_file { border:1px solid #CCC; padding:10px; width:693px; text-align:center; margin-top:5px }
.task_file input { border:0px solid #CCC; }

.task_file_btn_box {margin:auto; display:block; width:100%; text-align:center; margin-top:20px;} 
.task_file_button {width:150px;  height:35px; font-size:16px;font-family:'notokr-bold';  border-radius:3px; border:0px; background:#245bad; color:#fff; cursor:pointer; text-align:center; margin:auto} 

.tex_under { text-decoration:underline; font-weight:bold; color:#C00}

.task_pop { -webkit-box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 0px;
	border:5px solid #999; padding:0px 0 0px 0; width:700px;
	font-size:13px;
	
	}

.task_pop_tit {width:100%; background:#4B4B4B; color:#FFF; height:60px; line-height:60px; font-size:25px; text-align:center; vertical-align:top; margin:0}
.task_body {width:90%; margin:auto; padding:30px 0;}
.task_pop_bottom {width:100%; background:#F6F6F6; line-height:30px; font-size:25px; padding:20px 0; text-align:center; vertical-align:top; margin:0}


.btn_close_hw {position: absolute; right: 10px; top: 25px;}

/*버튼*/
a:link.Nbtn_study { display:block; background:#4069B3; height:25px; line-height:25px; margin:auto; text-align:center; color:#fff;  border-right:1px solid #1c386d; border-bottom:1px solid #1c386d; border-top:1px solid #6a8dcd; border-left:1px solid #6a8dcd;}
a:hover.Nbtn_study  {background:#284c8d; color:#fff;text-decoration:none; }
a:visited.Nbtn_study {background:#4069B3; color:#fff;text-decoration:none;}

.Nbtn_study_off {display:block; background:#6f6f6f; height:25px; line-height:25px;  margin:auto; text-align:center; color:#fff;  border:1px solid #b9b9b9;  font-family:'Dotum' !important; font-size:12px;} 
a:Nbtn_study_off {display:block; background:#6f6f6f; height:25px; line-height:25px;  margin:auto; text-align:center; color:#fff;  border:1px solid #b9b9b9;    font-family:'Dotum' !important; font-size:12px;} 


.Nbtn_study2 { display:block; background:#54bcc5; height:25px; line-height:25px;  margin:auto; text-align:center; color:#fff;  border-right:1px solid #24919a; border-bottom:1px solid #24919a;  border-left:1px solid #49a1a8; border-top:1px solid #49a1a8; border-radius:0px;  font-family:'Dotum'; font-size:12px; }
a:link.Nbtn_study2 { display:block; background:#127C8B; height:25px; line-height:26px;  margin:auto; text-align:center; color:#fff;  border-right:1px solid #127C8B; border-bottom:1px solid #24919a;  border-left:1px solid #49a1a8; border-top:1px solid #49a1a8; border-radius:0px;  font-family:'Dotum';font-size:12px; }
a:hover.Nbtn_study2  {background:#fff; color:#127C8B; text-decoration:none; }
a:visited.Nbtn_study2 {background:#fff; color:#127C8B;text-decoration:none;}


.btnsize_70 { width:70px}
.btnsize_100 { width:100px}


/*증명서발급*/

.certificate  { width:100%; min-height:960px; margin:auto; margin-top:10px;  box-sizing:border-box; padding:20px 20px; font-size:12px;}
.certificate .bgimg01 { width:650px; height:960px; margin:auto;  border:3px solid #000; box-sizing:border-box; padding:30px 50px; position:relative }
.certificate .bgimg02 { width:650px; height:960px; margin:auto;  border:3px solid #000; border-radius:20px; box-sizing:border-box; padding:30px 50px; position:relative }
.lec_headtitle {font-family:'Batang'; font-size:40px; font-weight:700; letter-spacing:10px; text-align:center; padding-top:40px; }
.lec_headtitle2 {font-family:'Batang'; font-size:50px; font-weight:bold; letter-spacing:10px; text-align:center; padding-top:50px; padding-bottom:20px; }
.tableinfo01 { width:100%; padding:60px 0px 30px 0px; box-sizing:border-box;}
.tableinfo02 { width:100%; padding:20px 0px 10px 0px; box-sizing:border-box; clear:both; text-align:center}
.tableinfo03 { width:550px; padding-top:20px ; text-align:center; font-weight:bold; font-size:15px; margin:auto }
.stamp {width:100%;   margin:auto; width:350px; text-align:center; position:absolute; left:150px; bottom:50px; }
.tableinfo04 { width:100%; padding:0px 0px 0px 0px; box-sizing:border-box;position:absolute; left:10px; bottom:0; font-size:11px; }
.diploma_bg { position:absolute; z-index:-1; top:30px; left:70px;}

.certificate th { text-align:center; font-size:12px; background:#E4E4E4; padding:3px 0px;}
.certificate td { text-align:center; font-size:12px; padding:2px 0;}

.cert_pop { padding:20px 30px 80px 30px ; font-size:12px !important; }
.cert_pop table{ font-size:12px !important; }
.cert_pop_btn_wrap { width:100%;  position:fixed; bottom:0; background:#FFF; padding:10px 0;}

.tabletitle01 {letter-spacing: -0.5px; width:50px; display: inline-block; font-weight: bold}

.certificate .bgimg01_01 { width:100%; margin:auto;   box-sizing:border-box; padding:30px 0px; position:relative }
.tableinfo01_01 { width:100%; padding:0px; box-sizing:border-box; margin-bottom:20px;}
.tableinfo03_01 { clear:both; position:relative}
.tableinfo04_01 { width:100%; padding:5px; box-sizing:border-box; position:absolute; left:10px; bottom:0; font-size:11px; border:1px solid #CCC }
.cert_t_left {float:left; display:inline-block; min-height:570px; border:#CCC 1px solid; width:100%}
.cert_table { width:100%; }
.cert_table th{ background:#E4E4E4; border:#CCC 1px solid; }
.cert_table th:first-child{ border-left:0px; }
.cert_table th:last-child{ border-right:0px; }
.cert_table td{ padding:2px; border:#CCC 1px solid;}
.cert_table td:first-child{ border-left:0px; }
.cert_table td:last-child{ border-right:0px; }
.cert_table tfoot { background:#FFD; font-weight:bold}
.cert_table_bg1 { background:#edf8ff; } 
.cert_table_title {}
.stamp_01 { margin:auto; width:350px; text-align:center; }




.training_t01 {width:100%; padding:60px 30px 30px 30px; box-sizing:border-box;}

.training_t01 table th{ font-size:16px; background:#FFF; text-align:justify; text-justify:inter-word}
.training_t01 table td{ font-size:16px; text-align:left}
.training_t02 { width:100%; padding:120px 25px 50px 25px; box-sizing:border-box; font-size:17px; font-weight:bold}



/*페이지 진도 팝업*/

.pageR_headtitle { color:#000; font-size:17px; padding:20px 15px 0px 15px; font-weight:bold; text-align:center  }

.pageR_wrap { padding:20px;}
.pageR_table th{ padding:5px; background:#32a1ab; color:#FFF; border:#CCC  solid 1px;}
.pageR_table thead { border-bottom:2px solid #000}
.pageR_table td{ padding:5px; text-align:center ;border:#CCC  solid 1px; background:#fff;}




/*맥어드레스 등록*/


.new_mac_wrap_all { width:765px; margin:auto; border:#DDD solid 1px; padding:30px; background:#033; position:relative; height:670px;}

.new_mac_wrap_all_aa { width:765px; margin:auto; border:#DDD solid 1px; padding:30px; background:#fff; position:relative; height:670px;}

.mac_box { clear:both}

.new_mac_guide_box { padding:15px 0px; line-height:19px;}
.new_mac_title { background:url(/images/lectureroom/icon_s03.png) no-repeat ; padding-left:30px; height:30px; font-size:20px; font-weight:bold}

.new_mac_step01 { border:#dddddd solid 2px; width:765px; position:relative}
.new_mac_step01 td { padding:10px 20px;border: #DDD solid 1px}
.td_guideT { background:#f3f3f3}

.new_mac_btn { padding:2px; height:15px;}
.new_mac_step01 input { height:28px; background:#fbfbfb} 
.new_mac_step01 img { vertical-align:middle}

.new_macpc_btn { padding:2px; width: 100px;  height:35px;}
.macAdd_box {padding: 20px; height: 35px; line-height: 35px; background: #4274cd; color: #FFFFFF; font-weight: bold}
.macAdd_box2 {padding: 20px; height: 35px; line-height: 35px; background: #4274cd; color: #FFFFFF; font-weight: bold; text-align: center}

.new_mac_t_bold { font-weight:bold; color:#C00;}
.new_mac_t_bold_b { font-weight:bold; color:#C00; font-size:15px;}

.new_mac_step01 .table_center { text-align:center}
.mac_btn_wrap { width:420px; margin:auto; margin-top:20px;}

.btn_wrap_plan { padding-top:20px;}
.joinplan_head {  background:#333; color:#fff; width:100%; height:50px; line-height:50px; text-align:center }
.joinplan_head h1 {;font-family:'NanumSquareB'; font-size:20px;}
.joinplan_table { width:95%; margin:auto}
.poptitle { padding:20px 0 10px 0; font-size:16px; font-weight:bold}




/* skipNavi */
#skipNavi {position:absolute;top:-100px;z-index:10000;width:98%;}
#skipNavi li {float:left;width:100%;position:absolute;top:0;left:0;}
#skipNavi a {overflow:hidden;text-align:center;color:#fff;} 
#skipNavi a:focus, 
#skipNavi a:active {position:absolute;top:100px;left:0;height:auto;width:100%;margin-bottom:10px;padding:5px;font-weight:bold;background:#d2d2d2;color:#000;}


.btn_training {font-size:12px; background:#e60000; height:30px;border-radius:50px; padding:0 10px; line-height:30px; color:#fff ; float:left; margin-left:10px; margin-right:10px;  font-family:'dotum'; }
.btn_training a{ color:#fff}



a.btn_training {position:absolute; left:0; bottom:0px; width:165px; height:28px; line-height:28px; background:#f9c44f ; color:#000;display:inline-block; font-size:15px ; border-radius:50px; border:#f1ac14 solid 1px; }
a:link.btn_training { width:165px; height:28px; line-height:28px; background:#f9c44f ; color:#000;display:inline-block; }
a:hover.btn_training { background:#f1ac14 ; color:#fff }

a.btn_training img { margin-right:5px}


.guide_box4 {border:2px solid #f90000; padding:10px 30px 20px 20px; font-size:14px; line-height:20px; margin:20px 0; position:relative}
.guide_box4 ul { margin:10px 20px 20px 0;}
.guide_box4 li { list-style-position:outside; list-style-type:decimal}


/*수강료 환불 신청서*/

.refund_head {font-size:25px; font-weight:bold; text-align: center ;font-family:'NanumSquareEB' !important ; margin-bottom: 20px; background: #DDDDDD; border:1px solid #000; padding: 5px 0} 

.refundForm_wrap  { width:100%; min-height:960px; margin:auto; margin-top:10px;  box-sizing:border-box; padding:20px 20px; font-size:12px;}
.refundForm_wrap .bgimg01 { width:650px; height:960px; margin:auto;  border:0px solid #000; box-sizing:border-box; padding:30px 10px; position:relative }

.refundForm_wrap .tdleft { text-align:left !important; padding-left: 10px;}
.cert_table2 { width:100%; }
.cert_table2 th{ background:#E4E4E4; border:#7B7B7B 1px solid; padding: 5px }
.cert_table2 td{ padding:2px; border:#7B7B7B 1px solid; text-align: center}
.cert_table2 tfoot { background:#FFD; font-weight:bold}

.cert_table2_1 {border:#7B7B7B 0px solid;}

.cert_table2_1 th{ background:#E4E4E4;border-bottom:#7B7B7B 1px solid;border-left:#7B7B7B 1px solid; border-right:#7B7B7B 1px solid; padding: 3px }
.cert_table2_1 td{ padding:2px; border-bottom:#7B7B7B 1px solid; border-left:#7B7B7B 1px solid; border-right:#7B7B7B 1px solid; text-align: center} 

.refundForm_wrap .stamp2 {width:100%;   margin:auto; width:350px; text-align:center; position:absolute; left:150px; bottom:0px; }

.gisuyear_wrap { position: absolute; right:3px; top:15px }
.gisuyear_wrap select { padding:3px 10px ; float: left;}

a.btn_go2{font-size:13px; background:#C8C8C8; height:24px;border-radius:1px; padding:2px 10px; line-height:23px; color:#333 ; float:left; margin-left:2px; }

.tabs_bar { position: relative}


.st_label {position: relative; width:100%; height: auto}

/* 현장실습서류접수 */

.practice_head { background:#126345;  font-family: 'EliceDXNeolli-M';   font-size:23px; color: #fff; text-align: center; padding: 20px 0;}
.practice_head .practice_title { font-size:20px; }

.practice_app_head {padding:10px; width:97%;background:#333;color:#fff;margin:auto;font-family:'NanumSquareB';font-size:18px;position:relative}


.practice_body { width: 100%; padding: 30px; box-sizing: border-box; margin-bottom: 100px; position: relative;}
.practice_title2 {font-size:17px; font-family: 'Pretendard-B';}
.practice_title2 span{color:var(--red1)}
.practice_h2 {font-family: 'EliceDXNeolli-M'; font-size: 23px; font-weight: normal; margin-top: 35px; margin-bottom: 10px;}
.practice_h2::before {content:'●'; font-size: 13px; padding-right: 5px; color: #035575;}

.practice_view_h2 {font-family: 'EliceDXNeolli-M'; font-size: 20px; font-weight: normal; margin-top:25px; margin-bottom: 10px;}


.document_wrap { display: flex;justify-content: space-between;}
.document_box01, .document_box02, .document_box03, .document_box04, .document_box05 { width: 25%; display: flex; flex-direction: column;justify-content: space-around;;align-items: center; padding: 15px; border-radius: 55px; font-size: 17px; margin: 3px; height: 120px;}
.document_box01 {background: #f9f6ff;}
.document_box02 {background: #eefbf7;}
.document_box03 {background: #eff6ff;}
.document_box04 {background: #fff2f3;}
.document_box05 {background: #eff7e2; letter-spacing: -1px;}
.document_icon_out   {width: 85px; height: 23px; line-height: 23px; text-align: center; font-size: 14px; border-radius: 50px; border: 1px solid #000; background: #fff;}
.document_icon_ing   {width: 85px; height: 23px; line-height: 23px; text-align: center; font-size: 14px; border-radius: 50px; background: #00a954; color: #fff;}
.document_icon_back  {width: 85px; height: 23px; line-height: 23px; text-align: center; font-size: 14px; border-radius: 50px; background: #ff001e; color: #fff;}
.document_icon_in    {width: 85px; height: 23px; line-height: 23px; text-align: center; font-size: 14px; border-radius: 50px; background: #0090e3; color: #fff; }
a.btn_pr_write {width: 85px; height: 25px; line-height: 25px; text-align: center; font-size: 15px; border-radius: 5px; background: #000000; color: #fff; display: block; box-shadow:#b3b3b3ee 1px 1px 1px 1px;margin: auto;;}
a.btn_pr_write_r {width: 85px; height: 25px; line-height: 25px; text-align: center; font-size: 15px; border-radius: 5px; background: #ff001e; color: #fff; display: block; box-shadow:#b3b3b3ee 1px 1px 1px 1px; margin: auto}
a.btn_pr_view {width: 85px; height: 23px; line-height: 23px; text-align: center; font-size: 15px; border-radius: 5px; background: #ffffff; color: #06C; display: block; box-shadow:#b3b3b3ee 1px 1px 1px 1px; border: 1px solid #06C;margin: auto}
.table_td_title { font-size: 16px !important; text-align: left !important;}

.profile01_wrap  {display: flex; }
.my_photo { width: 150px; background: #eee;border: 1px solid #a7a7a7;}

.practice_table th{ border: 1px solid #a7a7a7; padding: 7px;background: #dadada; font-size: 13px; font-weight: normal;font-family: 'EliceDXNeolli-m'; }
.practice_table td{ border: 1px solid #a7a7a7; padding: 7px; font-size: 13px; text-align: center; }
.title_left {text-align: left !important;}
.h2_view_title { border: 1px solid #a7a7a7; margin: auto; text-align: center; padding: 10px 20px; background: #dadada;  font-family: 'EliceDXNeolli-L';  } 




.txt_box { border: 1px solid #a7a7a7; padding: 15px;}
.txt_box_2 { display: flex; align-items: stretch;}
.txt_box_2 .txt_box { border: 1px solid #a7a7a7; padding: 15px; width: 50%;}
.data_wrap {margin-top: 30px;margin-bottom: 10px;  font-size: 15px; text-align: right;}

.practice_form_table {width: 100%;}
.practice_form_table th{ border: 1px solid #cacaca; padding: 7px;background: #d8d8d8; font-size: 13px; font-weight: normal;font-family: 'EliceDXNeolli-m'; }
.practice_form_table td{ border: 1px solid #cacaca; padding: 7px; font-size: 14px; text-align: left; }
.practice_form_table .btn_id_search3 { display: inline-block; height: 31px ; line-height: 31px; background: #000; color: #fff; padding: 0 10px; margin-left: 3px; border-radius: 5px; }
.practice_form_table input[type="checkbox"] { width: 15px; height: 15px; margin: 0;}
.practice_table input[type="checkbox"] { width: 15px; height: 15px; margin: 0;}
.practice_form_table input { padding: 2px; border-radius: 5px; height: 25px; margin: 0; color:#000;}	
.practice_form_table select	{ padding: 2px; border-radius: 5px; height: 31px; margin: 0;}	
.practice_form_table .st_admin {border: 0; background: none;}

.userzip_wrap { display: flex; padding-bottom: 3px;}
.txt_box textarea { border: 0; width: 100%; min-height: 60px; padding: 2px; border-radius: 5px; background:#eeeeee ; box-sizing: border-box; color: #000;}
.bottom_bar {position: fixed; bottom: 0; width: 100%; height: 70px; background: #ececec; z-index: 5; display:flex; justify-content: center; align-items: center; box-shadow:#b3b3b3 1px -2px 10px ; border-top: 1px solid #bdbdbd;}

a.btn_temporary_save { padding: 0 30px; height: 35px; line-height: 35px; color: #ffffff; background: #000000; display: block; 
box-shadow:#727272 2px 1px 3px; margin: 0 2px;}
a.btn_submit {  padding: 0 30px; height: 35px; line-height: 35px; color: #fff; background: #c50000; display: block; box-shadow:#727272 2px 1px 3px; margin: 0 2px;}
.btn_submit {  padding: 0 30px; height: 35px; line-height: 35px; color: #fff; background: #c50000; display: block; box-shadow:#727272 2px 1px 3px; margin: 0 2px; font-size: 14px;}
a.btn_pop_close { padding: 0 30px; height: 35px; line-height: 35px; color: #fff; background: #646b7c; display: block; box-shadow:#727272 2px 1px 3px; text-align: center; margin: 0 2px;}
a.btn_return { padding: 0 30px; height: 35px; line-height: 35px; color: #fff; background: #000; display: block; box-shadow:#727272 2px 1px 3px; text-align: center; margin: 0 2px;}
.btn_return { padding: 0 30px; height: 35px; line-height: 35px; color: #fff; background: #000; display: block; box-shadow:#727272 2px 1px 3px; text-align: center; margin: 0 2px;}
.btn_upd_term { padding: 0 20px; height: 35px; line-height: 35px; color: #fff; background: #000; display: block; box-shadow:#727272 2px 1px 3px; text-align: center; margin: 0 2px;}
.return_input {height: 35px; line-height: 35px; border-radius: 3px ; padding: 0;}
.file_guide { background: #fcffd0 ; color: #c50000; font-size: 13px; }
.practice_guide_box {padding: 5px; font-size: 13px;}
.practice_guide_line { padding: 20px ; border: 1px solid #cacaca; font-size: 13px}
.practice_guide_line .headtitle { background: ; font-size: 18px;}
.practice_guide_line  li {list-style-position: outside; padding: 5px 0; }
.practice_guide_line  ol {padding-left: 20px;}
.frame_line { padding: 37px ; border: 1px solid #cacaca; line-height: 18px;}

.bottom_agree_bar {position: fixed; bottom: 0; width: 100%; height: 150px; background: #ececec; z-index: 5; display:flex; justify-content: center; align-items: center; box-shadow:#b3b3b3 1px -2px 10px ; border-top: 1px solid #bdbdbd;}
.practice_agree_box { padding: 10px; display: flex; justify-content: center; }

.btn_certified { width: 200px; height: 40px; line-height: 40px; color: #fff; background: #06C; display: block; box-shadow:#727272 2px 1px 3px; margin: 0 2px; font-size: 16px; font-family: 'Pretendard-SB'; margin: auto ; margin-top: 10px; }

.btn_certified_end {width: 200px; height: 40px; line-height: 40px; display: block; background: #6f6f6f; color: #fff; margin: 0 2px; font-size: 16px; font-family: 'Pretendard-SB'; margin: auto ; margin-top: 10px;}
/* 워터마크 스타일 */
.watermark {
        position: fixed; /* 페이지 상단에 고정 */
        top: 50%; /* 화면 중앙에 배치 */
        left: 50%;
        transform: translate(-50%, -50%); /* 중앙 정렬 */
        
        
        pointer-events: none; /* 클릭 이벤트를 차단하여 페이지 내용에 영향을 미치지 않게 */
        max-width: 80%; /* 이미지 크기 제한 */
        max-height: 80%; /* 이미지 크기 제한 */
        z-index: -1;
}

.sign_wrap { position: relative ; }
.sign_name {text-align: right;     line-height: 27px;}
.master_sign { text-align: center; font-size: 18px; margin-top: 20px;} 

.btn_admin {margin-right:10px ; display: flex;}