@charset "euc-kr";

@media (max-width:800px) {

	.board_wrap {
		margin: 0 auto;
		width: 98%;
	}
	.board_wrap td.class_title {height:50px;padding:5px;border-bottom:solid 1px #e63e3f;}
	.board_wrap td span.class_subject {color:#0099CC;font-size:16px;}

	.board_wrap td.b_suj {
		font-size: 1.2em;
	}
	.board_wrap td.b_name {
		font-size: 1.2em;padding:10px 0px;
	}
	.board_wrap td.b_date {
		font-size: 1.2em !important;
	}
	.board_wrap td.b_time {
		font-size: 1.1em !important;
		padding:0px 5px;

	}
	.board_wrap td.b_hit {
		font-size: 1.2em !important;
	}


	._cate {
		background-color: #D9D9D9;
		height: 30px;
		margin-bottom: 12px;
		padding: 10px 20px 0 10px;
		width: 578px;
	}
	._cate p {
		font-weight: bold;
	}
	._cate p a {
		color: #000000;
		text-decoration: none;
	}
	._cate p a:hover {
		color: #FFD200;
		text-decoration: none;
	}
	._cate p span {
		color: #000000;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 1.8em;
	}
	._cate p span a {
		color: #000000;
		font-size: 11px;
		text-decoration: none;
	}
	._cate p span a:hover {
		color: #000000;
		font-size: 11px;
		text-decoration: underline;
	}
	._cate1 {
		background: url("../images/old/06_customer/catagory_bg.gif") no-repeat scroll 0 0 transparent;
		height: 27px;
		margin-bottom: 12px;
		padding: 17px 10px 0 30px;
		width: 573px;
	}
	._cate1 p {
		font-weight: bold;
	}
	._cate1 p a {
		color: #FFFFFF;
		text-decoration: none;
	}
	._cate1 p a:hover {
		color: #FFD200;
		text-decoration: none;
	}
	._cate1 p span {
		color: #FFFFFF;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: -1px;
		margin-left: 12px;
	}
	._cate1 p span a {
		color: #FFFFFF;
		font-size: 12px;
		text-decoration: none;
	}
	._cate1 p span a:hover {
		color: #FFFFFF;
		font-size: 12px;
		text-decoration: underline;
	}
	.board_list {
		border-collapse: collapse;
		border-spacing: 0;
		clear: both;
		width: 100%;
	}
	.bg_thead {
		background: url("../images/board/bg_thead.gif") no-repeat scroll left top transparent;
	}
	.bg_thead1 {
		background: url("../images/board/bg_thead1.gif") no-repeat scroll left top transparent;
	}
	.bg_thead2 {
		background: url("../images/board/bg_thead2.gif") no-repeat scroll left top transparent;
	}
	.bg_thead3 {
		background: url("../images/board/bg_thead3.gif") no-repeat scroll left top transparent;
	}
	.bg_thead4 {
		background: url("../images/board/bg_thead4.gif") no-repeat scroll left top transparent;
	}
	.bg_thead5 {
		background: url("../images/board/bg_thead5.gif") no-repeat scroll left top transparent;
	}
	.board_list th {
		color: #FFFFFF;
		font-size: 0.92em;
		font-weight: normal;
		padding: 13px 0;
	}
	.board_list .bgbar {
		background: url("../images/board/line_board.gif") no-repeat scroll right top transparent;
	}
	.board_list .bgbar1 {
		background: url("../images/board/line_board1.gif") no-repeat scroll right top transparent;
	}
	.board_list .bgbar2 {
		background: url("../images/board/line_board2.gif") no-repeat scroll right top transparent;
	}
	.board_list .bgbar3 {
		background: url("../images/board/line_board3.gif") no-repeat scroll right top transparent;
	}
	.board_list .bgbar4 {
		background: url("../images/board/line_board4.gif") no-repeat scroll right top transparent;
	}
	.board_list .bgbar5 {
		background: url("../images/board/line_board5.gif") no-repeat scroll right top transparent;
	}
	.board_list .bgbar02 {
		background: url("../images/board/line_board_null.gif") no-repeat scroll left top transparent;
	}
	.board_list .none {
		background: none repeat scroll 0 0 transparent;
	}
	.board_list .st_cap01 {
		background: url("../images/common/bu_tir_cap.gif") no-repeat scroll 0 5px transparent;
		color: #838383;
		font-size: 0.92em;
		padding: 2px 0 13px 10px;
		text-align: left;
	}
	.board_list .st_cap01 span {
		color: #333333;
		font-weight: bold;
	}
	.board_list .bg_td_line {
		background: url("../images/board/bg_td_line.gif") repeat-x scroll left bottom transparent;
	}
	.board_list td {
		padding: 8px;
		text-align: center;
	}
	.board_list td.b_suj {
		color: #666666;
		font-size: 1.2em;
		text-align: center;
		height:auto;
	}
	.board_list td.b_name {
		color: #666666;
		font-size: 1em;
		text-align: center;
		height:auto;
	}
	.board_list td.b_name a {
		color: #666666;
		text-decoration: none;
		height:auto;
	}
	.board_list td.b_name a:hover {
		color: #000000;
		text-decoration: none;
	}
	.board_list td.b_title {
		color: #444444;
		font-size: 1em;
		text-align: left;
	}
	.board_list td.b_title a {
		color: #444444;
		text-decoration: none;
	}
	.board_list td.b_title a:hover {
		color: #000000;
		text-decoration: underline;
	}
	.board_list td.b_hit, .board_list td.b_no {
		color: #999999;
		font: 0.92em/1.67em verdana;
		letter-spacing: -0.1px;
		padding: 0;
		text-align: center;
	}
	.board_list td.b_date {
		color: #666666;
		font: 0.92em/1.67em verdana;
		letter-spacing: -0.1px;
		padding: 0;
		text-align: center;
	}
	.board_list td.b_file img {
		margin: 4px 0 0;
	}
	.board_list td.b_score {
		text-align: left;
	}
	.board_list td.b_score img {
		margin-left: 5px;
	}
	.board_list td.b_title .b_new img {
		margin: 2px;
	}
	.board_list a {
		color: #444444;
		text-decoration: none;
	}
	.board_list a:hover {
		color: #000000;
		text-decoration: underline;
	}

	.read_wrap {
		background: url("../images/board/bg_thead02.gif") no-repeat scroll 0 0 transparent;
		float: left;
		height: 75px;
		width: 100%;
	}
	.read_wrap1 {
		background: url("../images/board/bg_thead02_1.gif") no-repeat scroll 0 0 transparent;
		float: left;
		height: 75px;
		width: 100%;
	}
	.read_wrap2 {
		background: url("../images/board/bg_thead02_2.gif") no-repeat scroll 0 0 transparent;
		float: left;
		height: 75px;
		width: 100%;
	}
	.read_wrap3 {
		background: url("../images/board/bg_thead02_3.gif") no-repeat scroll 0 0 transparent;
		float: left;
		height: 75px;
		width: 100%;
	}
	.read_wrap4 {
		background: url("../images/board/bg_thead02_4.gif") no-repeat scroll 0 0 transparent;
		float: left;
		height: 75px;
		width: 100%;
	}
	.read_wrap5 {
		background: url("../images/board/bg_thead02_5.gif") no-repeat scroll 0 0 transparent;
		float: left;
		height: 75px;
		width: 100%;
	}
	.bg_uline {
		border-bottom:1px solid #E7E7E7;
		/* 2019.06.01 변경 */
		line-height:30px !important;
		font-size:14px;
	}
	.read_tle {
		margin: 5px 0px 5px 10px;
	}
	.read_tle dt, .read_tle dd {
		float: left;
		line-height: 18px;
		margin-bottom: 5px;
	}
	.read_tle dt {
		color: #414141;
		padding: 0px 0 4px 5px;
		width: 50px;
	}
	.read_tle dd {
		color: #000000;
		padding: 0px 0 4px 5px;
		width: 100px;
	}
	.read_tle .read_subject {
		color: #000000;
		font-weight: bold;
		width: 98%;
		font-size:14px;
		color:#D61516;
	}
	.read_tle .st_name {
		font: 12px vedana;
		margin-top: 15px;
	}
	.read_tle .st_num {
		font: 12px vedana;
		margin-top: 15px;
	}
	.read_ctn {

		background: url("../images/board/bg_td_line03.gif") repeat-x scroll left bottom transparent;
		float: left;
		overflow: hidden;
		width: 98%;
	}

	.read_vw {

		background: url("../images/board/bg_td_line03.gif") repeat-x scroll left bottom transparent;
		float: left;
		width: 100%;
		/* 2019.06.01 변경 */
		line-height:30px !important;
		font-size:14px;
	}

	.read_vw img {width:100%;}
	.read_qna {
		width:100%;
		color: #525252;
		line-height: 20px;
		margin: 15px 10px 0 10px;
		padding: 0 5px 15px 5px;
	}
	.read_qna p {
		padding-right: 10px;
		overflow:hidden;word-wrap:break-word;word-break:break-all;

	}
	.read_qna  img {width:100%;}
	.read_qna  p img {width:100%;}
	.read_qna  iframe {width:100%;max-height:250px;}
	.read_attach {
		clear: both;
		margin: 0;
		overflow: hidden;
		width: 100%;
	}
	.read_attach dt {
		background: url("../images/board/ico_attach.gif") no-repeat scroll 20px 6px transparent;
		color: #555555;
		float: left;
		line-height: 18px;
		padding: 3px 0 4px 38px;
		width: 80px;
	}
	.read_attach dd {
		background: url("../images/board/bu_tri02.gif") no-repeat scroll 0 8px transparent;
		color: #888888;
		float: left;
		font: 11px/18px verdana;
		padding: 3px 10px 4px 12px;
	}
	.read_attach a {
		color: #888888;
		text-decoration: none;
	}
	.read_attach a:hover {
		color: #000000;
		text-decoration: underline;
	}
	.board_list02 {
		border-collapse: collapse;
		border-spacing: 0;
		border-top: 2px solid #818181;
		clear: both;
		margin-bottom: 15px;
		width: 100%;
	}
	.board_list02 th {
		background: none;
		color: #555555;
		font-size: 0.92em;
		font-weight: normal;
		padding: 13px 0 13px 20px;
		text-align: left;
	}
	.board_list02 th, .board_list02 td {

		border-bottom: 1px solid #E2E2E2;
		font-size:13px;
	}
	.board_list02 td {
		padding: 8px;
	}
	.board_list02 .bu_st01 {
		background:none;
		padding-left: 9px;
	}
	.board_list02 td .txt_m {
		height: 380px;
	}
	.board_list02 td .txt_m2 {
		height: 60px;
	}


	.prenext_grp {
		background: url("../images/board/bg_prenext.gif") no-repeat scroll 0 0 transparent;
		clear: both;
		height: 63px;
		margin-top: 30px;
		padding-top: 12px;
		margin-bottom:30px;
	}
	.prenext_grp dl {
		margin-left: 10px;
		overflow: hidden;
	}
	.prenext_grp dl dt, .prenext_grp dl dd {
		margin-bottom: 5px;
	}
	.prenext_grp dl dt {
		background: url("../images/board/bu_tri01.gif") no-repeat scroll 0 8px transparent;
		color: #888888;
		float: left;
		line-height: 18px;
		padding: 3px 5px 4px 5px;
		width: 50px;
	}
	.prenext_grp dl dd {
		background: url("../images/board/line_board04.gif") no-repeat scroll 0 8px transparent;
		color: #444444;
		line-height: 18px;
		padding: 3px 5px 4px 5px;
		/*
		float: left;
		width: 590px;
		*/
	}
	.prenext_grp dl dd a {
		color: #444444;
		text-decoration: none;
	}
	.prenext_grp dl dd a:hover {
		color: #000000;
		text-decoration: underline;
	}
	.commend {
		margin-top: 30px;
	}
	.tle_commend {
		background: url("../images/board/ico_commend.gif") no-repeat scroll 0 4px transparent;
		color: #555555;
		font: bold 11px/18px verdana;
		margin-bottom: 5px;
		padding: 2px 0 3px 21px;
	}
	.tle_commend span {
		color: #FF7800;
	}
	.reply_uline {
		background: url("../images/board/bg_td_line02.gif") repeat-x scroll left bottom transparent;
		padding-bottom: 17px;
	}
	.reply_comm {
		background-color:#EAEAEA;
		overflow: hidden;
		width: 98%;
	}
	.reply_comm_b {
		background-color:#EAEAEA;
		clear: both;
		height: 21px;
		width: 98%;
	}
	.reply_menu {
		margin: 18px 0 0 10px;
		overflow: hidden;
		width: 100% !important;
	}
	.reply_menu dt, .reply_menu dd {
		float: none;
	}
	.reply_menu dt {
		background: url("../images/board/bu_squ03.gif") no-repeat scroll 0 11px transparent;
		color: #333333;
		font: 11px/18px verdana;
		padding: 3px 10px 4px 12px;
	}
	.reply_menu dd {
		background: url('') no-repeat scroll left 8px transparent;
		color: #666666;
		line-height: 18px;
		padding: 3px 10px 4px 12px;
		width: none;
	}
	.suggest {
		margin-top: 18px;
		overflow: hidden;
		width: 100%;
	}
	.tle_suggest {
		color: #555555;
		float: left;
		font-weight: bold;
		padding-top: 6px;
	}
	.suggest_wrap {
		margin-bottom: 4px;
		overflow: hidden;
		width: 98%;
	}
	.suggest_field {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #CACACA;
		font-family: "Nanum Gothic";
		font-size: 12px;
		height: 54px;
		padding: 3px;
		width: 700px;
	}
	#page_num {
		color: #666666;
		font-family: verdana;
		font-size: 11px;
		margin-top: 30px;
		position: relative;
		text-align: center;
		line-height:25px;
		width: 98%;
	}
	A.link_paging:link {
		color: #666666;
		font-family: "verdana";
		font-size: 1.2em;
		letter-spacing: -0.04em;
		text-decoration: none;
	}
	A.link_paging:visited {
		color: #666666;
		font-family: "verdana";
		font-size: 1.2em;
		text-decoration: none;
	}
	A.link_paging:active {
		color: #666666;
		font-family: "verdana";
		font-size: 1.2em;
		letter-spacing: -0.04em;
		text-decoration: none;
	}
	A.link_paging:hover {
		color: #000000;
		font-family: "verdana";
		font-size: 1.2em;
		letter-spacing: -0.04em;
		text-decoration: none;
	}
	#page_num .page_selected {
		color: #F96C16;
		font: bold 1.2em verdana;
	}
	#page_num .page_move img {
		margin: -2px 0 0;
		padding-right: 9px;
	}
	#page_num .page_move02 img {
		padding-left: 9px;
	}
	#page_num .page-number {
		height: 15px;
		margin: 0;
		padding: 0;
	}
	#page_num a {
		color: #666666;
		font: 1.2em verdana;
		text-decoration: none;
	}
	#page_num a:hover {
		color: #666666;
		font: 1.2em verdana;
		text-decoration: none;
	}
	#page_num .num_list {
		border: 1px solid;
		padding: 0 7px;
		width: 180px;
	}
	.page-number a {
		color: #424242;
		font-weight: normal;
		height: 20px;
		line-height: 20px;
		text-decoration: none;
	}
	.page-number a:hover {
		color: #308EFF;
		font-weight: normal;
		height: 20px;
		line-height: 20px;
		text-decoration: none;
	}
	#page_num img {
		vertical-align: middle;
	}
	.txt_login {
		border: medium none;
		font-family: "Nanum Gothic";
		font-size: 12px;
		height: 16px;
		margin: 2px 0 0;
		padding: 0;
		width: 72px;
	}
	.txt_login02 {
		border: medium none;
		font-family: "Nanum Gothic";
		font-size: 12px;
		height: 16px;
		margin: 2px 0 0;
		padding: 0;
		width: 72px;
	}
	.txt_search {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #CACACA;
		font-family: "Nanum Gothic";
		font-size: 12px;
		height: 23px;
		margin-top: 3px;
		padding: 3px 3px 2px;
		width: 60px;
	}
	.file_text {
		border: 1px solid #CCCCCC;
		color: #444444;
		font-size: 1em;
		height: 18px;
		padding: 0 3px;
	}
	.input_text {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #CACACA;
		font-family: "Nanum Gothic";
		font-size: 12px;
		height: 15px;
		margin-top: -1px;
		padding: 3px;
	}
	.w494 {
		width: 100%;
	}
	.w420 {
		width: 100%;
	}
	.w210 {
		width: 100%;
	}
	.w240 {
		width: 100%;
	}
	.w360 {
		width: 100%;
	}
	.w140 {
		width: 100%;
	}
	.w160 {
		width: 100%;
	}
	.w120 {
		width: 100%;
	}
	.w100 {
		width: 100%;
	}
	.w90 {
		width: 100%;
	}
	.w60 {
		width: 100%;
	}
	.w50 {
		width: 50px;
	}
	.w30 {
		width: 30px;
	}
	.w20 {
		width: 20px;
	}
	.w10 {
		width: 10px;
	}
	.w390 {
		width: 100%;
	}
	.w110 {
		width: 100%;
	}
	.w112 {
		width: 100%;
	}
	.btn_group {
		width: 96%;
		overflow: hidden;
		padding: 15px 10px 10px 5px;
	}

	.btn_group p img {max-width:65px; height:25px; }

	#search_wrap {
		background-color:#E6E6E6;
		margin-top: 20px;
		text-align: center;
		padding:10px;
	}
	#search_wrap ul {
		margin: 10px 0 0 20px;
	}
	#search_wrap ul li {
		float: left;
		margin-right: 2px;
	}
	#search_wrap ul .st_select {
		margin-top: 3px;
	}
	#search_wrap2 {
		background-color:#E6E6E6;
		height: 47px;
		margin-top: 25px;
		text-align: center;
		width: 100%;
	}
	#search_wrap2 ul {
		margin: 13px 0 0 187px;
	}
	#search_wrap2 ul li {
		float: left;
		margin-right: 2px;
	}
	#search_wrap2 ul .st_select {
		margin-top: 3px;
	}

	@charset "euc-kr";
	.n_int {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #CCCCCC;
		height: 19px;
	}
	.w200 {
		width: 200px;
	}
	.w450 {
		width: 300px;
	}
	.w550 {
		width: 450px;
	}
	.h200 {
		height: 200px;
	}
	.t_txt {
		color: #666666;
		font-size: 11px;
		letter-spacing: -1px;
		margin-bottom: 6px;
	}
	.t_txt span {
		color: #333333;
		font-weight: bold;
	}

	.tbl_list_wrap {
		width: 100%;
	}
	.tbl_list {
		width: 100%;
	}
	.tbl_list th {
		background: none repeat scroll 0 0 #EFEFEF;
		border-top: 2px solid #D61516;
		font-weight: bold;
		height: 30px;
		line-height: 2.5em;
	}
	.tbl_list td {
		background: none repeat scroll 0 0 transparent;
		border-bottom: 1px solid #DBDBDB;
		padding: 10px 0;
	}
	.tbl_list td.b_new {
		margin: 0 2px;
	}
	.tbl_list td.b_title {
		text-align: left;
		font-size:1.1em;
		padding:0 10px;
	}
	.tbl_list td.b_name {
		text-align: center;
		font-size:1.1em;
	}
	.tbl_list td.b_no, .tbl_list td.b_date, .tbl_list td.b_file, .tbl_list td.b_hit, .tbl_list td.gel {
		color: #737373;
		text-align: center;
		font-size:1.1em;
	}

	/*박코치 미디어*/
	.tbl_book_img {}
	.tbl_book_img img {width:80px;}
	.tbl_book_title {padding-left:20px;line-height:20px;}
	.tbl_book_title a {font-size:14px;}
	.tbl_detail {
		max-width: 300px; /** Adjust width to your needs */
		display:inline-block;
		vertical-align: middle;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.label-bg-green {background-color:#339933;padding:3px 5px 5px 5px;color:#FFFFFF;font-size:11px;border-radius:5px;}
	.label-bg-red {background-color:#FF0000;padding:3px 5px 5px 5px;color:#FFFFFF;font-size:11px;border-radius:5px;}
	.label-bg-black_red {background-color:#339933;padding:3px 5px 5px 5px;color:#FFFFFF;font-size:11px;border-radius:5px;}
	.label-bg-organge {background-color:#FF9933;padding:3px 5px 5px 5px;color:#FFFFFF;font-size:11px;border-radius:5px;}
	.sell-price {font-size:13px;color:#DB2C00;font-weight:bold;line-height:30px;}
	.label-bg-blue {background-color:#009999;padding:3px 5px 5px 5px;color:#FFFFFF;font-size:11px;border-radius:5px;}


	/* 박코치 사단 코치들 */
	.coach_list_wrap {
		clear: both;
		width: 100%;
	}
	.coach_list {
		width: 100%;
	}


	.coach_wrap { width:100%; margin:20px 10px;}
	.coach_list_box { width:100%; }
	.coach_list_box ul {}
	.coach_list_box ul li {float:left;padding:0px 2px;width:120px;height:180px;}

	.coach_list_box ul li > div.pic {
		margin:0 auto;
		text-align:center;
		width:120px;
		height:130px;
		overflow:hidden;
	}
	.coach_list_box ul li > div.pic img {
		width:120px;
		overflow:hidden;
	}
	.coach_name {
		margin:5px 0px;
		width:110px;
	}
/*
.coach_list_box ul li > div.pic img { width:100px;}
.coach_list_box ul li > div.sj { margin:5px 0 0 0; width:120px; height:50px; color:#444; font-weight:bold; line-height:1.2em;}
.coach_list_box ul li > div span.date { color:#c7c7c7; font-size:11px; font-family:Verdana; font-weight:normal; }

	.vod .btn_view { position:absolute; left:150px; top:141px; }
	.img_coach .btn_view { position:absolute; left:86px; top:133px; }*/




	.coach_list th {
		background: none repeat scroll 0 0 #EFEFEF;
		border-top: 2px solid #D61516;
		font-weight: bold;
		height: 30px;
		line-height: 2.5em;
	}
	.coach_list td {
		background: none repeat scroll 0 0 transparent;
		padding: 6px 0;
		vertical-align: top;
	}
	.coach_list td.b_new {
		margin: 0 2px;
	}
	.coach_list td.b_title {
		text-align: left;
	}
	.coach_list td.b_name {
		text-align: center;
	}
	.coach_list td.b_no, .coach_list td.b_date, .coach_list td.b_file, .coach_list td.b_hit, .coach_list td.gel {
		color: #999999;
		font: 11px Tahoma,Arial,Helvetica,sans-serif;
		text-align: center;
	}

	.coach_gallery .coach_play { position:relative; top:-60px;left:0px;text-align:center; z-index:1000;}


	/*�Ʒý�û*/
	.t_list_wrap {
		clear: both;
		width: 100%;
	}
	.t_list {
		width: 100%;
	}
	.topline {
		width: 100%;
		border-top: 2px solid #D61516;
	}
	.t_list th {
		background: none repeat scroll 0 0 #EFEFEF;
		border-top: 2px solid #D61516;
		font-weight: bold;
		height: 2px;
	}
	.t_list td {
		background: none repeat scroll 0 0 transparent;
		padding: 6px 0;
	}
	.t_list td.b_new {
		margin: 0 2px;
	}
	.t_list td.b_name {
		text-align: center;
	}
	.t_list td.b_img {
		text-align: center;
		border-bottom: 1px solid #DBDBDB;
	}
	.t_list td.b_info, .t_list td.b_app {
		text-align: left;
		border-bottom: 1px solid #DBDBDB;
	}
	.t_list td.b_info {
		padding:5px 0px 5px 15px;
	}

	.t_list td.b_info .d_date {
		color: #1D7A9E;
		width:100%;
		height:22px;
		font-weight:bold;
	}

	.t_list td.b_info .d_info {
		color: #999999;
		width:100%;
		height:auto;
		font: 12px Tahoma,Arial,Helvetica,sans-serif;
		padding-bottom:5px;
		font-weight:bold;
	}

	.t_list td.b_info .d_price {
		color: #2F2F2F;
		width:100%;
		height:22px;
	}

	.t_list td.b_info .b_app {
		float:right;
		width:100%;
		text-align: right;
	}

	/*����¡*/
	#paginate {
		clear: both;
		padding: 25px 0 20px;
		text-align: center;
	}
	.paginate {
	}
	.paginate img {
		vertical-align: middle;
	}
	.paginate strong {
		color: #333333;
		display: inline-block;
		font: bold 0.9em Verdana,Arial,Helvetica,sans-serif;
		padding: 0 1px;
	}
	.paginate a {
		color: #666666;
		display: inline-block;
		font: 0.9em Verdana,Arial,Helvetica,sans-serif;
		padding: 0 1px;
		text-decoration: none;
	}
	.paginate a:hover {
		color: #666666;
		display: inline-block;
		font: 0.9em Verdana,Arial,Helvetica,sans-serif;
		padding: 0 1px;
		text-decoration: none;
	}
	.pre_end {
		margin: 0 10px 0 0;
	}
	.pre {
		margin: 0 15px 0 0;
	}
	.next_end {
		margin: 0 0 0 10px;
	}
	.next {
		margin: 0 0 0 15px;
	}
	.center_board_btn {
		height: 25px;
		margin-bottom: 30px;
		position: relative;
		text-align: right;
	}
	.center_board_btn img {
		margin-bottom: 0;
	}
	.board_search {
		background: none repeat scroll 0 0 #EFEFEF;
		padding: 17px 0;
		position: relative;
	}
	.search_pos {
		margin: 0 auto;
		position: relative;
		width: 310px;
	}
	.read_top {
		background: none repeat scroll 0 0 #EFEFEF;
		border-top: 0px solid #D61516;
		color: #333333;
		font-weight: bold;
		min-height: 80px;
		padding-top: 8px;
		position: relative;
		padding-right:10px;
	}

	.read_base {
		background: none repeat scroll 0 0 #F9F9F9;
		color: #333333;
		font-weight: bold;
		height: 60px;
		padding-top: 8px;
		position: relative;
	}

	.read_top span.suj_tl {
		color: #C6393F;
		font-weight: normal;
		padding: 0 20px;
	}
	.read_top span.writer_tl {
		color: #C6393F;
		font-weight: normal;
		left: 500px;
		position: absolute;
		top: 8px;
	}
	.read_top span.writer_tl span {
		color: #333333;
		font: 11px Tahoma,Arial,Helvetica,sans-serif;
		padding-left: 12px;
	}
	.read_commend {
		line-height: 20px;
		padding: 25px 20px;
	}
	.read_file {
		background: none repeat scroll 0 0 #EFEFEF;
		color: #888888;
		height: 22px;
		padding-left: 20px;
		padding-top: 8px;
	}
	.read_file span a {
		color: #666666;
		text-decoration: none;
	}
	.read_file span a:hover {
		color: #444444;
		text-decoration: none;
	}
	#read_btn {
		height: 25px;
		margin: 25px 0 30px;
		position: relative;
	}


	.photo_thumb {float:left;width:50%;}
	.item_thumb {position: relative; width:220px; height:120px; overflow:hidden;}
	.play_btn {position: absolute; text-align:right;top:90px;right:5px;}
	.photo_subject {margin-top:5px;width:220px;height:40px;margin-bottom:5px;}


	.view_top {
		background: none repeat scroll 0 0 #EFEFEF;
		border-top: 2px solid #D61516;
		color: #333333;
		font-weight: bold;
		height: auto;
		padding-top: 8px;
		position: relative;
		padding-bottom:50px;
	}

	.view_base {
		background: none repeat scroll 0 0 #F9F9F9;
		color: #333333;
		font-weight: bold;
		height: auto;
		padding-top: 8px;
		position: relative;
	}
	.view_top span.suj_tl {
		color: #C6393F;
		font-weight: normal;
		padding: 0 20px;
	}
	.view_top span.writer_tl {
		color: #C6393F;
		font-weight: normal;
		left: 500px;
		position: absolute;
		top: 8px;
	}
	.view_top span.writer_tl span {
		color: #333333;
		font: 11px Tahoma,Arial,Helvetica,sans-serif;
		padding-left: 12px;
	}
	.view_top .view_subject {
		color: #000000;
		font-weight: bold;
		width: 98%;
		font-size:14px;
		color:#D61516;
		padding-left: 15px;
		margin-bottom: 10px;
	}
	.view_commend {
		line-height: 20px;
		padding: 25px 20px;
	}
	.view_file {
		background: none repeat scroll 0 0 #EFEFEF;
		color: #888888;
		height: 22px;
		padding-left: 20px;
		padding-top: 8px;
	}
	.view_file span a {
		color: #666666;
		text-decoration: none;
	}
	.view_file span a:hover {
		color: #444444;
		text-decoration: none;
	}
	#view_btn {
		height: 25px;
		margin: 25px 0 30px;
		position: relative;
	}

	.view_tle {
		margin: 5px 0px 5px 10px;
	}
	.view_tle dt, .view_tle dd {
		line-height: 10px;
		margin-bottom: 5px;
	}
	.view_tle dt {
		float: left;
		color: #fff;
		padding: 5px 5px 4px 5px;
		width: 15%;
		font-size:12px;
		background:#888888;

	}
	.view_tle dd {
		color: #000000;
		padding: 1px 0 4px 5px;
		width: 70%;
		border:solid 1px #EFEFEF;
	}
	.view_tle .st_name {
		font: 12px vedana;
		margin-top: 5px;
	}
	.view_tle .st_num {
		font: 12px vedana;
		margin-top: 5px;
	}
	.view_ctn {

		background: url("../images/board/bg_td_line03.gif") repeat-x scroll left bottom transparent;
		float: left;
		overflow: hidden;
		width: 100%;
	}
	.btn_left {
		float: left;
	}
	.btn_right {
		float: right;
	}
	.btn_right img {
		margin-right: 2px;
	}
	iframe {
		margin-left: 10px;
		position: relative;
		/*
		width: 98%;
		*/
	}
	.tab_right {
		float: right;
		height: 28px;
		position: relative;
		top: 0;
	}
	.study_tab_right {
		float: right;
		height: 28px;
		position: relative;
		top: 0;
	}
	.DZ1 {
		z-index: 20;
	}
	.DZ2 {
		z-index: 10;
	}
	#prev_next {
		border-bottom: 1px solid #DBDBDB;
		border-top: 2px solid #33989A;
		clear: both;
		height: 22px;
		padding: 8px 20px 0;
	}
	#prev_next .next_tl {
		float: left;
		position: relative;
		width: 280px;
	}
	#prev_next .next_tl img {
		margin-right: 20px;
	}
	#prev_next .next_tl a {
		color: #666666;
		text-decoration: none;
	}
	#prev_next .next_tl a:hover {
		color: #333333;
		text-decoration: none;
	}
	#prev_next .prev_tl {
		float: left;
		position: relative;
		width: 280px;
	}
	#prev_next .prev_tl img {
		margin-right: 20px;
	}
	#prev_next .prev_tl a {
		color: #666666;
		text-decoration: none;
	}
	#prev_next .prev_tl a:hover {
		color: #333333;
		text-decoration: none;
	}
	.write_wrap {
		border-top: 2px solid #333333;
		clear: both;
	}
	.w_field1 {
		border-bottom: 1px solid #DBDBDB;
		clear: both;
		height: auto;
		position: relative;
		width: 615px;
	}
	.w_field1 p {
		float: left;
		position: relative;
	}
	.w_field1 p.field {
		background: none repeat scroll 0 0 #F1F1F1;
		width: 100px;
	}
	.w_field1 p.w_int {
		display: inline;
		margin: 4px 0 0 15px;
		width: 500px;
	}
	.w_field2 {
		background: none repeat scroll 0 0 #F1F1F1;
		border-bottom: 1px solid #DBDBDB;
		clear: both;
		height: 210px;
		position: relative;
		width: 590px;
	}
	.w_field2 p {
		float: left;
		height: 210px;
		position: relative;
	}
	.w_field2 p.field1 {
		height: 210px;
		width: 100px;
	}
	.w_field2 p.w_int {
		background: none repeat scroll 0 0 #FFFFFF;
		display: inline;
		height: auto;
		padding: 4px 0 0 15px;
		width: 300px;
	}
	#write_btn {
		height: 25px;
		margin: 25px 0 0;
		position: relative;
	}
	.btn_left {
		float: left;
	}
	.btn_right {
		float: right;
	}
	.btn_right img {
		margin-right: 2px;
	}

	.label_st {overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; margin:0; padding:0; visibility:hidden;line-height:0;}

	.blog_title {
		margin: 0 auto;
		width: 100%;
	}



	/* //////////////////////////////////////////////////////////  ������  /////////////////////////////////////////////////////// */
	.bnf_vod_wrap { overflow:hidden; height:1%; position:relative; margin:10px auto 0 auto; width:98%; padding:0 1px 30px 1px; }
	.bnf_vod { position:relative; float:left; display:inline; width:305px; height:auto; margin:10px 6px 0 6px; }
	.bnf_vod .pic {
		/*padding-top:2px;*/
		height:178px;
		overflow:hidden;
		border:5px solid #e34849;/*
		background-image:url("../images/04_report/bg_photo.gif");
		*/
		background-repeat:no-repeat;
		text-align:center;
	}
	.bnf_vod .btn_view { position:absolute; left:260px; top:140px; }



	/* //////////////////////////////////////////////////////////  ������  /////////////////////////////////////////////////////// */
	.vod_wrap { overflow:hidden; height:1%; position:relative; margin:10px auto 0 auto; width:98%; padding:0 1px 30px 1px; }
	.vod { position:relative; float:left; display:inline; width:180px; height:auto; margin:10px 6px 0 6px; }
	.vod .pic {
		/*padding-top:2px;*/
		height:120px;
		overflow:hidden;
		border:5px solid #e34849;/*
		background-image:url("../images/04_report/bg_photo.gif");
		*/
		background-repeat:no-repeat;
		text-align:center;
	}
	.vod .sj { margin:5px 0 0 0; width:180px; height:50px; color:#444; font-weight:bold; line-height:1.2em;}
	.vod span.date { color:#c7c7c7; font-size:11px; font-family:Verdana; font-weight:normal; }
	/*.vod .btn_view { position:absolute; left:150px; top:141px; }*/
	.vod .btn_view { position:absolute; left:140px; top:90px; }




	/*##############################################################################*/

	.vod_wrap1 { overflow:hidden; height:1%; position:relative; margin:10px auto 0 auto; width:98%; padding:0 1px 30px 1px; }
	.vod1 { position:relative; float:left; display:inline; width:46%; height:auto; margin:10px 6px 10px 6px; }
	.vod1 .pic {
		/*padding-top:2px;*/
		height:auto;
		overflow:hidden;
		border:5px solid #e34849;/*
		background-image:url("../images/04_report/bg_photo.gif");
		*/
		background-repeat:no-repeat;
		text-align:center;
	}
	.vod1 .sj { margin:5px 0 0 0; width:90%; height:50px; color:#444; font-weight:bold; line-height:1.2em;}
	.vod1 span.date { color:#c7c7c7; font-size:11px; font-family:Verdana; font-weight:normal; }
	/*.vod .btn_view { position:absolute; left:150px; top:141px; }*/
	.vod1 .btn_view { position:absolute; left:210px; top:110px; }


	.vod_coach { position:relative; float:left; display:inline; width:60px; height:auto; margin:10px 4px 0 4px; }
	.vod_coach .pic {
		/*padding-top:2px;*/
		height:1%;
		overflow:hidden;
		border:1px solid #000;
		background-repeat:no-repeat;
		text-align:center;
	}
	.vod_coach .pic img { height:80px;}
	.vod_coach .sj { margin:5px 0 0 0; width:120px; height:50px; color:#444; font-weight:bold; line-height:1.2em;}
	.vod_coach span.date { color:#c7c7c7; font-size:11px; font-family:Verdana; font-weight:normal; }
	/*.vod .btn_view { position:absolute; left:150px; top:141px; }*/
	.vod_coach .btn_view { position:absolute; left:86px; top:133px; }



	.gallery_wrap { overflow:hidden; height:1%; position:relative; margin:10px auto 0 auto; width:100%; padding:0 1px 30px 1px; }
	.gallery { position:relative; float:left; display:inline; width:45%; height:auto; margin:10px 2px 0 6px; }
	.gallery .pic {
		/*padding-top:2px;*/
		height:auto;
		overflow:hidden;
		border:5px solid #e34849;/*
		background-image:url("../images/04_report/bg_photo.gif");
		*/
		background-repeat:no-repeat;
		text-align:center;
	}
	.gallery .sj { margin:5px 0 0 0; width:90%; height:40px; color:#444; font-weight:bold; line-height:1.1em; }
	.gallery span.date { color:#c7c7c7; font-size:11px; font-family:Verdana; font-weight:normal; }
	/*.vod .btn_view { position:absolute; left:150px; top:141px; }*/
	.gallery .btn_view { position:absolute; left:130px; top:90px; }
	.gallery .btn_img { width:100px; }


	.gg_wrap { overflow:hidden; height:1%; position:relative; margin: auto 0px auto 0; width:98%; padding:0 1px 30px 1px; }
	.gg { position:relative; float:left; display:inline; width:160px; height:auto; margin:10px 18px 0 0px; }
	.gg .pic {
		/*padding-top:2px;*/
		height:180px;
		overflow:hidden;
		border:5px solid #e34849;/*
		background-image:url("../images/04_report/bg_photo.gif");
		*/
		background-repeat:no-repeat;
		text-align:center;
	}
	.gg .sj { margin:5px 0 0 0; width:160px; color:#444; font-weight:bold; line-height:1.2em;}
	.gg span.date { color:#c7c7c7; font-size:11px; font-family:Verdana; font-weight:normal; }
	/*.gallery .btn_view { position:absolute; left:150px; top:141px; }*/
	.gg .btn_view { position:absolute; left:120px; top:104px; }





	/* //////////////////////////////////////////////////////////  ������  /////////////////////////////////////////////////////// */
	.report_wrap { overflow:hidden; height:1%; position:relative; margin:10px auto 0 auto; width:98%; padding:0 1px 30px 1px; }
	.report { position:relative; float:left; display:inline; width:151px; height:auto; margin:10px 12px 0 12px; }
	.report .pic { /*border:5px solid #e34849;*/
		padding-top:10px;
		height:179px;
		overflow:hidden;
		background-image:url("../images/04_report/bg_photo.gif");
		background-repeat:no-repeat;
		text-align:center;
	}
	.report .sj { margin:5px 0 0 0; width:151px; color:#444; font-weight:bold; line-height:1.2em;}
	.report span.date { color:#c7c7c7; font-size:11px; font-family:Verdana; font-weight:normal; }
	.report .btn_view { position:absolute; left:150px; top:141px; }





	/* //////////////////////////////////////////////////////////  ����(read)�� /////////////////////////////////////////////////////// */
	.board_write {overflow:hidden; position:relative; margin:0 auto; border-top:1px solid #e63e3f; border-bottom:1px solid #e63e3f; padding:15px 20px 15px 20px; }

	.board_write_bg { overflow:hidden; position:relative; background:url(../images/old/02_courses/bg_magam_big.gif) repeat-x 0 bottom ; width:660px; margin:0 auto; border-top:1px solid #e63e3f; border-bottom:1px solid #e63e3f; padding:15px 20px 15px 20px; }

	.write_field { overflow:hidden; position:relative; border-bottom:1px solid #eee; padding:5px 0;}
	.write_field .field { position:relative; float:left; width:70px; text-align:left; font-size:0.92em; color:#9c7272; font-family:dotum;}
	.write_field .field1 { position:relative; float:left; width:70px; text-align:left; font-size:0.92em; color:#666; font-family:dotum;}
	.write_field .w_input { position:relative; float:none; width:none; text-align:left; padding-left:30px;}
	.write_field .w_input span { font-size:0.92em; font-family:"Nanum Gothic",dotum;}
	.write_field .w_input_edit { position:relative; float:left; width:none; text-align:left; padding-left:0px;}
	.write_field .w_input_edit span { font-size:0.92em; font-family:"Nanum Gothic",dotum;}

	.write_field1 { overflow:hidden; position:relative; width:100%; border-bottom:1px solid #eee; padding:10px 0 20px 0;}
	.write_field1 .field { position:relative; float:left; width:70px; text-align:left; font-size:0.92em; color:#9c7272; font-family:dotum;}
	.write_field1 .w_input { position:relative; float:left; text-align:left; padding-left:30px;}


	.write_field2 { overflow:hidden; position:relative; width:none; border-bottom:1px solid #eee; padding:5px 0;}
	.write_field2 .field { position:relative; float:left; width:90px; text-align:left; font-family:dotum;}
	.write_field2 .w_input { position:relative; float:left; width:none; text-align:left; padding-left:30px;}


	.write_field_noline { overflow:hidden; position:relative; width:none; padding:5px 0;}
	.write_field_noline .field { position:relative; float:left; width:70px; text-align:left; font-size:0.92em; color:#9c7272; font-family:dotum;}
	.write_field_noline .w_input { position:relative; float:left; width:none; text-align:left; padding-left:30px;}
	.write_field_noline .w_input span { position:absolute; left:212px; top:2px;font-size:0.92em; font-family:dotum;}

	.write_field1_noline { overflow:hidden; position:relative; width:none; border-bottom:none; padding:10px 0 20px 0;}
	.write_field1_noline .field { position:relative; float:left; width:70px; text-align:left; font-size:0.92em; color:#9c7272; font-family:dotum;}
	.write_field1_noline .w_input { position:relative; float:left; width:none; text-align:left; padding-left:30px;}

	.link_home a { color:#666; text-decoration:none; font-weight:bold; font-family:Verdana; font-size:0.92em;}
	.link_home a:hover { color:#666; text-decoration:underline; font-weight:bold; font-family:Verdana; font-size:0.92em; }

	.board_read_btn img {max-width:65px; height:25px;}
}

@media (max-width:450px) {

	.vod1 { margin:10px 6px 32px 6px; }
	.photo_thumb {float:left;width:50%;}
	.item_thumb {position: relative; width:190px; height:100px; overflow:hidden;}
	.play_btn {position: absolute; text-align:right;top:70px;right:5px;}
	.photo_subject {margin-top:5px;width:190px;height:40px;margin-bottom:5px;}

	.write_field .field { position:relative; float:left; width:90%; text-align:left; font-size:0.92em; color:#9c7272; font-family:dotum;}
}
@media (max-width:400px) {
	.vod1 { margin:10px 6px 34px 6px; }

	.tbl_book_img img {width:70px;}
	.tbl_detail {
		max-width: 200px; /** Adjust width to your needs */
		display:inline-block;
		vertical-align: middle;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.read_qna {
		width:100%;
		color: #525252;
		line-height: 20px;
		margin: 15px 10px 0 10px;
		padding: 0 10px 15px 5px;
	}
	.read_qna p {
		max-width:375px;
		margin-right: 5%;
		overflow:hidden;word-wrap:break-word;word-break:break-all;
	}

	.photo_thumb {float:left;width:50%;}
	.item_thumb {position: relative; width:150px; height:80px; overflow:hidden;}
	.play_btn {position: absolute; text-align:right;top:50px;right:5px;}
	.photo_subject {margin-top:5px;width:150px;height:40px;margin-bottom:5px;}

}

/* iOS size */
@media (max-width:375px) {
	.vod1 { margin:10px 6px 38px 6px; }

	.read_qna {
		color: #525252;
		line-height: 20px;
		margin: 15px 10px 0 5px;
		padding: 0 10px 15px 5px;
	}
	.read_qna p {
		max-width:350px;
		margin-right: 10px;
		overflow:hidden;word-wrap:break-word;word-break:break-all;

	}
}


@media (max-width:340px) {


	.vod1 { position:relative; float:left; display:inline; width:100%; height:auto; margin:8px 0px 8px 0px; }
	.vod1 .pic {
		/*padding-top:2px;*/
		height:auto;
		overflow:hidden;
		border:5px solid #e34849;/*
		background-image:url("../images/04_report/bg_photo.gif");
		*/
		background-repeat:no-repeat;
		text-align:center;
	}
	.vod1 .sj { margin:5px 0 0 0; width:98%; height:auto; color:#444; font-weight:bold; line-height:1.2em;}


	.photo_thumb {float:left;width:100%;}
	.item_thumb {position: relative; width:100%; height:180px; overflow:hidden;}
	.play_btn {position: absolute; text-align:right;top:5px;right:5px;}
	.photo_subject {margin-top:5px;width:100%;height:auto;margin-bottom:5px;}

	.board_wrap td.b_suj {
		font-size: 1.0em;
	}
	.board_wrap td.b_name {
		font-size: 1.0em;padding:10px 0px;
	}
	.board_wrap td.b_date {
		font-size: 1.0em !important;
	}
	.board_wrap td.b_time {
		font-size: 1.0em !important;
		padding:0px 2px;

	}
	.board_wrap td.b_hit {
		font-size: 1.0em !important;
	}
}





/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{
	@media {

		.read_qna {
			color: #666666;
			line-height: 20px;
			margin: 15px 10px 0 10px;
			padding: 0 10px 15px 5px;
			border:solid 4px #0066ff;

		}
	}
}

/* Safari 9.0+ */

_::-webkit-:not(:root:root), .safari_only {

  color:#0000FF;
  background-color:#CCCCCC;

}
/* Safari 9 */

@supports (overflow:-webkit-marquee) and (justify-content:inherit)
{

  .safari_only {
    color:#0000FF;
    background-color:#CCCCCC;
  }

}
/* Safari 9.0+ (iOS Only) */

@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true))
and (not (-moz-appearance:none))
{

  .safari_only {
    color:#0000FF;
    background-color:#CCCCCC;
  }

}
/* Safari 9.0+ (non-iOS) */

_:-webkit-full-screen:not(:root:root), .safari_only {

  color:#0000FF;
  background-color:#CCCCCC;

}
/* Safari 6.1-7.0 */

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0)
{
   .safari_only {(;

      color:#0000FF;
      background-color:#CCCCCC;

    );}
}
/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .safari_only {

  color:#0000FF;
  background-color:#CCCCCC;

}
/* Safari 6.1+ (non-iOS) */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
    _:-webkit-full-screen, .safari_only {

        color:#0000FF;
        background-color:#CCCCCC;

    }
}}