@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
html{overflow-y:scroll;}

Ol,ul {list-style:none;} 




body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,blockquote,button{margin:0;padding:0;-webkit-text-size-adjust:none} 
body,input,textarea,select,table,button{font-family:'나눔고딕','나눔바른고딕','dotum','돋움','AppleGothic','나눔고딕',sans-serif;font-size:11px;font-weight:normal;} 
table {border-collapse:collapse; border-spacing:0;} 
img,fieldset {border:0;} 
img,input,select,textarea{vertical-align:top;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} 
strong {font-weight:bold;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%;} 
abbr,acronym {border:0;}

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



/*
A:link { text-decoration:none; color:#666; } 
 A:visited { text-decoration:none; color:#666;  } 
 A:active { text-decoration:none; color:#666;  } 
 A:hover { color: #F69;}
*/
A:link { text-decoration:none; } 
 A:visited { text-decoration:none;  } 
 A:active { text-decoration:none; } 



#wrap{max-width:1920px; min-width:1000px; margin:0 auto;text-align:center;}

#main_wrap {position:relative;text-align:center;margin:0; min-width:1000px; auto;max-width:1920px; background-image:url(../img/all_bg.gif); }

#sub_main_wrap {position:relative;text-align:center;margin:0; height:235px; auto;max-width:1920px; background-image:url(../img/sub_main_bg.jpg);}
#sub_main_wrap{ text-align:center;}

#header_wrap{width:100%;text-align:center; z-index:10;  background-image:url(../img/top_bg.gif); height:138px;}

#header {position:relative;margin:0 auto;max-width:1000px; height:28px;}
h1{float:left;position:relative; margin-top:22px; margin-left:40px; z-index:2;}
#top{text-align:right;float:right;position:relative;}
#menu{
	overflow: hidden;
	position: absolute;
	left: 400px;
	height:100px;
	width: 760px;
	border-top: none;
	list-style-type: none;
	text-align:center;
	display: block;
	background-image:url(../img/menu_box.png);
	z-index:3;
}
#menu ul{	
	 display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 2.47em 0;
    padding: 0 0 0 60pt;

	}
#menu ul li{	
	list-style-type:none; 
	display:inline;
	margin-right:0px;   
	padding-left:0px; 
	padding-right:0px;
	float:left;
	width:120px;
	height:50px;
	}
	










/*메인이미지*/
#main_img{max-width:1920px; background-image:url(../img/main_img_bg.gif); position:relative;text-align:center;margin:0; border-top:outset; border-color:#69C; border-top-width:5px;}
#main_img img{ margin-top:30px; margin-left:20px; margin-bottom:30px;}


#sub_menu_box{max-width:1920px;min-width:1000; text-align:center; position:relative;margin:0; border-top:outset; border-color:#69C; border-top-width:5px;}

#sub_menu_box_min{width:100px; text-align:center; position:relative;}

#sub_menu_box_bg2{width:700px; float:left; margin-left:35px; margin-top:50px; text-align:center;}


/*세로메뉴*/
#sub_menu_box_bg1{width:246px; height:420px; float:left; background-image:url(../img/main_sub_btn_bg.png); background-repeat:no-repeat; margin-top:40px; margin-left:17px;}
#sub_menu_box_bg1 ul{margin-left:18px; margin-top:19px;}
#sub_menu_box_bg1 ul li{ margin-top:1.5px;}


/*게시글상자*/
#content_box{ position:relative; width:697px;float:right; margin-bottom:40px; margin-top:40px; margin-right:17px;}
#content_box_top{ position:relative; width:697px; height:37px; }



#content_box_center{ position:relative; width:697px; background-image:url(../img/content_bg_center.png); min-height:500px; text-align:left;}
/*
#content_box_center img{ xmargin-left:21px;}
*/
#content_box_center img.contents_img {margin-left:21px;}

#content_box_center_title{ position:relative; width:697px; height:50px; text-align:left;}
#content_box_center_title img{ margin-top:-22px; margin-left:15px}

#content_box_bottom{ position:relative; width:697px; height:117px; }



#line_box{ background-color:#E4E4E4; width:650px; height:1px; text-align:center; margin-left:22px; margin-top:-12px;}
#text_box{
	position: absolute;
	top: 16px;
	right: 12px;
	color: #666;
	text-align:right;
	width: auto;
	height:20px;
	margin-right:27px;
}
#text_box img { margin-top:-4px; margin-left:-2px;}



/*sub3-1화면의 버튼들*/

#img_btn1{
	position: absolute;
	top: 2360px;
	left: 29px;
	width: 146px;
	height: 61px;
}


#img_btn2{
	position: absolute;
	top: 2737px;
	left: 29px;
	width: 146px;
	height: 61px;
}


#img_btn3{
	position: absolute;
	top: 3150px;
	left: 29px;
	width: 146px;
	height: 61px;
}

#img_btn4{
	position: absolute;
	top: 3538px;
	left: 29px;
	width: 146px;
	height: 61px;
}
/*sub3-1화면의 버튼들 끝*/



/*sub3-2화면의 버튼들*/

#img_btn2-1{
	position: absolute;
	top: 471px;
	left: 48px;
	width: 146px;
	height: 61px;
}

#img_btn2-2{
	position: absolute;
	top: 888px;
	left: 330px;
	width: 146px;
	height: 61px;
}

#img_btn2-3{
	position: absolute;
	top: 1424px;
	left: 136px;
	width: 146px;
	height: 61px;
}


/*sub3-2화면의 버튼들 끝*/


/*상단텍스트메뉴*/
#top_text{ position:absolute; top:27px; right:50px; color:#666;}


/*상단메뉴*/

div, ul, li { margin:0; padding:0; }

#blogMenu {
	margin-left: 0px;
	overflow: hidden;
	position: absolute;
	left: 207px;
	height: 62px;
	width: 789px;
	border-top: none;
	list-style-type: none;
	text-align: center;
	display: block;
	z-index: 3;
	margin-top: 67px;
}

#blogMenu ul li {
	float:left;
	list-style-type:none;
	margin-left:0px;
}

#blogMenu a {
	height:16px;
	font-family:arial;
	font-size:12px;
	padding:0 15px 0 10px;
	text-decoration:none;
}

#blogMenu a:hover {
	color:#fff;
	

}

#blogMenu ul ul {
	display:none;
	position:absolute;
	background-image:url(../img/menubar_bg.png);background-repeat: no-repeat;
	height:80px;
	width:422px;
	padding:16px;
}

#blogMenu ul li:hover ul {
	display: block;

}

#blogMenu ul ul li {
	/*float:none;*/ /*리스트 모양으로 서브메뉴 펼치기*/
}

/*연습끝*/		
	
	



.box{
 width:1000px; /*옵션*/
 display: -moz-inline-box; /* For FF<3 */ 
 -moz-box-orient: vertical; /* For FF<3 */ 
 display: inline-block; /* IE <8 needs this tripped back to display: inline; to make it work on block elements - see conditional below */  /* explicitly declare your preference as Moz inline-box auto aligns to top */
 text-align: center; /* to left align text within divs when container has been set to center */
}




/*메인 큰 이미지*/
#main{position:relative;margin:0 auto;width:1000px; text-align:left; padding-bottom:32px;}
#main img{ }

#main_go_btn1{ position:absolute; top:258px; left:60px;}
#main_go_btn2{ position:absolute; top:258px; right:53px;}


/*로그인*/
#login_box{position:relative;margin:0 auto;width:1000px; text-align:center; min-height:320px;}
#login_input{position:relative;margin:0 auto;width:500px; float:left; margin-top:52px; margin-left:35px;}
#login_btn{position:relative;margin:0 auto;width:120px;float:left; margin-left:10px; margin-top:40px;}
#download_btn{ position:absolute; margin:0 auto;width:198px;float:left; right:10px; bottom:210px; z-index:1;}
#media_btn{ position:absolute; margin:0 auto;width:130px; height:auto; left:50px; top:400px; z-index:1;}



/*
#main_bo_box{ position:relative; margin:0 auto;width:1000px;float:left; margin-top:100px; height:190px; margin:0 auto;}
#main_bo_box_in1{ position:relative; margin:0 auto; float:left; width:279px; height:187px; background-image:url(../img/main_bo_bg1.png); margin-left:58px;}


#main_bo_box_in_box{position:relative; margin:0 auto; float:left; width:238px; height:120px; margin-top:55px; margin-left:24px;}
#main_bo_box_in_box ul{float: left;   display: block;list-style-image: none;list-style-position: outside;list-style-type: disc; padding-right:4px; width:230px; }
#main_bo_box_in_box ul li{float: left;list-style-type:none;margin-left:0px; line-height:23px; overflow:hidden; width:100%;}


#main_bo_more{ position:absolute; left:200px; bottom:143px;}



#main_bo_box_in2{ position:relative; margin:0 auto; float:left; width:278px; height:187px; background-image:url(../img/main_bo_bg2.png); margin-left:25px;}
#main_bo_box_in3{ position:relative; margin:0 auto; float:left; width:278px; height:187px; background-image:url(../img/main_bo_bg3.png); margin-left:25px;}
*/




/*메인게시판 연습*/
#main_bo_box{ position:relative; margin:0 auto;width:1010px;float:left; margin-top:100px; height:190px; margin:0 auto;}
#main_bo_box_in1{ position:relative; margin:0 auto; float:left; width:239px; height:187px; background-image:url(../img/main_bo_bg1.png); margin-left:10px;}


#main_bo_box_in_box{position:relative; margin:0 auto; float:left; width:238px; height:120px; margin-top:55px; margin-left:18px;}
#main_bo_box_in_box ul{float: left;   display: block;list-style-image: none;list-style-position: outside;list-style-type: disc; padding-right:3px; width:200px; }
#main_bo_box_in_box ul li{float: left;list-style-type:none;margin-left:0px; line-height:23px; overflow:hidden; width:100%;}


#main_bo_more{ position:absolute; left:160px; bottom:143px;}


#main_bo_box_in4{ position:relative; margin:0 auto; float:left; width:238px; height:187px; background-image:url(../img/main_bo_bg4.png); margin-left:10px;}
#main_bo_box_in2{ position:relative; margin:0 auto; float:left; width:238px; height:187px; background-image:url(../img/main_bo_bg2.png); margin-left:10px;}
#main_bo_box_in3{ position:relative; margin:0 auto; float:left; width:238px; height:187px; background-image:url(../img/main_bo_bg3.png); margin-left:10px;}
/*연습*/





#join_btn{position:relative;margin:0 auto;width:120px;float:left; margin-left:0px; margin-top:40px;}

#footer_logo{position:relative;margin:0 auto;width:400px; height:35px; float:right; margin-right:0px; margin-top:10px;}

#footer_wrap{position:relative;margin:0 auto;max-width:1920px; min-width:1000px; height:85px; background-color:#ff93b0; text-align:center;}
#footer{position:relative;margin:0 auto;width:1000px;text-align:left;}
#footer img{ margin-top:10px; margin-left:20px;}


/*추가*/
#captcha #captcha_img {margin-left:0}



/*캐비넷추가*/
#cabinet_box{ width:511px; position:relative; margin:0 auto; margin-top:25px; margin-bottom:30px; height:250px;}
#cabinet_box_in1{ width:250px; float:left; height:250px; border:1px solid #d7d7d7;}
#cabinet_box_in2{ width:250px; float:left; height:250px; margin-left:6px;}
#cabinet_box_in2_in1{ width:120px; float:left; height:120px; border:1px solid #d7d7d7;}
#cabinet_box_in2_in2{ width:120px; float:left; height:120px; border:1px solid #d7d7d7;margin-left:6px;}
#cabinet_box_in2_in3{ width:120px; float:left; height:120px; border:1px solid #d7d7d7; margin-top:7px;}

#cabinet_text_box{ width:511px;  margin:0 auto; }
#cabinet_text_box table{ width:100%;}
#cabinet_text_box table th{ width:93px; padding-left:7px; background-color:#eeeeee; border-top:1px solid #f7f7f7; height:35px;}
#cabinet_text_box table td{ width:407px; padding-left:4px;  border-top:1px solid #f7f7f7;height:35px;}

.cabinet_text_input{ height:21px; border:1px solid #dbdbdb; background-color:#fff; width:400px;}
.cabinet_text_input2{ height:21px; border:1px solid #dbdbdb; background-color:#fff; width:198px;}

#cabinet_btn_box{ width:511px; position:relative; margin:0 auto; text-align:center; margin-top:40px;}
#cabinet_in_img{ width:511px; position:relative; margin:0 auto; text-align:center; margin-top:40px;}



#cabinet_box2{ width:511px; position:relative; margin:0 auto; margin-top:25px; margin-bottom:30px; height:355px;}
#cabinet_box2_in1{ width:509px; height:190px;}
#cabinet_box2_in2{ width:509px;  height:152px; margin-top:23px;}

#cabinet_box2_in1_in1{ width:190px; float:left; height:190px; border:1px solid #d7d7d7;}
#cabinet_box2_in1_in2{ width:281px; float:left; height:176px; margin-left:20px; background-color:#eaeaea; padding:8px; line-height:20px;}


#cabinet_box2_in2_in1{ width:150px; float:left; height:150px; border:1px solid #d7d7d7;}
#cabinet_box2_in2_in2{ width:150px; float:left; height:150px; border:1px solid #d7d7d7;margin-left:27px;}
#cabinet_box2_in2_in3{ width:150px; float:left; height:150px; border:1px solid #d7d7d7;margin-left:26px;}




/* 151123 - 추가 : 호감있어요 text */
p.likeable_p {margin-top: 7px; text-align: center; width: 150px; color: #FF5C7F;}