.sub .header{width:100%; height:110px; background:url(../images/sub/bg_header.png) top center no-repeat; background-size:cover;}
.header_navi{position:absolute; top:55px; left:0px; width:100%; height:54px; border-top:1px solid #4d5558;}
.header_navi .page_tit{width:calc( 100% - 80px ); margin:0 auto; font-size:18px; font-weight:500; color:#fff; text-align:center; line-height:54px;}
.header_navi .page_tit a{position:absolute; top:17px; left:15px; display:inline-block; width:21px; height:13px; background:url(../images/sub/prev_page.png) 0 0 no-repeat; background-size:21px 13px;}

/* board_list */
.board{padding-bottom:50px;}
.board .search_box{overflow:hidden; height:40px; margin:20px 15px; border:1px solid #ddd; background:#fff; }
.board .search_box input[type="text"]{float:left; width:calc( 100% - 40px ); height:40px; background:none; text-indent:10px;}
.board .search_box .btn_search{float:left;width:40px; height:40px; background:url(../images/sub/btn_search.png) 50% 50% no-repeat; background-size:24px 24px;}
.board .tb_list{margin:0 15px; border-top:2px solid #111; border-bottom:1px solid #111;}
.board .tb_list li{padding:15px 15px 15px 0;; border-bottom:1px solid #ddd; background:url(../images/sub/arr_board.png) right 50% no-repeat; background-size:8px 12px;}
.board .tb_list li:last-child{border-bottom:0px;}
.board .tb_list li.nodata{text-align:center; padding:50px 0; background:none;}
.board .tb_list li a{display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:15px; font-weight:500;}
.board .tb_list li span{color:#777; font-size:13px; padding-right:10px;}
.board .tb_list li span + span{padding-left:11px; background:url(../images/sub/bullet_bar.png) 0 50% no-repeat; background-size:1px 10px;}
	.page_bar{margin:15px; text-align:center; height:30px;}
	.page_bar li{display:inline-block; vertical-align:top;}
	.page_bar li .page_prev_btn{width:30px; height:30px; margin:0 10px 0 0; background:url(../images/sub/page_prev.png) 0 0 no-repeat; background-size:30px 30px;}
	.page_bar li .page_number_btn{padding:0 4px; line-height:30px; color:#777;}
	.page_bar li .page_number_btn_on{padding:0 5px; line-height:30px; color:#ea5406; text-decoration:underline;}
	.page_bar li .page_next_btn{width:30px; height:30px; margin:0 0 0 10px; background:url(../images/sub/page_next.png) 0 0 no-repeat; background-size:30px 30px;}
	.page_bar li .page_first_btn{width:30px; height:30px; margin:0 10px 0 0; background:url(../images/sub/page_first.png) 0 0 no-repeat; background-size:30px 30px;}
	.page_bar li .page_last_btn{width:30px; height:30px; margin:0 0 0 10px; background:url(../images/sub/page_last.png) 0 0 no-repeat; background-size:30px 30px;}
	.page_bar li .page_margin{display:none;}
/* board_write */
	.txt_noti{margin:20px 15px; padding-left:25px; font-size:13px; line-height:1.5; background:url(../images/sub/ic_noti.png) 0 0 no-repeat; background-size:18px 18px;}
.board .tb_write{margin:20px 15px 0; padding-top:10px; border-top:2px solid #111;}
.board .tb_write table{}
.board .tb_write table th{text-align:left; font-weight:500; font-size:15px; padding:20px 5px 0; vertical-align:top;}
.board .tb_write table td{height:45px; padding:10px 0 10px 10px;}
.board .tb_write table td select{height:43px; width:100%; text-align:left; text-indent:10px; border:1px solid #ddd; box-sizing:border-box;}
.board .tb_write table td input[type="text"], .board .tb_write table td input[type="password"]{height:43px; width:100%; text-align:left; text-indent:10px; border:1px solid #ddd; box-sizing:border-box;}
.board .tb_write table td textarea{width:100%; padding:10px; height:200px; border:1px solid #ddd; box-sizing:border-box;}
.board .tb_write table td .inp_file{position:relative;}
.board .tb_write table td .inp_file input[type="text"]{margin-right:5px; width:calc( 100% - 112px ); height:40px; background:#fff; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #ddd;}
.board .tb_write table td .inp_file label{display:inline-block; width:100px; height:40px; line-height:40px; background:#666; color:#fff; cursor:pointer; text-align:center; vertical-align:middle;}
.board .tb_write table td .inp_file input[type="file"]{position:absolute; top:0px; left:0px; width:100%; height:40px; opacity:0;}
.board .tb_write .inp_txt{height:40px; line-height:40px; background:#fff; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #ddd; text-indent:10px;}
.board .btn_box{overflow:hidden; padding:20px 15px 0;}
.board .btn_box button{float:left; width:calc( 50% - 5px ); margin-bottom:5px;  height:40px; font-size:15px; font-weight:500;}
.board .btn_box button + button{margin-left:10px;}
/* board_read */
.board .tb_view{padding:0 15px;}
.board .tb_view .head{margin-bottom:20px;}
.board .tb_view .head .tit{margin-bottom:5px; font-size:17px; font-weight:500;}
.board .tb_view .head span{color:#777; font-size:13px; padding-right:10px;}
.board .tb_view .head span + span{padding-left:11px; background:url(../images/sub/bullet_bar.png) 0 50% no-repeat; background-size:1px 10px;}
.board .tb_view .view_box{padding:0px 0 20px; border-top:2px solid #111; border-bottom:1px solid #ddd; font-size:15px;} 
.board .tb_view .view_box .file_box{padding:11px 5px; border-bottom:1px solid #ddd; }
.board .tb_view .view_box .file_box a{display:block; padding-left:17px; background:url(../images/sub/bullet_down.png) 0 50% no-repeat; background-size:12px 11px; color:#666; font-size:13px; text-align:left;}
.board .tb_view .view_box .file_box a + a{}
.board .tb_view .view_box .view_cnt{margin:20px 0 30px;}
.board .tb_view .view_box .btns{text-align:center;}
.board .tb_view .view_box .btn_like{border:1px solid #ccc; padding:0 15px 0 45px; background:url(../images/sub/btn_like.png) 15px 50% no-repeat; background-size:21px 22px; line-height:42px; border-radius:30px;}
.board .tb_view .view_box .btn_like span{padding-left:5px; color:#f15a22; }
.board .tb_view dl{overflow:hidden; border-bottom:1px solid #ddd; background:#f9f9f9;}
.board .tb_view dl dt{float:left; padding:10px 0; width:70px; border-top:1px solid #ddd;}
.board .tb_view dl dd{float:left; padding:10px 0; width:calc( 100% - 70px ); border-top:1px solid #ddd;}

	/* 댓글영역 */
	.reply_box{border-top:8px solid #fafafa; }
	.reply_box .tit{padding:20px 15px 10px; border-top:1px solid #eee;}
	.reply_box .inp_reply{margin:0 15px; border:1px solid #ccc; background:#fff;}
	.reply_box .inp_reply textarea{width:100%; height:50px; padding:10px; border:0px; border-bottom:1px solid #eee; box-sizing:border-box; line-height:1.5;}
	.reply_box .inp_reply p{text-align:right; padding:5px;}
	.reply_box .inp_reply .btn_gray{width:52px; height:28px;}
	.reply_box .reply_list{margin-top:15px; }
	.reply_box .reply_list li{padding:15px 15px; border-top:1px solid #eee;}
	.reply_box .reply_list li:first-child{border-top:0px;}
	.reply_box .reply_list li .info{margin-bottom:5px;}
	.reply_box .reply_list li .info .name{color:#4c6fd7; margin-right:10px;}
	.reply_box .reply_list li .info .name.admin{padding-left:20px; background:url(../images/sub/ic_admin.png) 0 50% no-repeat; background-size:17px 18px;}
	.reply_box .reply_list li .info .time{font-size:12px; color:#666;}
	.reply_box .reply_list li .info button{height:22px; line-height:20px; padding:0 10px; margin-left:10px; background:#666; color:#fff;  vertical-align:top; font-size:13px;}
	.reply_box .reply_list li .reply_txt{margin-bottom:10px; font-size:15px; line-height:1.5; }
	.reply_box .reply_list li .count{font-size:13px;}
	.reply_box .reply_list li.reply_dp2{padding:5px 15px; background:#f9f9f9; border-top:1px solid #eee;}
	.reply_box .reply_list li.reply_dp2 ul{}
	.reply_box .reply_list li.reply_dp2 ul li{padding:15px 0px; border-top:1px solid #ccc;}
	.reply_box .reply_list li.reply_dp2 ul li:first-child{border-top:0px;}
	.reply_box .reply_list li.reply_dp2 ul li .inp_reply{margin:0px;}
	.reply_box .reply_list li.nodata{padding:100px 0 50px; text-align:center; background:url(../images/sub/nodata_reply.png) center 50px no-repeat; background-size:62px 48px;}
.board .answer_box{border-top:8px solid #fafafa;}
.board .answer_box .answer_info{position:relative; padding:15px; border-top:1px solid #eee;}
.board .answer_box .answer_info .name{padding-left:27px; font-size:15px; color:#567fc5; font-weight:500; background:url(../images/sub/ic_coment.png) 0 50% no-repeat; background-size:22px 16px;}
.board .answer_box .answer_info .time{margin-left:10px; font-size:13px; color:#666;}
.board .answer_box .answer_info .state{position:absolute; top:15px; right:15px; line-height:25px; padding:0 10px; font-size:13px; border:1px solid #86ae56; color:#86ae56; }
.board .answer_box .answer_info .state.blue{border:1px solid #365d9f; color:#365d9f; }
.board .answer_box .answer{margin:0 15px;padding:20px 0; border-top:1px solid #eee;  font-size:15px;}
.board .answer_box .file{margin:0 15px; padding:15px 0; border-top:1px dashed #eee;}
.board .answer_box .file a{display:inline-block; padding-left:7px; background:url(../images/sub/bullet_square.jpg) 0 50% no-repeat; background-size:2px 2px; text-decoration:underline;}
.board .answer_box .file a + a{margin-bottom:3px;}
.board .answer_box .answer_wait{padding-top:50px; text-align:center; background:url(../images/sub/ic_wait.png) center top no-repeat; background-size:28px 35px;}

/* qna */
.board .qna_list{}
.board .qna_list li{overflow:hidden; padding-right:0px; background:none;}
.board .qna_list li .state{float:left; width:37px; height:32px; padding-top:5px; border-radius:5px; border:1px solid #86ae56; color:#86ae56; font-size:13px; font-weight:500; text-align:center; line-height:1.1;}
.board .qna_list li .state.blue{border:1px solid #365d9f ;}
.board .qna_list li .qna{float:left; width:calc( 100% - 49px ); margin-left:10px;}
.board .btn_box .btn_write{display:inline-block; padding:0 15px; line-height:35px; border:1px solid #ea5406; color:#ea5406; }
.board .btn_box .btn_write i{display:inline-block; width:16px; height:16px; margin-right:5px; background:url(../images/sub/ic_write.png) 50% 50% no-repeat; background-size:16px 16px;}

/* faq */
.board .page_select{position:relative; margin:25px 15px 15px;}
.board .page_select .btn_select{display:block; height:50px; line-height:50px; font-size:17px; font-weight:500; color:#fff; text-align:left; background:#ea5406 url(../images/sub/select_arr.png) right 50% no-repeat; background-size:51px 50px; text-indent:10px;}
.board .page_select ul{position:absolute; top:51px; left:0px; width:100%; padding:10px 0; background:#ea5406;}
.board .page_select ul li{padding:5px 10px; }
.board .page_select ul li a{display:block; color:#fff; font-size:16px;}
.board .tb_faq{}
.board .tb_faq dl{margin:0 15px; border-top:2px solid #111; font-size:15px;}
.board .tb_faq dl dt{padding:15px 30px 15px 0px; background:url(../images/sub/folding_off.png) right 50% no-repeat; background-size:19px 10px; border-bottom:1px solid #ddd;}
.board .tb_faq dl dt i{display:inline-block; width:20px; font-size:16px; color:#d9413c; font-family:'Montserrat'; font-weight:500; vertical-align:top;}
.board .tb_faq dl dt a{display:inline-block; width:calc( 100% - 20px ); font-weight:500;}
.board .tb_faq dl dt.on{background:url(../images/sub/folding_on_black.png) right 50% no-repeat; background-size:19px 10px;}
.board .tb_faq dl dt.on a{color:#ea5406;}
.board .tb_faq dl dd{padding:15px 5px 15px 20px; border-bottom:1px solid #ddd; background:#f9f9f9;}
.board .tb_faq dl .nodata{text-align:center; background:none; padding:50px 0;}

/* mypage */
.mypage{padding-bottom:50px;}
.mypage .tab_menu{border-bottom:8px solid #fafafa;}
.mypage .tab_menu ul{}
.mypage .tab_menu ul li{float:left; width:50%;}
.mypage .tab_menu ul li a{display:block; border-bottom:3px solid #ddd; color:#999; font-weight:500; font-size:17px; line-height:45px; text-align:center;}
.mypage .tab_menu ul li a.on{color:#ea5406; border-color:#ea5406;}
.mypage .course_list{}
.mypage .course_list ul{border-bottom:1px solid #ddd;}
.mypage .course_list ul li{position:relative; padding:15px; border-top:1px solid #ddd;}
.mypage .course_list ul li .info{}
.mypage .course_list ul li .info .date{color:#999; }
.mypage .course_list ul li .info span + span{padding-left:7px;}
.mypage .course_list ul li .name{margin-bottom:3px; font-size:17px;}
.mypage .course_list ul li.nodata{padding:50px 0;}
.mypage .course_list ul li > span{color:#777; font-size:13px; padding-right:10px;}
.mypage .course_list ul li > span + span{padding-left:11px; background:url(../images/sub/bullet_bar.png) 0 50% no-repeat; background-size:1px 10px;}
.mypage .course_list ul li button{position:absolute; top:15px; right:15px; line-height:25px; padding:0 10px; background:#f29e24; border:1px solid #d47b27; color:#fff; font-size:13px; font-weight:500;}

/* 교육과정 안내 */
.introduce{padding:50px 0;}
.introduce .img{width:100%; max-width:750px; margin:0 auto;}
.introduce .img img{width:100%;}
.introduce .btn_box{padding:30px 15px 0;}
.introduce .btn_box a{display:inline-block; width:100%; line-height:45px; text-align:center; font-size:15px; box-sizing:border-box;}
.introduce dl{padding:0 15px;}
.introduce dl dt{margin-top:25px; margin-bottom:7px; padding-left:23px; font-size:17px; font-weight:500; background:url(../images/sub/bullet_introduce.png) 0 50%  no-repeat; background-size:18px 16px;}
.introduce dl dd{padding-bottom:25px; border-bottom:1px solid #eee; color:#666;}
.introduce dl dd > ul{padding-left:20px; list-style:decimal;}
.introduce dl dd > ul > li{margin-top:0px;}
.introduce dl dd > ul > li + li{margin-top:5px;}
.introduce dl dd .red{margin-top:5px;}
.introduce dl dd table{}
.introduce dl dd table th{height:40px; background:#99c80a; color:#fff; font-weight:500;}
.introduce dl dd table td{padding:10px; border-bottom:1px solid #ddd;}
.introduce dl dd table td:first-child{border-right:1px solid #ddd;}
.introduce	dl dd .txt_dec{margin-top:5px; font-size:12px;}
.introduce .cs_box{margin:0px 15px 0; padding:20px 20px 20px 75px; border:1px solid #eee; border-top:0px; background:#f9f9f9 url(../images/sub/img_cs.png) 20px 50% no-repeat; background-size:45px 43px; color:#666;}

/* 상시개설과정 안내 & 모든 안내페이지 */
.course_introduce{margin-bottom:50px;}
.course_introduce .sub_ban{width:100%; max-width:750px; margin:0 auto;}
.course_introduce .sub_ban img{width:100%;}
.course_introduce	.head{margin:30px 15px; font-size:17px; line-height:1.5; text-align:center;}
.course_introduce .type{padding:0 15px;}
.course_introduce .type	dl{}
.course_introduce .type	dl dt{margin-bottom:5px; font-size:17px; font-weight:500; color:#ea5406;}
.course_introduce .type	dl dt .num{display:inline-block; width:22px; height:22px; line-height:20px; margin-right:5px; text-align:center;background:#ea5406; border-radius:20px; color:#fff; }
.course_introduce .type	dl dd{margin-bottom:25px; line-height:1.5;}
.course_introduce .type	dl dd > ul{margin-top:10px; padding:10px; background:#faf9f1;}
.course_introduce .type	dl dd ul li p{margin-bottom:5px; font-size:13px; color:#f15a22; font-weight:500;}
.course_introduce .type	dl dd ul li ul{padding-left:15px; font-size:13px;}
.course_introduce .type	dl dd ul li ul li{padding-left:7px; margin-bottom:5px; background:url(../images/sub/bullet_square.jpg) 0 9px no-repeat; background-size:2px 2px;}
.course_introduce .txt_dec{padding-top:10px; border-top:1px solid #eee; font-size:13px; color:#999;}
.course_introduce .help_head{padding:20px 15px; background:#ffd200; }
.course_introduce .help_head div{padding-left:15px; background:url(../images/sub/ic_bulb.png) 0 3px no-repeat; background-size:10px 15px; color:#fff; line-height:1.5;}

/* 상시개설과정*/
	.page_select{position:relative; margin:25px 15px 15px;}
	.page_select .btn_select{display:block; height:50px; line-height:50px; font-size:17px; font-weight:500; color:#fff; text-align:left; background:#ea5406 url(../images/sub/select_arr.png) right 50% no-repeat; background-size:51px 50px; text-indent:10px;}
	.page_select ul{position:absolute; top:51px; left:0px; width:100%; padding:10px 0; background:#ea5406;}
	.page_select ul li{padding:5px 10px; }
	.page_select ul li a{display:block; color:#fff; font-size:16px;}
.course .course_list{padding:0 15px; margin-top:20px;}
.course .course_list ul{border-top:2px solid #ea5407; border-bottom:1px solid #111;}
.course .course_list ul li{padding:15px 0; border-top:1px solid #ddd;}
.course .course_list ul li:first-child{border-top:0px;}
.course .course_list ul li a{display:block;}
.course .course_list ul li p{font-size:17px; line-height:1.3;}
.course .course_list ul li .info{margin-top:5px;}
.course .course_list ul li .info span{color:#777; font-size:13px; padding-right:10px;}
.course .course_list ul li .info span + span{padding-left:11px; background:url(../images/sub/bullet_bar.png) 0 50% no-repeat; background-size:1px 10px;}
.course .course_list ul li .info .label_blue, .course .course_list ul li .info .label_orange, .course .course_list ul li .info .label_green{background-image:none;}
.course .course_list ul li.nodata{text-align:center; color:#999; padding:50px 0;}
.course .search_box{overflow:hidden; height:40px; margin:20px 15px; border:1px solid #ddd; background:#fff; }
.course .search_box input[type="text"]{float:left; width:calc( 100% - 40px ); height:40px; background:none; text-indent:10px;}
.course .search_box .btn_search{float:left;width:40px; height:40px; background:url(../images/sub/btn_search.png) 50% 50% no-repeat; background-size:24px 24px;}
/* course_view */
.course .head{padding:15px; background:#ea5406; font-size:17px; font-weight:500; color:#fff; text-align:center; line-height:1;}
.course .course_info{padding:25px 15px;}
.course .course_info dl{}
.course .course_info dl dt{float:left; width:100px; margin-bottom:5px; padding-left:18px; box-sizing:border-box;}
.course .course_info dl dt.info1{background:url(../images/sub/ic_time.png) 0 50% no-repeat; background-size:13px 13px;}
.course .course_info dl dt.info2{background:url(../images/sub/ic_tutor.png) 0 50% no-repeat; background-size:13px 13px;}
.course .course_info dl dd{float:left; width:calc( 100% - 100px ); margin-bottom:5px; }
.course .course_info button.btn_apply{margin-top:20px; width:100%;font-size:16px; font-weight:500; color:#ea5406; border:1px solid #ea5406;}
.course .course_info button.btn_apply span{display:inline-block; padding-left:27px; background:url(../images/sub/btn_apply.png) 0 50% no-repeat; background-size:19px 16px;  line-height:45px; }
.course .course_info button.btn_complete{margin-top:20px; width:100%;font-size:16px; font-weight:500; color:#666; border:1px solid #666;}
.course .course_info button.btn_complete span{display:inline-block; padding-left:27px; background:url(../images/sub/btn_complete.png) 0 50% no-repeat; background-size:19px 16px;  line-height:45px; }
.course .course_info .txt_noti{margin:15px 0 0; padding-bottom:15px; border-bottom:1px solid #eee;}
.course .info_box{padding:10px 15px 20px; line-height:1.5;}
.course .tb_learning{padding:00px 15px 20px; border-top:8px solid #e6e9ed;}
.course .tb_learning .tit{display:block; position:relative; padding:15px 0; font-size:18px; font-weight:500; }
.course	.tb_learning .tit i{display:inline-block; position:absolute; top:27px; right:0px; width:19px; height:10px; background:url(../images/sub/folding_off.png) 0 0 no-repeat; background-size:19px 10px;}
.course	.tb_learning .tit i.on{background:url(../images/sub/folding_on.png) 0 0 no-repeat; background-size:19px 10px;}
	.tb_learning ol{border-top:1px solid #eee;}
	.tb_learning ol li{margin-top:10px;}
	.tb_learning ol li a{font-size:15px; font-weight:500;}
	.tb_learning ol li a .num{display:inline-block; width:25px; height:25px; line-height:25px; margin-right:7px; border:1px solid #eb6d00; border-radius:5px; color:#eb6d00; text-align:center; }
	.tb_learning ol li .detail{display:none; margin-top:5px; padding:10px 7px; background:#f7f7f7; }
	.tb_learning ol li .detail span{color:#777; font-size:13px;}
	.tb_learning ol li .detail span + span{margin-left:5px;}
	.tb_learning ol li .detail button{margin-left:5px; width:70px; height:30px;}
.course .btn_box{margin:10px 15px 20px;}
.course .btn_box button{width:100%; line-height:40px;}

/* 센터장 */
.master_box{}
.master_box .master{padding:0 15px; border-top:8px solid #e6e9ed;}
.master_box .master:first-child{border-top:0px;}
.master_box .master .tit{position:relative; display:block; padding:15px 0; font-size:17px; font-weight:500;}
.master_box .master .tit .ic_new{display:inline-block; width:12px; height:12px; margin-left:5px; background:url(../images/common/ic_new.png) 0 0 no-repeat; background-size:12px 12px;}
.master_box .master .tit i{display:inline-block; position:absolute; top:27px; right:0px; width:19px; height:10px; background:url(../images/sub/folding_off.png) 0 0 no-repeat; background-size:19px 10px;}
.master_box .master .tit.on i{background:url(../images/sub/folding_on.png) 0 0 no-repeat; background-size:19px 10px;}
.master_box .master ul{display:none; padding:5px 0 20px; border-top:1px solid #eee;}
.master_box .master ul li{position:relative; padding:0 5px; margin-top:7px; font-size:15px;}
.master_box .master ul li + li{margin-top:10px;}
.master_box .master ul li a{position:absolute; top:0px; right:5px; display:inline-block; padding:0 10px; line-height:25px;background:#f15a22; color:#fff; border-radius:3px;}
.master_box .master ul li a em{color:#ea5406;}

/* 지식의샘, 선생님도와주세요, 학습조직결과물 */
.result_box{}
.result_box .control_box{position:relative; margin:0 15px;}
.result_box .control_box .select_box{}
.result_box .control_box .select_box .btn_select{display:block;  width:110px; line-height:30px; border:1px solid #ddd; text-align:left; color:#666; background:url(../images/sub/bg_select.png) right 50% no-repeat; background-size:29px 28px; text-indent:10px;}
.result_box .control_box .select_box ul{display:none; position:absolute; top:31px; left:0px; width:90px; border:1px solid #ddd; padding:10px 10px 0; z-index:3; background:#fff;}
.result_box .control_box .select_box ul li{margin-bottom:7px;}
.result_box .control_box .select_box ul li a{display:block; color:#666;}  
.result_box .control_box .btn_write{position:absolute; top:0px; right:0px; padding:0 12px 0 32px; height:32px; line-height:32px; border:1px solid #ea5406; color:#ea5406; background:url(../images/sub/btn_write.png) 12px 55% no-repeat; background-size:16px 14px;} 
.result_box .result_list{padding:10px 15px 0;} 
.result_box .result_list ul{border-top:2px solid #ea5406; border-bottom:1px solid #333;}  
.result_box .result_list ul li{padding:15px 0;} 
.result_box .result_list ul li + li{border-top:1px solid #ddd;}
.result_box .result_list ul li a{display:block; } 
.result_box .result_list ul li a .category{font-size:17px;}
.result_box .result_list ul li a .tit{margin:3px 0 5px; font-size:17px; font-weight:500;} 
.result_box .result_list ul li a span{color:#777; font-size:13px; padding-right:10px;} 
.result_box .result_list ul li a span + span{padding-left:11px; background:url(../images/sub/bullet_bar.png) 0 50% no-repeat; background-size:1px 10px;} 
.result_box .result_list ul li a .ic_like{padding-left:16px; background:url(../images/sub/ic_like.png) 0 50% no-repeat; background-size:12px 13px; color:#ea5406; } 
.result_box .result_list ul li a .ic_coment{padding-left:16px; background:url(../images/sub/ic_reply.png) 0 50% no-repeat; background-size:12px 13px; color:#ea5406; } 
.result_box .result_list ul li.nodata{padding:50px 0; text-align:center; color:#999;} 
.result_box .search_box{overflow:hidden; height:40px; margin:20px 15px; border:1px solid #ddd; background:#fff; }
.result_box .search_box input[type="text"]{float:left; width:calc( 100% - 40px ); height:40px; background:none; text-indent:10px;}
.result_box .search_box .btn_search{float:left;width:40px; height:40px; background:url(../images/sub/btn_search.png) 50% 50% no-repeat; background-size:24px 24px;}
.result_box .page_ban{padding:20px 30px; text-align:center; color:#fff; font-size:20px; font-weight:500; background:url(../images/sub/ban_honor.png) center top no-repeat; background-size:cover;}
.result_box .page_ban span{color:#fff668;}
.result_box.honor .control_box{}
.result_box.honor .control_box .select_box{position:relative; float:left; width:calc( 50% - 5px );}
.result_box.honor .control_box .select_box + .select_box{margin-left:10px;}
.result_box.honor .control_box .select_box .btn_select{display:block; width:100%;box-sizing:border-box;}
.result_box.honor .control_box .select_box ul{width:100%; box-sizing:border-box;}

/* 연도별 */
.board .honor_list{margin:5px 0;}
.board .honor_list dt{float:left; width:100px; background:url(../html/images/sub/bullet_bar.png) right 3px no-repeat; background-size:1px 10px; font-weight:500;}
.board .honor_list dd{float:left; width:calc( 100% - 100px ); }
.board .honor_tit{font-weight:500; margin-bottom:10px;}

/* 학습방 */
.classroom{}
.classroom .name{padding:15px; background:#ea5406; color:#fff; font-size:17px; font-weight:500; text-align:center;}
.classroom .menu{}
.classroom .menu > ul{}
.classroom .menu > ul > li{padding:0 15px; border-bottom:10px solid #e6e9ed;}
.classroom .menu > ul > li > a{display:block; background:url(../images/sub/folding_off.png) right 50% no-repeat; background-size:19px 10px; line-height:45px; font-size:17px; font-weight:500; }
.classroom .menu > ul > li > a.on{background:url(../images/sub/folding_on.png) right 50% no-repeat; background-size:19px 10px;}
.classroom .menu > ul > li .menu_cnt{display:none; border-top:1px solid #eee;}
.classroom .tb_learning ol{border-top:0px;}
.classroom .tb_list{}
.classroom .tb_list li{padding:15px 0; border-bottom:1px solid #ddd;}
.classroom .tb_list li:last-child{border-bottom:0px;}
.classroom .tb_list li.nodata{text-align:center; padding:50px 0; background:none;}
.classroom .tb_list li a{display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:15px; font-weight:500;}
.classroom .tb_list li span{color:#777; font-size:13px; padding-right:10px;}
.classroom .tb_list li span + span{padding-left:11px; background:url(../images/sub/bullet_bar.png) 0 50% no-repeat; background-size:1px 10px;}
.classroom .tb_list li button{padding:0 10px; line-height:30px; color:#fff;} 
.classroom .tb_list li button + button{margin-left:10px;}

.classroom .tb_view{padding:0 15px;}
.classroom .tb_view .head{margin-bottom:20px;}
.classroom .tb_view .head .tit{margin-bottom:5px; font-size:17px; font-weight:500;}
.classroom .tb_view .head span{color:#777; font-size:13px; padding-right:10px;}
.classroom .tb_view .head span + span{padding-left:11px; background:url(../images/sub/bullet_bar.png) 0 50% no-repeat; background-size:1px 10px;}
.classroom .tb_view .view_box{padding:0px 0 20px; border-top:2px solid #111; border-bottom:1px solid #ddd; font-size:15px;} 
.classroom .tb_view .view_box .file_box{padding:11px 5px; border-bottom:1px solid #ddd; }
.classroom .tb_view .view_box .file_box a{display:block; padding-left:17px; background:url(../images/sub/bullet_down.png) 0 50% no-repeat; background-size:12px 11px; color:#666; font-size:13px; text-align:left;}
.classroom .tb_view .view_box .file_box a + a{}
.classroom .tb_view .view_box .view_cnt{margin:20px 0 30px;}
.classroom .tb_view .view_box .btns{text-align:center;}
.classroom .tb_view .view_box .btn_like{border:1px solid #ccc; padding:0 15px 0 45px; background:url(../images/sub/btn_like.png) 15px 50% no-repeat; background-size:21px 22px; line-height:42px; border-radius:30px;}
.classroom .tb_view .view_box .btn_like span{padding-left:5px; color:#f15a22; }
.classroom .tb_view dl{overflow:hidden; border-bottom:1px solid #ddd;}
.classroom .tb_view dl dt{float:left; padding:10px 0; width:70px; border-top:1px solid #ddd;}
.classroom .tb_view dl dd{float:left; padding:10px 0; width:calc( 100% - 70px ); border-top:1px solid #ddd;}
.classroom .btn_box{padding:15px;}
.classroom .btn_box button{float:left; width:calc( 50% - 5px ); margin-bottom:5px;  height:40px; font-size:15px; font-weight:500;}
.classroom .btn_box button:nth-child(even){margin-left:10px;}
.classroom .page_bar2{margin:0 15px 20px; border-top:1px solid #333;}
.classroom .page_bar2 th{background:#f9f9f9; line-height:35px; font-weight:400; border-bottom:1px solid #ddd;}
.classroom .page_bar2 td{padding-left:5px; line-height:35px; border-bottom:1px solid #ddd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.classroom .exam_view{margin:20px 15px 0;}
.classroom .exam_view dl{ font-size:15px;}
.classroom .exam_view dl dt{float:left; width:80px; margin-bottom:10px; font-weight:500;}
.classroom .exam_view dl dd{float:left; width:calc( 100% - 90px ); margin-bottom:10px; padding-left:10px; background:url(../images/sub/bullet_bar.png) 0 5px no-repeat; background-size:1px 10px;}
.classroom .exam_box{margin:20px 15px 0;}
.classroom .exam_box .count{ padding:10px; text-align:right; background:#999; color:#fff;}
.classroom .exam_box .question{padding-bottom:10px; margin:20px 0 10px; font-size:16px; font-weight:500; border-bottom:1px solid #111;}
.classroom .exam_box .question span{display:inline-block; padding:2px 10px 3px; margin-right:10px; background:#df6d1d; color:#fff; font-size:13px; font-weight:500; border-radius:15px;}
.classroom .exam_box .caption{padding:10px; border:1px solid #eee; font-size:14px; color:#777;}
.classroom .exam_box .answer{margin-top:15px;}
.classroom .exam_box .answer .ans_list{}
.classroom .exam_box .answer .ans_list label{font-size:15px; }
.classroom .exam_box .answer .ans_list label.red{color:#ff3e3e;}
.classroom .exam_box .answer .ans_list label + label{margin-top:10px;}
.classroom .exam_box .answer .word textarea{width:100%; height:100px; border:1px solid #ddd; padding:10px; box-sizing:border-box;}
.classroom .exam_box .answer .word input[type="text"]{width:100%; border:1px solid #ddd; padding:5px; box-sizing:border-box;}
.classroom .exam_box .correct{margin-bottom:10px;}
.classroom .exam_box .correct dl dt{float:left; width:80px; margin-bottom:10px; font-weight:500;}
.classroom .exam_box .correct dl dd{float:left; width:calc( 100% - 90px ); margin-bottom:10px; padding-left:10px; background:url(../images/sub/bullet_bar.png) 0 5px no-repeat; background-size:1px 10px;}

.classroom .survey{margin:20px 15px 0;}
.classroom .survey dl{margin-bottom:15px;  font-size:15px;}
.classroom .survey dl dt{float:left; width:80px; margin-bottom:10px; font-weight:500;}
.classroom .survey dl dd{float:left; width:calc( 100% - 90px ); margin-bottom:10px; padding-left:10px; background:url(../images/sub/bullet_bar.png) 0 5px no-repeat; background-size:1px 10px;}
.classroom .survey_box{margin:0 15px; border-top:2px solid #111;}
.classroom .survey_box .survey_list{padding:20px 0;}
.classroom .survey_box .survey_list .q_survey{margin-bottom:10px;font-size:16px; font-weight:500; }
.classroom .survey_box .survey_list .q_survey span{display:inline-block; padding:2px 10px 3px; margin-right:10px; background:#df6d1d; color:#fff; font-size:13px; font-weight:500; border-radius:15px;}
.classroom .survey_box .survey_list .a_answer .answer_ul li + li{margin-top:7px;}
.classroom .survey_box .survey_list .a_answer .answer_ul li input[type="radio"], .classroom .survey_box .survey_list .a_answer .answer_ul li input[type="checkbox"]{display:inline-block; margin:-2px 5px 0 0; vertical-align:middle;}
.classroom .survey_box .survey_list .a_answer table th{background:#f1f1f1; line-height:30px;}
.classroom .survey_box .survey_list .a_answer table td{padding:5px 10px; border-bottom:1px solid #ddd;}
.classroom .survey_box .survey_list .a_answer input[type="text"]{width:100%; border:1px solid #ddd; padding:5px; box-sizing:border-box;}
.classroom .survey_box .survey_list .a_answer textarea{width:100%; height:100px; border:1px solid #ddd; padding:10px; box-sizing:border-box;}

/* 센터장 */
.master .control_box{position:relative; margin:0 15px 15px;}
.master .control_box .select_box{}
.master .control_box .select_box .btn_select{display:block;  width:calc( 100% - 2px ); line-height:30px; border:1px solid #ddd; text-align:left; color:#666; background:url(../images/sub/bg_select.png) right 50% no-repeat; background-size:29px 28px; text-indent:10px;}
.master .control_box .select_box ul{display:none; position:absolute; top:31px; left:0px; width:calc( 100% - 2px ); border:1px solid #ddd; padding:10px 10px 0; z-index:3; background:#fff;}
.master .control_box .select_box ul li{margin-bottom:7px;}
.master .control_box .select_box ul li a{display:block; color:#666;}  
.master .tb_list li{background:none; padding-right:0px;}
.master .tb_list .check{float:left; width:20px;}
.master .tb_list .qna{float:left; width:calc( 100% - 20px );}
.master .all_check{margin:0 15px 5px; font-size:15px; font-weight:500;}
.master .all_check input[type="checkbox"]{margin-right:5px;}
.master .btn{margin:10px 15px 0; text-align:right;}
.master .btn button{padding:5px 10px;}
.user_list{}
.user_list .list{margin:0 15px;}
.user_list table th{padding:10px 5px; border-top:2px solid #111; border-bottom:1px solid #ddd; font-weight:500; text-align:center; background:#f9f9f9;}
.user_list table td{padding:10px 5px; border-bottom:1px solid #ddd;text-align:center;}
.user_list table td.nodata{padding:30px 0; color:#666;}
.user_list .btn_box{overflow:hidden; padding:20px 15px 0;}
.user_list .btn_box button{float:left; width:calc( 50% - 5px ); margin-bottom:5px;  height:40px; font-size:15px; font-weight:500;}
.user_list .btn_box button:nth-child(even){margin-left:10px;}

.nodata{padding:20px 0; text-align:center; }

/****************** 지도교사 입문과정 신청  ******************************/
/* 메인 */
.start{background:url(../images/start/bg_main.png) 0 top no-repeat; background-size:100% auto;}
.start .top_ban{margin:0 15px; }
.start .top_ban p{font-size:16px; font-weight:500; color:#ff9600; text-align:center;}
.start .top_ban h2{padding:5px 0 25px; border-bottom:1px solid #ddd; font-size:26px; font-weight:700; text-align:center; line-height:1.3;}
.start .top_ban .txt_noti{color:#999;}
.start_menu{margin:0 15px 10px; padding-top:20px;}
/*
.start .menu ul li{float:left; width:calc( 50% - 5px ); margin-bottom:10px; }
.start .menu ul li:nth-child(odd){margin-right:10px;}
.start .menu ul li a{display:block; height:130px; padding-top:95px; color:#fff; font-size:17px; font-weight:500; text-align:center; box-sizing:border-box;}
.start .menu .menu1 a{background:#70a000 url(../images/start/menu1.png) center 20px no-repeat; background-size:63px 63px;}
.start .menu .menu2 a{background:#f15922 url(../images/start/menu2.png) center 20px no-repeat; background-size:63px 63px;}
.start .menu .menu3 a{background:#5374ba url(../images/start/menu3.png) center 20px no-repeat; background-size:63px 63px;}
.start .menu .menu4 a{background:#ff9600 url(../images/start/menu4.png) center 20px no-repeat; background-size:63px 63px;}
*/
 .start_menu ul li{float:left; width:calc( 33% - 3px ); margin-bottom:10px; margin-left:2px;}
 .start_menu ul li:first-child{margin-left:0px;}
 .start_menu ul li a{display:block; height:50px; line-height:50px; color:#fff; font-size:15px; font-weight:500; text-align:center; box-sizing:border-box;}
 .start_menu .menu1 a{background:#70a000;}
 .start_menu .menu2 a{background:#f15922;}
 .start_menu .menu3 a{background:#5374ba;}
 .start_menu .menu4 a{background:#ff9600;}
.start .start_info{margin:0 15px 20px; padding:15px; border:1px solid #fffacf; background:#fffef2;}
.start .start_info strong{display:inline-block; margin-bottom:5px; font-size:18px; font-weight:500; color:#f15922;}
.start .start_info ul{}
.start .start_info ul li{padding-left:10px; background:url(../images/common/bullet_3dp.png) 0 8px no-repeat; background-size:5px 5px; font-size:15px; font-weight:400;}
.start .tb{margin:15px;}
.start table th{padding:5px; font-weight:500; background:#ff9600; color:#FFF;}
.start table td{padding:5px; border-bottom:1px solid #ccc; font-size:13px; text-align:center; background:#fff;}
.start .btn_box a{background:#fff; border:1px solid #ff9600; color:#ff9600;}

/* 안내 */
.start_request{}
.start_request .top_ban{background:#e2e6ea url(../images/start/bg_request.png) center bottom no-repeat; background-size:100% auto; text-align:center;}
.start_request .top_ban h2{padding:20px 10px 10px; color:#ea5406; font-size:22px; line-height:1.3;}
.start_request .top_ban p{padding-bottom:215px; color:#666; }
.start_request .what_hanuri{padding:30px 15px; background:#ff9e36; text-align:center; color:#fff; }
.start_request .what_hanuri strong{display:block; margin-bottom:10px;  font-size:20px; }
.start_request dl{margin:0 15px;}
.start_request > dl > dt div{margin-top:25px; margin-bottom:7px; padding-left:23px; font-size:17px; font-weight:500; background:url(../images/sub/bullet_introduce.png) 0 50%  no-repeat; background-size:18px 16px;}
.start_request > dl > dt span{color:#ff2a2a; font-size:13px;}
/*.start_request dl dd{margin-top:5px; }*/
.start_request dl dd > img{width:100%;}
.start_request dl dd .noti_box{padding:10px; margin:10px 0 20px;  background:#f8f8f8;}
.start_request dl dd .noti_box .txt_noti{margin:0px; color:#ea5406;}
.start_request dl dd .noti_box ul li{padding-left:7px; font-size:13px; color:#666666; background:url(../images/common/bullet_bar.png) 0 8px no-repeat; background-size:3px 1px;}
.start_request dl dd.plan{border-top:1px solid #ddd;}
.start_request dl dd.plan li{border-bottom:1px solid #ddd;}
.start_request dl dd.plan li a{display:block; padding:10px 5px; font-size:16px; font-weight:500; background:url(../images/sub/folding_off.png) right 50% no-repeat; background-size:19px 10px;}
.start_request dl dd.plan li.on a{color:#ea5406; background:url(../images/sub/folding_on_black.png) right 50% no-repeat; background-size:19px 10px;}
.start_request dl dd.plan li dl{display:none; overflow:hidden; margin:0px; padding:15px 15px 10px; background:#f8f8f8;}
.start_request dl dd.plan li dl dt{float:left; width:100px; margin-bottom:5px; font-weight:500;}
.start_request dl dd.plan li dl dd{float:left; width:calc( 100% - 100px );  margin-bottom:5px;  font-weight:500;}
.start_request dl dd.plan li dl .gap{padding-top:10px; margin-top:5px; border-top:1px dashed #ddd; }
.start_request .btn_box{margin:25px 15px; }
.start_request .btn_box .btn_intro{display:block; width:100%; height:70px; background:#81b31a; text-align:center;}
.start_request .btn_box .btn_intro span{display:inline-block; padding-right:70px; color:#fff; font-size:17px; font-weight:500; line-height:70px; background:url(../images/start/btn_intro.png) right 50% no-repeat; background-size:61px 47px;}
.start_request .btn_apply{display:block; height:60px; line-height:60px; background:#ea5406; text-align:center; color:#fff; font-size:19px; font-weight:500;}
.start_request .btn_apply i{display:inline-block; width:24px; height:21px; margin-right:5px; margin-top:-3px; background:url(../images/start/btn_apply.png) 0 0 no-repeat; background-size:24px 21px; vertical-align:middle; }

/* 연수원 살펴보기 */
.start_intro{}
.start_intro .tab_menu{border-bottom:10px solid #fafafa;}
.start_intro .tab_menu li{float:left; width:33.333333%}
.start_intro .tab_menu li a{display:block; border-bottom:3px solid #ddd; color:#999; font-weight:500; font-size:17px; line-height:45px; text-align:center;}
.start_intro .tab_menu li a.on{color:#ea5406; border-color:#ea5406;}
.start_intro .location{margin-bottom:50px;}
.start_intro .location dl{margin:15px; font-size:15px;}
.start_intro .location dl dt{float:left; width:50px; }
.start_intro .location dl dd{float:left; width:calc( 100% - 65px ); padding-left:15px; background:url(../images/sub/bullet_bar.png) 0 5px no-repeat; background-size:1px 10px;}
.start_intro .location dl dd div{color:#999; font-size:13px;}
.start_intro .location dl dd div em{display:inline-block; margin:2px 5px 0 0; color:#ea5406; vertical-align:middle; }
.start_intro .intro_box{}
.start_intro .intro_box > ul{}
.start_intro .intro_box > ul > li{padding:0 15px; border-bottom:10px solid #e6e9ed;}
.start_intro .intro_box > ul > li > a{display:block; padding:10px 25px 10px 0px; font-size:16px; font-weight:500; background:url(../images/sub/folding_off.png) right 50% no-repeat; background-size:19px 10px; line-height:1.3;}
.start_intro .intro_box > ul > li > a span{color:#ea5406;}
.start_intro .intro_box > ul > li.on > a{background:url(../images/sub/folding_on_black.png) right 50% no-repeat; background-size:19px 10px;}
.start_intro .intro_box ul li ul{display:none; padding:10px 0; border-top:1px solid #ddd; }
.start_intro .intro_box ul li ul li{padding-left:8px; margin-bottom:5px; background:url(../images/sub/bullet_square.jpg) 2px 8px no-repeat; background-size:2px 2px; color:#666;}

/* 지도교사 혜택 */
.start_benefit{}
.start_benefit .benefit{padding:15px 0; background:#ef7e2d url(../images/start/bg_edu.png) 0 top no-repeat; background-size:100% auto;}
.start_benefit .benefit p{margin-bottom:10px;text-align:center; color:#fff; font-size:24px; font-weight:500;}
.start_benefit .benefit ul{position:relative; margin:0 15px; padding:10px 0 0; background:#fff; }
.start_benefit .benefit ul li{float:left; width:50%; height:150px; padding:10px 0; text-align:center; box-sizing:border-box;}
.start_benefit .benefit ul li span{display:block; font-size:15px; color:#72ac46; font-weight:500;}
.start_benefit .benefit ul li strong{display:block; padding-top:60px; font-size:16px; line-height:1.3; font-weight:500;}
.start_benefit .benefit ul li.benefit1{background:url(../images/start/benefit1.png) center 40px no-repeat; background-size:64px 44px;}
.start_benefit .benefit ul li.benefit2{background:url(../images/start/benefit2.png) center 40px no-repeat; background-size:64px 44px;}
.start_benefit .benefit ul li.benefit3{background:url(../images/start/benefit3.png) center 40px no-repeat; background-size:64px 44px;}
.start_benefit .benefit ul li.benefit4{background:url(../images/start/benefit4.png) center 40px no-repeat; background-size:64px 44px;}
.start_benefit .benefit ul li.benefit5{background:url(../images/start/benefit5.png) center 40px no-repeat; background-size:64px 44px;}
.start_benefit .benefit ul li.benefit6{background:url(../images/start/benefit6.png) center 40px no-repeat; background-size:64px 44px;}
.start_benefit .benefit ul li.benefit7{background:url(../images/start/benefit7.png) center 40px no-repeat; background-size:64px 44px;}
.start_benefit .benefit ul li.benefit8{background:url(../images/start/benefit8.png) center 40px no-repeat; background-size:64px 44px;}
.start_benefit .benefit ul li.txt{position:absolute; bottom:40px; right:0px; padding:0px; height:auto;}
.start_benefit .img{width:100%; margin:20px 0;}
.start_benefit .img img{width:100%;}

/* 입문과정 신청 */
.start_request{}
.start_request .process_box{position:relative; height:45px; padding:0 15px; border-bottom:10px solid #e6e9ee;}
.start_request .process_box p{width:60%; font-size:18px; font-weight:500; line-height:45px;}
.start_request .process_box ol{position:absolute; top:9px; right:15px;}
.start_request .process_box ol li{float:left; width:28px; height:28px; margin-left:5px; line-height:28px; background:#e6e9ee; border-radius:20px; font-size:15px; font-weight:700; color:#999; text-align:center;}
.start_request .process_box ol li:first-child{margin-left:0px;}
.start_request .process_box ol li.on{background:#ea5406; color:#fff;}
.start_request dl{margin-bottom:25px;}
.start_request dl dd{color:#666; line-height:1.5;}
.start_request .agree_box{padding:30px 15px; border-top:10px solid #e6e9ee;}
.start_request .agree_box .all{margin-bottom:10px; text-align:right; font-weight:500;}
.start_request .agree_box .blue{color:#6a9adb !important;}
.start_request .agree_box h5{padding:5px 0 10px; text-align:center; border-bottom:1px solid #eee; font-size:20px; font-weight:500;}
.start_request .agree_box > .inp_checkbox{margin-top:15px;}
.start_request .agree_box .box{overflow-y:scroll; height:57px; margin:10px 0 0; padding:10px; border:1px solid #ddd; background:#f9f9f9; }
	.rule{color:#666; line-height:1.5;}
.start_request .inp_radio2{display:flex;justify-content:space-between;}
.start_request .name{margin:10px 0;}
.start_request .tb{}
.start_request .tb thead{background:#f7f7f7;}
.start_request .tb tr{border:1px solid #ddd;}
.start_request .tb th{padding: 8px;border-right: 1px solid #ddd;background: #eee;font-size: 13px;line-height: 1.2;color:#111;}
.start_request .tb td{padding:8px;border-right:1px solid #ddd;word-break:break-all;font-size: 13px;line-height: 1.2;}
.start_request .tb th:last-child{border-right:0;}
.start_request .txt{margin:5px 0;}

.start_request .btn_box{overflow:hidden;}
.start_request .btn_box button{float:left; width:calc( 50% - 5px ); margin-bottom:5px;  height:40px; font-size:15px; font-weight:500;}
.start_request .btn_box button:nth-child(even){margin-left:10px;}

.start_request .certi_box{margin:20px 15px 0px; padding-bottom:20px; border-bottom:1px solid #eee;}
.start_request .certi_box a{float:left; width:calc( 50% - 5px ); padding:75px 0 20px; text-align:center; color:#fff; line-height:1.3; font-size:13px;}
.start_request .certi_box a strong{display:block; font-size:18px; margin-bottom:5px;}
.start_request .certi_box a.btn1{margin-right:10px; background:#ea5406 url(../images/start/ic_phone.png) center 20px no-repeat; background-size:48px 45px;}
.start_request .certi_box a.btn2{background:#72ac46 url(../images/start/ic_ipin.png) center 20px no-repeat; background-size:48px 45px;}

.certi{}
.certi a{display:block; width:100%; padding:75px 0 20px; text-align:center; color:#fff; line-height:1.3; font-size:13px;}
.certi a strong{display:block; font-size:18px; margin-bottom:5px;}
.certi a.btn1{background:#ea5406 url(../images/start/ic_phone.png) center 20px no-repeat; background-size:48px 45px;}
.certi a.btn2{background:#72ac46 url(../images/start/ic_ipin.png) center 20px no-repeat; background-size:48px 45px;}

.start_request .course_select{}
.start_request .course_select .box{padding:0 15px;}
.start_request .course_select .box.nodata{text-align:center; padding:30px 15px; color:#666;}
.start_request .course_select .box .tit{position:relative; border-bottom:1px solid #eee;}
.start_request .course_select .box .tit p{width:calc( 100% - 50px ); padding:10px 0; font-size:17px; font-weight:500;}
.start_request .course_select .box .tit .inp_radio{position:absolute; top:10px; right:0px; margin-right:0px;} 
.start_request .course_select dl{overflow:hidden; margin:10px 0 10px;}
.start_request .course_select dl dt{float:left; width:70px; margin-bottom:5px;}
.start_request .course_select dl dd{float:left; width:calc( 100% - 75px ); margin-bottom:5px;}
.start_request .course_select .agree_box{border-top:1px solid #ddd;; padding:10px 15px 0;  font-size:16px;}
.start_request .course_select .agree_box .box{margin-bottom:20px;}
.start_request .course_select .agree_box .inp_box{margin-top:15px; text-align:center;}
.start_request .course_select .agree_box .inp_box .inp_radio{display:inline-block;}

.start_request .request_write{}
.start_request .request_write > li{border-bottom:1px solid #e6e9ee;}
.start_request .request_write > li + li{border-top:10px solid #e6e9ee;}
.start_request .request_write > li > a{display:block; margin:0 15px; background:url(../images/sub/folding_off.png) right 50% no-repeat; background-size:19px 10px; line-height:45px; font-size:17px; font-weight:500; }
.start_request .request_write > li > a.on{background:url(../images/sub/folding_on.png) right 50% no-repeat; background-size:19px 10px;}
.start_request .board{padding-bottom:20px;}
.start_request .tb_write{margin-top:0px;}
.start_request .tb_write table td.mail input[type="text"]{width:calc( 50% - 5px );}
.start_request .tb_write table td.mail select{margin-top:10px;}
.start_request .tb_write table td.home button{padding:0 20px; height:43px; margin-left:10px; vertical-align:top; font-size:15px; font-weight:500;}
.start_request .tb_write table td.gender .inp_radio{line-height:30px; margin-top:0px !important; margin-right:20px;}
.start_request .tb_write table td.gender .inp_radio label{line-height:30px;}
.start_request .tb_write table td .txt_dec{margin-top:5px; font-size:13px; color:#666; line-height:1.3;}
.start_request .tb_write table td .txt_dec em{display:inline-block;margin-right:5px; vertical-align:middle; color:#ff5656; }
.start_request .request_write .course_info{display:none; margin:0px 15px; padding:10px 0 20px; border-top:1px solid #eee;}
.start_request .request_write .course_info ul{}
.start_request .request_write .course_info ul li{font-size:15px;}
.start_request .request_write .course_info ul li + li{margin-top:10px;}
.start_request .request_write .course_info ul li span{display:inline-block; width:100px; font-weight:500;}
.start_request .tb_write table td .inp_radio, .start_request .tb_write table td .inp_checkbox{margin:0px;}
.start_request .tb_write table td .inp_radio + .inp_radio, .start_request .tb_write table td .inp_checkbox + .inp_checkbox{margin-top:15px;}
.start_request .tb_write table td .inp_radio label, .start_request .tb_write table td .inp_checkbox label{line-height:1.2; }
.start_request .tb_write table td table{}
.start_request .tb_write table td table th{background:#f7f7f7; padding:10px 0; text-align:center; font-size:14px;}
.start_request .tb_write table td table td{padding:5px; border-bottom:1px solid #ddd; font-size:14px;}
.start_request .tb_write table td table td + td{border-left:1px solid #ddd;}
.start_request .tb_write table td table td.nodata{text-align:center; padding:20px 0;}

.start_request .complete{text-align:center; font-size:22px; padding:50px 15px 0; line-height:1.4;}
.start_request .txt_box{margin:15px 0;padding: 0 15px;text-align: center;font-size: 15px;}
.start_request .txt_box p{margin:0;}

/* 취소 및 환불 */
.agree_box.refund_type{padding:0px; margin:0 15px;  border-top:0px;}
.refund_type > ul{padding:15px; background:#f9f9f1;}
.refund_type > ul > li{margin-bottom:15px;}
.refund_type > ul > li strong{display:inline-block; margin-bottom:5px; font-weight:500; }
.refund_type > ul > li div{padding-left:15px; color:#666;}
.refund_type > ul > li div li{padding-left:7px; margin-bottom:3px; background:url(../images/common/bullet_bar.png) 0 10px no-repeat; background-size:3px 1px;}

/* 로그인 */
.member{}
.member h1{margin:50px auto 40px; text-align:center;}
.member h1 img{width:193px;}
.login_box .keyboard{padding:0 30px;}
.login_box .keyboard a{padding-left:15px; background:url(../images/sub/keyboard_open.jpg) 0 50% no-repeat; background-size:9px 6px; color:#666; font-size:13px;}
.login_box .keyboard a.on{background:url(../images/sub/keyboard_close.jpg) 0 50% no-repeat; background-size:9px 6px;}
.login_box .keyboard div{display:none; margin:10px 10px 0; text-align:center;}
.login_box .keyboard div img{width:100%;}
.login_box .login{margin:10px 30px 0;}
.login_box .login input[type="text"], .login_box .login input[type="password"]{width:100%; height:40px; margin-bottom:10px; text-indent:10px; border:1px solid #ddd; }
.login_box .login button{width:100%; height:40px; font-size:15px; font-weight:500;}
.login_box .check_info{margin:10px 30px 0;}
.login_box .check_info .inp_checkbox{display:inline-block; color:#666;}
.login_box .check_info .inp_checkbox + .inp_checkbox{margin-left:20px; }
.login_box .btns{margin:15px 30px 0; padding-top:15px; text-align:center; border-top:1px solid #eee;}
.login_box .btns .btn1{display:inline-block; padding-left:35px; margin-right:20px; background:url(../images/sub/ic_newpw.png) 0 50% no-repeat; background-size:29px 17px; font-size:16px; color:#111; font-weight:500;}
.login_box .btns .btn2{display:inline-block; padding-left:35px; background:url(../images/sub/ic_teacher.png) 0 50% no-repeat; background-size:24px 21px; font-size:16px; color:#111; font-weight:500;}
.login_box .foot{margin:30px auto 0; text-align:center;}
.login_box .foot strong{display:block; font-weight:500;}

/* 세바시 추가 */
.clip_list{position:relative; }
.clip_list .tit{font-size:17px; font-weight:500; margin:20px 0 10px 0; color:#fff;}
.clip_list .btn_more{position:absolute;right:0px;top:0px; padding:2px 10px 3px; border:1px solid #fff; color:#fff; font-size:13px; border-radius:5px;}
.clip_list .list{overflow:hidden; background:#fff;  border-radius:10px;}
.clip_list .list li{float:left; position:relative; }
.clip_list .list li a{text-align:left;}
.clip_list .list li .thumb{position:relative; width:100%;}
/*.clip_list .list li .thumb span{display:inline-block; position:absolute; bottom:0px; left:0px; width:232px; height:73px; background:url(/html/images/page/clip_bg.png) 0 0 repeat-x;}*/
.clip_list .list li .thumb img{width:100%;}
.clip_list .list li video{display:none;}
.clip_list .list li + li{margin-left:10px;}
.clip_list .list li .name{display:block; margin:13px 0; padding:0 10px; font-weight:500; font-size:15px; text-decoration:none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.clip_list .list li .writer{display:block; margin:3px 0 10px; padding:0 10px; font-size:12px; font-weight:300;}
.clip_list .list li .btn_pop{display:inline-block; position:absolute; top:15px; right:15px; width:60px; height:26px; line-height:26px; border-radius:3px; font-size:12px; color:#fff; text-align:center; background:#555; border:1px solid #333;}
.clip_list .pagination{margin-top:5px; height:10px; text-align:center;}
.clip_list .pagination span{display:inline-block; width:10px; height:10px;  margin:0 1px;  background:#fff; border-radius:20px;}
.clip_list .pagination span.cycle-pager-active{display:inline-block; width:20px; height:10px;  margin:0 1px;  background:#fff; border-radius:20px;}
.course .file_box{margin-top:10px; padding-top:10px; border-top:1px dashed #ddd;}
.course .file_box a{display:block; padding-left:17px; background:url(../images/sub/ic_file.png) 0 50% no-repeat;  background-size:13px auto;}
.course .file_box a + a{margin-top:5px; }

.clip_box{}
.clip_box .list{}
.clip_box .list li{padding:20px 20px; } 
.clip_box .list li + li{border-top:8px solid #f1f1f1;}
.clip_box .list li.nodata{line-height:150px;}
.clip_box .list a{display:block; padding:10px 0;}
.clip_box .list .thumb a{padding:0px;}
.clip_box .list .thumb img{width:100%;}
.clip_box .list .name{display:block; font-size:17px; font-weight:500; }
.clip_box .list .writer{display:block; margin-top:10px; font-size:12px; color:#4caa00;}
.clip_box .list .date{display:block; font-size:12px; color:#666;}

.start_info{padding:0 15px 50px;}
.start_info dl + dl{margin-top:50px;}
.start_info dl dt{margin-bottom:10px; font-size:17px; font-weight:bold; color:#ff8a00; letter-spacing:-1px;}
.start_info dl dd{}
.start_info dl dd .blt_grarr{margin-bottom:10px; padding-left:23px; background: url(../images/sub/bullet_introduce.png) 0 50% no-repeat; background-size: 18px 16px;} 
.start_info dl dd ul{margin-bottom:10px; margin-left:15px;}
.start_info dl dd .sub_txt{font-size:14px;}
.start_info dl dd .sub_txt span{ color:#ff8a00;}
.start_info dl dd .info_img{margin-top:20px; text-align:center;}
.start_info dl dd  img{width:100%;}

/* 2021-04-27 */
.txt_dec2{position:relative; margin:0 15px 15px; padding:10px 10px 10px 35px; background:#f9f9f9;}
.txt_dec2:before{position:absolute; top:10px; left:10px; content:'!'; display:inline-block; padding:0 7px; line-height:20px; border-radius:15px; background:#f15a22; color:#fff; font-weight:bold;}

/* 2022-01-03 */
.start .process{padding:20px 15px 50px;}
.start .process .tit{margin-bottom:20px; font-size:24px; text-align:Center; font-weight:700; }
.start .process div img{width:100%;}
.start_request .sub_tit{margin:20px 15px 10px; color:#ff9600; font-weight:bold;}
.start_request .tb{margin:0 15px;}
.start_request table{border-top:1px solid #111;}
.start_request table th{padding:10px; background:#333; color:#fff; border-bottom:1px solid #ccc;}
.start_request table td{padding:10px; border-bottom:1px solid #ccc;}
.mb20{margin-bottom:20px;}


/* 이용약관*/
.rule_box{padding:20px; background:#f1f1f1;}
.rule_box .rule{ padding:20px; background:#fff; box-shadow:5px 10px 10px rgba(0,0,0,.1);font-size: 13px;line-height: 1.2; }
.rule_box .rule .rule_tit{margin:30px 0 10px; font-weight:bold; font-size:14px; text-align:center;}
.rule_box .rule dl{margin-bottom:10px;}
.rule_box .rule dl dt{font-weight:bold;}
.rule_box .rule dl dd li{margin-bottom:5px;}
.rule_box .rule a{display: inline-block;padding: 0 5px;line-height: 25px;border: 1px solid #333;}
.rule_box .rule ol{}
.rule_box .rule ol li{}
.rule_box .rule ol li div{padding-left:15px;}
.rule_box .rule .txt{margin-top:10px;}
.rule_box .rule .bule{color:#2650d5;}
.rule_box .rule .red{color:#ff3333;}
.rule_box .rule .rule_tit{margin-bottom:20px; font-size:16px; font-family:'Noto Sans KR';} 
.rule_box .history_box{padding:20px; border-top:1px dashed #ddd; background:#fff;}
.rule_box .history_box p{font-weight:bold; margin-bottom:10px;}
.rule_box .history_box ul{display:flex;align-items:center;flex-wrap:wrap;justify-content: center;}
.rule_box .history_box li{margin-bottom:10px; }
.rule_box .history_box li + li{margin:0 0 10px 10px;}
.rule_box .history_box li a{display:inline-block; padding:5px 10px; border:1px solid #111; }
.rule_box .history_box li a:hover{color:#f15a22; border:1px solid #f15a22;}

.rule_box .tb{}
.rule_box .tb thead{background:#f7f7f7;}
.rule_box .tb tr{border:1px solid #ddd;}
.rule_box .tb th{padding:10px 0; border-right:1px solid #ddd; text-align:center;}
.rule_box .tb td{padding:10px;border-right:1px solid #ddd;word-break:break-all;}
.rule_box .down{display: inline-block;padding: 0 5px;line-height: 25px;border: 1px solid #333;}

/* 쪽지수신함 */
.message_tit{display: block;border-bottom: 3px solid #ea5406;color:#ea5406;font-weight: 500;font-size: 17px;line-height: 45px;text-align: center;}
.message_box{}
.message_box .tb_list{margin:15px;border-top:0;}
.message_box .tb_view{}
.message_box .tb_view tr{border-bottom:1px solid #ddd;}
.message_box .tb_view th{padding:10px;border-right:1px solid #ddd;background:#f9f9f9;}
.message_box .tb_view td{padding:10px;}
.message_box .content td{}
.message_box .btn_box{display:flex;padding:20px 15px 0;}
.message_box .btn_box a{display:inline-block;flex:1;margin-bottom:5px;  height:40px;line-height:40px; text-align:center;font-size:15px; font-weight:500;}
.message_box .btn_box a:first-child{margin-right:10px;}