@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
공통 element
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 메시지 창: layer */
.msg_alert {width:300px; background-color:#666;  position:absolute; bottom:10px; right:10px; z-index:1000;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
}
.msg_alert .msg_txt {padding:15px; text-align:center; color:#fff;}



/* popup style : layer pop ****************************/
.modal_screen {width:100%; height:100%; height:100vh; background-color:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:100;}
.l_popup {width:900px; background-color:#fff; border:solid 1px #666; position:absolute; top:100px; left:50%; margin-left:-450px; z-index:101;}
.l_popup .title {height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:normal; background-color:#4a4244; border-bottom:solid 1px #999; position:relative;}
.l_popup .title span {margin-left:20px;}
.l_popup .pop_body {padding:20px 22px 0px;max-height:70%;max-height:70vh;box-sizing:border-box;overflow-y:auto;}
.l_popup .pop_footer {padding:5px 22px 30px;}
.l_popup .pop_footer a {margin:0 5px;}
.l_popup .btn_popup_close {display:inline-block; /*background:url('../../images/icon/btn_popup_close_white.png') no-repeat center center;*/ position:absolute; top:3px; right:20px;}
.l_popup .btn_popup_close i {display:inline-block; color:#fff;}
.l_popup .title .btn_func {position:absolute; top:3px; right:10px;}
.l_popup .title .btn_func a {display:inline-block; margin:0 3px; color:#fff; position:relative; top:initial; right:initial;}
.l_popup .title .btn_func a i {color:#fff;}

.inner_scroll_pop {max-height:370px; overflow-y:auto;}

.l_popup .pop_body .p_stitle {padding-bottom:20px; font-size:35px; color:#000; text-align:center;}
.l_popup .pop_body .b_line {border-bottom:solid 1px #000;}
.l_popup .pop_body .member_info {padding:30px 0; font-size:17px; color:#333; text-align:right;}
.l_popup .pop_body .member_info .row {margin-bottom:5px;}
.l_popup .pop_body .member_info .row span {}
.l_popup .pop_body .member_info .row strong {}
.l_popup .pop_body .ment {margin-bottom:10px; font-size:17px; color:#333;}
.l_popup .pop_body .date_mark {padding:20px 0 40px; font-size:17px; color:#333; text-align:center; font-weight:600;}
.l_popup .pop_body .uni_mark {margin-bottom:50px; text-align:right}
.l_popup .pop_body .uni_mark strong {font-size:20px; color:#333; vertical-align:middle;}
.l_popup .pop_body .uni_mark img {vertical-align:middle; margin-left:10px;}


/* popup style : window pop ****************************/
.win_popup {width:100%; background-color:#fff;}
.win_popup .title {height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:normal; background-color:#4a4244; border-bottom:solid 1px #999; position:relative;}
.win_popup .title span {margin-left:20px;}
.win_popup .pop_body {padding:20px 22px 0px;}
.win_popup .pop_footer {padding:5px 22px 30px;}
.win_popup .pop_footer a {margin:0 5px;}
.win_popup .btn_popup_close {display:inline-block; /*background:url('../../images/icon/btn_popup_close_white.png') no-repeat center center;*/ position:absolute; top:3px; right:20px;}
.win_popup .btn_popup_close i {display:inline-block; color:#fff;}
.win_popup .title .btn_func {position:absolute; top:3px; right:10px;}
.win_popup .title .btn_func a {display:inline-block; margin:0 3px; color:#fff; position:relative; top:initial; right:initial;}
.win_popup .title .btn_func a i {color:#fff;}

@media screen and (max-width:1024px) {
	.l_popup {width:90%; position:absolute; top:100px; left:5%; margin-left:0;}
}

@media screen and (max-width:768px) {
	.l_popup {width:96%; position:absolute; top:100px; left:2%; margin-left:0;}
	.l_popup .pop_body {padding:20px 10px 0px;}
	.l_popup .pop_footer {padding:5px 10px 30px;}
}

/* window 팝업: 인증방법 선택 팝업 */
.winpop_cert_select .title {text-align:center;}
.winpop_cert_select .title span {margin-left:0;}
.winpop_cert_select .pop_cont {padding:30px; background-color:#fff;}
.winpop_cert_select .pop_cont .btn_area {text-align:center;}
.winpop_cert_select .pop_cont .btn_area a {display:inline-block; margin:0 5px 5px; width:150px; height:40px; line-height:40px; text-align:center; color:#333; font-size:16px; font-weight:600; background-color:#fff; border:solid 1px #ccc;}
.winpop_cert_select .pop_cont .btn_area a:hover {background-color:#eee;}

.winpop_cert_select .pop_cont .opt_cont {padding:20px; border-top:solid 1px #ccc;}
/* modal: 핸드폰 인증번호 입력 영역 */
.winpop_cert_select .pop_cont .cert_num {text-align:center;}
.winpop_cert_select .pop_cont .cert_num input[type="text"] {padding:0 20px; width:200px; height:38px; line-height:38px; font-size:18px; text-align:center; border:solid 1px #ccc;}
.winpop_cert_select .pop_cont .cert_num button {padding:0 15px; height:40px; font-size:18px; color:#fff; background-color:#333; border:solid 1px #333;}
.winpop_cert_select .pop_cont .cert_num button:hover {opacity:0.9;}

.winpop_cert_select .pop_cont h2 {padding-left:10px; margin-bottom:10px; border-bottom:solid 1px #999;}

@media screen and (max-width:768px) {
	.winpop_cert_select .pop_cont {padding:30px 15px;}
	.winpop_cert_select .pop_cont .btn_area a {width:26%; font-size:14px;}

	.winpop_cert_select .pop_cont .cert_num input[type="text"] {padding:0 20px; width:120px; }
	.winpop_cert_select .pop_cont .cert_num button {font-size:16px;}
	.winpop_cert_select .pop_cont .cert_num button:hover {opacity:0.9;}
}


/* FAQ / 아코디언 메뉴 : 2019-06-10 **************************/
.accodian {border:solid 1px #d7d7e3; background-color:#fff; overflow:hidden;}
.accodian .cont {}
.accodian .cont a.btn_accodian_title {display:block; padding: 10px 60px 10px 50px; text-decoration:none; color:#000; border-top:solid 1px #ccc; position:relative;}
.accodian .cont.first a.btn_accodian_title {border-top:none;}
.accodian .cont a.btn_accodian_title .faq_num {display:inline-block; width:30px; text-align:center; font-size:13px; border-right:solid 1px #ccc; position:absolute; top:12px; left:5px;}
.accodian .cont .faq_content {padding:20px; background-color:#fff; border-top:solid 1px #666;}
a.btn_accodian_title .cert {display:inline-block; width:20px; height:20px; background:url('../../images/icon/icon_down.png') no-repeat center center; position:absolute; top:50%; right:20px; margin-top:-10px;}
a.btn_accodian_title.active strong {color:#333;}
a.btn_accodian_title.active {background-color:#f2f2f2}
a.btn_accodian_title.active .cert {background:url('../../images/icon/icon_up.png') no-repeat center center;}


/* tabMenu : 페이지 이동형 *********************************/
.tab_top {}
.tab_content {padding:10px 30px 30px;}
.tabmenu_basic {width:100%; font-size:16px; border-bottom:solid 1px #c1c1c1; margin-bottom:25px;}
.tabmenu_basic li {float:left; padding:0 20px; position:relative; bottom:-1px;}
.tabmenu_basic li a {display:inline-block; padding:0; height:47px; line-height:50px; text-align:center; color:#999999;}
.tabmenu_basic li a:hover {color:#000;}
.tabmenu_basic li.active a {height:44px; color:#000; font-weight:600; border-bottom:solid 3px #ff6600;}
.tabmenu_basic:after {content:""; clear:both; display:block;}

.tabmenu_basic_inner {display:table; font-size:14px; margin-bottom:25px; border:solid 1px #ccc; border-radius:5px; overflow:hidden;}
.tabmenu_basic_inner li {display:table-cell; border-right:solid 1px #ccc;}
.tabmenu_basic_inner li:last-child {border-right:none;}
.tabmenu_basic_inner li a {display:block; padding:5px 30px; text-align:center; color:#666;}
.tabmenu_basic_inner li a:hover {color:#000; background-color:#f2f2f2;}
.tabmenu_basic_inner li.active a {color:#fff; background-color:#8c2b45;}
.tabmenu_basic_inner:after {content:""; clear:both; display:block;}

 /* tabMenu : 페이지내 탭이동 */
.tabmenu {position:relative; height:36px; border-bottom:solid 1px #000;}
.tabmenu.pd_10p {padding:0 10%;}
.tabmenu.pd_20p {padding:0 20%;}
.tabmenu.pd_30p {padding:0 30%;}
.tabmenu>ul {/*display:table; width:100%;*/}
.tabmenu>ul:after {content:""; display:block; clear:both;}
.tabmenu>ul>li {/*display:table-cell;*/ float:left;}
.tabmenu>ul>li .btn_title {display:inline-block; padding:0 20px; height:35px; line-height:35px; font-size:15px; color:#999; text-align:center; border:solid 1px #e7e7e7; border-bottom:solid 1px #000;}
.tabmenu>ul>li .btn_title:hover {color:#333; border:solid 1px #ccc; border-bottom:solid 1px #000;}
.tabmenu>ul>li .btn_title.active {color:#000; border:solid 1px #000; border-bottom:solid 1px #fff;}
.tabmenu>ul>li .tab_contents {width:100%; position:absolute; top:initial; left:0;}


@media all and (max-width:1200px){
	.tab_content {padding:10px 15px 30px;}
	/*.tabmenu>ul>li .tab_contents {width:100%; position:absolute; top:100px; left:0;}*/
}

@media all and (max-width:768px){
	.tabmenu {height:31px; border-bottom:solid 0px #000;}
	.tabmenu>ul>li .btn_title {display:inline-block; padding:0 10px; height:30px; line-height:30px; font-size:14px; color:#999; text-align:center; border:solid 1px #e7e7e7; border-bottom:solid 1px #e7e7e7;}
	.tabmenu>ul>li .btn_title:hover {color:#333; border:solid 1px #ccc; border-bottom:solid 1px #e7e7e7;}
	.tabmenu>ul>li .btn_title.active {color:#000; border:solid 1px #000; border-bottom:solid 1px #000;}
	/*.tabmenu>ul>li .tab_contents {width:100%; position:absolute; top:80px; left:0;}*/

	.tabmenu_basic_inner li a {display:block; padding:5px 10px; text-align:center; color:#666;}
}

@media all and (max-width:480px){
	/*.tabmenu>ul>li .tab_contents {width:100%; position:absolute; top:150px; left:0;}*/
}

/* table_list_basic *************************/
table.table_list_basic 					{width:100%; font-size:16px; margin-bottom:20px; border-top:solid 2px #666; background-color:#fff;}
table.table_list_basic thead 			{border-bottom:solid 1px #ccc; line-height:1.2;}
table.table_list_basic th 				{padding:7px 0; color:#333333; text-align:center; border-right:solid 1px #ddd; border-bottom:solid 1px #ccc; background-color:#f2f2f2; }
table.table_list_basic th.lm 			{border-bottom:solid 1px #eaeaea;}
table.table_list_basic th.ts 			{font-size:12px;} 
table.table_list_basic th.divide		{border-bottom:solid 1px #eaeaea;}
table.table_list_basic td 				{line-height:20px; padding:5px 3px; text-align:center; border-right:solid 1px #ddd; border-bottom:solid 1px #ccc;}
table.table_list_basic .blank 			{height:100px; line-height:100px;}
table.table_list_basic .end				{border-right:none;}
table.table_list_basic th:last-child 	{border-right:none;}
table.table_list_basic td:last-child 	{border-right:none;}
table.table_list_basic .subject 		{display:block; font-weight:700; color:#333;}
table.table_list_basic .term 			{font-size:12px;}
table.table_list_basic .divide td		{border-bottom:solid 1px #000;}
table input[type="text"] 				{height:25px; line-height:25px;}

table.table_list_basic textarea 		{padding:5px 5px; width:95%; height:50px; line-height:19px; font-size:16px; background-color:#fff; border:solid 1px #d5d5d5;}
table.table_list_basic select 			{border:1px solid #cccccc; height:28px; line-height:28px;}
table.table_list_basic td input[type="text"] {margin:3px 0; width:94%; color:#b1b1b1;}
table.table_list_basic td input[type="text"].d_day	{width:90px;}
table.table_list_basic td input[type="text"].text	{width:150px;}
table.table_list_basic td input.av		{width:35px;}
table.table_list_basic td a				{display:inline-block; margin:1px 0;} 
table.table_list_basic.tl				{border-top:1px solid #000;}
table.table_list_basic.bm				{margin-bottom:0px;}

table.table_list_basic tr.bg_weeknum {background-color:#e2dcdc;}
th.act, td.act {background-color:#e8d8dd !important;}

table.table_list_basic tfoot {}
table.table_list_basic tfoot th {padding:3px; background-color:#ebf2f9;}
table.table_list_basic tfoot td {padding:3px; background-color:#ebf2f9;}

.board_option_box {padding:5px; background-color:#f2f2f2;}
.board_option_box input, .board_option_box .btn {margin:2px 0;}

/* 반응형 table : css컨트롤 */
table.table_list_basic .list_title .mobile_write_info {display:none; color:#666;}

/* 테스크탑 */
@media all and (max-width:999px){
}
/* 테블릿*/
@media all and (max-width:768px){
	/*공지사항*/
	table.table_list_basic .entry_th_number {}
	table.table_list_basic .entry_th_title {}
	table.table_list_basic .entry_th_writer {}
	table.table_list_basic .entry_th_date {}
	table.table_list_basic .entry_th_hit {display:none !important;}
	table.table_list_basic .list_number {}
	table.table_list_basic .list_title {}	
	table.table_list_basic .list_writer {}
	table.table_list_basic .list_date {}
	table.table_list_basic .list_hit {display:none !important;}
}
/* 모바일*/
@media all and (max-width:640px){   
	/*공지사항*/
	/*table.table_list_basic thead {display:none;}*/
	/*table.table_list_basic .list_number {display:none;}*/
	table.table_list_basic .list_title {border-left:none;}
	table.table_list_basic .list_title a {font-size:15px;}
	table.table_list_basic .list_title .mobile_write_info {display:block;}
	table.table_list_basic .list_writer {display:none !important;}
	table.table_list_basic .list_date {display:none !important;}
	table.table_list_basic .list_hit {display:none !important;}
}

/* table_view_basic *************************/
table.table_view_basic 					{width:100%; font-size:16px; margin-bottom:20px; border-top:solid 2px #666; background-color:#fff;}
table.table_view_basic thead th 		{text-align:center;}
table.table_view_basic th 				{padding:11px 0; color:#333333; text-align:center; border-right:solid 1px #ddd;  border-bottom:solid 1px #ccc; background-color:#f2f2f2; }
table.table_view_basic td 				{line-height:20px; padding:10px 7px; border-right:solid 1px #ddd; border-bottom:solid 1px #ccc;}
table.table_view_basic .end				{border-right:none;}
table.table_view_basic .subject 		{display:block; font-weight:700; color:#333;}
table.table_view_basic td input[type="text"] {width:97%; height:26px; color:#333;}
table.table_view_basic td input.d_day	{width:90px; height:26px;}
table.table_view_basic td input.av		{width:35px;}
table.table_view_basic td input.search	{width:60%;}
table.table_view_basic td input.text	{width:200px;}
table.table_view_basic td input.snsid	{width:120px;}
table.table_view_basic td input.h5		{height:250px;}
table.table_view_basic select 			{border:1px solid #cccccc; height:28px; line-height:28px;}
table.table_view_basic textarea 		{padding:5px 5px; width:97%; height:50px; line-height:18px; background-color:#fff; border:solid 1px #d5d5d5;}
table.table_view_basic.tl				{border-top:1px solid #000;}
table.table_view_basic.bm				{margin-bottom:0px;}
table.table_view_basic.tm				{border-top:none;}


/* view_list *************************/
table.view_list 				{width:100%; font-size:16px; margin-bottom:20px; border:solid 1px #eaeaea; background-color:#fff;}
table.view_list th 				{padding:5px 0; color:#333333; background-color:#f8f8f8; padding:10px 0;}
table.view_list td 				{font-size:13px; line-height:24px; padding:10px 7px;}
table.view_list.bm				{margin-bottom:0px;}



/* table하단 버튼영역*/
.table_bottom_func {}

/* table_comment 댓글 *************************/
table.table_comment 				{width:100%; font-size:14px; border-top:solid 1px #000000; background-color:#fff;}
table.table_comment thead 			{border-bottom:solid 1px #cccccc;}
table.table_comment th 				{padding:15px 20px 0 20px; font-size:13px; color:#333333;}
table.table_comment th a 			{font-weight:normal;}
table.table_comment td 				{font-size:13px; line-height:20px; padding: 10px 20px;border-bottom:solid 1px #eaeaea;}


/* table_button_navi 이전글 다음글 *************************/
table.table_button_navi 			{width:100%; font-size:14px; margin-bottom:20px; border-top:solid 1px #000000;}
table.table_button_navi th 			{color:#666; text-align:center; border-right:solid 1px #eaeaea;  border-bottom:solid 1px #ddd; background-color:#f2f2f2;}
table.table_button_navi td 			{font-size:13px; line-height:20px; padding:10px 7px; border-right:solid 1px #eaeaea; border-bottom:solid 1px #e8e8e8;}
table.table_button_navi .line		{border-bottom:solid 1px #000000;}
table.table_button_navi .end		{border-right:none;}
table.table_button_navi a			{color:#333;}
table.table_button_navi a:hover		{text-decoration:underline;}


/* comment_list *************************/
table.comment_list 				{width:100%; font-size:14px; margin-bottom:20px; border-top:solid 2px #000000;}
table.comment_list td 			{font-size:13px; line-height:20px; padding:15px 25px 10px; background-color:#fff; border-bottom:1px solid #eaeaea;}
table.comment_list td .view		{padding:5px 0;}
table.comment_list td.end		{border-bottom:none;}
/*table.comment_list td textarea 	{}*/
table.comment_list.tl			{border-top:1px solid #000;}

/* 댓글 등록 버튼 */
.reply_write_box {padding-right:95px; overflow:hidden; position:relative;}
.reply_write_box textarea {float:left; padding:5px 5px; width:100%; height:70px; line-height:19px; vertical-align:middle; font-size:13px; background-color:#fff; border:solid 1px #d5d5d5;}
.btn_reply_write {display:inline-block; width:90px; height:70px; background-color:#fff; border:solid 1px #ccc; position:absolute; top:0; right:0;}
.btn_reply_write:hover {border:solid 1px #999;}


/* 대댓글 영역 2020-07-22 */
a.btn_replybox_view {display:inline-block; padding:0 5px; height:17px; line-height:17px; font-size:11px; background-color:#fff; border:solid 1px #999;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
a.btn_replybox_view:hover {background-color:#f2f2f2;}

.replybox_re {margin-top:10px; padding:10px 10px 0; border-top:solid 1px #eaeaea;}
.replybox_re .reply_write_box_re {}
.replybox_re .reply_write_box_re textarea {margin-bottom:5px; padding:5px 5px; width:100%; height:70px; line-height:19px; vertical-align:middle; font-size:13px; background-color:#fff; border:solid 1px #d5d5d5;}
.replybox_re .reply_write_box_re .func {text-align:right;}
.replybox_re .reply_write_box_re .func button {display:inline-block; margin:0 2px; padding:0 5px; height:26px; line-height:26px; font-size:12px; background-color:#fff; border:solid 1px #999;}
.replybox_re .reply_write_box_re .func button:hover {background-color:#f2f2f2;}


/* view_num_line *************************/
table.view_num_line				{width:100%; line-height:24px; margin-bottom:10px; border:1px solid #64625f; }
table.view_num_line th 			{font-size:18px; font-weight:600; padding:11px 0; color:#333333;}
table.view_num_line td 			{padding:15px;}
table.view_num_line .li_sub		{line-height:21px; background-color:#f8f8f8; padding:20px;}



/* 강의홈 : 교수화면 table_progress_table *************************/
.progress_box {padding:15px 0; background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
table.table_progress_table {width:100%; font-size:14px; border-top:solid 1px #d4d4d4; border-bottom:solid 1px #d4d4d4;}
table.table_progress_table tr.first th, table.table_progress_table tr.first td {border-top:none;}
table.table_progress_table th {padding:10px; color:#333333; text-align:left; border-top:solid 1px #e8d8dd; background-color:#fbeeee;}
table.table_progress_table td {padding:10px 7px; border-top:solid 1px #e8e8e8; background-color:#fff;}
table.table_progress_table .ta_c {text-align:center;}
/*table.table_progress_table a.btn {display:inline-block; width:84px; height:26px; line-height:26px; text-align:center; color:#fff; background-color:#929798; }
table.table_progress_table a.btn:hover {opacity:0.75;}*/
.day_status {display:inline-block; padding:0 10px; height:20px; text-align:center; line-height:20px; font-size:12px; background-color:#fff; border:solid 1px #c7c7c7;}

.progress_info {padding:0 50px;}
.progress_info .current {float:left; display:inline-block; color:#333; font-weight:600; width:50px; margin-left:-50px; text-align:center;}
.progress_info .track {float:left; display:inline-block; margin-top:7px; width:100%; height:3px; line-height:0; background-color:#ebebeb; overflow:hidden;}
.progress_info .track .bar {display:inline-block; height:4px; background-color:#e294ab; line-height:0;}
.progress_info .lack {float:left; display:inline-block; width:50px; margin-right:-50px; color:#333333; font-weight:600; text-align:center;}

table.table_progress_table tr.today .day_status {color:#fff; background-color:#98012e; border:solid 1px #98012e;}
table.table_progress_table tr.today .progress_info .current {color:#98012e;}
table.table_progress_table tr.today .progress_info .track .bar {background-color:#98012e; }

@media screen and (max-width:768px) {
	table.table_progress_table caption {display:none;}
	table.table_progress_table colgroup {display:none;}
	table.table_progress_table th {padding:5px; width:100px;}
	table.table_progress_table td {padding:5px;}
	table.table_progress_table td.learn_push {padding:0; width:90px;}
	table.table_progress_table td .btn {margin:2px 0;}

	.progress_info {padding:0 5px; line-height:7px;}	
	.progress_info .current {float:none; display:block; color:#333; font-weight:600; font-size:12px; width:35px; margin-left:0; text-align:center;}
	.progress_info .track {float:none; display:inline-block; margin-top:0; width:100%; height:3px; line-height:0; background-color:#ebebeb; overflow:hidden;}
	.progress_info .track .bar {display:inline-block; height:4px; background-color:#e294ab; line-height:0;}
	.progress_info .lack {display:none; width:35px; font-size:12px;}
}

/*파일업로드*/
.filebox label, .filebox .upload_name {border-radius:4px; height:34px; line-height:34px; background:#262626;  border:1px solid #000; border-width:1px 1px 2px 1px;   box-sizing:border-box; font-size:1em; color:#fff; vertical-align: middle;  cursor: pointer; padding:0 1em;}
.filebox{ display:inline-block;}
.filebox input[type="file"] { position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0;}
.filebox label {display: inline-block;}

/* named upload */
.filebox .upload_name{ display: inline-block; width:400px; padding:0 0.5em;  font-size: inherit; font-family: inherit;vertical-align: middle; background-color: #fff; color:#333; border:none; box-sizing:border-box; cursor:inherit;}

/*첨부파일 리스트 */
.file_list {text-decoration:underline;}
.btn_file_preview {display:inline-block; padding:1px 10px 1px 8px; font-size:12px; color:#333; background-color:#fff; border:solid 1px #999; border-radius:30px;}
.btn_file_preview:hover {background-color:#f2f2f2;}
.btn_file_preview i {font-size:14px; vertical-align:middle;}


/* paging ********************************/
.paging				{clear:both; text-align:center; margin-top:20px;}
.paging strong		{display:inline-block; height:30px; line-height:30px; padding:0 12px; color:#333333; border:1px solid #333; vertical-align:middle;}
.paging a			{display:inline-block; height:30px; line-height:30px; padding:0 12px; font-size:11px; color:#c0c0c0; vertical-align:middle;}
.paging a:hover		{color:#333333; font-weight:bold;}
.paging .prev		{background:url('../../images/icon/btn_paging_pre.png') no-repeat center center; height:30px; width:20px; padding:0; margin-right:5px;}
.paging .prev:hover	{background:url('../../images/icon/btn_paging_pre_on.png') no-repeat center center;}
.paging .next		{background:url('../../images/icon/btn_paging_next.png') no-repeat center center; height:30px; width:20px; padding:0; margin-left:5px;}
.paging .next:hover	{background:url('../../images/icon/btn_paging_next_on.png') no-repeat center center;}
.paging .first_item {font-size:0; text-decoration:-1000px; background:url('../../images/icon/btn_paging_first.png') no-repeat center center; height:30px; width:20px; padding:0; margin-right:5px;}
.paging .first_item:hover {background:url('../../images/icon/btn_paging_first_on.png') no-repeat center center;}
.paging .last_item {font-size:0; text-decoration:-1000px;background:url('../../images/icon/btn_paging_last.png') no-repeat center center; height:30px; width:20px; padding:0; margin-left:5px;}
.paging .last_item:hover {background:url('../../images/icon/btn_paging_last_on.png') no-repeat center center;}

/* 테스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿*/
@media all and (max-width:768px){
      .paging .mobile_hidden {display:none;}
}
/* 모바일*/
@media all and (max-width:480px){
}


/* viewbox *********************************/
.viewbox					{font-size:14px; line-height:24px; border-top:2px solid #000; border-bottom:solid 1px #ccc; padding:15px 0; background-color:#f2f2f2;}
.viewbox.blank 				{height:60px; padding-top:50px; text-align:center; vertical-align:middle;}
.viewbox.tl					{border-top:1px solid #000;}
.viewbox input.search		{width:40%; line-height:16px;}
.viewbox textarea 			{padding:5px 5px; width:98%; height:70px; line-height:19px; font-size:13px; background-color:#fff; border:solid 1px #d5d5d5;}
.viewbox select 			{border:1px solid #cccccc; height:28px; line-height:28px;}
.viewbox .search_row {padding:5px 10px; border-top:solid 1px #ebebeb;}
.viewbox .search_row.first {border-top:none;}


/* 설문등록-결과보기: *************************/
.progress 		{display:inline-block; width:80%; height:6px; margin-bottom:0; background-color:#eaeaea;}
.progress-bar 	{height:6px; background-color:#6a80b9;}



/* 데스크탑*/
@media all and (max-width:1200px){
      .viewbox {}
      .viewbox input.search {margin-bottom:5px;}
      .viewbox input[type="text"] {margin-bottom:5px;}
      .viewbox textarea {margin-bottom:5px;}
      .viewbox select {margin-bottom:5px;}
      .viewbox .btn {margin-bottom:5px;}
}


/*//////////////////////////////////////////////////////////////////////
 button style 
//////////////////////////////////////////////////////////////////////*/
/* size /// xs:12px, sm:14px, md:16px, mx:18px, lg:22px  */
a i.fa {display:inline-block; margin-right:3px;}

.btn {display:inline-block; padding:0 7px; color:#333; background-color:#fff; border:solid 1px #ccc; 
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; vertical-align:middle;}
.btn:hover {opacity:0.8;}

.btn i {display:inline-block; font-size:14px; }/*font 아이콘*/

.board_outside_btnarea {}
@media all and (max-width:1024px){
	.board_outside_btnarea .btn {margin:3px 0;}
	.board_outside_btnarea .fl_l, .board_outside_btnarea .fl_r {float:none;}
}


/* 버튼 폰트 사이즈 */
.btn_xs {font-size:12px; padding:0 5px; height:18px; line-height:18px;} /* 게시판 리스트의 항목별 버튼 */
.btn_xs i {vertical-align:middle;}
.btn_sm {font-size:13px; padding:0 7px; height:26px; line-height:26px;} /* 게시판 작성시 검색, 중복확인 등 기능버튼 */
.btn_md {font-size:14px; padding:0 7px; height:28px; line-height:28px;} /* 게시판 하단 기능버튼 */
.btn_mx {font-size:16px; padding:0 7px; height:26px; line-height:26px;}
.btn_lg {font-size:18px; padding:0 15px; height:35px; line-height:35px;} /* 페이지 하단 버튼 */

.fc_ui {color:#98012e;}/* 대학의 UI 칼라 설정 */

/* 버튼 배경 색상 */
.btn_bg_ui {color:#fff; background-color:#4660a9; border:solid 1px #4660a9;} /* 대학의 UI 칼라 설정 */
.btn_bg_ui i {color:#fff;}
.btn_bg_white {color:#333; background-color:#fff; border:solid 1px #333;}
.btn_bg_white i {color:#333;}
.btn_bg_white:hover {color:#333; background-color:#f2f2f2;}
.btn_bg_gray {color:#fff; background-color:#666; border:solid 1px #666;}
.btn_bg_gray i {color:#fff;}
.btn_bg_deepgray {color:#fff; background-color:#333; border:solid 1px #333;}
.btn_bg_deepgray i {color:#fff;}
.btn_bg_blue {color:#fff; background-color:#3478ca; border:solid 1px #3478ca;}
.btn_bg_red {color:#fff; background-color:#ce1d4c; border:solid 1px #ce1d4c;}
.btn_bg_orange {color:#fff; background-color:#ec6407; border:solid 1px #ec6407;}
.btn_bg_green {color:#fff; background-color:#2dc174; border:solid 1px #2dc174;}
.btn_bg_lightgray {color:#666; background-color:#ddd; border:solid 1px #ccc;}


/*//////////////////////////////////////////////////////////////////////
 table 내부 element
//////////////////////////////////////////////////////////////////////*/
/* 상태 : status **********************/
.status {display:inline-block; padding:0 5px; height:18px; line-height:18px; font-size:12px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;}
.status_complete {color:#fff;  background-color:#999; border:none;}
.status_yet {color:#fff;  background-color:#da6057; border:none;}
.status_ing {color:#fff;  background-color:#4caf92; border:none;}

/* 출석 상태 : status **********************/
.attend_status {display:inline-block; padding:0 5px; height:18px; line-height:18px; font-size:12px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;}
.attend_status_complete {color:#fff;  background-color:#999; border:none;} /*출석*/
.attend_status_absent {color:#fff;  background-color:#da6057; border:none;} /*결석*/
.attend_status_late {color:#fff;  background-color:#4caf92; border:none;} /*지각*/


/* icon style ********************************/
.icon_gray_s 		{display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:12px; background-color:#747474;}
.icon_blue_s 		{display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:12px; background-color:#6a80b9;}
.icon_orange_s 		{display:inline-block; padding:0 4px; height:16px; line-height:16px; color:#fff; font-size:11px; background-color:#fba01d;}
.icon_orange_s2 	{display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:11px; background-color:#fba01d;}
.icon_blue_s2 		{display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:12px; background-color:#6a80b9;}
.icon_violet_s 		{display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:12px; background-color:#8c80ba;}
.icon_skyblue_s 	{display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:12px; background-color:#74b6d1;}
.icon_skyblue_s2 	{display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:12px; background-color:#aad5d3;}
.icon_green_s 		{display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:12px; background-color:#cdd77d;}
.icon_white_s 		{display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#333; font-size:12px; background-color:#f2f2f2; border:solid 1px #ccc;}

.icon_circ_blue {display:inline-block; width:15px; height:15px; line-height:15px; color:#fff; background-color:#cbe2ee;
				-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.icon_circ_oran	{display:inline-block; width:15px; height:15px; line-height:15px; color:#fff; background-color:#ff8d6d;
				-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.icon_circ_ivory {display:inline-block; width:15px; height:15px; line-height:15px; color:#fff; background-color:#ece3cd;
				-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}

.icon_yes {display:inline-block; width:20px; height:20px; line-height:20px; color:#fff; background-color:#ad405d;
				-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.icon_no {display:inline-block; width:20px; height:20px; line-height:20px; color:#fff; background-color:#ccc;
		-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}

.icon_yes_s {display:inline-block; width:14px; height:14px; line-height:14px; color:#fff; background-color:#6a80b9;
			-webkit-border-radius:14px; -moz-border-radius:14px; -o-border-radius:14px; border-radius:14px;}
.icon_no_s {display:inline-block; width:14px; height:14px; line-height:14px; color:#fff; background-color:#ccc;
			-webkit-border-radius:14px; -moz-border-radius:14px; -o-border-radius:14px; border-radius:16px;}


/*//////////////////////////////////////////////////////////////////////
 강의실
//////////////////////////////////////////////////////////////////////*/

/* 개인이력의 개인정보 table */
table.table_nonsubject {width:100%; font-size:14px; border-top:solid 2px #000000;}
table.table_nonsubject thead {border-bottom:solid 1px #cccccc;}
table.table_nonsubject th {padding:10px; text-align:center; background-color:#fbeeee; border-right:solid 1px #eaeaea; border-bottom:solid 1px #e8d8dd;}
table.table_nonsubject td {padding:10px 5px; text-align:center; border-right:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea;}
table.table_nonsubject td.ta_l {text-align:left;}
table.table_nonsubject th.end, table.table_nonsubject td.end {border-right:none;}
table.table_nonsubject .avatar {margin:0 auto; padding:3px; width:140px; height:140px; overflow:hidden; border:solid 1px #f2f2f2;}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////
 기초학습
 /////////////////////////////////////////////////////////////////////////////////////////////////////////*/
table.table_nonsubject {width:100%; font-size:13px; border-top:solid 2px #000000;}
table.table_nonsubject thead {border-bottom:solid 1px #cccccc;}
table.table_nonsubject th {padding:10px; text-align:center; background-color:#f8f8f8; border-right:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea;}
table.table_nonsubject td {padding:10px 5px; text-align:center; border-right:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea;}
table.table_nonsubject td.ta_l {text-align:left;}
table.table_nonsubject th.end, table.table_nonsubject td.end {border-right:none;}
table.table_nonsubject .avatar {margin:0 auto; padding:3px; width:140px; height:140px; overflow:hidden; border:solid 1px #f2f2f2;}
tr.base_learn {}
tr.base_learn td {background-color:#f4f7f8;}
tr.offline_learn td {background-color:#fffaf1;}

.ta_btn {display:inline-block; padding:0 10px; height:19px; line-height:19px; color:#fff !important; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
.ta_btn:hover {opacity:0.7;}
.ta_btn_bg_gray {background-color:#747474; color:#fff;}

a.btn_gray_m        {display:inline-block; padding:0 15px; height:30px; line-height:30px; color:#fff; font-size:14px; background-color:#333333;}
a.btn_gray_m:hover  {background-color:#555555;}

p.title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////
 오프라인 출석관리
 /////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.attend_box {margin-bottom:20px; padding:10px 0 10px 10px; border-bottom:solid 1px #cccccc; overflow:hidden;}
.attend_box .total {float:left; margin-right:20px; font-size:18px; }
.attend_box .total strong {font-size:22px; color:#000;}
.attend_box .box {float:left; margin-right:5px; padding:0;}
.attend_box .box .ti {display:inline-block; vertical-align:middle; width:36px; height:36px; text-align:center; line-height:36px; font-size:14px; color:#fff; background:url('../../images/sub/attend/status_attend.gif') no-repeat center center;}
.attend_box .box .track {display:inline-block; vertical-align:middle; width:110px; height:10px; background-color:#dbdbdb; position:relative; left:-5px;}
.attend_box .box .track .bar {display:inline-block; height:10px; background-color:#17956d;}
.attend_box .box .count {position:relative; left:-5px; color:#17956d; font-weight:bold;}
.attend_box .box.state_delay .ti {background:url('../../images/sub/attend/status_delay.gif') no-repeat center center;}
.attend_box .box.state_delay .track .bar {background-color:#7e918b;}
.attend_box .box.state_delay .count {color:#7e918b;}
.attend_box .box.state_absence .ti {background:url('../../images/sub/attend/status_absence.gif') no-repeat center center;}
.attend_box .box.state_absence .track .bar {background-color:#ff6666;}
.attend_box .box.state_absence .count {color:#cc3333;}

.attend_list_album {margin-bottom:10px; border-top:solid 2px #333; border-bottom:solid 1px #999;}
.attend_list_album .group_name {padding:0 20px; margin-top:20px; border-bottom:solid 1px #efefef; background:url('../../images/icon/bullet_dot.png') no-repeat 10px center;}
.attend_list_album ul {padding:20px 0 0; overflow:hidden;}
.attend_list_album ul li {float:left; margin:0 5px 20px; /*width:25%;*/ position:relative;}
.attend_list_album ul li .outline {margin:0 auto; width:200px; height:280px; padding:10px; border:solid 1px #d8d8d8; position:relative; z-index:1;}
.attend_list_album ul li .photo {width:200px; height:190px; text-align:center;}
.attend_list_album ul li .photo img {width:160px; height:190px;}
.attend_list_album ul li .info {padding:5px 0 0;}
.attend_list_album ul li .info .std_name {display:block; margin-bottom:5px; padding-left:5px; font-weight:bold; text-align:center;}
.attend_list_album ul li .info .attend_check {padding:5px 0; text-align:center; border-top:solid 1px #e3e3e3;}
.attend_list_album ul li .info .attend_check label {margin-right:10px;}
.attend_list_album ul li .info .reason_input {padding-top:5px; text-align:center; border-top:solid 1px #e3e3e3;}

.attend_list_album ul li .outline.sign_absence {width:192px; height:272px; padding:10px; border:solid 5px #ff9999;}
.attend_list_album ul li .sign_absence {margin:0 auto; width:212px; height:292px; border:solid 5px #ff9999; position:absolute; top:0; left:50%; margin-left:-111px; z-index:0;}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////
 학습이력_팝업
 /////////////////////////////////////////////////////////////////////////////////////////////////////////*/
tr.week_title {}
tr.week_title td {padding:10px 2px; border-bottom:solid 1px #333; background-color:#dae1e4; font-weight:600;}
tr.week_title_time {}
tr.week_title_time td {padding:10px 2px; background-color:#f2f2f2;}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////
 게시판 반응형 작업
 /////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /* 강의수강 리스트 : 반응형 */
@media all and (max-width:1200px){
	#learning_list {border:none;}
	#learning_list colgroup {display:none;}
	#learning_list thead {display:none;}
	#learning_list tbody {}
	#learning_list tbody tr {display:block; margin-bottom:5px; border:solid 1px #999; border-radius:5px; padding:5px;}
	#learning_list tbody tr.week_num  {display:block; border:none; background-color:#675a5a; overflow:hidden;}
	#learning_list tbody tr.week_num td  {display:table; width:100%;}
	#learning_list tbody tr.week_num td .subject {display:table-cell; padding:5px 0; color:#fff; font-size:16px; font-weight:normal; vertical-align:middle;}
	#learning_list tbody tr.week_num td .btn {color:#333; border:solid 1px #fff; background-color:#fff;}
	#learning_list tbody tr.week_num td .btn i {color:#333;}
	#learning_list tbody tr.week_num td .fl_l {float:none;}
	#learning_list tbody tr.week_num td .fl_r {float:none; padding:0 5px;}

	#learning_list tbody td {display:inline-block; text-align:left; border:none;}
	#learning_list tbody td.rwd_time {font-size:14px; font-weight:600;}
	#learning_list tbody td.rwd_subject, #learning_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;}
	#learning_list tbody td.rwd_subject .subject {font-size:16px;}	
	#learning_list tbody .mobile_hidden {display:none;}
	#learning_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('../../images/icon/bullet_dot_xm.png') no-repeat left center;}
	#learning_list tbody td.rwd_block {display:block; line-height:1.0;}
	#learning_list tbody td.end.rwd_block {border-top:solid 1px #ccc;}
	#learning_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;}
	#learning_list tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;}
}

/* 과제 리스트 : 반응형 */
.pc_hidden {display:none;}
@media all and (max-width:1200px){
	#task_manager_list {border:none;}
	#task_manager_list colgroup {display:none;}
	#task_manager_list thead {display:none;}
	#task_manager_list tbody {}
	#task_manager_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;}
	#task_manager_list tbody td {display:inline-block; text-align:left; border:none;}
	#task_manager_list tbody td.rwd_checkbox {display:block;}
	#task_manager_list tbody td.rwd_subject, #task_manager_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;}
	#task_manager_list tbody td.rwd_subject .subject {font-size:16px;}
	#task_manager_list tbody td.rwd_num  {display:none;}
	#task_manager_list tbody .mobile_hidden {display:none;}
	#task_manager_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('../../images/icon/bullet_dot_xm.png') no-repeat left center;}
	#task_manager_list tbody td.rwd_block {display:block;}
	#task_manager_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;}
}

/* 과제 통계 페이지 */
 .task_graph_box {margin-bottom:2px; padding:5px 20px; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc;}
 .task_graph_summary {overflow:hidden;}
 .task_graph_summary ul {display:table; float:right;}
 .task_graph_summary ul li {display:table-cell; padding:3px 10px; color:#fff; background-color:#988a82;}
 .task_graph_summary ul li.average {background-color:#6b5548;}


/* 토론 리스트 : 반응형 */
@media all and (max-width:1200px){
	#discuss_manager_list {border:none;}
	#discuss_manager_list colgroup {display:none;}
	#discuss_manager_list thead {display:none;}
	#discuss_manager_list tbody {}
	#discuss_manager_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;}
	#discuss_manager_list tbody td {display:inline-block; text-align:left; border:none;}
	#discuss_manager_list tbody td.rwd_checkbox {display:block;}
	#discuss_manager_list tbody td.rwd_subject, #discuss_manager_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;}
	#discuss_manager_list tbody td.rwd_subject .subject {font-size:16px;}
	#discuss_manager_list tbody td.rwd_num  {display:none;}
	#discuss_manager_list tbody .mobile_hidden {display:none;}
	#discuss_manager_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('../../images/icon/bullet_dot_xm.png') no-repeat left center;}
	#discuss_manager_list tbody td.rwd_block {display:block; text-align:right;}
	#discuss_manager_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;}
}


/* 팀프로젝트 리스트 : 반응형 */
@media all and (max-width:1200px){
	#team_project_list {border:none;}
	#team_project_list colgroup {display:none;}
	#team_project_list thead {display:none;}
	#team_project_list tbody {}
	#team_project_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;}
	#team_project_list tbody td {display:inline-block; text-align:left; border:none;}
	#team_project_list tbody td.rwd_checkbox {display:block;}
	#team_project_list tbody td.rwd_subject, #team_project_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;}
	#team_project_list tbody td.rwd_subject .subject {font-size:16px;}
	#team_project_list tbody td.rwd_num  {display:none;}
	#team_project_list tbody .mobile_hidden {display:none;}
	#team_project_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('../../images/icon/bullet_dot_xm.png') no-repeat left center;}
	#team_project_list tbody td.rwd_block {display:block; line-height:1.0;}
	#team_project_list tbody td.end.rwd_block {border-top:solid 1px #ccc;}
	#team_project_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;}
}


/* 시험 리스트 : 반응형 */
@media all and (max-width:1200px){
	#exam_list {border:none;}
	#exam_list colgroup {display:none;}
	#exam_list thead {display:none;}
	#exam_list tbody {}
	#exam_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;}
	#exam_list tbody td {display:inline-block; text-align:left; border:none;}
	#exam_list tbody td.rwd_checkbox {display:block;}
	#exam_list tbody td.rwd_subject, #exam_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;}
	#exam_list tbody td.rwd_subject .subject {font-size:16px;}
	#exam_list tbody td.rwd_num  {display:none;}
	#exam_list tbody .mobile_hidden {display:none;}
	#exam_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('../../images/icon/bullet_dot_xm.png') no-repeat left center;}
	#exam_list tbody td.rwd_block {display:block; line-height:1.0;}
	#exam_list tbody td.end.rwd_block {border-top:solid 1px #ccc;}
	#exam_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;}
	#exam_list tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;}

	#viewbox {}
	#viewbox .mobile_hidden {display:none;}
}

/* 성적 리스트 : 반응형 */
@media all and (max-width:1200px){
	#grade_list {border:none;}
	#grade_list colgroup {display:none;}
	#grade_list thead {display:none;}
	#grade_list tbody {}
	#grade_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;}
	#grade_list tbody td {display:inline-block; text-align:left; border:none;}
	#grade_list tbody td.rwd_checkbox {display:block;}
	#grade_list tbody td.rwd_subject, #grade_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;}
	#grade_list tbody td.rwd_subject .subject {font-size:16px;}
	#grade_list tbody td.rwd_num  {display:none;}
	#grade_list tbody .mobile_hidden {display:none;}
	#grade_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('../../images/icon/bullet_dot_xm.png') no-repeat left center;}
	#grade_list tbody td.rwd_block {display:block; line-height:1.0;}
	#grade_list tbody td.end.rwd_block {border-top:solid 1px #ccc;}
	#grade_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;}
	#grade_list tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;}
}

/* 공지사항 리스트 : 반응형 */
@media all and (max-width:1200px){
	#notice_list {border:none;}
	#notice_list colgroup {display:none;}
	#notice_list thead {display:none;}
	#notice_list tbody {}
	#notice_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;}
	#notice_list tbody td {display:inline-block; text-align:left; border:none;}
	#notice_list tbody td.rwd_checkbox {display:block;}
	#notice_list tbody td.rwd_subject, #notice_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;}
	#notice_list tbody td.rwd_subject .subject {font-size:16px;}
	#notice_list tbody td.rwd_num  {display:none;}
	#notice_list tbody .mobile_hidden {display:none;}
	#notice_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('../../images/icon/bullet_dot_xm.png') no-repeat left center;}
	#notice_list tbody td.rwd_block {display:block; line-height:1.0;}
	#notice_list tbody td.end.rwd_block {border-top:solid 1px #ccc;}
	#notice_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;}
	#notice_list tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;}
}

/* 포트폴리오 : 반응형 */
@media all and (max-width:1200px){
	#portfolio_list {border:none;}
	#portfolio_list colgroup {display:none;}
	#portfolio_list thead {display:none;}
	#portfolio_list tbody {}
	#portfolio_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px; box-sizing:border-box;}
	#portfolio_list tbody td {display:inline-block; text-align:left; border:none;}
	#portfolio_list tbody td.rwd_checkbox {display:block; float:left;}
	#portfolio_list tbody td.rwd_subject, #portfolio_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;}
	#portfolio_list tbody td.rwd_subject .subject {font-size:16px;}
	#portfolio_list tbody td.rwd_num  {display:none;}
	#portfolio_list tbody .mobile_hidden {display:none;}
	#portfolio_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('../../images/icon/bullet_dot_xm.png') no-repeat left center;}
	#portfolio_list tbody td.rwd_block {display:block; line-height:1.0;}
	#portfolio_list tbody td.end.rwd_block {border-top:solid 1px #ccc;}
	#portfolio_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;}
	#portfolio_list tbody td.rwd_cata {float:right; margin:0 2px; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;}
	#portfolio_list tbody td.rwd_tage {float:right; margin:0 2px; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;}
	#portfolio_list tbody td.rwd_weeknum {padding:3px 5px; font-size:12px; background-color:#fff; line-height:1; border-radius:20px; border:solid 1px #333;}

	table.table_list_basic tr.bg_weeknum {display:block; width:100%; text-align:center;}

	#portfolio_career  colgroup {display:none;}
	#portfolio_career thead {display:none;}	
	#portfolio_career tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; padding:5px; box-sizing:border-box;}
	#portfolio_career tbody td {display:inline-block; text-align:left; border:none;}
	#portfolio_career tbody td span.pc_hidden {display:inline-block; padding-left:5px; margin-right:3px; font-size:12px; color:#333; font-weight:600; background:url('../../images/icon/bullet_dot_xm.png') no-repeat left center;}
	#portfolio_career tbody td.rwd_block {display:block; line-height:1.0; border-bottom:solid 1px #ccc;}
	#portfolio_career tbody td:last-child {border-bottom:none;}
}

/* 현황 리스트 : 반응형 */
@media all and (max-width:768px){
	#learn_status_list {border:none;}
	#learn_status_list colgroup {display:none;}
	#learn_status_list thead {display:none;}
	#learn_status_list tbody {}
	#learn_status_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;}	
	#learn_status_list tbody td {display:inline-block; text-align:left; border:none; font-size:14px;}
	#learn_status_list tbody td.rwd_checkbox {display:block; float:left;}
	#learn_status_list tbody td.rwd_subject, #learn_status_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;}
	#learn_status_list tbody td.rwd_subject .subject {font-size:16px;}
	#learn_status_list tbody td.rwd_num  {display:none;}
	#learn_status_list tbody .mobile_hidden {display:none;}
	#learn_status_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('../../images/icon/bullet_dot_xm.png') no-repeat left center;}
	#learn_status_list tbody td.rwd_block {display:block; line-height:1.0;}
	#learn_status_list tbody td.rwd_flot_left {float:left;}
	#learn_status_list tbody td.end.rwd_block {border-top:solid 1px #ccc;}
	#learn_status_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;}
	#learn_status_list tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;}

	#learn_status_list tbody tr.total {border:solid 3px #999; border-radius:5px; padding:5px;}
	
	#learn_status_list tbody tr.act_head {position:relative; margin-top:50px;}
	#learn_status_list tbody tr.act_head:first-child {position:relative; margin-top:30px;}
	#learn_status_list tbody td.act_title {font-size:18px; color:#333; font-weight:600; border-bottom:solid 1px #ddd; position:absolute; left:0; top:-30px;}
	#learn_status_list tbody th.act_title {font-size:18px; color:#333; font-weight:600; background-color:#fff; border:none;}
}

/* 학습이력 팝업 : 반응형 */
@media all and (max-width:768px){
	#learning_week_status {}
	#learning_week_status {border:none;}
	#learning_week_status colgroup {display:none;}
	#learning_week_status thead {display:none;}
	#learning_week_status tbody {}
	#learning_week_status tbody tr {display:block; margin-bottom:5px; border:solid 1px #999; border-radius:5px; padding:5px;}	
	#learning_week_status tbody tr.week_title {background-color:#dae1e4;}
	#learning_week_status tbody tr.week_title td {display:block; text-align:center;}
	#learning_week_status tbody tr.week_title_time {background-color:#f2f2f2;}
	#learning_week_status tbody tr.week_title_time td {}
	#learning_week_status tbody td {display:inline-block; text-align:left; border:none; font-size:14px;}
	#learning_week_status tbody td.rwd_subject {display:block; padding:3px 5px; border-bottom:solid 1px #ccc;}
	#learning_week_status tbody td.rwd_subject .subject {font-size:14px;}
	#learning_week_status tbody td.rwd_status {display:block; text-align:right;}	
	#learning_week_status tbody .mobile_hidden {display:none;}
	#learning_week_status tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('../../images/icon/bullet_dot_xm.png') no-repeat left center;}
	#learning_week_status tbody td.rwd_block {display:block; line-height:1.0;}
	#learning_week_status tbody td.end.rwd_block {border-top:solid 1px #ccc;}
	#learning_week_status tbody td .btn {padding:0 10px; height:26px; line-height:26px;}
	#learning_week_status tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;}
}

/* 출석현황 팝업 : 반응형 */
@media all and (max-width:768px){
	#learning_week_present {}
	#learning_week_present {border:none;}
	#learning_week_present colgroup {display:none;}
	#learning_week_present thead {display:none;}
	#learning_week_present tbody {}
	#learning_week_present tbody tr {display:block; margin-bottom:5px; border:solid 1px #999; border-radius:5px; padding:5px;}	
	#learning_week_present tbody tr.week_title {background-color:#dae1e4;}
	#learning_week_present tbody tr.week_title td {display:inline-block; text-align:center;}
	#learning_week_present tbody tr.week_title_time {background-color:#f2f2f2;}
	#learning_week_present tbody tr.week_title_time td {}
	#learning_week_present tbody td {display:inline-block; text-align:left; border:none; font-size:14px;}
	#learning_week_present tbody td.rwd_subject {display:block; padding:3px 5px; border-bottom:solid 1px #ccc;}
	#learning_week_present tbody td.rwd_subject .subject {font-size:14px;}
	#learning_week_present tbody td.rwd_status {display:block; text-align:right;}	
	#learning_week_present tbody .mobile_hidden {display:none;}
	#learning_week_present tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('../../images/icon/bullet_dot_xm.png') no-repeat left center;}
	#learning_week_present tbody td.rwd_block {display:block; line-height:1.0;}
	#learning_week_present tbody td.end.rwd_block {border-top:solid 1px #ccc;}
	#learning_week_present tbody td .btn {padding:0 10px; height:26px; line-height:26px;}
	#learning_week_present tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;}
}


/* 기본  : 반응형 */
@media all and (max-width:768px){
	#base_list {border:none;}
	#base_list colgroup {display:none;}
	#base_list thead {display:none;}
	#base_list tbody {}
	#base_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;}
	#base_list tbody tr.rwd_top_notice {background-color:#f2f2f2;}
	#base_list tbody td {display:inline-block; text-align:left; border:none;}
	#base_list tbody td.rwd_checkbox {display:block;}
	#base_list tbody td.rwd_subject, #base_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;}
	#base_list tbody td.rwd_subject .subject {font-size:16px;}
	#base_list tbody td.rwd_num  {display:none;}
	#base_list tbody .mobile_hidden {display:none;}
	#base_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('../../images/icon/bullet_dot_xm.png') no-repeat left center;}
	#base_list tbody td.rwd_block {display:block; line-height:1.0;}
	#base_list tbody td.rwd_fl_l {float:left;}
	#base_list tbody td.end.rwd_block {border-top:solid 1px #ccc;}
	#base_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;}
	#base_list tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;}

	#base_list tbody tr.act_head {position:relative; margin-top:50px;}
	#base_list tbody tr.act_head:first-child {position:relative; margin-top:30px;}
	#base_list tbody td.act_title {font-size:18px; color:#333; font-weight:600; border-bottom:solid 1px #ddd; position:absolute; left:0; top:-30px;}
	#base_list tbody th.act_title {font-size:18px; color:#333; font-weight:600; background-color:#fff; border:none;}
}


/* 기본  : 반응형 */
@media all and (max-width:768px){
	#base_view {}
	#base_view colgroup {display:none;}
	#base_view th {}
	#base_view td {}
}

/* 데이터가 없을 경우 멘트 : 2020-06-29 */
.blank_data_ment {padding:30px; text-align:center; border:solid 1px #ddd; background-color:#fff;}
.blank_data_ment img {}
.blank_data_ment span {color:#666;}
@media all and (max-width:768px){
	.blank_data_ment {-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 커뮤니티 
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.community_name {margin-bottom:30px; padding:13px; line-height:1.3; border:solid 1px #ccc; font-size:20px; color:#333333; font-weight:bold; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.community_comment {display:table; width:100%; height:140px; background:url('../../images/sub/community/community_main_visual1.png') #ffce4d no-repeat 30px top;}
.community_comment span.ment {display:table-cell; padding-left:300px; font-size:24px; color:#6c503e; line-height:1.3; vertical-align:middle;}
.community_commentuser {border-bottom:solid 1px #ccc; margin-bottom:30px; padding:17px 10px 15px 38px; color:#666666; overflow:hidden;}
.community_commentuser span.thum {border:solid 1px #9c9e9a; margin-right:15px; width:85px; height:64px; overflow:hidden;}
.community_commentuser span {display:block;}

.community_search {padding:10px; background-color:#f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.community_search select {background-color:#fff !important;}

.community_title1 {padding-left:10px; width:100%; font-size:16px; font-weight:600; border-bottom:solid 1px #ccc;}

.community_board {position:relative; width:48%; overflow:hidden;}
.community_board .more {font-size:12px; position:absolute; right:10px; top:6px; z-index:200;}
.community_list {}
.community_list ul.list{ margin:5px 0 0px 5px;}
.community_list ul.list li{line-height:24px; background:url('../../images/ctl/bullet_dot.png') no-repeat left 8px; padding-left:9px; overflow:hidden; position:relative;}
.community_list ul.list li a.boardlist {font-size:13px; display:block; margin-right:100px;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.community_list ul.list li span.noticeDate {font-size:12px; color:#999; position:absolute; top:0; right:10px;}

.community_album {width:320px; padding:5px 15px;}
.community_album dl{margin-bottom:5px; padding:5px 0;}
.community_album dt{float:right; width:225px;  margin:3px 0 5px 0px; padding:0;  font-weight:bold; letter-spacing:-1px; line-height:120%; color:#666666; 
 display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.community_album dd{margin:0; color:#666; font-size:12px; line-height:1.4;}
.community_album dd.img img{float:left; width:87px; margin:0 5px 0 0; padding:0px; border:1px solid #dadada;}
.community_album dl.endlist{margin-bottom:5px;}

a.communityName:link {font-size:16px; color:#333; font-weight:600; text-decoration:none;}
a.communityName:hover { color:#ff6600; text-decoration:none;}

.state_comfirmagree {color:#0099cc;}
.state_complete {color:#999;}
.state_reject {color:#ff3333;}
.state_close {color:#999;}
.state_colosagree {color:#ff6600;}

@media all and (max-width:1200px){
	.community_comment {display:none;}
	.community_board {width:100%; margin-bottom:20px;}
}

/* 커뮤니티 메뉴관리 */
.menu_manager {padding:10px 0; margin-bottom:10px; border-bottom:solid 1px #ccc; overflow:hidden;}
.menu_manager .basic_set {float:left; width:45%;}
.menu_manager .menu_move {float:left; padding-top:90px; width:10%; text-align:center;}
.menu_manager .menu_move a {display:block; padding:3px 0;}
.menu_manager .custom_set {float:left; width:45%;}
.menu_manager .title {margin-bottom:3px; height:30px; line-height:30px; text-align:center; color:#647d88; border:solid 1px #eee;}
.menu_manager select {padding:10px 5px; width:100%; height:200px; color:#666; border:solid 1px #ccc;}
.menu_manager .basic_set select {height:233px;}

.menu_manager .control {padding:5px 0;}
.menu_manager .control input[type="text"] {width:200px; color:#666;}
.menu_manager .control a.btn_move {display:inline-block; width:26px; height:26px; line-height:26px; font-size:0; text-indent:-10000px; background-color:#fff; border:solid 1px #c3c3c3;}
.menu_manager .control a.btn_move:hover {border:solid 1px #999;}
.menu_manager .control a.btn_move_top {background:url('../../images/sub/community/btn_menu_move_top.png') no-repeat center center;}
.menu_manager .control a.btn_move_down {background:url('../../images/sub/community/btn_menu_move_down.png') no-repeat center center;}
.menu_manager .control a.btn_rename {display:inline-block; padding:0 10px; height:26px; line-height:26px; font-size:12px; color:#fff; background-color:#666; border:solid 1px #666;}

@media all and (max-width:768px){
	.menu_manager .control {padding:7px 0 0;}
	.menu_manager .control input[type="text"] {margin-bottom:5px; width:100%; color:#666; background-color:#f2f2f2; box-sizing:border-box;}
}


/* 커뮤니티 홈 배너 */
.community_home_banner {display:table; width:100%;}
.community_home_banner .left {display:table-cell; width:50%; text-align:left;}
.community_home_banner .right {display:table-cell; width:50%; text-align:right;}

@media all and (max-width:640px){
	.community_home_banner {display:block}
	.community_home_banner .left {display:block; width:auto; text-align:center; margin-bottom:5px;}
	.community_home_banner .right {display:block; width:auto; text-align:center;}
}


/* 사진게시판 */
.photo_board {}
.photo_board ul {margin-left:-2%; overflow:hidden;}
.photo_board ul li {float:left; margin-left:2%; margin-bottom:15px; width:31.33%;}
.photo_board ul li a {display:block;}
.photo_board ul li span.thum {display:block; height:130px; background-position:center center; background-size:cover; background-repeat:none; border:solid 1px #f2f2f2;}
.photo_board ul li span.photo_info {display:block; padding:10px; background-color:#fff;}
.photo_board ul li span.photo_info .subject {display:block; font-size:16px;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.photo_board ul li span.photo_info .writer {display:block; font-size:12px; color:#666;}
.photo_board ul li span.photo_info .date {display:block; font-size:12px; color:#666;}

@media all and (max-width:768px){
      .photo_board ul li {margin-left:2%; width:48%;}
}

@media all and (max-width:414px){
      .photo_board ul li {margin-left:2%; width:98%;}
}

/* 커뮤니티 전용 tabMenu ///////////////////////////////////////*/
/*기본tab*/
.tabmenu_community_base {margin-bottom:20px; padding-bottom:5px; border-bottom:solid 1px #ddd; position:relative; z-index:0;}
.tabmenu_community_base>ul {}
.tabmenu_community_base>ul:after {content:""; display:block; clear:both;}
.tabmenu_community_base>ul>li {float:left; margin-bottom:5px; padding:0 2px;}
.tabmenu_community_base>ul>li .btn_title {display:block; padding:5px 10px; font-size:14px; color:#666; text-align:center; line-height:1.2; border:solid 1px #cacaca; background-color:#fff;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.tabmenu_community_base>ul>li .btn_title span {color:#000; font-size:12px; font-weight:600;}
.tabmenu_community_base>ul>li .btn_title:hover {color:#333; background-color:#f2f2f2;}
.tabmenu_community_base>ul>li .btn_title.active {color:#fff; border:solid 1px #701e20; background-color:#701e20;}
.tabmenu_community_base>ul>li .btn_title.active span {color:#fff;}

/*변경tabl*/
.tabmenu_community_flex {margin-bottom:20px; padding-bottom:5px; border-bottom:solid 1px #ddd; position:relative; z-index:0;}
.tabmenu_community_flex>ul {}
.tabmenu_community_flex>ul:after {content:""; display:block; clear:both;}
.tabmenu_community_flex>ul>li {float:left; margin-bottom:5px; padding:0 2px; width:140px;}
.tabmenu_community_flex>ul>li .btn_title {display:block; padding:0 10px; height:32px; line-height:32px; font-size:14px; color:#333; text-align:center; border:solid 1px #999; background-color:#fff;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.tabmenu_community_flex>ul>li .btn_title:hover {color:#333; background-color:#f2f2f2;}
.tabmenu_community_flex>ul>li .btn_title.active {color:#fff; border:solid 1px #596165; background-color:#596165;}

.tabmenu_community_flex>ul>li .btn_title.home {font-size:0; background-image:url('../../images/sub/community/icon_home_gray.png'); background-repeat:no-repeat; background-position:center center;}
.tabmenu_community_flex>ul>li .btn_title.home.active {font-size:0; background-image:url('../../images/sub/community/icon_home_white.png'); background-repeat:no-repeat; background-position:center center;}
.tabmenu_community_flex>ul>li select {width:100%; height:34px; font-size:14px; color:#666; border:solid 1px #999; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.tabmenu_community_flex>ul>li select.active {color:#fff; background-color:#596165;}

@media all and (max-width:414px){
	.tabmenu_community_flex>ul>li {float:left; width:50%; box-sizing:border-box;}
}


/* 커뮤니티 기본 검색 박스 //////////////////////////////////////*/
.community_search_box_basic {overflow:hidden;}
.community_search_box_basic .left {float:left;}
.community_search_box_basic .right {float:right;}

@media all and (max-width:414px){
    .community_search_box_basic {padding:10px 10px; background-color:#f2f2f2; overflow:hidden;}
	.community_search_box_basic .left {float:none; padding:0 5px 5px; border-bottom:solid 1px #ddd;}
	.community_search_box_basic .right {float:none; padding:5px 5px 0;}
}


/* 가입 승인 대기 */
.confirm_hold_box {padding:100px 20px; text-align:center;}
.confirm_hold_box .hold_ment_top {display:inline-block; padding:0 50px 20px; border-bottom:solid 1px #ebebeb;}
.confirm_hold_box .hold_ment_top img {vertical-align:baseline;}
.confirm_hold_box .hold_ment_top span {margin-left:10px; vertical-align:baseline; font-size:18px; color:#353535;}
.confirm_hold_box .hold_ment_top strong {font-size:30px; color:#613438;}
.confirm_hold_box .hold_ment_bottom {padding:20px;}
.confirm_hold_box .hold_ment_bottom span {font-size:16px; color:#666666;}

@media all and (max-width:640px){
	.confirm_hold_box {padding:50px 10px;}
	.confirm_hold_box .hold_ment_top {padding:0 20px 20px;}
	.confirm_hold_box .hold_ment_top span {margin-left:5px; font-size:16px;}
	.confirm_hold_box .hold_ment_top strong {font-size:25px;}
	.confirm_hold_box .hold_ment_bottom {padding:10px 0;}
	.confirm_hold_box .hold_ment_bottom span {font-size:15px;}
}

@media all and (max-width:414px){
	.confirm_hold_box {padding:50px 0px;}
	.confirm_hold_box .hold_ment_top {padding:0 10px 10px;}
	.confirm_hold_box .hold_ment_top span {margin-left:5px; font-size:14px;}
	.confirm_hold_box .hold_ment_top strong {font-size:20px;}
	.confirm_hold_box .hold_ment_bottom {padding:10px 0;}
	.confirm_hold_box .hold_ment_bottom span {font-size:14px;}
}