@charset "utf-8";

*		{ margin:0; padding:0}
.skip	{ position:absolute; left:-3000px; width:1px; height:1px; color:#fff}
input[type="checkbox"], input[type="radio"] { position:relative; top:-1px; vertical-align:middle; padding:5px }


/* ·Î±×ÀÎ */
.login_title				{ position:relative; width:85%; margin:0 auto; padding:10px 0 20px 0; text-align:center; }
.login						{ position:relative; width:90%; height:auto; margin:0px auto; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background: rgba(225,225,225,0.7); }

.login .login_area	{ width:280px; margin:0 auto; zoom:1}
.login .login_area:after	{ content:""; clear:both; display:block}
.login ul					{ float:left; width:200px; margin:20px 0 10px 0; }
.login ul li				{ float:left; padding-bottom:5px; text-align:left; width:195px; }
.login ul li span		{ float:left; padding-top:5px }
.login ul li input		{ float:right; width:130px; height:25px; border:1px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}

.login .login_area div{ float:left; width:0px; height:45px; margin:20px 0 10px 0; }

.idcheck				{ width:220px; height:30px; margin:0 auto; zoom:1 }
.idcheck:after			{ content:""; clear:both; display:block}
.idcheck label			{ font-size:0.9em; margin:0 5px; vertical-align:top }
.join_bt_wrap			{ width:285px; height:auto; margin:0 auto 50px auto; padding:15px 0; zoom:1}
.join_bt_wrap:after	{ content:""; clear:both; display:block}
.join_bt_wrap li		{ float:left; width:120px; height:auto; font-size:0.93em; text-align:center !important; margin:5px; padding:0.43em 0.6em; color:#666; border:#bcbcbc 1px solid;  background: -webkit-gradient(linear, left 50%, left bottom, color-stop(0%,rgb(250,250,250)), color-stop(100%,rgb(220,220,220))); border-radius:4px 4px}
.join_bt_wrap a		{ display:block; color:#666 !important; text-decoration:none; text-align:center !important; letter-spacing:-1px; }
.join_bt_wrap a:hover, .join_bt_wrap a:focus	{ letter-spacing:-1px;}
.join_btn_l				{ width:100px !important}



/* ¾ÆÀ̵ð/ºñ¹Ð¹øȣã±â */
.idsearch_title			{ position:relative; width:85%; margin:0 auto; padding:10px 0 20px 0; text-align:center; }
.idsearch_wrap		{ position:relative; width:90%; height:auto; margin:0 auto; padding-bottom:40px; text-align:center; color:#333; font-size:0.875em; }
.idsearch_wrap .text	{ padding-bottom:10px; text-align:left; line-height:18px; text-align:justify }
.idsearch_wrap .idsearch	{ width:100%; height:auto; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background: rgba(235,235,235,0.7); }
.idsearch h4			{ padding:10px 0; text-align:center !important; border-bottom:2px #d4d4d4 solid; background:#f8f4f1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.idsearch ul			{ padding:20px 0;}	
.idsearch li				{ padding:5px 0;}
.idsearch li	 span	{ padding-top:4px; height:20px}
.idsearch li	 input		{ height:25px; border:1px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.search_btn_wrap	{ position:relative; width:190px; height:30px; text-align:center; margin:0 auto; padding-top:10px}
.search_btn_wrap li	{  float:left;  padding:0 5px;}



/*/ ȸ¿ø°¡ÀÔ /*/

/* ȸ¿ø°¡ÀÔ_¾à°üµ¿ÀÇ */
#ct						{ margin:0; text-align:center;}
.ntrjoin_step			{ width:100%; height:35px; display:table; border-top:#969696 1px solid; border-bottom:#969696 1px solid; background:#f6f6f6 url("/board/images/login/bg_step.png")  repeat-x 0px 0px }
.ntrjoin_step li			{ color:#666; text-align:center; line-height:35px; font-size:0.86em;display:table-cell; background:url("/board/images/login/bg_step.png") no-repeat 100% -35px}
.ntrjoin_step li.on	{ color:#1c9401; font-weight:bold}
.ntrjoin_step li.end	{ background:none transparent scroll repeat 0% 0%}

.agree_wrap			{ padding:17px 5px 7px 5px; border-bottom:#e2e2e2 1px solid}
.agree_wrap .tit		{ color:#000; font-size:1em; padding-bottom:4px}
.agree_wrap .text	{ color:#666; font-size:0.93em; letter-spacing:-1px; line-height:1.31em; padding:0 4px 4px 0; text-align:justify}
.agree_wrap .pr		{ display:block; text-align:right}
.agree_wrap strong{ color:#333}
.more					{ padding-right:9px; font-size:0.86em; color:#1172b6 !important; background:url("/board/images/login/ic02.gif") no-repeat right 3px}
a.more,
a:link.more , 					
a:hover.more,
a:focus.more 							{ color:#1172b6; text-decoration:none; letter-spacing:0; }

.agree_form							{ padding:0 5px}
.agree_form fieldset					{ border:0}
.agree_form .agree_list			{ padding-top:6px; text-align:left}
.agree_form .agree_list li			{ color:#333; font-size:0.93em; padding-top:14px}
.agree_form .agree_list li input	{ vertical-align:-4px; border:0}

.btn_wrap								{ text-align:center; padding:20px 0}
.u_btn									{ font-size:0.93em; letter-spacing:-1px; padding:0.36em 0.8em 0.43em 0.8em; color:#666; border:#bcbcbc 1px solid; background:#f1f1f1 }
.u_btn .uc_ico_ck					{ margin-left:-0.15em; padding-left:1.4em; background:url("/board/images/login/ico.gif") no-repeat 0 3px}

#agree_detail h3					{ font-size:1em; }
#agree_detail .person h4		{ font-size:0.93em; color:#222; margin:30px 0 5px 0; }
#agree_detail .person p		{ font-size:0.93em; color:#666; margin-bottom:10px; text-align:justify; line-height:16px}

#privacy_detail h3				{ font-size:1em; }
#privacy_detail .person h4	{ font-size:0.93em; color:#222; margin:30px 0 5px 0; }
#privacy_detail .person p	{ font-size:0.93em; color:#666; margin-bottom:10px; text-align:justify; line-height:16px}


/* ȸ¿ø°¡ÀÔ_Á¤º¸ÀÔ·Â */
#ct h3								{ position:relative; width:85%; margin:0 auto; padding:10px 0 20px 0; text-align:center;  }

.join_wrap							{ width:95%; margin:4px auto; padding:17px 5px 7px 5px; border:#e2e2e2 1px solid}

.join_wrap .order					{ width:300px; height:auto; margin:0 auto; text-align:left; font-size:0.8em; zoom:1 }
.join_wrap .order	 *				{ vertical-align:middle}
.join_wrap .order:after			{ content:""; clear:both; display:block}
.join_wrap .order dt				{ float:left; width:70px; height:20px; letter-spacing:-1px; margin-left:5px; margin:8px 0 0 0; color:#666  }
.join_wrap .order dd				{ float:right; width:220px; height:auto; padding-top:3px; padding-bottom:3px; }

.join_wrap .order dd.valid			{ color:#4db422; font-size:0.95em; letter-spacing:-1px; padding-bottom:0 }
.join_wrap .order dd.text			{ color:#999; font-size:0.95em; letter-spacing:-1px; height:18px}
.join_wrap .order dd span.small{ font-size:0.85em; color:#999; margin-top:3px; margin-bottom:10px}
.join_wrap .order	 dd input		{ height:20px; border:1px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.join_form								{ padding:0 20px}
.join_form fieldset					{ border:0}

.zipcode								{ width:96%; border:1px solid #dcdcdc; margin:1%; padding:1%; text-align:left }
.zipcode h3							{ background:#7b7c7b; vertical-align:top; margin:0 0 20px 0; color:#fff; }
.zipcode .row-input					{ text-align:center }
.zipcode .inputText					{ border:1px solid #aaa; padding:2px; vertical-align:middle }
.zipcode table input				{ vertical-align:middle}
.zipcode .zip_close				{ padding:10px 0; text-align:center; background:#efefef }
.zipcode .zipcode01				{ width:95%; padding:15px 0; font-size:14px; letter-spacing:-1px; border-top:1px solid #ccc; margin:10px auto }
.zipcode .zipcode01 ul li			{ margin-bottom:10px }
.zipcode .zipcode01 thead		{ background:#efefef }
.zipcode .zipcode01 td			{ border-bottom:1px solid #dcdcdc; padding:10px 3px }
.zipcode .zipcode01 th			{ width:80px; color:#555; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:10px 2px }

#zipcodeLayer						{ position:absolute;  top:20%; width:93%; margin:1%; padding:2%; border:3px solid #666; background:#fff }
.popup_address_type1 .popup_body	{ padding:0px !important}
.win_btn								{ text-align:center; padding-bottom:20px}
.win_btn>button						{ display:block; width:160px; height:32px; margin:0 auto; font-weight:bold; font-size: 16px; color:#fff; cursor:pointer; border-radius: 7px 0 7px 0; border:1px solid #000; background: #666}
.win_btn>button:hover,
.win_btn>button:focus				{ border:3px solid #D23D48;}

/* ȸ¿ø°¡ÀÔ_¿Ï·á */
.finish									{ border-bottom:#e2e2e2 1px solid; padding-top:25px}
.finish .tit								{ color:#000; font-size:1.14em; line-height:1.25em}
.finish .tit .id							{ color:#1c9401}
.finish .btn_wrap						{ padding-bottom:25px}





/*/ ¸¶ÀÌÆäÀÌÁö /*/
#Mypage								{ position:relative; padding-top:30px;  width:100%; margin:0 auto; }
#Mypage h3							{ position:relative; text-align:center; margin:0 auto; padding-bottom:20px; }
#Mypage .Mylist						{ width:100%; margin:0 auto; padding:0}
#Mypage .Mylist li					{ display:inline-block; margin:0 5px 5px 5px; padding:0}



/* ¹è¼Û, Æ÷ÀÎÆ®Á¶È¸ */
table.Check				{ margin:0 auto; font-size:0.75em; border-top:2px solid #909090; border-left:1px solid #cdcdcd;  border-bottom:1px solid #cdcdcd; }
table.Check thead		{ background:#c8c7c2}
table.Check thead th	{ color:#333; padding:5px 0; border-bottom:1px solid #D0D0D0; border-right:1px solid #fff}
table.Check thead th.end	{ color:#333; padding:6px 0; border-bottom:1px solid #D0D0D0; border-right:1px solid #D0D0D0}

table.Check tbody th	{ text-align:center; padding:15px 2px; border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; background:#f1ede9; }
table.Check tbody td	{ text-align:center; padding:15px 5px; border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0;}
table.Check tbody td.none	{ padding:6px 10px; border-bottom:1px solid #fff;}

table.Check p				{ position:relative; top:0; padding-left:7px; background:url('/img/sub/imgDot_01.gif') no-repeat scroll 2px 5px;}
table.Check span		{ width:100%}



/* ȸ¿øÅ»Åð */
.out_text						{ position:relative; width:95%; text-align:left; margin:0 auto; line-height:23px; letter-spacing:-1px; font-size:0.95em; padding-top:10px}
.out_form					{ position:relative; width:95%; height:auto; letter-spacing:-1px; font-size:0.95em; margin:20px auto 0 auto; padding:10px 0; border-top:3px solid #ccc; border-bottom:1px solid #ccc; background:#fcfcfc}
.out_form ul.text			{ position:relative; width:320px; height:15px !important; margin:0 auto; padding:8px 0}
.out_form .text li			{ float:left}
.out_form .tit				{ width:70px; text-align:left; }


 /* Member Out */
div.member_out					{ width:95%; text-align:left; margin:0 auto 50px auto; line-height:23px; letter-spacing:-1px; line-height:23px; padding-top:10px; zoom:1}
div.member_out:after			{ content:""; display:block; clear:both}
div.member_out h4				{ padding-bottom:10px; text-align:left; font-size:14px}
div.member_out ol				{ padding-bottom:30px; text-align:justify}		

div.member_out form				{ float:left; position:relative; width:100%; margin:0}
div.member_out div.row-input	{ float:left; width:100%; padding:10px 0; margin-bottom:20px; text-align:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc }
div.member_out div.i-pin		{ width:45% !important}

div.out_checked					{ height:auto; padding-bottom:10px }
div.out_checked *				{ vertical-align:middle }
div.out_checked label img	{ margin:0 0 0 3px; }
.bt_250								{ width:100% !important}
.p_top_30							{ margin-top:30px}



/* ¼îÇÎ Ä«Å×°í¸® */
.category						{ padding-top:30px; margin:0 10px}
.category li						{ font-size:1.3em; font-weight:bold; padding:15px; text-align:left; border-bottom:#e0c4b0 1px solid; background:url("/board/images/login/ico_pg1.gif") no-repeat scroll 95% 22px;}
.category li.st					{ border-top:#e0c4b0 1px solid}




/*/ °Ô½ÃÆÇ /*/

/* °øÅë */
#B_body					{ position:relative; width:100%; height:auto; text-align:center; margin:10px 0 0 0; padding:0px 0 20px 0;}
#B_body .board			{ padding:5px 5px 10px 5px; margin:0 auto;}
.board_list					{ text-align:left; padding:5px 5px 5px 5px; border-bottom:1px solid #cccccc}

.board_list a				{ text-decoration:none; color:#000}
.board_list li *			{ vertical-align:top}
.board_list img			{ margin-top:3px; margin-right:5px}
.board_list .title			{ font-size:1.063em; padding-bottom:5px}
.board_list .name		{  font-size:0.75em; color:#666; }
.board_list .line			{  font-size:0.75em; color:#666; }
.board_list .date			{  font-size:0.75em; color:#666; }

.write_btn						{ position:absolute; float:right; right:10px; top:10px; color:#666; border:#bcbcbc 1px solid;  background: -webkit-gradient(linear, left 50%, left bottom, color-stop(0%,rgb(250,250,250)), color-stop(100%,rgb(220,220,220))); border-radius:4px 4px; padding:3px 5px}
.write_btn a								{ color:#666 !important}

.hd_sub								{ position:relative; border-bottom:#e9e9e9 1px solid}
.hd_sub_inr						{ position:relative; height:40px; border-top:#fff 1ps solid; border-bottom:#8e8e8e 1px solid; background-color:#f5f5f5}
.hd_sub h1							{ font-size:1.2em; line-height:40px; padding:0 40px; text-align:center; white-space:nowrap }



/* ¹öÆ°
.bt_wrap							{ position:relative; width:302px; height:auto; margin:0 auto; padding-top:15px; zoom:1}
.bt_wrap:after					{ content:""; clear:both; display:block}
.btn_l									{ float:left; margin-right:10px; width:90px; height:auto; font-size:0.93em; letter-spacing:-1px; padding:0.43em 0.8em 0.43em 0.8em; color:#666; border:#bcbcbc 1px solid;  background: -webkit-gradient(linear, left 50%, left bottom, color-stop(0%,rgb(250,250,250)), color-stop(100%,rgb(220,220,220))); border-radius:4px 4px}
.btn_l a								{ color:#666 !important}
.btn_r									{ float:left; width:150px; font-size:0.93em; letter-spacing:-1px; padding:0.43em 0.8em 0.43em 0.8em; color:#666; border:#bcbcbc 1px solid;  background: -webkit-gradient(linear, left 50%, left bottom, color-stop(0%,rgb(250,250,250)), color-stop(100%,rgb(220,220,220))); border-radius:4px 4px}
.btn_r a								{ color:#666 !important} */



.btn_l									{ position:absolute; top:6px; left:5px}
.btn_r									{ position:absolute; top:6px; right:5px}
.btn_t									{ display:inline-block; height:23px; font-size:0.93em; line-height:25px; text-align:center; letter-spacing:-1px; padding:0 0.3em; color:#666; border:#bcbcbc 1px solid;  background: -webkit-gradient(linear, left 50%, left bottom, color-stop(0%,rgb(250,250,250)), color-stop(100%,rgb(220,220,220))); border-radius:3px 3px }
.btn_t a								{ color:#666}
.btn_t span							{ color:#666; display:inline-block; font-size:0.93em; height:23px; line-height:25px; padding:0 0.3em; text-align:center; white-space:nowrap;  border-radius:3px 3px}
.btn_t2								{ color:#666; display:inline-block; font-size:0.93em; height:25px; line-height:23px; padding:0 0.6em; text-align:center; white-space:nowrap;  border-radius:3px 3px}



/* ±Û¾²±â */
#ct									{ width:100%;  }
#ct:after								{ clear:both; content:""; display:block; height:1px; margin-top:-1px}

.post									{ position:relative; margin:0px 10px 16px; padding:1.1em 0 0 0}
.post p								{ text-align:left}
.post_top							{ width:100%; height:auto; zoom:1}
.post_top:after						{ clear:both; content:""; display:block;}
.post_top dt						{ float:left; width:65px; line-height:30px; text-align:left; margin:0 5px}

.post_top dd						{ float:left; margin-right:10px; width:70%; max-width:1000px; margin-bottom:8px}
.post_top .inp						{ text-align:left; border:#a0a0a0 1px solid; border-radius:5px 5px; -webkit-appearance:textfield}
.post_top .inp input				{  line-height:1.7em; padding:0.2em 0 0.3em 0.4em; border:0; color:#999; font-size:0.9em; background:none transparent scroll repeat 0% 0%; -webkit-appearance:none}

.post_wr							{ position:relative; padding:0.4em 0.4em; border:#a0a0a0 1px solid; border-radius:5px 5px; -webkit-appearance:textarea}
.post_wr textarea				{ width:98%; border:0; color:#222; font-size:0.9em; height:197px; margin-left:0.3em; -webkit-appearance:none}

.post_btm							{ position:relative; height:43px; border-top:#dbdbdb 1px solid}



/* ¹¯°í´äÇϱ⠺ä */
#boardTitle							{ background-color:#cfcfcf; overflow:auto; padding:10px;  }
#boardTitle .title						{ float:left; font-weight:bold; }
strong									{ color:#f77f00}

#boardInfo								{ border-bottom:#999 1px dotted; color:#a5a5a5; font-family:Tahoma; font-size:13px; letter-spacing:-1px; overflow:auto; padding:10px;  }
#boardInfo .info li					{ float:left; padding-right:8px}
#boardInfo .readCnt					{ color:#ff7802; font-family:Tahoma; font-weight:bold;}
#boardInfo .userName				{ color:#2f76a4}

#Contents								{ position:relative; height:100%; margin:10px 2px; zoom:1}
#Contents:after						{ clear:both; content:""; display:block;}
#content									{ text-align:left; border-radius:3px 3px}
#content_btn							{ float:right; margin-right:5px}
#content_btn	li						{ float:right; margin-left:5px }

#opinion								{  float:left; padding:10px}

#comments								{ position:relative; width:100%; height:100%; border-top:#cdcdc9 1px solid; margin:20px 0;  }
#comments .comment				{ border-bottom:#999 1px dotted; padding:10px;  text-align:left}
#comments .userName				{ color:#2f76a4; float:left;  }
#comments .del						{ float:right; margin:2px}
#comments .date						{ color:#a9a9a9; float:right; margin:0 5px; padding-bottom:10px}
#comments .content				{ clear:both;}
p				{ margin:4px 0; padding:0}

#commentInput						{ margin-top:15px; width:99%; }
#commentInput .td1					{ color:#a3a3a3; padding:5px; text-align:left; width:90px; }
#commentInput .td2					{ padding:5px; text-align:center;}
#commentInput .td3					{ padding:5px; text-align:center; width:60px}

#ccontent								{ height:50px; width:98%}



/* À̹ÌÁö °Ô½ÃÆÇ */
.photo_wrap						{ width:310px; margin:0 auto}
.photo						{ width:150px; margin:0 auto}



/* sub_top */

#sub_top			{ position:relative;  height:30px; text-align:center;  padding:5px; }
#sub_top ul			{ position:relative; width:320px; margin:0 auto; }
#sub_top li			{ float:left}

#sub_top h2			{ text-align:left; color:#333; font-size:1.125em; padding-top:8px; padding-bottom:10px; letter-spacing:-1px; border-bottom:#cdcdc9 2px solid; padding-left:23px; background:url('/board/images/login/b_icon.gif') no-repeat scroll 3px 10px}