@import url("http://www.todayhumor.co.kr/board/css/icon_sprites.css?262499229");


/*----------------------------------------------
							common
-----------------------------------------------*/				
/* * {font-family: } */

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{  
	margin:0;  
	padding:0;  
	-webkit-text-size-adjust:none;  
}  



/*a:link    {color: blue; text-decoration:none}
a:visited {color: blue; text-decoration:none}
a:hover   {color: red; text-decoration:underline }
*/


ul, ol, li {margin:0; padding:0; list-style:none;}


body {
	max-width:980px;
	margin:0 auto;
}

p,div{
	max-width: 100%
}


h1 { font-size:20px;}
.home_body {
	margin:0 auto;
	background-color: #38393f;
}


a {
	text-decoration:none !important;
}

/*a { text-decoration:none; color:inherit;}*/



strong {
	font-weight:bold;
}



/******* logo div ************/
.logo_div_container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;	
	align-items: center;
	height: 54px;
    
}


.top_logo {		
    width: 90px;
    height: 32px;
    padding: 0;
    background-size: 90px 32px;		
    display: block;		
    background-image: url(/images/toplogo/toplogo_m.png);
    margin-left: 10px;
}

.top_icons{
	display: flex;
	align-items: center;
	position: relative;
}

.top_icons a {

}



.top_btn_control_panel {
    display: block;
    width: 30px;
    height: 44px;
    background: url(/images/ou_sprite_m.png);
    background-position: -109px 0;
    background-size: 400px 200px;
    margin-right:7px;
}

.top_btn_login {
    display: block;
    width: 30px;
    height: 44px;
    background-position: -140px 0;
/*    background: url(/images/ou_sprite_m.png);
    background-size: 400px 200px;*/

    margin-right:7px;
}

.top_btn_logined{
    display: block;
    width: 30px;
    height: 44px;
/*    background: url(/images/ou_sprite_m.png);
    background-size: 400px 200px;
*/    background-position: -140px 0;

    margin-right:7px;

}



.darkmode_switch_container {
	margin-right: 7px;
}

.darkmode_swtich_label{
  background-color: #0d469a;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;  
  border-radius: 50px;
  padding: 5px;
  height: 32px;
  width: 62px;
  margin : 0;
  transition: all 2s ;
  
}

.darkmode_switch_checkbox{
  opacity: 0; 
  position: absolute; 

}

.darkmode_switch_ball {
  width: 28px;
  height: 28px;
  background-color: #fff;
  position: absolute;
  border-radius: 50%;
  padding: 5px;
  top: 2px;
  left: 2px;
  transition: transform 0.2s linear;
  
}


.darkmode_switch_checkbox:checked + .darkmode_swtich_label .darkmode_switch_ball{

  transform: translatex(30px); 
}

.darkmode_switch_checkbox:checked + .darkmode_swtich_label{

  background-color: #666;
}



.dark_mode_switch_moon{
  color : #f1c40f;  
  
}
.dark_mode_switch_moon{
	animation: crescendo 1.5s alternate infinite ease-in;
}



/*태양 회전*/
.dark_mode_switch_sun {
	 color: #f39c12;
	-webkit-animation:spin 8s linear infinite;
	-moz-animation:spin 8s linear infinite;
	animation:spin 8s linear infinite;
}

@keyframes crescendo {
  0%   {transform: scale(.8);}
  100% {transform: scale(1.0);}
}


@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/******* logo div end ************/



/*
#logoDiv {
	background-color:white;
	height:42px;
	overflow: hidden;
}

#logoDiv img{
	position:relative;
}


#login {
	float:right;
	width:80px;
	height:40px;
	text-align:right;
	vertical-align:bottom;
}*/

.memberWelcomeDiv{
	position:relative;
	background-color:#e5e5e5;
	padding:3px 0 3px 10px;
	text-align:center;
	font-size:12px;
	/* border-bottom:1px solid #cecece; */
	border-top:1px solid #cecece;
	color: #777;
}


.turn_off {
	display:none;
}

.clear {
	clear:both;
}



/*----------------------------------------------
-----------------------------------------------*/		
/*.top_best_menu_div
{
	background-color:#555555;
	padding: 12px 0px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #454545;
}
*/
/*.top_best_menu_div a
{
    color:white;
    padding:0 10px;
}
*/

/*----------------------------------------------

-----------------------------------------------*/		
.bottom_menu_div
{
	padding:20px 0px;
	font-size:12px;
	text-align:center;
	/* margin-top:10px; */
	color:white;
	/* margin-bottom:20px; */
}

.bottom_menu_div span
{	
	margin-right:10px;
}





/*----------------------------------------------

-----------------------------------------------*/	


.to_list_div {
	clear:both;
	text-align:center;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

.to_list_div div{

}

/*to_list_divdiv*/
.to_list_div > div {
	
	margin:0 auto;
	border:2px solid #092c32;
	width:240px;

	padding:5px 5px;
	text-align:center;
	margin-bottom:5px;
	font-size:15px;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

	



.bottom_button_div {
text-align:center;
padding: 16px 0;
/* border:1px solid red; */
}
	
.bottom_button_div > div {
	width:300px;
	margin:0 auto;
	/* border:1px solid blue; */
}


.bottom_button_div > div > div {
	/* border:1px solid orange; */
	color: #777;
	width: 100px;
	text-align:center;
	font-size: 12px;
	cursor:pointer;
	float:left;
	font-weight: bold;
}

.go_back_btn {}


.pc_version {
    color: #2c9cd7 !important;
}

.go_to_top_btn {}


/*----------------------------------------------
							footer
-----------------------------------------------*/				

.footer{
	clear:both;
	padding:10px;
	background:#ddd;

	text-align:center;
	color:#777;
}



/*----------------------------------------------
							home
-----------------------------------------------*/				
.favoriteTitle{
	display:none;
	position:relative;
	text-align:center;
	color:gray;
	padding:8px;
	font-weight:bold;
}


.favoriteEditBtn{
	position:absolute;
	top:10px;
	right:8px;
	float:right;
	width:42px;
	background:url(/images/favorite_edit_x2.png) no-repeat ;
	background-size: 12px;
	background-position:left center;
	cursor:pointer;
	text-align:right;
	font-size:12px;
}


.favoriteDescDiv{
	color:yellow;
	background-color: black;
	padding: 8px;
	display: none;
}



.index_page_separator_div{
	margin-bottom:10px;
	font-size:12px;
	color:gray;
	font-weight:bold;
	text-align:center;
	padding:5px;
}




.homeMenu { 
	position:relative;
	padding: 0;
	margin-top:13px;
	text-align:center;
}


.menu_box {
	position:relative;
	float:left;
	width:60px;
	height:96px;
	text-align:center;
	font-size:12px;
	color:white;
	padding-top:56px;
	line-height:100%;
	cursor: pointer;

}

/*  */
.home_icon01 {
	position:absolute;
	top:0;
	left:0;
	right: 0;
	margin: auto;
	width:48px;
	height:48px;
	background:url('http://m.todayhumor.co.kr/images/sprites_home_icon001.png?3') no-repeat top left;
	background-size: 300px 400px;
}


.home_icon02 {
	position:absolute;
	top:0;
	left:0;
	right: 0;
	margin: auto;
	width:48px;
	height:48px;
	background:url('http://m.todayhumor.co.kr/images/sprites_home_icon002.png') no-repeat top left;
	background-size: 300px 400px;
}


.home_icon03 {
	position:absolute;
	top:0;
	left:0;
	right: 0;
	margin: auto;
	width:48px;
	height:48px;
	background:url('http://m.todayhumor.co.kr/images/sprites_home_icon003.png?32432') no-repeat top left;
	background-size: 300px 400px;
}







.home_icon_game {
	position:absolute;
	top:0;
	left:0;
	right: 0;
	margin: auto;
	width:48px;
	height:48px;
	background:url('http://m.todayhumor.co.kr/images/sprites_home_icon_games01.png?5') no-repeat top left;
	background-size: 300px 400px;
}






/* */
.home_icon_sports_team {
	position:absolute;
	top:0;
	left:0;
	right: 0;
	margin: auto;
	width:48px;
	height:48px;
	background:url('http://m.todayhumor.co.kr/images/sprites_home_icon_sports_team.png') no-repeat top left;
	background-size: 300px 150px;
}

.homeMenu a{ display:inline-block; }
.homeMenu a:hover,.homeMenu a:visited,.homeMenu a{
	color:white;
	text-decoration:none;
	line-height:100%;
}

/*
.homeMenu div:active{
	background:yellow;
}
*/




/*blank?*/
.home_icon_blank{	background-position: -62px -0px; }







/*sprites_home_icon001.png */
.home_icon_bestofbest{ background-position: 0 0;}
.home_icon_todaybest{	background-position: -50px 0px; }
.home_icon_humorbest{	background-position: -100px 0px; }
.home_icon_best_sort{	background-position: -150px 0px; }
.home_icon_total{	background-position: -200px 0px; }
.home_icon_humorstory{	background-position: -250px 0px; }

.home_icon_humordata{	background-position: 0px -50px; }
.home_icon_lovestory{	background-position: -50px -50px; }
.home_icon_sewol{	background-position: -100px -50px; }
.home_icon_sisa{	background-position: -150px -50px; }
.home_icon_sisaarch{	background-position: -200px -50px; }
.home_icon_economy{	background-position: -250px -50px; }

.home_icon_society{	background-position: 0px -100px; }
.home_icon_freeboard{ background-position: -50px -100px; }
.home_icon_science{	background-position: -100px -100px; }
.home_icon_jisik{ background-position: -150px -100px; }
.home_icon_jobinfo{ background-position: -200px -100px; }
.home_icon_gomin{ background-position: -250px -100px; }

.home_icon_love{ background-position: 0px -150px; }
.home_icon_wedlock{ background-position: -50px -150px; }
.home_icon_menbung{	background-position: -100px -150px; }
.home_icon_soda{ background-position: -150px -150px; }
.home_icon_dream{	background-position: -200px -150px; }
.home_icon_baby{background-position: -250px -150px; }

.home_icon_diet{	background-position: 0px -200px; }
.home_icon_animal{	background-position: -50px -200px; }
.home_icon_plant{	background-position: -100px -200px; }
.home_icon_phil{	background-position: -150px -200px; }
.home_icon_psy{	background-position: -200px -200px; }
.home_icon_art{	background-position: -250px -200px; }

.home_icon_law{ background-position: 0px -250px; }
.home_icon_history{	background-position: -50px -250px; }
.home_icon_docu{	background-position: -100px -250px; }
.home_icon_fashion{	background-position: -150px -250px; }
.home_icon_selfshot{	background-position: -200px -250px; }
.home_icon_beauty{	background-position: -250px -250px; }

.home_icon_interior{background-position: 0px -300px; }
.home_icon_diy{	background-position: -50px -300px; }
.home_icon_tvent{background-position: -100px -300px; }
.home_icon_muhan{background-position: -150px -300px; }
.home_icon_thegenius{background-position: -200px -300px; }
.home_icon_animation{	background-position: -250px -300px; }


.home_icon_comics{	background-position: 0px -350px; }
.home_icon_pony{	background-position: -50px -350px; }
.home_icon_military{	background-position: -100px -350px; }
.home_icon_fukushima{background-position: -150px -350px; }
.home_icon_computer{	background-position: -200px -350px; }
.home_icon_it{background-position: -250px -350px; }



/*sprites_home_icon002.png */

.home_icon_programmer{background-position: 0px 0px; }
.home_icon_movie{	background-position: -50px 0px; }
.home_icon_drama{background-position: -100px 0px; }
.home_icon_mid{	background-position: -150px 0px; }
.home_icon_star{	background-position: -200px 0px; }
.home_icon_music{	background-position: -250px 0px; }

.home_icon_findmusic{	background-position: 0px -50px; }
.home_icon_instrument{ background-position: -50px -50px; }
.home_icon_sound{ background-position: -100px -50px; }
.home_icon_sports{	background-position: -150px -50px; }
.home_icon_baseball{	background-position: -200px -50px; }


.home_icon_soccer{	background-position: 0px -100px; }
.home_icon_basketball{	background-position: -50px -100px; }
.home_icon_baduk{ background-position: -100px -100px; }
.home_icon_oekaki{	background-position: -150px -100px; }
.home_icon_panic{	background-position: -200px -100px; }
.home_icon_mystery{	background-position: -250px -100px; }

.home_icon_soju{	background-position: 0px -150px; }
.home_icon_car{	background-position: -50px -150px; }
.home_icon_bicycle2{	background-position: -100px -150px; }
.home_icon_toy{background-position: -150px -150px; }
.home_icon_motorcycle{	background-position: -200px -150px; }
.home_icon_rivfishing{	background-position: -250px -150px; }

.home_icon_seafishing{	background-position: 0px -200px; }
.home_icon_readers{ background-position: -50px -200px; }
.home_icon_deca{background-position: -100px -200px; }
.home_icon_photolec{background-position: -150px -200px; }
.home_icon_camera{background-position: -200px -200px; }
.home_icon_travel{	background-position: -250px -200px; }

.home_icon_overseabuy{background-position: 0px -250px; }
.home_icon_outstudy{	background-position: -50px -250px; }
.home_icon_emigration{	background-position: -100px -250px; }
.home_icon_cook{	background-position: -150px -250px; }
.home_icon_coffee{ background-position: -200px -250px; }
.home_icon_today{	background-position: -250px -250px; }

.home_icon_voca{	background-position: 0px -300px; }
.home_icon_smartphone{	background-position: -50px -300px; }
.home_icon_iphone{	background-position: -100px -300px; }
.home_icon_android{	background-position:-150px -300px; }
.home_icon_military2{	background-position:-200px -300px; }
.home_icon_camping{ background-position: -250px -300px;}

.home_menu_poop{	background-position: 0px -350px; }
.home_menu_boast{	background-position: -50px -350px;}
.home_menu_babyshot{	background-position: -100px -350px; }
.home_menu_medical{	background-position:-150px -350px; }
.home_menu_english{	background-position:-200px -350px; }
.home_menu_databox{	background-position: -250px -350px; }



/*sprites_home_icon003.png */

.home_menu_askboard{ 	background-position: 0 0;}
.home_menu_ou{		background-position: -50px 0px; }
.home_menu_announce{	background-position: -100px 0px; }
.home_menu_보류{	background-position: -150px 0px; }
.home_menu_accident{	background-position: -200px 0px; }
.home_menu_mers{	background-position: -250px 0px; }

.home_menu_matzip{	background-position: 0px -50px; }
.home_menu_favor{	background-position: -50px -50px; }
.home_menu_podcast{	background-position: -100px -50px; }
.home_menu_religion{	background-position: -150px -50px; }
.home_menu_gagconcert{	background-position: -200px -50px; }
.home_menu_runningman{	background-position: -250px -50px; }

.home_menu_nagasu{	background-position: 0px -100px; }
.home_menu_antivirus{	background-position: -50px -100px; }
.home_menu_windowsmobile{background-position: -100px -100px; }
.home_menu_symbian{ 	background-position: -150px -100px; }
.home_icon_winter2018{ 	background-position: -200px -100px; }
.home_icon_corona19{ 	background-position: -250px -100px; }
.home_icon_tokyo2020 {background-position: 0px -150px; }


/*sprites_home_icon_games01.png */
.home_icon_gametalk{	background-position: 0px 0; }
.home_icon_xbox{	background-position: -50px 0; }
.home_icon_ps{	background-position: -100px 0; }
.home_icon_nintendo{	background-position: -150px 0; }
.home_icon_mobilegame{	background-position: -200px 0; }
.home_icon_starcraft{	background-position: -250px 0; }

.home_icon_starcraft2{	background-position: 0px -50px; }
.home_icon_wow{	background-position: -50px -50px; }
.home_icon_warcraft{	background-position: -100px -50px; }
.home_icon_diablo2{	background-position: -150px -50px; }
.home_icon_diablo3{	background-position: -200px -50px; }
.home_icon_dungeon{	background-position: -250px -50px; }

.home_icon_aion{	background-position: 0px -100px; }
.home_icon_mabinogi{	background-position: -50px -100px; }
.home_icon_mabi{	background-position: -100px -100px; }
.home_icon_suddenattack{	background-position: -150px -100px; }
.home_icon_fifa2{	background-position: -200px -100px; }
.home_icon_minecraft{	background-position: -250px -100px; }

.home_icon_specialforce{	background-position: 0px -150px; }
.home_icon_civil{	background-position: -50px -150px; }
.home_icon_cyphers{	background-position: -100px -150px; }
.home_icon_lol{	background-position: -150px -150px; }
.home_icon_bf3{	background-position: -200px -150px; }
.home_icon_bns{	background-position: -250px -150px; }

.home_icon_actozma{	background-position: 0px -200px; }
.home_icon_wtank{	background-position: -50px -200px; }
.home_icon_gta5{	background-position: -100px -200px; }
.home_icon_hstone{	background-position: -150px -200px; }
.home_icon_black{	background-position: -200px -200px; }
.home_icon_heroes{	background-position: -250px -200px; }

.home_icon_dota2{	background-position: 0px -250px; }
.home_icon_maple1{	background-position: -50px -250px; }
.home_icon_maple2{	background-position: -100px -250px; }
.home_icon_overwatch{	background-position: -150px -250px; }
.home_icon_overgroup{	background-position: -200px -250px; }
.home_icon_pokemongo{	background-position: -250px -250px; }

.home_icon_ff14{	background-position: 0px -300px; }
.home_icon_dayz{	background-position: -50px -300px; }
.home_icon_tera{	background-position: -100px -300px; }
.home_icon_ff{		background-position:-150px -300px; }
.home_icon_simcity5{	background-position:-200px -300px; }
.home_icon_gameroom{	background-position: -250px -300px;}



.home_icon_ffantasy14{	background-position:0px -300px; }
.home_icon_battlegrnd{	background-position:0px -350px; }


















/*sprites_home_icon_sports_team.png */

.home_icon_baseballteam{	background-position: 0px	 		0px; }
.home_icon_bbnexen{		background-position: -50px 		0px; }
.home_icon_bbdoosan{		background-position: -100px	0px; }
.home_icon_bblotte{			background-position: -150px	0px; }
.home_icon_bbsamsung{	background-position: -200px	0px; }
.home_icon_bbhanwha{		background-position: -250px	0px; }

.home_icon_bbkia{			background-position: 0px	 	-50px; }
.home_icon_bblg{			background-position: -50px	-50px; }
.home_icon_bbnc{			background-position: -100px -50px; }
.home_icon_bbsk{			background-position: -150px -50px; }
.home_icon_bbkt{			background-position: 0px -100px; }

.home_icon_bbmlb{			background-position: -200px -50px; }
.home_icon_bbnpb{			background-position: -250px -50px; }

.home_icon_london2012{	background-position: -0px -0px; }
.home_icon_blank{	background-position: -62px -0px; }







/*----------------------------------------------
							list
-----------------------------------------------*/				
.listTitleDiv {	
	padding: 12px;
	border-bottom: 1px solid #cecece;
}

.listTitleDivUp{
	position: relative;
	margin-bottom: 12px;
}

.list_add_favorite_standby {
	/* border: 1px solid red; */
	position:absolute;
	width: 23px;
	height: 22px;
	top: 0;
	float: right;
	right: 0;
	background-image: url('/images/favorite_no2.png');
	background-size: 24px 22px;
}

.list_add_favorite_alread_added {
	/* border: 1px solid red; */
	position:absolute;
	width: 23px;
	height: 22px;
	top: 0;
	float: right;
	right: 0;
	background-image: url('/images/favorite_ok2.png');
	background-size: 24px 22px;
}



/* .list_add_favorite_alread_added {
	position:absolute;
	width: 58px;
	height: 58px;
	top:-1px;
	float: left;
	right: -66px;	
	background-image: url('/images/favorite_ok.gif');	
	background-size: 58px 58px;	
	
} */

.add_favorite_alert_div {
	text-align:center;
	color: black;
	
	background-color: #FFE300;
	font-size: .9em;
	padding: 10px;
	display: none;
}

.remove_favorite_alert_div {
	text-align:center;
	color: black;
	
	background-color: #FFE300;
	font-size: .9em;
	padding: 10px;

	display: none;
}



.list_table_name {
	margin-left:3px;
	/* margin-top:5px; */
	/* margin-bottom:0; */
	font-size: 1em;
	font-weight: bold;
}


.list_table_desc {
	display:block;
	margin-top:2px;
	margin-left:3px;
	font-size:1em;
}


.titleClickDesc{
	background-color: #e5e5e5;	
	font-size: 12px;	
	padding: 6px 12px;		
	color: #666;
}


.listWriteDiv{
	text-align: center;
	padding: 15px 0;	
	font-weight: bold;
}

.listWriteDiv .btn{
	width: 200px;
}


.listWriteDiv img {
	width: 18px;
	height:auto;
	margin-right:3px;
}




.listTopTab{
	height:47px;
	text-align:center;
	padding-top:10px;
}



.listLineBox {
	position:relative;
	background:#fff;
	margin-top:0;
	padding-left:38px;
	padding-right: 10px;
	padding-top:3px;
	padding-bottom:3px;
	font-size:13px;
	overflow:hidden;
}

.listLineBox:hover {
	/*background:#ddd;*/
}

.listLineBox:active {
	/*background:#ddd;*/
}



.listLineBox:visited {
	/*background:yellow;*/
}




.list_iconBox {
	position:absolute;
	/*
    top:5%;
	left:8px;
	width:20px;
	height:90%;
	border-right:1px dotted #ccc;
    */
    top:0;
    left:0;
    width:30px;
    height:100%;
	text-align:left;

	border-right:1px dotted #ccc;
	height:100%;
	text-align:center;
	padding:5px;
 
 	display: flex;
  	justify-content: center;
}




.list_iconWrap{
	display: flex;
}

.list_iconWrap div{
	margin-right: 5px;;
	width: 12px;
	height: 12px;
	background-size: contain;
}

.list_mobile_icon {

}

.list_image_icon {
	background-image: url('../images/list_icon_photo_m.png');
}
.list_icon_pencil {
	background-image: url('../images/list_icon_pencil_m.png');
}
.list_icon_shovel {
	background-image: url('../images/list_icon_shovel_m.png');
}
.list_icon_no_best {
	background-image: url('../images/list_icon_no_best_m.png');
}
.list_icon_no_bob {
	background-image: url('../images/list_icon_no_bob_m.png');
}
.list_icon_no_delete {
	background-image: url('../images/list_icon_no_delete_m.png');
}
.list_icon_no_shovel {
	background-image: url('../images/list_icon_no_shovel_m.png');
}



.list_bookTitle {
	color:#A53535;
	text-decoration:none;
	letter-spacing:-1.5px;
	font-size:14px;
	margin-left:2px;
}



.list_no {
	color: #999;
	letter-spacing:-.8px;
}
	
.list_writer {
	color: #999;
	letter-spacing:-.5px;
}
	

.list_writer[is_member="yes"] {
	/* font-weight:bold; */
	letter-spacing:-.5px;
	font-weight: bold;
}


.member_star {
	color:orange;
}

.member_icon{
	border:0;
	vertical-align:middle;
	margin:0 2px;
}

.listDate {
	color: #999;
	text-decoration:none;
	letter-spacing:-.8px;
}

.listSubject {
	margin-top:3px;
	margin-bottom:3px;
	letter-spacing:-1px;
	line-height:130%;
	font-size:15px;
}

.list_comment_count {
	color: #2c9cd7;
	font-size:14px;
}

.list_okNokTitle,.list_viewTitle {
	color:#888;
	text-decoration:none;
	letter-spacing:-.7px;
}

.list_okNokCount {
	color: #007FAC;
	/* text-decoration:none; */
	/* text-indent:-200px; */
	font-weight:bold;
	/* letter-spacing:-.2px; */
	/* font-size:14px; */
	margin-right: 10px;;
	
	
}

.list_viewCount_container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.list_viewCount {
	color: #999;
	text-decoration:none;
	letter-spacing:-1px;
	margin-right: 10px;;
	
}



/*		Paging		*/

.pagePreNextDiv{
	clear: both;
	margin: 0 auto;
	text-align: center;
	letter-spacing: -1px;
	padding: 15px 0;
	/*background: white;*/
	/*border-bottom: 1px solid #ddd;*/
}
.pagePreNextDiv a {
	/*color: #777;*/
	/* background:#5365e1; */
	/* border: 2px solid #3e4bd8; */
	/* padding:12px; */
	/* margin:12px; */
	/* -webkit-border-radius: 7px; */
	-moz-border-radius: 7px;
	/* border-radius: 7px; */
	font-weight: bold;
	margin: 0 31px;
	font-size: 15px;
}



.pagingDiv {
	margin: 0 auto;
	/*margin-bottom:10px;*/
	text-align: center;
	font-family: 'Helvetica';
	letter-spacing: -1px;
	line-height: normal;
	padding:12px 0;
	/*background: white;*/
	/* border-bottom: 1px solid #ddd; */
}


.pagingDiv a{
	/*color: #656565;*/
	display: inline-block; 
	text-decoration: none; 
	vertical-align: middle; 
	text-align:center;
	padding:7px 7px;
	/*font-weight:bold; */
	font-size: 18px;
	margin:3px;
	letter-spacing:-1px;
}


.pagingDiv a:hover {
	/*color: #5365E1; */
}




.searchDiv {
	margin: 0 auto;
	/*margin-bottom:10px;*/
	text-align: center;
	font-family: 'Helvetica';
	letter-spacing: -1px;
	line-height: normal;
	padding:12px 0;
	background: white;
	/*border-bottom: 1px solid #cecece;*/
}


.page_box{ 
	/*color: #656565;*/
	/*background:white;*/
	/*border: 1px solid #D4D4D4; */
}

.cur_page_box {
	/*border: 2px solid #39c;*/
	color: #FFFFFF;
	/*background-color: #00adee;*/
}


/* */
.todaybest_PreNextDiv {
	clear:both;
	text-align: center; 
	font-family: 'Helvetica'; 
	letter-spacing: -1px; 
	padding:25px 0;
	line-height: normal; 
	/*background:#eee url('http://m.todayhumor.co.kr/images/list_bg_alpha.gif') bottom;*/
	/*margin-bottom:10px;*/

}

.todaybest_PreNextDiv a {
	/*border: 2px solid #ed1c24; */
	padding:10px;
	/*color: #FFF; */
	/*background-color: #f26522; */
	margin:0 8px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.todaybest_cur_page {
	/*color: white;*/
	/*background:#5365e1;*/
	padding:10px;


}


.searchKeyfieldSelectBox{
	/*background-color: #f3f3f3;*/
	margin-right: -3px;
}



/*----------------------------------------------
view
-----------------------------------------------*/		
.view_body{
	margin:0 auto;
	/*background-color: #38393f;*/
}

.view_title {
	padding:12px;
}


.view_subject {
	font-size:16px;
	font-weight:bold;
}




/*inside view_spec start*/

.view_spec {
	position:relative;
	font-size:13px;
	line-height:125%;
	padding:10px 10px;
	letter-spacing:-1px;
}

.view_spec span {
	letter-spacing:-.3px;

}

.view_spec_each_span {
	position:relative;
	padding-left:8px;
	background:url('http://m.todayhumor.co.kr/images/view_spec_dot.gif') no-repeat 0 4px;

}


.view_no {
	font-weight:bold;
	font-size:14px;
}

.view_writer_span {
	color:#888;
}

.view_writer_span[is_member="yes"] {
	font-size:14px;
	font-weight:bold;
}

.view_okNok {
	font-size:15px;
	font-weight:bold;
}

.view_viewCount {
	font-size:14px;
	font-weight:bold;
}

.view_replyCount {
	font-size:14px;
	font-weight:bold;
}


.view_bestRegDate {
	font-size:14px;
}
.view_wdate {
	font-size:14px;
}

/*inside view_spec  end*/


/*  */
.viewContent {
	padding:15px;
	font-size:16px;
	line-height:1.8;
	/*letter-spacing:-.8px;*/
	min-height:150px;
	word-break:break-all;
}

.option_table{
	width:100%;
	border-collapse:collapse;
	border:1px dotted #ccc;
	margin-bottom:3px
}

.option_title_td{
	width:40px;
	text-align:center;
	color:white
}

.option_li_container{
	list-style:none;
	margin: 0;
	padding: 8px;
	text-align: left;
}


/*.option_div{
	border:solid 1px #888;
	font-size:14px;
	padding:4px;
	color:black;

}
*/

.source_title{
	width:40px;
	text-align:center;
}

.source_content{
	padding:8px;
	word-break: break-all
}




.upfile {
	margin-top:15px;
	margin-bottom:15px;
}

.upfile_explain {
	margin-bottom:15px;
	color:#a0410d;
	font-size:13px;

}
#tail_container {
	padding:10px; 
	text-align:center;	
}



#tail_layer{
    position:relative;
    margin:5px auto;
    left:0;
    top:0;
    max-width:808px;
    z-index:1;
    visibility:visible;
    overflow:hidden;
    border:1px dotted orange;
    text-align:left;
    padding:8px;
}

#tail_layer img { max-width:100%; }

/* */
.memoWrapperDiv {
	/* border-top: 1px solid rgb(168, 168, 168); */
	position:relative;
	/* border-bottom: 1px solid red; */
	/* background-color: #949292; */
	/*border: 1px solid #B6B7CB;*/
/*	margin-left: 2px;
	margin-right: 2px;*/
}

.rereMemoWrapperDiv{
	border:0;
	padding-left: 30px;
	background-image:url(http://www.todayhumor.co.kr/board/images/rere_icon03.png);
	background-position: 14px 14px;
	background-repeat:no-repeat;
	margin-left: 0 !important;
	margin-right: 0 !important;
}








.okNokDescDiv {
	display: none;
	padding: 5px;
	font-size: 12px;
	line-height: 1.8;
}


.showOkListButtonContainer{
    display: flex;
    justify-content: center;
    align-content: center;
    margin-bottom: 10px;
}

.showOkListButton {
    border: 1px solid #999;
    cursor: pointer;
    padding: 2px 12px;
    border-radius: 5px;
    font-size: 12px;
    width: 180px;
}

.ok_layer_container{
	display: none;
	padding: 10px;
}



/*
.myMemoDiv{
	border:10px solid red;	
}
*/

.memoDiv{	
	font-size: 15px;
	padding: 10px;
	position:relative;
}

.memo_write_div {
	margin-bottom:50px;
	padding:10px;
	font-size:12px;
}

.memo_textarea {
	
	height:50px;
	margin-bottom: 8px;
}



.memoImageInputDiv {
	display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;

}
.memo_image_input_div {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.memo_image_input_div input[type='file'] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}

.memo_image_input_div label {
	display: inline-block;
	padding: 6px 14px;
	color: #fff;
	/* vertical-align: middle; */
	cursor: pointer;
	/* border: 1px solid #ebebeb; */
	border-radius: 20px;
	font-size: 12px;
	font-weight: normal;
	margin: 0 3px 0 0;
}


 



/* named upload */
.memo_image_input_div .memo_upfile_name {
    display: inline-block;
    height: 29px;
    font-size: 12px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #ebebeb;
    border-radius: 34px;
    width: 114px;
}

.add_source_form_div {
	border:1px solid #c1c1c1;
	margin-bottom:10px;
	padding:10px;
	display:none
}




.memo_upfile_pos_input_up{
	width:15px;
	height:13px;
	margin-top:2px;
}

.memo_upfile_pos_input_down{
	width:15px;	
	height:13px;
	margin-top:2px;
	transform: rotate(180deg);
}


.memo_insert_btn_container {

	display: flex;
    justify-content: flex-end;
}

.memoSubmitButton {

	background-color: #0099ff;
	color:white;
	border-radius: 5px;


	border: none;
	padding: 5px 24px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;	

}

.memoSubmitImageProcessingDiv{
	background-color: #0099ff;
	color:white;
	border-radius: 5px;


	border: none;
	padding: 5px 24px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;

	width: 112px;
	display: none;

}



.rereMemoDiv{
	/* border-top:1px solid rgb(168, 168, 168); */
	/* border-left:3px solid orange; */

	/* background-color: white; */
	/* padding-left: 10px !important; */
	background-color: rgb(249, 249, 249);
}

.rereMemoWrapperDiv:nth-child(2) .rereMemoDiv{
	/* padding-top: 20px !important; */
}

.rereMemoWrapperDiv:nth-child(2) .rereRingDiv1{	
	z-index: 1;
	position:absolute;
	height:15px;
	width:100%;
	left:0;
	top: -8px;
	background: url('http://www.todayhumor.co.kr/board/images/rere_ring03.png') 6px repeat-x;
}
.rere_memo_write_div {
	border-top: 1px solid rgb(168, 168, 168);
	/* margin-bottom:50px; */
	padding:10px;
	/*font-size:12px;*/
	display:none;
	padding: 10px 10px 10px 20px;
	/* background-color: red; */
}

/*.memoDivBlue1{
	background-color:#EBF6F8 !important;
}
.memoDivBlue2{
	background-color:#D7DDFB !important;
}
*/


.memoInfoDiv {	
	margin-bottom: 3px;
}

.memoInfoDiv2 {
	
	font-size: 14px;
}

.makeMargin0{
	margin:0 !important;
}


.memoMemberIcon {
	margin-right:0;
}

.memoMemberStar{
	color:#FF8C00;
	margin-right:0;
}

.memoName {
	font-weight: bold;
	margin-right:5px;
}

.memoName a:link, 
.memoName a:visited
{
	color: rgb(84, 80, 80);
}


.baboIcon{
	width:14px;
	height:13px;	
	/*background-image:url('');*/
	margin-left:-3px;
	margin-right:3px;
	border:0;
}


.delTextSpan{
	font-weight:bold;
	margin-right:3px;
}


.memoAnonymousname {
	color: rgb(128, 128, 128);
	font-weight:bold;
	margin-right:5px;	
}

.memoNameNokSpan {
	margin-right:4px;
}

.memoDate {
	margin-right:3px;
}

.memoRegisterInfo {
	font-size:11px;
	margin-right:8px;
}

.memoIP {
	
	color:#666;
	
}

.memoOkNok {
	margin-left:5px;
}


.makeGray {
	color: gray !important;
}

.makeGray a:link,
.makeGray a:visited {
	color:gray;
}


.memoButtons{
	position: relative;
	margin-top: 10px;
}


.memoOkNokDelDiv{
	/* float:right; */	
	float: left;
	/* vertical-align: bottom; */
	/* border: 1px solid blue; */
	position: relative;
}


.mobileMemoAccuseDelDiv {
    float: right;
    margin-right: 4px;
}

.memoOkBtn{
	width: 39px;
	height: 23px;
	background-image:url('/images/memo_ok_m_02.gif');
    
	background-size: 39px 23px;
    background-repeat: no-repeat;
	
	cursor:pointer;		
	margin-right:10px;
	float: left;
}

.memoOkCancelBtn{
	width: 39px;
	height: 23px;
	background-image:url('/images/memo_ok_cancel_x2.gif');
    
	background-size: 39px 23px;
    background-repeat: no-repeat;
	
	cursor:pointer;		
	margin-right:10px;
	float: left;
}




.memoNokBtn {
	width:43px ;
	height: 23px;
	background-image:url('/images/memo_mo_agree_m.gif');	
    background-size: 43px 23px;
    background-repeat: no-repeat;
	cursor:pointer;
	margin-right: 11px;
	float: left;
}


.memoNokCancelBtn {
	width:43px ;
	height: 23px;
	background-image:url('/images/memo_nok_cancel_x2.gif');	
    background-size: 43px 23px;
    background-repeat: no-repeat;
	cursor:pointer;
	margin-right: 11px;
	float: left;
}



.memoAccuseBtn {
	width:36px ;
	height: 15px;
	background-size: 36px 15px;
	background-image: url('/images/memo_accuse_m_02.gif?2');	
	background-repeat:no-repeat;
	cursor:pointer;
	margin-right: 10px;
	float: left;	
}


.memoDelBtn{
	width:15px ;
	height:15px ;
	background-size: 15px 15px;
	background-image:url('/images/memo_del_m_02.gif');	
	background-repeat:no-repeat;
	cursor:pointer;	
	float: left;	
	
	/* vertical-align: bottom; */
	top: 0;
	position: relative;
}


.rereButton{

	width:47px ;
	height: 23px;
	background-image:url('/images/memo_rere_write_m_02.gif');
	background-size: 43px 23px;
	background-repeat:no-repeat;
	cursor:pointer;	
    float: right;
   
	

	/* vertical-align: bottom; */

	/* position: absolute; */

	/* border: 1px solid red; */

	/* display: table-cell; */

	/* top: 19px; */

	position: relative;

	/* margin-right: 2px; */

}


.memoMedalDiv{
	margin-top:4px;
	margin-bottom: 10px;
}


.memoContent{
	line-height: 1.5;
  	word-wrap: break-word;
	margin-bottom: 0;
	/*padding-right: 10px;*/
}

.memoContent img{
	max-width: 95%;
	height: auto;
}
.memoSystemDiv {

	font-size: 14px;
	

	padding: 7px;
	text-align:center;
	color:white;

}

.memoSystemBest{
	background-color:#ff9900;
}
.memoSystemBestOfBest{
	background-color: #ff6600;
}

.newMemoMsg {
	font-size:11px;
	padding:2px;
	color:black;
	background:#a4f554;
	text-align:center;
	border: 1px solid rgb(135, 204, 67);
	margin-bottom: 5px;
}


#loadMoreReplyBtnDiv {
	display: flex;
	justify-content: center;
	padding: 10px 0;
}


.viewNewMemoBtn{		
    border: 1px solid #999;
    color: #999;
    cursor: pointer;
    padding: 4px 24px;
    border-radius: 20px;
    font-size: 15px;
    text-align: center;

}

.viewMoreMemoBtn {	
    border: 1px solid #999;
    cursor: pointer;
    padding: 2px 12px;
    border-radius: 5px;
    font-size: 12px;
    width: 180px;
    text-align: center;

}


#memoWriteBtnContainer{
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

#memoWriteBtn {
	background-color: #82b311;    
	border-color: #6b930d;
	font-weight: bold;
	width: 184px;
}

#memoWriteBtn i{
	margin-right:5px;
  -webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}



.reply_title {
	text-align:center;
	color: white;
	background:#5365e1;
	border: 2px solid #3e4bd8; 
	margin:12px;

	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;

}

.reply_upper_div {
	/* border-bottom:1px solid gray; */
}

.reply_unit {
	word-break:break-all;
	border-bottom:1px solid gray;
	padding:7px 10px;
}

.rereIconDiv {
	
	text-align: right;	
	/* margin: 15px 0px 10px 0; */
	cursor:pointer;


	font-weight: bold;
	color: rgb(89, 85, 85);
	right: 3px;
	position: relative;
}

.rereIconDiv > img{
	right: 5px;
	position: relative;
}

.rereCountButton{

 	float: right;
	cursor:pointer;
	margin-right: 10px;
	font-size:11px;	
	padding: 3px 4px;
	display:none;

	position: relative;
	/* top: 19px; */
	/* height: 40px; */
}




.rereCount {
	color:red;
}


.rere3px{
	overflow: hidden;	
	height:3px !important;	
	padding:0 !important;
}


.memoShadowDiv{
	width:100%;
	height:5px;

/* 	background: url('http://www.todayhumor.co.kr/board/images/memo_div_shadow04.gif') repeat-x; */
	/*background: url('http://www.todayhumor.co.kr/board/images/memo_wrapper_bottom_shadow01.gif') repeat-x; */
}

.noMoreReplyDiv{
	text-align:center;
	font-size:13px;
	padding:20px;
	display:none
}



.okNokDiv{
	text-align:center;
}


.viewWriteDiv {
	text-align: center;
	padding: 15px 0;	
	font-weight: bold;	
}

.viewWriteDiv .btn{
	width: 184px;
}

.viewWriteDiv img{
	width: 18px;
	height:auto;
	margin-right:10px;
}


.viewPageToListDiv{
	text-align: center;
	padding: 15px 0;	
	font-weight: bold;		
}

.viewPageToListDiv .btn{
	width: 184px;
}
/* 
.memo_spec {
	margin-bottom:13px;
}

.memo_name_line {

}

.memo_name_not_member {
	color:black
}

.memo_name_is_member {
	color:black
}

.memo_member_star {
	color:#FF8C00;
}

.memo_date_line {
	position:relative;
	padding-top:0;
	top:-3px;
}

.memo_date {
	font-size:14px;
	font-weight:bold;
	color:#730f11;
	letter-spacing:0;
}

.memo_ok_nok_title {
	position:relative;
	left:5px;

	color:#555;
	font-size:12px;
}

.memo_ok_nok {
	position:relative;
	left:6px;

	font-size:14px;
	font-weight:bold;
	color:red;
}


.replemedal {

}

.memo_content {
	font-size:.92em;
	line-height:1.5;
	letter-spacing:-.8px;
}
 */



/**********************************************************************************************************************
.PixelZombie_button
**********************************************************************************************************************/
.PixelZombie_button {
    display: block;
	text-align:center;
    background: #82B311;
    -webkit-box-shadow: 0px 3px 0px 0px #6C940D, 0px -1px 0px 0px #9cd418 inset, 0px 2px 5px 0px #858585;
    -moz-box-shadow: 0px 3px 0px 0px #6C940D, 0px -1px 0px 0px #9cd418 inset, 0px 2px 5px 0px #858585;
    box-shadow: 0px 3px 0px 0px #6C940D, 0px -1px 0px 0px #9cd418 inset, 0px 2px 5px 0px #858585;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0s 0;
    -moz-transition: all 0s 0;
    -o-transition: all 0s 0;
    transition: all 0s 0;
    text-shadow: 0px -1px 0px #6C940D;
    padding: 10px;
    margin: 5px 0px;
    border-color: #6C940D;
    border-width: 1px;
    border-style: solid;
    font-size: 14px;
    color: #fff;
    font-weight: 100;
    font-style: normal;
}
.PixelZombie_button:hover {
    background: #398fa1;
    -webkit-box-shadow: 0px 3px 0px 0px #316396, 0px -1px 0px 0px #41c0ad inset, 0px 2px 5px 0px #858585;
    -moz-box-shadow: 0px 3px 0px 0px #316396, 0px -1px 0px 0px #41c0ad inset, 0px 2px 5px 0px #858585;
    box-shadow: 0px 3px 0px 0px #316396, 0px -1px 0px 0px #41c0ad inset, 0px 2px 5px 0px #858585;
    text-shadow: 0px -1px 0px #316496;
    border-color: #316496;
}
.PixelZombie_button:active {
    background: #398fa1;
    -webkit-box-shadow: 0px 1px 0px 0px #316396, 0px -1px 0px 0px #41c0ad inset;
    -moz-box-shadow: 0px 1px 0px 0px #316396, 0px -1px 0px 0px #41c0ad inset;
    box-shadow: 0px 1px 0px 0px #316396, 0px -1px 0px 0px #41c0ad inset;
    text-shadow: 0px -1px 0px #316496;
    margin: 7px 0px 3px 0px;
    border-color: #316496;
}


.orangeButton {
	text-align:center;
    display: block;
    background: #ffc835;
    -webkit-box-shadow: 0px 1px 0px 0px #ffd564 inset, 0px 0px 0px 4px #e6e6e6;
    -moz-box-shadow: 0px 1px 0px 0px #ffd564 inset, 0px 0px 0px 4px #e6e6e6;
    box-shadow: 0px 1px 0px 0px #ffd564 inset, 0px 0px 0px 4px #e6e6e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-shadow: 0px 1px 0px #ffe6a5;
    padding: 6px 30px;
    border-color: #ebae3e;
    border-width: 1px;
    border-style: solid;
    font-family: Arial, Helvetica, Sans-serfi;
    font-size: 14px;
    color: #4f2f2f;
    font-weight: bold;
}
.orangeButton:hover {
    background: #ffd200;
    -webkit-box-shadow: 0px 1px 0px 0px #ffe04f inset, 0px 0px 0px 4px #ffed99;
    -moz-box-shadow: 0px 1px 0px 0px #ffe04f inset, 0px 0px 0px 4px #ffed99;
    box-shadow: 0px 1px 0px 0px #ffe04f inset, 0px 0px 0px 4px #ffed99;
    border-color: #ffc835;
}

.memo_content_black{

	font-size:.92em;
	line-height:1.5;
	letter-spacing:-.8px;
	background-color:#B3B2B2;
	display:none;
}


/************************************************************************************************************************
Multi color button

<script>
function test(){
	$('#test').hide();
}
</script>
<a id='test' class="multiColorButton red small" href="javascript:test();"><span>Button</span></a>
************************************************************************************************************************/
.multiColorButton, .multiColorButton span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.multiColorButton {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
}
.multiColorButton.full, .multiColorButton.full span {
	display: block;
}
.multiColorButton:hover, .multiColorButton.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.multiColorButton:active, .multiColorButton.active {
	top:1px;
}
.multiColorButton span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
}





.multiColorButton.small span {
	font-size:12px;
}
.multiColorButton.medium span {
	font-size:14px;
}
.multiColorButton.large span {
	font-size:18px;
}



.multiColorButton.black {
	background-color: #333333;
}
.multiColorButton.gray {
	background-color: #666666;
}
.multiColorButton.white {
	background-color: #FFFFFF;
}
.multiColorButton.white span{
	color: #666666;
}
.multiColorButton.red {
	background-color: #e62727;
}
.multiColorButton.orange {
	background-color: #ff5c00;
}
.multiColorButton.magenta {
	background-color: #A9014B;
}
.multiColorButton.yellow {
	background-color: #ffb515;
}
.multiColorButton.blue {
	background-color: #00ADEE;
}
.multiColorButton.pink {
	background-color: #e22092;
}
.multiColorButton.green {
	background-color: #91bd09;
}
.multiColorButton.rosy {
	background-color: #F16C7C;
}
.multiColorButton.brown {
	background-color: #804000;
}
.multiColorButton.purple {
	background-color: #800080;
}
.multiColorButton.cyan {
	background-color: #46C7C7;
}
.multiColorButton.gold {
	background-color: #D4A017;
}


.not_mobile{ display:none; }

.div_not_member{
	color:white;
	text-align:center;
	padding:20px 0;
}


.call_div{
	display:none;margin:8px;color:black;border-radius:4px 0 0 4px;background-color:white;padding:4px;text-align:center;font-size:12px;
}



iframe, embed, object {
	max-width: 100%;
}




/*option box*/
.option_box_li{
	display: inline-block; 
	border-radius: 5px;
	padding: 15px 10px 5px 10px; 
	margin: 3px 5px; 
	text-align:center;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.38);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.38);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.38);
}


.option_box_li_its_mine{
	border: 2px solid #41AEF0;
}

.option_box_li_from_the_others{
	border: 2px solid #DD8F29;	
}

.option_box_li_no_best{
	border: 2px solid orange;	
}

.option_box_li_no_bob{
	border: 2px solid orange;	
}

.option_box_li_no_delete{
	border: 2px solid red;
}








.no_take_out_alert_div_up{
	height:196px;
	background-image: url('http://www.todayhumor.co.kr/board/images/no_shovel.gif');


	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 62px;
	background-size: 150px;
}

.no_take_out_alert_div_down{
	height:196px;
	background-image: url('http://www.todayhumor.co.kr/board/images/no_shovel.gif');


	background-repeat: no-repeat;
	background-position: center;
	margin-top: 62px;
	background-size: 150px;
}


img.bgm_icon {
	width:13px;
	height:13px;
	margin-top:-4px;
  margin-right: 4px;
}



/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}



/*출처보완*/
.source_table {
	width:100%;
	border-collapse:collapse;
	border:1px dotted #ccc;
	margin-bottom:3px;
}

.source_table td:first-child{
	width:40px;
	text-align:center;
	background-color:#8D9498;
	color:white;
	line-height:1.4;
	padding:8px 0;
}

.source_table .source_content{
	padding:8px;
	word-break:break-all;
}




/*즐겨찾기*/
#favoriteDiv{
	display:none;
	list-style: none;
	text-align: center;
	position: relative;
	margin: 0;
	padding: 10px 0 0 0 ;
}


#favoriteDiv li{
  display: inline-block;	
	width:60px;
	text-align: center;	
}

#favoriteDiv img{
	margin-bottom:12px;
	width:42px;
}


.favoriteDummy { background-color:white;}

.favorate_edit_mode{	
	background:url(/images/home_main_bg_gray.gif);
}

.big_img_replace_div{
    width: 200px;
    height: 100px; 
	font-size:14px;

	max-width:100%;
	display:table;
	margin-bottom:15px;
	text-align:center;
	cursor:pointer;

    border-radius: 10px;
    border: 2px solid #73AD21;
    padding: 20px; 

}

.big_img_show_div{
	margin-bottom:15px;
}




/****************************
list_down_sisa_list
******************************/	
/*시사베오베/시사베스트 제목*/
.list_down_sisa_title_div{
	background-color:white;
	position:relative;
	text-align:center;
	font-size:16px;
	color:#656565;
	padding:12px;
	font-weight:bold;
}

/*닫기*/
.list_down_sisa_title_close_btn{	
	
	position:absolute;
	width:50px;
	font-size:.8em;
	top:14px;
	right:7px;
	cursor:pointer;
	color:#999;

}

.list_down_sisa_div{
	border-top:1px solid #cccccc;
	position:relative;
}


.list_down_sisa_div div{
	
}


/*icon div*/
.list_down_sisa_div>div:nth-child(1){     
     width:30px;
     float:left;
     text-align:center;
     padding-top:7px;
}


/*ok_nok div*/
.list_down_sisa_div>div:nth-child(2){
     width:64px;
	 float:right;
     font-size:.8em;
     text-align:left;
     color:#999;
     padding:10px 0px;


}

/*subject div*/
.list_down_sisa_div>div:nth-child(3){
     margin-left:30px;
     margin-right:66px;
     padding:8px;
     border-left:1px dotted #ccc;
	 color:#505050;
	 font-size:.9em;
	 cursor:pointer;
}




/*msg */
	.msg_container{
		border-color:#8dc41e;
		border-radius:10px;
		border-width:6px;
		border-style:solid;
		margin:20px 0;
		padding:8px;
		background-color:white;
	}
	.msg_container .msg_btn_more{
		float:right;
		font-size:12px;
		color:black !important;
		padding-top:8px;
		margin-left:4px;
	}
	.msg_container h1, .msg_container h1 a{
		font-size:18px;
		font-weight:normal;
		margin:0;
		color:black !important;
	}
	.msg_container .msg_list{
		width:100%;
		padding:0;
		margin:2px 0 0 0;
		border-collapse:collapse;
		border-top:1px solid #666;
	}
	.msg_container .msg_list td{
		border-bottom:1px solid #666;
		padding:0;
	}
	.msg_container .msg_list .msg_writer{
		text-align:right;
		padding-right:6px;
		white-space:nowrap;
	}
	.msg_container .msg_list .msg_data{
		<? if(!$is_mobile){ ?>
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		width:502px;
		<? } ?>
	}
	.msg_container .msg_list .msg_msg{
		/*border-top:1px solid black;*/
		padding:10px 0;
		/*margin:5px 5px 0 0;*/
		color:black;
	}
	.msg_container .msg_list .is_unread td a{
		color:black;
	}
	.msg_container .msg_list .is_read, .msg_container .msg_list .is_read td a{
		color:gray;
	}
	.msg_container .msg_list .simple_date{
		margin-left:6px;
	}
	.msg_container .msg_list .is_unread .simple_date{
		color:#fe5804;
	}
	.msg_container .msg_list .is_unread .board_name{
		color:#f30900;
	}
	.msg_container .msg_list .is_unread .msg_type{
		color:#f30900;
	}
	.msg_container .msg_list .msg_deletedwrite{
		text-decoration:line-through;
	}
	.msg_container .msg_list td a:visited{
		color:gray;
	}

	.msg_container .msg_list .msg_move_post .origin_table{
		color:#0c9845;
	}	
	.msg_container .msg_list .msg_move_post .target_table{
		color:red;
	}	
/*msg end*/	



/*개인페이지*/
.member_menu_box_container{
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
}

.member_menu_box_container .modal-content{
	text-align: left;
}

.member_menu_box_container .checkbox-inline{
	padding-left: 0;

}

.member_menu_box_title_div{
	text-align:cernter;
	padding:5px;
	font-weight: bold;	
	font-size:16px;
}

.member_menu_box_block_mark_div{
	padding:5px;
	display: none;
}

.member_menu_box_nick_div{
	padding: 15px;
}

.member_menu_box_bold_span{
	font-size: 14px;
	font-weight: bold;
}



.member_menu_box_member_info_div{
	padding: 0;
	text-align:left;
	width: 140px;
	margin:0 auto;
	margin-bottom: 15px;
}


.member_menu_box_nick_change_history_div{
	padding:10px;
}


.member_menu_box_clean_block_div {
	margin-bottom:12px;
	padding:20px;
	background-color:orange;
} 

.member_menu_box_clean_block_div strong{
	font-weight:bold;
	color:red;
}

.member_menu_box_secede_div{
	color:white;
	margin:0 0 10;
	font-weight:bold;
	padding:4px 0;
	background-color:#535a73;
	padding:30px;
} 

.member_menu_ouscrap_div{
	padding:10px;
}


.member_menu_box_member_block_div{
	padding:10px;
	border-bottom :1px solid #eeeeee;	
}

.m_member_block_btn, .m_member_unblock_btn{
	display: none;
}

.member_memo_btn_div{
	margin-bottom:15px;
	display: none;
}

.member_memo_list_flag_icon{
	margin-left: 3px;
}


.view_page_writer_member_memo_icon{
	margin-right:2px;
	cursor: pointer;

}

.memo_member_memo_icon{
	margin-right: 2px;
	cursor: pointer;	
}


.scrap_btn_div{
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 70px;
	width: 320px;
	margin:0 auto;
}

.scrap_btn_div > div {
	height:24px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 14px;
}

/* .scrap_btn_div > div:hover{
	border:1px solid #e5e5e5;
} */

.btn_doscrap{ 
	width:68px;	
}

.btn_accuse{	
	width:61px;	
}

.btn_source_add{ 	
	width:84px;	
}

.btn_view_source{ 	
	width:56px;	
}




/* .scrap_btn_div img{
	margin-right:4px;
	cursor:pointer;	
}

.btn_doscrap{ 
	width:74px;
	height:33px;
}

.btn_accuse{	
	content:normal !important;
	position:static !important;
	display:inline !important;
	width:54px !important;
	height:33px !important;
	visibility:visible !important;
}

.btn_source_add{ 	
	width:88px;
	height:33px;
}

.btn_view_source{ 	
	width:49px;
	height:33px;
}
 */

.ok_nok_btn_div{
	padding:10px 0;
	display: flex;
	justify-content: center;
}

.btn_ok{
	width:80px;
	height:80px;
	cursor:pointer;
	margin-right: 20px;

}   
.btn_disagree{
	width:80px;
	height:80px;	
	cursor:pointer
}





.img_rotate_icon_div{
	margin:5px 0 15px;
}

.img_rotate_icon_div>div{
	float:left;
	margin-right: 30px;
	cursor: pointer;
}

.img_rotate_icon_div>div:hover{
	text-decoration: underline;
}




.img_rotate_left_icon{
	width:52px;
	height:12px;
	border: 0 !important;
}

.img_rotate_right_icon{
	width:60px;
	height: 12px;
	border: 0 !important;
}

.img_rotate_180_icon{
	width:62px;
	height: 12px;
	border: 0 !important;
}




/*위로가기*/
#slideTop {background-position:-210px 0; position:fixed; right:20px; bottom:20px; width:45px; height:44px;  z-index:10; display:none; }

.sprt_img{background-image: url('/images/ou_sprite_m.png'); background-size:400px 200px;}

/*header*/
#header #logoDiv {height:44px;}
#header #logoDiv h1 {float:left; margin:0;}


#header #logoDiv .sub_sibling {float:right; margin:0;}
#header #logoDiv .sub_sibling>h2 {display:block; float:left; padding:0; padding-right:8px; margin:0; position:relative;}
#header #logoDiv .sub_sibling>h2 #setting_btn {display:block;width:30px;height:44px;background-position:-109px 0;}
/*로그인/로그아웃버튼*/	
#header #logoDiv .sub_sibling>h2 .login_button {display:inline-block;width:30px;height:44px;background-position:-140px 0;}
#header #logoDiv .sub_sibling>h2 .logout_button {display:inline-block;width:30px;height:44px;background-position:-172px 0;}

#msg_count_bg_left {
	position:absolute; top:2px; right:0; padding:0 4px 2px 4px; border-radius:8px; border:2px solid #fff; 
	background:#f90; color:#fff; font-size:10px; font-weight:500;
}


/*메인 메뉴*/	
/*#header #top_best_menu_div{ position:relative;background:#fff; height:42px; border-bottom:1px solid #e0e0e0;}
#header #top_best_menu_div ul { position:absolute; display:inline-block; right:0; left:0; width:320px; height:100%; margin:auto;}
#header #top_best_menu_div li { float:left; height:42px; padding:0 11px; color:#444; text-align:center; font-weight:bold;}
#header #top_best_menu_div li a {display:inline-block; font-size:15px; line-height:42px; letter-spacing:-0.04em;}

*/


#header #top_best_menu_div{ position:relative;height:42px; float:left; width:100%; text-align:center; margin:0 auto;}
#header #top_best_menu_div ul { display:inline-block;  height:100%; margin:auto;}
#header #top_best_menu_div li { float:left; height:42px; padding:0 11px; color:#444; text-align:center; font-weight:bold;}
#header #top_best_menu_div li a {display:inline-block; font-size:15px; line-height:42px; letter-spacing:-0.04em;}



		

/*메인메뉴 활성화시 색변화*/
#top_best_menu_div ul > li:active > a, #top_best_menu_div ul > li.active >a {font-weight:700; color:#09f !important; position:relative; }	
#top_best_menu_div ul > li:active > a::before {content: '';position: absolute;bottom: 0;display: block;width: 100%;height: 2px;background-color: #09f;}
#top_best_menu_div ul > li.active > a::before {content: '';position: absolute;bottom: 0;display: block;width: 100%;height: 2px;background-color: #09f;}


.footer_switch_div_container{
	text-align: center;
	padding:7px;
}


.datasave_switch_title_div{
	display:inline-block;
	margin-right:0px;
	font-size:.9em;
	font-weight:bold;
	color:#666;	
}

.darkmode_switch_title_div{
	display:inline-block;
	margin-left:30px; 
	margin-right:0px;
	font-size:.9em;
	font-weight:bold;
	color:#666;	
}



/************* write page ******************/
.write_page_title_div {
	background-color: white;	
	padding: 5px 0;
}


.writeFormContainer{
	margin:5px;
	color:#3B719C;
}

form {
  padding: 0px;
  margin: 0px;
}



input[type="text"],
input[type="password"],
textarea
{
	margin-bottom:10px;
	border: solid 1px #888;
	display: block;
	font: normal 1.0em Arial;
	max-width: 100% ;
	margin: 0.2em 0 ;
	padding: 0.1em 0 ;
	text-indent: 0 ;
	/*white-space: nowrap;*/
	text-overflow:ellipsis;
	width: 100% ;
	outline: none;
	word-wrap: break-word;
	word-wrap: break-all;
	/* ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box; */
}


.submitButton
{
	margin-top:20px;
	margin-bottom:50px;
	width:100%;
	height:30px;
	font-size:20px;
}

.progressingDiv{
	margin-top:20px;
	margin-bottom:50px;
	padding:10px;
	text-align:center;
	display:none;

}









.writeFormContainer #inputName {
    padding: 5px;
    box-sizing: border-box;

	margin-top:8px;
	margin-bottom: 8px;
}


.writeFormContainer #optionContainer {
	margin-bottom: 8px;
	
}

.writeFormContainer #optionContainer label {
	font-weight: normal;
}







.writeFormContainer #optionContainer label input[type=checkbox]{
	margin-right:1px;
}


.writeFormContainer #inputSubject {
    padding: 5px;
	box-sizing: border-box;
	margin-bottom: 8px;
}

.writeFormContainer .formContainerTitle input[type='checkbox']{
	margin-left: 10px;
	margin-right: 3px;
}

.writeFormContainer .formContainerTitle span{
	font-weight: normal;
}

.writeFormContainer #inputContent {
	white-space:pre-line;
	height:160px;
}



.writeFormContainer #source {
	white-space:pre-line;
	height:80px;

	margin-bottom: 15px;
}



.writeFormContainer .upfileClass{


	margin-bottom:10px;
	border: solid 1px #999;
	display: block;

	max-width: 100% ;
	margin: 0.2em 0 ;
	padding: 0.1em 0 ;
	text-indent: 0 ;
	white-space: nowrap;
	text-overflow:ellipsis;
	width: 100% ;
	outline: none;
	word-wrap: break-word;
	word-wrap: break-all;
	white-space: nowrap;
	/* ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box; */

	padding: 5px;
	box-sizing: border-box;
	margin-bottom: 5px;
}


.writeFormContainer .submitButton {
    padding: 5px;	
  	height: 40px;   
}


.writeFormContainer .upfileFormDiv {
	display: flex;
	justify-content: space-between;
}



/* 회원메모 안보이는 문제*/
.modal-content {
	color: black;
}


.member_memo_textarea {
	box-sizing: border-box;
}