@charset "utf-8";
/* CSS Document */
html,body{width:100%;height:100%}
html, body, form, ul, li, h1, h2, h3, h4, button, select, input, iframe {
	margin:0;
	padding:0;
	font-family:"굴림","돋움", Dotum, Arial, Helvetica, sans-serif;
	LINE-HEIGHT: 1.5;
	font-size:12px;
	color:#4d4d4d;
}

A {font-size: 12px; COLOR:#4F4F4F; FONT-FAMILY: "굴림"; LINE-HEIGHT: 1.5; TEXT-DECORATION: none; cursor:pointer}
A:link {font-size: 12px; COLOR: #4F4F4F; FONT-FAMILY: "굴림"; LINE-HEIGHT: 1.5; TEXT-DECORATION: none}
A:visited {font-size: 12px; COLOR: #4F4F4F; FONT-FAMILY: "굴림"; LINE-HEIGHT: 1.5; TEXT-DECORATION: none}
A:hover {font-size: 12px; COLOR:#4F4F4F: #4f6dcc; FONT-FAMILY: "굴림"; LINE-HEIGHT: 1.5; TEXT-DECORATION:underline}
A:active {font-size: 12px; COLOR: #4F4F4F; FONT-FAMILY: "굴림"; LINE-HEIGHT: 1.5; TEXT-DECORATION: none}


.bluelink {font-size: 12px; COLOR:#09F; FONT-FAMILY: "굴림"; LINE-HEIGHT: 1.5; TEXT-DECORATION: none; cursor:pointer}
.bluelink:hover {font-size: 12px; COLOR: #4f6dcc; FONT-FAMILY: "굴림"; LINE-HEIGHT: 1.5; TEXT-DECORATION:none}
	
img,fieldset,iframe{border:0 none; vertical-align:middle;}
li{list-style:none}
input,select,button{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}

input[type=text], input[type=password], input[type=button]  {
	border:#999999 1px solid;
	height:19px;
}

input.coupon {
	width:40px !important;
}

.astar {
	font-size:11px;
	color:#F00;
	font-weight:normal;
}
.line {
	position:absolute;
	width:100%;
	left:0;
	border-top: 1px solid #ebebeb;
	height:1px;

}
.boxtype1 {
	border: 1px #CCCCCC solid;
	padding: 5px 0;
	margin-bottom : 10px;
	text-align:center;
	font-weight:bold;
	width:100%;
	
}
.lmargin10 {margin-left:10px;}
.rmargin10 {margin-right:10px;}
.tmargin7 {margin-top: 7px;}

.rfloat {float:right;}

.btnlist {
	width:100%;
	text-align:center;
	padding-top:5px;
}

.pointer {cursor:pointer;}
.clear {clear:both;}

.titletype1 {font-weight:bold;}
.nametype1 {
	color:#227bb7;
	font-size:12px;
	font-weight:bold;
}

.datetype1 {
	color:#999;
	font-size:12px;
}

.datewidth {
	width: 80px !important;
}

.inputwidth1 {
	width: 150px !important;
}

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

.subtit1 {
	padding-left: 10px;
	margin-left: 20px;
	font-weight: bold;
	color: rgb(229, 137, 36);
	background: url(/images/icon/arrow1.gif) no-repeat;
}
/* 버튼 스타일 */
.btnstyle {
	display:inline-block; *display:inline;
	padding: 0 0 0 10px;
	margin-left: 3px;
	vertical-align:middle;
}

.btnstyle a, .btnstyle input {
	border:0;
	margin:0;
	padding: 0 10px 0 0;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}

.btnstyle.btntype1 {
	background:url(../images/btn/btnlist.png) repeat-x 0 0px;
}

.btnstyle.btntype1 a, .btnstyle.btntype1 input  {
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	height:21px;
	line-height:1.1; 
	background:url(../images/btn/btnlist.png) no-repeat right 0;
}

.btnstyle.btntype1 *:hover, .btnstyle.btntype1 *:active, .btnstyle.btntype1 *:focus  {
	color:#0E507C;
}

.btnstyle.btntype2 {
	background:url(../images/btn/btnlist.png) repeat-x 0 -24px;
}

.btnstyle.btntype2 a, .btnstyle.btntype2 input  {
	font-size:12px;
	color:#333333;
	height:20px;
	line-height:1.1; 
	background:url(../images/btn/btnlist.png) no-repeat right -24px;
}

.btnstyle.btntype2 *:hover, .btnstyle.btntype2 *:active, .btnstyle.btntype2 *:focus  {
	color:#0066FF;
}

.btnstyle.btntype3 {
	background:url(../images/btn/btnlist.png) repeat-x 0 -47px;
}

.btnstyle.btntype3 a, .btnstyle.btntype3 input  {
	font-size:12px;
	font-weight: bold;
	color:#FFF;
	height:23px;
	line-height:1.1; 
	background:url(../images/btn/btnlist.png) no-repeat right -47px;
}

.btnstyle.btntype3 *:hover, .btnstyle.btntype3 *:active, .btnstyle.btntype3 *:focus  {
	color:#FF0;
}

/*버튼 파랑 굵은유형*/
.btnstyle.btntype4 {
	background:url(../images/btn/btnlist.png) repeat-x 0 -73px;
}

.btnstyle.btntype4 a, .btnstyle.btntype4 input  {
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	height:27px;
	line-height:1.1; 
	background:url(../images/btn/btnlist.png) no-repeat right -73px;
}

.btnstyle.btntype4 *:hover, .btnstyle.btntype4 *:active, .btnstyle.btntype4 *:focus  {
	color:#FF0;
}

/*버튼 오랜지 색*/
.btnstyle.btntype5 {
	background:url(../images/btn/btnlist.png) repeat-x 0 -104px;
}

.btnstyle.btntype5 a, .btnstyle.btntype5 input  {
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	height:21px;
	line-height:1.1; 
	background:url(../images/btn/btnlist.png) no-repeat right -104px;
}
.btnstyle.btntype5 *:hover, .btnstyle.btntype5 *:active, .btnstyle.btntype5 *:focus  {
	color:#802B2D;
}


/* 굵은 흰색 버튼*/
.btnstyle.btntype6 {
	background:url(../images/btn/btnlist.png) repeat-x 0 -128px;
}

.btnstyle.btntype6 a, .btnstyle.btntype6 input  {
	font-size:12px;
	font-weight:bold;
	color:#464646;
	height:28px;
	line-height:1.1; 
	background:url(../images/btn/btnlist.png) no-repeat right -128px;
}

.btnstyle.btntype6 *:hover, .btnstyle.btntype6 *:active, .btnstyle.btntype6 *:focus  {
	color:#0066FF;
}

.tabmenu {
	text-align:center;
	height:50px;
	
}

.tbcotents {
	width:730px;
	border-collapse:collapse;
	border-top:2px solid #666;
	border-bottom:2px solid #666;
}

.tbcotents input[type=text]{
	width:350px;
}
.tbcotents .width150{
	width:150px !important;
}

.tbcotents .title {
	width:150px;
	padding: 7px;
	border-bottom:1px solid #CCC;
	font-weight:bold;
}
.tbcotents .contents {
	vertical-align:middle;
	padding: 2px 5px;
	border-bottom:1px solid #CCC;
}

.chat_titleskin_list li{
	float:left;
	width:90px;
}
.chat_titleskin_list input{
	float:left;
	margin-top:5px;
}
.chat_titleskin1 {
	display:block;
	background:url(../images/chat_title.png) no-repeat;
	width:50px;
	height:23px;
	margin-left:15px;
}
.chat_titleskin2 {
	display:block;
	background:url(../images/chat_title.png) no-repeat 0 -24px;
	width:50px;
	height:23px;
	margin-left:15px;
}
.chat_titleskin3 {
	display:block;
	background:url(../images/chat_title.png) no-repeat 0 -48px;
	width:50px;
	height:23px;
	margin-left:15px;
}

#diaryview {
scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #999; scrollbar-base-color: #efefef; 
scrollbar-Face-Color:#999; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; 
scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef;


}

/* Chrome, Safari용 스크롤 바 */
#diaryview::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
#diaryview::-webkit-scrollbar-button:start:decrement, #diaryview::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef}
#diaryview::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
#diaryview::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}


#wrapper {
	width:995px;
	margin:auto;
	background:url(/images/bodybg.png) repeat-y top center;
}

/* 헤더 부분*/
#header_container {
	width:100%;
	background:url(/images/main/index_02.png) repeat-y;
}

/*  로고  */
#header_container .logo {
	float:left;
	overflow:hidden;
}
#header_container .logo a {
	width:164px;
	height:53px;
	display: block;
	margin: 15px 0 0 30px;
	background:url(/images/main/index_09.png) no-repeat;
	text-indent:-10000px;
}

/* 상단 로그인아웃 메뉴 */
#header_container #login {
	float:right;
    margin: 50px 50px 0px 0;
}
#header_container #login li {
	float:left;
	height:27px;
	margin-left:14px;
	
}
#header_container #login li a {
	display:block;
	height:11px;
	text-indent:-10000px;

}
#header_container #login  .join {
	background:url(/images/menu/topmenu.gif) no-repeat -58px 0;
	width:43px;
}
#header_container #login  .login {
	background:url(/images/menu/topmenu.gif) no-repeat -10px 0;
	width:31px;
}
#header_container #login  .join:hover {
	background:url(/images/menu/topmenu.gif) no-repeat -58px -12px;
	width:43px;
}
#header_container #login  .login:hover {
	background:url(/images/menu/topmenu.gif) no-repeat -10px -12px;
	width:31px;
}
#header_container #login .menuline {
	width:3px;
	height:11px;
	background:url(/images/menu/topmenu.gif) no-repeat -49px 0px;
}
#header_container #login .info {
	background:url(/images/menu/topmenu.gif) no-repeat -58px -24px;
	width:37px;
}
#header_container #login .logout {
	background:url(/images/menu/topmenu.gif) no-repeat 0 -24px;
	width:43px;
}

#header_container #login .info:hover {
	background:url(/images/menu/topmenu.gif) no-repeat -58px -36px;
	width:37px;
}
#header_container #login .logout:hover {
	background:url(/images/menu/topmenu.gif) no-repeat 0 -36px;
	width:43px;

}

/* 상단메인메뉴*/
#header_container #topmenu {
	clear:right;
	float:right;
	padding: 0 50px 0 0;

}
#header_container #topmenu li {
	float:left;
}
#header_container #topmenu li a {
	display:block;
	height:14px;
	margin-left: 30px;
	text-indent:-10000px;

}
#header_container #topmenu ul .menu1 {
	background:url(/images/menu/mainmenu.gif) no-repeat 0 0;
	width:68px;

}
#header_container #topmenu ul .menu1:hover {
	background:url(/images/menu/mainmenu.gif) no-repeat 0 -15px;
	width:68px;
}

#header_container #topmenu ul .menu2 {
	background:url(/images/menu/mainmenu.gif) no-repeat -70px 0;
	width:47px;
}
#header_container #topmenu ul .menu2:hover {
	background:url(/images/menu/mainmenu.gif) no-repeat -70px -15px;
	width:47px;
}
#header_container #topmenu ul .menu3 {
	background:url(/images/menu/mainmenu.gif) no-repeat -119px 0;
	width:46px;
}
#header_container #topmenu ul .menu3:hover {
	background:url(/images/menu/mainmenu.gif) no-repeat -119px -15px;
	width:46px;
}
#header_container #topmenu ul .menu4 {
	background:url(/images/menu/mainmenu.gif) no-repeat -169px 0;
	width:78px;
}
#header_container #topmenu ul .menu4:hover {
	background:url(/images/menu/mainmenu.gif) no-repeat -169px -15px;
	width:78px;
}

/* 상단메인메뉴2*/
#header_container #topmenu2 {
	clear:both;
	width: 995px;
	height: 67px;
	background:url(../images/menu/mainmenu_bg.png) no-repeat;
	text-align:center;

}
#header_container #topmenu2 li {
	float:left;
	margin-top:20px;
	left: 200px;
	position: relative;
}
#header_container #topmenu2 li a {
	display:block;
	height:14px;
	margin-left: 90px;
	text-indent:-10000px;

}
#header_container #topmenu2 ul .menu1 {
	background:url(/images/menu/mainmenu2.png) no-repeat 0 0;
	width:68px;

}
#header_container #topmenu2 ul .menu1:hover {
	background:url(/images/menu/mainmenu2.png) no-repeat 0 -15px;
	width:68px;
}

#header_container #topmenu2 ul .menu2 {
	background:url(/images/menu/mainmenu2.png) no-repeat -70px 0;
	width:47px;
}
#header_container #topmenu2 ul .menu2:hover {
	background:url(/images/menu/mainmenu2.png) no-repeat -70px -15px;
	width:47px;
}
#header_container #topmenu2 ul .menu3 {
	background:url(/images/menu/mainmenu2.png) no-repeat -119px 0;
	width:46px;
}
#header_container #topmenu2 ul .menu3:hover {
	background:url(/images/menu/mainmenu2.png) no-repeat -119px -15px;
	width:46px;
}
#header_container #topmenu2 ul .menu4 {
	background:url(/images/menu/mainmenu2.png) no-repeat -169px 0;
	width:78px;
}
#header_container #topmenu2 ul .menu4:hover {
	background:url(/images/menu/mainmenu2.png) no-repeat -169px -15px;
	width:78px;
}



/*** 서브 메뉴 ***/

#content_container #submenu_content {
	float:left;
	width:150px;
	padding-right:10px;
	margin-left: 30px;
}


/* 제품소개 서브 메뉴*/
#submenu_content #about_submenu a {
	display:block;
	height:23px;
	width:135px;
	text-indent:-10000px;
	background:url(/images/menu/about_submenu.gif) no-repeat;
	line-height:1;

}

/* 이용안내 서브 메뉴*/
#submenu_content #userguide_submenu a {
	display:block;
	height:23px;
	width:135px;
	text-indent:-10000px;
	background:url(/images/menu/userguide_submenu.gif) no-repeat;
	line-height:1;

}

/* mypage 서브 메뉴*/
#submenu_content #mypage_submenu a {
	display:block;
	height:23px;
	width:135px;
	text-indent:-10000px;
	background:url(/images/menu/mypage_submenu.gif) no-repeat;
	line-height:1;

}
#submenu_content #customer_submenu a {
	display:block;
	height:23px;
	width:135px;
	text-indent:-10000px;
	background:url(/images/menu/customer_submenu.gif) no-repeat;
	line-height:1;

}

#submenu_content #member_submenu a {
	display:block;
	height:23px;
	width:135px;
	text-indent:-10000px;
	background:url(/images/menu/member_submenu.gif) no-repeat;
	line-height:1;

}

#submenu_content #about_submenu .title {
	background:url(/images/menu/about_submenu.gif) no-repeat 0 0;
	height:54px;
	text-indent:-10000px;
}

#submenu_content #userguide_submenu .title {
	background:url(/images/menu/userguide_submenu.gif) no-repeat 0 0;
	height:54px;
	text-indent:-10000px;
}

#submenu_content #mypage_submenu .title {
	background:url(/images/menu/mypage_submenu.gif) no-repeat 0 0;
	height:54px;
	text-indent:-10000px;
}

#submenu_content #customer_submenu .title {
	background:url(/images/menu/customer_submenu.gif) no-repeat 0 0;
	height:54px;
	text-indent:-10000px;
}
#submenu_content #member_submenu .title {
	background:url(/images/menu/member_submenu.gif) no-repeat 0 0;
	height:54px;
	text-indent:-10000px;
}

#submenu_content .subline {
	background:url(/images/menu/mypage_submenu.gif) no-repeat 0 -77px !important;
	height:1px;
	width:135px;
	margin: 2px 0;
}
#submenu_content .menu1 {
	background-position: 0 -54px !important;
}
#submenu_content .menu1:hover {
	background-position: -135px -54px !important;
}

#submenu_content .menu2 {
	background-position: 0 -78px !important;
}
#submenu_content .menu2:hover {
	background-position: -135px -78px !important;
}
#submenu_content .menu3 {
	background-position: 0 -102px !important;
}
#submenu_content .menu3:hover {
	background-position: -135px -102px !important;
}
#submenu_content .menu4 {
	background-position: 0 -126px !important;
}
#submenu_content .menu4:hover {
	background-position: -135px -126px !important;
}
#submenu_content  .menu5 {
	background-position: 0 -150px !important;
}
#submenu_content .menu5:hover {
	background-position: -135px -150px !important;
}
#submenu_content  .menu6 {
	background-position: 0 -174px !important;
}
#submenu_content .menu6:hover {
	background-position: -135px -174px !important;
}
#submenu_content #mypage_submenu .menu6 {
	background-position: 0 -174px;
}
#submenu_content #mypage_submenu .menu6:hover {
	background-position: -135px -174px;
}
#submenu_content #mypage_submenu .menu7 {
	background-position: 0 -198px;
}
#submenu_content #mypage_submenu .menu7:hover {
	background-position: -135px -198px;
}
#submenu_content #mypage_submenu .menu8 {
	background-position: 0 -222px;
}
#submenu_content #mypage_submenu .menu8:hover {
	background-position: -135px -222px;
}
#submenu_content #mypage_submenu .menu9 {
	background-position: 0 -246px;
}
#submenu_content #mypage_submenu .menu9:hover {
	background-position: -135px -246px;
}
#submenu_content #mypage_submenu .menu10 {
	background-position: 0 -270px;
}
#submenu_content #mypage_submenu .menu10:hover {
	background-position: -135px -270px;
}
#submenu_content #mypage_submenu .menu11 {
	background-position: 0 -294px;
}
#submenu_content #mypage_submenu .menu11:hover {
	background-position: -135px -294px;
}
#submenu_content #mypage_submenu .menu12 {
	background-position: 0 -318px;
}
#submenu_content #mypage_submenu .menu12:hover {
	background-position: -135px -318px;
}
#submenu_content #mypage_submenu .menu13 {
	background-position: 0 -342px;
}
#submenu_content #mypage_submenu .menu13:hover {
	background-position: -135px -342px;
}
#submenu_content #mypage_submenu .menu14 {
	background-position: 0 -366px;
}
#submenu_content #mypage_submenu .menu14:hover {
	background-position: -135px -366px;
}
#submenu_content #mypage_submenu .menu15 {
	background-position: 0 -390px;
}
#submenu_content #mypage_submenu .menu15:hover {
	background-position: -135px -390px;
}
#submenu_content #mypage_submenu .menu16 {
	background-position: 0 -414px;
}
#submenu_content #mypage_submenu .menu16:hover {
	background-position: -135px -414px;
}


/*메인화면*/
#main_contents {
	position:relative;
}
#noticecontent {
	position:absolute;
	top: 100px;
	left: 710px;

}

#logincontent {
	position:absolute;
	top: 250px;
	left: 30px;

}
#logincontent li {
	float:left;
}
#logincontent .loginbg {
	background:url(/images/main/login.png) no-repeat no-repeat -50px 5px;;
	width: 150px;
	height: 161px;
}

#logincontent a {
	background:url(/images/main/login.png) no-repeat;
	display:block;
	width: 55px;
	height: 161px;
	text-indent:-10000px;

}

#logincontent2, #logincontent3 {
	position:absolute;
	top: 290px;
	left: 147px;

}
#logincontent2 li {
	margin:0;
	padding:0;
	float:left;
	

}
#logincontent3 li, #logincontent3 li a {
	color:#FFF !important;

}
#logincontent2 li:first-child  {
	position: relative;
	top: 2px;
}

#logincontent2 input[type=text], #logincontent2 input[type=password]  {
	border:#999999 1px solid;
	height:19px;
	width:150px;
	margin-top: 2px;
}

#logincontent2 ul {
	padding:0;
	margin:0;
	clear:both;

}
#logincontent2 ul:first-child {
	top: 28px;
	position: relative;

}


/* 내용 부분*/
#content_container {
	clear:both;
	width:100%;
	
}
#content_container h1 {
	text-align:right;
	padding-right:30px;
	font-size: 11px;
	color: #757575;
	font-weight:normal;
	padding-bottom:20px;
}

/* 타이틀 이미지 */
#content_container h2 {
	text-indent:-10000px;
	margin-bottom:20px;
	width: 770px;
	height: 38px;
}

/* 제품소개 타이틀 */
#content_container h2.about_title1 {
	background:url(/images/about_title.gif) no-repeat 0 0;
}

/* 이용안내 타이틀 */
#content_container h2.userguide_title1 {
	background:url(/images/userguide_title.gif) no-repeat 0 0;
}
#content_container h2.userguide_title2 {
	background:url(/images/userguide_title.gif) no-repeat 0 -38px;
}
#content_container h2.userguide_title3 {
	background:url(/images/userguide_title.gif) no-repeat 0 -76px;
}
#content_container h2.userguide_title4 {
	background:url(/images/userguide_title.gif) no-repeat 0 -114px;
}
#content_container h2.userguide_title5 {
	background:url(/images/userguide_title.gif) no-repeat 0 -152px;
}
#content_container h2.userguide_title6 {
	background:url(/images/userguide_title.gif) no-repeat 0 -190px;
}


/* 마이페이지 타이틀 */
#content_container h2.mypage_title1 {
	background:url(/images/mypage_title.gif) no-repeat 0 0;
	
}
#content_container h2.mypage_title2 {
	background:url(/images/mypage_title.gif) no-repeat 0 -38px;
}
#content_container h2.mypage_title3 {
	background:url(/images/mypage_title.gif) no-repeat 0 -76px;
}
#content_container h2.mypage_title4 {
	background:url(/images/mypage_title.gif) no-repeat 0 -114px;
}
#content_container h2.mypage_title5 {
	background:url(/images/mypage_title.gif) no-repeat 0 -152px;
}
#content_container h2.mypage_title6 {
	background:url(/images/mypage_title.gif) no-repeat 0 -190px;
}
#content_container h2.mypage_title7 {
	background:url(/images/mypage_title.gif) no-repeat 0 -228px;
}
#content_container h2.mypage_title8 {
	background:url(/images/mypage_title.gif) no-repeat 0 -267px;
}
#content_container h2.mypage_title9 {
	background:url(/images/mypage_title.gif) no-repeat 0 -306px;
}
#content_container h2.mypage_title10 {
	background:url(/images/mypage_title.gif) no-repeat 0 -343px;
}
#content_container h2.mypage_title11 {
	background:url(/images/mypage_title.gif) no-repeat 0 -381px;
}
#content_container h2.mypage_title12 {
	background:url(/images/mypage_title.gif) no-repeat 0 -419px;
}
#content_container h2.mypage_title13 {
	background:url(/images/mypage_title.gif) no-repeat 0 -457px;
}
#content_container h2.mypage_title14 {
	background:url(/images/mypage_title.gif) no-repeat 0 -495px;
}
#content_container h2.mypage_title15 {
	background:url(/images/mypage_title.gif) no-repeat 0 -533px;
}


/* 고객지원 타이틀 */
#content_container h2.customer_title1 {
	background:url(/images/customer_title.gif) no-repeat 0 0;
	
}
#content_container h2.customer_title2 {
	background:url(/images/customer_title.gif) no-repeat 0 -38px;
}
#content_container h2.customer_title3 {
	background:url(/images/customer_title.gif) no-repeat 0 -76px;
}
#content_container h2.customer_title4 {
	background:url(/images/customer_title.gif) no-repeat 0 -114px;
}

/* 고객지원 타이틀 */
#content_container h2.member_title1 {
	background:url(/images/member_title.gif) no-repeat 0 0;
	
}
#content_container h2.member_title2 {
	background:url(/images/member_title.gif) no-repeat 0 -38px;
}
#content_container h2.member_title3 {
	background:url(/images/member_title.gif) no-repeat 0 -76px;
}





#wrap {position:relative; top:0px; left:0px;}
.video1 {position:absolute; top:665px; left:550px; cursor:pointer} 
.video2 {position:absolute; top:80px; left:550px; cursor:pointer} 




/* 컨텐츠 박스 */
#content_container #content {
	position: relative;
	float:left;
	width:770px;
}

#content_container #content .line1 {
	border-bottom: solid 1px #E0E0E0;
	height:1px !important;
	padding:0;
	margin:0;
}

#content_container #content #licensenum {
	margin-bottom: 10px;
}

/* 메인 컨텐츠 */
#down_content {
	padding: 30px 0 0 60px ;
}
#down_content > div{
	float:left;
}
#down_content ul {
	clear:both;

}
#down_content li {
	float:left;
	margin-left:20px;
}
.freeban {
	padding-top:20px;
	cursor:pointer;
}
#down_content li.freeban {
	padding-bottom:20px;
	cursor:pointer;
}
#update_content {
	clear:both;
	padding:30px 20px 0 40px;
}
#update_content div {
	float:left;
}

#faq {
	padding-left: 80px;
}

#qna {
	padding-top: 50px;
	padding-left: 80px;
}

.sbdtitle {
	padding:0 0 10px 0;
	clear:both;
}

.sbdtitle img{
	cursor:pointer;
}

.sbdcontents ul {
	clear:both
}
.sbdcontents li {
	float:left;
	margin-left:10px !important;
}
.sbdcontents li:first-child {
	width:160px;
	background:url(/images/main/index_30.png) no-repeat 0 6px;
	padding-left:10px !important;

}


	


/* 회원가입 유형선택  */
#jointype_content  {
	padding : 0px 0px 0 30px;
}
#jointype_content .joinbtn div{
	float:left;
	padding : 0px 0px 0 50px;
}
#jointype_content .btnlist{
	padding : 50px 0px 0 0px;
	clear:both;

}

/* 회원가입 동의  */
#agree_content .agreediv {
	width:700px;
	height:150px;
	border:#E0E0E0 1px solid;
	margin:10px 0 20px 0;
	overflow:auto;
	word-break:break-all;
	
}
#content_container #agree_content div {
	padding: 10px 0;
}


/* 회원가입 컨텐츠 부분 */
#content_container #join_content div {
	padding: 10px 0;
}

#content_container #join_content ul {
	clear:both;
	padding: 15px 0 0 5px;
	height: 30px;
}

#content_container #join_content ul li:first-child {
	width:100px;
}

#content_container #join_content ul li {
	float:left;
	padding: 0 5px;
}
.joinend {
	
	text-align:center;
	font-size:13px;
}
#joinendcontent {
	margin : 15px 0;

}
#joinendcontent span {
	font-weight:bold;
	text-decoration:underline;
}

/* 로그인 컨텐츠 부분 */
#content_container #content #login_content {
	background:url(../images/loginbg.png) no-repeat;
	padding-top: 20px;
	width:533px;
	height:252px;
}
/* 로그인 폼*/
#content_container #content #login_content .form {
	/*padding: 130px 0 0 100px;*/
	position: absolute;
	top: 210px;
	left: 100px;
}
	
#content_container #content #login_content div {
	float:left;
	padding: 0 5px;
}
#content_container #content #login_content ul {
	clear:both;
}
#content_container #content #login_content li {
	float:left;
	height: 25px;
	width:185px;
}
#content_container #login_content ul li:first-child {
	width:60px !important;
	padding-top:7px !important;
	font-weight:bold;
}

/* 로그인 버튼*/
#content_container #content #login_content .btn {
	/*padding-top: 130px;*/
	position: absolute;
	top: 210px;
	left: 350px;
}

#content_container #content #login_content .btn input {
	background:url(../images/loginbtn_nor.png) no-repeat;
	width:65px;
	height:59px;
	border:0;
	/*text-indent:-10000px;*/
}

#content_container #content #login_content .btn input:hover {
	background:url(../images/loginbtn_ovr.png) no-repeat;
}

#content_container #content #login_content .textbox {
	width: 180px; height:25px; font-size:16px; background::#FFFFFF; color:#333333; border:1px solid #b9b9b9; outline:none;;
}

#content_container #content #login_content .textbox:focus {
	border:2px solid #09F;
}

#stafflist, #historylist{
	width : 100%;
	border-top: 2px #CCCCCC solid;
	border-bottom: 2px #CCCCCC solid;
}

#stafflist th, #historylist th {
	height: 28px;
	text-align:center;
	background:#EBF0F3;
	
}

#stafflist td,#historylist td {
	height: 25px;
	text-align:center;
	border-bottom: 1px #CCCCCC solid;
}


/* 하단 부분*/
#footer_container {
	clear:both;
	width:100%;
	padding-top: 50px;

}
#footer_container .copyright {
	padding:20px;
	text-align:center;
	background:#FFFFFF;


}


.comment_textarea textarea {
	margin: 2px;
	width: 98%;
	height: 50px;
}

/* 일정부부 */
#diarydiv {
	position:relative;
	width : 770px;
	clear:both;
	margin:3px;
}
#calender {
	width:393px;
}

#calender #calender_title{
	background-color: #5eb8dd;
	width:365px;
	height: 25px;
	color: #FFFFFF;
	text-align: center;
	font-weight:bold;
	line-height: 2;
}

#calender #calender_week ul {
	border:0;
	height:20px;
}

#calender #calender_week li{
	border:0;
	text-align:center;
	height:16px;
	width: 46px;
	line-height:1.5;

}


#calender #calender_title a.prev{
	margin-right: 70px;
	color:#FFF;
}
#calender #calender_title a.next{
	margin-left:70px;
	color:#FFF;
}



#calender ul {
	padding:0;
	margin:0;
	clear:both;
	width:365px;
	height:30px;
	border-top:1px solid #CCC;
}
#calender li {
	position:relative;
	width:45px;
	height:25px;
	padding:3px;
	margin:0;
	list-style:none;
	float:left;
	font-weight:bold;
	border-right:1px solid #CCC;
	background:url(../images/calenderbg.gif);
	background-size: 100%;
}

#calender ul:last-child {
	border-bottom:1px solid #CCC;

}
#calender li:first-child {
	border-left:1px solid #CCC;
}
#calender li.blankday {
	background-color:#F6F6F6;

}
#calender li.sunday {
	color:#FF0000;
	/*background-color:#FFEEEE;*/

}
#calender li.saterday {
	color:#63ACE2;
	
}
#calender li.weekday {
	color:#333333;
}
#calender .isdiary {
	position: absolute;
	top: 15px;
	color: rgb(197, 197, 197);
	display: block;
	left: 20px;
	font-size: 11px;
}

#calender .select {
	color: #FFFFFF !important;
	background:#48A7E7 !important;
}


/* 일정 목록 부분 */
#diarylist {
	width:365px;
	height:280px;
	overflow:auto;
	border:1px solid #CCC;
	margin-top:12px;
}
#diarylist .bddocdiv {
	position:relative;
	padding: 10px 7px;
	border-bottom:#CCCCCC 1px solid;
}


#diarylist .bddocdiv_select {
	background-color:#ECFCFF;
}
#diaryview {
	position:absolute;
	width:365px;
	height:480px;
	top:0;
	left:380px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #CCC;
	padding:10px 5px;
	background: #F4FAFA;
}


#diaryview .reportmember, #newsview .reportmember {
	color:#30DDAC;
	font-weight:bold;
	margin-bottom: 7px;
}

#diaryview .commentdiv {
	padding: 10px;
	margin-top: 10px;
	border:#CCCCCC 1px solid;
	background-color: #FFFFFF;
}

#grouppopup {
	position:absolute;
	width:600px;
	top : 10px;
	left:100px;
	margin:0;
	padding:10px 0 0 10px;
	border:1px solid #000;
	display:none;
	z-index:10;
	background-color: #F5F5F5;
}

#grouppopup div.content {
	clear:both;
	background: #FFFFFF;
	padding: 10px 5px;
	margin: 0 10px 10px 0;
}

#grouppopup textarea {
	width:540px;
	height:60px;
}
#grouppopup input[type=text] {
	width:330px;
}

#grouppopup ul {
	display:table;
	clear:both;
	margin: 5px 0;
}

#grouppopup li {
	padding: 0 10px;
	float: left;
	width: 340px;
	background: url(../images/icon/arrow1.gif) no-repeat;
	margin: 5px 0 0 10px;
	line-height: 16px;
	
}
#grouppopup li .btnstyle{
	float:right;
	
}
#grouppopup #glist , #grouppopup #olist  {
	margin:10px 0px;
	width:380px;

}

#grouppopup #glist div, #grouppopup #olist div {
	margin:5px 0px;
	padding: 7px 5px;
	width:100%;
	border:1px solid #999;
	background-color: #FFFFFF;
	overflow-y: auto;
	overflow-x:hidden;
}


.height80 {
	height:80px;
}

.height150 {
	height:150px;
}

#grouppopup #booktime {
	display:none;
}
/* 그룹 관리 */
#groupcontent {
	width: 700px;
	text-align: center;
	margin: 0 auto;
	overflow:auto;
	border-collapse:collapse;
}
#groupcontent th {
	height:30px;
	border-bottom:1px solid #CCC;
}
#groupcontent td {
	height:25px;
	padding:7px 5px;
	border-bottom:1px solid #CCC;
	word-break:break-all;
}

#groupcontent .groupitem {
	cursor:pointer;
}

/* 그룹리스트*/
#grouplist {
	overflow:auto; 
	/*background:#6392E9;*/
	background: url(/images/calenderbg.gif) repeat-x bottom; 
	border: 1px solid #999;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	width:765px;
	height:50px;
	

}

#grouplist ul {
	clear:both;
	
}

#grouplist li {
	padding : 3px 5px; 
	border: 1px solid #90A8D5;;
	margin: 3px 5px;
	float:left;
	cursor:pointer;
	background-color: #EAF5F6;
	
}

#grouplist li:hover {
	background-color:#339FCE;
	color:#FFFFFF;
}

/* 게시판 부분*/
#runboardwrite textarea {
	width : 550px;
	height : 100px;
}
#runboardlist, #newslist , #newsview {
	width:750px;
	position:relative;
	
}

#runboardlist .bddocdiv, #newslist .bddocdiv   {
	position:relative;
	padding:10px 7px;
	border-bottom:#CCCCCC 1px solid;

}

#runboardlist .bddocdiv .rbd_name, #runboardlist .bddocdiv .rbd_name span,
#diaryview .bddocdiv .rbd_name span,
#newslist .bddocdiv .rbd_name, #newslist .bddocdiv .rbd_name span  {
	vertical-align:top;

}
#runboardlist .bddocdiv .rbd_name .nametype1, #newslist .bddocdiv .rbd_name .nametype1{
	padding-left: 15px;
}
#runboardlist .bddocdiv .rbd_date, #newslist .bddocdiv .rbd_date {
	width: 660px;
	padding-left: 80px;
	position: relative;
	top: -8px;
	margin-top: -30px;
}

#runboardlist .bddocdiv .rbd_contents,  #newslist .bddocdiv .rbd_contents{
	width: 650px;
	margin-left: 80px;
}


#newsview .bddocdiv   {
	position:relative;
	padding:10px 7px;
}

/* #runboardlist .rbd_contents, #newslist .rbd_contents, #diarylist .rbd_contents, #diaryview .rbd_contents  {*/
.rbd_contents {
	padding: 10px 5px;
	border:#CCCCCC 1px solid;
	background-color:#EAF2F3;
	cursor:pointer;
	font-size:14px;
	word-break:break-all;

}
.comment_contents {
	word-break:break-all;
	position: relative;
	margin: -30px 0 0px 75px;
	padding-bottom: 30px;

}
#runboardlist .commentdiv , #newsview .commentdiv {
	padding: 10px;
	margin-top: 10px;
	border:#CCCCCC 1px solid;
}


#runboardlist .flatform, #newsview .flatform {
	position: absolute;
	margin: 3px 0 0 5px;
}

#runboardlist .address, #newsview .address{
	padding-left: 10px;
	position: absolute;
}

.bddocdiv .address  a{
	color: #5382C0;
	padding-left: 15px;
	background:url(/images/icon/mapmaker.png) no-repeat;
	display:block;
	height:16px;
}
#runboardlist .address a:hover , #newsview .address a:hover {
	text-decoration:underline;
}

#runboardsearch {
	border: 1px solid #B6B6B6;
	margin: 5px 0;
	padding: 7px;
	background: #F1F1F1;
}

#runboardsearch input[name=keyword] {
	width:180px;

}

.commentdiv .iteminfo {
	position:relative;
}

/* 댓글 관리 위치 */
.commentdiv .cmtmodifybtn {
	float:right;
	right:15px;
	top:0;
	cursor:pointer;
	display:block;
	position: absolute;
	background:url(/images/icon/config.png) no-repeat;
	width:16px;
	height:16px;
	text-indent: -10000px;

}
.iteminfo .rbddate {
	right: 40px;
	position: absolute;
}

.commenticon {
	display:inline-block; zoom:1;
	background:url(/images/icon/comment.png) no-repeat;
	width:16px;
	height:16px;
	text-indent: -10000px;
}

.reporticon {
	display:inline-block;
	background:url(/images/icon/person.png) no-repeat;
	width:16px;
	height:16px;
	text-indent: -10000px;
}



/* 글관리 위치 */
#runboardlist .modifybtn , #diarylist .modifybtn, #diaryview .modifybtn, #newsview .modifybtn {
	float:right;
	right:10px;
	top: 7px;
	cursor:pointer;
	display:block;
	position: absolute;
	background:url(/images/icon/config.png) no-repeat;
	width:16px;
	height:16px;
	text-indent: -10000px;

}
.commentdiv .iteminfo{
	margin-bottom: 7px;

}
.commentdiv .iteminfo li {
	float:left;

}

.commentdiv ul {
	clear:both;

}
#runboardlist .cmt_editmenu_div, #diaryview .cmt_editmenu_div, #newsview .cmt_editmenu_div {
	position:absolute;
	display:none;
	right:3px;
	top:0;
	margin-top: 20px;
	width:75px;	
	padding: 5px 7px;
	border:#CCCCCC 1px solid;
	background-color:#FFFFFF;
	z-index:5;
}

#runboardlist .editmenu_div, #diarylist .editmenu_div, #diaryview .editmenu_div, #newsview .editmenu_div {
	position:absolute;
	display:none;
	right:3px;
	width:75px;	
	padding: 5px 7px;
	border:#CCCCCC 1px solid;
	background-color:#FFFFFF;
	z-index:5;
}

#runboardlist .editmenu_div {
	position:absolute;
	top : 30px
}

.editmenu_div li, .cmt_editmenu_div li {
	padding-left: 10px;
	background:url(/images/icon/arrow1.gif) no-repeat 0 2px;

}

#bdeditdiv {
	display:none;
	position:absolute;
	z-index:10;
	background-color:#EEEEEE;
	border:#CCCCCC 1px solid;
	padding:10px;
	text-align:center;
	
}

#bdeditdiv textarea {
	width:500px;
	height:120px;
	resize: none;
	overflow: auto;
	overflow-x: hidden;
	padding:5px;
	
}

/**  새소식  **/
#newsview {
	display:none;
	position:relative;
	padding: 10px 5px;
	background: #F5F5F5;
	width: 760px;
}

#newsview #diaryview , #newsview #runboardlist{
	position:relative;
	width: 100%;
	top: 0;
	left: 0;
	border:0;
	padding:0;
	background: #FFFFFF;
}
/* 초대 목록 */
#invitationlist {}

#invitationlist ul {clear:both;border-bottom: 1px solid #EEEEEE;
height: 23px; display:table}
#invitationlist li {
	float:left;
	width: 150px;
	text-align: center;
	margin:5px 0;
}
#invitationlist .btnstyle {
	top: -2px;
	position: relative;
}

#invitationlist .btnstyle {
	top: -2px;
	position: relative;
}
/* 채팅 사용목록*/
#msgview {
	display: none;
	position: absolute;
	top: 40px;
	left:40px;
	border: 1px #CCCCCC solid;
	padding: 5px 10px;
	background: #FFFFFF;	
}
#msgview .msgtitle{
	padding: 5px 18px 0 0;
	font-size:11px;
	text-align:right;
	font-weight: bold;
}
#msgview .msgtitle .close{
	padding: 5px;
	background-color: #505050;
	color: #FFFFFF;
}

#msgview .msgcontent{
	width: 600px;
	height: 400px;
	word-break:break-all;
	overflow: auto;
}
#msgview .msgcontent .who1{
	color:#09C;
	font-weight:bold;
	font-size:13px;
}
#msgview .msgcontent .who2{
	color:#C60;
	font-weight:bold;
	font-size:13px;
}

/* 더보기 */
#morelist {
	margin: 10px 20px 0 0;
	text-align: center;

}
.moreinfo {
	font-size:12px;
	color:#09F;
}


#morelist span.btnstyle input {
	width: 720PX;
}

/* 아이디 비번 찾기*/
#findid_content, #findpw_content {
	float:left;
	width:300px;
	margin-top: 30px;
	margin-left: 30px;
	border: 1px solid #CCC;
	padding: 15px;
}

#findid_content ul, #findpw_content ul{
	clear:both;
	width:300px;
	height:30px;
}
#findid_content li, #findpw_content li {
	float:left;
}
#findid_content li:first-child, #findpw_content li:first-child{
	width:100px;
}

/* 이용요금 */
.pricetable {
	width:100%;
	border-collapse:collapse;
	border:1px solid #CCC;
	margin-bottom:20px;
	
}
.pricetable th {
	height:23px;
	background-color:#F90;
	color:#FFF;
}
.pricetable td {
	text-align:center;
	padding : 5px 10px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.pricetable td.right {
	text-align:right;
}

.pricetable .subtit {
	
	background-color:#FDF7EE;
}
#taxorderdiv {
	
	border:1px solid #999;
	background-color:#FFF;
	position:absolute;
	top:80px;
	padding:20px;
}