@charset "euc-kr";
/* CSS Document */

/*  ¸ÞÀÎ Çìµå¶óÀ맫º */

.mainfirstlist{
	
	width:100%;
  margin-top:45px;
}

.mainfirstlistbg{
	width:auto;
	position:relative;
	
 
}

/*¸ÞÀÎÇصå¶óÀ맫º*/
.mainhead{
	cursor:pointer; 
	width:auto;
	margin:0px 30px;
	
	height:508px; 
	
	overflow:hidden; 
	background-repeat:no-repeat; 
	background-position:50% 50%;
	background-size:cover;
	
}


/*¸ÞÀÎÇصå¶óÀ맫º*/
.mainhead_ss{
	cursor:pointer; 
	width:auto;
	margin:0px 30px;
	
	height:208px; 
	
	overflow:hidden; 
	background-repeat:no-repeat; 
	background-position:50% 50%;
	background-size:cover;
	
}



.mainfirstlistbg button{
	font-size:40px; 
	border:0px solid #ccc; 
	background-color:rgba(0,0,0,.7); 
	padding:20px 10px; 
	color:#fff; 
	cursor:pointer; 
	border-radius:50px; 
	position:absolute; 
	top:400px; 
	right:50px;
	width:100px;
	height:100px;
	

	
}


/*  ±Û ¸ñ·Ï ¾Æ·¡±Û 1Çȼ¿ ¶ç±â */

.mainfirstlist2{

	
	width:100%; 
	margin-top:2px;
}

/*  ¸ÞÀÎ ±Û ¸ñ·Ï 1¹ø° ÁÙ »ó´Ü ¸¶Áø¾øÀ½*/

.mainfirstlistnomargin{
	
	width:100%; 

	 
}







.mainfirstlistbg2{
	width:100%; 
	background-color:#ffffff; /*¸ÞÀÎ 1¹ø° ¿Ü ¸®½ºÆ®´Â ÇϾá¹ÙÅÁ */
	
}

.mainfirstlisttext{

	margin:30px 20px 0px 30px;		
	padding-bottom:30px;	
	border-bottom:3px solid #d5d5d5;
}

.bottom3px{border-bottom:3px solid #222 !important;}

.mainfirsttxt{
	line-height:110%; 
  height:47px;
	font-size:40px;
  text-align:left;
  width:98%;
  overflow:hidden;
  
  display:block;
   text-overflow:clip;
  word-break:break-all;
  
  -webkit-box-orient:vertical; -webkit-line-clamp:1
  

}

.mainfirsttxt i{
	font-size:30px;
	color:#ccc;
	Vertical-align: middle;
}

.mainfirstlisttitle0{
	line-height:120%;
	font-size:46px;
	position:relative;
	
  text-align:left;
	padding:0px 10px;
	display:block;
	width:auto;
	
	
	
}

.mainfirstlisttitle0 a{
	display:table;
	display:block;
	width:auto;
	
}

.mainfirstlisttitle0 a ol{
	display:table-cell;
	vertical-align:middle;
	
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: box; 
	margin-top:1px; 
	max-height:170px; 
	overflow:hidden; 
	vertical-align:top; 
	text-overflow : clip; 
	word-break:break-all; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:3 
}





.mainfirstlisttitle{
	line-height:120%; 
  height:210px;
	font-size:46px;
  text-align:left;
	padding:0px 10px;
	display:block;
	position:relative;
}


.mainfirstlisttitle span{
	font-size:32px; 
	color:#888;
	display:block;
	position:absolute;
	bottom:10px;
	left:34%;
	line-height:120%; 
	font-weight:400;
}

.mainfirstlisttitle a{
	font-weight:400;
	
	display:block;
	width:auto;
	
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: box; 
	margin-top:1px; 
	max-height:170px; 
	overflow:hidden; 
	vertical-align:top; 
	text-overflow: clip; 
	word-break:break-all; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:3 
	
	
}


.mainfirstlisdetail{
	font-size:40px;	
  text-align:left;
}


.mainfirstlistprev{
	 font-size:52px; 
	 font-weight:bold; 
	 padding: 0px 20px 20px 0px;	
	 text-align:left;
}

.mainfirstlistprev a{
	display:block;

	width:auto;
	
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: box; 
	margin-top:1px; 
	max-height:240px;
	overflow:hidden; 
	vertical-align:top; 
	text-overflow: clip; 
	word-break:break-all; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:3 
	
	
}



/*¸ÞÀÎ ¸®½ºÆ® */
.mainlist{
	padding:3.5vw 0px 3vw 0px; 
	margin:0px 15px 0px 15px; 
	border-bottom:1px solid #ddd;
}


.mainlist2{
	padding:55px 0px 45px 0px; 
	margin:0px 30px 0px 30px; 
	border-bottom:1px solid #ddd;
}


.mainlistleft{
	width:150px; 
	text-align:left; 
	float:left;
}

.mainlistpic{
	width:92%; 
	height:105px; 
	background-size:cover;
	background-position:50% 50%;
}




.mainlistpicbig{
	width:100%; 
	height:350px; 
	background-size:cover;
	background-position:50% 50%;
	margin-bottom:10px;
}


/*¸ÞÀÎ »ó´Ü ¸Þ´º*/

.mainnotice{
	
	width:100%; 
	margin-top:10px;
	border-bottom:3px solid #1e398f;
	 
}


.mainnotice_sub{
	
	width:100%; 
	border-bottom:3px solid #1e398f;
	 
}

.mainnoticebg{
	
	height:80px; 
	display:block; 
	padding:10px 0px 10px 0px; 
	border-top:1px solid #ddd;
	
	
}

.mainnoticebg_sub{
	
	height:80px; 
	display:block; 
	padding:10px 0px 10px 0px; 
	
	
}



.notictext{

	font-size:36px;
	margin-left:20px
	margin-top:10px; 
	font-size:40px;
	text-align:center;
	font-weight:bold;

	
}


.notictext2{
	float:left; 
	margin-left:20px; 
	margin-top:10px; 
	font-size:40px;
	text-align:left;
	

	
}


/*ºÎÀÚ¸í»ç*/
.richall{
	width:100%; 
	background-color:#e4edf4; 
	margin-top:20px; 
	height:680px;
}
.richtit{
	margin:30px; 
	padding:30px 0px 0px 0px;
	height:50px;
}

.richtitleft{
	width:60%; 
	text-align:left; 
	float:left; 
	font-size:46px; 
	color:#1e398f; 
	font-weight:bold; 
	display:block; 
	height:50px;
}

.richtitright{
	width:40%; 
	text-align:right; 
	float:right;
	font-size:32px; 
	color:#1e398f; 
	font-weight:bold;
	display:block; 
	height:50px;
}



.richpic_2{
	width:325px !important; 
	height:400px; 
	text-align:left; 
	float:left;
	

}


.richpic_2_in{
	width:50% !important; 
	
	height:400px; 
	text-align:left; 
	float:left;


}

.richpic2{
	width:300px; 
	height:300px; 
	background-size:cover; 
	
	margin-bottom:10px;
	background-position:top center;

}

.richpic2_in{
	margin:5%;
	width:90%; 
	height:300px; 
	background-size:cover; 
	
	margin-bottom:10px;
	background-position:top center;

}

.richtxt{
	line-height:120%; 
	font-size:30px !important;
	text-align:left; 
	width:300px !important; 
	display:block; 
	margin-left:0px;
	font-weight:400 !important;
}

.richtxt span{
	display:block;
	color:#1e398f;
	margin-right:10px;
}


.richtxt_in{
	line-height:120%; 
	font-size:40px !important;
	text-align:left; 
	width:80% !important; 
	display:block; 
	margin-left:10%;
	font-weight:400 !important;
}

.richtxt_in span{
	display:block;
	color:#1e398f;
	margin-right:10px;
}


.richsearch{
	margin:40px 30px; 
	border:1px solid #1e398f; 
	width:auto; 
	height:80px; 
	background-color:#fff;
}

.richsearch input{
	width:80%; 
	height:60px; 
  border:0px; 
  font-size:36px;
  color:#5c5c5c; 
  padding:7px 30px;
}

.richsearch i{
	font-size:46px; 
	float:right; 
	margin:13px;
	color:#5c5c5c;
}

/*¼½¼Ç ¿©¹é ŸÀÌƲ */

.sectionmargin1{
	padding:55px 0px 0px 0px; 
	margin:0px 30px 0px 30px;
}

.sectionmargin2{
	padding:55px 0px 45px 0px; 
	margin:0px 30px 0px 30px; 
	border-bottom:1px solid #ddd;
}

.sectionmargin3{
	
	width:90%;
	margin:0 auto;
	border-bottom:1px dashed #ddd;
}

.sectionmargin4{
	padding:55px 0px 45px 0px;
}


.sectiontit{
	color:#338fda; 
	font-size:46px; 
	padding:0px; 
	margin:0px;
}
.sectiontit a{
	color:#338fda; 
	font-size:46px; 
	padding:0px; 
	margin:0px;
}
/*¿ÀÇǴϾ𠸮½ºÆ®*/
.opinion{
	line-height:120%; 
	font-size:46px;
	text-align:left;
	
	display:block;
	overflow:hidden;
	
	width:auto;
	
	
}

.opinion a{
	display: table;
	display:block;
	
}


.opinion a ol{
	
	display: table-cell;
	
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: box; 
	margin-top:1px; 
	max-max-height:170px; 
	overflow:hidden; 
	vertical-align:top; 
	text-overflow: clip; 
	word-break:break-all; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:3 
	
	
	
	vertical-align:middle;
	text-align:left;
}

.opinion font{
	color:#1e398f; 
	font-size:36px;

}

.opinionpic{
	width:34%; 
	text-align:left; 
	float:left;
}

.opinionpicimg{
	width:92%; 
	height:220px; 
	background-size:cover;
	background-position:50% 50%;
}

.opinionpic2{
	width:92%; 
	height:210px; 
	background-size:cover;
	background-position:50% 50%;
}

.opinioname{
	font-size:30px; 
	color:#888; 
	margin-top:10px;
	margin-left:34%;
}

.opinioname2{
	font-size:30px; 
	color:#888; 
	margin-top:10px;
}



/*¿ÀÇǴϾ𠸮½ºÆ® »ç¼³Çѹ­¿ò*/
.opiniontalk{
	line-height:120%; 
	font-size:46px;
	text-align:left;
	display: table;
	width:100%;
}

.opiniontalk font{
	color:#1e398f; 
	font-size:36px;
	display:block;
	width:15%;


	display:table-cell; 
	vertical-align: middle;
	
} 
.opiniontalk a{
	 display: table;

	}
	
.opiniontalk p{
	 display:block;
		height:100px;
		display:table-cell; 
   	vertical-align: middle;
   	margin:0px;
   	padding:0px;
}
.opiniontalk hr{
	border:0px;
	height:1px;
	background-color:#ddd;
	margin:30px 0px
	
}


/*½Ã»ç¸¸È­*/
.cartoon{
	width:100%; 
	height:450px; 
	background-size:cover;
	background-position:50% 50%;
	margin-bottom:10px;
}

.cartoonlist{
	line-height:120%; 
	font-size:46px; 
	margin:0px 30px;
}

.cartoonlist font{
	color:#1e398f; 
	font-size:42px;
}

.cartoonlist span{
	font-size:30px;
	color:#888;
}

/* ÀÌÀç¸íÀÇ ½Ç¹«Å×Å© */
.leetech{
	width:100%; 
	background-color:#e4edf4; 
	margin-top:20px; 
	height:1280px;
}

.leetechlist{
	width:100%; 
	height:300px; 
	text-align:left;
}

.leetechlist2{
	width:100%; 
	height:280px; 
	text-align:left;
}

.leetechpic{
	
	width:250px; 
	height:250px; 
	background-size:cover; 
	background-position:50% 50%;
	border-radius:50%; 
	float:left; 
	margin:50px 30px 0px 30px;
}

.leetechpic2{
	
width:250px; 
height:250px;
background-size:cover; 
background-position:50% 50%;
border-radius:50%; 
float:left; 
margin:30px 30px 0px 30px;
}

.leetechtxt{
	width:60%;  
	text-align:left; 
	float:left; 
	font-size:42px;
}

.firsttxt{
 color:#666; 
 font-weight:bold; 
 display:block;
 margin-top:50px;
}

.secondtxt{
	display:block;
	margin-top:30px;
	
		display: -webkit-box; 
	display: -ms-flexbox; 
	display: box; 
	margin-top:1px; 
	max-height:170px; 
	overflow:hidden; 
	vertical-align:top; 
	text-overflow: clip; 
	word-break:break-all; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:3 
}


/* Æú¸®·Î±× ¸®½ºÆ®*/


.poly1{
	padding:35px 0px 0px 0px; 
	margin:0px 30px 0px 30px;
}

.poly1 h1{
	color:#338fda; 
	font-size:46px; 
	padding:0px; 
	margin:0px;
}

.poly1 h1 a{
	color:#338fda; 
	font-size:46px; 
	padding:0px; 
	margin:0px;
}



.poly{
	padding:55px 0px 0px 0px; 
	margin:0px 30px 0px 30px;
}

.poly h1{
	color:#338fda; 
	font-size:46px; 
	padding:0px; 
	margin:0px;
}

.poly h1 a{
	color:#338fda; 
	font-size:46px; 
	padding:0px; 
	margin:0px;
}


.polylog{
	padding:55px 0px 45px 0px; 
	margin:0px 30px 0px 30px; 
	border-bottom:1px solid #ddd;

	
}

.polylog a{
	display: table;
	display:block;
	
	max-height:170px;
	overflow:hidden;
	
	
}

.polyloglist{
	padding:55px 0px 45px 0px; 
	margin:0px 30px 0px 30px;     
	border-bottom:1px solid #ddd;
	
}
.polylogtxt{
	line-height:120%; 
	font-size:46px;
	
	
	display: table-cell;
	max-height:170px;
	width:100%;
	vertical-align:middle;
	
	
}

.polylogtxt a{
	width:auto;
	
	display:block;
	display: table-cell; 
	vertical-align: middle;
	
	
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: box; 
	margin-top:1px; 
	max-height:170px; 
	overflow:hidden; 
	vertical-align:top; 
	text-overflow: clip; 
	word-break:break-all; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:3 
}


/*½ºÄ«ÀÌ ±âȹ*/
.skypic{
	width:100%; 
	margin-top:50px;
	padding-bottom:50px;
	border-bottom:1px solid #ddd;  
}

.skypicleft{
	width:auto; 

}

.skypicleft2{
	width:600px; 
	text-align:left; 
	float:left;
}

.skypicimg{
	width:92%; 
	height:300px; 
	background-size:cover; 
	background-position:50% 50%;
	margin-bottom:10px;
}

.skypictxt2{
	line-height:120%; 
	font-size:36px; 
	margin-left:10px; 
  color:#1d3a8f;
}

.skypictxt{
	line-height:120%; 
	font-size:40px; 
	margin-left:30px; 
	display:block; 
	width:600px;
	font-weight:400;
	margin-bottom:40px;
	
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: box; 
	margin-top:1px; 
	max-height:170px; 
	overflow:hidden; 
	vertical-align:top; 
	text-overflow: clip; 
	word-break:break-all; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:3 
}

/*³»°íÇâ 12½Ã*/
.myhome12{
	padding:55px 0px 0px 0px; 
	margin:0px 30px 0px 30px;
}

.myhome12 h1{
	font-size:46px; 
	padding:0px; 
	margin:0px;
}



.myhome12 h1 a{
	font-size:46px; 
	padding:0px; 
	margin:0px;
	color:#338fda; 
}


/*Ä¿ÇÇÇÑÀÜ ÄûÁî À̹ÌÁö*/
.coffeehead{
	cursor:pointer; 
	width:auto;
	height:350px; 
	
	overflow:hidden; 
	background-repeat:	no-repeat; 
	background-position:50% 50%;
	background-size:cover;
	margin:0px 30px;
}

.coffeetxt{
	
	margin:30px 20px 0px 30px;			
	padding-bottom:30px;	
	border-bottom:3px solid #d5d5d5;
}

.coffeetxt font{
	line-height:120%; 
	font-size:36px; color:#444;
}

.coffeetxt a{
	width:90%; 
	margin:0 auto; 
	background-color:#3290dc; 
	color:#fff; 
	text-align:center; 
	font-size:40px; 
	padding:20px; 
	margin-top:50px; 
	margin-bottom:30px;
	display:block;
}

/* ¸¹ÀÌ º» ±â»ç ½ÃÀÛ*/

.favoritetxt{
	padding:55px 0px 45px 0px; 
	margin:0px 20px 0px 20px;  
	width:auto;
	border-bottom:1px solid #ddd; 
}

.favoritetxt2{
	display:table; 
	position:relative;
	vertical-align:middle;
}

.fno{
	width:80px; 
	font-size:80px; 
	font-weight:bold; 
	color:#ff6600; 
	float:left; 
	text-align:right; 
	margin-right:30px;
	display:table-cell; 
	vertical-align:middle;
}

.fnotxt{
	
	display: table;
	display:block;
		
		overflow:hidden;
		
		width:auto; 
		height:100px;
		padding-top:10px;
	
}

.fnotxt a{
	line-height:120%; 
	height:100px;
  text-align:left;
  width:auto; 
  font-size:40px;
  display:table-cell; 
  vertical-align:middle;
  font-weight:400; 
}



/*»çÀÌÆ®¸Ê*/
.sitemap{
	margin:50px 30px; 
	padding:30px 30px; 
	border-top:2px solid #000; 
	border-bottom:1px solid #ddd; 
	font-size:40px;
}

.sitemap font{
	width:32%; 
	float:left; 
	margin:20px 0px; 
	font-size:40px;
}


.sitemap_new{
	margin:20px 10px; 
	padding:15px 10px; 
	border-top:2px solid #000; 
	border-bottom:1px solid #ddd; 


}

.sitemap_new font{
	width:25%; 
	float:left; 
	margin:2.2vw 0px; 
	font-size:1.08em;
}

.snssky{
	margin:0px 30px; 
	padding:20px 0px; 
	height:190px; 
	border-bottom:1px solid #ddd;
	font-size:17px; 
	text-align:center;
}

.snsskymbt{
	margin-bottom:30px;
}

/*·Î±×ÀÎ pc¹öÀü ¹öÆ° ½ÃÀÛ*/

.logpc{
	margin:0px 60px; 
	height:180px;
	font-size:18px; 
	text-align:center;
}

.logpcbx{
	margin:0 auto; 
	width:100%; 
	margin-bottom:30px;
}

.loginbt{
	margin-bottom:0px; 
	margin-right:20px; 
	width:45%; 
	padding:2px; 
	border:1px solid #999; 
	background-color:#f5f5f5; 
	float:left;
}

.pcbt{

	width:45%; 
	padding:2px; 
	border:1px solid #999; 
	background-color:#f5f5f5; 
	float:left
}

.logpc font{
	color:#ddd;
}


/* Àüü ¸Þ´º Æ˾÷ */




/* Å« È­¸é */
@media screen and (max-width: 338px) {

/*»çÀÌÆ®¸Ê*/
.sitemap{
	margin:50px 30px; 
	padding:30px 30px; 
	border-top:2px solid #000; 
	border-bottom:1px solid #ddd; 
	font-size:40px;
}

.sitemap font{
	width:32%; 
	float:left; 
	margin:20px 0px; 
	font-size:40px;

}


.sitemap_new{
	margin:20px 10px; 
	padding:15px 10px; 
	border-top:2px solid #000; 
	border-bottom:1px solid #ddd; 
	


}

.sitemap_new font{
	width:25%; 
	float:left; 
	margin:2.2vw 0px; 
	font-size:0.82em;
}

.snssky{
	margin:0px 30px; 
	padding:0px 0px; 
	height:150px; 
	border-bottom:1px solid #ddd;
	font-size:14px; 
	text-align:center;
	
}



/*·Î±×ÀÎ pc¹öÀü ¹öÆ° ½ÃÀÛ*/

.logpc{
	margin:0px 30px; 
	height:180px;
	font-size:13px; 
	text-align:center;
}

.logpcbx{
	margin:0 auto; 
	width:100%; 
	margin-bottom:30px;
}

.loginbt{
	margin-bottom:0px; 
	margin-right:20px; 
	width:45%; 
	padding:2px; 
	border:1px solid #999; 
	background-color:#f5f5f5; 
	float:left;
}

.pcbt{

	width:45%; 
	padding:2px; 
	border:1px solid #999; 
	background-color:#f5f5f5; 
	float:left
}

.logpc font{
	color:#ddd;
}


.snssky img {width:70px; height:70px;}

}




/*Æ˾÷»ó´Ü°íÁ¤*/

.nav4{
	position:fixed; 
	background-color:rgba(102,102,102,.8); 
	z-index:20000; 
	top:0px; 
	left:0px; 
	height:100%;
}

.allmenupop{
	position:fixed; 
	background-color:#fff; 
	z-index:500; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:80px; 
	border-bottom:1px solid #ddd;
}

/* ¾È³»¹®±¸ ·Î±×ÀÎ ¹öÆ°*/
.allplogin{
	background-color:#f1f4f9; 
	width:100%; 
	color:#888;
	line-height:120%; 
	font-size:20px; 
	padding:80px 0px; 
	text-align:center;
}

.allplogin input{
	width:80%; 
	margin:0 auto; 
	text-align:center; 
	font-size:20px; 
	color:#888; 
	margin-bottom:30px; 
	padding:20px; 
	border:1px solid #ccc;
}

.allplogin table{
	margin:0 auto;
}

.t1{
	width:250px;
	padding-right:20px;
	text-align:right; 
}

.t2{
	text-align:left; 
}

.allpprofile{
	width:200px; 
	height:200px; 

	background-color:#fff; 
	padding:10px; 
	border-radius:80px; 
	text-align:center; 
	margin:0 auto;
	margin-bottom:30px;
}

.allpprofile i{
	font-size:130px; 
	margin-top:30px; 
	color:#ccc;
}

.allpbt{
	width:550px; 
	margin:0 auto;
}

.allpbt a{
	padding:20px 60px;
	border:1px solid #ccc;
	background-color:#fff; 
	float:left;
	margin-left:10px;
	cursor:pointer;
	
}

/*Æ˾÷ °Ë»ö¹Ù */
.allpsearch{
	width:100%; 
	border-bottom:1px solid #ddd;
	padding:0px 0px 10px 0px;
}

.allpsearch2{
	width:90%; 
	height:50px; 
	background-color:#f5f5f5; 
	border-radius:50px; 
	margin:0 auto; 
}

.allpsearch2 input{
	width:70%;

	height:30px; 
	font-size:20px; 
	border:0px; 
	margin:10px 20px; 
	background-color:#f5f5f5; 
	color:#888;
}

.allpsearch2 i{
	width:7%; 
	min-width:25px;
	font-size:25px; 
	margin-top:15px; 
	margin-right:30px; 
	color:#888; 
	float:right; 
	text-align:right; 
	cursor:pointer;
}


/* ³×ºñ¸Þ´º*/
.allpmenu{
	width:100%; 
	margin:20px 30px;
}

.allpmenu1{
	width:30%; 
	float:left;
	font-size:17px;
	margin-right:10px;
}

.allpmenu1 a{
	font-size:16.5px;	
	line-height:200%;
	display:block;
	width:auto;
	
}

.allpmenu1 hr{
	width:70%;
	height:1px;  
	background-color:#888; 
	border:0px;
	
}

/*Àüü Æ˾÷ ¶ç¿ì´Â ¸Þ´ºµé*/
.toplistmenu{
	font-size:1.6em;
	color:#888;
	position:absolute;
	top:7px;
	right:0px;
	margin:0px 20px;
	padding:10px 10px;
	cursor:pointer;
	width:90px;
	text-align:right;
	z-index:105;
	
	
}

/*Àüü Æ˾÷ ¶ç¿ì´Â ¸Þ´ºµé ¿ÞÂÊÀ¸·Î Á¤·Ä*/
.toplistmenu_sub{
	font-size:1.8em;
	color:#888;
	position:absolute;
	top:50px;
	left:0px;
	margin:0px 20px;
	padding:0px 20px;
	cursor:pointer;

	z-index:105;
	
	
}


/*Àüü Æ˾÷ ¶ç¿ì´Â ¸Þ´ºµé*/
.toplistmenu2{
	font-size:1.6em;
	color:#888;
	position:absolute;
	top:7px;
	right:0px;
	margin:0px 60px;
	padding:10px 10px;
	cursor:pointer;
	width:90px;
	text-align:right;
	z-index:105;
	
	
}

.toplistout{
	font-size:1.6em;
	color:#888;
	position:absolute;
	top:20px;
	right:0px;
	margin:0px 0px;
	padding:0px 24px;
	cursor:pointer;
	z-index:105;
	
}

/*°£Æí·Î±×ÀÎ */
.snslogin{
	
	padding:80px 0px; 
	height:350px; 
	font-size:40px; 
	text-align:center;
}

/*°øÀ¯Çϱâ Æ˾÷*/

#layer_popup{
	background-color:#fff; 
	border-radius:30px; 
	margin:0 auto; 
	padding:60px 90px; 
	text-align:center;
}

#layer_popup_1{
	background-color:#fff; 
	border-radius:30px; 
	margin:0 auto; 
	padding:60px 90px; 
	text-align:center;
}

#layer_popup_2{
	background-color:#fff; 
	border-radius:30px; 
	margin:0 auto; 
	padding:60px 90px; 
	text-align:center;
	width:450px;
}

#layer_popup_3{
	background-color:#fff; 
	border-radius:30px; 
	margin:0 auto; 
	padding:60px 90px; 
	text-align:center;
	width:450px;
}
.sharepop{

}

.sharepop a{
	text-align:center; 
	margin-bottom:30px; 
	width:150px;
	display:block;
	float:left; 
	font-size:30px;
}

.sharepop2{
}



.sharepop2 a{
	text-align:left; 
	width:65%;

}

.sharepop2 i{
	margin-right:20px;
  margin-bottom:10px; 
 
}

.sharepop3{

}

.sharepop3 a{
	text-align:center; 
	margin-bottom:30px; 
	width:50%;
	display:block;
	float:left; 
	font-size:30px;
}


.sharepop2 i{
	font-size:30px;
	color:#888;
	vertical-align:middle;
}
.sharepop button{
	font-size:100px; 
	width:150px; 
	height:150px; 
	background-color:#0068b7; 
	border:0px; 
	color:#fff; 
	border-radius:30px; 
	cursor:pointer;
}

/* ȸ¿øÁ¤º¸*/

.allmy{
	width:450px; 
	margin:0 auto;
}


.allmy a{
	padding:20px 60px;
	border:1px solid #ccc;
	background-color:#fff; 
	float:left;
	margin-left:10px;
	cursor:pointer;
	
}

/* ¾È³»¹®±¸ ·Î±×ÀÎ ¹öÆ°*/
.mybookmark{
	background-color:#fff; 
	width:100%; 
	color:#888;
	line-height:120%; 
	font-size:40px; 
	padding:80px 0px; 
	text-align:left;
	
}



.mainlist button{
	font-size:32px; 
	border:1px solid #222; 
	background-color:rgba(256,256,256,1); 
	padding:10px 20px; 
	color:#ff0000; 
	cursor:pointer; 
	border-radius:0px; 
	position:absolute; 
	bottom:20px; 
	right:50px;
	
	height:70px;
	
}

.iconscrap{
	font-size:14px; 
	border:1px solid #888; 
	background-color:rgba(256,256,256,1); 
	padding:4px 5px 5px 5px; 
	color:#3290dc !important; 
	cursor:pointer; 
	position:absolute; 
	bottom:20px; 
	right:20px;
	text-align:center;	
	height:30px;
	width:30px;
	border-radius:40px;
	
}


.iconscrap:hover{
	
	background-color:rgba(232,232,232,1); 
	
}


.mybooklist{

	line-height:120%; 
	height:110px;
	font-size:20px; 
	text-align:left;
	width:50%;
	/*border:0px solid #222; */
	overflow:hidden;
	display:block;
	position:relative;

}

.mybooklist a{
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: box; 
	margin-top:1px; 
	max-height:150px; 
	overflow:hidden; 
	vertical-align:top; 
	text-overflow: clip; 
	word-break:break-all; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:3 
	display:block;
	

}

.mybooklist_noimg{

	line-height:120%; 
	height:180px;
	font-size:17px; 
	text-align:left;
	width:100%;
	/*border:0px solid #222; */
	overflow:hidden;
	display:block;
	position:relative;

}

.mybooklist_noimg a{
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: box; 
	margin-top:1px; 
	max-height:150px; 
	overflow:hidden; 
	vertical-align:top; 
	text-overflow: clip; 
	word-break:break-all; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:3 
	display:block;

}

.mybooklist span{
	font-size:15px; 
	color:#888;
	display:block;
	position:absolute;
	bottom:0px;
	}

.mybooklist_noimg span{
	font-size:15px; 
	color:#888;
	display:block;
	position:absolute;
	bottom:0px;
	}


.mylistmore{
	width:auto; 
	margin:50px 30px 0px 30px; 
	padding:30px; 
	border:10px; 
	text-align:center; 
	display:block; 
	border:1px solid #ccc;
	font-size:42px;
}

/*Æú¸®·Î±× Ä«Å×°í¸® ¸ÞÀÎ*/

.polylisttext{

	margin:0px 30px 0px 30px;		
	padding-bottom:0px;
}

.polylisttext font{
	font-size:56px;
	border-bottom:3px solid #1e398f;
	padding:10px 20px; 
	margin:20px 0px; 
	width:auto;
	display:block; 
	text-align:center;
}

.polylisttext span{
	font-size:52px; 
	text-align:center; 
	/*background-color:#eee; 
	border-radius:50px; */
	padding:0px 20px 10px 20px; 
	margin:0px 0px; 
	width:auto;
	color:#222; 
	display:block; 
	font-weight:bold;
	border-bottom:3px solid #222
}

.bottomblue3px{border-bottom:3px solid #1e398f !important;}

/*¿ÀÇǴϾð Ä«Å×°í¸® ¸ÞÀÎ Àü¹®°¡ÇÊÁø*/
.writelist{
	padding:5px 0px 40px 0px; 
	margin:30px; 
	width:auto;
	
	border-bottom:1px solid #ddd;
	
	/*border-radius:30px;*/
	
/*	background-color:#f5f5f5; 
	border:3px solid #e4edf4; */
}

.mainlistpic2{
	width:92%; 
	height:210px; 
	background-size:cover;
	background-position:center;
	background-position:middle;
	border-radius:10px;
}


			.mybooklist img{
				cursor:pointer; 
				width:50px;
				height:40px;
				position:relative;
				vertical-align:top;
				margin-top:8px;

			}


				.opinion img{
		cursor:pointer; 
		width:50px;
		height:40px;
		position:relative;
		vertical-align:top;
		margin-top:8px;

	}