@charset "utf-8";
textarea {resize:none}

/*
1. /img/skin/ 폴더에 logo.png 저장

2. 컨셉색상 입력

조금연한색 #4d4338
조금진한색 #372f26
*/

/* 공통버튼 */
.um_btnc {background:#4d4338 !important}

/* 로그인 */
#u_lgBox {width:520px; margin:0 auto}
	.u_lg_logo {width:250px; margin:0 auto; padding:60px 0 40px 0}
		.u_lg_logo img {width:100%}
	.u_lg_id {width:518px; height:64px; background:#FFF; border:1px solid #d6d6d6; margin-bottom:6px}
	.u_lg_pw {width:518px; height:64px; background:#FFF; border:1px solid #d6d6d6}
		.u_lg_input {margin:10px 0 0 30px; width:453px; height:38px; background:#FFF; border:0 none; outline-style:none; font-size:20px}
	.u_lg_btn {margin-top:15px; background:#4d4338}
		.u_lg_submit {width:100%; height:74px; background:url('/img/skin/lg_btn.png') center no-repeat; border:1px solid #372f26; cursor:pointer}
		.u_lg_btn:hover {background:#372f26}
	.u_lg_type {overflow:hidden; margin-top:15px}
		.u_lg_type > div {position:relative; width:49%; height:52px; color:#FFF; font-size:14px; border-radius:4px; cursor:pointer}
		.u_login_naver {float:left; background:#25cc08}
		.u_login_facebook {float:right; background:#5781d7}
		.u_lg_type > div > em {position:absolute; left:72px; top:15px}
			.u_lg_type > div > span {display:inline-block; width:55px; height:50px; margin-top:1px}
			.u_logo_naver {background:url('/img/skin/logo_naver.gif') center no-repeat; border-right:1px solid #21b807}
			.u_logo_facebook {background:url('/img/skin/logo_facebook.gif') center no-repeat; border-right:1px solid #4e74c1}
	.u_lg_op {overflow:hidden; font-family:Dotum; color:#979797; margin-top:20px}
	.u_lg_op a {font-family:Dotum; color:#979797}
	.u_lg_op a:hover {color:#666; text-decoration:none}
		.u_lg_l {float:left}
		.u_lg_r {float:right}
	.u_lg_foot {border-top:1px solid #c5c5c5; text-align:center; color:#999; margin-top:70px; padding:20px 0}
		.u_lg_foot_logo {width:60px; opacity:0.5; filter:alpha(opacity=50)}

	/* 로그인 쇼핑몰 적용*/
	#u_lg_notmb {margin-top:25px}
		.u_lg_notmb_t {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #d6d6d6;color:#888; line-height:150%}
		.u_lg_notmb_t b {display:inline-block; margin-right:10px; color:#222; font-size:14px}
		#guest_privacy {padding:20px; border:1px solid #d6d6d6; background:#FFF; height:120px; margin-bottom:8px; overflow-y:scroll}
		.u_lg_notmb_btn {overflow:hidden; margin-bottom:35px}
		.u_lg_notmb_btn span {display:block; float:left; margin-top:6px}
		.u_lg_notmb_btn div {float:right}
		.u_lg_notmb_btn span label {color:#777}
		.u_lg_notmb_form {text-align:center; padding-bottom:20px; margin-bottom:35px; border-bottom:1px solid #d6d6d6}
		.u_lg_notmb_input {width:180px; border:1px solid #d6d6d6; padding:8px 10px}


/* 회원가입 */
#u_regTop {height:67px; background:#FFF; border-bottom:1px solid #d3d3d3}
	#u_regTopCon {position:relative; width:1000px; height:67px; margin:0 auto; text-align:center}
	#u_regTopCon>img {height:35px; margin-top:15px}
	#u_regTopCon>span {position:absolute; right:0; top:27px}
	#u_regTopCon>span a {color:#7a7a7a}
	#u_regTopCon>span a:hover {color:#222; text-decoration:none}

#u_regBox {position:relative; width:660px; margin:0 auto}
	.u_regTitle {margin:40px 0 14px 0; color:#888}
	.u_regTitle>span {font-size:25px; color:#000; margin-right:15px}

	/* 1단계 */
	.u_regA {background:#FFF; border:1px solid #d3d3d3; padding:23px 19px}
		.u_regA>em {font-size:13px}
		.u_regA>code {float:right}
			.u_regA>code input {width:16px; height:16px}
		.u_regTextarea {background:#f4f4f4; border:1px solid #e7e7e7; padding:15px 10px 15px 15px; margin:10px 0 15px 0}
		.u_regTextarea>textarea {width:100%; border:0 none; background:transparent; height:150px}
	.u_regBtnBox {overflow:hidden; margin-top:15px}
		.u_regBtn1 {float:left; background:#4d4338; border:1px solid #372f26; width:325px; padding:25px 0; color:#FFF; text-align:center; font-size:26px; cursor:pointer}
		.u_regBtn2 {float:right; background:#FFF; border:1px solid #dedede; width:325px; padding:25px 0; color:#979797; text-align:center; font-size:26px; cursor:pointer}
	.u_radioBox {width:100%; text-align:center; margin-top:50px}
		.u_radioBox img {margin-right:5px}
		.u_radioBox img:last-child {margin-right:0}
		.u_radioBox span {margin-top:8px; display:block; color:#4d4338; font-weight:bold; font-size:14px}

#u_regBox2 {position:relative; width:520px; margin:0 auto}
	/* 2단계 */
	.u_regB {background:#FFF; border:1px solid #d3d3d3; margin-bottom:10px}
	.u_regB ul {}
		.u_regB ul li {position:relative; height:73px; border-bottom:1px solid #ececec}
		.u_regB ul li:last-child {border-bottom:0}
		.u_regB ul li>label {position:absolute; right:0; top:0; width:74px; height:73px; border-left:1px solid #ececec}
		.u_regB ul li>span {display:none; position:absolute; right:90px; top:13px; color:#222; background:#FFF; padding:15px 0}
			.um_reg_icon1 {background:url('/img/skin/regb_icon1.gif') center no-repeat}
			.um_reg_icon2 {background:url('/img/skin/regb_icon2.gif') center no-repeat}
			.um_reg_icon3 {background:url('/img/skin/regb_icon3.gif') center no-repeat}
		.u_regB_add {height:120px !important}
			.u_regB_add_t {float:left; width:99px; height:72px; padding-top:48px; border-right:1px solid #ececec; background:#f8f8f8; text-align:center; font-size:17px; color:#999}
			.u_regB_add_c {float:left; width:390px; margin:12px 0 0 20px}
			.u_regB_add_c > input {padding:0 10px}
			.u_regB_add_c .frm_address {margin-bottom:3px}
			.u_regB_add_c > label {color:#999}
		.u_regB ul li > input {position:absolute; left:25px; top:12px; width:395px; height:47px; background:#FFF; border:0 none; outline-style:none; font-size:20px}
		.u_reg_submit {width:100%; height:84px; background:url('/img/skin/lg_reg_btn.png') center no-repeat; border:1px solid #372f26; cursor:pointer}

	/* 3단계 */
	.u_regC {background:#FFF; border:1px solid #d3d3d3; padding:25px; font-size:14px; color:#666; line-height:140%}
	.u_regC .u_reg_ret {font-size:17px; line-height:170%; border-bottom:1px solid #ececec; padding-bottom:15px; margin-bottom:20px; color:#666}
	.u_regC .u_reg_ret .u_reg_nick {color:#372f26}
		.u_reg_btn2 {width:100%; height:84px; cursor:pointer; background:#4d4338; margin-top:15px}
		.u_reg_btn2 em {display:block; width:100%; height:84px; background:url('/img/skin/lg_reg_btn2.png') center no-repeat}

/* 회원정보수정 */
.u_lg_id_re {padding:25px; font-size:25px; color:#999}
.u_lg_id_re b {color:#372f26}
	.u_lg_submit2 {width:100%; height:74px; background:url('/img/skin/lg_btn2.png') center no-repeat; border:1px solid #372f26; cursor:pointer}


/* 게시판 */
.u_bo_cate {*display:none; width:1100px; margin:-40px auto 60px; border-bottom:1px dashed #e6e6e6; padding:30px 0; overflow:hidden; text-align:Center}
.u_bo_cate em {display:none; float:left; padding:8px 20px; font-family:Tahoma; font-size:15px}
.u_bo_cate ul {display:inline-block; overflow:hidden}
.u_bo_cate ul li {float:left}
.u_bo_cate ul li a {display:inline-block; color:#8d8d8d; padding:10px 20px; font-size:15px}
.u_bo_cate ul li a:hover {color:#4d4338; text-decoration:none}
.u_bo_cate ul li a#bo_cate_on {color:#443f37; font-weight:500; }
.u_bo_cate ul li var {display:inline-block; color:#8d8d8d}
.bo_cate_link {display:inline-block; margin-right:6px; color:#4d4338 !important}

.u_bo_list {width:100%; border-top:2px solid #555; margin-bottom:20px}
	.u_bo_list thead tr {height:39px; background:#f9f9f9; border-bottom:1px solid #dcdcdc; text-align:center; padding-top:1px}
	.u_bo_list tbody tr {height:34px; border-bottom:1px solid #e9e9e9}
	.u_bo_list tbody tr:hover {background:#fafafa}
	.u_bo_list tbody tr td {font-family:Dotum; text-align:center}
	.u_bo_list tbody tr td a {font-family:Dotum; text-decoration:none}
	.u_bo_list tbody tr td b {font-family:Dotum; text-decoration:none}
	.u_bo_list_t {text-align:left !important; padding-left:10px}
	.u_bo_list_t > img {margin-right:4px}
	.u_bo_list_t > img:last-child {margin-right:0}
.u_bo_list_btnbox {overflow:hidden; margin-bottom:25px}
	.u_bo_list_search {float:left; margin-right:10px}
		.u_bo_list_in1 { height:32px; border:1px solid #ddd; padding-left:10px}
		.u_bo_list_in2 {width:120px; height:32px; border:1px solid #ddd; padding:0 10px; margin-right:4px}
	.u_bo_list_btn1 {float:left}
	.u_bo_list_btn1 li {float:left; margin-right:5px}
	.u_bo_list_btn1 li input {padding:8px 14px; background:#888; color:#FFF; font-weight:bold; border:0 none}
	.u_bo_list_btn2 {float:right; padding:10px 16px; background:#4d4338; color:#FFF; font-weight:bold; cursor:pointer; border:0 none}
	.u_bo_list_btn2:hover {background:#372f26}
	.u_bo_list_btn3 {float:right; padding:10px 16px; background:#4d4338; color:#FFF; font-weight:bold; cursor:pointer; border:0 none}
	.u_bo_list_btn3:hover {background:#372f26}

#u_bo_wrBox {border-top:2px solid #555}
	#u_bo_wrBox ul {}
	#u_bo_wrBox ul li {overflow:hidden; border-bottom:1px solid #dcdcdc}
	#u_bo_wrBox ul li em {display:block; float:left; width:10%; height:30px; padding:11px 0 0 3%;  background:#fafafa; border-right:1px solid #dcdcdc; font-size:13px; font-weight:bold}
	#u_bo_wrBox ul li span {display:block; float:left; width:85%; height:35px; padding:6px 0 0 1%}
	.u_bo_wr_textarea {padding:10px 0; border-bottom:1px solid #dcdcdc; text-align:center}
		.u_bo_wr_input1 {width:93%; height:30px; padding:0 2%; border:0 none; background:#f1f1f1; font-size:13px}
		.u_bo_wr_input2 {width:10%; height:30px; padding:0 2%; border:0 none; background:#f1f1f1; font-size:13px}
		.u_bo_wr_input3 {width:99%; height:400px;font-size:13px}
		.u_bo_wr_input4 {width:20%; height:30px; border:0 none; background:#f1f1f1}
	.u_bo_wr_captcha {height:57px; overflow:hidden}
		.u_bo_wr_captcha em {height:37px !important; padding:20px 1% 0 1% !important; text-align:center}
	.u_bo_wr_btn {text-align:center; padding:20px 0}
	.ubig {padding:10px 20px !important}

#u_bo_vwBox {border-top:2px solid #555; padding-top:1px}
	.u_bo_wrTitle {}
		.u_bo_wrTitle>span {position:relative; display:block; background:#f8f8f8; padding:15px 10px 15px 20px; font-size:16px; color:#222}
		.u_bo_wrTitle>span>b {color:#777; margin-right:6px}
		.u_bo_wrTitle>span>ul {position:absolute; right:10px; top:8px}
		.u_bo_wrTitle>span>ul li {float:left; margin-left:4px}
		.u_bo_wrTitle>span>ul>li>a {display:block; float:right; font-size:12px; color:#FFF; background:#666; padding:8px 15px; cursor:pointer}
		.u_bo_wrTitle>span>ul>li>a:hover {background:#000; text-decoration:none}
		.u_bo_wrad {background:#372f26 !important}
		.u_bo_wrTitle>label {display:block; overflow:hidden; padding:10px 10px 10px 20px; border-bottom:1px solid #dcdcdc}
		.u_bo_wrTitle>label code {display:block; float:left}
		.u_bo_wrTitle>label var {display:block; float:right}
	.u_bo_wrCon {border-bottom:2px solid #555; padding:25px 20px; min-height:350px; font-size:14px; line-height:150%}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec;background:#f8f8f8}
#bo_vc h2 {margin-bottom:10px}
#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}
.comment_textarea {width:87% !important}
.btn_comment_submit {width:11%; text-align:center; height:108px; color:#fff;letter-spacing:-0.1em;cursor:pointer;border:0}

/* 아이디/비밀번호 찾기 */
.um_id_lost {width:100%; height:300px; overflow:hidden; background:#f4f4f4}
	.um_id_lostBox {width:460px; height:330px; padding:20px}
	.um_id_lost code {display:block; font-size:14px; padding:15px 0 15px 20px; font-weight:bold; color:#FFF; background:#4d4338}
	.um_id_lost p {color:#666; padding-bottom:10px}
	.um_id_lost .lost_input {height:30px; padding:0 10px; border:1px solid #999}
	#info_fs {margin-bottom:15px}
	.win_btn {margin-top:20px; border-top:1px solid #CCC; padding-top:15px; text-align:center}

/* 갤러리 */
#u_gal_wrap {margin-bottom:20px}
	.u_gal_box {overflow:hidden; width:100%}
	.u_gal_box li {float:left; width:32%; margin-right:2%; border-bottom:1px solid #555; margin-bottom:20px}
	.u_gal_box li:nth-child(3n) {margin-right:0}
		.u_gal_box li > label {position:relative; display:block; width:100%; height:220px; background:#f1f1f1; text-align:center; cursor:pointer}
			.u_gal_noimg {position:absolute; left:0; top:105px; width:100%; font-weight:bold; font-size:16px; color:#CCC}
			.u_gal_mask {position:absolute; left:0; top:0; width:100%; height:220px; background:#000; opacity:0; filter:alpha(opacity=0)}
			.u_gal_mask > span {position:absolute; left:0;top:105px; width:100%; font-weight:bold; font-size:16px; color:#FFF}
			.u_gal_subject {font-size:15px; margin:10px 0; width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
			.u_gal_info {margin-bottom:7px; color:#999}
			.u_gal_text {height:50px; background:#f8f8f8; padding:15px; color:#888; line-height:140%; margin-bottom:20px; overflow:hidden; text-align:left}
			.u_bo_noli {padding:50px 0 100px; width:100% !important; text-align:center; color:#999; border-bottom:1px solid #999 !important}