/***** 공통 *****/
.read_bible_wrap {
	width: 100%;
	background: url("../img/rb_bg.gif") no-repeat top left;
	background-size: fixed;
  font-family:'Nanum Barun Gothic', sans-serif;
}

.read_bible_wrap * {
	line-height: 1.3;
}

.read_bible_wrap .container {
	width: 100%;
	margin: 0 auto;
	padding-top: 104px;
	box-sizing: border-box;
}

.main.rb_content {
	width: 1020px;
	margin:0 auto;
	padding: 60px 0;
}


/***** 검색창 *****/

.rb_header {
	width: 100%;
	padding: 26px 29px;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 30px;
	box-sizing: border-box;
}

.rb_tit {
	float: left;
}

.rb_tit .txt {
	font-size: 33px;
	font-weight: bold;
	color: #fff;
}

.rb_tit_icon {
	display: block;
	width: 60px;
	margin: 0 auto;
}

.rb_srch_form {
	overflow: hidden;
	float: left;
	width: 700px;
	padding: 10px 5px;
	margin-left: 15px;
	margin-top: 6px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-sizing: border-box;
	color: #fff;
}

.rb_srch_form .cont_left {
	float: left;
	width: 67%;
}

.rb_srch_form .cont_right {
	float: right;
	width: 33%
}

.rb_srch_ui01 {
	margin-bottom: 10px;
}

.rb_srch_tit {
	display: inline-block;
	font-size: 18px;
}

.rb_srch_tit:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 9px;
	margin-right: 5px;
	background: url("../img/rb_srch_tit_icon.png") no-repeat;
	vertical-align: middle;
}

.rb_ck {
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

.rb_ck_txt {
	font-size: 15px;
	color: #ccc;
}

.rb_ck_txt:hover {
	color: #fff;
}

.srch_part {
	width: 100px;
	height: 28px;
	font-size:20px;
	line-height:1;
}

.srch_chapter {
	width: 60px;
	height: 28px;
	font-size:20px;
}

.srch_verse {
	width: 60px;
	height: 28px;
	font-size:20px;
}

.rb_read_btn {
	padding: 3px 13px 5px;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	background-color: #5a9bd5;
	vertical-align: middle;
	transition: all 0.2s;
}

.rb_read_btn:hover {
	background-color: #98c9f5;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000;
}

.rb_srch_ui03 {
	text-align: right;
}

.rb_srch_ui03 .rb_srch_tit {
	width: 100%;
	padding-left: 10px;
	margin-bottom: 13px;
	text-align: left;
}

.rb_srch_word_val {
	width: 155px;
	height: 28px;
}

.rb_srch_btn {
	padding: 3px 13px 5px;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	background-color: #5a9bd5;
	transition: all 0.2s;
}

.rb_srch_btn:hover {
	background-color: #98c9f5;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000;
}

.rb_my_menu_btn {
	position: relative;
	float: right;
	display: block;
	margin-top: 6px;
	padding: 6.5px 20px 27px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-sizing: border-box;
	transition: all 0.2s;
}

.rb_my_txt {
	position: absolute;
	top: 70%;
	color: #fff;
	font-weight: bold;
	transition: all 0.2s;
}

.rb_my_txt.rb_my_txt_mac {
	width: 100%;
	left : 50%;
	transform : translateX(-50%);
	text-align :center;
}

.rb_my_menu_btn:hover {
	border: 1px solid #fff;
	background-color: #fff;
}

.rb_my_menu_btn:hover .rb_my_txt {
	top: 40%;
	color: #333;
}


.rb_mac_bible_btn {
	position: relative;
	float: right;
	display: block;
	margin-top: 6px;
	padding: 6.5px 20px 27px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-sizing: border-box;
	transition: all 0.2s;
}

.rb_mac_bible_btn:hover {
	border: 1px solid #fff;
	background-color: #fff;
}

.rb_mac_bible_btn:hover .rb_my_txt {
	top: 40%;
	color: #333;
}

.rb_mac_bible_btn:hover .rb_my_icon {
	visibility:hidden;
}


/***** 성경 Top *****/
.top_tit_area {
	display: none;
}


/***** 성경읽기 *****/

.rb_read_rslt_area {
	display: block;
}
.rb_read_rslt_area.none {
  display:none;
}


/*** 한개 읽기 ***/

.rb_read_rslt_area.single {
	display: block;
}
.rb_read_rslt_area.single.none {
  display:none;
}

.read_rslt_tit {
	padding: 0 40px;
	font-size: 25px;
	vertical-align: middle;
	text-align: center;
}

.read_rslt_tit .rslt_txt {
	padding: 0 15px;
}

.rslt_txt.small {
	font-size:25px;
	font-weight:bold;
	padding:0 15px;
	vertical-align:middle;
}

.chpt_prev_btn {
	display: inline-block;
	vertical-align: middle;
}

.chpt_prev_btn:hover {
	transform: scale(1.1);
	transition: all 0.2s;
}

.chpt_next_btn {
	display: inline-block;
	vertical-align: middle;
}

.chpt_next_btn:hover {
	transform: scale(1.1);
	transition: all 0.2s;
}

.read_rslt_header {
	margin: 40px 0;
	padding: 8px 10px;
	box-sizing: border-box;
	border: 1px solid #bbb;
}

.read_rslt_cate {
	float: left;
	font-size: 18px;
	color: #333;
}


/* 성경읽기 - 절(ex:1장 1절) 리스트 */

.read_rslt_list {}

.read_rslt_list > li {
	position: relative;
	margin-bottom: 30px;
}

.read_rslt_list .link {
	display: block;
}
.read_rslt_list .link:hover {
	background-color: #ededed;
}

.verse_num {
	display:inline-block;
	float: none;
	width: 5%;
	padding: 0px 8px 0;
	color: orange;
	font-size:22px;
	vertical-align:top;
	line-height:30px;
	text-align:right;
}

.verse_txt {
	display:inline-block;
	float: none;
	width: 94%;
	padding-left:10px;
	line-height: 30px;
	color: #000;
	cursor: pointer;
	vertical-align:top;
	font-size:24px;
	font-family:'Nanum Barun Gothic', sans-serif;
}
.verse_txt .txt{
	color: #000;
	line-height:1.7;
	font-size:20px;
	font-family:'Nanum Barun Gothic', sans-serif;
}

.verse_txt span {
	font-size:20px;
	font-family:'Nanum Barun Gothic', sans-serif;
}

.verse_txt .txt:hover {
}

/* 18.06.04 추가 */
.verse_txt .On{
	/*color: #DB3A00;*/
	color: #000000;
	line-height:1.7;
	/*font-weight:bold;*/
}
.verse_txt .On.fst {
	/*color: #DB3A00;*/
	color: #000000;
	line-height:1.7;
}
.verse_txt .On.scd {
	/*font-weight:bold;*/
	color: #000;/*#22619c*/
	line-height:1.7;
}

/* 성경 절 리스트 - 책갈피 메모 카톡 퀵 메뉴 */
.verse_quick_menu {
	display: none;
	position: absolute;
	top:-50px;
	left: 50px;
	height: 60px;
	padding: 7px 10px;
	background: url("../img/verse_quick_menu_bg.png") no-repeat;
	border-radius: 8px;
	font-size: 0;
	z-index: 9999;
}

.verse_quick_menu .icon {
	vertical-align: middle;
}
.verse_quick_menu .txt {
	padding-left: 3px;
	padding-right: 10px;
	font-size: 15px;
	vertical-align: middle;
	transition: all 0.2s;
}
.verse_bookmark_btn:hover .txt {
	text-shadow: 1px 1px 1px rgba(220,91,171,0.9);
	color: #fff;
}
.verse_memo_btn:hover .txt {
	text-shadow: 1px 1px 1px rgba(106,101,219,0.9);
	color: #fff;
}
.verse_kakao_btn:hover .txt {
	text-shadow: 1px 1px 1px rgba(60,32,29,0.9);
	color: #fff;
}
.verse_bookmark_btn .txt{
	color: #dc5bab;
}
.verse_memo_btn .txt{
	color: #6a65db;
}
.verse_kakao_btn .txt{
	color: #3c201d;
}

/* 성경 절 리스트 - 메모 메뉴 */
.verse_memo_area {
	display: none;
	overflow: hidden;
	padding: 20px 0;
	margin: 10px 40px 70px;
	border-top: 1px dotted #999;
	border-bottom: 1px solid #999;
	box-sizing: border-box;
}
.verse_memo {
	float: left;
	width: 89%;
	height: 100px;
	padding:5px;
	font-size:20px;
	font-weight:normal;
	font-family: 'Noto Serif KR', sans-serif;
	box-sizing:border-box;
	background-color:#fffeea;
	border:1px solid #ccc;
	border-radius:5px;
}
.verse_memo_area .cont_right {
	float: right;
	width: 10%;
	padding-top: 10px;
}
.verse_memo_txt {
	display: inline-block;
	width: 60%;
	vertical-align: middle;
	color: #666;
}
.verse_memo_reg_btn {
	display: block;
	width: 60px;
	padding: 3px 0;
	margin: 10px auto 0;
	border-radius: 6px;
	background-color: #5b9cd6;
	text-align: center;
	color: #fff;
}
.verse_memo_reg_btn:hover {
	background-color: #98c9f5;
}

.verse_pagenavi {
	margin-top: 30px;
	text-align: center;
}
.verse_prev_btn {
	border: 1px solid #ddd;
	display: inline-block;
	padding: 8px 11px;
	vertical-align: middle;
}
.verse_prev_btn:hover {
	border: 1px solid #999;
}
.verse_next_btn {
	border: 1px solid #ddd;
	display: inline-block;
	padding: 8px 11px;
	vertical-align: middle;
}
.verse_next_btn:hover {
	border: 1px solid #999;
}
.verse_pagenavi .icon {
	display: inline-block;
}
.verse_pagenavi {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 0;
	background-color: rgba(0,0,0,0.5);
	z-index:9999;
}
.verse_prev_btn {
	background-color: #fff;
}
.verse_next_btn {
	background-color: #fff;
}
.rslt_txt.small {
	color:#fff;
}

/* 1300 */
@media all and (max-width:1300px) {
	.main.rb_content {
		width: 100%;
	}
}
/* 768 */
@media all and (max-width:768px) {

	

	.verse_pagenavi {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 10px 0;
		background-color: rgba(0,0,0,0.5);
		z-index:9999;
	}
	.verse_prev_btn {
		background-color: #fff;
	}
	.verse_next_btn {
		background-color: #fff;
	}
	.rslt_txt.small {
		color:#fff;
	}

	.rb_ck_txt {font-size:13px;}
	.rb_ck_niv {font-size:13px;}
	.srch_part {height:23px; font-size:16px;}
	.srch_chapter {height:23px; font-size:16px;}
	.srch_verse {height:23px; font-size:16px;}
	.rb_read_btn {font-size:13px;}
	.rb_srch_btn {font-size:13px;}
	.rb_srch_word_val {height:23px;}
}

/* 성경 절 리스트 - 마크된 아이콘 */
.marked_link {
	cursor: pointer;
}
.marked_link .marked_icon {
	width: 25px;
  vertical-align: middle;
}

/* 오디오 듣기 */

.rslt_audio_btn {
	float: right;
	padding: 0 10px;
}

.rslt_audio_btn .audio_icon {
	font-size: 25px;
	color: #333;
	transition: all 0.2s;
}

.rslt_audio_btn:hover .audio_icon {
	color: #aaa;
}
.audio_area {
	float: right;
}
.audio_area .mejs__container {
	height: 30px !important;
	background-color: #5b9cd2;
	border-radius: 10px;
}
.audio_area .mejs__controls {
	height: 30px !important;
	border-radius: 10px;
}
.audio_area .mejs__time {
	padding: 6px 6px 0;
}
.audio_area .mejs__button, .audio_area .mejs__time, .audio_area .mejs__time-rail {
	height: 30px;
}
.audio_area .mejs__button>button {
	margin: 5px;
}
.audio_area .mejs__time-total {
	margin: 0;
}
.audio_area .mejs__horizontal-volume-slider {
	height: 30px;
}
.audio_area .mejs__horizontal-volume-total {
	top: 11px;
}


/* 폰트조정 */

.rslt_font_btn {
	float: right;
	padding: 0 10px;
}

.rslt_font_btn .font_icon {
	font-size: 25px;
	color: #333;
	transition: all 0.2s;
}

.rslt_font_btn:hover .font_icon {
	color: #aaa;
}

.chng_font_tool {
	display: none;
	float: right;
	padding: 2px 10px 4px;
	background: #e1f2fa;
	border-radius: 8px;
	border: 1px solid #eee;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.chng_font {
	background: none;
	border: none;
	padding-bottom: 3px;
	border-bottom: 1px solid #aaa;
}

.chng_font_size {
	background: none;
	border: none;
	padding-top: 3px;
	border-bottom: 1px solid #aaa;
}

.font_apply_btn {
	font-size: 13px;
	padding: 0 8px 3px;
	color: #fff;
	background-color: #5b9cd2;
	border-radius: 10px;
}

.font_apply_btn:hover {
	background-color: #98c9f5;
	color: #fff;
}
.audio_area {
	display: none;
	float: right;
}

/* 1020 */
@media all and (max-width:1124px){
	.read_bible_wrap {
		background: none;
	}
	.read_bible_wrap .container {
		width: 100%;
		padding-top: 0;
	}
	.rb_header {
		padding: 10px;
		border-radius: 0;
		background: url("../img/rb_bg_mo.gif") no-repeat;
		background-size: cover;
	}
	.rb_tit {display: none;}
	.rb_srch_form {
		width: 100%;
		border: 0;
		margin: 0 0 10px;
		padding: 0;
	}
	.rb_srch_form .cont_left {
		width: 56%;
	}
	.rb_srch_form .cont_right {
		width: 30%
	}
	.rb_srch_ui01 .br{
		display:block;
	}
	.rb_srch_ui03 .rb_srch_tit {
		text-align: right;
	}
	.rb_my_menu_btn {
		clear: both;
		float: none;
		width: 100%;
		margin: 0 auto;
		padding: 3px;
		text-align: center;
	}
	.rb_mac_bible_btn {
		clear: both;
		float: none;
		width: 100%;
		padding: 3px;
		text-align: center;
	}
	.rb_mac_bible_btn:hover .rb_my_icon {
		visibility: visible;
	}
	.rb_my_icon {
		display: inline-block;
		vertical-align: middle;
		width: 30px;
	}
	.rb_my_txt {
		position: static;
		display: inline-block;
		vertical-align: middle;
		width: 125px;
	}
	.rb_my_txt.rb_my_txt_mac {
		width: 110px;
		font-size :16px;
		transform: none;
	}
	.rb_my_menu_btn:hover {
		border: 1px solid #fff;
		background-color: transparent;
	}
	.rb_my_menu_btn:hover .rb_my_txt {
		color: #fff;
	}.rb_mac_bible_btn:hover {
		border: 1px solid #fff;
		background-color: transparent;
	}
	.rb_mac_bible_btn:hover .rb_my_txt {
		color: #fff;
	}	
	.verse_memo {
		float: none;
		width: 100%;
	}
	.verse_memo_area {
		position: relative;
	}
	.verse_memo_area .cont_right {
		float: none;
		width: 100%;
	}
	.verse_memo_txt {
		width: auto;
	}
	.verse_memo_reg_btn {
		position: absolute;
		bottom: 15px;
		right: 0;
	}
	.verse_txt {
		width:90%;
		padding-left:20px;
	}
}
/* 768 */
@media all and (max-width:768px) {
	.rb_header {
		position: relative;
	}
	.rb_srch_form .cont_left {
		float: none;
		width: 100%;
	}
	.rb_srch_form .cont_right{
		float: none;
		width: 100%;
		text-align: left;
		padding: 8px 0 0;
		margin: 8px 0 0;
		/*border-top: 1px solid rgba(255,255,255,0.5); */
	}
	.rb_srch_tit {display: none;}
	/*.rb_my_menu_btn {
		position: absolute;
		bottom: 8px;
		right: 10px;
		width: 120px;
		margin: 0;
	}
	.rb_my_icon {
		width: 20px;
	}
	.rb_my_menu_btn:hover {
		border: 1px solid #fff;
	}*/
	/*.rb_mac_bible_btn {
		position: absolute;
		right: 10px;
		width: 120px;
		margin: 0;
	}
	.rb_mac_bible_btn:hover {
		border: 1px solid #fff;
	}*/
	
}

/*** 비교 읽기 ***/
.rb_read_rslt_area.double {
	display: block;
}
.rb_read_rslt_area.double.none {
  display:none;
}
.rb_read_rslt_area.double .read_rslt_first, 
.rb_read_rslt_area.double .read_rslt_second {
	width: 49%;
}
.rb_read_rslt_area.double .read_rslt_first {
	float: left;
}
.rb_read_rslt_area.double .read_rslt_second {
	float: right;
}
.rb_read_rslt_area.double .read_rslt_second .read_rslt_list .verse_txt span{ /*18.09.07*/
		font-size:20px;
		font-family:'Noto Serif KR', sans-serif;
		font-weight:normal;
}
.rb_read_rslt_area.double .verse_txt {width:90%; padding-left:20px;}

/* 메모 영역 */
.rb_read_rslt_area.double .verse_memo {
	float: none;
	width: 100%;
}
.rb_read_rslt_area.double .verse_memo_area {
	position: relative;
}
.rb_read_rslt_area.double .verse_memo_area .cont_right {
	float: none;
	width: 100%;
}
.rb_read_rslt_area.double .verse_memo_txt {
	width: auto;
}
.rb_read_rslt_area.double .verse_memo_reg_btn {
	position: absolute;
	bottom: 15px;
	right: 0;
}

.rb_read_rslt_area .read_rslt_list li .verse_txt .txt{
		
	}
.rb_read_rslt_area .read_rslt_list li .verse_txt{
		
	}
.rb_read_rslt_area.double.mobi .read_rslt_list li .verse_txt .txt{
		font-weight:normal;
	}
.rb_read_rslt_area.double.mobi .read_rslt_list li .verse_txt{
		font-weight:normal;
	}
/* 비교 절의 레이아웃 구조상 모바일 비교 읽기는 새 레이어로 */
/* 1020 */
.rb_read_rslt_area.double.mobi {
	display: block;
}
.rb_read_rslt_area.double.mobi.none {
  display: none;
}
@media all and (max-width:1020px){
	.rb_read_rslt_area.double {
		display: block;
	}
  .rb_read_rslt_area.double.none {
    display: none;
  }

	.rb_read_rslt_area.double.mobi {
		display: block;
	}

  .rb_read_rslt_area.double.mobi.none {
    display: none;
  }
	.rb_read_rslt_area.double .read_rslt_first {
		float: none;
		width: 100%;
	}
	.rb_read_rslt_area.double.mobi .read_rslt_header:first-child {
		margin-bottom: 5px;
	}
	.rb_read_rslt_area.double.mobi .read_rslt_header:nth-of-type(2) {
		margin-top: 5px;
	}
	.rb_read_rslt_area.double.mobi .read_rslt_list li:nth-child(even) {
		margin-bottom: 0px;
	}
	.rb_read_rslt_area.double.mobi .read_rslt_list li:nth-child(even) .verse_txt .txt{
		color: #000; /*#75a9da*/
	}
	.rb_read_rslt_area.double.mobi .read_rslt_list li:nth-child(odd) .verse_txt .txt{
		font-weight:normal;
	}
	.rb_read_rslt_area.double.mobi .read_rslt_list li:nth-child(even) .verse_txt span{
		font-size:20px;
		font-family:'Nanum Barun Gothic', sans-serif;
	}
	.rb_read_rslt_area.double.mobi .read_rslt_list li:nth-child(odd) .verse_txt span{
		font-size:20px;
		font-family:'Noto Serif KR', sans-serif;
	}
}

/***** 성경단어검색 *****/

.rb_srch_rlst_area {
	display: block;
}
.rb_srch_rlst_area.none {
  display:none;
}
/*** 단일 검색 ***/
.rb_srch_rslt_tit {
	margin-bottom: 30px;
	font-size: 30px;
	text-align: center;
}
.rb_srch_rslt_tit .color_blue {
	color: #5b9cd6;
}

.srch_rlst_item {
	position: relative;
	width: 95%;
	margin: 0 auto;
}
.srch_rlst_cate {
	font-size: 18px;
	color: #333;
}
.srch_rlst_cate .icon {
	vertical-align: middle;
}
.srch_rlst_cate .count {
	padding-left: 5px;
	color: #999;
	font-size: 14px;
}
.srch_rlst_more_btn {
	position: absolute;
	top: 5px; 
	right: 0;
	padding: 2px 7px;
	color: #fff;
	font-size: 13px;
	background: #5b9cd6;
	border-radius: 20px;
	transition: all 0.2s;
}
.srch_rlst_more_btn:hover {
	padding: 2px 30px 2px 7px;
}
.srch_rlst_list {
	margin-top: 10px;
	border-top: 2px solid #999;
	padding: 40px 20px;
	box-sizing: border-box;
	background-color: #f7f7f7;
}
.srch_rlst_list > li {
	margin-bottom: 35px;
}
.srch_rlst_list > li:last-of-type {
	margin-bottom: 0px;
}
.srch_rlst_list .link {
	overflow: hidden;
	display: block;
}
.srch_rlst_list .part {
	float: left;
	font-size: 14px;
	color: #444;
}
.srch_rlst_list .cont {
	float: left;
	width: 85%;
	padding-left: 20px;
	font-size: 14px;
	color: #555;
}
.srch_rlst_list .cont:hover {
	text-decoration: underline;
}
.srch_rlst_list .srch_word {
	color: #5b9cd6;
}

.srch_pagenavi {
	margin-top: 30px;
	text-align: center;
}
.srch_page_btn {
	border: 1px solid #ddd;
	display: inline-block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	line-height: 32px;
	font-size: 13px;
}
.srch_page_btn:hover {
	border: 1px solid #999;
	background: #e8e8e8;
}
.srch_page_btn .icon {
	display: inline-block;
	line-height: 32px;
}

/*** 다중검색 ***/
.rb_srch_rlst_area.multi .srch_rlst_list > li {
	margin-bottom: 10px; 
}
.rb_srch_rlst_area.multi .srch_rlst_list {
	padding: 25px 20px;
	margin-bottom: 35px;
}

/* 768 */
@media all and (max-width:768px) {
	.srch_rlst_list .cont {
		float: none;
		width: 100%;
	}
	.srch_rlst_list > li {
		margin-bottom: 20px;
	}
	.rb_srch_rlst_area.multi .srch_rlst_list > li {
		margin-bottom: 20px;
	}
}

/***** 마이메뉴 *****/

.my_menu_area {
	display: block;
}
.my_menu_area.none {
  display: none;
}
.my_menu_tit {
	width: 150px;
	margin: 0 auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	font-size: 30px;
	text-align: center;
}
.my_menu_uname {
	padding-top: 5px;
	color: #5b9cd6;
	font-size: 17px;
	text-align: center;
}
.my_menu_uname .strong {
	font-weight: bold;
}

.my_menu_tab {
	margin-top: 40px;
	border-bottom: 1px solid #666;
}
.my_menu_tab .tab {
	width: 150px;
	display: inline-block;
	padding: 7px 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #aaa;
	font-weight: bold;
	text-align: center;
}
.my_menu_tab .tab:hover {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	color: #333;
}
.my_menu_tab .tab.active {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	color: #333;
}
.my_menu_cont {
	display: none;
}
.my_menu_cont.active {
	display: block;
}
.my_menu_tbl {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 40px;
	border-bottom: 1px solid #666;
}
.my_menu_tbl .col8 {
	width: 8%;
}
.my_menu_tbl .col71 {
	width: 71%;
}
.my_menu_tbl .col13 {
	width: 13%;
}
.my_menu_tbl .col51 {
	width: 60%;
}
.my_menu_tbl thead th {
	position: relative;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #666;
}
.my_menu_tbl thead th:before {
	content: "";
	display: block;
	position: absolute;
	top: 13px;
	right: 0;
	width: 1px;
	height: 12px;
	background-color: #bbbbbb;
}
.my_menu_tbl thead th:last-child:before {
	display: none;
}
.my_menu_tbl tbody td {
	padding: 10px;
	font-size: 12px;
	color: #444;
	background-color: #f6f6f6;
	text-align: center;
	border-bottom: 1px solid #cbcbcb;
}
.my_menu_tbl tbody td:nth-of-type(2) {
	font-weight: bold;
}
.my_menu_tbl tbody td:nth-of-type(3) {
	text-align: left;
	padding-left: 20px;
	font-size:20px;
}
.my_menu_tbl tbody td:nth-of-type(3):hover .link{
	text-decoration: underline;
}
.my_menu_tbl tbody tr:last-of-type td {
	border-bottom: 0;
}
.my_menu_tbl tbody tr:hover td {
	background-color: #fff;
	color: #333;
}
.my_menu_tbl tbody td.my_menu_tbl_cont {font-size:20px;}
.my_menu_pagenavi {
	margin-top: 30px;
	text-align: center;
}
.my_menu_page_btn {
	border: 1px solid #ddd;
	display: inline-block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	line-height: 32px;
	font-size: 13px;
}
.my_menu_page_btn:hover {
	border: 1px solid #999;
	background: #e8e8e8;
}
.my_menu_page_btn .icon {
	display: inline-block;
	line-height: 32px;
}
.list_del_btn {
	display: block;
	width: 60px;
	padding: 2px 0 4px;
	margin: 0 auto;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	background-color: #5a9cd6;
}
.list_del_btn:hover {
	background-color: #98c9f5;
}
/* 1020 */
@media all and (max-width:1020px) {
	.my_menu_tab {
		font-size: 0;
	}
	.my_menu_tab .tab {
		width: 25%;
		font-size: 17px;
	}
}
@media all and (max-width:768px) {
	.my_menu_tab {
		border: 0;
		text-align: center;
	}
	.my_menu_tab .tab {
		width: 48%;
		margin-bottom: 5px;
		font-size: 15px;
		border: 1px solid #ccc;
	}
	.my_menu_tab .tab:nth-of-type(odd) {
		margin-right: 5px;
	}
	.my_menu_tab .tab.active {
		border: 1px solid #666;
	}
	.my_menu_tbl .col8 {
		width: 10%;
	}
	.my_menu_tbl .col71 {
		width: 62%;
	}
	.my_menu_tbl .col13 {
		width: 18%;
	}
	.my_menu_tbl {
		table-layout:fixed;
	}
	.my_menu_tbl tbody td {
		/*white-space: nowrap;
		text-overflow:ellipsis; 
		overflow:hidden;*/
	}
	.my_menu_tbl tbody td:nth-of-type(3) .link {
		font-size:13px;
	}
}
@media all and (max-width:500px) {
	.my_menu_tbl .col8 {
		
	}
	.my_menu_tbl .col71 {
		
	}
	.my_menu_tbl .col13 {
		
	}
	.my_menu_tbl .col20 {width:20%;}
}
@media all and (max-width:460px) {
	.my_menu_tbl thead th:before {height:24px;}
}
@media all and (max-width:400px) {
	.audio_area {float:right;}
	.audio_area .mejs__container {width:300px !important;}
}

/* 기존 top 수정 */
div#main_wrap2 {width:100%;}
article.art_sub_content {float:none; width:100%;}
.art_sub_content #cont {width:100%; padding:0;}
div.tnb_wrap {width:1020px; margin:0 auto;}

@media screen and (max-width:1200px) {
	div.tnb_wrap {width:100%;}
	.tnb_wrap #tnb > li:nth-child(2) {display:none;}
	.tnb_wrap #tnb > li:nth-child(3) {display:none;}
	.tnb_wrap #tnb li:nth-child(1) a {border-right:0;}
}
