/************************************************************************
 * ÆÄÀÏ¸í      : common.css
 * ¼³¸í        : »çÀÌÆ® ±âº» css
 * ÀÛ¼ºÀÚ      : ±è¼öÁ¤
 * ÀÛ¼ºÀÏ      : 2007.07.06
************************************************************************/

@import "layout.css";
@import "font.css";
@import "member.css";
@import "submain.css";
@import "aboutcoffee.css";
@import "event.css";


table, div, ul, li, dl, dd, span {font-family:"Dotum","Gulim","Verdana";font-size:12px;color:#9B9391;}
* {margin:0px;  padding:0;}
hr {display:none;}
ul, ol, form, h1, h2, h3, h4, h5, dl, dt, dd {margin:0; padding:0; font-size:12px;list-style:none;}
body
{
	scrollbar-3dlight-color:#CFCBC3;
	scrollbar-arrow-color:#A3A09A;
	scrollbar-base-color:#F7F7F5;
	scrollbar-darkshadow-color:#F7F7F5;
	scrollbar-face-color:#F0F0EE;
	scrollbar-highlight-color:#F7F7F5;
	scrollbar-shadow-color:#CFCBC3;
}

img {border:0px}

a:link,      
a:visited,   
a:hover,     
a:active     {color:#9B9391; text-decoration:none}

/* Æû */
input			{border:1px solid #E6E7E2; height:18px; vertical-align:middle;color:#9B9391}
input.w100		{border:1px solid #E9E6E6; width:100px; height:18px; vertical-align:middle;color:#9B9391;background:#F7F7F5;}
input.w187		{width:187px;}
input.w460		{width:460px;}
input.w640		{width:640px;}
input.write		{border:1px solid #E9E6E6; width:553px; height:18px; vertical-align:middle;color:#9B9391;background:#F7F7F5;}
input.write02	{border:1px solid #E9E6E6; width:215px; height:18px; vertical-align:middle;color:#9B9391;background:#F7F7F5;}
input.write03	{border:1px solid #E9E6E6; width:490px; height:18px; vertical-align:middle;color:#9B9391;background:#F7F7F5;}
input.write04	{border:1px solid #E9E6E6; width:88px; height:18px; vertical-align:middle;color:#9B9391;background:#F7F7F5;}/*0912Ãß°¡*/

/*color*/
.dashcolor {color:#CECECE;}

/*checkbox*/
input.ch01		{width:12px;height:12px;border:0px;}

/*radio*/
input.radio01	{width:12px;height:12px;border:0px;background:#FFF}

/*select*/
.sel01			{width:204px}
.sel02			{width:70px}
.sel03			{width:109px}
.sel04			{width:169px}
.sel05			{width:120px}
.sel06			{width:80px}
.sel07			{width:77px} /*0912Ãß°¡*/
select			{margin-top:2px; vertical-align:middle}

div.auto		{border:1px solid #EFEFEC; padding:10px; overflow:auto; width:662px; height:154px;color:#9B9391;}

textarea.auto01	{border:1px solid #EFEFEC; padding:10px; overflow:auto; width:533px; height:113px;color:#9B9391;}
textarea.auto02	{border:1px solid #EFEFEC; padding:10px; overflow:auto; width:533px; height:413px;color:#9B9391;}
textarea.auto03	{border:1px solid #EFEFEC; padding:10px; overflow:auto; width:533px; height:160px;color:#9B9391;}


input.check		{background: transparent; width: 12px; height: 12px; vertical-align:middle}
input.check2	{background: transparent; width: 12px; height: 12px; vertical-align:middle; margin-left:10px}
input .search	{border:1px solid #E6E7E2; height:18px; vertical-align:middle;height:16px; padding-top:3px;color:#9B9391;}

/* À̹ÌÁö Áß¾ÓÁ¤·Ä */
.align_center	{vertical-align:middle;}
.align_top		{vertical-align:top;}

.word			{word-break:break-all;}



.mga			{margin:0px auto}
.tac			{text-align:center;}
.tal			{text-align:left;}
.over			{overflow:auto; overflow:hidden;}	


/*box background*/
.box_bgtop01	{background:url('../images/common/boxBg_top01.gif') no-repeat; width:730px;height:100%}
.box_bgtop02	{background:url('../images/common/boxBg_top02.gif') no-repeat; width:730px;height:100%}
.box_bgtop03	{background:url('../images/common/boxBg_top03.gif') no-repeat; width:730px;height:100%}
.box_bgmid		{background:url('../images/common/boxBg_mid.gif') repeat-y; width:730px;}
.box_bgbot		{background:url('../images/common/boxBg_bot.gif') no-repeat; width:730px;height:43px;}
.notice_bg		{background:url('../images/common/board_bg.gif')  no-repeat; width:730px;height:30px;}

.box_top		{background:url('../images/common/box_top.gif') no-repeat; width:730px;height:13px;}
.box_mid		{background:url('../images/common/box_mid.gif') repeat-y; width:730px;}
.box_bot		{background:url('../images/common/box_bot.gif') no-repeat; width:730px;height:13px;}

.reply_top		{background:url('../images/common/reply_top.gif') no-repeat; width:730px;height:79px;}


/*background*/
.find_bg		{background:url('../images/common/selectbar_bg.gif') no-repeat;width:730px;height:30px;padding-top:4px}
.wallpaper_bg	{background:url('../images/tceveryday/wallpaper_bg.gif') no-repeat;width:195px;height:150px;}
.submain_play	{background:url('../images/common/sub_playbg.gif') no-repeat;width:199px;height:173px;}



/*box*/

.div_box		{width:730px;margin-top:30px;}
.div_box2		{width:730px;}


/*margin*/
.list			{margin:0 5px;}
.pading_mg		{margin:0 6px 0 12px;}

.align_t2		{margin-top:2px}
.mgT5			{margin-top:5px;}
.mgT15			{margin-top:15px;}
.mgT30			{margin-top:30px;}
.mgT20			{margin-top:20px;}
.mgT7			{margin-top:7px;}
.mgT10			{margin-top:10px;}
.mgT40			{margin-top:40px;}
.mgT50			{margin-top:50px;}

.mL01			{margin-left:1px;}
.mgL30			{margin-left:30px;}
.mgL05			{margin-left:5px;}
.mgL10			{margin-left:10px;}
.mgL15			{margin-left:15px;}
.mgL20			{margin-left:20px;}
.mgL36			{margin-left:36px;}
.mgL27			{margin-left:27px;}
.mgL45			{margin-left:45px;}
.mgR20			{margin-right:20px;}


/*padding*/
.pdTB10			{padding:10px 0}
.pdTB13			{padding:13px 0}
.pdTB7			{padding:7px 0px;}
.plistpad		{padding:0px 7px;}
.pdh14			{padding:0 14px;}
.pdsel			{padding:0 7px 0 3px}
.pdA20			{padding:20px 0;}

.pdL30			{padding-left:30px;}
.pdL15			{padding-left:15px;}
.pdL20			{padding-left:20px;}
.pdL26			{padding-left:26px;}

.pdR10			{padding-right:10px}
.pdR30			{padding-right:30px}


.align_tp3		{padding-top:3px}
.pdT01			{padding-top:1px;}
.pdT6			{padding-top:6px;}
.pdT7			{padding-top:7px;}
.pdT10			{padding-top:10px;}
.pdT13			{padding-top:13px;}
.pdT20			{padding-top:20px;}
.pdT30			{padding-top:30px;}
.pdT05			{padding-top:5px;}

.pdB4			{padding-bottom:4px;}
.pdB5			{padding-bottom:5px;}
.pdB10			{padding-bottom:10px;}
.pdB20			{padding-bottom:20px;}
.pdB30			{padding-bottom:30px;}



.mem_wid		{width:190px;}
.proh			{height:13px;}
.selbox			{height:30px;}

.line_h01		{line-height:160%}
.line_h02		{line-height:220%}

/*position*/
.div_rel		{position:relative;}
.div_abs		{position:absolute;}

/*line*/
.grayLine		{background:#EFEFEC; width:730px;height:1px;overflow:auto;overflow:hidden}
.grayLine02		{background:#EFEFEC; width:668px;height:1px;overflow:auto;overflow:hidden}
.replyLine		{background:#F7F7F7; width:690px;height:1px;overflow:auto;overflow:hidden}
.notice_title	{background:#A49180; width:730px; height:26px;}
.tabLine		{background:url('../images/membership/underline.gif') no-repeat; width:730px;height:22px;}

/*a*/

a.tlink:link,
a.tlink:visited,
a.tlink:active,
a.tlink:hover		{color:#775B55}

a.tlinkr:link,
a.tlinkr:visited,
a.tlinkr:active,
a.tlinkr:hover		{color:#AB3636}


a.plistg:link,
a.plistg:visited,
a.plistg:active,
a.plistg:hover		{font-family:verdana; font-size:11px; color:#9B9391;}

a.plistr:link,
a.plistr:visited,
a.plistr:active,
a.plistr:hover		{font-family:verdana; font-size:11px; color:#A83834; font-weight:bold;}


.ntitle01			{padding:4px 0 0 18px;color:#FFF;font-weight:bold;text-align:left;}
.btn_list			{padding:10px 0 20px 0;}

/*z-index*/
.z_01				{z-index:1;}
.z_02				{z-index:2;}
.z_dep				{z-index:20;position:absolute;top:40px;width:462px;}
.z_fdiv				{z-index:30;position:absolute;top:200px;left:320px;}
.z_log				{z-index:5;}
.z_login			{z-index:5;position:absolute;left:510px}
.z_10				{z-index:10;}
.z_top				{z-index:1;}

.letter				{letter-spacing:-1px;}

/*height*/
.h10				{height:10px;}

.pbar				{padding:0 7px;}


/*µ¨¸®½Ã¿Àbox*/
.box_deli { width:728px;border-left:1px solid #efefec;border-right:1px solid #efefec;background:url('../images/delicio/bg_delicioproduct.gif') repeat-x; }
.delicio_tit { margin:24px 0 13px 0; }
.tabss { margin-left:217px;height:105px;width:330px; }
	.tabss li { float:left;width:104px;height:104px; }
.hand { cursor:hand; }
.cup_detail { margin:14px 0 0 70px;width:577px; }

.tbl_scrap td { border-bottom:1px solid #EFEFEC; }
.tbl_scrap img { vertical-align:middle; }
.icemix_cf { background:url('../images/icemix/bg_eventCF.jpg') no-repeat;width:618px;height:460px;padding-left:114px; }
.icemix_down { list-style:none;margin-top:20px;margin-left:67px; }
.icemix_down li { display:inline;margin-left:10px; }

.pop_blog { background-color:#c6eaf8;width:301px;height:244px;padding:16px 0 0 19px; }
.pop_blog .input { margin-top:20px; }

/* ¾ÆÀ̽º¹Í½º_ÇÑÁÙµ¡±Û */
.addwrite { padding-top:10px; }
.addwrite li { display:inline;padding-right:10px;padding-top:10px; }
.addwrite img { vertical-align:middle; }
.addwrite .radio { border:0; }

/*À̺¥Æ®¸ÞÀÎ*/
#tab:after,.tab:after { width:731px;margin-top:22px;content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
#tab,.tab { display: inline-block;width:731px;margin-top:22px;display: block;background:url('../images/event/bg_tab.gif') bottom repeat-x;zoom:1; }
#tab.noline,.tab.noline { background:none;margin-bottom:-2px; }
* html #tab,* html .tab {height: 1%;} /* Hides from IE-mac */
#tab li,.tab li { float:left;margin-right:1px; }
#tab li img,.tab li img{ vertical-align:bottom; }
.event_cont { background:url('../images/event/bg_eventmain.gif') repeat-y;height:100%;padding:0 37px 0 27px; }
.event_cont dt { height:37px; }
.event_cont ul { height:100%;width:675px; }
.event_cont li { float:left;margin:0 10px 10px 0; }
.event_cont li.none { margin-right:0; }