﻿@charset "utf-8";
/* CSS Document */

article {border:1px solid #dedfe0; box-sizing:border-box; box-shadow:1px 1px 4px #656d7d; color:#444; background:#fff;}
	article header {width:auto;}
	article .titlebox {padding:45px 45px 20px;  font-size:12px; } 
		.titlebox ul:last-child {padding-top:20px;}
		.titlebox ul li {display:inline-block; *float: left;}
		.titlebox ul li.title {font-size:30px; font-weight:600;}
		.titlebox ul li.subtitle {font-size:14px; padding-left:10px;}
			.titlebox ul li.position a {color:#385dd3;}
			
	article .menubox {width:100%;  background:#eee; overflow:hidden; font-size:14px; border-top:1px solid #cdccd3;}
		.menubox li {float:left; text-align:center; background:url(../img/sub/title_line.png) no-repeat right;}
		.menubox li:last-child {background:none;}
			.menubox li a {padding:10px; display:block;}
			.menu_choice a {background:#385dd3; color:#fff; font-weight:600;}
			#menubox01 li {width:20%;}
			#menubox03 li {width:33.3%;}
		
	article .conbox {padding:60px 60px 100px; border-top:1px solid #cdccd3; }
	
	
	
/*회원가입index (conbox02)*/
	#conbox02 .contents {text-align:center;}
	#joinbox {display:inline-block; *float: left;}
		#joinbox li {width:190px; height:230px; border:1px solid #ccc; box-sizing:border-box; display:inline-block; text-align:center; margin:0 30px; *float: left;}
		#joinbox li img {margin:40px 0 20px 0;}
		#joinbox li a {width:150px; height:27px; padding-top:13px; display:inline-block; background:#385dd3; color:#fff; font-size:13px; font-weight:600; *float: left;}


/*회원가입_내용*/
	/*서비스 약관*/
		.service {margin-bottom:40px;}
			.join_title {font-weight:600; font-size:14px; margin-bottom:15px;}
			.service_con {width:780px; height:180px; border:1px solid #cdccd3; padding:15px; font-size:13px; overflow-y:scroll; line-height:140%; color:#777;}
				.service_con .service_tit {padding:5px 10px;}
				.service_con p {padding:3px 20px;}
			
			.agreement {text-align:right; font-size:13px; padding:10px; color:#777;}
				.agreement input {border:1px solid #cdccd3;}
	/*회원정보*/
		.red_text {color:#ff0000; font-weight:600; font-size:13px; margin-bottom:10px;}
		table.board_info {width:100%; font-size:13px;}
			table.board_info th, table.board_info td {border-bottom:1px solid #ddd;}
			table.board_info .board_last td, table.board_info .board_last th {border-bottom:0;}
			table.board_info th {text-align:left; background:#eee; font-weight:normal; font-size:13px;}
			table.board_info td {padding:5px 20px;}
				table.board_info .board_title {border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; padding-left:30px; font-weight:600;}
				table.board_info .red_text {background:#eee; padding:10px; margin:0;}
				table.board_info input {padding:2px; border:1px solid #ddd;}
				table.board_info select {font-size:11px; color:#444; padding:2px; border:1px solid #eee;}
			
	/*부가설명*/
			.explan {color:#aaa; margin-left:10px;}
			.confirm_btn {padding:3px 10px; background:#444; color:#fff; font-size:12px; margin-left:15px;}
	/*취소,저장,변경,회원가입 버튼*/
			.form_btn {display:block; margin:30px 0 0 0 ; text-align:center;}
				.form_btn ul {display:inline-block; margin:0 auto;  *float: left;}
					.form_btn li {display:inline-block; margin:0 25px;  *float: left;}
						.form_btn li a {display:block; width:110px; height:24px; padding-top:6px;}
					.btn_cancle a {background:#eee; border:1px solid #bcbcbc; color:#555;}
					.save_btn a, .join_btn a, .change_btn a {background:#385dd3; border:1px solid #385dd3; color:#fff; font-weight:600;}
		
	/*비밀번호 변경*/
		#board_pw {border-top:1px solid #bcbcbc;}
				
				
	
/*아이디/비밀번호찾기 (conbox03)*/
	#conbox03 .contents {text-align:center; overflow:hidden; padding:0 10px;}
	#conbox03 .contents #idbox {float:left;}
	#conbox03 .contents #pwbox {float:right;}
	
	.id_pw_box {width:380px; height:305px; display:inline-block; border:1px solid #ccc; border-top:2px solid #385dd3; box-sizing:border-box; display:inline-block; text-align:center;  *float: left;}
	.id_pw_box img {margin:30px 0 15px 0;}
	.id_pw_box ul {width:260px; margin:0 auto; font-size:14px;}
		.id_pw_box ul li {display:block; overflow:hidden; margin:5px 0;}
		.id_pw_box ul li .id_ps_tit {width:100px; text-align:left; display:block; float:left; padding:5px; font-weight:600;}
		.id_pw_box ul li input {float:right; padding:5px; border:1px solid #ddd;}
	.id_pw_box a {padding:5px 60px; margin-top:15px; display:inline-block; background:#385dd3; color:#fff; font-size:14px; font-weight:600;  *float: left;}
		
	
/*로그인 (conbox04)*/
	#conbox04 .contents {text-align:center; overflow:hidden; padding:0 10px;}
	
	.login_box {width:520px; height:305px; display:inline-block; border:1px solid #ccc; border-top:2px solid #385dd3; box-sizing:border-box; display:inline-block; text-align:center;  *float: left;}
	.login_box img {margin-top:30px;}
	
	.login_box .login {overflow:hidden; padding:0 70px;}
		.login_box ul {width:260px; margin:0 auto; font-size:14px; float:left;}
			.login_box ul li {display:block; overflow:hidden; margin:5px 0;}
			.login_box ul li .id_ps_tit {width:100px; text-align:left; display:block; float:left; padding:5px; font-weight:600;}
			.login_box ul li input {float:right; padding:5px; border:1px solid #ddd;}
		.login_box a {padding:30px; display:inline-block; background:#385dd3; color:#fff; font-size:14px; float:right; font-weight:600;  *float: left;}
		
	.login_box .login_util {width:100%; margin-top:20px;}
	.login_box .login_util li {display:inline-block; color:#888;  *float: left;}
	.login_box .login_util li a {background:none; padding:2px 10px; color:#888; font-weight:normal; font-size:12px; float:left;}
	
	
/*사이트맵 (conbox05)*/
	#conbox05 .contents {overflow:hidden;}
	.sitemap_box {width:23.5%; float:left; margin:0 5px; }
		.sitemap_tit1  { width:100%; padding:10px 0; text-align:center; border:1px solid #385dd3; background:#385dd3; font-size:18px; font-weight:600; color:#fff;}
		.sitemap_tit2  { width:100%; padding:10px 0; text-align:center; border:1px solid #385dd3; font-size:18px; font-weight:600; color:#385dd3;}
		.sitemap_box ul {margin-top:15px; padding-left:20px;}
			.sitemap_box ul li {border-bottom:1px dotted #cdccd3; padding:10px 0; font-size:14px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	