/* dafault */
* {margin:0;padding:0;} 
body{background-color:#ffffff;color:#000;font-size:12px;font-family:dotum,arial,sans-serif;text-align:left;letter-spacing:0px;}
input, textarea, select {font-size:12px;font-family:dotum,arial,sans-serif; margin:0;padding:0;}
a{color:#636363;text-decoration:none;cursor:pointer} a:hover{color:#ff7d00;text-decoration:underline;cursor:pointer;}
ul {list-style: none;}
:focus { -moz-outline-style: none; }

html body {
	background: none;
}

body.popup {
	background: none;
}
body {
scrollbar-3dlight-color:#E8E8E8;
scrollbar-arrow-color:#7D7D7D;
scrollbar-track-color:#FAFAFA;
scrollbar-darkshadow-color:#D0DAE3;
scrollbar-face-color:#F4F4F4;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#DCDCDC;
}
hr {
	display: none;
}
img {border:none;}

#t_sub {

	margin: 10px auto 10px auto;
	width: 980px;
	background: url(../images/front_main/f_main_body.gif) repeat-y;
}
	#t_sub #tsub_top {
		height: 100px;
		background : url(../images/front_main/f_main_top2.gif) no-repeat left top;
	}
	#t_sub #tsub_bottom {
		clear: both;
  		height: 40px;
  		background : url(../images/front_main/f_main_bottom.gif) no-repeat bottom;
  	}
  	
  	#tsub_top h1.twincamp_logo a {
		display: inline;
		float: left;
		margin-left: 28px;
		text-indent:-3000px;
		height: 70px; width: 249px;
		background: url(../images/front_main/f_tc_logo.gif) no-repeat 0 32px;
	}
	

	#tsub_home {
		position: relative;
		margin: 50px auto 0px auto;
		width: 620px; height: 223px;
	}
		div.login {
			margin-top: 15px;
			float: left;
			position: relative;
		}
		div.login_ad {
			float: right;
			width: 282; height: 223px;
		}
	
	
/* ------------------------------------------------------------- */


	div.login h2 {
		padding-top: 10px;
		margin-left: 10px; 
		color: #f60;
		font-size: 18px;
	}
	div.login p.team_url {
		margin-left: 10px;
		font-weight: bold;
		padding-top: 5px;
		color: #555;
		line-height: 18px;
	}
	
	div.login div.form {
		position: relative;
		width: 301px; height: 118px;
		background: url(../images/front_main/login_area_box.gif) no-repeat 0 0;
		padding-top: 15px;
		padding-left: 20px;
		line-height: 17px;
	}

	div.login div.form p.id {
		padding-left: 58px;
		height: 35px;
		background: url(../images/front_main/login_input_email.gif) no-repeat;
	}
	div.login div.form p.pw {
		margin-top: 0px;
		height: 35px;
		padding-left: 38px;
		background: url(../images/front_main/login_input_pw.gif) no-repeat;
	}
	div.login div.form p.id input.id {
		float: left;
		margin-top: 8px;
		font-size: 14px; font-weight: bold;
		width: 145px; height: 20px;
		line-height: 20px;
		background: transparent;
		border: none;
	}
	div.login div.form p.pw input.password {
		float: left;
		margin-top: 7px;
		font-size: 14px;
		width: 165px; height: 20px;
		line-height: 20px;
		background: transparent;
		border: none;
	}
	div.login div.form p.id label {
		float: left;
		margin-top: 10px !important;
		margin-top: 7px;
		margin-left: 15px !important;
		margin-left: 11px;
		font-size: 11px;
		width: 50px;
	}
	div.login div.form p.id input.id_check {
		margin-right: 4px !important;
		margin-right: 0px;
	}
	
	div.login div.form p.pw input.enter {
		float: left;
		margin-left: 15px;
		margin-top: 8px;
		width: 44px; height: 21px;
		background: url(../images/front_main/btn_login.gif) no-repeat;
		text-indent: -3000px;
		border: none;
		cursor: pointer;
	}
	
	


		div.login div.form div.signup_find_pw {
			margin-top: 7px;
			margin-left: 130px;
		}
		div.login div.form div.signup_find_pw a {
			margin-right: 10px;
			font-size: 11px;
		}

/*---------------------------------------------*/
	div.login div.form_pw {
		position: relative;
		width: 301px; height: 118px;
		background: url(../images/front_main/login_area_box.gif) no-repeat 0 0;
	}
	div.login div.form_pw p.intro {
			padding-top: 34px;
			padding-left: 20px;
			color: #6e6e6e;
		}
	div.login div.form_pw p.pw {
		margin-left: 0px;
		height: 35px;
		background: url(../images/front_main/login_input_pw.gif) no-repeat 20px top;
	}

		div.login div.form_pw input.password {
			margin-top : 7px;
			font-size: 14px;
			margin-left: 63px;
			border: none;
			background: transparent;
			width: 163px;
			height: 20px;
	    }
		div.login div.form_pw input.ok {
			margin-left: 5px;
			margin-top: 4px;
			width: 44px; height: 24px;
			background: url(../images/front_main/btn_login_ok.gif) no-repeat bottom;
			text-indent: -3000px;
			border: none;
		}


/* ------------------------------------------------------------- */


		
	div.login_error {
		position: absolute;
		left: 16px; top: 183px;
		z-index: 1;
		width: 270px; padding-bottom: 5px;
		background: url(../images/front_main/f_absolute_message3.gif) no-repeat scroll left bottom;
	}
		div.login_error p.message {
			display: inline;
			float: left;
			margin: 5px 0px 0px 10px;
			padding-top: 1px;
			padding-left: 20px;
			font-size: 11px;
			color: #FFF; 
			background : url(../images/front_main/icon_error.gif) no-repeat;
		}
	#login_newpage div.login_error {
		position: static;
		background: none;

	}
	#login_newpage div.login_error p.message {

	}
		#tsub_home div.login_error a.close {
			display: block;
			margin: 6px 0px 0px 250px;
			text-indent: -3000px;
			height: 13px; width: 14px;
			background : url(../images/front_main/btn_x.gif) no-repeat;
		}
		
/* ------------------------------------------------------------- */




	#tsub_active {
		margin: 40px auto 0px auto;
		width: 620px; height: 170px;
	}
		#tsub_active div.sub_cs_center {
			float: left;
			width: 310px;
		}
		#tsub_active div.sub_notice {
			float: right;
			width: 310px;
		}
		
	
	#tsub_active div.top {
		height: 25px;
		background: url(../images/main/notice_event_top.gif) no-repeat left bottom;
	
	} 
	#tsub_active div.top h3 {
		display: inline;
		float: left;
		margin-left: 30px;
		height: 20px; width: 116px;
	  	text-indent: -3000px;
	}
	#tsub_active div.sub_cs_center h3.subject {
	  	background : url(../images/main/subject05.gif) no-repeat;
	}
	#tsub_active div.sub_notice h3.subject {
	  	background : url(../images/main/subject04.gif) no-repeat;
	}
	#tsub_active div.top a.more {
	    float:left;
	    margin-top: 5px;
	    margin-left: 110px;
	    font-size: 11px;
	    color: #AFAFAF;
	}
	
	#tsub_active div.body {
		margin-top: 9px;
		margin-left:21px;
		margin-bottom: 5px;
		width: 271px;
		background: none;
	}
		#tsub_active div.body  ul {
			padding-bottom: 20px;
		}
	#tsub_active div.body ul li {
		padding-top: 6px;
		line-height: 18px;
		height: 18px;
		font-size: 11px;
		color: #474747;
		overflow:hidden;
		border-bottom: 1px solid #ededed;
	}
		#tsub_active div.body ul li.end {
			background: url(../images/main/icon_end.gif) no-repeat 4px 4px;
			padding-left:39px;
		}
		#tsub_active div.body ul li.ing {
			background: url(../images/main/icon_ing.gif) no-repeat 4px 4px;
			padding-left:39px;
		}
		#tsub_active div.body ul li.answer {
			background: url(../images/main/icon_answer.gif) no-repeat 4px 4px;
			padding-left:39px;
		}
		#tsub_active div.body ul li.reject {
			background: url(../images/main/icon_reject.gif) no-repeat 4px 4px;
			padding-left:39px;
		}
	#tsub_active div.body p {
		padding-left: 8px;
		padding-top: 6px;
		line-height: 18px;
		height: 18px;
		font-size: 11px;
		color: #474747;
		overflow:hidden;
		border-bottom: 1px solid #ededed;
	}


/* ------------------------------------------------------------- */




/* ------------------------------------------------------------- */

/* ------------------------------------------------------------- */

/* ------------------------------------------------------------- */

/* ------------------------------------------------------------- */

/* ------------------------------------------------------------- */

/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */

	#tamin_home_login {
	}
	
	#tmain_

	
	#tmain_front div.title {
		border-bottom: 4px solid #6A9EE9;
	}
	#tmain_front div.title h2 {
		height: 47px;
		text-indent: -3000px;
	}
		#tmain_front div.title h2.signup {
			background : url(../images/front_main/h2_logo01.gif) no-repeat 5px 0;
		}
		#tmain_front div.title h2.signup_end {
			background : url(../images/front_main/h2_logo02.gif) no-repeat 5px 0;
		}
		#tmain_front div.title h2.user_ok {
			background : url(../images/front_main/h2_logo03.gif) no-repeat 5px 0;
		}
		#tmain_front div.title h2.tc_use {
			background : url(../images/front_main/h2_logo04.gif) no-repeat 5px 0;
		}
		#tmain_front div.title h2.tc_opening {
			background : url(../images/front_main/h2_logo05.gif) no-repeat 5px 0;
		}
		#tmain_front div.title h2.tc_opening_ok {
			background : url(../images/front_main/h2_logo06.gif) no-repeat 5px 0;
		}

/* ------------------------------------------------------------- */

	#tmain_front div.page_body {
	}
	
	#tmain_front div.add_info {
		margin-top: 30px;
		position: relative;
	}
	#tmain_front div.add_info div.sub_title h3 {
		height: 30px;
		text-indent: -3000px;
		margin-left: 15px;
	}
	#tmain_front div.add_info div.sub_title h3.use_workingtime {
		background: url(../images/front_main/h3_logo4.gif) no-repeat left 10px;
		margin-bottom: 20px;
	}
	#tmain_front div.add_info div.sub_title h3.agreement {
		background: url(../images/front_main/h3_logo.gif) no-repeat left top;
	}
	#tmain_front div.add_info div.sub_title h3.personal_info {
		background: url(../images/front_main/h3_logo2.gif) no-repeat left top;
	}

	#tmain_front div.add_info div.sub_title a.yes {
		display: block;
		position: absolute;
		left: 615px; top: 0px;
		width: 98px; height: 46px;
		text-indent: -3000px;
		background: url(../images/front_main/btn_yes.gif) no-repeat;
	}

/* ------------------------------------------------------------- */

	#tmain_front div.add_info div.text {
		margin: 10px 0px 0px 0px;
		padding-top: 15px;
		background: url(../images/front_main/box02_top.gif) no-repeat;
	}
	#tmain_front div.add_info div.text div.bottom {
		height: 10px;
		background: url(../images/front_main/box02_bottom.gif) no-repeat left bottom;
	}
	#tmain_front div.add_info div.text p {
		margin-bottom: 10px;
		margin-left: 20px; margin-right: 20px;
		color: #666;
		line-height: 130%;
		background: transparent;
	}
	#tmain_front div.add_info div.text p.ps  {
		margin-bottom: 15px;
		font-size: 11px;
		color: #8e8e8e;
	}

	#tmain_front div.add_info div.text_box {
		padding-top: 15px;
		background: url(../images/front_main/box02_top.gif) no-repeat;
		margin-bottom: 10px;
	}
	#tmain_front div.add_info div.text_box div.bottom {
		height: 10px;
		background: url(../images/front_main/box02_bottom.gif) no-repeat left bottom;
	}
	#tmain_front div.add_info div.text_box p {
		white-space: pre;
		margin-bottom: 10px;
		margin-left: 20px; margin-right: 5px;
		color: #666;
		line-height: 130%;
		height: 130px;
		overflow-y: scroll;
		background: transparent;
	}
	#tmain_front label.agree {
		display: block;
		color: #6e6e6e;
		margin-left: 15px;
	}

/* ------------------------------------------------------------- */

	#tmain_front div.page_box {
		margin-top: 20px;
		margin-bottom: 20px;
		background: url(../images/front_main/body_body.gif) repeat-y;
	}
	#tmain_front div.page_box div.top {
		height: 14px;
		background: url(../images/front_main/body_top.gif) no-repeat;
	}
	#tmain_front div.page_box div.bottom {
/*		height: 14px;*/
		height: 20px;
		background: url(../images/front_main/body_bottom.gif) no-repeat left bottom;
	}
	
	#tmain_front div.page_box div.round_box {
		margin-left: 31px;
		width: 658px;
		background: url(../images/front_main/round_body.gif) no-repeat left bottom;
	}
	#tmain_front div.page_box div.round_box div.top {
		height: 35px;
		background: url(../images/front_main/round_top.gif) no-repeat;
	}
	#tmain_front div.page_box div.round_box div.bottom {
		height: 10px;
		background: none;
	}
	
	#tmain_front div.page_box div.round_box h4 {
		margin-left: 30px;
		text-indent: -3000px;
		height: 35px;
	}
	#tmain_front div.page_box div.round_box h4.essential {
		background: url(../images/front_main/round_top_01.gif) no-repeat;
	}

/* ------------------------------------------------------------- */

	#tmain_front div.page_box_color {
		margin-bottom: 20px;
		background: url(../images/front_main/joining_data.gif) no-repeat;
	}
	#tmain_front div.page_box_color div.bottom {
		height: 14px;
		background: url(../images/front_main/body_bottom.gif) no-repeat bottom;
	}
	#tmain_front div.page_box_color div.content {
		margin-top: 40px;
	}

/*	#tmain_front div.page_box div.top {
		height: 14px;
		background: url(../images/front_main/body_top.gif) no-repeat;
	}
	#tmain_front div.page_box div.bottom {
		height: 20px;
		background: url(../images/front_main/body_bottom.gif) no-repeat left bottom;
	}
	
	#tmain_front div.page_box div.round_box {
		margin-left: 31px;
		width: 658px;
		background: url(../images/front_main/round_body.gif) no-repeat left bottom;
	}
	#tmain_front div.page_box div.round_box div.top {
		height: 35px;
		background: url(../images/front_main/round_top.gif) no-repeat;
	}
	#tmain_front div.page_box div.round_box div.bottom {
		height: 10px;
		background: none;
	}
	
	#tmain_front div.page_box div.round_box h4 {
		margin-left: 30px;
		text-indent: -3000px;
		height: 35px;
	}
	#tmain_front div.page_box div.round_box h4.essential {
		background: url(../images/front_main/round_top_01.gif) no-repeat;
	}

*/

/* ------------------------------------------------------------- */

	#tmain_front div.action {
	}
	
	#tmain_front div.action a {
		display: block;
		text-indent: -3000px;
	}
	#tmain_front div.action a.signup {
		width: 188px; height: 58px;
		margin-left: 250px;
		background: url(../images/front_main/btn_joining.gif) no-repeat;
	}


/* ------------------------------------------------------------- */

	#tmain_front div.page_box table.front_form {
		margin: 10px auto;
		width: 600px;
	}
	#tmain_front div.page_box table.front_form th {
		width: 110px;
		height: 30px;
	}
	#tmain_front div.page_box table.front_form td {
		height: 30px;
	}
	#tmain_front div.page_box table.front_form input.text {
		border: none;
		border-bottom: 1px solid #b4b4b4;
		width: 230px;
	}
	#tmain_front div.page_box table.front_form input.double_check {
		border: none;
		width: 55px; height: 19px;
		background: url(../images/front_main/btn_doublecheck.gif);
		text-indent: -3000px;
	}
	#tmain_front div.page_box table.front_form span.input_guide {
		color: #8e8e8e;
		font-size: 11px;
	}
	
	
	#tmain_front div.page_box div.msg_box {
		margin-left: 5px;
		background: url(../images/front_main/bg_msg.gif) no-repeat;
		padding: 15px 40px;
	}
	#tmain_front div.page_box div.msg_box p.msg_title_alert {
		height: 50px;
		padding-left: 40px;
		color: #f60;
		font-weight: bold;
		font-size: 16px;
		line-height: 30px;
		vertical-align: middle;
		background: url(../images/front_main/img_check2.gif) no-repeat;
	}
	#tmain_front div.page_box div.msg_box p.message {
		color: #5b5b5b;
		margin-top: 10px;
	}
	#tmain_front div.page_box div.msg_box p.message2 {
		color: #999;
		margin-top: 10px;
		font-size: 11px;
	}

	#tmain_front div.page_box div.one_question {
		margin: 10px auto;
		width: 600px;
	}
	#tmain_front div.page_box div.one_question p.question {
		font-weight: bold;
		color: #000;
	}
	#tmain_front div.page_box div.one_question p.answer {
		margin-top: 10px;
		line-height: 25px;
	}
	#tmain_front div.page_box div.one_question p.answer label.item {
		color: #5e5e5e;
		margin-right: 20px;
	}
	#tmain_front div.page_box div.one_question p.answer input.answer_free {
		width: 200px;
	}

/* ------------------------------------------------------------- */

	#cs_menu {
		float: left;
		display: inline;
		margin-left: 26px;
		width: 189px;
	}
	#cs_menu div.menu {
		padding-top: 80px;
		background: url(../images/customer/menu_bg.gif) no-repeat 0 0;
	}
	#cs_menu div.menu div.body {
		margin-left: 25px;
	}
	#cs_menu div.menu div.body h3 {
		margin-top: 10px;
		margin-bottom: 10px;
		text-indent: -3000px;
	}
	#cs_menu div.menu div.body h3.title_01 {
		background: url(../images/customer/menu_01.gif) no-repeat 0 0;
	}
	#cs_menu div.menu div.body h3.title_02 {
		background: url(../images/customer/menu_02.gif) no-repeat 0 0;
	}
	#cs_menu div.menu div.body h3.title_03 {
		background: url(../images/customer/menu_03.gif) no-repeat 0 0;
	}
	#cs_menu div.menu div.body h3.title_04 {
		background: url(../images/customer/menu_04.gif) no-repeat 0 0;
	}			
	#cs_menu div.menu div.body a {
		display:block;
		margin-top: 4px;
		padding-left: 7px;
		background: url(../images/customer/bullet_01.gif) no-repeat 0 5px;
	}
	#cs_menu div.menu div.body a.selected {
		font-weight: bold;
		color: #3366FF;
	}
	#cs_menu div.menu div.bottom {
		height: 22px;
		background: url(../images/customer/menu_bottme.gif) 0 0;
	}

	#cs_menu div.phone {
		display:block;
		margin-top: 10px;
		height: 81px;
		text-indent: -3000px;
		background: url(../images/customer/phone_box.gif) 0 0;
	}

/* ------------------------------------------------------------- */

	#cs_page {
		margin-left: 232px;
		width: 720px;
	}
	#cs_page div.title {
		margin-top: 10px;
		border-bottom: 4px solid #6A9EE9;
	}
	#cs_page div.title h2 {
		height: 37px;
		text-indent: -3000px;
		padding-bottom: 15px;
	}
		#cs_page div.title h2.userinfo_update {
			background: url(../images/customer/title_user.gif) no-repeat;
		}
		#cs_page div.title h2.find_passwd {
			background : url(../images/customer/title_passwd.gif) no-repeat;
		}
		#cs_page div.title h2.faq {
			background: url(../images/customer/title_faq.gif) no-repeat;
		}
		#cs_page div.title h2.user_secede {
			background: url(../images/customer/title_quit.gif) no-repeat;
		}
		#cs_page div.title h2.notice {
			background: url(../images/customer/title_notice.gif) no-repeat;
		}
		#cs_page div.title h2.suggest {
			background: url(../images/customer/title_suggest.gif) no-repeat;
		}
		#cs_page div.title h2.ask {
			background: url(../images/customer/title_ask.gif) no-repeat;
		}
/* ------------------------------------------------------------- */

	#cs_page div.title div.faq_search {
		height: 42px;
        background : url(../images/customer/search_form.gif) no-repeat;
        margin-top: -10px;
        margin-bottom: 10px;
	}
	#cs_page div.title div.faq_search input.keyword {
		margin: 11px 0 0 115px;
		font-size: 14px;
		width: 260px;
		color: #666;
		background: transparent;
		font-weight: bold;
		border: none;
	}
	#cs_page div.title div.faq_search input.action {
		margin: 11px 0 0 7px;
		border: none;
		font-size: 14px;
		color: #fff;
		background: transparent;
		font-weight: bold;
	}
	#cs_page div.title div.faq_search input.action:hover {
		color: #E17A67;
	}

	#cs_page div.title p.faq_search_word {
        margin: 15px 0 0 5px;
        padding-left:16px;
        font-size:14px;
        font-weight:bold;
		background: url(../images/customer/bul_01.gif) no-repeat 0 2px;
	}
	#cs_page div.title p.faq_search_word strong {
		color: #FF4E00;
	}

/* ------------------------------------------------------------- */

	#cs_page div.title div.notice_search {
		height: 42px;
        background : url(../images/customer/search_form.gif) no-repeat;
        margin-top: -10px;
        padding-bottom: 10px;
	}
	#cs_page div.title div.notice_search input.keyword {
		margin: 11px 0 0 115px;
		font-size: 14px;
		width: 260px;
		color: #666;
		background: transparent;
		font-weight: bold;
		border: none;
	}
	#cs_page div.title div.notice_search input.action {
		margin: 11px 0 0 7px;
		border: none;
		font-size: 14px;
		color: #fff;
		background: transparent;
		font-weight: bold;
	}
	#cs_page div.title div.notice_search input.action:hover {
		color: #E17A67;
	}

	#cs_page div.title p.notice_search_word {
        margin: 5px 0 10px 5px;
        padding-left:16px;
        font-size:14px;
        font-weight:bold;
		background: url(../images/customer/bul_01.gif) no-repeat 0 2px;
	}
	#cs_page div.title p.notice_search_word strong {
		color: #FF4E00;
	}

/* ------------------------------------------------------------- */

	#cs_page div.title ul.faq_category {
		margin-top: 12px;
		height: 28px;
	}
	#cs_page div.title ul.faq_category li {
		float: left;
		margin-right: 1px;
	}
	#cs_page div.title ul.faq_category a {
		display: block;
		height: 28px;
		text-indent: -3000px;
	}
	#cs_page div.title ul.faq_category a.join {
		width: 111px;
		background : url(../images/customer/faq_m01.gif);
	}
	#cs_page div.title ul.faq_category li.selected a.join {
		background : url(../images/customer/faq_m01_over.gif);
	}
	#cs_page div.title ul.faq_category a.dashboard {
		width: 59px;
		background : url(../images/customer/faq_m02.gif);
	}
	#cs_page div.title ul.faq_category li.selected a.dashboard {
		background : url(../images/customer/faq_m02_over.gif);
	}
	#cs_page div.title ul.faq_category a.task {
		width: 68px;
		background : url(../images/customer/faq_m03.gif);
	}
	#cs_page div.title ul.faq_category li.selected a.task {
		background : url(../images/customer/faq_m03_over.gif);
	}
	#cs_page div.title ul.faq_category a.report {
		width: 58px;
		background : url(../images/customer/faq_m04.gif);
	}
	#cs_page div.title ul.faq_category li.selected a.report {
		background : url(../images/customer/faq_m04_over.gif);
	}
	#cs_page div.title ul.faq_category a.file {
		width: 58px;
		background : url(../images/customer/faq_m05.gif);
	}
	#cs_page div.title ul.faq_category li.selected a.file {
		background : url(../images/customer/faq_m05_over.gif);
	}
	#cs_page div.title ul.faq_category a.address {
		width: 59px;
		background : url(../images/customer/faq_m06.gif);
	}
	#cs_page div.title ul.faq_category li.selected a.address {
		background : url(../images/customer/faq_m06_over.gif);
	}
	#cs_page div.title ul.faq_category a.management {
		width: 47px;
		background : url(../images/customer/faq_m07.gif);
	}
	#cs_page div.title ul.faq_category li.selected a.management {
		background : url(../images/customer/faq_m07_over.gif);
	}
	#cs_page div.title ul.faq_category a.others {
		width: 48px;
		background : url(../images/customer/faq_m08.gif);
	}
	#cs_page div.title ul.faq_category li.selected a.others {
		background : url(../images/customer/faq_m08_over.gif);
	}
	#cs_page div.title ul.faq_category a.search {
		width: 48px;
		background : url(../images/customer/faq_m09.gif);
	}
	#cs_page div.title ul.faq_category li.selected a.search {
		background : url(../images/customer/faq_m09_over.gif);
	}

/* ------------------------------------------------------------- */

	#cs_page div.page_list {
	}
	
/* ------------------------------------------------------------- */
	
	#cs_page div.page_list table {
		width: 720px;
		border-collapse:collapse;
	}
	#cs_page div.page_list table td {
		height: 30px;
	}
	
	#cs_page div.page_list table th {
		font-size: 11px;
		height: 30px;
		color: #313131;
		text-align: center;
		background: url(../images/customer/table_thbg.gif) no-repeat right bottom;
	}

/* ------------------------------------------------------------- */

	#cs_page div.page_list table.faq {
		border-bottom: 1px solid #e8e8e8;
	}
	#cs_page div.page_list table.faq td {
		border-top: 1px solid #e8e8e8;
	}
	#cs_page div.page_list table.faq td.number {
		width: 60px;
		text-align: center;
	}
	#cs_page div.page_list table.faq td.question a {
		width: 660px;
	}
	#cs_page div.page_list table.faq td.question a {
		color: #2f2f2f;
	}
	#cs_page div.page_list table.faq tr.selected td {
		font-weight: bold;
		color: #4A6ED9;
	}
	#cs_page div.page_list table.faq tr.selected td a {
		color: #4A6ED9;
	}
	#cs_page div.page_list table.faq tr.answer td {
		border-top: none;
		background: #f5f5f5;
		vertical-align: top;
		padding-top: 5px;
		padding-bottom: 10px;
		line-height: 18px;
	}
	#cs_page div.page_list table.faq tr.answer td.number {
		font-weight: bold;
		color: #5d5d5d;
	}

/* ------------------------------------------------------------- */

	#cs_page div.page_list table.notice td {
		border-bottom: 1px solid #e8e8e8;
		text-align: center;
	}
	
	#cs_page div.page_list table.notice th.no { width: 35px; }
	#cs_page div.page_list table.notice th.title { width: 520px; }
	#cs_page div.page_list table.notice th.date { width: 90px; }
	#cs_page div.page_list table.notice th.count { 
		width: 75px; 
		background: url(../images/customer/table_thbg2.gif) no-repeat right bottom;
	}
	#cs_page div.page_list table.notice td.title {
		text-align: left;
		text-indent: 10px;
	}
	#cs_page div.page_list table.notice td.date {
		font-size: 11px;
		color: #9c9c9c;
	}
	#cs_page div.page_list table.notice td.count {
		font-size: 11px;
		color: #9c9c9c;
		text-align: right;
		padding-right: 15px;
	}

/* ------------------------------------------------------------- */

	#cs_page p.bbs_guide {
		padding: 5px 20px 15px 20px;
		font-size: 11px;
		color: #263343;
		background: url(../images/customer/notice_bg_02.gif) no-repeat left top;
	}
	#cs_page div.bbs_search {
		height: 28px;
	}
	#cs_page div.bbs_search ul {
		float: left;
	}
	#cs_page div.bbs_search ul li {
		float: left;
		margin-right: 10px;
	}
	#cs_page div.bbs_search div.form {
		float: right;
		width: 180px;height:24px;
		padding-top: 2px;
		background: url(../images/customer/search_bg.gif) no-repeat left top;
	}
	#cs_page div.bbs_search div.form input.text {
		margin-left: 25px;
		height: 15px; width: 120px;
		border: none;
	}
	#cs_page div.bbs_search div.form input.action {
		height: 15px; width: 30px;
		border: none;
		background: transparent;
	}


	#cs_page div.bbs_search p.bbs_search_word {
		float: left;
        margin: 3px 0 0 5px;
        padding-left:16px;
        font-size:14px;
        font-weight:bold;
		background: url(../images/customer/bul_01.gif) no-repeat 0 2px;
	}
	#cs_page div.title p.bbs_search_word strong {
		color: #FF4E00;
	}
	





/* ------------------------------------------------------------- */

	#cs_page div.page_list table.bbs {
		border-bottom: 1px solid #e8e8e8;
	}
	#cs_page div.page_list table.bbs td {
		border-top: 1px solid #e8e8e8;
		text-align: center;
	}
	#cs_page div.page_list table.bbs tr.first_line td {
		border-top: none;
	}
	#cs_page div.page_list table.bbs tr.reply td {
		border-top: none;
		height: 22px;
		vertical-align: top;
	}
	#cs_page div.page_list table.bbs th.no { width: 35px; }
	#cs_page div.page_list table.bbs th.title { width: 460px; }
	#cs_page div.page_list table.bbs th.writer { width: 80px; }
	#cs_page div.page_list table.bbs th.date { width: 80px; }
	#cs_page div.page_list table.bbs th.count { 
		width: 65px; 
		background: url(../images/customer/table_thbg2.gif) no-repeat right bottom;
	}
	#cs_page div.page_list table.bbs td.title {
		text-align: left;
		text-indent: 10px;
	}
	#cs_page div.page_list table.bbs td.title p {
		padding-left: 40px;
		padding-top: 1px;
		height: 17px;
	}
	#cs_page div.page_list table.bbs td.title p.ing {
		color: #00B9A1;
		background: url(../images/customer/icon_08.gif) no-repeat;
	}
	#cs_page div.page_list table.bbs td.title p.done {
		color: #FE9043;
		background: url(../images/customer/icon_05.gif) no-repeat;
	}
	#cs_page div.page_list table.bbs td.title p.reject {
		color: #FE9043;
		background: url(../images/customer/icon_04.gif) no-repeat;
	}

	#cs_page div.page_list table.bbs td.title_private {
		text-align: left;
		text-indent: 10px;
		color: #9c9c9c;
	}
	#cs_page div.page_list table.bbs td.del {
		text-align: left;
		text-indent: 10px;
		color: #9c9c9c;
	}
	#cs_page div.page_list table.bbs td.writer {
		font-size: 11px;
		color: #9c9c9c;
	}
	#cs_page div.page_list table.bbs td.date {
		font-size: 11px;
		color: #9c9c9c;
	}
	#cs_page div.page_list table.bbs td.count {
		font-size: 11px;
		color: #9c9c9c;
		text-align: right;
		padding-right: 15px;
	}

/*
	#cs_page #cs_user_suggest div.page_action {
		margin-top: -20px;
	}
*/

/* ------------------------------------------------------------- */

	#cs_page div.page_read div.subject {
		height: 30px;
		background: transparent url(../images/customer/table_thbg2.gif) repeat-x right bottom;
	}
	#cs_page div.page_read div.subject h4 {
		float: left;
		display: inline;
		padding-top: 7px;
		margin-left: 7px;
		color: black;
	}
	#cs_page div.page_read div.subject ul {
		float: right;
		margin-top: 7px;
		display: inline;
		color: black;
	}
	#cs_page div.page_read div.subject ul li {
		float: left;
		margin-right: 5px;
		color: #B3B3B3;
		font-size: 11px;
	}
	#cs_page div.page_read div.subject ul li a {
		color: #636363;
	}

	#cs_page div.page_read div.spec {
		margin: 7px 7px 0 0;
	}
	#cs_page div.page_read div.spec p {
		text-align: right;
		font-size: 11px;
		color: #9B9B9B;
	}
	#cs_page div.page_read div.spec p span {
		margin-left: 5px;
	}

	#cs_page div.page_read div.data {
		margin-top: 10px;
	}
	#cs_page div.page_read div.data div.file {
		margin-top: 15px;
	}
	#cs_page div.page_read div.data div.file a {
		display: block;
		margin-top: 3px;
		padding-left: 15px;
		background: url(../images/icon_file.gif) no-repeat left 1px;
		color: #09f;
	}
	#cs_page div.page_read div.data p.answer_type {
		margin-top: 15px;
		padding-bottom: 15px;
		color: #E86D0D;
		font-weight: bold;
	}
	#cs_page div.page_read div.action {
		border-top: 1px solid #e8e8e8;
		padding-top: 10px;
		font-size: 11px;
	}
	#cs_page div.page_read div.action a {
		color: #636363;
		margin-right: 5px;
	}		
	#cs_page div.page_read div.action span {
		margin-right: 5px;
		color: #B3B3B3;
	}

/* ------------------------------------------------------------- */

	#cs_page div.page_data {
		background: url(../images/front_main/body_body.gif) repeat-y 0 0;
	}
	#cs_page div.page_data div.top {
		height: 14px;
		background: url(../images/front_main/body_top.gif) repeat-y 0 0;
	}
	#cs_page div.page_data div.bottom {
		height: 14px;
		background: url(../images/front_main/body_bottom.gif) repeat-y 0 0;
	}

/* ------------------------------------------------------------- */

	#cs_page table.update {
		width: 655px;
		margin: 20px 0px 0px 44px;
		padding-bottom: 5px;
	}
	#cs_page table.update th {
		width: 73px;
		vertical-align: top;
		color: #5f5f5f;
	}
	#cs_page table.update td {
		padding-bottom: 15px;
	}
	#cs_page table.update span.input_guide {
		margin-left: 5px;
		font-size: 11px;
		color: #8c8c8c;
		letter-spacing: -1px;
	}
	#cs_page table.update p {
		padding-top: 5px;
		font-size: 11px;
		color: #8c8c8c;
		letter-spacing: -1px;
		line-height: 16px;
	}
	#cs_page table.update input.text {
		border: none;
		width: 228px;
		font-weight: bold;
		border-bottom: 1px solid #b4b4b4;
	}
	#cs_page table.update div.phone_number {
		float: left;
		padding-bottom: 10px;
	}
	#cs_page table.update select.phone_group {
		width: 48px;
	}
	#cs_page table.update input.phone {
		width: 48px;
	}

	#cs_page table.update a.hp_confirm {
		display: block;
		margin-left: 190px;
		text-indent: -3000px;
		width: 55px; height: 19px;
		background: url(../images/customer/page2_02.gif) no-repeat;
	}

/* ------------------------------------------------------------- */

	#cs_page table.update div.hp_confirm {
		clear: left;
		width: 470px;
		background: #D5F0FD;
		padding-top: 5px;
		margin-bottom: 5px;
	}
	#cs_page table.update div.hp_confirm div.bottom {
		height: 10px;
		background: #D5F0FD;
	}

	#cs_page table.update div.hp_confirm p {
		margin-left: 10px;
	}
	#cs_page table.update div.hp_confirm p.error {
		color: #FF9900;
		padding-left: 20px;
		background: url(../images/customer/alert_error.gif) no-repeat left 3px;
	}
	#cs_page table.update div.hp_confirm input.phone {
		border: none;
		margin-left: 10px;
		width: 177px;
		color: #2c86ff;
		font-weight: bold;
		border-bottom: 1px solid #b4b4b4;
		background: transparent;
	}
	#cs_page table.update div.hp_confirm input.confirm {
		border: none;
		text-indent: -3000px;
		width: 55px;
		height: 19px;
		background: url(../images/customer/confirm.gif) no-repeat;
	}

/* ------------------------------------------------------------- */

	#cs_page table.update a.change {
		display: block;
		text-indent: -3000px;
		height: 19px; width: 55px;
		margin-bottom: 10px;
		background: url(../images/customer/page2_03.gif) no-repeat; 
	}

	#cs_page table.update div.password {
		width: 470px;
		background: #D5F0FD;
		padding-top: 0px;
		margin-bottom: 5px;
	}
	#cs_page table.update div.password div.bottom {
		height: 10px;
		background: #D5F0FD;
	}

	#cs_page table.update div.password input {
		margin-left: 10px;
		margin-top: 10px;
		color: #2c86ff;
		border: none;
		width: 228px;
		font-weight: bold;
		border-bottom: 1px solid #b4b4b4;
		background: transparent;
	}
	#cs_page table.update div.password p.error {
		margin-top: 5px;
		margin-left: 10px;
		color: #FF9900;
		padding-left: 20px;
		background: url(../images/customer/alert_error.gif) no-repeat left 3px;
	}

/* ------------------------------------------------------------- */

	#cs_page div.page_data p.guide {
		margin: 20px 0px 0px 90px;
		padding-top: 5px;
		padding-left: 20px;
		height: 24px;
		color: #263343;
		background : url(../images/customer/page5_02.gif) no-repeat;
	}
	
	#cs_page div.help_comment {
		margin: 40px 80px 90px 80px;
	}

	#cs_page div.help_comment {
		margin: 40px 80px 70px 80px;
	}

	#cs_page div.help_comment p {
		letter-spacing: -1px;
		margin-bottom: 15px;
	}



/* ------------------------------------------------------------- */

	#cs_page table.form {
		margin: 50px 0 90px 90px;
	}
	#cs_page table.form th {
		height: 30px;
		width: 70px;
		color: #5d5d5d;
	}
	#cs_page table.form input.text {
		border: none;
		width: 450px;
		border-bottom:1px solid #b4b4b4;
	}

/* ------------------------------------------------------------- */

	#cs_page table.bbs_form {
		margin: 20px 0 30px 30px;
	}
	#cs_page table.bbs_form th {
		height: 30px;
		width: 70px;
		color: #5d5d5d;
	}
	#cs_page table.bbs_form select {
		width: 80px;
	}
	#cs_page table.bbs_form input.text {
		border: none;
		width: 360px;
		margin-left: 5px; margin-right: 5px;
		border-bottom:1px solid #b4b4b4;
	}
	#cs_page table.bbs_form input.passwd {
		border: none;
		width: 120px;
		margin-left: 5px; margin-right: 5px;
		border-bottom:1px solid #b4b4b4;
	}
	#cs_page table.bbs_form span.input_guide {
		margin-left: 5px;
		font-size: 11px;
		color: #8c8c8c;
		letter-spacing: -1px;
	}
	#cs_page table.bbs_form div.editor {
		padding-bottom: 10px;
	}

/* ------------------------------------------------------------- */
		
	#cs_page div.page_action {
		margin-top: 15px;
	}
	#cs_page div.page_action a {
		display:block;
		text-indent:-3000px;
		height: 24px;
	}
	#cs_page div.page_action a.update {
		margin-left: 280px;
		width: 100px;
		background: url(../images/customer/page2_04.gif) no-repeat; 
    }
	#cs_page div.page_action a.secede {
		margin-left: 280px;
		width: 100px;
		background: url(../images/customer/btn_secede.gif) no-repeat; 
    }
	#cs_page div.page_action a.ok {
		margin-left: 290px;
		width: 80px;
		background: url(../images/customer/btn_ok.gif) no-repeat; 
    }
	#cs_page div.page_action a.write {
		margin-left: 640px;
		margin-top: -30px;
		width: 77px;
		background: url(../images/customer/button_01.gif) no-repeat; 
    }
	#cs_page div.page_action a.register {
		float: left;
		margin-left: 270px;
		width: 60px;
		background: url(../images/customer/btn_01.gif) no-repeat; 
    }
	#cs_page div.page_action a.cancel {
		margin-left: 340px;
		width: 60px;
		background: url(../images/customer/btn_03.gif) no-repeat; 
    }

/* ------------------------------------------------------------- */

	#cs_page div.page_nav {
		margin-top: 15px;
		text-align: center;
		letter-spacing: 1px;
	}
	#cs_page div.page_nav a {
		color: #616161;
	}
	#cs_page div.page_nav span.current  {
		color: #CB6F7E;
		font-weight: bold;
		font-size: 14px;
	}


/* ------------------------------------------------------------- */

div.t_footer {clear: both; padding:10px 0; background:#F0F0F0;}
div.t_footer ul {width:400px; height:20px; margin:0 auto;}
div.t_footer ul li {float:left; padding:0 10px; border-right:1px solid #999}
div.t_footer ul li.important {font-weight:bold}
div.t_footer ul li.last {border:none}
div.t_footer ul a {color:#999}
div.t_footer p {line-height:100%; text-align:center; color:#999; padding-right:20px;}


	#f_footer {
		margin: 23px auto;
		width: 980px;
	}
	#f_footer ul.f_list {
		margin-left: 290px;
		height: 19px;
	}
	#f_footer ul.f_list li {
		float: left;
		font-size: 11px;
		color: #949494;
	}
	#f_footer ul.f_list a {
		padding-left: 11px;
		padding-right: 11px;
	}
	#f_footer p.copyright {
		clear: left;
		color: #a1a1a1;
		font-size: 11px;
		text-align: center;
	}
	#f_footer p.copyright a {
		color: #a1a1a1;
	}
	#f_footer p.copyright span.daou {
		color: #f58972;
	}



/* login_newpage ------------------------------------------------------------- */
	#login_newpage {
		width: 980px;
		margin: 50px auto;
	}
	#login_newpage div.login_newpage_wrap {
		width: 340px;
		margin: 0px auto;						
	}

		div.login_logo h1.twincamp_logo a {
			display: block;
			margin-left: 10px;
			margin-bottom: 1px;
			width: 256px; height: 50px;
			text-indent: -3000px;
			background: url(../images/front_main/logo_newpage.gif) no-repeat;	
		}	
		div.login_top2 {
			padding-top: 11px;
			height: 29px;			
			background: url(../images/front_main/pop_login_top2.gif) no-repeat;
		}
			div.login_top2 h2 {
				float: left;
				text-indent: -3000px;
			}
			div.login_top2 a.close {
				display: block;
				margin-left: 315px;
				text-indent: -3000px;
				width: 20px; height: 19px;
				background: url(../images/front_main/btn_close.gif) no-repeat;
			}		
	
	
/*-----------------------------------------------------------*/
	#login_pop {
		width: 340px;	
	}


		div.login_top {
			padding-top: 11px;
			height: 29px;			
			background: url(../images/front_main/pop_login_top.gif) no-repeat;
		}
	
		div.login_body {
			height:167px;
			background: url(../images/front_main/pop_login_body.gif) no-repeat;
		}
			div.login_top h2 {
				float: left;
				text-indent: -3000px;
			}
			div.login_top a.close {
				display: block;
				margin-left: 315px;
				text-indent: -3000px;
				width: 20px; height: 19px;
				background: url(../images/front_main/btn_close.gif) no-repeat;
			}		
		
		
			div.login_body div.form {
				padding-top: 30px;
				padding-left: 40px;
			}
		
			div.login_body div.form p.id {
				padding-left: 58px;
				height: 35px;
				background: url(../images/front_main/pop_login_email.gif) no-repeat;
			}
			div.login_body div.form p.pw {
				margin-top: 0px;
				height: 35px;
				padding-left: 38px;
				background: url(../images/front_main/pop_login_pw.gif) no-repeat;
			}
			div.login_body div.form p.id input.id {
				float: left;
				margin-top: 8px;
				font-size: 14px; font-weight: bold;
				width: 145px; height: 20px;
				line-height: 20px;
				background: transparent;
				border: none;
			}
			div.login_body div.form p.pw input.password {
				float: left;
				margin-top: 7px;
				font-size: 14px;
				width: 165px; height: 20px;
				line-height: 20px;
				background: transparent;
				border: none;
			}
			div.login_body div.form p.id label {
				float: left;
				margin-top: 10px !important;
				margin-top: 7px;
				margin-left: 15px !important;
				margin-left: 11px;
				font-size: 11px;
				width: 50px;
			}
			div.login_body div.form p.id input.id_check {
				margin-right: 4px !important;
				margin-right: 0px;
			}
			
			div.login_body div.form p.pw input.enter {
				float: left;
				margin-left: 15px;
				margin-top: 8px;
				width: 44px; height: 21px;
				background: url(../images/front_main/btn_login.gif) no-repeat;
				text-indent: -3000px;
				border: none;
			}
			
				div.login_body div.form div.signup_find_pw {
					margin-top: 7px;
					margin-left: 137px;
				}
				div.login_body div.form div.signup_find_pw a {
					margin-right: 10px;
					font-size: 11px;
				}

			#login_newpage div.login_body div.login_error p {
				font-size: 11px;
				height: 15px;
				color: #6c6c6c;
				padding-left: 20px;
				margin-top: 10px;
				margin-left: 70px;
				background: url(../images/front_main/icon_error2.gif) no-repeat;
			}




/* intro_error ------------------------------------------------------------- */

	div.error_logo h1.twincamp_logo a {
		display: block;
		text-indent: -3000px;
		width: 256px; height: 50px;
		margin: 0 auto;
		background: url(../images/front_main/logo_error.gif) no-repeat;	
	}

	div.error_form {
		width: 400px;
		margin: 0 auto;
		text-align: center;
	}
	
		div.error_form div.box_top {
			height:12px;
			font-size: 1px;
			background: url(../images/front_main/box_error_top.gif) no-repeat;
		}
	
		div.error_form div.box_body {
			padding: 20px 0px 30px 0px;
			height: 100%;
			background: url(../images/front_main/box_error_body.gif) no-repeat 0 bottom;
		}
		
			div.error_form div.box_body p {
				font-size: 14px;
				line-height: 22px;
				text-align: center;
			}
				div.error_form div.box_body p.text_main {
					margin-top: 10px;
				}
				div.error_form div.box_body p.text_key {
					color: #f63;
				}
				div.error_form div.box_body p.text_sub {
					font-size: 14px;
					line-height: 22px;
				}
				div.error_form div.box_body p.text_sub2 {
					font-size: 11px;
					line-height: 25px;
					color: #959494;
					margin-top: 0px;
					letter-spacing:-1px;
				}
				div.error_form div.box_body p.text_bullet {
					color: #3399cc;
					font-size: 12px;
					font-weight: bold;
					text-align: left;
					padding-left: 12px;
					background: url(../images/front_main/bul_06.gif) no-repeat 0 4px;	
				}
				div.error_form div.box_body p.text_question {
					color: #ed5f15;
					font-size: 16px;
					font-weight: bold;
					margin-top: 20px;
				}
		div.error_form div.box_body a.go_tc_main {
			display: block;
			text-indent: -3000px;
			width: 135px; height: 29px;
			margin: 50px auto 0px auto;
			background: url(../images/front_main/btn_go_tc.gif) no-repeat 0 bottom;
		}
		div.error_form div.box_body div.mail_not_btn {
			margin-top: 30px;
			height: 40px;
		}
			div.error_form div.box_body div.mail_not_btn a {
				display: inline;
				float: left;
				text-indent: -3000px;
    			width: 135px; height: 29px;
			}
			div.error_form div.box_body div.mail_not_btn a.mail_not {
				margin-left: 55px;
    			background: url(../images/front_main/mail_not.gif) no-repeat;
    		}
    		div.error_form div.box_body div.mail_not_btn a.go_tc_main2 {
    			margin-left: 20px;
    			background: url(../images/front_main/btn_go_tc.gif) no-repeat;
    		}
#t_error {
	margin: 50px auto 50px auto;
	width: 980px;		
}


#t_error div.error_form div.box_body p.text_bullet {
	margin-top: 20px;
	margin-left: 100px;
}

/* newpage_download ------------------------------------------------------------- */

	div.newpage_logo {
		height: 40px;
	}
	div.newpage_logo h1.twincamp_logo a {
		float: left;
		margin-left: 10px;
		text-indent: -3000px;
		width: 164px; height: 28px;
		background: url(../images/front_main/logo_tc.gif) no-repeat;	
	}
	div.newpage_logo p {
		text-indent: -3000px;
		height: 20px;
		background: url(../images/front_main/title_download.gif) no-repeat;
	}

	div.newpage_form {
		width: 534px;
		margin: 0 auto;
		text-align: center;
	}
	
		div.newpage_form div.box_top {
			padding-top: 10px;
			padding-bottom: 5px;
			background: url(../images/front_main/down_box_top.gif) no-repeat 0 top;
		}
	
		div.newpage_form div.box_body {
			padding: 20px 0px 30px 0px;
			height: 100%;
			background: url(../images/front_main/down_box_body.gif) no-repeat 0 bottom;
		}
			div.newpage_form div.box_top p {
				margin: 0px 15px;
				text-align: left;
				font-size: 11px;
				white-space: normal;
			}
				div.newpage_form div.box_top p.text_file_url {
					color: #fff;	
				}
				div.newpage_form div.box_top p span.text_title {
					font-weight: bold;
					color: #99ffff;
				}
		
			div.newpage_form div.box_body p {
				font-size: 12px;
				line-height: 18px;
				color: #333;
				text-align: center;
			}
				div.newpage_form div.box_body p.text_file_name {
					font-size: 14px;
					margin-top: 10px;
				}
				div.newpage_form div.box_body p span.text_file_size {
					color: #999;
				}
				div.newpage_form div.box_body p.text_sub {
					font-size: 12px;
					line-height: 18px;
					margin-top: 20px;
				}
			
		div.newpage_form div.box_body a.go_tc_main {
			display: block;
			text-indent: -3000px;
			width: 135px; height: 29px;
			margin: 50px auto 0px auto;
			background: url(../images/front_main/btn_download.gif) no-repeat 0 bottom;
		}
	
#t_newpage {
	margin: 50px auto 100px auto;
	width: 980px;		
}
#t_newpage div.newpage_logo_wrap {
	margin: 0px auto;
	width: 534px;	
}


/*----------------------------------*/
#tsub_home_2 {
	position: relative;
	margin: 50px auto 0px auto;
	width: 680px; 
}
	
div.sub_intro {width: 620px; height: 150px;margin-left: 50px;background: url(../images/front_main/img_intro.gif) no-repeat 350px top;}
div.sub_intro p.intro {text-indent: -3000px; height: 100px; background: url(../images/front_main/text_title.gif) no-repeat left top;}

div.initial_intro {width: 660px; margin: 0 0px 20px 20px; }
div.initial_intro p.intro {text-indent:-3000px; width:441px;height:65px; background:url(../images/front_main/open_top.gif) no-repeat;}
div.initial_intro div.camp_ver {height:265px}
div.initial_intro div.camp_ver div.camp_product {float:left; height: 265px;}

div.initial_intro div.camp_product {height:265px; margin-top:10px;}
div.camp_product div.free {float:left; width:137px; height:265px;background: url(../images/front_main/camp_free_t.gif) no-repeat;}
div.camp_product div.free div.bottom {height: 21px; background: url(../images/front_main/camp_free_f.gif) no-repeat left bottom;}
div.camp_product div.personal {float:left; width:137px; height:265px;background: url(../images/front_main/camp_perso_t.gif) no-repeat;}
div.camp_product div.personal div.bottom {height: 21px; background: url(../images/front_main/camp_perso_f.gif) no-repeat left bottom;}
div.camp_product div.paid {float:left; width:370px; height:265px;background: url(../images/front_main/camp_team_t.gif) no-repeat;}
div.camp_product div.paid div.bottom {height: 21px; background: url(../images/front_main/camp_team_f.gif) no-repeat left bottom;}

div.camp_product h3.title {height:90px; text-indent:-3000px;}
div.camp_product p.text {height:75px;text-indent:-3000px;}
div.camp_product p.desc {height:80px; text-align:center; color: #5e5e5e; letter-spacing: -1px; font-size: 11px;}
div.camp_product p.desc span.type_name {font-size: 12px; color:#0f5c8c; font-weight: bold;}
div.camp_product p.desc strong {color: red; letter-spacing: 0px;}

div.camp_product div.team_type {height:80px; margin-left:15px;}
div.camp_product div.team_type p.desc {float:left; width:102px; margin-right:15px;}

	
	div.login  p.login {
		width: 68px; height: 24px;
		text-indent: -3000px;
		margin-left: 10px;
		background: url(../images/front_main/text_login.gif) no-repeat left top;
	}


div.join {
	float: right;
	margin: 15px 25px 0px 0px; display: inline;
	height: 190px; 
	padding-left: 40px;
	background: url(../images/front_main/bar_login.gif) no-repeat left top;
}
	div.join  p.join {
		width: 90px; height: 24px;
		text-indent: -3000px;
		margin-left: 5px;
		background: url(../images/front_main/text_join.gif) no-repeat left top;
	}
		div.join  p.text {
			font-size:11px;
			color: #656565;
			margin-left: 5px;
			margin-top: 10px;
		}
		div.join  p.text span {
			color: #ff1c1c; font-weight: bold;
		}

		div.join  div.form {
			margin-top: 2px;
		}
		div.join  div.form p.name {
			width: 265px; height: 35px;
			background: url(../images/front_main/join_input_name.gif) no-repeat left top;
		}
		div.join  div.form p.email {
			width: 265px; height: 35px;
			background: url(../images/front_main/join_input_email.gif) no-repeat left top;
		}
		div.join  div.form p.continue{
			margin: 10px 0px 0px 195px;
		}
		div.join  div.form label.enter input {
			display: block;
			width: 63px; height: 14px;
			text-indent: -3000px;
			border: none;
			background: url(../images/front_main/btn_continue.gif) no-repeat left top;
			cursor: hand;
		}
			div.join  div.form label.name input {
				margin-top: 8px;
				font-size: 14px; font-weight: bold;
				width: 195px; height: 24px;
				line-height: 20px;
				background: transparent;
				border: none;
				margin-left: 58px;
			}
			div.join  div.form label.email input {
				margin-top: 8px;
				font-size: 14px; font-weight: bold;
				width: 195px; height: 24px;
				line-height: 20px;
				background: transparent;
				border: none;
				margin-left: 58px;
			}

#tsub_home_2 div.login_error {
		position: absolute;
		left: 16px; top: 138px;
		z-index: 1; padding-bottom: 5px;
		width: 270px;
		background: url(../images/front_main/f_absolute_message3.gif) no-repeat left bottom;
	}
	
#tsub_home_2 div.login_error2, div.login_error3 {
	position: absolute;
	left: 16px; top: 138px;
	z-index: 1;
	width: 270px;
	background: url(../images/front_main/f_absolute_message3.gif) no-repeat;
}
#tsub_home_2 div.login_error2 p.message, div.login_error3 p.message {
	display: inline;
	float: left;
	margin: 8px 0px 0px 10px;
	padding-top: 1px;
	padding-left: 20px;
	font-size: 11px;
	color: #FFF;
	background : url(../images/front_main/icon_error.gif) no-repeat;
}
	div.login_error p.message a.confirm_mail {
	color: #134392;
	text-decoration: none;
}
#tsub_home_2 div.login_error  a.close, div.login_error a.close {
	display: block;
	margin:6px 0 0 250px;
	text-indent: -3000px;
	height: 13px; width: 14px;
	background : url(../images/front_main/btn_x.gif) no-repeat;
}
			
/* contact_ip ------------------------------------------------------------- */
#t_contact_ip {
	margin: 50px auto 100px auto;
	width: 980px;		
}

#t_contact_ip div.box_body {padding:0 0 30px 0;}
#t_contact_ip div.error_form div.box_body p.text_bullet {
	margin-top: 20px;
	margin-left: 100px;
}
#t_contact_ip div.error_form img {vertical-align:middle;margin:10px 10px 0 0;}
#t_contact_ip div.error_form span {font-size:14px; font-weight:bold;}
#t_contact_ip div.error_form p {text-align:left; margin:0 10px 0 30px;}
#t_contact_ip div.error_form p.text_main {font-size:12px;color:#f33400;}
#t_contact_ip div.error_form p.text_sub {font-size:12px;color:#4e4e4e;margin-top:-5px;}
#t_contact_ip div.error_form p.text_bottom {margin-top:7px;font-size:12px;color:#4e4e4e;line-height:14px;}
#t_contact_ip div.error_form h4.hp_regist {
	background:url(../images/front_main/title_hp_regist.gif) no-repeat;
	text-indent:-3000px; margin:15px 0 10px 30px;
}
#t_contact_ip div.hp_regist input.text {width:180px;height:17px;border:1px solid #7e9db9;color:#a5a5a5;}
#t_contact_ip div.hp_regist input.action {
	width:55px;height:19px;margin-left:15px;
	text-indent:-3000px;border:none;vertical-align:middle;
	background:url(../images/front_main/btn_hp_regist.gif) no-repeat;
}
#t_contact_ip div.form {width:277px; margin:10px 0 0 59px;#margin-left:0px;}
#t_contact_ip div.regist_form {
	#margin-left:0px;
	background:url(../images/front_main/regist_form.gif) no-repeat;
}
#t_contact_ip div.hp_regist div.regist_form input.text {margin:10px 0px;}
#t_contact_ip div.hp_regist div.regist_form input.action {
	width:55px;height:19px;margin-left:15px;
	text-indent:-3000px;border:none;vertical-align:middle;
	background:url(../images/front_main/btn_confirm.gif) no-repeat;
}
#t_contact_ip div.hp_regist div.regist_form p {
	margin-left:12px;font-size:11px;color:#6c6d6f;
	line-height:14px;letter-spacing:-1px;
}
#t_contact_ip div.hp_regist div.regist_form p span {font-size:11px;font-weight:normal;color:#f66e00;}
#t_contact_ip div.regist_form_bottom {
	width:277px;height:12px;
	background:url(../images/front_main/regist_form_bottom.gif) no-repeat;
}

