﻿@charset 'utf-8';
@import url("content.css");

/* Layout */
body {
	margin:0;
	padding:0;
}

img {
	border:0;
}

/*h1, h2, h3 {
	display:none;
}

hr.hidden {
	display:none;
}*/

/* 공통요소 */
#diy_join_Wrap input.radio, #diy_write_Wrap .tbwrite input.radio, input.checkbox
{
	border:0;
	vertical-align:middle;
}

#diy_join_Wrap input[type=radio], #diy_write_Wrap input[type=radio] {
	border:0;
	background-color:transparent;
}
#diy_join_Wrap input[type=checkbox], #diy_write_Wrap input[type=checkbox] {
	width:13px;
	height:13px;
	border:0;
	background-color:transparent;
}
#diy_join_Wrap input[type=image], #diy_write_Wrap input[type=image] {
	border:0;
	background-color:transparent;
}
#diy_join_Wrap input, #diy_write_Wrap input {
	font-family: "Dotum",  "Arial"; 
	color:#3c3c3c;
}
#diy_join_Wrap input.chk, input.rdo, #diy_write_Wrap input.chk, input.rdo {
	border:0;
	width:14px;
	height:14px;
	background-color:transparent;
}

#diy_join_Wrap .write select, #diy_list_Wrap .search select, #diy_write_Wrap .tbwrite table tbody tr td select
{
	font-family: "Dotum",  "Arial";
	font-size: 12px;
	height:auto;
	margin:0;
	padding:0;
	color:#3c3c3c;
	vertical-align:middle;
}

#Login_Wrap input.input_text, #diy_join_Wrap input.input_text, #diy_list_Wrap input.input_text, #diy_write_Wrap .tbwrite table tbody tr td .input_text
{
	border:1px solid #bebebe;
	font-size:12px;
	height:14px;
	line-height:1em;
	padding-top:3px;
	vertical-align:middle;
	margin:0 0 0 0;
}

/* 공통요소 끝 */

/* 로그인 영역 */

#Login_Wrap {
	width: 736px;
	margin: 0 auto;
	padding: 0;
	border:2px solid #003b77;
}

#Login_Wrap .tit {
	float:left;
	margin:0;
	padding:5px 0 0 20px;
}

#Login_Wrap .close {
	float:right;
	margin:0;
	padding:10px 20px 0 0;
}

#Login_Wrap .login_box {
	clear:both;
	width:736px;
	margin:0;
	padding:0;
}

#Login_Wrap .login_box .top {
	width:720px;
	margin:0 0 0 20px;
	padding:0;
	height:10px;
	background:url(Images/login_box_top.gif) no-repeat;
}

*html #Login_Wrap .login_box .top {
	font-size:0;
	width:720px;
	margin:0 0 0 20px;
	padding:0;
	height:10px;
	background:url(Images/login_box_top.gif) no-repeat;
}

#Login_Wrap .login_box .middle {
	margin:0;
	padding:0;
	background:url(Images/login_box_middle.gif) repeat-y 20px 0;
}

.visual {
	width:700px;
	height:97px;
	margin:0;
	padding:0 0 0 20px;
	text-align:center;
	background:url(Images/login_box_middle.gif) repeat-y 20px 0;
}

.login_tit {
	height:22px;
	font-size:12px;
	font-weight:bold;
	color:#444;
	background:url(Images/login_bg_01.gif) no-repeat 20px 0;
	padding:8px 0 0 65px;
	margin:0;
}

#login {
	width:740px;
	height:165px;
	margin:0;
	padding:0;
	background:url(Images/login_box_middle.gif) repeat-y 20px 0;
}

#login .login_box_01 {
	width:369px;
	float:left;
	margin:0 0 0 20px;
	padding:0 0 0 15px;
	border-left:1px #dedede solid;
}

*html #login .login_box_01 {
	width:349px;
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 40px;
	border-left:1px #dedede solid;
}

#login .login_box_01 .id_save{
	clear:both;
	padding:0 0 0 92px;
	margin:0;
}

*html #login .login_box_01 .id_save{
	clear:both;
	padding:0 0 0 67px;
	margin:0;
}

#login .login_box_01 .input_info {
	display:inline;
	float:left;
	width:255px;
	margin:0;
	padding:0;
}

*:first-child+html #login .login_box_01 .input_info {
	display:inline;
	float:left;
	width:235px;
	margin:0;
	padding:0;
}


*html #login .login_box_01 .input_info {
	display:inline;
	float:left;
	width:220px;
	margin:0 0 0 -10px;
	padding:0;
}

.input_info .id {
	font-weight:bold;
	height:25px;
	color:#444;
	background:url(Images/bul_gray_01.gif) no-repeat 0 5px;
	padding:0 0 0 18px;
	margin:0 10px 0 10px;
}

*html .input_info .id {
	font-weight:bold;
	height:25px;
	color:#444;
	background:url(Images/bul_gray_01.gif) no-repeat 0 5px;
	padding:0 0 0 -10px;
	margin:0;
}

.input_info .pw {
	font-weight:bold;
	height:25px;
	color:#444;
	background:url(Images/bul_gray_01.gif) no-repeat 0 5px;
	padding:0 0 0 20px;
	margin:0 15px 0 10px;
}


*html .input_info .pw {
	font-weight:bold;
	height:25px;
	color:#444;
	background:url(Images/bul_gray_01.gif) no-repeat 0 5px;
	padding:0 0 0 -10px;
	margin:0;
}

.input_btn {
	float:left;
	width:110px;
	height:50px;
	margin:0;
	padding:0;
}

#login .login_box_02 {
	width:300px;
	float:left;
	margin:0 20px 0 0;
	padding:0;
	border-left:1px #dedede solid;
}

*html #login .login_box_02 {
	width:260px;
	float:left;
	margin:0 10px 0 0;
	padding:0 20px 0 0;
	border-left:1px #dedede solid;
}

#Login_Wrap .login_box .bottom {
	margin:0;
	padding:0;
	width:740px;
	height:20px;
	background:url(Images/login_box_bottom.gif) no-repeat 20px 0;
}

#Login_Wrap .footer {
	font-family: "dotum", Sans-serif;
	font-size:12px;
	text-align:center;
	height:30px;
	margin:0;
	padding:10px 0 0 0;
}

/* DIYHOMESHOW 참가 신청*/

#diy_join_Wrap {
	width: 660px;
	margin: 0;
	padding: 0;
}

/* DIYHOMESHOW 도전하기*/
#diy_write_Wrap {
	width:660px;
	margin:0;
	padding:0;
}

/* DIYHOMESHOW 리스트*/
#diy_list_Wrap {
	width:660px;
	margin:0;
	padding:0;
}