@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
공통 element
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 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:780px; background-color:#fff; border:solid 1px #666; position:absolute; top:100px; left:50%; margin-left:-390px; z-index:101;}
.l_popup>.title {font-size:20px; color:#fff; font-weight:normal; background-color:#335493; border-bottom:solid 1px #335493; position:relative;}
.l_popup>.title span {display: block; margin-left:20px; margin-right:50px; padding:10px 0; font-size:20px; line-height: 1.2;}
.l_popup .pop_body {padding:20px 22px 0px;}
.l_popup .pop_footer {padding:5px 22px 30px;}
.l_popup .pop_footer a {margin:0 5px;}
.l_popup .btn_popup_close {display:inline-block; width:26px; height:26px; font-size:0; text-indent:-10000px; background:url('../../../images/core/icon/btn_pop_close.png') no-repeat center center; position:absolute; top:50%; right:15px; margin-top:-13px;}
.l_popup .btn_popup_close i {display:none; 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/core/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/core/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/core/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 1px #666; background-color:#fff;}
table.table_list_basic thead 			{border-bottom:solid 1px #ccc; line-height:1.2;}
table.table_list_basic th 				{padding:15px 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:7px 3px; color:#333; font-weight:normal; 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:14px; 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;}
	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;}
}
/* 모바일*/
@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;}
	table.table_list_basic .list_date {display:none;}
	table.table_list_basic .list_hit {display:none;}
}

/* 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; font-size:14px; 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 				{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;}

/* 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;}


/* 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; 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/core/icon/btn_paging_pre.png') no-repeat center center; height:30px; width:20px; padding:0; margin-right:5px;}
.paging .prev:hover	{background:url('../../../images/core/icon/btn_paging_pre_on.png') no-repeat center center;}
.paging .next		{background:url('../../../images/core/icon/btn_paging_next.png') no-repeat center center; height:30px; width:20px; padding:0; margin-left:5px;}
.paging .next:hover	{background:url('../../../images/core/icon/btn_paging_next_on.png') no-repeat center center;}
.paging .first_item {font-size:0; text-decoration:-1000px; background:url('../../../images/core/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/core/icon/btn_paging_first_on.png') no-repeat center center;}
.paging .last_item {font-size:0; text-decoration:-1000px;background:url('../../../images/core/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/core/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:13px; padding:0 5px; height:20px; line-height:16px;} /* 게시판 리스트의 항목별 버튼 */
.btn_xs i {vertical-align:middle;}
.btn_sm {font-size:13px; padding:0 7px; height:26px;} /* 게시판 작성시 검색, 중복확인 등 기능버튼 */
.btn_md {font-size:14px; padding:0 7px; height:28px;} /* 게시판 하단 기능버튼 */
.btn_mx {font-size:15px; padding:0 7px; height:30px; }
.btn_lg {font-size:16px; padding:0 15px; height:35px; line-height:33px;} /* 페이지 하단 버튼 */

.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_deepblue {color:#fff; background-color:#004a80; border:solid 1px #004a80;}
.btn_bg_red {color:#fff; background-color:#ea0009; border:solid 1px #ea0009;}
.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_deepgreen {color:#fff; background-color:#005e20; border:solid 1px #005e20;}
.btn_bg_yellow {color:#fff; background-color:#ffa001; border:solid 1px #ffa001;}
.btn_bg_lightgray {color:#666; background-color:#ddd; border:solid 1px #ccc;}


/* 파일첨부 */
button.btn_file {padding:0 10px; height:30px; background-color:#fff; 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/core/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/core/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/core/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/core/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/core/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/core/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/core/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/core/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/core/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/core/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/core/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/core/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/core/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; padding:2px;}
	#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/core/icon/bullet_dot.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 {margin-bottom:5px; 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 {padding:10px 0; border-top:solid 1px #dc943a;}
	#base_view th {display:block; padding:10px 5px 5px 20px; border:none; text-align:left; background:url('../../../images/core/icon/bullet_bar.png') no-repeat 10px center; background-color:#ffffff; }
	#base_view td {display:block; padding:5px 15px 5px; border:none; border-bottom:solid 1px #ddd;}
	#base_view td input[type="text"] {margin-bottom:5px;}
	#base_view td label {display:inline-block;}
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
추가 element : 2025-03-07에 common_board에 추가됨. 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ***************************************************************************************
 메시지 모달 팝업  : 2023-05-30
 ****************************************************************************************/
.msg_popup {width:500px; background-color:#fff; border:solid 1px #666; position:fixed; top:50%; left:50%; margin-top:-150px; margin-left:-250px; z-index:101;}
.msg_popup>.title {height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:normal; background-color:#335493; border-bottom:solid 1px #335493; position:relative;}
.msg_popup>.title span {display: block; margin-left:20px; margin-right: 50px;}
.msg_popup .pop_body {padding:20px 22px 0px; font-size:16px;}
.msg_popup .pop_footer {padding:5px 22px 20px;}
.msg_popup .pop_footer .row_func {text-align:center;}
.msg_popup .pop_footer a {margin:0 5px;}
.msg_popup .btn_popup_close {display:inline-block; width:26px; height:26px; font-size:0; text-indent:-10000px; background:url('../../../images/core/icon/btn_pop_close.png') no-repeat center center; position:absolute; top:50%; right:15px; margin-top:-13px;}
.msg_popup>.title .btn_func {position:absolute; top:3px; right:10px;}
.msg_popup>.title .btn_func a {display:inline-block; margin:0 3px; color:#fff; position:relative; top:initial; right:initial;}
.msg_popup>.title .btn_func a i {color:#fff;}

@media screen and (max-width:480px) {
	.msg_popup {width:96%; left:2%; margin-left:0;}
	.msg_popup .pop_body {padding:20px 10px 0px;}
	.msg_popup .pop_footer {padding:5px 10px 30px;}
}

/* 만족도조사 진행상황 */
.survey_status {display:inline-block; padding:0 5px; color:#fff; font-size:13px; vertical-align:middle; height:20px; line-height:20px; background-color:#f2f2f2; border:none; border-radius:3px;}
.survey_status.ing {background-color:#f68f54;}


/* ***************************************************************************************
 만족도 진단하기 모달 팝업  : 2023-05-30
 ****************************************************************************************/
 h3.diagnosis_title {margin-bottom:20px; font-size:20px;}
 /* h4.diagnosis_stitle {display:inline-block; margin-bottom:10px; padding-left:30px; color:#333; font-size:22px; background:url('../../images/sub/05/capability_diagnosis/survey_bullet_title.png') no-repeat left center;} */
 h4.diagnosis_stitle {display:inline-block; margin-bottom:10px; color:#333; font-size:22px;}
 h4.diagnosis_stitle i {color:#009688;}
 h4.diagnosis_stitle2 {display:inline-block; margin-bottom:10px; padding-left:15px; color:#333; font-size:20px; position:relative;}
 h4.diagnosis_stitle2:after {display:block; content:''; width:7px; height:3px; background-color:#333; position:absolute; top:14px; left:0;}

 h5.diagnosis_stitle3 {display:inline-block; margin-left:10px; color:#333; font-size:18px;}
 h5.diagnosis_stitle3 i {color:#333;}

 h5.diagnosis_stitle4 {display:inline-block; color:#333; font-size:18px;}
 h5.diagnosis_stitle4 lord-icon {width:40px; height:40px; vertical-align:middle;}
 h5.diagnosis_stitle4 i {color:#333; font-size:20px;}
 h5.diagnosis_stitle4 span {vertical-align:middle;}
 
 .suvey_cont_depth2 {padding:15px 0; border-top:solid 2px #7f7f7f;}
 .suvey_cont_depth3 {margin:0 15px;}

 @media screen and (max-width:480px) {
      .suvey_cont_depth3 {margin:0;}
}

.diagnosis_popup {width:100%; height:100%; background-color:#fff; position:fixed; top:0; left:0; z-index:101;}
.diagnosis_popup .container {height:100%; position:relative;}
.diagnosis_popup .pop_header {width:100%; height:50px; line-height:50px; color:#fff; font-weight:normal; background-color:#335493; 
	position:absolute; left:0; top:0; z-index:1; overflow:hidden;}
.diagnosis_popup .pop_header .leftarea {float:left; margin-left:20px;}
.diagnosis_popup .pop_header .leftarea .logo {display:inline-block; margin-right:20px; line-height:1; vertical-align:middle;}
.diagnosis_popup .pop_header .leftarea .btn_save {display:inline-block; padding:2px 10px; vertical-align:middle; font-size:14px; color:#333; background-color:#ffeb3b; border:solid 1px #ffeb3b; border-radius:30px;}
.diagnosis_popup .pop_header .leftarea .btn_save:hover {color:#fff; background-color:#ff9800; border:solid 1px #ff9800;}
.diagnosis_popup .pop_header .leftarea .save_time {display:inline-block; margin-left:10px; vertical-align:middle;}

.diagnosis_popup .pop_header .rightarea {float:right; line-height:0; padding-top:12px; padding-right:50px;}
.diagnosis_popup .pop_header .rightarea .std_username {line-height:50px;}
.diagnosis_popup .pop_header .rightarea .std_username .photo {display:inline-block; margin-right:5px; vertical-align:middle; width:30px; height:30px; text-align:center; line-height:30px; background-color:#ebebeb; border-radius:30px; overflow:hidden;}
.diagnosis_popup .pop_header .rightarea .std_username .photo img {width:30px; height:30px;}
.diagnosis_popup .pop_header .rightarea .std_username .name {display:inline-block; }

.diagnosis_popup .pop_header .rightarea .btn_submit {display:inline-block; padding:0 10px; height:26px; vertical-align:middle; font-size:14px; color:#fff; background-color:#ec6407; border:solid 1px #ec6407; border-radius:30px;}
.diagnosis_popup .pop_header .rightarea .btn_submit:hover {opacity:0.9;}

.diagnosis_popup .pop_header .btn_popup_close {display:inline-block; width:26px; height:26px; font-size:0; text-indent:-10000px; background:url('../../../images/core/icon/btn_pop_close.png') no-repeat center center; position:absolute; top:50%; right:15px; margin-top:-13px;}

.diagnosis_popup .pop_body {padding:70px 22px 100px; width:100%; height:100%; overflow-y:auto; box-sizing:border-box; font-size:16px; position: relative; top:0; left:0;}

.diagnosis_popup .pop_footer {overflow:hidden; padding:10px 80px; width:100%; height:55px; box-sizing:border-box; background-color:#424242; position:absolute; left:0; bottom:0;}
.diagnosis_popup .pop_footer .row_func_left {position:absolute; top:10px; left:10px;}
.diagnosis_popup .pop_footer .row_func_right {position:absolute; top:10px; right:10px;}

@media all and (max-width:768px){   
	.diagnosis_popup .pop_header .leftarea .logo {display:none;}
}

@media all and (max-width:480px){   
      .diagnosis_popup .pop_header .leftarea {margin-left:10px;}
      .diagnosis_popup .pop_header .leftarea .save_time {margin-left:5px; line-height:15px;}
      .diagnosis_popup .pop_header .leftarea .save_time span {display:block;}
	.diagnosis_popup .pop_body {padding:70px 10px 70px;}
}

/* 진단개요 */
.diagnosis_intro {padding:30px; padding-left:170px; border-radius:15px; background:url('../../../images/core/sub/05/capability_diagnosis/test_guide_thum.png') #f2f2f2 no-repeat 50px center;}
.diagnosis_intro .outline {border-left:solid 1px #ccc; padding-left:25px;}
.diagnosis_intro .outline .captain {margin-top:20px; text-align:right;}

@media all and (max-width:480px){   
      .diagnosis_intro {padding-left:30px; padding-top:30px; background:url('../../../images/core/sub/05/capability_diagnosis/test_guide_thum.png') #f2f2f2 no-repeat center 20px;}
      .diagnosis_intro .outline {border-left:none; border-top:solid 1px #ccc; padding-left:0; padding-top:10px; margin-top:90px;}
}

/* 추가정보 : 연령대 3col */
.add_info_row {padding:20px 30px; background-color:#f2f2f2; border-radius:15px;}
.add_info_row.not_checking {color:initial; border:solid 2px #ff0000;}
.add_info_row ul {display:grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px;}
.add_info_row ul li {}

@media all and (max-width:768px){   
	.add_info_row ul {grid-template-columns: 1fr 1fr;}
}
@media all and (max-width:480px){   
	.add_info_row ul {grid-template-columns: 1fr;}
}


/* 평가기간 */
.diagnosis_term {padding:15px; text-align:center; background-color:#ebebeb; border-radius:50px;}
.diagnosis_term .img_icon {vertical-align:middle; width:40px; height:40px;}
.diagnosis_term span {font-weight:600; vertical-align:middle;}
@media all and (max-width:480px){   
	.diagnosis_term {padding:10px;}
	.diagnosis_term span {letter-spacing:-1px;}
}

/* 필수항목 미체크, 미입력시 */
.not_checking {color:#ff0000;}


/* 설문, 진단완료 메시지 */
.survey_complate {display:table; width:100%; height:100%;}
.survey_complate .outline {display:table-cell; font-size:24px; text-align:center; vertical-align:middle;}
.survey_complate .outline img {margin-bottom:10px;}
.survey_complate .outline strong {display:block;}
.survey_complate .outline span {display:block; margin-bottom:10px;}

@media all and (max-width:480px){   
	.survey_complate .outline {font-size:20px;}
}

/* 진단하기 table */
table.table_capa_poll {width:100%; color:#666; font-size:16px; border-top:solid 2px #7f7f7f; background-color:#fff;}
table.table_capa_poll thead {}
table.table_capa_poll thead th {padding:5px; line-height:1.2; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; background-color:#eeebf5;}
table.table_capa_poll thead th:last-child {border-right:none;}
.left_dash {border-left:double;}
table.table_capa_poll tbody tr {}
table.table_capa_poll tbody th {padding:5px 5px; text-align: left; font-weight: normal; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; background-color:#fff;}
table.table_capa_poll tbody td {padding:5px 5px; text-align: center; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc;}
table.table_capa_poll tbody td:last-child {border-right:none;}
table.table_capa_poll tbody td label span {display:none;}

table.table_capa_poll tbody td.bg_gray {background-color:#f2f2f2;}


.mobile_poll_ui {display:none;}
.mobile_poll_ui .question_box {padding:10px; border-bottom:solid 1px #ddd;}
.mobile_poll_ui .question_box .question_txt {margin-bottom:10px; font-size:18px;}
.mobile_poll_ui .question_box .answer_txt {margin-bottom:10px;}
.mobile_poll_ui .question_box .answer_txt ul {}
.mobile_poll_ui .question_box .answer_txt ul li {font-size:14px;}



/* 설문하기 */
.suvey_box {padding-top:30px;}
.suvey_box h5 {font-size:18px;}

.objective_box {padding:10px 0;}
.objective_box .question {font-size:16px; font-weight:600;}
.objective_box .question .label_msg {display:inline-block; padding:0 10px; height:20px; line-height:20px; color:#fff; font-size:13px; background-color:#009688; border-radius:30px;}
.objective_box .answer {margin-top:5px; padding:10px 0; font-size:14px; border-radius:5px;}
.objective_box .answer ul {}
.objective_box .answer ul li {padding:5px 5px 5px 30px; text-indent:-15px; width:50%;}
.objective_box .answer ul li label {display:inline-block; padding:0 10px;}
.objective_box .answer ul li label input {}
.objective_box .answer ul li label span {}

.subjective_box {padding:10px 0;}
.subjective_box .question {font-size:16px; font-weight:600;}
.subjective_box .answer {padding:10px 0;}
.subjective_box .answer textarea {font-size:14px; border:solid 1px #ccc; border-radius:10px; resize:none;}

@media all and (max-width:768px){
      table.table_capa_poll {display:none;}
      .mobile_poll_ui {display:block;}
      
      .suvey_box {margin-top:0; border-top:none;}
      .objective_box .answer ul {display:block;}
      .objective_box .answer ul li {width:auto;}
}

@media all and (max-width:480px){
      .mobile_poll_ui .question_box {padding:10px 0;}
      .mobile_poll_ui .question_box .question_txt {font-size:16px;}
      .mobile_poll_ui .question_box label {display:inline-block; margin:0 2px; padding:3px 10px;}
      .mobile_poll_ui .question_box .play_level {padding:5px 0;}
}


/* 조사 진행상황 체크 스크롤 ////////////////////////////////////////////////////////////////////*/
.diagnosis_status_box {width:100%;}
.diagnosis_status_box .swipe_banner {padding:0 50px;}
.diagnosis_status_box .program_datelist {padding:0;}
.diagnosis_status_box .program_datelist div {overflow:hidden; text-align:center; height:35px; position:relative;}
.diagnosis_status_box .program_datelist div a {display:inline-block; width:22px; height:22px; text-align:center; font-size:13px; line-height:22px; color:#fff; border:solid 3px #1a1a1a; background-color:#1a1a1a; border-radius:30px;
position:relative; top:4px; z-index:100;}      
.diagnosis_status_box .program_datelist div a.once_view {border:solid 3px #ff9800; background-color:#333;}
.diagnosis_status_box .program_datelist div a.complate {text-indent:-10000px; border:solid 3px #ff9800; background:url('../../../images/core/icon/05/icon_check.png') no-repeat center center #7d7000; background-size:70%;}
.diagnosis_status_box .program_datelist div a:hover {border:solid 3px #00ffc8;}
.diagnosis_status_box .program_datelist div a.complate.current,
.diagnosis_status_box .program_datelist div a.once_view.current {border-radius:0; border:solid 3px #00ffc8;}
.diagnosis_status_box .program_datelist div span.bar {display:inline-block; width:150%; height:1px; background-color:#666; position:absolute; top:18px; left:0; z-index:0;}

@media all and (max-width:640px){   
	.diagnosis_status_box .swipe_banner {padding:0 30px;}
}

.diagnosis_status_box .slick-prev, .diagnosis_status_box .slick-next {
      font-size:0;
      line-height: 0;
      position: absolute;
      top: 50%;
      display: block;
      width: 24px;
      height: 26px;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background:url('../../../images/core/icon/05/icon_arrow_next.png') no-repeat center center;
  }
  
  .diagnosis_status_box .slick-prev:before {content: '';}
  [dir='rtl'] .program_date_table .slick-prev:before {content: '';}
  
  .diagnosis_status_box .slick-next:before {content: '';}
  [dir='rtl'] .program_date_table .slick-next:before {content: '';}
  
  .diagnosis_status_box .slick-prev {
        left:-20px;
      background:url('../../../images/core/icon/05/icon_arrow_prev.png') no-repeat center center;
  }
  .diagnosis_status_box .slick-prev:hover, .diagnosis_status_box .slick-prev:focus {
      background:url('../../../images/core/icon/05/icon_arrow_prev.png') no-repeat center center;
  }
  .diagnosis_status_box .slick-next {
        right:-20px;
      background:url('../../../images/core/icon/05/icon_arrow_next.png') no-repeat center center;
  }
  .diagnosis_status_box .slick-next:hover, .diagnosis_status_box .slick-next:focus {
      background:url('../../../images/core/icon/05/icon_arrow_next.png') no-repeat center center;
  }
    
  /* 테스크탑 */
  @media all and (max-width:1260px){  
        .diagnosis_status_box .slick-prev {left:-30px;}
        .diagnosis_status_box .slick-next {right:-30px;}
  }